/*- - - - - - - - -样式属首页.html - - - - - - - -*/
	/*页头*/
#header {
    height: 80px;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    background: url(../images/opacity_60.png) repeat left top;
    z-index: 2800;
}
#header .header {
    position: relative;
    max-width: 1475px;
    min-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/*网站标志*/
#logo {
    float: left;
    width: 80px;
    height: 60px;
    overflow: hidden;
    margin-top: 9px;
}
#logo a {
    display: block;
}
/*菜单*/
#menu {
    float: right;
    width: 750px;
    margin-right: 4.68%;
}
#menu .menu {
    float: left;
}
#menu .menu>li {
    float: left;
    height: 80px;
    line-height: 80px;
    margin-right: 1px;
}
#menu .menu>li>a {
    font-size: 16px;
    color: #ffffff;
    padding-right: 31px;
    padding-left: 31px;
    text-decoration: none;
    border-radius: 5px 5px 0 0;
    display: block;
}
#menu .menu>li>a .arrow_bottom {
    width: 10px;
    height: 6px;
    line-height: 0;
    margin-left: 6px;
    vertical-align: middle;
    background: url(../images/arrow_bottom.png) no-repeat center top;
    display: inline-block;
}
#menu .menu>li:hover a, #menu .menu>li.hover a, #menu .menu>li.change a {
    color: #139a4e;
    background-color: #ffffff;
}
#menu .menu>li.hover .arrow_bottom, #menu .menu>li.change .arrow_bottom, #menu .menu>li a:hover .arrow_bottom {
    background-position: center bottom;
}
/*子菜单*/
.submenu {
    position: absolute;
    top: 80px;
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
    display: none;
}
.submenu ol {
    width: 142px;
}
.submenu ol li a {
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    display: block;
}
.submenu ol li a:hover {
    background-color: #f6f7f9;
    text-decoration: none;
}
.submenu .schemeItem {
    float: left;
    width: 316px;
    background: #fff;
}
.submenu .schemeItem a {
    overflow: hidden;
    padding: 15px 42px 15px 15px;
    display: block;
}
.submenu .schemeItem a:hover {
    color: #139b51;
    text-decoration: none;
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
    position: relative;
    z-index: 200;
}
.submenu .schemeItem a:hover span {
    color: #139b51;
}
.submenu .schemeItem ._pic {
    float: left;
    width: 132px;
    height: 132px;
    overflow: hidden;
    margin-right: 28px;
    background: #333;
}
.submenu .schemeItem ._pic img {
    width: 100%;
    height: 100%;
    display: block;
}
.submenu .schemeItem strong {
    height: 44px;
    line-height: 2.06;
    overflow: hidden;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 4px;
    padding-top: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.submenu .schemeItem span {
    line-height: 1.31;
    overflow: hidden;
    font-size: 14px;
    color: #9a9a9a;
    max-height: 2.62em;
}
/*电话*/
#tel {
    float: right;
    width: 358px;
    padding-top: 19px;
}
#tel ._tel {
    float: left;
    width: 198px;
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    font-weight: normal;
    color: #139a4e;
    margin-top: 10px;
}
#tel ._tel span {
    line-height: 22px;
    padding-right: 8px;
    padding-left: 10px;
    border-left: 1px solid #145b3d;
    display: inline-block;
}
#tel ._tel .icon_tel {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle;
    background: url(../images/icon_1.png) no-repeat center center;
}
#tel .btn_try {
    float: right;
    width: 144px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background-color: #139a4e;
    box-shadow: 2px 2px 0 2px rgba(0,0,0,0.05);
}
#tel .btn_try:hover {
    background-color: #1ac769;
    text-decoration: none;
}
#tel .btn_try .icon_soft {
    width: 20px;
    height: 18px;
    margin-right: 12px;
    vertical-align: middle;
    background: url(../images/icon_2.png) no-repeat center center;
    display: inline-block;
}
/*广告*/
#banner {
    height: 700px;
    position: relative;
    overflow: hidden;
    min-width: 1200px;
    margin: 0 auto;
    margin-top: -16px;
}
#banner ._slider_next, #banner ._slider_prev {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 80;
}
#banner ._slider_prev span, #banner ._slider_next span {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background: url(../images/banner_arrow.png) no-repeat left top;
    background-repeat: no-repeat;
}
#banner ._slider_prev {
    left: 50%;
    margin-left: -700px;
}
#banner ._slider_prev:hover {
    background-position: left top;
}
#banner ._slider_prev:hover span {
    background-position: left bottom;
}
#banner ._slider_next {
    right: 50%;
    margin-right: -700px;
}
#banner ._slider_next span {
    background-position: right top;
}
#banner ._slider_next:hover span {
    background-position: right bottom;
}

@media screen and (max-width: 1400px) {
#menu {
    margin-right: 0.68%;
}
}

@media screen and (max-width: 1250px) {
#header .header {
    padding: 0 5px;
}
#menu {
    margin-right: 0%;
}
#tel {
    width: 345px;
}
#banner ._slider_prev {
    left: 10%;
    margin-left: 0;
}
#banner ._slider_next {
    right: 10%;
    margin-right: 0;
}
}
/*图片轮播样式*/
#banner .conbox {
    height: 100%;
    display: none;
    width: 9999em;
    position: absolute;
    overflow: hidden;
}
#banner .conbox .Slide_ {
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
#banner .conbox .Slide_ a {
    width: 100%;
    display: block;
}
#banner .conbox .Slide_ img.mainpic {
    height: 100%;
    margin: 0 auto;
    display: block;
}
#banner .switcher {
    width: 100%;
    text-align: center;
    position: absolute;
    right: 0px;
    bottom: 20px;
    z-index: 99;
}
#banner .switcher a {
    width: 12px;
    height: 12px;
    line-height: 0px;
    text-align: center;
    overflow: hidden;
    font-size: 0px;
    font-family: arial;
    color: #323232;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s linear;
}
#banner .switcher a.cur, #banner .switcher a:hover {
    width: 30px;
    color: #fff;
}
#banner .conbox .Slide_ a {
    display: block;
}
/*商业*/
#business {
    height: 757px;
    min-width: 1200px;
    margin: 0 auto 27px auto;
    padding-top: 18px;
}
#business .business_box {
    background: url(../images/business_bg.jpg) no-repeat center center;
    background-size: cover;
}
#business .center {
    width: 1260px;
    height: 467px;
    padding-top: 94px;
}
#business .PartTitle {
    margin-bottom: 60px;
}
/*案例*/
#case {
    width: 1200px;
    margin: 0 auto 49px auto;
    padding-bottom: 20px;
}
#case .PartTitle {
    margin-bottom: 57px;
}
/*荣誉*/
#honor {
    width: 1200px;
    margin: 0 auto 81px auto;
    padding-bottom: 20px;
}
#honor .PartTitle {
    margin-bottom: 60px;
}
/*景点*/
#Attractions {
    height: 279px;
    overflow: hidden;
    font-size: 24px;
    color: #ffffff;
    min-width: 1200px;
    margin: 0 auto 10px auto;
    padding-top: 30px;
    background: url(../images/Attractions_bg.png) no-repeat center top;
    background-color: #3c7b9c;
    background-size: cover; padding-bottom: 50px;
}
#Attractions .text {
    line-height: 46px;
    text-indent: 2em;
    margin-bottom: 34px;
}
#Attractions .genusName {
    line-height: 40px;
    text-align: right;
    margin-bottom: 40px;
}
/**/
#dynamic {
    min-width: 1200px;
    margin: 0 auto 45px auto;
}
#dynamic .PartTitle {
    margin-bottom: 75px;
}
#dynamic .dynamicBox {
    float: left;
    width: 386px;
    height: 420px;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 0px;
}
#dynamic .dynamicBox:nth-of-type(3n) {
    margin-right: 0px;
}
#dynamic .cpnew {
    width: 590px;
}
#dynamic .cpnew:nth-of-type(2n) {
    margin-right: 0px;
}
/**/
#onTrial {
    min-width: 1200px;
    margin: 0 auto;
    background-color: #139a4e;
}
#onTrial .center {
    height: 167px;
}
#onTrial .iconpic {
    float: left;
    width: 146px;
    height: 97px;
    overflow: hidden;
    margin-top: 32px;
    margin-right: 32px;
    margin-left: 1px;
}
#onTrial .iconpic img {
    width: 100%;
    height: 100%;
}
#onTrial .softareName {
    float: left;
    width: 631px;
    color: #8dc5a2;
    margin-top: 47px;
}
#onTrial .softareName em {
    height: 38px;
    line-height: 38px;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    display: block;
}
#onTrial .btn_freetry {
    float: right;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #139a4e;
    margin-top: 58px;
    margin-right: 96px;
    background-color: #ffffff;
    text-decoration: none;
    box-shadow: 2px 2px 0 2px rgba(255,255,255,0.15);
}
#onTrial .btn_freetry:hover {
    color: #fff;
    background-color: #1cc766;
}
/*页尾*/
#footer {
    min-width: 1200px;
    margin: 0 auto;
    background: #fff;
}
#footer>.center {
    height: 278px;
    padding-top: 30px;
}
/*网站地图*/
#websiteMap {
    float: left;
    width: 889px;
    padding-top: 8px;
    padding-bottom: 20px;
}
#websiteMap .buyConsult {
    float: left;
    width: 240px;
    margin-right: 122px;
    margin-left: 0px;
}
#websiteMap .buyConsult ._text {
    width: 191px;
    height: 51px;
    overflow: hidden;
}
#websiteMap .buyConsult ._text img {
    width: 100%;
    height: 100%;
}
#websiteMap .buyConsult h5 {
    line-height: 40px;
    font-size: 20px;
    font-weight: normal;
    color: #343233;
    padding-bottom: 8px;
}
#websiteMap .buyConsult .hotTel {
    font-size: 14px;
    color: #888888;
    margin-bottom: 39px;
}
#websiteMap .buyConsult .hotTel strong {
    line-height: 38px;
    font-size: 28px;
    font-weight: normal;
    color: #15994e;
    letter-spacing: 1px;
    display: block;
}
#websiteMap dl {
    float: left;
    width: 198px;
    margin-right: 105px;
}
#websiteMap dl:nth-of-type(2n) {
    margin-right: 0px;
}
#websiteMap dl dt {
    line-height: 40px;
    font-size: 20px;
    font-weight: normal;
    color: #343233;
    margin-bottom: 8px;
}
#websiteMap dl dd {
    display: block;
}
#websiteMap dl dd a {
    line-height: 26px;
    font-size: 14px;
    color: #747474;
    text-decoration: none;
    display: block;
    transition: all 0.2s ease-out;
}
#websiteMap dl dd a:hover {
    color: #139a4e;
    transform: translatex(5px);
}
#websiteMap .cai {
    width: 396px;
    margin-top: 10px;
}
#websiteMap .cai a {
    display: inline-block;
}
/*二维码*/
#QRcode {
    float: left;
    width: 167px;
    text-align: center;
}
#QRcode .QRcode_pic {
    width: 140px;
    height: 140px;
    position: relative;
    margin: 0 auto 4px auto;
}
#QRcode .QRcode_pic img {
    width: 100%;
    height: 100%;
}
#QRcode span {
    line-height: 28px;
    font-size: 16px;
    display: block;
}
/*版权*/
#copyright {
    line-height: 26px;
    text-align: center;
    clear: both;
    font-size: 14px;
    color: #cccccc;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #404040;
}
#copyright ul li {
    display: inline;
}
#copyright ul li a {
    color: #cccccc;
    text-decoration: none;
    display: inline-block;
}
#copyright ul li:hover a {
    color: #fff;
}
#copyright .fk a {
    color: #cccccc;
    text-decoration: none;
}
#copyright .fk a:hover {
    color: #fff;
}
.friendLink {
    line-height: 30px;
    border-bottom: #CCCCCC 1px solid;
    margin-bottom: 10px;
}
.conttitle a {
    display: inline-block;
    font-size: 17px;
    line-height: 40px;
    margin-right: 40px;
}
.tag a {
    background: #f3f3f3;
    display: inline-block;
    line-height: 30px;
    padding: 0 15px;
    margin-right: 5px;
    border-radius: 6px;
}
.tag a:hover {
    background: #139a4e;
    color: #fff;
    text-decoration: none;
}
/*栏目标题*/
.PartTitle {
    height: 136px;
    line-height: 136px;
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}
.PartTitle em {
    position: relative;
    font-size: 36px;
    font-weight: bold;
    color: #343233;
    z-index: 1500;
}
.PartTitle span {
    height: 56px;
    line-height: 56px;
    position: absolute;
    font-size: 62px;
    color: #f2f2f2;
    right: 0px;
    bottom: 0px;
    left: 0px;
    letter-spacing: 4px;
}
.PartTitle ._line {
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: 26px;
    left: 50%;
    margin-left: -50px;
    border-bottom: 2px solid #139a4e;
}
/*副标题*/
.SubTitle {
    height: 41px;
    line-height: 41px;
    font-size: 24px;
    font-weight: normal;
    color: #169a4f;
    margin-bottom: 4px;
    padding-left: 10px;
    background-color: #efefef;
    border-left: 10px solid #139a4e;
}
.SubTitle a {
    color: #169a4f;
}
.SubTitle a:hover {
    color: #4f4f4f;
    text-decoration: none;
}
/*新闻列表*/
.NewsList li {
    height: 38px;
    line-height: 38px;
}
.NewsList li a {
    overflow: hidden;
    font-size: 18px;
    padding-left: 20px;
    background: url(../images/spot.png) no-repeat left center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    transition: all 0.2s ease-out;
}
.NewsList li:hover a {
    color: #17b25b;
    transform: translatex(5px);
}
/*图片列表*/
.PicList {
    float: left;
}
.PicList li {
    float: left;
    width: 228px;
    height: 312px;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
}
.PicList li:nth-of-type(5n) {
    margin-right: 0px;
}
.PicList li .photo {
    width: 228px;
    height: 312px;
    overflow: hidden;
    display: block;
}
/*案例列表*/
.caselist {
    width: 1200px;
    height: 660px;
    position: relative;
}
.caselist li {
    width: 296px;
    height: 180px;
    position: absolute;
    overflow: hidden;
}
.caselist li:nth-of-type(1) {
    top: 0px;
    left: 0px;
}
.caselist li:nth-of-type(2) {
    top: 0px;
    left: 301px;
}
.caselist li:nth-of-type(3) {
    top: 0px;
    left: 602px;
}
.caselist li:nth-of-type(4) {
    top: 0px;
    left: 903px;
}
.caselist li:nth-of-type(5) {
    top: 293px;
    left: 0px;
}
.caselist li:nth-of-type(6) {
    top: 185px;
    left: 301px;
}
.caselist li:nth-of-type(7) {
    top: 293px;
    left: 602px;
}
.caselist li:nth-of-type(8) {
    top: 185px;
    left: 903px;
}
.caselist li:nth-of-type(9) {
    top: 479px;
    left: 0px;
}
.caselist li:nth-of-type(10) {
    top: 479px;
    left: 301px;
}
.caselist li:nth-of-type(11) {
    top: 479px;
    left: 602px;
}
.caselist li.btn_more {
    text-align: center;
    top: 479px;
    left: 903px;
    background-color: #139a4e;
}
.caselist li.btn_more a {
    height: 126px;
    font-size: 22px;
    color: #ffffff;
    padding-top: 54px;
    text-decoration: none;
    display: block;
}
.caselist li.btn_more a:hover {
    background-color: #19b05d;
}
.caselist li.btn_more .arrow_right {
    width: 28px;
    height: 28px;
    margin: 19px auto 0 auto;
    background: url(../images/arrow_right.png) no-repeat left top;
    display: block;
}
.caselist li .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/opacity_88.png) repeat left top;
    display: none;
}
.caselist li.model_size {
    height: 288px;
}
.caselist li:nth-of-type(4n) {
    margin-right: 0px;
}
.caselist li .photo {
    width: 100%;
    height: 100%;
    display: block;
}
.caselist li ._text {
    height: 112px;
    text-align: center;
    position: absolute;
    color: #ffffff;
    top: 50%;
    right: 0px;
    left: 0px;
    margin-top: -56px;
    text-decoration: none;
    z-index: 500;
}
.caselist li ._text strong {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 24px;
    font-weight: normal;
    padding-right: 10px;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.caselist li ._text address {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 16px;
}
.caselist li ._text ._btn_seemore {
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    display: block;
}
/*焦点新闻*/
.FocusNews {
    height: 70px;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-right: 10px;
    padding-bottom: 14px;
    border-bottom: 1px solid #cccccc;
    transition: all 0.2s ease-in-out;
}
.FocusNews:hover {
    transform: translatex(5px);
}
.FocusNews .photo {
    float: left;
    width: 150px;
    height: 70px;
    margin-right: 14px;
}
.FocusNews h5 {
    height: 2.88em;
    line-height: 1.44;
    overflow: hidden;
    font-size: 18px;
    font-weight: normal;
    color: #343233;
    margin-bottom: 2px;
}
.FocusNews h5 a {
    text-decoration: none;
}
.FocusNews p {
    height: 5.55em;
    line-height: 1.85;
    text-align: justify;
    overflow: hidden;
    font-size: 13px;
    color: #999997;
    margin-bottom: 2px;
    text-justify: inter-ideograph;
}
.FocusNews time {
    float: right;
    color: #139a4e;
    padding-right: 8px;
}
.cpnew .FocusNews {
    height: 150px;
}
.cpnew .FocusNews .photo {
    width: 210px;
    height: 150px;
}
/*业务*/
.business {
    float: left;
    width: 298px;
    height: 471px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-right: 9px;
    margin-left: 8px;
    padding-top: 21px;
}
.hover_business {
    background-color: #169a4f;
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
}
.hover_business .btn_more {
    display: block!important;
}
.business a {
    text-decoration: none;
}
.business .btn_more {
    width: 177px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin: 67px auto 0 auto;
    border: 2px solid #fffeff;
    border-radius: 40px;
    display: none;
}
.business:nth-of-type(4) {
    margin-right: 0px;
}
.business .pic {
    margin-bottom: 26px;
}
.business strong {
    line-height: 34px;
    overflow: hidden;
    font-size: 24px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.business ._icon_list {
    text-align: center;
    margin-bottom: 26px;
}
.business ._icon_list li {
    margin-right: 15px;
    margin-left: 15px;
    display: inline;
}
.business ._text {
    line-height: 1.92;
    overflow: hidden;
    font-size: 12px;
    color: #ffffff;
    max-height: 3.84em;
}
.iconList {
    width: 29px;
    height: 28px;
    margin: 0 auto;
    background: url(../images/list_icon2.png) no-repeat left top;
    display: inline-block;
}
.iconList.iconList1x1 {
    background-position: 0 0;
}
.iconList.iconList2x1 {
    background-position: -29px 0;
}
.iconList.iconList3x1 {
    background-position: -58px 0;
}
.icon_list {
    width: 122px;
    height: 122px;
    background: url(../images/list_icon.png) no-repeat left top;
    display: inline-block;
}
.icon_list.icon_list1x1 {
    background-position: 0 0;
}
.hover_business .icon_list1x1, .icon_list.icon_list1x1:hover {
    background-position: 0 -122px;
}
.icon_list.icon_list2x1 {
    background-position: -122px 0;
}
.hover_business .icon_list2x1, .icon_list.icon_list2x1:hover {
    background-position: -122px -122px;
}
.icon_list.icon_list3x1 {
    background-position: -244px 0;
}
.hover_business .icon_list3x1, .icon_list.icon_list3x1:hover {
    background-position: -244px -122px;
}
.icon_list.icon_list4x1 {
    background-position: -366px 0;
}
.hover_business .icon_list4x1, .icon_list.icon_list4x1:hover {
    background-position: -366px -122px;
}
/*- - - - - - - - -样式属2产品.html - - - - - - - -*/
	/*广告2*/
#banner2 {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    background-size: cover!important;
    position: relative;
}
#banner2 .text_pic {
    position: absolute;
    left: 50%;
    width: 594px;
    height: 116px;
    margin-left: -297px;
    top: 50%;
    margin-top: -58px;
}
#banner2 img {
}
/**/
#scene {
    width: 1200px;
    margin: 0 auto 0px auto;
}
#scene .PartTitle {
    font-weight: bold;
    margin-bottom: 66px;
    padding-top: 8px;
}
/*流程*/
#process {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 72px;
}
/*场景列表*/
.sceneList {
    float: left;
}
.sceneList li {
    float: left;
    width: 370px;
    position: relative;
    overflow: hidden;
    margin: 0 44px 44px 0px;
    border-radius: 5px;
}
.sceneList li ._bg {
    height: 100%;
    position: absolute;
    top: 30%;
    right: 0px;
    left: 0px;
    background: url(../images/system/photo3_show.png) repeat-x left top;
    z-index: 498;
}
.sceneList li:nth-of-type(3n) {
    margin-right: 0px;
}
.sceneList .photo {
    width: 370px;
    height: 285px;
    overflow: hidden;
    display: block;
}
.sceneList .photo img {
    height: 110%;
}
.sceneList .text {
    height: 100%;
    text-align: center;
    position: absolute;
    color: #fff;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 500;
}
.sceneList .text strong {
    width: 262px;
    line-height: 40px;
    position: absolute;
    overflow: hidden;
    font-size: 24px;
    top: 110.00%;
    left: 50%;
    margin-top: -80px;
    margin-bottom: 18px;
    margin-left: -131px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.sceneList .text span {
    width: 262px;
    line-height: 26px;
    position: absolute;
    overflow: hidden;
    font-size: 16px;
    max-height: 78px;
    top: 150%;
    left: 50%;
    margin-top: -21px;
    margin-left: -131px;
    display: block;
}
/*流程*/
.process {
    margin-bottom: 92px;
    padding: 0 88px 0 90px;
}
.process:nth-child(odd) {
    padding-left: 38px;
}
.process:nth-child(odd) .photo {
    float: left;
    margin-right: 127px;
    margin-left: 0px;
}
.process .photo {
    float: right;
    width: 484px;
    height: 284px;
    margin-left: 109px;
    border: 7px solid #139a4e;
}
.process .photo img {
    width: 500px;
    height: auto;
    margin-top: 32px;
    margin-left: 22px;
}
.process h4 {
    line-height: 54px;
    overflow: hidden;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 38px;
    padding-top: 55px;
    text-overflow: ellipsis;
    letter-spacing: 2px;
    white-space: nowrap;
}
.process .line {
    width: 62px;
    height: 4px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #139a4e;
    display: block;
}
.process p {
    line-height: 27px;
    overflow: hidden;
    font-size: 16px;
    color: #676767;
    max-height: 54px;
}
.process.change .photo {
    float: left;
    margin-right: 124px;
    margin-left: 0px;
}
/*- - - - - - - - -样式属3解决方案-三国小镇.html - - - - - - - -*/
	/*解决方案*/
#Solutions .PartTitle {
    margin-bottom: 58px;
    padding-top: 36px;
}
/*问题*/
#Problem {
    padding-top: 44px;
    padding-bottom: 82px;
}
/*方案*/
#scheme {
    height: 634px;
    margin: 0 auto;
    padding-top: 26px;
    background: #139a4e url(../images/solutions/bg_002.jpg) no-repeat center top;
}
#scheme .schemeBox {
    float: left;
    width: 560px;
    height: 430px;
    position: relative;
    overflow: hidden;
    margin: 0 67px 0 0px;
    background: #000;
}
#scheme .schemeBox .mejs-video {
    height: 100%!important;
}
#scheme .schemeBox ._clicktips {
    text-align: center;
    position: absolute;
    font-size: 19px;
    color: #fff;
    top: 64.00%;
    right: 0px;
    left: 0px;
    letter-spacing: 16px;
    display: none;
}
#scheme .schemeBox .btn_play {
    width: 97px;
    height: 97px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    background: url(../images/btn_play.png) no-repeat left top;
}
#scheme .schemeBox img {
    width: 100%;
    height: 100%;
}
/*评价*/
#evaluate {
    width: 1200px;
    height: 576px;
    position: relative;
    margin: 0 auto;
    padding-top: 90px;
}
#evaluate .illustration {
    width: 398px;
    height: 264px;
    position: absolute;
    top: 327px;
    right: 0px;
    z-index: 100;
}
#evaluate .illustration img {
    width: 100%;
    height: 100%;
}
#evaluate .bg {
    width: 533px;
    height: 282px;
    position: absolute;
    top: 125px;
    right: 78px;
    background: url(../images/solutions/bg_spot.gif) repeat left top;
}
/*正文标题*/
.TextTitle {
    line-height: 70px;
    text-align: center;
    font-size: 30px;
    color: #323232;
    margin-bottom: 30px;
}
.TextTitle span {
    width: 208px;
    height: 2px;
    margin: 0 18px 0 18px;
    vertical-align: middle;
    display: inline-block;
}
.TextTitle span.line_left {
    background: url(../images/line_left.png) no-repeat left top;
}
.TextTitle span.line_right {
    background: url(../images/line_right.png) no-repeat left top;
}
/*正文标题2*/
.TextTitle2 {
    line-height: 54px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin-bottom: 36px;
}
/*方案列表*/
.schemeList {
    color: #fff;
    margin-bottom: 79px;
}
.schemeList h5 {
    line-height: 25px;
    overflow: hidden;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 20px;
    padding-left: 43px;
    background: url(../images/solutions/icon_option.jpg) no-repeat left center;
}
.schemeList p {
    line-height: 25px;
    text-align: justify;
    overflow: hidden;
    font-size: 16px;
    padding-left: 44px;
    text-justify: inter-ideograph;
}
/*评价*/
.evaluates {
    width: 670px;
    height: 387px;
    position: relative;
    margin: 0 auto;
    padding: 18px 103px 0 103px;
    padding-right: 102px;
    padding-left: 102px;
    background-color: #fff;
    box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
    z-index: 500;
}
.evaluates .TextTitle {
    margin-bottom: 45px;
}
.evaluates p {
    height: 160px;
    line-height: 27px;
    overflow: hidden;
    font-size: 16px;
    color: #323232;
    max-height: 160px;
    margin-bottom: 16px;
}
.evaluates .genusName {
    line-height: 46px;
    text-align: right;
    font-size: 16px;
    color: #676767;
    letter-spacing: 2px;
}
.evaluates .genusName strong {
    color: #343434;
    margin-right: 14px;
}
.evaluates .icon_comma {
    width: 136px;
    height: 116px;
    position: absolute;
    top: 2px;
    left: -108px;
    background: url(../images/solutions/icon_comma.png) no-repeat left center;
}
/*景点*/
.scenicSpot {
    height: 538px;
    color: #fff;
    margin: 0 auto;
    padding-top: 36px;
    background: url(../images/solutions/bg_001.jpg) no-repeat center top;
    background-size: cover;
}
.scenicSpot .center {
    padding-top: 15px;
}
.scenicSpot ._photoList {
    float: right;
    width: 536px;
    height: 508px;
    position: relative;
    margin-top: -15px;
    margin-right: 1px;
    margin-left: 50px;
}
.scenicSpot h5 {
    line-height: 36px;
    font-size: 20px;
    margin-bottom: 12px;
    margin-left: 32px;
}
.scenicSpot p {
    line-height: 24px;
    overflow: hidden;
    font-size: 16px;
    max-height: 72px;
    margin-bottom: 36px;
    margin-left: 32px;
}
.scenicSpot ._photoList li {
    position: absolute;
    background: #000;
    overflow: hidden;
}
.scenicSpot ._photoList li.hover_ {
    box-shadow: 0 0 24px rgba(0,0,0,0.42);
    z-index: 2000;
}
.scenicSpot ._photoList li.image1 {
    width: 286px;
    height: 298px;
    top: 0px;
    left: 0px;
}
.scenicSpot ._photoList li.image2 {
    width: 240px;
    height: 125px;
    top: 0px;
    right: 0px;
}
.scenicSpot ._photoList li.image3 {
    width: 240px;
    height: 200px;
    top: 136px;
    right: 0px;
}
.scenicSpot ._photoList li.image4 {
    width: 286px;
    height: 200px;
    top: 309px;
    left: 0px;
}
.scenicSpot ._photoList li.image5 {
    width: 240px;
    height: 163px;
    top: 346px;
    right: 0px;
}
.scenicSpot ._photoList li img {
    width: 100%;
    height: 100%;
    filter: alpha(opacity=80)\9;
    -moz-opacity: 0.8;
    opacity: 0.8;
}
/*问题*/
.problems {
    width: 1200px;
    margin: 0 auto;
}
.problems .photo {
    float: left;
    width: 392px;
    height: 290px;
    margin-right: 78px;
    margin-left: 122px;
    background: #333;
}
.problems ol {
    padding-top: 26px;
}
.problems ol li {
    line-height: 64px;
    overflow: hidden;
    font-size: 19px;
    color: #323232;
    margin-bottom: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.2s ease-in-out;
}
.problems ol li:hover {
    transform: translatex(10px);
}
.problems ol li span {
    width: 78px;
    height: 50px;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-right: 13px;
    background: url(../images/solutions/bg_xh.png) no-repeat left top;
    display: inline-block;
}
.problems img {
    width: 100%;
    height: 100%;
}
/*- - - - - - - - -样式属4案例.html - - - - - - - -*/
	/**/
#CaseList {
    width: 1150px;
    margin: 0 auto;
    padding: 18px 0px 67px 0px;
}
/*案例*/
.cases {
    float: left;
    width: 338px;
    height: 454px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 24px;
    padding-right: 16px;
    padding-left: 16px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
    position: relative;
}
.cases:nth-of-type(3n) {
    margin-right: 0px;
}
.cases .photo {
    width: 370px;
    height: 224px;
    position: relative;
    overflow: hidden;
    margin-right: -16px;
    margin-bottom: 25px;
    margin-left: -16px;
    background: #000;
    display: block;
}
.cases strong {
    line-height: 24px;
    font-size: 24px;
    font-weight: normal;
    color: #333333;
    margin: 0 16px 22px 0;
    padding: 0 8px 0 0px;
    border-right: 1px solid #343434;
    display: inline-block;
}
.cases address {
    font-size: 16px;
    color: #666666;
    display: inline-block;
}
.cases h4 {
    line-height: 36px;
    overflow: hidden;
    font-size: 23px;
    font-weight: normal;
    color: #333333;
    padding-top: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 1px solid #dcdcdc;
}
.cases h4 a {
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.cases h4 a:hover {
    color: #139a4e;
}
.cases p {
    line-height: 20px;
    overflow: hidden;
    font-size: 16px;
    color: #9d9d9d;
    max-height: 60px;
}
.hover_case h4 a {
    color: #139a4e;
}
/*翻页*/
.pages {
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #676767;
    padding: 32px 0px 32px 0px;
}
.pages a {
    margin-right: 6px;
    margin-left: 6px;
    padding: 0px 16px 0px 16px;
    background-color: #e8e8e8;
    text-decoration: none;
    display: inline-block;
}
.pages a.change {
    color: #fff;
    background-color: #139a4e;
}
.pages a:hover {
    color: #fff;
    background-color: #139a4e;
}
/*- - - - - - - - -样式属0软件试用弹窗.html - - - - - - - -*/
	/**/
#onTrialForm {
    width: 302px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -184px;
    margin-left: -219px;
    padding-top: 19px;
    padding-right: 68px;
    padding-bottom: 38px;
    padding-left: 68px;
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
    border-radius: 8px;
    background: #fff;
    z-index: 2901;
}
#onTrialForm .btn_closewindow {
    width: 17px;
    height: 17px;
    background: url(../images/icon_close.png) no-repeat left top;
    position: absolute;
    right: 16px;
    top: 16px;
    transition: all 0.2s ease-in;
}
#onTrialForm .btn_closewindow:hover {
    transform: rotate(90deg);
}
#onTrialForm h4 {
    line-height: 47px;
    overflow: hidden;
    font-size: 24px;
    color: #139a4e;
    margin-bottom: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#onTrialForm .errow_msg {
    position: absolute;
    background: url(../images/opacity_50_black.png) repeat left top;
    color: #fff;
    font-size: 14px;
    left: 50%;
    border-radius: 50px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    width: 272px;
    margin-left: -136px;
    text-align: center;
    bottom: 10px;
}
#onTrialForm_zz {
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: url(../images/opacity_50_black.png) repeat left top;
    z-index: 2900;
}
/*选项*/
.options {
    position: relative;
    margin-bottom: 15px;
}
.options .msg-box {
    width: 131px;
    color: #e50112;
    line-height: 42px;
    display: block;
    text-indent: 20px;
    position: absolute;
    right: 10px;
    top: 1px;
    text-align: right;
}
.options .icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 12px;
    margin-left: 18px;
    background: url(../images/icon_signin.png) no-repeat 0px 0px;
}
.options .icon_user {
    background-position: -20px 0;
}
.options .icon_name {
    background-position: 0px 0;
}
.options .icon_phone {
    background-position: -40px 0;
}
.options .text {
    width: 254px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    padding-left: 44px;
    border: 1px solid #cbcbcb;
    border-radius: 6px;
}
.options .text:focus {
    border-color: #139a4e;
}
/*按钮申请*/
.btn_apply {
    width: 298px;
    height: 50px;
    overflow: hidden;
    font-size: 21px;
    color: #fff;
    margin-top: 37px;
    background-color: #139a4e;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0;
    border-radius: 6px;
    display: block;
}
.btn_apply:hover {
    background-color: #19c765;
}
/*提示窗口*/
.tipswindow {
    width: 322px;
    background-color: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
    position: fixed;
    left: 50%;
    margin-left: -161px;
    top: 50%;
    margin-top: -80px;
    border-radius: 8px;
    text-align: center;
    padding-bottom: 14px;
    z-index: 3001;
}
.tipswindow ._tipsIcon {
    width: 62px;
    height: 62px;
    margin-left: -31px;
    top: -30px;
    background: #fff;
    margin: 0 auto -20px auto;
    position: relative;
    border-radius: 50%;
}
.tipswindow ._color_green {
    color: #139a4e;
}
.tipswindow ._color_red {
    color: #e50112;
}
.tipswindow h5 {
    font-size: 22px;
    line-height: 34px;
    font-weight: normal;
    margin-bottom: 5px;
    text-align: center;
    letter-spacing: 2px;
}
.tipswindow p {
    font-size: 16px;
    line-height: 28px;
    color: #343434;
    margin-bottom: 15px;
}
.tipswindow ._btn_green {
    width: 236px;
    font-size: 18px;
    background-color: #139a4e;
    display: block;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    text-decoration: none;
}
.tipswindow ._btn_green:hover {
    background-color: #19c765;
}
.tipswindow_zz {
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: url(../images/opacity_50_black.png) repeat left top;
    z-index: 3000;
}
/*- - - - - - - - -样式属1景区票务系统.html - - - - - - - -*/
#banner3 {
    height: 700px;
    position: relative;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    background: url(../images/system/banner_3.png) no-repeat center top;
}
#banner3 .VideoBox {
    width: 906px;
    height: 513px;
    position: absolute;
    right: 50%;
    bottom: 0px;
    margin-right: -190px;
    margin-bottom: 30px;
    background: url(../images/system/computer.png) no-repeat center top;
}
#banner3 .VideoBox ._video {
    width: 566px;
    height: 345px;
    position: absolute;
    overflow: hidden;
    top: 19px;
    left: 83px;
    background: #000;
}
#banner3 .VideoBox ._video video {
    width: 565px;
    height: 345px;
}
#banner3 .VideoBox .mejs-video {
    height: 100%!important;
}
/*申请表单*/
#ApplyForm {
    width: 1200px;
    margin: 17px auto 30px auto;
}
#ApplyForm .optionbox {
    float: left;
    color: #fff;
    font-size: 20px;
    background-color: #33b474;
    border-radius: 5px;
    font-weight: bold;
    padding-right: 20px;
}
#ApplyForm ._formOption {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    height: 40px;
    margin-left: 35px;
}
#ApplyForm ._formOption .msg-box {
    position: absolute;
    color: #e50112;
    right: 0px;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    top: 50%;
    margin-top: -15px;
}
#ApplyForm ._formOption:nth-last-of-type(1) {
}
#ApplyForm ._formOption .text {
    width: 192px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding-left: 10px;
    background-color: #ffffff;
    border: 0;
    border-radius: 3px;
}
#ApplyForm ._formOption .text:focus {
    box-shadow: 0 3px 4px rgba(0,0,0,0.4) inset;
}
#ApplyForm ._formOption .text.lengtn_big {
    width: 256px;
}
#ApplyForm .btn_send {
    float: right;
    width: 150px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    color: #fff;
    background-color: #33b474;
    box-shadow: 0 3px 4px rgba(51,180,116,0.4);
    border: none;
    border-radius: 5px;
}
#ApplyForm .btn_send:hover {
    background-color: #29875d;
}
/*三大问题*/
#problem3 {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 68px;
}
/*好方案*/
#GoodScheme {
    min-width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
}
#GoodScheme .PartTitle {
    margin-bottom: 153px;
}
/**/
#ProductFn {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 102px;
}
#ProductFn .PartTitle {
    margin-bottom: 68px;
}
/*功能列表*/
.fnlist {
    float: left;
    width: 100%;
}
.fnlist li {
    float: left;
    width: 20%;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #333333;
    margin-bottom: 8px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 10px;
    transition: transform 0.2s linear;
}
.fnlist li img {
    width: 83px;
    height: 83px;
    margin: 0 auto;
    display: block;
}
.fnlist li span {
    display: block;
    text-align: center
}
.fnlist li:hover {
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
    transform: scale(1.1);
}
.fnlist li:hover a {
    color: #33b474;
    text-decoration: none;
}
.iconList_nav {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url(../images/system/iconList_nav.png) no-repeat left top;
    display: block;
}
.iconList_nav.iconList_nav1x1 {
    background-position: 0 0;
}
.iconList_nav.iconList_nav2x1 {
    background-position: -80px 0;
}
.iconList_nav.iconList_nav3x1 {
    background-position: -160px 0;
}
.iconList_nav.iconList_nav4x1 {
    background-position: -240px 0;
}
.iconList_nav.iconList_nav5x1 {
    background-position: -320px 0;
}
.iconList_nav.iconList_nav6x1 {
    background-position: -400px 0;
}
.iconList_nav.iconList_nav7x1 {
    background-position: -480px 0;
}
.iconList_nav.iconList_nav8x1 {
    background-position: -560px 0;
}
.iconList_nav.iconList_nav9x1 {
    background-position: -640px 0;
}
.iconList_nav.iconList_nav10x1 {
    background-position: -720px 0;
}
.iconList_nav.iconList_nav11x1 {
    background-position: -800px 0;
}
.iconList_nav.iconList_nav12x1 {
    background-position: -880px 0;
}
.iconList_nav.iconList_nav13x1 {
    background-position: -960px 0;
}
.iconList_nav.iconList_nav14x1 {
    background-position: -1040px 0;
}
.iconList_nav.iconList_nav15x1 {
    background-position: -1120px 0;
}
/*图片列表*/
.imgList {
    float: left;
    width: 100%;
}
.imgList li {
    float: left;
    width: 360px;
    position: relative;
    overflow: hidden;
    margin-right: 60px;
    height: 410px;
    border-radius: 10px;
}
.imgList li:nth-of-type(3n) {
    margin-right: 0px;
}
.imgList li .photo {
    width: 360px;
    height: 410px;
    overflow: hidden;
    border-radius: 10px;
}
.imgList li .photo img {
}
.imgList li ._mask {
    position: absolute;
    right: 0px;
    left: 0px;
    background: url(../images/system/photo3_show.png) repeat-x left bottom;
    height: 150%;
    top: 0px;
}
.imgList li ._text {
    text-align: center;
    position: absolute;
    color: #fefefe;
    right: 0px;
    left: 0px;
    z-index: 1500;
    top: 297px;
}
.imgList li ._text strong {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 20px;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.imgList li ._text em {
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
/*景点*/
.scheme_ {
    height: 200px;
    position: relative;
    margin-bottom: 128px;
}
.scheme_ .schemeRight {
    width: 504px;
    position: absolute;
    right: 50%;
    margin-right: -566px;
    margin-left: 5px;
}
.scheme_ .schemeRight .clear_float li {
    width: 423px;
    text-align: left;
    clear: both;
}
.scheme_ .schemeLeft {
    height: 200px;
    position: absolute;
    top: 50%;
    right: 0px;
    left: 0px;
    margin-top: -100px;
    margin-right: 47.7%;
    background-color: #d9f5e6;
}
.scheme_ .schemeLeft .photo {
    width: 626px;
    height: 401px;
    position: absolute;
    top: -117px;
    right: 78px;
}
.scheme_.schem_r {
    margin-bottom: 148px;
}
.scheme_.schem_r .schemeLeft {
    width: 100%;
    right: 0px;
    left: 43.51%;
}
.scheme_.schem_r .schemeLeft .photo {
    left: 265px;
}
.scheme_.schem_r .schemeRight {
    text-align: right;
    left: 50%;
    margin-left: -672px;
}
.scheme_ .schemeRight h5 {
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
    color: #2a9046;
    margin-bottom: 17px;
    padding-right: 33px;
    padding-left: 33px;
    border: 6px solid #d8f5e1;
    display: inline-block;
}
.scheme_ .schemeRight ul {
    float: left;
    margin-bottom: 6px;
    margin-left: 38px;
}
.scheme_ .schemeRight ul li {
    float: left;
    width: 113px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    font-size: 16px;
    color: #636363;
    padding-left: 34px;
    background: url(../images/system/icon3_1.png) no-repeat left center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scheme_ .schemeRight p {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 16px;
    color: #636363;
    padding-left: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*- - - - - - - - -样式属5关于我们-品牌故事.html - - - - - - - -*/
	/*项目*/
#Project {
    height: 827px;
    position: relative;
    min-width: 1200px;
    margin: 0 auto;
    padding-top: 31px;
    background: url(../images/aboutus/bg_003.jpg) no-repeat center top;
}
#Project .PartTitle {
    margin-bottom: 83px;
}
#Project ._projectPiclist {
    width: 1200px;
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -608px;
    padding-right: 92px;
}
#Project ._projectPiclist li {
    float: left;
    width: 153px;
    height: 152px;
    margin-right: 6px;
    margin-bottom: 6px;
}
#Project ._projectPiclist li.hover {
    position: relative;
    z-index: 2500;
}
#Project ._projectPiclist li.hover img {
    box-shadow: 0 0 24px rgba(0,0,0,0.32);
}
#Project ._projectPiclist li.row2 {
    margin-left: -3px;
}
#Project ._projectPiclist li.special {
    width: 88px;
    height: 88px;
    margin-top: 62px;
    margin-left: 52px;
}
#Project ._projectPiclist li.special2 {
    margin-left: 73px;
}
#Project ._projectPiclist li.location1 {
    position: absolute;
    top: 316px;
    left: 453px;
}
#Project ._projectPiclist li.location2 {
    width: 92px;
    height: 92px;
    position: absolute;
    top: 113px;
    right: 87px;
}
#Project ._projectPiclist li.change {
    margin-right: 164px;
}
#Project ._projectPiclist li img {
    width: 100%;
    height: 100%;
}
#Project ._yaoqiu {
    line-height: 40px;
    position: absolute;
    font-size: 18px;
    top: 575px;
    left: 50%;
    margin-left: 32px;
}
#Project ._yaoqiu li {
    padding-left: 30px;
    background: url(../images/aboutus/icon_option2.jpg) no-repeat left center;
}
/*售后服务*/
#CustomerService {
    
    height: 530px;
    min-width: 1200px;
    margin: 0 auto;
    background: url(../images/aboutus/bg_004.jpg) no-repeat center top;
    margin-bottom: 30px;
}
}
#CustomerService .PartTitle em {
    color: #fff;
}
#CustomerService .PartTitle span {
    color: #4daa73;
}
#CustomerService .PartTitle span._line {
    background-color: #ffffff;
}
/*我们的客户*/
#OurClients {
    width: 1200px;
    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 69px;
}
/*服务列表*/
.serviceList {
    float: left;
}
.serviceList li {
    float: left;
    width: 220px;
    text-align: center;
    margin-top: -20px;
    margin-right: 50px;
    margin-left: 0px;
    padding: 27px 70px 50px 70px;
}
.serviceList li.hover {
    background-color: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
    border-radius: 8px;
}
.serviceList li.hover strong {
    color: #106d38;
}
.serviceList li:nth-of-type(3n) {
    margin-right: 0px;
}
.serviceList .photo {
    width: 170px;
    height: 170px;
    margin: 0 auto 34px auto;
    display: block;
}
.serviceList .photo img {
    width: 100%;
    height: 100%;
}
.serviceList strong {
    line-height: 30px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    display: block;
}
/*项目*/
.items {
    height: 380px;
    overflow: hidden;
    margin: 0 auto 28px auto;
}
.items.hover_items {
    background: #fcfcfc;
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
}
.items .photo {
    float: right;
    width: 618px;
    height: 380px;
    position: relative;
    overflow: hidden;
    margin-left: 84px;
}
.items h4 {
    line-height: 36px;
    overflow: hidden;
    font-size: 24px;
    font-weight: normal;
    padding-top: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.items .star {
    width: 23px;
    height: 18px;
    background: url(../images/icon_star.png) repeat-x 0px top;
    display: inline-block;
}
.items .star.star1 {
    width: 23px;
}
.items .star.star2 {
    width: 46px;
}
.items .star.star3 {
    width: 69px;
}
.items .star.star4 {
    width: 92px;
}
.items .star.star5 {
    width: 115px;
}
.items ._problem {
    line-height: 42px;
    overflow: hidden;
    font-size: 16px;
    color: #676767;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.items ._problem strong {
    font-weight: normal;
    color: #fab519;
}
.items ._scheme {
    overflow: hidden;
}
.items ._scheme ._title {
    line-height: 35px;
    font-size: 20px;
    font-weight: bold;
    color: #11a75d;
    margin-bottom: 5px;
    display: block;
}
.items ._scheme p {
    line-height: 27px;
    text-align: justify;
    overflow: hidden;
    font-size: 16px;
    color: #676767;
    max-height: 135px;
    text-justify: inter-ideograph;
}
.items:nth-child(odd) {
    padding-right: 39px;
}
.items:nth-child(odd) .photo {
    float: left;
    margin-right: 61px;
    margin-left: 0px;
}
.items:nth-child(odd) h4 {
    padding-top: 47px;
}
/*- - - - - - - - -样式属5关于我们-新闻动态---详情.html - - - - - - - -*/
	/*位置*/
#Location {
    width: 1200px;
    font-size: 14px;
    color: #676767;
    margin: 0 auto 20px auto;
    padding: 18px 0px 18px 0px;
}
#Location a {
    color: #676767;
    margin: 0 1px 0 9px;
}
#Location .current {
    color: #11a75d;
}
/*文档内容*/
#docContent {
    width: 1200px;
    margin: 0 auto 68px auto;
}
#docContent .keylink {
    color: #139b51;
    text-decoration: underline;
}
#docContent .docContent {
    width: 91%;
    margin: 0 auto;
}
/*推荐*/
#Recommend {
    width: 1200px;
    margin: 0 auto 69px auto;
}
#RecommendGundong {
    position: relative;
}
#RecommendGundong .templist {
    float: left;
}
#RecommendGundong .templist li {
    float: left;
    width: 580px;
    overflow: hidden;
    margin-right: 34px;
}
#Recommend .gundong {
    width: 1200px;
}
#Recommend .gundong .jCarouselLite {
    float: left;
    width: 1200px;
    height: 182px;
    overflow: hidden;
}
#Recommend .move_right, #Recommend .move_left {
    float: left;
    width: 60px;
    height: 182px;
    position: absolute;
    top: 0px;
    z-index: 1000;
}
#Recommend .move_left span, #Recommend .move_right span {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background: url(../images/banner_arrow.png) no-repeat left top;
    background-repeat: no-repeat;
}
#Recommend .move_left.disabled, #Recommend .move_right.disabled {
    opacity: 0.2;
}
#Recommend .move_left {
    left: -74px;
}
#Recommend .move_left span {
    background-position: left top;
}
#Recommend .move_left:hover span {
    background-position: left bottom;
}
#Recommend .move_right {
    right: -45px;
}
#Recommend .move_right span {
    background-position: right top;
}
#Recommend .move_right:hover span {
    background-position: right bottom;
}
/**/
.docHeader {
    text-align: center;
    color: #333333;
    margin-bottom: 22px;
}
.docHeader h2 {
    width: 90%;
    line-height: 39px;
    font-size: 32px;
    font-weight: normal;
    margin: 0 auto 8px auto;
}
.docHeader time {
    line-height: 23px;
    font-size: 14px;
    color: #676767;
    margin-bottom: 16px;
    display: block;
}
.docHeader .line {
    width: 2px;
    height: 22px;
    margin: 0 auto;
    background-color: #199557;
    display: block;
}
/*标题*/
.Title {
    line-height: 50px;
    font-size: 24px;
    font-weight: normal;
    color: #333333;
    margin-bottom: 15px;
}
/**/
.docContent {
    line-height: 36px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
    padding-bottom: 30px;
}
.docContent p {
    line-height: 36px;
    font-size: 16px;
    color: #333333;
}
.docContent img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.prevNext {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 35px;
    display: block;
}
.prevNext a {
    line-height: 40px;
    font-size: 16px;
    margin: 0 10px 0 10px;
    padding-right: 23px;
    padding-left: 23px;
    background-color: #e8e8e8;
    text-decoration: none;
    display: inline-block;
}
.prevNext a:hover {
    color: #fcffff;
    background-color: #169a4f;
}
/*- - - - - - - - -样式属5关于我们-新闻动态.html - - - - - - - -*/
	/*新闻列表*/
#newslist {
    margin-bottom: 49px;
}
#newslist .pages {
    padding-top: 50px;
    padding-bottom: 50px;
}
#newslist .PartTitle {
    margin-bottom: 37px;
}
.FocusNews2 {
    float: left;
    width: 560px;
    height: 162px;
    margin-right: 34px;
    margin-bottom: 30px;
    padding: 0 20px 0 0px;
    background-color: #f8f8f8;
    border: none;
}
.FocusNews2:hover {
    box-shadow: 0 0 24px rgba(0,0,0,0.2);
}
.FocusNews2:hover a {
    color: #139a4e;
}
.FocusNews2:nth-of-type(2n) {
    margin-right: 0px;
}
.FocusNews2 .photo {
    float: left;
    width: 210px;
    height: 162px;
    overflow: hidden;
    margin-right: 24px;
    position: relative;
}
.FocusNews2 h5 {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 6px;
    padding-top: 6px;
    padding-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.FocusNews2 p {
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    font-size: 14px;
    color: #9a9a9a;
    margin-bottom: 29px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.FocusNews2 time {
    font-size: 14px;
    color: #9a9a9a;
}
/*选项卡*/
.Tab {
    float: left;
    margin-bottom: 34px;
    position: relative;
}
.Tab li {
    float: left;
    line-height: 32px;
    font-size: 16px;
    margin-right: 28px;
}
.Tab .lines {
    border-bottom: 3px solid #139952;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.Tab li a {
    color: #676767;
    text-decoration: none;
    display: block;
}
.Tab li a:hover {
    color: #11a75d;
}
.Tab li.change a {
    color: #11a75d;
}
/*- - - - - - - - -样式属5关于我们-企业介绍.html - - - - - - - -*/
	/*简介*/
#Introduction {
    margin-bottom: 65px;
    padding-top: 20px;
}
#Introduction .PartTitle {
    margin-bottom: 54px;
}
#Introduction .contents {
    margin-bottom: 29px;
}
#Introduction .imagesList li {
    position: absolute;
}
#Introduction .imagesList li.hover {
    z-index: 2500;
}
#Introduction .imagesList li:nth-of-type(1) {
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 240px;
    height: 310px;
}
#Introduction .imagesList li:nth-of-type(2) {
    height: 150px;
    top: 0px;
    left: 240px;
    width: 240px;
}
#Introduction .imagesList li:nth-of-type(3) {
    height: 160px;
    top: 150px;
    left: 240px;
    width: 240px;
}
#Introduction .imagesList li:nth-of-type(4) {
    width: 240px;
    height: 310px;
    left: 480px;
    top: 0px;
}
#Introduction .imagesList li:nth-of-type(5) {
    top: 0px;
    width: 240px;
    height: 150px;
    left: 720px;
}
#Introduction .imagesList li:nth-of-type(6) {
    top: 150px;
    width: 240px;
    height: 160px;
    left: 720px;
}
#Introduction .imagesList li:nth-of-type(7) {
    top: 0px;
    width: 240px;
    height: 310px;
    left: 960px;
}
/*公司荣誉*/
#companyHonor {
    overflow: hidden;
    margin-bottom: 22px;
    padding-top: 20px;
    padding-bottom: 51px;
    background: #b6e8cc url(../images/company/ihonor_bg.png) no-repeat center top;
    background-size: cover;
}
#companyHonor .PartTitle {
    margin-bottom: 32px;
}
#companyHonor .PartTitle span {
    color: #e9fff2;
}
/**/
#contactUs {
    width: 1200px;
    margin: 0 auto 55px auto;
    padding-bottom: 70px;
}
#contactUs .PartTitle {
    margin-bottom: 60px;
}
/*地图*/
#Map {
    width: 1200px;
    height: 380px;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    background: #000;
}
#Map img {
    width: 100%;
    height: 100%;
}
/*公司电话*/
#companyTel {
    width: 1100px;
    margin: 0 auto;
}
/*内容样式*/
.contents {
    line-height: 36px;
    font-size: 16px;
    color: #333333;
}
/*方式*/
.method {
    float: left;
    width: 302px;
    height: 185px;
    text-align: left;
    position: relative;
    color: #333333;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 74px;
    padding-left: 156px;
    border: 1px solid #e8e8e8;
}
#companyTel .method:nth-of-type(2){ float:right;}
.method .iconPic {
    float: left;
    width: 68px;
    height: 68px;
    margin-left: -95px;
}
.method .iconPic img {
    width: 100%;
    height: 100%;
}
.method h5 {
    line-height: 45px;
    font-size: 28px;
    margin-bottom: 16px;
}
.method p {
    line-height: 28px;
    font-size: 17px;
}
.method .btn_zx {
    width: 192px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    position: absolute;
    font-size: 16px;
    color: #333333;
    bottom: 0px;
    left: 50%;
    margin-bottom: -25px;
    margin-left: -80px;
    background-color: #ffffff;
    border: 2px solid #169a4f;
}
.method:hover {
    border-color: #149461;
}
.method:hover .btn_zx {
    color: #fff;
    background-color: #169a4f;
    text-decoration: none;
}
/*图片列表*/
.imagesList {
    width: 1200px;
    height: 310px;
    position: relative;
    overflow: hidden;
}
.imagesList li {
    width: 240px;
    height: 310px;
    overflow: hidden;
    position: relative;
}
.imagesList li .photo {
    width: 100%;
    height: 100%;
    display: block;
    background: #333;
}
/*- - - - - - - - -样式属4案例---详情.html - - - - - - - -*/
	/**/
#aboutCase {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 99px;
}
#aboutCaseGundong {
    position: relative;
}
#aboutCaseGundong .templist li {
    width: 380px;
    overflow: hidden;
    margin-right: 30px;
}
#aboutCase .move_right, #aboutCase .move_left {
    float: left;
    width: 60px;
    height: 341px;
    position: absolute;
    top: 0px;
    z-index: 1000;
}
#aboutCase .move_left span, #aboutCase .move_right span {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background: url(../images/banner_arrow.png) no-repeat left top;
    background-repeat: no-repeat;
}
#aboutCase .move_left.disabled, #aboutCase .move_right.disabled {
    opacity: 0.2;
}
#aboutCase .move_left {
    left: -74px;
}
#aboutCase .move_left span {
    background-position: left top;
}
#aboutCase .move_left:hover span {
    background-position: left bottom;
}
#aboutCase .move_right {
    right: -45px;
}
#aboutCase .move_right span {
    background-position: right top;
}
#aboutCase .move_right:hover span {
    background-position: right bottom;
}
#aboutCase .gundong {
    width: 1200px;
}
#aboutCase .gundong .jCarouselLite {
    float: left;
    width: 1200px;
    height: 374px;
    overflow: hidden;
}
#aboutCase .attractions:nth-child(3n) {
    margin-right: 0px;
}
/**/
.attractions {
    float: left;
    width: 334px;
    height: 371px;
    margin-right: 30px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding-right: 23px;
    padding-left: 23px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
.attractions ._line {
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 0px;
    border-bottom: 1px solid #169a4f;
}
.attractions .photo {
    width: 380px;
    height: 230px;
    position: relative;
    overflow: hidden;
    margin-right: -23px;
    margin-bottom: 17px;
    margin-left: -23px;
    background: #333;
    display: block;
}
.attractions .photo img {
    height: 230px;
    width: 380px;
}
.attractions strong {
    line-height: 39px;
    font-size: 20px;
    font-weight: normal;
    color: #149755;
    margin-bottom: 8px;
    display: inline-block;
}
.attractions address {
    font-size: 14px;
    color: #9a9a9a;
    margin-left: 6px;
    display: inline-block;
}
.attractions h5 {
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.attractions p {
    height: 24px;
    line-height: 1.71;
    overflow: hidden;
    font-size: 14px;
    color: #9a9a9a;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hover_attractions {
}
.hover_attractions a {
    color: #169a4f;
}
/*视频简介*/
#videoIntr {
    margin-bottom: 30px;
    padding-bottom: 40px;
}
#videoIntr .photoshow {
    margin: 0 auto;
    height: 320px;
    width: 720px;
}
#videoIntr .photoshow li {
    height: 380px;
    width: 720px;
    background-color: #000;
    text-align: center;
    cursor: pointer;
}
#videoIntr .photoshow li .btn_videoplay {
    width: 97px;
    height: 97px;
    background: url(../images/btn_play.png) no-repeat left top;
    left: 50%;
    top: 50%;
    position: absolute;
    margin-left: -49px;
    margin-top: -49px;
    cursor: pointer;
    transition: all 0.1s linear;
}
#videoIntr .photoshow li .btn_videoplay:hover {
    transform: scale(1.1);
}
#videoIntr .photoshow li img {
    width: 100%;
    max-width: 100%;
    filter: alpha(opacity=90)\9;
    -moz-opacity: 0.9;
    opacity: 0.9;
}
#videoIntr .photoshow li.roundabout-in-focus {
    cursor: default;
}
#videoIntr .photoshow li span {
    display: block;
    padding-top: 6em;
}
#videoIntr ._intrbox {
    font-size: 16px;
    text-align: center;
    margin-bottom: 100px;
    line-height: 2;
}
/*solution*/
#solutions {
    width: 100%;
    overflow: hidden;
    clear: both;
}
.solutions-wrap {
    width: 100%;
    height: 736px;
    background: #192928 url(../images/solution/bg.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
    clear: both;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.platform-inner {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
    clear: both;
}
.platform-inner .tabs-wrap {
    float: left;
    width: 230px;
    min-height: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
    clear: both;
}
.platform-inner .tabs-wrap .tabs-list {
    height: 570px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.platform-inner .tabs-wrap .tabs-list::-webkit-scrollbar {
width:4px;
height:4px;
padding-right:10px
}
.platform-inner .tabs-wrap .tabs-list::-webkit-scrollbar-track {
border-radius:10px;
background-color:#eee
}
.platform-inner .tabs-wrap .tabs-list::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#1EBE70
}
.platform-inner .tabs-wrap .tabs-list li {
    width: 100%;
    margin-right: 40px;
    text-align: left;
}
.platform-inner .tabs-wrap .tabs-list li a {
    color: rgba(255,255,255,0.6);
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.platform-inner .tabs-wrap .tabs-list li.active a, .platform-inner .tabs-wrap .tabs-list li:hover a {
    color: fff;
    font-size: 24px;
}
.platform-inner .contents-wrap {
    float: right;
    width: 948px;
    height: 570px;
    overflow: hidden;
    margin-top: 10px;
    background-color: rgba(0,0,0,0.3);
}
.platform-inner .contents-list {
    min-height: 488px;
    padding: 41px;
    display: none;
    clear: both;
}
.platform-inner .contents-list.active {
    display: block;
}
.platform-inner .contents-list .platform-des {
    width: 100%;
    height: 260px;
    color: #f8f8f9;
    font-size: 14px;
    line-height: 1.5em;
    overflow: hidden;
    clear: both;
}
.platform-inner .contents-list .platform-des .cattitle {
    color: #fff;
    padding-bottom: 10px;
    margin-top: 10px;
    font-size: 32px;
    margin-bottom: 20px;
}
.platform-inner .contents-list .platform-des p {
    min-height: 100px;
    color: rgba(255,255,255,0.6);
    font-size: 18px;
    line-height: 1.5em;
    overflow: hidden;
}
.platform-inner .contents-list .platform-des .btn-wrap {
    margin-top: 50px;
    clear: both;
}
.platform-inner .contents-list .platform-des .btn-view {
    color: #fff;
    font-size: 18px;
    line-height: 1.5em;
    text-decoration: none;
    padding: 15px 40px;
    border-radius: 0;
    background-color: #139A4E;
}
.platform-inner .contents-list .platform-des .btn-view:hover {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.platform-inner .contents-list .platform-img {
    float: right;
    width: 420px;
    height: 280px;
    overflow: hidden;
}
.platform-inner .products-wrap {
    width: 100%;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 2px dashed rgba(255,255,255,0.3);
    clear: both;
}
.platform-inner .products-wrap .products-title {
    color: #fff;
    font-size: 18px;
}
.products-wrap .cases-list {
    overflow: hidden;
    clear: both;
}
.products-wrap .cases-list ul {
    margin-left: -15px;
    margin-right: -15px;
}
.products-wrap .cases-list ul li {
    float: left;
    width: 194px;
    height: 140px;
    text-align: center;
    margin: 15px;
}
.products-wrap .cases-list ul li a {
    position: relative;
    padding: 0;
    display: block;
}
.products-wrap .cases-list ul li img {
    width: 100%;
    height: auto;
}
.products-wrap .cases-list ul li a:hover img {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.products-wrap .cases-list ul li .item-name {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 170px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}
/*apis*/
#apis {
    width: 100%;
    overflow: hidden;
    clear: both;
}
.apis-wrap {
    width: 100%;
    height: 580px;
    overflow: hidden;
    clear: both;
}
.apis-inner {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    clear: both;
}
.apis-inner .tabs-wrap {
    width: 100%;
    height: 86px;
    margin-top: 10px;
    margin-bottom: 30px;
    clear: both;
}
.apis-inner .tabs-wrap .tabs-list {
    height: 86px;
    clear: both;
}
.apis-inner .tabs-wrap .tabs-list li {
    float: left;
    width: 33.33%;
    text-align: center;
}
.apis-inner .tabs-wrap .tabs-list li a {
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.apis-inner .tabs-wrap .tabs-list li a span {
    color: #999;
    font-size: 20px;
    line-height: 86px;
    font-weight: bold;
    border-bottom: 4px solid #fff;
    display: inline-block;
}
.apis-inner .tabs-wrap .tabs-list li .icon-apis {
    padding-left: 52px;
    background-position: left center;
    background-repeat: no-repeat;
}
.icon-apis-001 {
    background-image: url(../images/apis/icon-apis-001.png);
}
.icon-apis-002 {
    background-image: url(../images/apis/icon-apis-002.png);
}
.icon-apis-003 {
    background-image: url(../images/apis/icon-apis-003.png);
}
.apis-inner .tabs-wrap .tabs-list li a:hover .icon-apis-001, .active .icon-apis-001 {
    background-image: url(../images/apis/icon-apis-001-hover.png);
}
.apis-inner .tabs-wrap .tabs-list li a:hover .icon-apis-002, .active .icon-apis-002 {
    background-image: url(../images/apis/icon-apis-002-hover.png);
}
.apis-inner .tabs-wrap .tabs-list li a:hover .icon-apis-003, .active .icon-apis-003 {
    background-image: url(../images/apis/icon-apis-003-hover.png);
}
.apis-inner .tabs-wrap .tabs-list li.active a span, .apis-inner .tabs-wrap .tabs-list li a:hover span {
    color: #139A4E;
    border-bottom-color: #139A4E;
}
.apis-inner .contents-wrap {
    width: 100%;
    height: 440px;
    margin-top: 0;
    overflow: hidden;
    clear: both;
}
.apis-inner .contents-list {
    min-height: 380px;
    padding: 30px 20px;
    display: none;
    clear: both;
}
.apis-inner .contents-list.active {
    display: block;
}
.apis-inner .contents-list .apis-list {
    width: 100%;
    overflow: hidden;
    clear: both;
}
.apis-inner .contents-list .apis-list ul {
    margin-left: -12px;
    margin-right: -12px;
}
.apis-inner .contents-list .apis-list ul li {
    float: left;
    width: 172px;
    height: 180px;
    text-align: center;
    margin: 3px 12px;
}
.apis-inner .contents-list .apis-list ul li a {
    font-size: 16px;
    text-decoration: none;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}
.apis-inner .contents-list .apis-list ul li a img {
    width: 132px;
    height: auto;
}
.apis-inner .contents-list .apis-list ul li a:hover img {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.apis-inner .contents-list .datas-list {
    width: 100%;
    overflow: hidden;
    clear: both;
}
.apis-inner .contents-list .datas-list ul {
    margin-left: -5px;
    margin-right: -5px;
}
.apis-inner .contents-list .datas-list ul li {
    float: left;
    width: 264px;
    height: 180px;
    text-align: center;
    margin: 10px;
}
.apis-inner .contents-list .datas-list ul li a {
    text-decoration: none;
}
.apis-inner .contents-list .datas-list ul li img {
    width: 264px;
    height: 140px;
}
.apis-inner .contents-list .datas-list ul li .item-name {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
    clear: both;
}
.apis-inner .contents-list .apis-lists {
    overflow-x: scroll;
    overflow-y: hidden;
}
.apis-inner .contents-list .apis-lists::-webkit-scrollbar {
width:4px;
height:4px;
padding-right:10px
}
.apis-inner .contents-list .apis-lists::-webkit-scrollbar-track {
border-radius:10px;
background-color:#eee
}
.apis-inner .contents-list .apis-lists::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#1EBE70
}
.apis-inner .contents-list .apis-lists ul {
    width: 8232px;
}
.apis-inner .contents-list .apis-swiper.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 5px;
}
.apis-inner .contents-list .apis-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 14.2857%;
    height: 4px;
    border-radius: 0;
    margin: 0;
    background: #ccc;
}
.apis-inner .contents-list .apis-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #139A4E;
}
.cultureChange {
    text-align: right;
    padding: 30px 0;
    color: #777777;
    font-size: 17px;
}
.cultureSwiper .hide {
    visibility: hidden;
    position: absolute;
    z-index: -1;
    height: 0;
}
.cultureSwiperTab {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
    text-align: center;
    font-size: 17px;
}
.cultureSwiperTab>div {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.cultureSwiper .swiper-wrapper {
    display: flex;
}
.cultureSwiper {
    overflow: hidden;
}
.cultureSwiper>div {
    position: relative;
}
.cultureSwiper .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.cultureSwiperTab .Color {
    color: #159a50 !important;
    font-size: 19px;
    border-bottom: 2px solid #159a50;
}
.cultureSwiperTab .Color span {
    position: relative;
    display: inline-block;
    padding: 0 10px;
}
.cultureSwiperTab .Color span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #159a50;
}
.cultureSay {
    padding-top: 50px;
    display: flex;
}
.cultureSayPic {
    margin-right: 20px;
}
.cultureSayTxt {
    background: url(../images/culture/culture_box.png) no-repeat center top;
    width: 1115px;
    height: 100px;
    padding-left: 30px;
    font-size: 17px;
}
.cultureSayTxtUp {
    line-height: 38px;
    color: #666666;
    padding-bottom: 10px;
}
#cultureBox2 {
    position: relative;
    height: 640px;
    width: 100%;
    padding-top: 80px;
    background: url(../images/culture/culture1.jpg) no-repeat center top;
}
.cultureBox2-swiper-container {
    width: 880px;
    margin: 0 auto;
    ;
    overflow: hidden;
}
.cultureBox2-swiper-container .swiper-wrapper {
    display: flex;
}
.cultureBox2-swiper-container .swiper-slide {
    position: relative;
}
.cultureBox2-swiper-container .swiper-slide span {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/culture/heitou.png);
    padding: 20px 40px;
    font-size: 17px;
    color: #fff;
}
.cultureBox2-swiper-container .swiper-slide img {
    height: 550px;
    width: 880px;
}
#cultureBox2 .swiper-pagination {
    text-align: center;
    height: 15px;
    margin-top: 20px;
}
#cultureBox2 .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    display: inline-block;
    background: #fff;
    margin: 0 5px;
}
#cultureBox2 .swiper-pagination .swiper-pagination-bullet-active {
    width: 30px;
}
#cultureBox3 {
    position: relative;
    height: 930px;
    width: 100%;
    background: url(../images/culture/culture6.jpg) no-repeat center top;
}
.cultureBox3-swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.cultureBox3-swiper-container .swiper-wrapper {
    display: flex
}
.cultureBox3-swiper-container .swiper-slide {
    position: relative;
}
.cultureBox3-swiper-container .swiper-slidepic img {
    border-radius: 30px;
}
.cultureBox3-swiper-container .swiper-slidetxt {
    color: #666666;
    text-align: center;
    font-size: 17px;
}
.cultureBox3-swiper-container .swiper-slidetxt span {
    color: #000000;
    font-size: 24px;
    padding-right: 10px;
}
.cultureBox3-swiper-container .swiper-slidetxt1 {
    padding: 20px 0;
}
.cultureBox3-swiper-container .swiper-slidenum {
    font-size: 140px;
    height: 150px;
    line-height: 150px;
    color: #eeeeee;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
}
.cultureBox3-swiper-container .swiper-div {
    position: absolute;
    bottom: 65px;
    width: 100%;
    height: 60px;
    display: flex;
}
.cultureBox3-swiper-container .swiper-button-prev, .cultureBox3-swiper-container .swiper-button-next {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #159a50;
    border-radius: 60px;
    cursor: pointer;
}
.cultureBox3-swiper-container .swiper-button-disabled {
    background: #cccccc;
    cursor: auto;
}
.swiper-slidetxt2 {
    line-height: 30px;
}
.cultureBox3-swiper-container .swiper-slide .swiper-dian {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #000;
    position: absolute;
    bottom: 90px;
    left: 50%;
    margin-left: -4px;
    z-index: 999;
}
.cultureBox3-swiper-container .swiper-div-pagination {
    background: url(../images/culture/culture_xian.png) repeat-x center left;
    width: 1040px;
    margin: 0 auto;
    overflow: hidden;
}
.cultureBox3-swiper-container .swiper-button-next {
    right: 0;
    position: absolute;
}
.cultureBox3-swiper-container .swiper-slide-active .swiper-dian {
    bottom: 88px;
    border: #000 1px solid;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #ecf2f6;
}
.cultureBox3-swiper-container .swiper-slide-active .swiper-dian:after {
    width: 120px;
    height: 1px;
    background: 0;
    position: absolute;
    left: -120px;
    bottom: 5px;
    content: "";
    background: #000;
}
.cultureBox3-swiper-container .swiper-slide-active .swiper-dian:before {
    content: "";
    width: 120px;
    height: 1px;
    background: 0;
    position: absolute;
    right: -120px;
    bottom: 5px;
    background: #000;
}
#cultureBox4 {
    margin-bottom: 65px;
}
#cultureBox4 .PartTitle {
    margin-bottom: 0;
}
#system_new_video {
    width: 975px;
    margin: 2px auto 65px auto;
}
.system_new_video_box1 .tabs {
    height: 85px;
    line-height: 85px;
    font-size: 24px;
    background: #fff;
    width: 100%;
    text-align: center
}
.tabs .part {
    display: inline-block;
}
.system_new_video_box1 .tabs span {
    width: 140px;
    display: inline-block;
    color: #000;
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
    text-decoration: none;
    cursor: pointer;
}
.system_new_video_box1 .tabs .active {
    color: #139a4e;
    border-bottom: 2px solid #139a4e;
}
.system_new_video_box1txt {
    background: url(../images/product/tablian.png) repeat-x top left #f5f5f5;
}
.system_new_video_box1txt_item {
    width: 1160px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 20px;
}
.system_new_video_box1txt_item .softwareitem {
    float: left;
    width: 160px;
    margin-right: 40px;
    height: 210px;
}
.system_new_video_box1txt_item a {
    display: block;
    float: left;
    width: 160px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s linear;
}
.system_new_video_box1txt_item a img {
    width: 100px;
    margin: 0 auto;
}
.system_new_video_box1txt_item a span {
    display: block;
    line-height: 40px;
    font-size: 16px;
}
.system_new_video_box1txt_item a:hover, .system_new_video_box1txt_item .current {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
    transform: scale(1.02);
}
.system_new_video_box1txt_item a:hover img, .system_new_video_box1txt_item .current img {
    width: 105px;
    margin: 0 auto;
}
.system_new_video_box1txt #con_one_1 {
    height: 380px;
}
.newProductBanner {
    background: url(../images/product/newProductBanner.jpg) no-repeat top center;
    height: 500px;
}
.newProductBannerTxt {
    padding-top: 120px;
    margin-bottom: 30px;
    color: #fff;
}
.newProductBannerTxt h1 {
    font-size: 60px;
    letter-spacing: 5px;
    line-height: 120px;
    font-weight: normal;
}
.newProductBannerTxt p {
    font-size: 38px;
}
.newProductBannerPic a {
    display: inline-block;
    margin-right: 40px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
}
.newProductBannerPic a span {
    display: block;
}
.newProductAbout {
    padding: 80px 0;
}
.newProductAboutLeft {
    width: 500px;
    float: left;
}
.newProductAboutLeft img {
    width: 500px;
}
.newProductAboutRight {
    width: 600px;
    float: right;
}
.newProductAboutRight .newProductAboutRightTit {
    font-size: 38px;
    letter-spacing: 5px;
    margin-bottom: 25px;
    font-weight: normal;
}
.newProductAboutRightTxt li {
    background: url(../images/product/newProductAboutRightTxtLi.png) no-repeat left center;
    line-height: 45px;
    padding-left: 30px;
    font-size: 17px;
    color: #595961;
}
.newProductAboutRightPic {
    margin-top: 35px;
}
.newProductAboutRightPic a {
    display: inline-block;
    margin-right: 40px;
    color: #595961;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
    position: relative;
}
.newProductAboutRightPic a span {
    display: block;
    line-height: 45px;
}
.newProducShow {
    background: url(../images/product/newProductBg.jpg) no-repeat top center;
    height: 840px;
    padding-top: 80px;
}
.newProducShowTit {
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 5px;
    margin-bottom: 5px;
    color: #fff;
    text-align: center;
}
.newProducShowTxt {
    font-size: 17px;
    color: #fff;
    text-align: center;
    margin-bottom: 35px;
}
.newProducShowTxt span {
    display: inline-block;
    line-height: 40px;
    position: relative;
}
.newProducShowTxt span:after {
    width: 45px;
    height: 1px;
    position: absolute;
    left: -69px;
    bottom: 20px;
    content: "";
    background: #fff;
}
.newProducShowTxt span:before {
    width: 45px;
    height: 1px;
    position: absolute;
    right: -69px;
    bottom: 20px;
    content: "";
    background: #fff;
}
.newProducShowPic img {
    width: 92%;
    margin: 0 auto;
}
.newProductProblemList {
    margin: 0 5%;
    width: 90%;
}
.newProductProblemList li {
    border-bottom: #f3f3f3 1px solid;
    padding: 40px 0;
    clear: both;
    overflow: hidden;
    position: relative;
}
.newProductProblemList .hover_newpro {
    box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
}
.newProductProblemphoto, .newProductProblemphoto img {
    width: 500px;
}
.newProductProblemTxt {
    width: 600px;
    margin-top: 170px;
}
.newProductProblemList .right {
    float: right;
}
.newProductProblemList .left {
    float: left;
}
.newProductProblemTxt h3 {
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: normal;
}
.dataList .newProductProblemTxt h3 {
    position: relative;
    padding-top: 20px;
}
.dataList .newProductProblemTxt h3:before {
    content: "";
    position: absolute;
    top: 0;
    width: 45px;
    height: 5px;
    background: #139a4e;
    border-radius: 2px;
}
.newProductProblemTxt p {
    color: #333333;
    font-size: 17px;
    line-height: 30px;
}
.wechatProductBanner {
    background: url(../images/product/wechatBannertop.jpg) no-repeat top center;
    height: 500px;
}
.wechatProductBannerTxt {
    padding-top: 90px;
    margin-bottom: 60px;
    color: #fff;
}
.wechatProductBannerTxt h1 {
    text-align: center;
    font-size: 50px;
    letter-spacing: 5px;
    line-height: 70px;
    font-weight: normal;
}
.wechatProductBannerTxt p {
    font-size: 28px;
    text-align: center;
}
.wechatProductBannerTxt p span {
    display: inline-block;
    background: #005b84;
    padding: 0 50px;
    line-height: 45px;
    border-radius: 25px;
}
.wechatProducShow {
    background: url(../images/product/wechatBanner.jpg) no-repeat top center;
    height: 360px;
    padding-top: 240px;
}
.wechatProducShowTit {
    font-size: 58px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #fff;
}
.wechatProducShowTxt {
    font-size: 30px;
    color: #fff;
    margin-bottom: 35px;
}
#wechatProductProblem {
    padding: 20px 0 0 0;
}
.wechatProductProblemList li {
    clear: both;
    overflow: hidden;
    background: #fff;
}
.wechatProductProblemList li:nth-child(2n) {
    background: #eff8f3;
}
.wechatProductProblemphoto, .wechatProductProblemphoto img {
    width: 600px;
}
.wechatProductProblemTxt {
    width: 500px;
    margin-top: 150px;
}
.wechatProductProblemList .right {
    float: right;
}
.wechatProductProblemList .left {
    float: left;
}
.wechatProductProblemTxt h3 {
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: normal;
}
.wechatProductProblemTxt p {
    color: #333333;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 10px;
}
.wechatProductProblemTxt dl {
    display: flex;
    flex-wrap: wrap;
    width: 360px;
}
.wechatProductProblemTxt dd {
    width: 140px;
    background: url(../images/product/newProductAboutRightTxtLi.png) no-repeat left center;
    line-height: 45px;
    padding-left: 40px;
    font-size: 17px;
    color: #333333;
}
#wechatProductAdvantage {
    padding: 0 0 65px 0;
}
#wechatProductAdvantage ul {
    overflow: hidden;
}
#wechatProductAdvantage ul li {
    background: #f4f4f4;
    margin-right: 15px;
    width: 390px;
    height: 150px;
    float: left;
    margin-bottom: 15px;
}
#wechatProductAdvantage ul li:nth-child(3n) {
    margin-right: 0;
}
.wechatProductAdvantagePic {
    width: 110px;
    float: left;
    background: #159f51;
    line-height: 150px;
    text-align: center;
}
.wechatProductAdvantageTxt {
    float: right;
    width: 250px;
    margin-right: 15px;
    color: #585858;
    line-height: 26px;
    font-size: 14px;
}
.wechatProductAdvantageTxt h4 {
    color: #159f51;
    font-size: 24px;
    font-weight: normal;
    border-bottom: #c7c7c7 1px dotted;
    line-height: 65px;
    margin-bottom: 15px;
}
.secondProductBanner {
    background: url(../images/product/secondProductBanner.jpg) no-repeat top center;
    height: 500px;
}
.secondProductBannerBox {
    max-width: 1475px;
    min-width: 1200px;
    margin: 0 auto;
}
.secondProductBannerTxt {
    padding-top: 180px;
    margin-bottom: 60px;
    color: #fff;
}
.secondProductBannerTxt h1 {
    font-size: 60px;
    letter-spacing: 5px;
    line-height: 120px;
    font-weight: normal;
}
.secondProductBannerTxt p {
    font-size: 38px;
}
.secondProductAbout {
    padding: 80px 0 0 0;
    background: url(../images/product/secondProductAbout.jpg) no-repeat top center;
    height: 540px;
}
.secondProductAboutLeft {
    width: 500px;
    float: left;
}
.secondProductAboutLeft img {
    width: 500px;
}
.secondProductAboutRight {
    width: 630px;
    float: right;
    color: #fff;
    margin-top: 70px;
}
.secondProductAboutRight .secondProductAboutRightTit {
    font-size: 38px;
    letter-spacing: 5px;
    margin-bottom: 25px;
    font-weight: normal;
}
.secondProductAboutRightTxtOne {
    font-size: 24px;
    margin-bottom: 20px;
}
.secondProductAboutRightTxtTwo {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 30px;
}
.secondProductAboutRightPic {
}
.channelProductBanner {
    background: url(../images/product/otabanner2.jpg) no-repeat top center;
    height: 500px;
}
.channelProductBannerBox {
    max-width: 1475px;
    min-width: 1200px;
    margin: 0 auto;
}
.channelProductBannerTxt {
    padding-top: 120px;
    margin-bottom: 60px;
    color: #fff;
}
.channelProductBannerTxt h1 {
    font-size: 50px;
    letter-spacing: 5px;
    line-height: 120px;
    font-weight: normal;
}
.channelProductBannerTxt p {
    font-size: 28px;
    margin-bottom: 15px;
}
.channelProductBannerTxt span {
    display: block;
    line-height: 36px;
    font-size: 18px;
}
.channelProductAbout {
    padding-top: 80px;
    background: url(../images/product/otabanner.jpg) no-repeat top center;
    height: 520px;
}
.juyuanProductBanner {
    background: url(../images/product/jyBanner.jpg) no-repeat top center;
    height: 500px;
    position: relative;
}
.zulinright{ width:500px;}
.zulinProductBanner {
    background: url(../zulin/zlbg1.png) no-repeat top center;
    height: 500px;
    position: relative;
}
.zunlinProductAbout  {
    padding-top: 80px;
    background: url(../zulin/zlbg2.png) no-repeat top center;
    height: 600px;
}
.zunlintxtgn {
    
    background: url(../zulin/zlquan.png) no-repeat center center;
    height: 780px; overflow: hidden;
}
.zunlintxtgnleft{ float:left; width:412px;}
.zunlintxtgnright{ float:right; width:412px;}
.zunlintxtgn span{ position:relative; display:block; height:65px; width:350px; line-height:65px; background: url(../zulin/tiao.png) no-repeat left center; padding-left:62px; font-size:16px; margin-top:40px;}
.zunlintxtgn .zltwo{line-height:25px; padding-top:5px; height:60px;}

.zunlintxtgn span b{ position:absolute; top:5px; left:5px; width:25px; height:25px; line-height:25px; text-align:center; font-weight:normal;  font-size:14px; border-radius:100%; border:#fff 1px solid; color:#fff;}

.zulinright{ padding-top:50px;}
.zunlinAboutRightTxt{font-size:20px; color:#fff; line-height:40px;}
.zunlintxt span{ position:relative; display:inline-block; height:40px; line-height:40px; color:#fff; font-size:20px; background:#2251c4; width:100px; border-radius:40px; padding-left:50px; margin-right:20px;}
.zunlintxt span:before{ content:""; width:30px; height:30px; border-radius:100%; background:#fff; position:absolute; left:5px; top:5px;}
.zunlintxt{ margin-top:20px;}
.juyuanProductBannerTxt {
    position: absolute;
    background: url(../images/heitou.png);
    width: 800px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    padding: 0 10px 20px 10px;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -100px;
}
.juyuanProductBannerTxt h1 {
    font-size: 60px;
    letter-spacing: 5px;
    line-height: 120px;
    font-weight: normal;
    border-bottom: #fff 2px solid;
}
.juyuanProductBannerTxt p {
    font-size: 38px;
    letter-spacing: 3px;
    margin-bottom: 15px;
    padding-top: 10px;
}
.juyuanProductAbout {
    padding-top: 80px;
    background: url(../images/product/jyBanner02.jpg) no-repeat top center;
    height: 520px;
}
.juyuanProductAboutLeft {
    float: left;
}
.juyuanProductAboutLeft img {
    height: 440px;
    transition: all .3s;
}
.juyuanProductAboutLeft img:hover {
    margin-top: -5px
}
.juyuanProductAboutRight {
    float: right;
    color: #fff;
}
.juyuanProductAboutRightTit {
    font-size: 48px;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
.juyuanProductAboutRightTxt {
    font-size: 24px;
    line-height: 50px;
}
.juyuanProductAboutRightTxt li span {
    display: inline-block;
    width: 220px;
}
.juyuanProductAboutRightPic {
    overflow: hidden;
}
.juyuanProductAboutRightPic li {
    float: left;
    width: 20%;
    text-align: center;
    transition: all .3s;
}
.juyuanProductAboutRightPic li:hover {
    margin-top: -10px;
}
.juyuanProductAboutRightPic li:nth-child(5n+1) {
    clear: both;
}
.juyuanProductAboutRightPic li span {
    display: block;
    padding: 20px 0 40px 0;
    font-size: 20px;
}
.juyuanul {
   
    margin-bottom: 30px;
}
.juyuanul .juyuanulitem {
    border-radius: 8px;
    float: left;
    width: 237px;
    margin-right: 30px;
    background: #f5f5f9;
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
    transition: all .3s;
}
.juyuanul .juyuanulitem:nth-child(4n) {
    margin-right: 0;
}
.juyuanul .juyuanulitem:nth-child(4n+1) {
    clear: both;
}

.juyuanul .juyuanulitem .juyuanulitemtxt {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
    text-align: left;
    padding-top: 20px;
}
.juyuanul .juyuanulitem:hover {
    margin-top: -5px;
}

.zlitemitem {
    border-radius: 8px;
    float: left;
    width: 237px;
    margin-right: 30px;
    background: #f1f4f8;
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
    transition: all .3s;
}
.zlitemitem:nth-child(4n) {
    margin-right: 0;
}
.zlitemitem:nth-child(4n+1) {
    clear: both;
}
.zunlinitemtit{font-size:22px; font-weight:bold; text-align:center;color:#000; line-height:50px; position:relative; margin-bottom:20px;}
.zunlinitemtit:before{content:""; width:40px; height:4px; background:#159e51; position:absolute; left:50%; bottom:0; margin-left:-20px;}
.zunlinitemtxt{ font-size:16px; line-height:28px; height:224px; text-align:left;}
.zltxt{ margin-top: 70px;}
.zlitemitem .juyuanulitemtxt {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
    text-align: left;
    padding-top: 20px;
}
.zlitemitem:hover {
    background: #ffffff;-moz-box-shadow:2px 2px 3px #F1F4F8, -2px -2px 3px #f1f4f8; -webkit-box-shadow:2px 2px 3px #F1F4F8, -2px -2px 3px #f1f4f8; box-shadow:2px 2px 3px #F1F4F8, -2px -2px 3px #f1f4f8;
}




.systemAbout {
    background: none;
}
.channelProductAboutRight {
    width: 600px;
    float: right;
    margin-top: 60px;
    color: #fff;
}
.channelProductAboutRight .channelProductAboutRightTit {
    font-size: 38px;
    letter-spacing: 5px;
    margin-bottom: 25px;
    font-weight: normal;
}
.channelProductAboutRightTxt {
    line-height: 30px;
    font-size: 17px;
    margin-bottom: 10px;
}
.channelProductAboutRightPic {
    margin-top: 25px;
}
.channelProductAboutRightPic a {
    position: relative;
    display: inline-block;
    margin-right: 40px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
}
.channelProductAboutRightPic a span {
    display: block;
    line-height: 45px;
}
#channelProductAdvantage {
    margin-bottom: 65px;
}
#channelProductAdvantage ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#channelProductAdvantage ul li {
    width: 560px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
#channelProductAdvantage ul li .channelProductAdvantagePic {
    width: 102px;
}
#channelProductAdvantage ul li .channelProductAdvantageTxt {
    width: 430px;
}
#channelProductAdvantage ul li .channelProductAdvantageTxt h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 5px;
}
#channelProductAdvantage ul li .channelProductAdvantageTxt p {
    color: #333333;
    font-size: 17px;
    line-height: 30px;
}
.channelProductProblemOne {
    background: #f6f6f6;
    height: 215px;
    padding: 40px;
}
.channelProductProblemTwo {
    background: url(../images/product/otaicogreen.png) repeat-y center top;
    height: 220px;
    padding: 40px;
}
.channelProductProblemThree {
    background: #fafafa;
    height: 215px;
    padding: 40px;
}
.channelProductItem {
    position: relative;
    margin: 250px 0;
}
.channelProductTxt h3 {
    font-size: 28px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
    color: #139a4e;
}
.channelProductTxt p {
    color: #333333;
    line-height: 30px;
    font-size: 17px;
}
.channelProductphoto, .channelProductTxt {
    position: absolute;
}
.channelProductProblemOneTxt {
    width: 560px;
    right: 40px;
    top: 40px;
}
.channelProductProblemOnephoto {
    width: 590px;
    height: 470px;
    left: -10px;
    top: -75px;
}
.channelProductProblemTwoTxt {
    width: 660px;
    left: 40px;
    top: 40px;
}
.channelProductProblemTwophoto {
    width: 570px;
    height: 476px;
    right: 0px;
    top: -90px;
}
.channelProductProblemThreeTxt {
    width: 560px;
    right: 40px;
    top: 40px;
}
.channelProductProblemThreephoto {
    width: 550px;
    height: 440px;
    left: 0px;
    top: -70px;
}
.channerl-swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.channerl-swiper-container .swiper-wrapper {
    display: flex;
}
.channerl-swiper-container .swiper-pagination {
    position: absolute;
    right: 160px;
    bottom: 100px;
}
.channerl-swiper-container .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: inline-block;
    opacity: 1;
    background: #fefefe;
    -moz-box-shadow: 2px 2px 5px #d3e6db;
    -webkit-box-shadow: 2px 2px 5px #d3e6db;
    box-shadow: 2px 2px 5px #d3e6db;
    margin: 0 10px;
}
.channerl-swiper-container .swiper-pagination-bullet-active {
    background: #139a4e;
}
#cardProductProblem .newProductProblemTxt {
    margin-top: 200px;
}
#cardProductProblem .dataList .newProductProblemTxt {
    margin-top: 60px;
}
.cardProductBanner {
    background: url(../images/product/cardbanner.jpg) no-repeat top center;
    height: 500px;
}
.cardProductBannerBox {
    max-width: 1475px;
    min-width: 1200px;
    margin: 0 auto;
}
.cardProductBannerTxt {
    padding-top: 130px;
    margin-bottom: 60px;
    color: #fff;
}
.cardProductBannerTxt h1 {
    font-size: 60px;
    letter-spacing: 5px;
    line-height: 120px;
    font-weight: normal;
}
.cardProductBannerTxt p {
    font-size: 28px;
    margin-bottom: 35px;
}
.cardProductBannerTxt span {
    display: block;
    line-height: 36px;
    font-size: 18px;
}
.cardProductBannerItem {
    overflow: hidden;
}
.cardProductBannerItem li {
    float: left;
    margin-right: 50px;
    text-align: center;
    font-size: 18px;
}
.cardProductBannerItem li span {
    display: block;
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 10px;
}
.cardProductAbout {
    padding: 80px 0 0 0;
    background: url(../images/product/cardbanner2.jpg) no-repeat top center;
    height: 540px;
}
.cardProductAboutRight {
    width: 600px;
    float: right;
    margin-top: 60px;
    color: #fff;
}
.cardProductAboutRight .cardProductAboutRightTit {
    font-size: 38px;
    letter-spacing: 5px;
    margin-bottom: 25px;
    font-weight: normal;
}
.cardProductAboutRightTxt {
    line-height: 30px;
    font-size: 17px;
    margin-bottom: 30px;
}
.cardProductAboutRightPic {
    margin-top: 15px;
}
.cardProductAboutRightPic a {
    display: inline-block;
    margin-right: 40px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
    position: relative;
}
.cardProductAboutRightPic a span {
    display: block;
    line-height: 45px;
}
.phoneAbout {
    background: url(../images/product/phoneAbout.jpg) no-repeat top center;
}
.phoneBanner {
    background: url(../images/product/phonebanner.jpg) no-repeat top center;
    height: 500px;
}
.dataBanner {
    background: url(../images/product/datatopbanner.jpg) no-repeat top center;
}
.invoiceBanner {
    background: url(../images/product/invoicetopbaner1.jpg) no-repeat top center;
    height: 500px;
}
.codeBanner {
    background: url(../images/product/codetopbanner.jpg) no-repeat top center;
    height: 500px;
}
.dataAbout {
    background: url(../images/product/databanner.jpg) no-repeat top center;
}
.invoiceAbout {
    background: url(../images/product/invoicebaner1.jpg) no-repeat top center;
}
.codeAbout {
    background: url(../images/product/codebanner.jpg) no-repeat top center;
}
.phoneBanner .cardProductBannerTxt {
    padding-top: 180px;
}
.dataBanner .cardProductBannerTxt {
    padding-top: 150px;
}
.dataBanner .cardProductBannerTxt p {
    line-height: 48px;
}
.invoicebox1txt {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
}
.invoicebox1pic {
    text-align: center;
}
.invoiceboxtwoul {
    overflow: hidden;
}
.invoiceboxtwoul li {
    float: left;
    margin-right: 20px;
    border: #159a50 1px solid;
    padding: 30px 20px 20px 20px;
    width: 243px;
    margin-bottom: 20px;
    transition: all 0.5s;
}
.invoiceboxtwoul li:nth-child(4n) {
    margin-right: 0;
}
.invoiceboxtwoul li .invoiceioc {
    text-align: center;
}
.invoiceboxtwoul li h4 {
    font-size: 30px;
    text-align: center;
    padding: 25px 0;
}
.invoiceboxtwoul li p {
    font-size: 16px;
    line-height: 25px;
    height: 100px;
}
.invoiceboxtwoul li:hover {
    background: #139a4e;
    color: #fff;
}
.databtn a {
    display: block;
    height: 55px;
    width: 180px;
    background: #ffab00;
    color: #fff;
    font-size: 26px;
    text-align: center;
    border-radius: 4px;
    line-height: 55px;
    letter-spacing: 2px;
    transition: all 0.5s
}
.databtn a:hover {
    background: #139a4e;
    text-decoration: none;
    transform: translateY(-3px);
}
.dataAbout .cardProductAboutRightTit {
    font-size: 48px;
}
.dataAbout .cardProductAboutRightTxt {
    font-size: 24px;
    line-height: 48px;
}
.invoiceboxthree {
    text-align: center;
    margin-bottom: 60px;
}
.codepicul {
    overflow: hidden;
}
.codepicul li {
    margin-right: 20px;
    width: 386px;
    height: 258px;
    overflow: hidden;
    float: left;
}
.codepicul li img {
    width: 100%;
    transition: all 0.5s;
}
.codepicul li:hover img {
    transform: scale(1.1)
}
.codepicul li:nth-child(3n) {
    margin-right: 0;
}
.codetwobox {
    font-size: 16px;
    line-height: 30px;
}
.codetwobox h4 {
    font-size: 18px;
    padding: 15px 0 5px 0;
    text-indent: 2rem;
}
.codetwobox p {
    text-indent: 2rem;
}
.codetitle1 {
    background: url(../images/product/codetitle1.png) no-repeat top left;
    height: 54px;
    line-height: 54px;
    font-size: 28px;
    margin-top: 60px;
    margin-bottom: 30px;
    color: #fff;
    padding-left: 90px;
    font-weight: normal;
}
.codetitle2 {
    background: url(../images/product/codetitle2.png) no-repeat top left;
    height: 54px;
    line-height: 54px;
    font-size: 28px;
    margin-top: 60px;
    margin-bottom: 30px;
    color: #fff;
    padding-left: 90px;
    font-weight: normal;
}
.codethreebox ul li, .codefourbox ul li {
    padding: 20px 5px 5px 5px;
    border: #139a4e 1px solid;
    width: 190px;
    transition: all 0.5s;
}
.codethreebox ul li:hover, .codefourbox ul li:hover {
    transform: translateY(-5px)
}
.codethreebox ul li p, .codefourbox ul li p {
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    margin-bottom: 10px;
}
.codethreebox ul li .codeultwoh, .codefourbox ul li .codeultwoh {
    line-height: 25px;
}
.codethreebox ul li .codeultwoh span, .codefourbox ul li .codeultwoh span {
    font-size: 16px;
}
.codethreebox ul li img, .codefourbox ul li img {
    width: 100%;
    height: 179px;
}
.codeone, .codetwo {
    text-align: center;
    padding: 20px 0;
}
.codeulone, .codeulthree {
    overflow: hidden;
    margin-left: 30px;
    padding-top: 10px;
}
.codeulone li, .codeulthree li {
    float: left;
    margin-right: 37px;
}
.codeulone li:last-of-type, .codeulthree li:last-of-type {
    margin-right: 0;
}
.codeultwo {
    margin-right: 12px;
    text-align: right;
    padding-top: 10px;
}
.codeultwo li {
    display: inline-block;
}
.codeulfour {
    margin-right: 490px;
    text-align: right;
    margin-bottom: 60px;
    padding-top: 10px;
}
.codeulfour li {
    display: inline-block;
    margin-left: 34px;
}
.system_new_video_box1txt_item2 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 50px 20px;
}
.hardboxswiper-container {
    width: 1000px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}
.hardboxswiper-container .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.hardboxswiper-container .swiper-slide {
    text-align: center;
    width: 150px;
    margin-right: 20px;
    text-align: center;
}
.hardboxswiper-container .swiper-slide img, .hardboxswiper-container .swiper-slide span {
    transition: transform 0.2s linear;
}
.hardboxswiper-container .swiper-slide img {
    width: 150px;
}
.hardboxswiper-container .swiper-slide span {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 50px;
}
.hardboxswiper-container .swiper-slide a:hover, .hardboxswiper-container .swiper-slide .current {
    color: #139a4e;
    text-decoration: none
}
.hardboxswiper-container .swiper-slide a:hover span, .hardboxswiper-container .swiper-slide .current span {
    color: #139a4e;
}
.hardboxswiper-container .swiper-slide a:hover img, .hardboxswiper-container .swiper-slide .current img {
    width: 146px;
    border: #139a4e 2px solid;
    border-radius: 100%
}
.system_new_video_box1txt_item2 .swiper-button-next, .system_new_video_box1txt_item2 .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 100px;
    height: 100px;
    width: 60px;
    cursor: pointer;
    opacity: .5
}
.system_new_video_box1txt_item2 .swiper-button-next:focus, .system_new_video_box1txt_item2 .swiper-button-prev:focus {
    outline: none;
}
.system_new_video_box1txt_item2 .swiper-button-next:hover, .system_new_video_box1txt_item2 .swiper-button-prev:hover {
    opacity: 1
}
.system_new_video_box1txt_item2 .swiper-button-next {
    right: 0;
    left: auto;
}
.hardProductBanner {
    background: url(../images/hard/hardbanner.jpg) no-repeat top center;
    height: 500px;
}
.hardProductBannerBox {
    max-width: 1475px;
    min-width: 1200px;
    margin: 0 auto;
}
.hardProductBannerTxt {
    padding-top: 180px;
    margin-bottom: 60px;
    color: #139a4e;
}
.hardProductBannerTxt h2 {
    font-size: 50px;
    letter-spacing: 5px;
    line-height: 120px;
    font-weight: normal;
}
.hardProductBannerTxt p {
    font-size: 28px;
    margin-bottom: 35px;
}
.hardProductAbout {
    background: url(../images/hard/hardproductbg.jpg) no-repeat top center;
    height: 360px;
    padding: 20px 0;
    margin-bottom: 40px;
}
.hardProductAbout .center {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hardProductAboutPic {
    height: 360px;
    width: 600px;
}
.hardProductAboutPic img {
    max-height: 360px;
    max-width: 500px;
}
.hardProductAboutTxt {
    width: 400px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #FFF;
}
.hardProductAboutTxt h1, .hardProductAboutTxt p {
    width: 400px;
}
.hardProductAboutTxt h1 {
    line-height: 50px;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px;
}
.hardProductAboutTxt p {
    line-height: 30px;
    font-size: 17px;
}
.hardProductProblemboxItem {
    display: flex;
}
.hardProductProblemboxItem li {
    width: 25%;
    text-align: center;
}
.hardProductProblemboxItem li span {
    display: block;
    font-size: 24px;
    margin: 24px 0;
}
.hardProductProblemboxItem li p {
    background: #f5f5f5;
    line-height: 45px;
    color: #999999;
}
.hardProductProblemboxItem {
    padding-bottom: 20px;
}
#hardProductProblemone {
    padding-bottom: 60px;
}
.hardProductProblemyizhabox1 {
    text-align: center;
    margin: 50px 0;
}
.hardProductProblemyizhabox1 h3 {
    font-size: 48px;
    font-weight: normal;
    color: #139a4e;
    margin-bottom: 10px;
}
.hardProductProblemyizhabox1 p {
    font-size: 18px;
}
.hardProductProblemyizhabox2 h2 {
    font-size: 70px;
    color: #139a4e;
    text-align: center;
    width: 100%;
    height: 160px;
    line-height: 160px;
}
.hardProductProblemyizhabox2 h2 span {
    position: relative;
    background: #eeeeee;
    padding: 0 50px;
    border-radius: 25px;
    line-height: 160px;
    display: inline-block;
}
.hardProductProblemyizhabox2 h2 span:after {
    content: "";
    position: absolute;
    top: 160px;
    height: 960px;
    width: 1px;
    background: #707070;
    left: 50%;
    z-index: -1;
    margin-left: -1px;
}
.xu h2 span:after {
    width: 2px;
    margin-left: 0;
    background: url(../images/hard/dianx.png) repeat-y;
    height: 520px;
}
.hardProductProblemyizhab ul {
    margin-top: 30px;
}
.hardProductProblemyizhab ul li {
    position: relative;
    margin-left: 598px;
}
.hardProductProblemyizhab ul li:nth-child(2n) {
    margin-left: 0;
    text-align: right;
    margin-right: 595px;
    padding-left: 0;
}
.hardProductProblemyizhab ul li:nth-child(2n) h4 {
    margin-left: 195px;
    padding-right: 60px;
    padding-left: 0;
}
.hardProductProblemyizhab ul li:nth-child(2n) h4 span {
    right: 1px;
    left: auto;
}
.hardProductProblemyizhab ul li p {
    margin-left: 0;
    margin-right: 25px;
}
.hardProductProblemyizhab ul li::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #139a4e;
    left: 0;
    top: 18px
}
.hardProductProblemyizhab ul li:nth-child(2n)::before {
    left: auto;
    right: 0;
}
.hardProductProblemyizhabox2 ul {
    margin-top: 30px;
}
.hardProductProblemyizhab ul li h4 {
    width: 330px;
    height: 40px;
    line-height: 40px;
    background: #139a4e;
    border-radius: 20px;
    position: relative;
    margin-left: 20px;
    padding-left: 60px;
    font-size: 24px;
    color: #fff;
}
.hardProductProblemyizhab ul li h4 span {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    height: 38px;
    color: #139a4e;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    color: #139a4e;
}
.hardProductProblemyizhab ul li p {
    margin-left: 25px;
    font-size: 16px;
    line-height: 26px;
    margin-top: 6px;
}
.hardProductProblemyizhabox2 ul {
    margin-top: 30px;
}
.hardProductProblemyizhabox2 ul li {
    height: 130px;
    padding-left: 150px;
    position: relative;
}
.hardProductProblemyizhabox2 ul li:nth-child(2n) {
    margin-left: 0;
    text-align: right;
    margin-right: 575px;
    padding-left: 0;
    padding-right: 150px;
}
.hardProductProblemyizhabox2 ul li .yizhaico {
    float: left;
    margin-right: 18px;
}
.hardProductProblemyizhabox2 ul li:nth-child(2n) .yizhaico {
    float: right;
    margin-right: 0;
    margin-left: 18px;
}
.hardProductProblemyizhabox2 ul li {
    background: url(../images/hard/num1.png) no-repeat 0 20px;
    margin-left: 575px;
}
.hardProductProblemyizhabox2 ul li:nth-child(2) {
    background: url(../images/hard/num2.png) no-repeat 575px 20px;
}
.hardProductProblemyizhabox2 ul li:nth-child(3) {
    background: url(../images/hard/num3.png) no-repeat 0 20px;
}
.hardProductProblemyizhabox2 ul li:nth-child(4) {
    background: url(../images/hard/num4.png) no-repeat 575px 20px;
}
.hardProductProblemyizhabox2 ul li:nth-child(5) {
    background: url(../images/hard/num5.png) no-repeat 0 20px;
}
.hardProductProblemyizhabox2 ul li:nth-child(6) {
    background: url(../images/hard/num6.png) no-repeat 575px 20px;
}
.hardProductProblemyizhabox2 ul li:nth-child(7) {
    background: url(../images/hard/num7.png) no-repeat 0 20px;
}
.hardProductProblemyizhabox2 ul li:nth-child(8) {
    background: url(../images/hard/num8.png) no-repeat 575px 20px;
}
.hardProductProblemyizhabox2 ul li:after {
    content: "";
    position: absolute;
    top: 47px;
    height: 1px;
    width: 90px;
    background: #707070;
    left: 45px;
}
.hardProductProblemyizhabox2 ul li:nth-child(2n):after {
    left: auto;
    right: 50px;
}
.hardProductProblemyizhabox2 ul li .yizhatxt span {
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}
.hardProductProblemyizhabox2 ul li .yizhatxt p {
    font-size: 18px;
}
.hardProductProblemsutongtxt {
    background: #f3f3f3;
    padding: 80px;
}
.hardProductProblemsutongtxt h4 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 25px;
}
.hardProductProblemsutongtxt p {
    font-size: 18px;
}
.hardProductProblemsutongtxt ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hardProductProblemsutongtxt ul li {
    width: 25%;
    margin-top: 40px;
    text-align: center;
}
.hardProductProblemsutongtxt ul li span {
    display: block;
    font-size: 20px;
}
.hardProductProblemsutongpic {
    margin-top: 40px;
}
.chukouProductProblemItem {
    margin-top: 40px;
}
.chukouProductProblemItem {
    background: #f3f3f3;
    padding: 80px;
    overflow: hidden;
}
.chukouProductProblemItem h2 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
}
.chukouProductProblemItem li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.chukouProductProblempic h3 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 40px;
    margin-top: 80px;
}
.chukouProductProblemItemPic {
    width: 500px;
}
.chukouProductProblemItemPic img {
    max-width: 500px;
}
.chukouProductProblemItemTxt {
    width: 500px;
    font-size: 17px;
    vertical-align: middle;
}
.chukouProductProblemItemTxt span {
    font-size: 30px;
    margin-bottom: 40px;
    display: block;
}
.chukouProductProblemItemTxt p {
    line-height: 30px;
}
.bangaoProductProblemItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bangaoProductProblemleft h2 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
}
.bangaoProductProblemleft li {
    line-height: 40px;
    font-size: 17px;
}
.bangaoProductProblemright img {
    width: 411px;
}
.wddyj .bangaoProductProblemright img {
    width: 310px;
}
.wdpic {
    text-align: right;
}
.wdpic img {
    margin-left: 10px;
}
.wddypictwo {
    overflow: hidden;
    padding: 30px 0;
}
.wddypictwo li {
    width: 25%;
    text-align: center;
    float: left;
}
.wddypictwo li img {
    width: 180px;
}
.wddypictwo li p {
    line-height: 50px;
}
.bangaoProductProblemh3 {
    font-size: 40px;
    color: #139a4e;
    text-align: center;
}
.bangaoProductProblemp {
    text-align: center;
    font-size: 20px;
}
.hardProductProblemboxItemtwo {
    flex-wrap: wrap;
}
.hardProductProblemboxItemtwo li {
    width: 25%;
    margin-bottom: 15px;
}
.hardProductProblemboxItem li .hardProductProblemboxItem2p {
    line-height: 22px;
    padding: 10px 0;
    height: 44px;
}
.hardProductProblemboxItemtwo li span {
    font-size: 20;
}
.bangaoProductProblemh3 {
    padding: 30px 0 10px 0;
}
.bangaoProductProblemp {
    margin-bottom: 50px;
}
.width800 {
    width: 1000px;
    margin: 40px auto;
}
.saomaqiProductProblemItemh2 {
    color: #139a4e;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    margin-top: 40px;
}
.saomaqiProductProblemItemp {
    text-align: center;
    margin: 20px 0 80px 0;
}
.saomaqiProductProblemItemp span {
    display: inline-block;
    color: #139a4e;
    line-height: 55px;
    padding: 0 40px;
    border: #139a4e 1px solid;
    font-size: 24px;
}
.saomaqiProductProblemItemul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.saomaqiProductProblemItemul li {
    border: #ddd9da 10px solid;
    margin: 5px;
}
.dayingjiProductProblembox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}
.dayingjiProductProblembox li {
    margin: 30px;
}
.dayingjiProductProblemsize h2 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
}
.dgnleft li {
    position: relative;
    padding-left: 60px;
    margin-bottom: 10px;
}
.dgnleft li:after {
    content: "1";
    border: #333 1px solid;
    width: 42px;
    height: 42px;
    border-radius: 42px;
    line-height: 42px;
    text-align: center;
    display: block;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    font-size: 20px;
}
.dgnleft li:nth-child(2):after {
    content: "2";
}
.dgnleft li:nth-child(3):after {
    content: "3";
}
.dgnleft li:nth-child(4):after {
    content: "4";
}
.dgnleft li span {
    display: block;
    font-size: 24px;
    line-height: 42px;
    margin-bottom: 5px;
}
.dgnleft li p {
    font-size: 17px;
}
.shouchiProductProblembox1 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 50px;
}
.shouchiProductProblembox2 {
    font-size: 17px;
    margin-bottom: 50px;
}
.shouchiProductProblembox3 {
    display: flex;
    flex-wrap: wrap;
}
.shouchiProductProblembox3 li {
    width: 25%;
    text-align: center;
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.shouchiProductProblembox3 li span {
    display: block;
    line-height: 80px;
}
.shouchiProductProblembox3 li b {
    display: block;
    padding-top: 20px;
}
.shouchiProductProblembox4 {
    text-align: center;
}
.shouchiProductProblembox4 span {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    background: #139a4e;
    color: #fff;
    font-size: 28px;
    padding: 0 50px;
    border-radius: 50px;
    margin: 0 10px;
}
.cxj {
    margin: 60px auto;
}
.cxjleft {
    float: left;
    width: 500px;
    margin-top: 50px;
}
.cxjleft ul li {
    display: inline-block;
    width: 160px;
    font-size: 24px;
    text-align: center;
}
.cxjleft ul li p {
    padding: 20px 0 40px 0;
}
.cxjright {
    float: right;
    width: 700px;
}
.sjtitle {
    font-size: 36px;
    font-weight: bold;
    color: #343233;
    margin-bottom: 40px;
    margin-top: 20px;
}
.scl2s {
    margin-bottom: 60px;
}
.scl2sleft {
    float: left;
    margin-right: 20px;
}
.scl2sright {
    float: left;
}
.scl2sright ul li h3 {
    font-size: 28px;
    color: #139a4e;
    line-height: 80px;
}
.scl2sright ul li {
    height: 210px;
}
.scl2sright ul li p {
    font-size: 18px;
    line-height: 35px;
}
.shouchiProductProblembox11 {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
}
.shouchiProductProblembox21 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.shouchiProductProblembox3 li p {
    padding: 10px 0;
}
.shouchiProductProblemleft h2 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
}
.shouchiProductProblemleft1 {
    font-size: 17px;
    line-height: 40px;
}
.shouchiProductProblemright {
    margin-right: 100px;
}
.shouchiProductProblemItem {
    display: flex;
    justify-content: center;
    align-items: center;
}
.shouchiProductProblemleft2 {
    display: flex;
    margin-top: 50px;
}
.shouchiProductProblemleft2 li {
    width: 100px;
    text-align: center;
    font-size: 17px;
}
.shouchiProductProblemleft2 li span {
    display: block;
    line-height: 50px;
}
.casetab .tabs {
    height: 52px;
    width: 1000px;
    display: flex;
    padding: 0 100px;
    margin-top: 50px;
    justify-content: space-around;
    border-bottom: 2px solid #E4E4E4;
}
.casetab .tabs span {
    color: #666;
    padding: 0 20px;
    font-size: 18px;
    cursor: pointer;
}
.casetab .tabs .active {
    height: 50px;
    color: #139a4e;
    border-bottom: 6px solid #139a4e;
}
.casetabbox {
    margin-top: 50px;
}
.casetabbox ul, .casetabbox ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
}
.casetabbox ul {
    overflow: hidden;
    width: 1200px;
}
.casetabbox ul li {
    margin-right: 25px;
    width: 281px;
    float: left;
}
.casetabbox ul li a {
    display: block;
}
.casetabbox ul li a:hover {
    text-decoration: none;
}
.casetabbox ul li .casetabboxpic {
    position: relative;
}
.casetabbox ul li .casetabboxpic img {
    width: 100%;
    height: 200px;
}
.casetabbox ul li .casetabboxpic span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 76px;
    color: #fff;
    height: 26px;
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    background: rgb(19, 154, 78, 0.8);
}
.casetabbox ul li:nth-child(4n) {
    margin-right: 0;
}
.casetabboxtxt h3 {
    font-weight: normal;
    font-size: 16px;
    padding: 10px;
    line-height: 25px;
    text-align: center;
}
.casetabboxms {
    font-weight: normal;
    font-size: 14px;
    color: #999997;
    margin-bottom: 10px;
}
.pcnum {
    padding: 40px 0;
}
.pcnum .channelProductTxt h3 {
    background: url(../images/hard/dianh3.png) no-repeat left center;
    padding-left: 20px;
}
.pcnum .channelProductTxt h3 {
    background: url(../images/hard/dianh3.png) no-repeat left center;
    padding-left: 20px;
}
.channelProductItem .center {
    position: relative;
}
.pctow {
    background: url(../images/hard/lvx.png) no-repeat left center;
}
.pcnum .channelProductProblemThreeTxt {
    top: 60px;
}
.pcnum .channelProductProblemThreeTxt .more, .pcnum .channelProductProblemTwoTxt .more {
    margin-top: 20px;
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 30px;
    text-align: center;
    background: #139a4e;
    color: #fff;
    font-size: 16px;
}
.pcnum .channelProductProblemThreeTxt .more:hover, .pcnum .channelProductProblemTwoTxt .more:hover {
    background: #666666;
    text-decoration: none;
}
.table {
    margin: 0;
    padding: 0;
    border: 0;
    color: #333333;
}
.table dt {
    background: #139a4e;
    line-height: 58px;
    height: 58px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: center;
}
.table dd {
    text-align: left;
    background: #c6e7d4;
    line-height: 48px;
    font-size: 0;
    border-bottom: #89cda7 1px solid;
    margin: 0;
    clear: both;
}
.table dd span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.table dd span:first-child {
    width: 290px;
    text-align: center;
}
.table dd span:nth-child(2) {
    padding-left: 60px;
    width: 790px;
    border-left: #89cda7 1px solid;
}
.table dd:nth-child(2n) {
    background: #ffffff;
}
.table .tabledd {
    color: #139a4e;
    text-align: center;
    font-size: 16px;
}
.table .twotab {
    line-height: 28px;
    height: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tablefloat dd .fivetab {
    line-height: 28px;
    height: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tablefloat dd .fivetabt {
    line-height: 140px;
    height: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.twotable dd span:first-child {
    width: 190px;
}
.twotable dd span:nth-child(2) {
    width: 260px;
    padding-left: 0;
    text-align: center;
}
.twotable dd span:nth-child(3) {
    width: 660px;
    padding-left: 40px;
    border-left: #89cda7 1px solid;
}
.twotable dd .tabletitleone {
    line-height: 56px;
}
.twotablebt dd {
    background: #ffffff;
}
.twotablebt dd:nth-child(2n) {
    background: #c6e7d4;
}
.twotablebt dd span:first-child {
    width: 180px;
}
.twotablebt dd span:nth-child(2) {
    width: 240px;
}
.twotablebt dd span:nth-child(3) {
    padding-left: 70px;
}
.tablefloat {
    clear: both;
    font-size: 16px;
    overflow: hidden;
}
.tablefloat dt {
    width: 180px;
    line-height: 48px;
    text-align: center;
    float: left;
    border-bottom: #89cda7 1px solid;
}
.tablefloat dd {
    float: left;
    border-left: #89cda7 1px solid;
}
.tablefloat dd:nth-child(2) {
    width: 240px;
    text-align: center;
}
.tablefloat dd:nth-child(3) {
    width: 777px;
    text-align: left;
}
.tablefloat dd span {
    display: block;
    background: #fff;
    line-height: 48px;
    border-bottom: #89cda7 1px solid;
}
.tablefloat dd:nth-child(3) span {
    padding-left: 70px;
    padding-right: 70px;
}
.tablefloat dd span:nth-child(2n) {
    background: #c6e7d4;
}
.tablebkfz dd span {
    background: #c6e7d4;
}
.tablebkfz dd span:nth-child(2n) {
    background: #fff;
}
.tablefour {
    margin: 0;
    padding: 0;
    border: 0;
    color: #333333;
}
.tablefour dt, .tablefour dd {
    text-align: left;
    background: #ffffff;
    line-height: 48px;
    font-size: 0;
    border-bottom: #89cda7 1px solid;
    margin: 0;
    clear: both;
}
.tablefour dd:nth-child(2n) {
    background: #c6e7d4;
}
.tablefour dt {
    text-align: left;
    background: #c6e7d4;
    font-weight: bold;
    font-size: 18px;
}
.tablefour dt span, .tablefour dd span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.tablefour dt span:first-child, .tablefour dd span:first-child {
    width: 290px;
    text-align: center;
}
.tablefour dd span:nth-child(2) {
    padding-left: 60px;
    width: 790px;
    border-left: #89cda7 1px solid;
}
.tablefour .tablefourbk {
    background: #fff;
}
.fzb dd {
    background: #c6e7d4;
}
.fzb dd:nth-child(2n) {
    background: #fff;
}
.yslc {
    background: url(../images/hard/greenxian.png) repeat-x left center;
    position: relative;
    height: 470px;
    margin-bottom: 30px;
}
.yslc dl {
    width: 290px;
    margin-right: 10px;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background: #139a4e;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
}
.yslc .yslc02 {
    left: 180px;
    top: 300px;
}
.yslc .yslc03 {
    left: 340px;
}
.yslc .yslc04 {
    left: 540px;
    top: 300px;
}
.yslc .yslc05 {
    left: 710px;
}
.yslc .yslc06 {
    left: 890px;
    top: 300px;
}
.yslc dl dt {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
}
.yslc dl dd {
    font-size: 14px;
    line-height: 25px;
}
.invoicebox1txt .gz {
    font-size: 20px;
    font-weight: bold;
}
.mpbanner {
    margin: 0 auto 0;
    width: 1200px;
    overflow: hidden;
}
.large_box {
    margin: 0 auto;
    width: 450px;
    height: 600px;
    overflow: hidden;
    border: #707070 1px solid;
    margin-bottom: 20px;
}
.large_box img {
    display: block;
    width: 450px;
    height: 600px;
}
.small_box {
    width: 1160px;
    height: 190px;
    overflow: hidden;
    background: #f2f2f2;
    padding: 20px 10px;
}
.small_list {
    position: relative;
    float: left;
    width: 1084px;
    height: 188px;
    overflow: hidden;
}
.small_list ul {
    height: 188px;
    overflow: hidden;
}
.small_list ul li {
    position: relative;
    float: left;
    margin-right: 15px;
    width: 142px;
    height: 188px;
    cursor: pointer
}
.small_list ul li img {
    display: block;
    width: 140px;
    height: 186px;
    border: #707070 1px solid;
}
.small_list ul li.on {
    display: block;
}
.small_list ul li.on img {
    border: #139a4e 1px solid;
}
.btn {
    display: block;
    width: 30px;
    height: 170px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.left_btn {
    float: left;
    margin-right: 10px;
    background-image: url(../images/left_btn.png);
}
.right_btn {
    float: right;
    background-image: url(../images/right_btn.png);
}
.map {
    margin-bottom: 40px;
}
.map1, .map2, .map3 {
    width: 380px;
    float: left;
}
.map1, .map2 {
    margin-right:30px;
}
#map1_container, #map2_container, #map3_container {
    border: #c8c3c3 1px solid;
    overflow: hidden;
    width: 378px;
    height: 350px;
    margin: 0;
}
#allmap1 {
    height: 100%;
}
#allmap2 {
    height: 100%;
}
#allmap3 {
    height: 100%;
}
.maptxt b {
}
.maptxt {
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}
.friendLink {
    position: relative;
    height: 30px;
    overflow: hidden;
}
.linkmore {
    color: #999;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.codesixbox h3 {
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 30px;
    font-weight: 700;
    line-height: 80px;
    position: relative;
    display: inline-block;
}
.codesixbox h3 span {
    color: #139a4e;
    font-size: 60px;
}
.codesixbox h3:after {
    content: "";
    background: url("../images/codetitbg.png") no-repeat;
    width: 51px;
    height: 14px;
    right: 0;
    bottom: 0;
    display: block;
    position: absolute;
}
.codesixbox h3::before {
    content: "";
    background: url("../images/codetitbg.png") no-repeat;
    width: 51px;
    height: 14px;
    left: 70px;
    top: 0;
    display: block;
    position: absolute;
}
.codesixboximg1 {
    text-align: center;
}
.codesixboximg2left h5 {
    background: url("../images/hh5.png") no-repeat;
    width: 367px;
    height: 55px;
    line-height: 48px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
.codesixboximg2leftbox {
    position: relative;
}
.codesixboximg2leftbox ul {
    position: absolute;
    top: 50px;
    left: 80px;
}
.codesixboximg2leftbox .codesixboximg2leftone {
    width: 350px
}
.codesixboximg2leftbox ul li {
    padding-left: 15px;
    font-size: 20px;
    background: #139a4e;
    width: 140px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
}
.codesixboximg2leftbox ul li img {
    padding-right: 8px;
}
.codesixboximg2leftbox ul li:nth-child(2) {
    margin-left: 25px;
}
.codesixboximg2leftbox ul li:nth-child(3) {
    margin-left: 50px;
}
.codesixboximg2 {
    overflow: hidden;
}
.codesixboximg2left {
    float: left;
}
.codesixboximg2right {
    float: right;
    margin-top: 30px;
}
.codesixboximg2right ul {
    display: flex;
    background: #f3fff9;
    padding: 20px 10px;
}
.codesixboximg2rightup {
    margin-bottom: 15px;
}
.codesixboximg2right ul .codesixboximg2rightitem {
    width: 107px;
    height: 76px;
    line-height: 30px;
    padding-top: 25px;
    background: #139a4e;
    color: #fff;
    border-radius: 16px;
    font-size: 18px;
    text-align: center;
    margin-right: 15px;
}
.codesixboximg2rightimg {
    margin-right: 15px;
}
.codesixboximg2rightjt img {
    margin-top: 10px;
}
.codesixboximg2rightjg {
    width: 107px;
    height: 76px;
    line-height: 30px;
    padding-top: 25px;
    background: #fff;
    border-radius: 16px;
    font-size: 18px;
    text-align: center;
}
.codesixboxtwo {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.codesixboxbofore {
    background: #d6d6d6;
    width: 45%;
    padding: 2%;
    color: #606060;
    border-radius: 16px;
}
.codesixboxafter {
    background: #139a4e;
    width: 45%;
    padding: 2%;
    color: #fff;
    border-radius: 16px;
}
.codesixboxtwo h5 {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 20px;
}
.codesixboxtwo h5 img {
    padding-right: 10px;
}
.codesixboxtwobox {
    display: flex;
    justify-content: space-between;
    margin-left: 20px;
    margin-right: 20px;
}
.codesixboxtwobox dl {
    width: 48%;
}
.codesixboxtwobox dl dt {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 10px;
    font-weight: bold
}
.codesixboxtwobox dd p {
    height: 50px;
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 10px;
}
.codesixboxtwobox dd img {
    width: 100%;
}
.position {
    position: fixed;
    right: 0;
    top: 20%;
    width: 100px;
    text-align: center;
    background: #139a4e
}
.position a {
    cursor: pointer;
    display: block;
    line-height: 30px;
    padding: 5px 0;
    color: #fff;
    font-size: 16px;
    border-bottom: #139a4e 1px solid;
}
.position a:last-child {
    border-bottom: none;
}
.position a.active, .position a:hover {
    text-decoration: none;
    background: #1ac769;
}
.wandaiBanner {
    background: url(../images/wandai/bg1.jpg) no-repeat top center;
}
.wandaiAbout {
    background: url(../images/wandai/bg2.jpg) no-repeat top center;
}
.wandaiAbout .cardProductAboutRight {
    margin-top: 100px;
}
.wandaiAbout .cardProductAboutRight .cardProductAboutRightTit {
    font-size: 48px;
}
.wandaiAbout .cardProductAboutRightTxt {
    line-height: 40px;
    font-size: 24px;
}
.wandaitxt .invoicebox1txt {
    text-indent: 2rem;
    margin-bottom: 10px;
}
.wandaiul {
    margin-top: 90px;
}
.wandaiul li {
    float: left;
    width: 224px;
    margin-right: 20px;
    position: relative;
}
.wandaiul li:nth-child(5n) {
    margin-right: 0;
}
.wandaiul li img {
    width: 126px;
    height: 126px;
    position: absolute;
    top: -63px;
    left: 50%;
    margin-left: -63px;
}
.wandaiul li p {
    border-radius: 4px;
    background: #f5f5f9;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 28px;
    height: 120px;
}
.wandaitit {
    width: 300px;
    height: 70px;
    line-height: 70px;
    background: #139a4e;
    border: #707070 1px solid;
    border-radius: 4px;
    color: #fff;
    margin: 40px 0;
    font-size: 30px;
    text-align: center;
}
.wandaiultow {
    overflow: hidden;
    margin-bottom: 20px;
}
.wandaiultow li {
    float: left;
    width: 200px;
    position: relative;
}
.wandaiultow li span {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    line-height: 70px;
    background: #139a4e;
    color: #fff;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-size: 40px;
}
.wandaiultow li:after {
    content: "";
    width: 55px;
    background: url("../images/wandai/jiantou.png") no-repeat left center;
    height: 21px;
    position: absolute;
    right: 0;
    top: 30px;
}
.wandaiultow li:before {
    content: "";
    width: 55px;
    background: url("../images/wandai/jiantou.png") no-repeat right center;
    height: 21px;
    position: absolute;
    left: 0;
    top: 30px;
}
.wandaiultow li:first-child:before {
    background: none;
}
.wandaiultow li:last-child:after {
    background: none;
}
.wandaiultow li p {
    text-align: center;
    line-height: 55px;
    font-size: 28px;
    font-weight: 700;
    color: #139a4e;
}
.wandaitxt {
    overflow: hidden;
}
.wandaitxt ul {
    float: left;
}
.wandaiulthree {
    margin-right: 10px;
}
.wandaiulthree li {
    position: relative;
    width: 110px;
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    background: #ffdf6d;
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    padding-left: 80px
}
.wandaiulthree li img {
    position: absolute;
    left: 5px;
    top: 5px;
}
.wandaiulthree li:nth-child(2) {
    background: #64dfe6;
}
.wandaiulthree li:nth-child(3) {
    background: #f9a870;
}
.wandaiulthree li:nth-child(4) {
    background: #4e9bd4;
}
.wandaiulfour {
    padding: 10px;
}
.wandaiulfour li {
    margin-bottom: 20px;
}
.wandaiulfour li img {
    width: 180px;
}
.wandaiulfour li p {
    background: #139a4e;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.wandaivs {
    overflow: hidden;
}
.wandaivs .wandaivsul {
    float: left;
    width: 580px;
    position: relative;
    margin-bottom: 60px;
}
.wandaivsul:after {
    content: "";
    width: 120px;
    background: url("../images/wandai/vs.png") no-repeat left center;
    height: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 50%;
    margin-top: -60px;
}
.wandaivs .wandaivsul:nth-child(2n) {
    float: right;
}
.wandaivs .wandaivsul {
    overflow: hidden;
}
.wandaivs .wandaivsul li {
    width: 280px;
    float: left
}
.wandaivs .wandaivsul li img {
    width: 280px;
}
.wandaivs .wandaivsul li:nth-child(2n) {
    float: right;
}
.wandaivs .wandaivsul li p {
    background: #139a4e;
    height: 66px;
    line-height: 66px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.wandaivs .wandaivsul li:first-child p {
    background: #888684;
}
.wandaivs .wandaivsul li .wandaivstxttow {
    line-height: 28px;
}
.wandaiboxthreeul {
    overflow: hidden;
}
.wandaiboxthreeul li {
    width: 380px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
}
.wandaiboxthreeul li:nth-child(3n) {
    margin-right: 0;
}
.wandaiboxthreeul li img {
    width: 380px;
}
.wandaiboxthreeul li span {
    font-size: 18px;
    position: absolute;
    background: url("../images/wandai/bgtitle.png") no-repeat left center;
    width: 141px;
    height: 51px;
    line-height: 51px;
    right: 0;
    bottom: 15px;
    padding-left: 50px;
}
.wechatcaseul {
    overflow: hidden
}
.wechatcaseul li {
    width: 190px;
    float: left;
    margin-right: 12px;
    position: relative;
}
.wechatcaseul li .casetit {
    height: 40px;
    width: 170px;
    padding-bottom: 13px;
    line-height: 40px;
    background: url("../images/product/weicase/weicasetit.png") no-repeat left center;
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
}
.wechatcaseul li:nth-child(6n) {
    margin-right: 0;
}
.none {
    visibility: hidden;
}
.wechatcaseul li .casepic {
    text-align: center;
    margin-top: 30px;
}
.wechatcaseul li .casetxt {
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    height: 50px;
    margin-top: 10px;
}
.shouhou1 {
    padding-top: 70px;
    font-size: 16px;
    line-height: 30px;
}
.shouhou1 p {
    text-indent: 2rem;
}
.shouhou1a {
    font-size: 16px;
    line-height: 30px;
}
.shouhou2 {
    font-size: 16px;
    height: 30px;
    text-align: center;
}
.shouhou3 {
    padding-top: 30px;
}
.shouhou3 li {
    width: 277.5px;
    float: left;
    margin-right: 30px;
    text-align: center;
    box-sizing: border-box;
    padding: 30px 0;
    font-weight: bold;
    box-shadow: 0 0 8px 3px #e4f0e8;
    margin-bottom: 30px;
    cursor: pointer;
}
.shouhou3 li:hover {
    box-shadow: 0 0 10px 3px #c6eed3;
}
.shouhou3 li:nth-child(4n) {
    margin-right: 0;
}
.shouhou3 li b {
    font-size: 46px;
    color: #159a50;
    display: block;
    line-height: 80px;
}
.shouhou3 li p {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 15px;
}
.shouhou4 {
    overflow: hidden;
    padding-top: 10px;
}
.shouhou4 li {
    width: 277.5px;
    float: left;
    margin-right: 30px;
    text-align: center;
    box-sizing: border-box;
    padding: 30px 0;
    font-weight: bold;
    background: #f9f9f9;
    margin-bottom: 30px;
    cursor: pointer;
}
.shouhou4 li:hover {
    box-shadow: 0 0 10px 3px #d0d0d0;
}
.shouhouioc {
    margin-bottom: 10px;
}
.shouhou4 li:nth-child(4n) {
    margin-right: 0;
}
.shouhou4 li p {
    font-size: 24px;
}
.shouhou6 {
}
.shouhou6up .shouhou6item {
    width: 240px;
    float: left;
    margin-right: 80px;
    text-align: center;
    margin-bottom: 80px;
}
.shouhou6 .shouhou6item:nth-child(4n) {
    margin-right: 0;
}
.shouhou6itemtit {
    background: #159a50;
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    position: relative
}
.shouhou6itemtit span {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #159a50;
    border: #fff 2px solid;
    border-radius: 100%
}
.shouhou6itemtxt {
    border: #707070 dashed 1px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: none;
    padding: 20px 20px 0 20px;
    height: 131px;
}
.shouhou6 .shouhou6item p {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}
.shouhou6up .shouhou6item {
    position: relative;
}
.shouhou6up .shouhou6item:before {
    content: " ";
    background: url("../shouhou/right.png") no-repeat;
    width: 60px;
    height: 35px;
    position: absolute;
    right: -70px;
    top: 50%;
}
.shouhou6up .shouhou6item:nth-child(4):before {
    background: url("../shouhou/down.png") no-repeat;
    height: 60px;
    width: 35px;
    top: auto;
    bottom: -70px;
    left: 50%;
    margin-left: -15px;
}
.shouhou6 .shouhou6down .shouhou6item {
    float: right;
    width: 240px;
    margin-left: 80px;
    text-align: center;
    margin-bottom: 80px;
    position: relative;
}
.shouhou6down .shouhou6item:before {
    content: " ";
    background: url("../shouhou/left.png") no-repeat;
    width: 60px;
    height: 35px;
    position: absolute;
    right: -70px;
    top: 50%;
}
.shouhou6down .shouhou6item:nth-child(4) {
    margin-left: 0;
}
.shouhou6down .shouhou6item:nth-child(1):before {
    background: none;
}
.shouhou7 {
    overflow: hidden;
    padding-bottom: 60px;
}
.shouhou7 .shouhou7item {
    width: 380px;
    height: 195px;
    float: left;
    margin-right: 30px;
    box-sizing: border-box;
    padding: 30px 0;
    overflow: hidden;
}
.shouhou7 .shouhou7item:nth-child(3n) {
    margin-right: 0;
}
.shouhou7 .shouhou7item p {
    font-size: 16px;
    line-height: 25px;
}
.shouhou7item {
}
.shouhou7itempic {
    float: left;
    width: 151px;
}
.shouhou7itempic img {
    width: 100%;
}
.shouhou7itemtxt {
    float: right;
    width: 220px;
}
.shouhou7itemtxt h4 {
    font-size: 22px;
    font-weight: normal;
    position: relative;
    line-height: 50px;
    margin-bottom: 10px;
}
.shouhou7itemtxt h4:before {
    content: "";
    width: 80px;
    height: 3px;
    background: #159a50;
    left: 0;
    bottom: 0;
    position: absolute;
}
.shouhoumap {
    position: relative;
}
.shtext {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50px;
}
.shtext1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;
}
.shtext2 {
    font-size: 18px;
}
#Introductionnav {
    -moz-box-shadow: 0px 2px 5px #d9d9d9;
    -webkit-box-shadow: 0px 2px 5px #d9d9d9;
    box-shadow: 0px 2px 5px #d9d9d9;
    padding: 35px 0;
    line-height: 40px;
    text-align: center;
}
#Introductionnav a {
    display: inline-block;
    width: 146px;
    text-align: center;
    border: #d9d9d9 1px solid;
    margin: 0 5px;
    font-size: 16px;
}
#Introductionnav a:hover, #Introductionnav .cur {
    border: #24a05b 1px solid;
    color: #24a05b;
    text-decoration: none;
    font-weight: bold;
}
.lcbox {
    position: relative;
    margin-bottom: 70px;
}
.lcbox:before {
    content: "";
    width: 2px;
    height: 100%;
    left: 56px;
    background: #159a50;
    position: absolute;
    top: 0;
}
.lc {
    margin-bottom: 30px;
}
.lcleft {
    float: left;
    width: 165px;
}
.lcleft span {
    width: 115px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    background: #159a50;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    position: relative;
}
.lcleft span:after {
    content: "";
    width: 40px;
    height: 2px;
    left: 120px;
    background: #159a50;
    position: absolute;
    top: 17px;
}
.lcright {
    float: right;
    width: 980px;
    padding: 25px;
    moz-box-shadow: 2px 2px 2px #f2f2f2, -2px 0px 2px #f2f2f2;
    -webkit-box-shadow: 2px 2px 2px #f2f2f2, -2px 0px 2px #f2f2f2;
    box-shadow: 2px 2px 2px #f2f2f2, -2px 0px 2px #f2f2f2;
border-radius: border-radius: 4px;
    border-top: #f2f2f2 1px solid;
    font-size: 16px;
    line-height: 26px;
}
.rongyu1, .rongyu2 {
    overflow: hidden;
}
.rongyu1 li {
    float: left;
    width: 530px;
    padding: 30px;
    border: #dbdbdb 1px solid;
    margin-bottom: 20px;
}
.rongyu1 li:nth-child(2n) {
    float: right;
}
.rongyu1 li img {
    width: 100%;
}
.rongyu2 li {
    float: left;
    width: 270px;
    padding: 10px;
    border: #dbdbdb 1px solid;
    margin-right: 10px;
    margin-bottom: 20px;
}
.rongyu2 li:nth-child(4n) {
    margin-right: 0;
}
.rongyu2 li img {
    width: 100%;
}
.mb70 {
    margin-bottom: 70px;
}
.dgnctitle {
    font-size: 22px;
    line-height: 30px;
    color: #139a4e;
    font-weight: bold;
    margin-bottom: 15px;
}
.dgnctitle span {
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 18px;
    color: #fff;
    background: #139a4e;
    border-radius: 4px;
    margin-right: 12px;
    text-align: center;
}
.dgnctxt {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 30px;
}
.tablefl {
    width: 560px; float: left 
}
 .tablefr {
    width: 560px; float:right 
}


.tableflfr dd span:first-child {
    width: 120px;
   
}
.tableflfr dd span:nth-child(2) {
   
    width: 400px; padding-left:30px;
    
	
}
.threetab{     line-height: 28px;
    height: 84px;
    padding-top: 10px;
    padding-bottom: 10px;}
.threetabt{     line-height: 28px;
    height: 56px;
    padding-top: 24px;
    padding-bottom: 24px;}
.tableflfr dd .tablefourbktxt{ padding-left: 30px; width: 300px !important; text-align: left !important;}


.tableflfr .twotab {
    line-height: 28px;
    height: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tableflfr .tablefourbk span{  text-align: left !important; padding-left: 30px; }
.dayinji h2{ font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;}
.dayinji .dytit{     line-height: 20px;
    font-size: 20px; margin-bottom: 10px}
.dayinji .dytit span{ font-size: 18px; display: inline-block; background-color: #19b05d; color: #fff; border-radius: 4px; padding: 0 5px; margin-right: 10px}
.dytxt{ font-size: 16px; line-height: 28px;}
.dypic{ text-align: center; margin: 30px 0 50px 0;}
.dypictw{ overflow: hidden; margin: 30px 0 50px 0;}
.dypictw img{ width:30%; float: left; }
.dypictwul{  overflow: hidden;margin: 30px 0 50px 0;}
.dypictwul li{ position: relative; margin-right: 5%; width: 30%; margin-bottom: 2%; float: left}
.dypictwul li:nth-child(3n){ margin-right: 0;}
.dypictwul li img{ width: 100%;}
.dypictwul li  p{ position: absolute;     background-color: #19b05d;
    color: #fff; line-height: 60px; height: 60px; width: 100%; text-align: center; font-size: 16px; left:0; bottom: 0;}
 
.tablefour .tablefour2 span:nth-child(2){ width: 500px; padding-left: 0; text-align: center;}
 .tablefour .tablefour2 span:nth-child(3){ width: 500px;     border-left: #89cda7 1px solid; text-align: center;}


.tablefourtwo dt span:first-child, .tablefourtwo dd span:first-child {
    width: 190px;
    text-align: center;
}

.tablefourtwo dd span:nth-child(2){ width: 880px; text-align: center;}


.tablefourtwo dd .fivetab {
    line-height: 28px;
    height: 116px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.floating_ck {
    position: fixed;
    right: 20px;
    top: 30%; z-index: 9999;font-size: 14px;
}
.floating_ck dl dd {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #404040;
    border-bottom: solid 1px #555666;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 20%;
    cursor: pointer;
}
.floating_ck dl dd:hover {
    background-color: #139a4e;
    border-bottom: solid 1px #064a24;
}
.floating_ck dl dd:hover .floating_left {
    display: block;
}
.consult{
    background-image: url(images/icon0701/zxicon.png);
}
.words {
    background-image: url(images/icon0701/zxiconb.png);
}
.words a{color:#fff; text-decoration:none; display:block;}
.words a:hover{text-decoration:none; }
.quote {
    background-image: url(images/icon0701/kficon.png);
}
.qrcord {
    background-image: url(images/icon0701/erweimb.png);
}
.return {
    background-image: url(images/icon0701/fanhui.png);
}
.floating_ck dd span {
    color: #fff;
    display: block;
    padding-top: 54px; font-weight: normal;
}
.floating_left {
    position: absolute;
    left: -160px;
    top: 0px;
    width: 160px;
    height: 80px;
    background-color: #139a4e;
    border-bottom: solid 1px #139a4e;
    display: none;
}
.floating_left  .telb,.floating_left  a  {
    color: #fff;
    line-height: 80px;
}
.floating_ewm {
    height: 210px;
    top: -130px;
}
.floating_ewm i {
    background-image: url(images/icon0701/erweima.png);
    background-size: 100%;
    display: block;
    width: 145px;
    height: 145px;
    margin: auto;
    margin-top: 7px;
}
.floating_ewm p {
    color: #fff;
    margin-top: 5px;
}
.floating_ewm .qrcord_p01 {
 
    line-height: 20px;
}
.qrcord_p02 {
    font-size: 16px; color: #fff; padding-top: 16px;
}
.floating_ck .return { display:none;}
.hnsolutions .tabs-wrap-title1{ color: #fff;  font-size: 18px; padding-left:30px; line-height:28px;}
.hnsolutions .tabs-wrap-title2{ color: #fff;  font-size: 20px; font-weight: bold; padding-left:30px; line-height:35px;}
.hnsolutions .tabs-wrap-title3{ color: #fff;  font-size: 14px; padding-left:30px;}
.hnsolutions .solutions-wrap{background: url("../images/huangniu/bg.jpg") no-repeat center; center;  background-size:cover;}

.hnsolutions .platform-inner .tabs-wrap .tabs-list-hn li a{color: #fff;}
.hnsolutions .platform-inner .contents-list .platform-des p{ color: #fff;}
.hnsolutions .tabs-wrap{ border-left: #26534e 1px solid; border-right:#26534e 1px solid;     width: 289px; margin:0; padding-top:50px; padding-bottom:30px; }
.hnsolutions  .platform-inner .tabs-wrap .tabs-list{ overflow-y:hidden; padding-top:60px;}
.hnsolutions .platform-inner .tabs-wrap .tabs-list li{border-bottom:#26534e 1px solid; margin-right: 40px;
    text-align: left; padding-left:30px; line-height:60px; }
    .hnsolutions .platform-inner .tabs-wrap .tabs-list li span{ display:block; background: url("../images/huangniu/cat-list-1.png") no-repeat left center;  background-size:40px; padding-left:50px;}
.hnsolutions .platform-inner .tabs-wrap .tabs-list .cat-1{border-top:#26534e 1px solid;}
.hnsolutions .platform-inner .tabs-wrap .tabs-list .cat-2 span{background: url("../images/huangniu/cat-list-2.png") no-repeat left center; }
.hnsolutions .platform-inner .tabs-wrap .tabs-list .cat-3 span {background: url("../images/huangniu/cat-list-3.png") no-repeat left center; }
.hnsolutions .platform-inner .tabs-wrap .tabs-list .cat-4 span{background: url("../images/huangniu/cat-list-4.png") no-repeat left center; }
.hnsolutions .platform-inner .tabs-wrap .tabs-list .cat-5 span{background: url("../images/huangniu/cat-list-5.png") no-repeat left center; }
.hnsolutions .contents-wrap{border-right:#26534e 1px solid; margin-top:0; padding-top:50px;     width: 906px; height: auto; background-color:none;}
.hnsolutions .platform-des{ border-top:#26534e 1px solid; }
.hnsolutions .platform-inner,.hnsolutions .platform-inner .contents-list{ padding: 0;}
.hnsolutions .solutions-wrap,.hnsolutions .platform-inner .tabs-wrap .tabs-list{ height: auto; }

.hnsolutions .platform-inner .tabs-wrap .tabs-list li.active a,.hnsolutions .platform-inner .tabs-wrap .tabs-list li:hover a{font-size: 16px; }
.hnsolutions .platform-inner .tabs-wrap .tabs-list li a{ line-height:60px; padding-top:0; padding-bottom:0;}
.hnsolutions .platform-inner .tabs-wrap .tabs-list li.active{ background-image: linear-gradient(to right, #0c382b, #0bb556);}
.hnsolutions .platform-inner .contents-list .platform-img{ float:none; padding-left:30px; padding-bottom:30px; width:auto; height:auto;     text-align: center;} 
.hnsolutions .platform-inner .contents-list .platform-img img{ border:#ffffff 10px solid; border-radius:38px; height:290px;  }
.hnsolutions  .platform-inner .contents-list .platform-des{ height: auto; padding-left:30px; padding-right:30px; padding-top:15px;}
.hnsolutions  .platform-inner .contents-list .platform-des .cattitle{font-size:26px; padding-bottom:0;}
#technical .center{ display:flex;}
.technicalitem  {background: url("../images/huangniu/technicalitem-1.png") no-repeat center top; width:400px; height:800px; box-sizing:border-box; padding:60px 40px; }
.technicalitem-2 {background: url("../images/huangniu/technicalitem-2.png") no-repeat center top;  }
.technicalitem-3 {background: url("../images/huangniu/technicalitem-3.png") no-repeat center top; }
.technicalitem-title{     font-size: 28px; font-weight:bold; color:#001ba5;}
.technicalitem-txt{ border-bottom:1px solid #e2ecfd; font-size:16px; padding-bottom:20px; padding-top:20px; line-height:28px;}
.technicalitem-title1{font-size: 22px; font-weight:bold; padding-top:50px; padding-bottom:10px;  }
.technicalitem-txt1{line-height:28px; font-size:16px;} 
#customer{ color:#fff; background: url("../images/huangniu/bg2.jpg") no-repeat center center; background-size:cover; height:300px; box-sizing:border-box;  padding-top:70px;  color:#fff;}
#customer h4{ font-size:30px; padding-bottom:40px; }
.customeritem{ float:left; width:50%; box-sizing:border-box;  background: url("../images/huangniu/phone.png") no-repeat left center; background-size:60px; padding-left:80px; }
.customeritem-2{background: url("../images/huangniu/jishu.png") no-repeat left center; }
.customeritem h5{ font-size:26px; padding-bottom:15px;}
.customeritem p{font-size:16px; }
#questions{ margin-bottom:50px;}
#questions .box{  background:#f8f8f8;}
#questions .boxbg{background:#fff;}
#questions .box h2{ color:#139a4e; line-height:28px; font-size:16px; padding:15px; font-weight:normal; cursor:pointer}
#questions .text{display:none;  padding:15px 30px;  border-top:#e4e4e4 1px solid; line-height:28px; font-size:16px;}
.hnnew{ background:#f8f8f8;}
.hnnew .FocusNews{ background:#fff; border-bottom:none;     margin-bottom: 20px; padding-bottom:0; padding-top:0;} 
.hnnew .FocusNews h5{ padding-top:15px; line-height:28px; height:28px; padding-bottom:8px;  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.hnnew .FocusNews p{line-height:22px; height:44px;     margin-bottom: 10px;}
.hnnew  .FocusNews time{ color:#999997; float:none; }