/*公共部分*/

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑", "Arial Narrow", HELVETICA;
    font-size: 16px;
    background: #fff;
    line-height: 26px;
    color: #222;
}

h1,
h2,
h3,
h4,
ul,
li,
p,
form,
dt,
dd,
dl,
form,
input {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    color: #222;
}

a:hover {
    text-decoration: none;
    color: #418a07;
}

ul,
ol,
li {
    list-style: none;
    padding: 0;
}

img {
    border: none;
    vertical-align: middle;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.al {
    text-align: left;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.ov {
    overflow: hidden;
}

.w1280 {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 55px;
}

.mt60 {
    margin-top: 60px;
}

.mt65 {
    margin-top: 65px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt90 {
    margin-top: 90px;
}

.mt100 {
    margin-top: 100px;
}


/*首页CSS*/

.page_head {
    width: 100%;
    height: 80px;
    background: #333;
    position: relative;
    z-index: 9;
}

.sticky {
    position: fixed;
    top: 0;
    z-index: 99999;
}

.header {
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.bannerSlide {
    width: 100%;
    position: relative;
    height: 600px;
}

.bannerSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.bannerSlide .bd ul {
    width: 100%!important;
}

.bannerSlide .bd li {
    width: 100%!important;
    height: 600px;
    overflow: hidden;
    text-align: center;
}

.bannerSlide .bd li a {
    display: block;
    height: 460px;
}

.bannerSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    background: url(../images/touming.png) repeat-x;
    text-align: center;
    _background: #000;
    _filter: alpha(opacity=60);
}

.bannerSlide .hd ul {
    text-align: center;
    padding-top: 5px;
}

.bannerSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #fff;
    overflow: hidden;
    line-height: 9999px;
    border-radius: 50%;
}

.bannerSlide .hd ul .on {
    background: #418a07;
}

.bannerSlide .banner1 {
    background: url(../images/banner1.jpg) center no-repeat;
}

.bannerSlide .banner2 {
    background: url(../images/banner2.jpg) center no-repeat;
}

.bannerSlide .banner3 {
    background: url(../images/banner3.jpg) center no-repeat;
}

.bannerSlide .banner4 {
    background: url(../images/banner4.jpg) center no-repeat;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.navBar {
    float: left;
    position: relative;
    z-index: 555;
    color: #fff;
    height: 90px;
    margin-top: 10px;
}

.nav {
    padding-left: 0px;
    width: 690px;
    font-family: "Microsoft YaHei", SimSun, SimHei;
}

.nav .m {
    float: left;
    position: relative;
    border-top: 0;
    border-bottom: 0;
    margin-left: -1px;
}

.nav h3 {
    float: left;
    font-weight: normal;
    font-size: 14px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
}

.nav h3 a {
    color: #fff;
    padding: 0 20px;
    vertical-align: top;
    font-size: 13px;
}

.nav .on h3:hover {
    background: url(../images/dian.jpg) bottom center no-repeat;
}

.nav .on h3 a:hover {
    color: #78f614;
}

.nav .sub {
    display: none;
    width: 440px;
    position: absolute;
    left: 0;
    top: 40px;
    border-top: 0;
    z-index: 99;
}

.nav .sub li {
    height: 30px;
    line-height: 30px;
    float: left;
    background: #3f7d0e;
    _filter: alpha(opacity=80);
    opacity: 0.8;
}

.nav .sub li a {
    color: #fff;
    font-size: 14px;
    padding: 0 13px;
}

.nav .sub li a:hover {
    color: #78f614;
}

.language{
	float: right;
    position: relative;	
	margin:15px 13px 0 15px;
	
}
.language a{
	color:#ffffff;
}
.language a:hover {
    color: #78f614;
}


/*.nav #m1 .sub{ width:200px;}
.nav #m2 .sub{ width:200px;}
.nav #m3 .sub{ width:200px;}
.nav #m4 .sub{ width:100px;}
.nav #m5 .sub{ width:200px;}
.nav #m6 .sub{ width:200px;}
.nav #m7 .sub{ width:200px;}*/

.navKf {
    float: right;
    position: relative;
    z-index: 11;
    color: #fff;
    height: 80px;
}

.kf {
    80px;
    width: 78px;
    font-family: "Microsoft YaHei", SimSun, SimHei;
}

.kf .kk {
    position: relative;
}

.kf h3 {
    float: left;
    font-weight: normal;
    font-size: 14px;
    height: 80px;
    overflow: hidden;
}

.kf .sub {
    display: none;
    width: 78px;
    position: absolute;
    left: 0;
    top: 80px;
    height: 240px;
    padding: 8px 0;
    background: #333;
    border-top: 0;
    _filter: alpha(opacity=80);
    opacity: 0.8;
}

.cndns-right-meau {
    position: relative;
}

.cndns-right-btn {
    width: 78px;
    height: 60px;
    text-align: center;
    display: block;
    position: relative;
    background-color: #fff;
}

.cndns-right .tel {
    background: url(../images/tel.png) center no-repeat;
}

.cndns-right .qq {
    background: url(../images/qq.png) center no-repeat;
}

.cndns-right .weixin {
    background: url(../images/weixin.png) center no-repeat;
}

.cndns-right .taobao {
    background: url(../images/taobao.png) center no-repeat;
}

.cndns-right .tel:hover {
    background: #ff6800 url(../images/tel.png) center no-repeat;
}

.cndns-right .qq:hover {
    background: #ff6800 url(../images/qq.png) center no-repeat;
}

.cndns-right .weixin:hover {
    background: #ff6800 url(../images/weixin.png) center no-repeat;
}

.cndns-right .taobao:hover {
    background: #ff6800 url(../images/taobao.png) center no-repeat;
}

.cndns-right-box {
    position: absolute;
    top: -3px;
    right: 78px;
    padding-right: 8px;
    display: none;
}

.meau-sev .cndns-right-box .box-border {
    padding: 0 10px;
    background: #333;
    margin-top: 17px;
    width: 160px;
}

.cndns-right-box .box-border .sev-t p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.cndns-right-box .box-border {
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    position: relative
}

.cndns-right-box .box-border .arrow-right {
    display: block;
    width: 13px;
    height: 16px;
    background: url(../images/arrow1.png) no-repeat;
    position: absolute;
    right: -13px;
    top: 12px;
}

.cndns-right-meau:hover .cndns-right-box {
    display: block
}

.meau-code .cndns-right-box {
    top: inherit;
    bottom: -105px;
}

.meau-code .cndns-right-box .box-border {
    width: 154px;
    text-align: center;
    background: #333;
    padding: 10px 0;
}

.meau-code .cndns-right-box .box-border i {
    display: block;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding-bottom: 5px;
}

.meau-code .cndns-right-box .box-border .arrow-right {
    top: inherit;
    bottom: 125px;
}

.index_title h3 {
    float: left;
    width: 100%;
    font-size: 34px;
    color: #418a07;
    line-height: 45px;
    display: block;
}

.index_khtg {
    padding: 70px 0;
}

.index_khtg li {
    float: left;
    width: 280px;
    background: #efefef;
    height: 400px;
    text-align: center;
    margin-right: 50px;
    display: inline;
    transition-duration: 0.5s;
    cursor: pointer;
}

.index_khtg li:hover {
    -webkit-box-shadow: #ccc 0px 10px 10px;
    -moz-box-shadow: #ccc 0px 10px 10px;
    box-shadow: #ccc 0px 10px 10px;
}

.index_khtg li img {
    padding-top: 15px;
}

.index_khtg li b {
    display: block;
    font-size: 20px;
    font-weight: normal;
    padding: 15px 0;
}

.index_khtg li p {
    font-size: 14px;
}

.index_khtg li.end {
    margin-right: 0;
}

.line_01 {
    width: 260px;
    margin: 0 auto;
    overflow: hidden;
    _zoom: 1;
}

.line_01 b {
    background: #cacaca;
    margin-top: 12px;
    float: left;
    width: 20px;
    height: 1px;
    _overflow: hidden;
}

.line_01 span {
    width: 200px;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #787878;
}

.line_02 {
    width: 230px;
}

.line_02 span {
    width: 180px;
}

.line_03 {
    width: 250px;
}

.line_03 span {
    padding: 0;
}

.line_04 {
    width: 160px;
}

.line_04 span {
    width: 120px;
}

.bg1 dl {
    text-align: center;
    padding-top: 40px;
}

.bg1 dl dt img {
    padding: 0 0px 35px 5px;
}

.bg1 dl dd span {
    border: 1px solid #acacac;
    color: #434343;
    font-size: 14px;
    line-height: 28px;
    margin: 0 0 5px 5px;
    display: inline-block;
}

.bg1 dl dd span a {
    padding: 0 10px;
    display: block;
}

.bg1 {
    background: #f2f2f2;
    padding: 70px 0;
}

.index_jj {
    background: url(../images/index_04.jpg) center no-repeat;
    width: 728px;
    height: 635px;
}

.index_jj .p_jj {
    color: #eee;
    padding: 185px 70px 0 70px;
    text-indent: 2em;
    line-height: 20px;
}

.index_jj .p_jj p {
    padding-top: 15px;
}

.index_jj a {
    float: right;
    margin-top: 80px;
    margin-right: 40px;
    width: 130px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    background: #418a07;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
}

.slideBox-ry {
    width: 550px;
    float: right;
    overflow: hidden;
    zoom: 1;
    padding: 31px 0;
    position: relative;
    background: #d0d0d0;
}

.slideBox-ry .sPrev,
.slideBox-ry .sNext {
    z-index: 2;
    position: absolute;
    left: 10px;
    top: 124px;
    display: block;
    width: 30px;
    height: 50px;
    background: url(../images/slider-left.png) center center no-repeat;
}

.slideBox-ry .sNext {
    left: auto;
    right: 10px;
    background: url(../images/slider-right.png) center center no-repeat;
}

.slideBox-ry .sPrev:hover,
.slideBox-ry .sNext:hover {
    border-color: #f60;
}

.slideBox-ry ul li {
    width: 220px;
    margin-left: 35px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.slideBox-ry ul li p {
    font-size: 14px;
    padding-top: 10px;
}


/* sildes css begin */

.control {
    width: 534px;
    height: 340px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 30px 0 40px 0;
}

.change li {
    width: 500px;
    overflow: hidden;
    text-align: center
}

.container {
    width: 534px;
    height: 410px;
    background: url(../images/index_07.jpg) no-repeat;
    position: relative;
}

.change li .imgWrap {
    display: table-cell;
    width: 500px;
    height: 288px;
    vertical-align: middle;
    cursor: pointer;
    *font-size: 500px;
}

.change li img {
    width: 500px;
    height: 288px;
    /* width: expression(this.width > 900 && this.width > this.height ? 900: true);
    height: expression(this.height >900 ? 900: true); */
    width: 300px;
    vertical-align: middle;
    overflow: hidden
}


/* 描述部分 */

.change li .textDesc {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    overflow: hidden;
}

.change li .opacity {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.change li .title {
    text-align: center;
    color: #e6e6e6;
    font-size: 12px;
    line-height: 30px;
}

.change li .title a {
    color: #e6e6e6;
    display: block;
}

.change li .text {
    color: #b7b7b7;
    line-height: 18px;
    padding: 5px 15px;
    font-size: 12px;
}


/* 翻页按钮 */

.control .prev,
.control .next {
    width: 39px;
    height: 36px;
    position: absolute;
    bottom: 5px;
    color: #FFF;
    font-size: 14px;
    z-index: 9;
    font-weight: bold;
    cursor: pointer;
    outline: none;
}

.control .prev span,
.control .next span {
    display: none;
}

.control .prev {
    left: 225px;
    background: url(../images/index_09.jpg) no-repeat;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="index_09.jpg");
    _background: none
}

.control .next {
    right: 0;
    background: url(../images/index_10.jpg) no-repeat;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="index_10.jpg");
    _background: none
}


/* 缩图部分 */

.thumbWrap {
    width: 219px;
    height: 36px;
    position: absolute;
    bottom: 5px;
    right: 40px;
    overflow: hidden;
}

.thumbWrap .thumbCont {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.thumbWrap ul {}

.thumbWrap ul li {
    width: 63px;
    height: 36px;
    text-align: center;
    overflow: hidden;
    float: left;
    padding-right: 10px;
}

.thumbWrap ul li div {
    display: table-cell;
    width: 63px;
    height: 36px;
    vertical-align: middle;
    cursor: pointer;
}

.thumbWrap ul li img {
    width: 63px;
    height: 36px;
    vertical-align: middle;
    overflow: hidden;
    opacity: 0.5;
}

.thumbWrap ul li.cur img {
    opacity: 1;
}

.thumbPrev,
.thumbNext {
    width: 0;
    height: 0;
    text-align: center;
    position: absolute;
    color: #000;
    z-index: 9;
    outline: none
}

.xwyujian {
    width: 710px;
    height: 410px;
}

.xwyujian dl {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
    margin-bottom: 18px;
}

.xwyujian dl dt {
    padding-top: 20px;
    padding-left: 15px;
    height: 62px;
    background: url(../images/index_11.jpg) no-repeat;
}

.xwyujian dl dt span {
    color: #777;
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.xwyujian dl dt h3 {
    font-size: 16px;
}

.xwyujian dl dt a {
    font-size: 14px;
    color: #418a07;
}

.xwyujian dl dt a:hover {
    text-decoration: underline;
}

.xwyujian dl dd {
    padding-top: 15px;
    line-height: 24px;
}

.xwyujian dl dd a {
    font-size: 14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.xwyujian dl dd a:hover {
    color: #222;
    text-decoration: underline;
}

.serve-content {
    position: relative;
    background: #f2f2f2;
    padding: 70px 0;
}

.serve-content-box {
    width: 1280px;
    margin: 0 auto;
}

.serve-content-info {
    width: 480px;
    height: 348px;
    float: left;
    position: relative;
    text-align: center;
}

.serve-content-list {
    float: left;
    width: 400px;
    height: 348px;
}

.serve-content-btn a:hover {
    background: #41b8fc;
}

.serve-content-list ul li {
    display: block;
    width: 400px;
    height: 90px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 20px;
    margin-top: 25px;
    cursor: pointer;
}

.serve-content-list ul li span {
    display: block;
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

.serve-content-list ul li span img {
    display: block;
    float: left;
}

.serve-content-list ul li p {
    float: left;
    width: 310px;
    font-size: 14px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.serve-content-list ul li b {
    display: block;
    font-size: 14px;
    color: #222;
    padding-top: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.serve-content-list ul .on b {
    color: #418a07;
}

.serve-content-list ul .on p {
    color: #418a07;
}

.serve-content-list ul .on span img {
    margin-top: -70px;
}

.serve-content-r ul li p {
    float: left;
    text-align: right;
}

.serve-content-r ul li span {
    float: right;
    margin-right: 0;
}

.slideBox-prc {
    width: 1280px;
    height: 660px;
    overflow: hidden;
    zoom: 1;
    position: relative;
}

.slideBox-prc .cPrev,
.slideBox-prc .cNext {
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 124px;
    display: block;
    width: 40px;
    height: 36px;
    background: url(../images/index_09.jpg) center center no-repeat;
    _filter: alpha(opacity=80);
    opacity: 0.8;
}

.slideBox-prc .cNext {
    left: auto;
    right: 0px;
    background: url(../images/index_10.jpg) center center no-repeat;
}

.slideBox-prc .cPrev:hover,
.slideBox-prc .cNext:hover {
    border-color: #f60;
    cursor: pointer;
    _filter: alpha(opacity=100);
    opacity: 1;
}

.slideBox-prc ul li {
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 426px;
    height: 630px
}

.slideBox-prc ul li p {
    font-size: 14px;
    padding-top: 10px;
    width: 300px;
    height: 66px;
    text-align: left;
    margin: 0 auto;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slideBox-prc ul li strong {
    display: block;
    font-weight: bold;
    margin-top: 20px;
/*     line-height: 30px; */
    height: 60px;
    color: #418a07;
    font-size: 18px;
    background: url(../images/hx.jpg) bottom center no-repeat;
}

.slideBox-prc ul li span {
    display: block;
    font-weight: bold;
    margin-top: 20px;
}

.slideBox-prc ul li a.chk {
    margin: 10px auto 0 auto;
    width: 130px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    background: #418a07;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
}

.slideBox-prc .tb-pic a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.slideBox-prc .tb-pic a img {
    vertical-align: middle;
}

.slideBox-prc .tb-pic a {
    *display: block;
    *font-family: Arial;
    *line-height: 1;
}

.tb-s310,
.tb-s310 a {
    height: 310px;
    width: 310px;
}

.slideBox-prc .tb-s310,
.slideBox-prc .tb-s310 a {
    height: 370px;
    width: 370px;
    margin: 0 auto;
}

.slideBox-prc .tb-s310,
.slideBox-prc .tb-s310 img {
    height: 370px;
    width: 370px;
}

.slideBox-prc .tb-s310 a {
    *font-size: 271px;
}

.slideBox-prc .tb-s40 a {
    *font-size: 35px;
}

.slideBox-prc .tb-s40,
.slideBox-prc .tb-s40 a {
    height: 40px;
    width: 40px;
}

.slideBox-prc .tb-booth {
    position: relative;
    z-index: 1;
}

.slideBox-prc .tb-thumb .tb-selected {
    background: none repeat scroll 0 0 #C30008;
    height: 40px;
    padding: 2px;
}

.slideBox-prc .tb-thumb .tb-selected div {
    background-color: #FFFFFF;
    border: medium none;
}

.slideBox-prc .tb-thumb li div {
    border: 1px solid #CDCDCD;
}

div.zoomDiv {
    padding: 5px;
    z-index: 999;
    position: absolute;
    width: 370px!important;
    height: 370px!important;
    background: #ffffff;
    display: none;
    text-align: center;
    overflow: hidden;
}

div.zoomMask {
    position: absolute;
    cursor: move;
    z-index: 1;
}


/*产品中心CSS*/

.proNav {
    border: 1px solid #cacaca;
}

.proNav>ul {}

.proNav li.m {
    max-height: 400px;
    transition: max-height 0.5s;
    overflow: hidden;
}

.proNav .h3 {
    border-bottom: 1px solid #ededed;
    border-width: 1px 0;
    line-height: 49px;
    font-size: 14px;
    background: #fbfbfb;
    color: #dbdada;
    position: relative;
    margin-bottom: 10px;
}

.proNav .h3 a {
    color: #323232;
    display: block;
    text-indent: 20px;
}

.proNav .h3 a.current {
    color: #418a07;
    font-weight: bold;
}

.proNav .h3 i {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 50%;
    margin-top: -14px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    border-radius: 24px;
    background: #fbfbfb;
    background: url(../images/slider-bottom.png) no-repeat;
}

.proNav .sub li {
    font-size: 12px;
    line-height: 30px;
}

.proNav .sub li a {
    color: #545454;
    display: block;
    text-indent: 20px;
    font-size: 13px;
    padding-bottom: 10px;
    line-height: 20px;
}

.proNav .sub li a:hover {
    color: #418a07;
}

.proNav .sub li.hover a {
    color: #418a07;
}

.proNav .h3 a:hover,
.proLeft .proNav .h3:hover a {
    color: #438b06;
}

.proNav li.close {
    max-height: 51px;
}

.proNav li.m.on .h3 {
    background: #1dcbdc;
}

.proNav li.m.on .h3 a {
    color: #fff;
}

.proNav li.m.on .h3 i:hover {
    background: #fff;
    color: #1dcbdc;
}

.proNav li.close .h3 i {
    transform: rotate(-90deg);
}

.pro_banner {
    width: 100%;
    height: 315px;
    background: url(../images/pro_banner.jpg) center no-repeat;
}

.proright {
    padding-bottom: 20px;
}

.proright dl {
    float: left;
    width: 360px;
    padding: 40px 70px 0 70px;
    display: inline;
    height: 580px;
}

.proright dl dt {
    text-align: center;
    padding-bottom: 20px;
}

.proright dl dt img {
    width: 400px;
    height: 400px;
}

.proright dl dd b {
    display: block;
    font-size: 16px;
    line-height: 25px;
    height: 50px;
}

.proright dl dd {
    text-align: center;
}

.proright dl dd span a {
    border: 1px solid #acacac;
    background: #438b06;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    margin: 5px 0 0 10px;
    display: inline-block;
}

.proright dl dd span a:hvoer {
    color: #fff;
}

.pro_cont p {
    font-size: 15px;
    padding-top: 15px;
    line-height: 24px;
}

.pro_title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 13px;
}

.pro_title strong {
    font-size: 20px;
    border-bottom: 2px solid #438b06;
    padding-bottom: 13px;
}

.showproduct .tod {
    height: 570px;
}

.showproduct .tiao {
    background: url(../images/tiao.jpg) repeat left bottom;
    height: 20px;
    width: 100%;
    margin-bottom: 40px;
}

.showproduct .showImg {
    width: 500px;
    height: 500px;
}

.showproduct .showImg .showImg_left {
    width: 473px;
    height: 355px;
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.showproduct .showImg .showImg_left .hd {
    position: absolute;
    bottom: 30px;
    right: 20px;
    height: 12px;
    z-index: 1;
}

.showproduct .showImg .showImg_left .hd ul {
    display: inline-block;
}

.showproduct .showImg .showImg_left .hd ul li {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background-color: #0c5daf;
    border-radius: 10px;
    text-indent: -999px;
    cursor: pointer;
    margin-left: 10px;
}

.showproduct .showImg .showImg_left .hd ul li.on {
    background-color: #666464;
}

.showproduct .showImg .showImg_left .bd {
    width: 473px;
    height: 355px;
}

.showproduct .showImg .showImg_left .bd ul {
    display: inline-block;
}

.showproduct .showImg .showImg_left .bd ul li {
    float: left;
}

.showproduct .showImg .showImg_left .bd ul li img {
    width: 473px;
    height: 355px;
}

.showproduct .baseInfo {
    width: 412px;
}

.showproduct .baseInfo .t {
    border-bottom: 1px dotted #dedede;
    display: block;
    font-size: 24px;
    color: #0c5daf;
    font-weight: bold;
    padding-bottom: 10px;
}

.showproduct .baseInfo .desc {
    padding-top: 18px;
    color: #999;
    line-height: 30px;
    height: 234px;
    border-bottom: 1px dotted #dedede;
    overflow: hidden;
}

.showproduct .baseInfo .webtel {
    padding-top: 23px;
    font-size: 18px;
    font-family: "AvantGardeITVbyBT Book", arial;
}

.showproduct .baseInfo .webtel strong {
    font-size: 40px;
    color: #0c5daf;
    font-weight: bold;
    line-height: 40px;
}

.showproduct .detaiInfo .title2 {
    border-bottom: 1px solid #eee;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 15px;
}

.showproduct .detaiInfo .title2 h3 {
    font-size: 20px;
    color: #333;
}

.showproduct .detaiInfo .title2 s {
    width: 80px;
    height: 5px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: linear-gradient(90deg, #616161, #5f5f5f);
}

.showproduct .detaiInfo .info {
    padding: 0 0 30px;
}

.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top {
    height: 100%;
    width: 100%;
}

.gallery-top .swiper-slide {
    width: 500px!important;
    height: 500px;
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
    width: 12% !important;
    height: 75%;
    opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.showproduct .baseInfo .desc {
    height: auto !important;
}

.box {
    width: 100%;
    height: 100%;
    /* margin:10px;*/
    border: 1px solid #ccc;
    position: relative;
}

.big {
    width: 498px;
    height: 498px;
    position: absolute;
    top: 0;
    left: 494px;
    border: 1px solid #ccc;
    overflow: hidden;
    z-index: 100;
    display: none;
}

.box img {
    vertical-align: top;
}

#bigBox img {
    position: absolute;
    width: 200%;
    height: 200%;
    /* position:absolute;*/
}

.showproduct .showImg {
    position: relative;
}

.mosue {
    width: 150px;
    height: 150px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    display: none;
    /* opacity:0;*/
}

.gallery-top .swiper-slide:hover .mosue {
    display: block !important;
    /* opacity:1 !important;*/
}

.product_qx {
    width: 490px;
    padding-left: 40px;
}

.product_bt h3 {
    color: #69b627;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 1px solid #cacaca;
    line-height: 30px;
    padding-bottom: 15px;
}

.product_bt h1 {
    font-size: 22px;
    padding-top: 20px;
}

.product_bt p {
    padding-top: 20px;
    font-size: 14px;
    line-height: 30px;
}

.product_fs dl {
    overflow: hidden;
    font-size: 14px;
    padding-top: 20px;
}

.product_fs dl dt {
    float: left;
    line-height: 32px;
}

.product_fs dl dd {
    float: left;
}

.product_fs dl dd span {
    border-radius: 2px;
    border: 1px solid #acacac;
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    margin: 0 0 0 10px;
    background: #69b627;
    display: inline-block;
}

.product_fs dl dd span a {
    color: #fff;
}

.product_fs dl dd img {
    padding: 0 5px 0 10px;
}

.btns ul li {
    float: left;
}

.btns a {
    float: left;
    color: #fff;
    margin-right: 15px;
    position: relative;
}

.btns a span {
    background: url(../images/new_ewm.jpg) no-repeat;
    width: 132px;
    height: 132px;
    position: absolute;
    left: 50%;
    top: -133px;
    margin-left: -66px;
    display: none;
    background-size: 100% 100%;
}

.btns .QR:hover span {
    display: block;
}

.product_bq {
    border: 1px solid #cacaca;
    width: 200px;
    height: 500px;
}

.product_bq h3 {
    background: url(../images/xian.jpg) left center no-repeat;
    text-align: center;
    color: #5e5e5e;
    font-weight: normal;
    font-size: 16px;
    margin-top: 15px;
}

.product_bq span a {
    font-size: 14px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.product_bq span:nth-child(1) a {
    background: #b2b2b2;
    float: right;
    width: 58px;
    height: 40px;
    padding: 19px 10px;
    margin-top: 15px;
    margin-right: 15px;
    display: inline-block;
}

.product_bq span:nth-child(2) a {
    background: #8dcc57;
    float: left;
    width: 48px;
    height: 40px;
    padding: 14px 10px;
    margin-top: 95px;
    margin-left: 15px;
    display: inline-block;
}

.product_bq span:nth-child(3) a {
    background: #f26969;
    float: right;
    width: 78px;
    height: 40px;
    padding: 29px 10px;
    margin-top: 40px;
    margin-right: 15px;
    display: inline-block;
}

.product_bq span:nth-child(4) a {
    background: #6facff;
    float: left;
    width: 48px;
    height: 40px;
    padding: 14px 10px;
    margin-left: 35px;
    display: inline-block;
}

.product_bq span:nth-child(5) a {
    background: #d166cd;
    float: right;
    width: 48px;
    height: 40px;
    padding: 14px 10px;
    margin-top: 50px;
    margin-right: 15px;
    display: inline-block;
}

.product_bq span:nth-child(6) a {
    background: #df944a;
    float: left;
    width: 68px;
    height: 40px;
    padding: 29px 15px;
    margin-top: -10px;
    margin-left: 25px;
    display: inline-block;
}


/*新闻列表CSS*/

.new_banner {
    width: 100%;
    height: 315px;
    background: url(../images/new_banner.jpg) center no-repeat;
}

.new_l {
    width: 240px;
}

.new_l .submenubox .left_title {
    height: 40px;
    background: #333333;
    color: #fff;
}

.new_l .submenubox .left_title h3 {
    line-height: 40px;
    font-weight: normal;
    padding-left: 12px;
    text-transform: uppercase;
}

.new_l .submenubox .left_title s {
    background: url(../images/new_05.jpg) no-repeat;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

.new_l .submenu {
    border: 1px solid #cacaca;
}

.new_l .submenu li {
    display: block;
    width: 228px;
    margin: 0 auto;
    height: 23px;
    padding: 13px 0;
    border-top: 1px solid #cacaca;
}

.new_l .submenu li a.sub1 {
    line-height: 23px;
    display: block;
    padding-left: 12px;
    background: url(../images/jtou.png) no-repeat 95% center #fff;
    font-size: 16px;
    overflow: hidden;
    border-left: 2px solid #fff;
}

.new_l .submenu li a.sub1:hover {
    background: url(../images/jtou_a.png) no-repeat 95% center #fff;
    border-left: 2px solid #418a07;
    color: #418a07;
}

.new_l .submenu li.hover a.sub1 {
    background: url(../images/jtou_a.png) no-repeat 95% center #fff;
    border-left: 2px solid #418a07;
    color: #418a07;
}

.new_lxwm {
    border: 1px solid #cacaca;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 20px;
}

.new_lxwm .new_lxwm_title {
    border-bottom: 1px solid #cacaca;
    line-height: 44px;
    background: #f2f2f2 url(../images/jtou.png) 95% center no-repeat;
    padding-left: 12px;
    font-weight: normal;
}

.new_lxwm .new_ewm {
    text-align: center;
}

.new_lxwm .new_ewm img.ewm_pic {
    padding: 30px 0;
}

.new_lxwm .new_ewm p {
    font-size: 14px;
    text-align: left;
    padding-left: 15px;
    line-height: 24px;
}

.new_lxwm .zx {
    width: 85%;
    height: 42px;
    font-size: 20px;
    line-height: 42px;
    background: #418a07;
    color: #fff;
    display: block;
    margin: 20px auto 0 auto;
    text-align: center;
    border-radius: 6px;
}

.new_lxwm .zx img {
    vertical-align: top;
}

.new_lxwm .zx:hover {
    background: #418a07;
    color: #fff;
}

.slideBox-rxcp {
    width: 238px;
    overflow: hidden;
    position: relative;
}

.slideBox-rxcp .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox-rxcp .bd li {
    zoom: 1;
    vertical-align: middle;
    text-align: center;
}

.slideBox-rxcp .bd img {
    width: 160px;
    height: 160px;
    padding: 28px 39px;
    display: block;
}

.slideBox-rxcp .bd strong {
    border-bottom: 2px solid #418a07;
    padding-bottom: 5px;
    font-size: 14px;
}

.slideBox-rxcp .bd p {
    font-size: 12px;
    padding: 15px;
    text-align: left;
}

.slideBox-rxcp .bd .zx1 {
    width: 55%;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    background: #418a07;
    color: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
}

.slideBox-rxcp .bd .zx1:hover {
    background: #418a07;
    color: #fff;
}

.slideBox-rxcp .prev,
.slideBox-rxcp .next {
    position: absolute;
    left: 3%;
    top: 30%;
    margin-top: -20px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/slider-left.png) no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.slideBox-rxcp .next {
    left: auto;
    right: 3%;
    background: url(../images/slider-right.png) no-repeat;
}

.slideBox-rxcp .prev:hover,
.slideBox-rxcp .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBox-rxcp .prevStop {
    display: none;
}

.slideBox-rxcp .nextStop {
    display: none;
}

.new_r {
    width: 1000px;
}

.new_r_title {
    border-bottom: 1px solid #d6d6d6;
    text-transform: uppercase;
    height: 39px;
}

.new_r_title h3 {
    color: #418a07;
    font-size: 22px;
    line-height: 22px;
    padding-left: 42px;
    font-weight: 500;
    background: url(../images/new_01.jpg) no-repeat;
}

.new_r_title .sitepath {
    color: #222222;
    text-transform: uppercase;
}

.new_r_title .home {
    background: url(../images/new_02.jpg) no-repeat;
    padding-left: 22px;
    line-height: 30px;
    font-size: 15px;
    color: #222;
}

.new_r_title .home a {
    color: #222;
    white-space: nowrap;
}

.new_r_title .home a:hover {
    color: #418a07;
}

.thumblist1 .item {
    padding: 40px 0;
    border-bottom: 1px solid #d6d6d6;
    overflow: hidden;
}

.thumblist1 .item a h3 {
    font-size: 18px;
    color: #000;
}

.thumblist1 .item a h3:hover {
    color: #418a07;
}

.thumblist1 .item .item_r {
    width: 620px;
}

.thumblist1 .item .item_r p {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #585858;
    padding-top: 15px;
	height: 72px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.thumblist1 .item .item_r span {
    display: inline-block;
    font-size: 13px;
    color: #949494;
    padding: 0 35px 0 26px;
}

.thumblist1 .item .item_r span em {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    line-height: 24px;
}

.thumblist1 .item .item_r .time {
    background: url(../images/new_03.jpg) no-repeat;
}

.thumblist1 .item .item_r .liu {
    background: url(../images/new_04.jpg) no-repeat;
}

.thumblist1 .item .img img {
    display: block;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.thumblist1 .item .img:hover img {
    transform: scale(1.06, 1.06);
}

.pglist {
    padding: 30px 0 15px;
    width: 100%;
    text-align: center;
    clear: both;
}

.pglist a {
    color: #333;
    padding: 0 15px;
    margin: 0 4px;
    background: #fff;
    border: 1px solid #edebeb;
}

.pglist * {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    padding-bottom: 1px;
}

.pglist a:hover,
.pglist .hover {
    display: inline-block;
    color: #fff;
    background: #418a07;
    border-color: #418a07;
}


/*新闻列表CSS*/

.gywm_banner {
    width: 100%;
    height: 315px;
    background: url(../images/gywm_baner.jpg) center no-repeat;
}

.gyyj,
.wz_cont .wz_cont1 {
    padding: 30px;
}

.gyyj p {
    font-size: 15px;
    text-indent: 2em;
    padding-top: 20px;
    color: #222;
    line-height: 30px;
}

.gyyj p.ac {
    text-indent: 0;
    padding: 40px 0 20px 0;
}

.xwzx .xwzx_title {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #cacaca;
    line-height: 48px;
}

.xwzx .xwzx_title strong {
    font-size: 20px;
}

.xwzx .xwzx_title a {
    font-size: 14px;
}

.xwzx ul {
    padding: 20px 0 50px 0;
    overflow: hidden;
}

.xwzx ul li {
    width: 33.33%;
    float: left;
    background: url(../images/gywm_02.jpg) left center no-repeat;
    padding-bottom: 10px;
}

.xwzx ul li a {
    display: block;
    padding-left: 12px;
    font-size: 14px;
    line-height: 28px;
}

.wz_cont h1 {
    font-size: 24px;
    text-align: center;
    padding-top: 50px;
}

.wz_cont .mark {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    line-height: 40px;
    font-size: 14px;
    color: #777;
}

.wz_cont .wz_cont1 p {
    font-size: 15px;
    padding-top: 15px;
    line-height: 30px;
}

.wz_cont .wz_sxp {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    line-height: 40px;
}

.ry_pro {
    padding-bottom: 20px;
}

.ry_pro li {
    float: left;
    width: 500px;
    padding: 50px 0 0 0;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
}

.ry_pro li img {
    display: block;
    width: 380px;
    margin: 0 auto;
}

.ry_pro li a b {
    font-weight: normal;
}


/*通讯方案CSS*/

.tongxun_01 {
    width: 100%;
    height: 183px;
    background: url(../images/tongxun_01.jpg) bottom center no-repeat;
    padding-top: 80px;
}

.tongxun_02 {
    width: 100%;
    height: 182px;
    background: url(../images/tongxun_02.jpg) center no-repeat;
}

.tongxun_03 {
    width: 100%;
    height: 183px;
    background: url(../images/tongxun_03.jpg) center no-repeat;
}

.tongxun_04 {
    width: 100%;
    height: 182px;
    background: url(../images/tongxun_04.jpg) center no-repeat;
}

.tongxun {
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
}

.tongxun .tongxun_rnr {
    width: 340px;
}

.tongxun .tongxun_rnr h3 {
    font-size: 24px;
    color: #a08b1d;
    text-align: center;
}

.tongxun .tongxun_rnr p {
    font-size: 16px;
    color: #222;
    line-height: 24px;
}

.tongxun_07 {
    width: 100%;
    height: 155px;
    background: url(../images/tongxun_07.jpg) center no-repeat;
}

.tongxun_08 {
    width: 100%;
    height: 155px;
    background: url(../images/tongxun_08.jpg) center no-repeat;
}

.tongxun_09 {
    width: 100%;
    height: 197px;
    background: url(../images/tongxun_09.jpg) center no-repeat;
}

.tongxun_10 {
    width: 100%;
    height: 113px;
    background: url(../images/tongxun_10.jpg) center no-repeat;
}

.wxtx_pa h3 {
    font-size: 21px;
    color: #a08b1d;
    padding-left: 315px;
    line-height: 40px;
}

.wxtx_pa p {
    color: #fff;
    font-size: 14px;
	line-height: 22px;
	width: 400px;
}

.wxtx_pa p.p1 {
    padding-left: 308px;
    padding-top: 30px;
}

.wxtx_pa p.p2 {
    padding-left: 300px;
}

.wxtx_pa p.p3 {
    padding-left: 292px;
}

.wxtx_pa p.p4 {
    padding-left: 284px;
}

.wxtx_pa p.p5 {
    padding-left: 278px;
}

.wxtx_pa p.p6 {
    padding-left: 270px;
}

.wxtx_pa p.p7 {
    padding-left: 262px;
}


/*联系我们CSS*/

.lxwm_01 {
    width: 100%;
    height: 147px;
    background: url(../images/lxwm_01.jpg) center no-repeat;
}

.lxwm_02 {
    width: 100%;
    height: 135px;
    background: url(../images/lxwm_02.jpg) center no-repeat;
}

.lxwm_03 {
    width: 100%;
    height: 159px;
    background: url(../images/lxwm_03.jpg) center no-repeat;
}

.lxwm_04 {
    width: 100%;
    height: 147px;
    background: url(../images/lxwm_04.jpg) center no-repeat;
}

.lxwm_05 {
    width: 100%;
    height: 147px;
    background: url(../images/lxwm_05.jpg) center no-repeat;
}

.gsdz {
    color: #fff;
}

.lxdh {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

.lxdh b {
    font-size: 28px;
    padding-left: 12px;
}

.gsdzzx {
    width: 145px;
    font-size: 18px;
    line-height: 40px;
    background: #51a80d;
    color: #fff;
    display: block;
    text-align: center;
    margin-top: 12px;
}

.gsdzzx:hover {
    color: #fff;
}

.contact_fs {
    background: #eef3f9;
    padding: 105px 0;
}

.contact_top li {
    width: 370px;
    background: #fff;
    height: 570px;
    float: left;
    text-align: center;
    margin-left: 85px;
    display: inline;
}

.contact_top li strong {
    display: block;
    font-size: 32px;
    line-height: 70px;
}

.contact_top li.nomt {
    margin-left: 0;
}

.contact_top li .wxzxa {
    margin-top: 40px;
}

.contact_top li .zxzxa {
    margin-top: 15px;
}

.contact_top li a.mszx {
    width: 175px;
    font-size: 18px;
    line-height: 48px;
    background: #477cc4;
    color: #fff;
    display: block;
    text-align: center;
    margin: 70px auto 0 auto;
}

.contact_top li a.mszx:hover {
    color: #fff;
}

.contact_top li .youx {
    padding-left: 60px;
    font-size: 18px;
}

.contact_top li .youx span {
    line-height: 90px;
}

.contact_top li .youx p {
    line-height: 45px;
}

.contact_map {
    background: #131126;
    padding: 105px 0;
}

.contact_map .map_left {
    width: 585px;
}

.contact_map .map_left strong {
    background: url(../images/lxwm_11.jpg) left center no-repeat;
    padding-left: 30px;
    font-size: 24px;
    color: #fff;
}

.contact_map .map_right {
    width: 615px;
    position: relative;
}

.contact_map .map_right strong {
    background: url(../images/lxwm_13.jpg) left center no-repeat;
    padding-left: 40px;
    font-size: 24px;
    color: #fff;
}

.contact_map .map_right .lygw {
    padding-bottom: 4px;
}

.contact_map .map_right .lygw em {
    width: 470px;
    ackground: #dedede;
    height: 1px;
    display: block;
    border-top: 1px solid #5a5968;
    margin-top: 12px;
}

.layui-form {}

.layui-form li {
    margin-top: 20px;
    float: left;
    margin-right: 20px;
    display: inline;
}

.layui-form li input {
    line-height: 40px;
    width: 190px;
    border: 0;
    font-size: 16px;
    padding-left: 10px;
}

.layui-form li input.youxiang {
    width: 410px;
}

.layui-form li textarea {
    width: 601px;
    height: 260px;
    font-size: 16px;
    padding-left: 10px;
    font-family: "微软雅黑", "Arial Narrow", HELVETICA;
}

.layui-form li input.btn {
    width: 135px;
    line-height: 45px;
    float: left;
    display: block;
    background: #51a80d;
    color: #fff;
    padding-left: 0;
}

.layui-form li em {
    width: 470px;
    ackground: #dedede;
    height: 1px;
    display: block;
    border-top: 1px solid #5a5968;
    margin-top: 22px;
}

.layui-form li.last {
    margin-right: 0;
    width: 100%;
}

.checkInputSuccessTip {
    width: 100%;
    position: absolute;
    display: none;
    top: 30%;
    text-align: center;
}

.checkInputSuccessTip span {
    display: inline-block;
    background-color: rgba(169, 251, 192, 0.5);
    font-size: 15px;
    color: green;
    padding: 6px 15px;
    border-radius: 10px;
}

.checkInputFallTip {
    width: 46%;
    position: absolute;
    display: none;
    top: 10%;
    left: 0;
    text-align: center;
}

.checkInputFallTip span {
    display: inline-block;
    background-color: rgb(215, 215, 215);
    font-size: 12px;
    color: black;
    padding: 6px 15px;
    border-radius: 10px;
}

.checkInputTipFallHover {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}


/*远程抄表系统CSS*/

.yccb_banner {
    width: 100%;
    height: 579px;
    background: url(../images/yccb_banner.gif) bottom center no-repeat;
    padding-top: 80px;
}

.yccb_01 {
    width: 100%;
    height: 170px;
    background: url(../images/yccb_01.jpg) center no-repeat;
}

.chbiao_dy p {
    color: #fff;
    text-indent: 2em;
    padding: 60px 65px 0 65px;
    line-height: 26px;
}

.chbiao_title h3 {
    font-size: 40px;
    color: #0f0f37;
    line-height: 40px;
    padding-top: 95px;
}

.chbiao_title p {
    color: #90909b;
    font-size: 20px;
    line-height: 50px;
}

.yccb_02 {
    width: 100%;
    padding: 80px 0;
    background: #1d1f2b;
}

.chbiaogj_title h3 {
    font-size: 40px;
    color: #ffe6b1;
    line-height: 40px;
}

.chbiaogj_title p {
    color: #ffe6b1;
    font-size: 20px;
    line-height: 50px;
}

.chbiaogj {
    background: url(../images/yccb_17.jpg) center no-repeat;
    width: 100%;
    height: 420px;
}

.chbiaogj dd {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    height: 52px;
    width: 180px;
}

.chbiaogj dd.gj_01 {
    padding-top: 23px;
    padding-left: 230px;
    width: 140px;
}

.chbiaogj dd.gj_02 {
    padding-top: 23px;
    padding-right: 235px;
    width: 160px;
}

.chbiaogj dd.gj_03 {
    padding-top: 85px;
    padding-left: 260px;
}

.chbiaogj dd.gj_04 {
    padding-top: 85px;
    padding-right: 260px;
}

.chbiaogj dd.gj_05 {
    padding-top: 71px;
    padding-left: 350px;
}

.chbiaogj dd.gj_06 {
    padding-top: 71px;
    padding-right: 365px;
}

.yccb_03 {
    background: #0d0d15;
    padding-bottom: 80px;
}

.yccb_03 p {
    color: #fff;
    line-height: 26px;
    padding: 60px 65px 0 65px;
    text-indent: 1em;
}

.yccb_04 {
    width: 100%;
    height: 4px;
    background: #0d0d15 url(../images/yccb_04.jpg) top center no-repeat;
}

.yccb_05 {
    width: 100%;
    padding: 80px 0;
    background: #0d0d15;
}

.yccb_06 {
    width: 100%;
    height: 4px;
    background: url(../images/yccb_06.jpg) center no-repeat;
}

.yccb_05 .chbiao_zcbf h3 {
    font-size: 32px;
    color: #ffe6b1;
    line-height: 40px;
    padding-top: 70px;
}

.yccb_05 .chbiao_zcbf p {
    color: #ffe6b1;
    font-size: 18px;
    line-height: 50px;
}

.chbiao_zc .chbiao_zc_fl,
.chbiao_zc .chbiao_zc_fr {
    background: #151620;
    border-top: 1px solid #8cb524;
}

.chbiao_zc .chbiao_zc_fl {
    width: 820px;
}

.chbiao_zc .chbiao_zc_fr {
    width: 400px;
}

.chbiao_zc h3 {
    color: #ffe6b1;
    text-align: center;
    font-size: 24px;
    padding-top: 30px;
}

.chbiao_zc p {
    color: #fff;
    padding: 30px;
}


/*合作模式CSS*/

.hzms_01 {
    width: 100%;
    height: 156px;
    background: url(../images/hzms_01.jpg) bottom center no-repeat;
    padding-top: 80px;
}

.hzms_02 {
    width: 100%;
    height: 157px;
    background: url(../images/hzms_02.jpg) top center no-repeat;
}

.hzms_03 {
    width: 100%;
    height: 156px;
    background: url(../images/hzms_03.jpg) top center no-repeat;
}

.hzms_04 {
    width: 100%;
    height: 365px;
    background: #fff url(../images/hzms_04.jpg) top center no-repeat;
}

.hzms_04 ul {
    padding-left: 50px;
}

.hzms_04 ul li {
    float: left;
    width: 160px;
    text-align: center;
    margin-left: 105px;
    margin-top: 75px;
    display: inline;
}

.hzms_04 ul li {
    font-size: 16px;
    line-height: 25px;
}

.hzms_04 ul li img {
    width: 100%;
    display: block;
    height: 100%;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.hzms_04 ul li img:hover {
    transform: scale(1.06, 1.06);
}

.hzms_09 {
    width: 100%;
    height: 194px;
    background: url(../images/hzms_09.jpg) top center no-repeat;
}

.hzms_10 {
    width: 100%;
    height: 420px;
    background: url(../images/hzms_10.jpg) top center no-repeat;
}

.hzms_11 {
    width: 100%;
    height: 226px;
    background: url(../images/hzms_11.jpg) top center no-repeat;
}

.hzms_09 h3 {
    text-align: center;
    font-size: 36px;
    color: #fde8a9;
    line-height: 50px;
    padding-top: 70px;
}

.hzms_11 h3 {
    text-align: center;
    font-size: 36px;
    color: #418a07;
    line-height: 50px;
    padding-top: 130px;
}

.hzms_10 ul li {
    width: 260px;
    height: 350px;
    float: left;
    margin-top: 65px;
    margin-left: 150px;
    display: inline;
}

.hzms_10 .hzms_04_01 {
    margin-left: 105px;
}

.hzms_10 .hzms_04_02 {
    margin-top: 15px;
}

.hzms_10 ul li strong {
    font-size: 20px;
    color: #fff;
    padding-top: 35px;
    padding-left: 35px;
    display: block;
}

.hzms_10 ul li p {
    width: 200px;
    height: 200px;
    color: #fff;
    padding-left: 35px;
    line-height: 18px;
	padding-top: 20px;
	font-size: 14px;
}

.hzms_10 ul li a {
    display: block;
    line-height: 20px;
    text-align: center;
    color: #fff;
}

.hzms_10 ul li a:hover {
    color: #fff;
}

.hzcp {
    padding-top: 30px;
}

.hzcp dl {
    float: left;
    width: 370px;
    margin-left: 43px;
    display: inline;
}

.hzcp dl dt {
    text-align: center;
    padding-bottom: 15px;
}

.hzcp dl dd {
    text-align: center;
}

.hzcp dl dd b {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    height: 60px;
}

.hzcp dl dd span {
    border: 1px solid #acacac;
    color: #545454;
    font-size: 14px;
    padding: 5px 8px;
    margin: 5px 0 0 4px;
    display: inline-block;
}

.hzgn_01 {
    width: 100%;
    height: 176px;
    background: url(../images/hzms_15.jpg) top center no-repeat;
}

.hzgn_01 dd {
    padding-top: 15px;
}

.hzgn strong {
    font-size: 18px;
    color: #fff;
}

.hzgn p {
    font-size: 12px;
	color: #fff;
	line-height: 16px;
	padding-top: 5px;
	width: 260px;
}

.hzgn_01 .gn_01 {
    padding-left: 130px;
}

.hzgn_01 .gn_02 {
    padding-right: 50px;
}

.hzgn_02 {
    width: 100%;
    height: 137px;
    background: url(../images/hzms_16.jpg) top center no-repeat;
}

.hzgn_02 dd {
    padding-top: 30px;
}

.hzgn_02 dd p{
    margin-top: -5px;
}

.hzgn_02 .gn_03 {
    padding-left: 165px;
}

.hzgn_02 .gn_04 {
    padding-right: 120px;
}

.hzgn_03 {
    width: 100%;
    height: 157px;
    background: url(../images/hzms_17.jpg) top center no-repeat;
    padding-bottom: 80px;
}

.hzgn_03 dd {
    padding-top: 62px;
    padding-left: 555px;
}

.hzms_18 {
    width: 100%;
    height: 192px;
    background: url(../images/hzms_18.jpg) top center no-repeat;
}

.hzms_19 {
    width: 100%;
    height: 283px;
    background: url(../images/hzms_19.jpg) top center no-repeat;
}

.hzms_20 {
    width: 100%;
    height: 265px;
    background: url(../images/hzms_20.jpg) top center no-repeat;
}

.hzms_21 {
    width: 100%;
    height: 235px;
    background: url(../images/hzms_21.jpg) top center no-repeat;
}

.hzms_18 h3 {
    text-align: center;
    font-size: 36px;
    color: #fde8a9;
    line-height: 50px;
    padding-top: 70px;
}

.hzms_19 dd {
    padding-top: 90px;
}

.hzms_19 dd strong,
.hzms_20 dd strong {
    font-size: 20px;
    color: #fff;
}

.hzms_19 dd p,
.hzms_20 dd p {
    width: 300px;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    padding-top: 10px;
}

.hzms_19 .qsbd {
    padding-left: 35px;
}

.hzms_19 .czjf {
    padding-right: 73px;
    padding-top: 140px;
}

.hzms_20 dd {
    padding-top: 85px;
}

.hzms_20 .qsbd {
    padding-left: 65px;
}

.hzms_20 .czjf {
    padding-right: 100px;
    padding-top: 140px;
}

.hzms_21 h3 {
    text-align: center;
    font-size: 36px;
    color: #418a07;
    line-height: 50px;
    padding-top: 145px;
}

.xtrj dl {
    width: 505px;
    padding-left: 50px;
}

.xtrj dl dd {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 35px;
    border-bottom: 1px solid #cecece;
}

.xtrj dl dd span {
    width: 415px;
}

.xtrj dl dd span strong {
    font-size: 18px;
    line-height: 34px;
    color: #000;
}

.xtrj dl dd span p {
    font-size: 14px;
}

.xtrj .xtrjpt {
    width: 680px;
}


/*AMI系统CSS*/

.ami_01 {
    width: 100%;
    height: 116px;
    background: url(../images/ami_01.jpg) bottom center no-repeat;
    padding-top: 80px;
}

.ami_02 {
    width: 100%;
    height: 137px;
    background: url(../images/ami_02.jpg) top center no-repeat;
}

.ami_03 {
    width: 100%;
    height: 110px;
    background: url(../images/ami_03.jpg) top center no-repeat;
}

.ami_04 {
    width: 100%;
    height: 101px;
    background: url(../images/ami_04.jpg) top center no-repeat;
}

.ami_05 {
    width: 100%;
    height: 116px;
    background: url(../images/ami_05.jpg) top center no-repeat;
}

.ami_dy {
    background: #16103a;
    width: 100%;
}

.ami_dy p {
    text-indent: 2em;
    font-size: 14px;
    color: #ccc;
    padding: 0 15px;
}

.ami_06 {
    width: 100%;
    height: 119px;
    background: url(../images/ami_06.jpg) top center no-repeat;
}

.ami_07 {
    width: 100%;
    height: 119px;
    background: url(../images/ami_07.jpg) top center no-repeat;
}

.ami_08 {
    width: 100%;
    height: 118px;
    background: url(../images/ami_08.jpg) top center no-repeat;
}

.ami_09 {
    width: 100%;
    height: 119px;
    background: url(../images/ami_09.jpg) top center no-repeat;
}

.ami_10 {
    width: 100%;
    height: 119px;
    background: url(../images/ami_10.jpg) top center no-repeat;
}

.ami_11 {
    width: 100%;
    height: 119px;
    background: url(../images/ami_11.jpg) top center no-repeat;
}

.ami_12 {
    width: 100%;
    height: 118px;
    background: url(../images/ami_12.jpg) top center no-repeat;
}

.ami_13 {
    width: 100%;
    height: 119px;
    background: url(../images/ami_13.jpg) top center no-repeat;
}

.ami_14 {
    width: 100%;
    height: 164px;
    background: url(../images/ami_14.jpg) top center no-repeat;
}

.ami_15 {
    width: 100%;
    height: 165px;
    background: url(../images/ami_15.jpg) top center no-repeat;
}

.ami_16 {
    width: 100%;
    height: 164px;
    background: url(../images/ami_16.jpg) top center no-repeat;
}

.ami_17 {
    width: 100%;
    height: 165px;
    background: url(../images/ami_17.jpg) top center no-repeat;
}

.ami_18 {
    width: 100%;
    height: 164px;
    background: url(../images/ami_18.jpg) top center no-repeat;
}

.ami_19 {
    width: 100%;
    height: 164px;
    background: url(../images/ami_19.jpg) top center no-repeat;
}

.ami_20 {
    width: 100%;
    height: 165px;
    background: url(../images/ami_20.jpg) top center no-repeat;
}

.ami_21 {
    width: 100%;
    height: 164px;
    background: url(../images/ami_21.jpg) top center no-repeat;
}

.ami_22 {
    width: 100%;
    height: 165px;
    background: url(../images/ami_22.jpg) top center no-repeat;
}

.ami_23 {
    width: 100%;
    height: 164px;
    background: url(../images/ami_23.jpg) top center no-repeat;
}

.xtgl {
    background: #f4f4f4;
    padding: 60px;
}

.xtgl h3 {
    display: block;
    color: #6450f0;
    font-size: 26px;
}

.xtgl h3 font {
    display: block;
    font-size: 14px;
    color: #bbb;
    font-weight: normal;
    line-height: 30px;
}

.xtgl p {
    font-size: 14px;
}

.xtgl .xtgl_left {
    width: 640px;
}

.xtgl_right {
    width: 560px;
}

.tab_top,
.tab_bot {
    width: 100%;
    background: #7f7ae5;
}

.tab_top dd {
    width: 139px;
    color: #fff;
    line-height: 26px;
    border-right: 1px solid #a5a1f5;
    border-bottom: 1px solid #a5a1f5;
    float: left;
    text-align: center;
    height: 52px;
}

.tab_bot dd {
    width: 100%;
    color: #fff;
    line-height: 40px;
    border-bottom: 1px solid #a5a1f5;
    text-align: center;
}

.tab_mid dt {
    float: left;
    border-bottom: 1px solid #a5a1f5;
    border-right: 1px solid #a5a1f5;
    font-size: 16px;
    width: 85px;
    line-height: 28px;
    background: #46415a;
    color: #ccc;
    text-align: center;
    padding: 122px 12px;
    height: 210px;
}

.tab_mid dd {
    float: right;
    width: 450px;
    background: #46415a;
    border-bottom: 1px solid #a5a1f5;
    text-align: center;
    color: #ccc;
    line-height: 50px;
    font-size: 16px;
}

.tab_mid .tab_mid_01 {
    line-height: 30px;
    padding: 10px 0;
}

.ami_25 {
    width: 100%;
    padding-bottom: 100px;
    background: #16103a url(../images/ami_27.jpg) 0 350px no-repeat;
}

.ami_25 h3 {
    display: block;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
}

.ami_25 h3 font {
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    line-height: 30px;
}

.sjpt .sjpt_fl {
    width: 415px;
    height: 160px;
    background: #241b61;
    border-top: 2px solid #418a07;
    margin-left: 25px;
    opacity: 0.8;
    display: inline;
}

.sjpt .sjpt_fr {
    width: 770px;
    height: 610px;
    background: #241b61;
    border-top: 2px solid #418a07;
    margin-right: 25px;
    opacity: 0.8;
    display: inline;
}

.sjpt b {
    font-size: 18px;
    display: block;
    color: #fff;
    padding: 15px 0 0 20px;
    font-weight: normal;
}

.sjpt p {
    font-size: 14px;
    color: #fff;
    padding: 0 20px;
}

.sjpt .sjpt_mid {
    width: 415px;
    height: 315px;
    background: #241b61;
    border-top: 2px solid #418a07;
    margin-left: 25px;
    opacity: 0.8;
    display: inline;
}

.sjpt .sjpt_clpt {
    width: 100%;
    height: auto;
    background: #241b61;
    border-top: 2px solid #418a07;
    opacity: 0.8;
    display: inline;
    padding-bottom: 20px;
}

.sjpt .sjpt_clpt b {
    font-size: 20px;
    display: block;
    color: #fff;
    text-align: center;
    padding: 20px 0 15px 0;
    font-weight: normal;
}

.sjpt .sjpt_clpt1 {
    width: 615px;
}

.sjpt .sjpt_clpt p {
    line-height: 24px;
}


/*缴费系统CSS*/

.jfxt_01 {
    width: 100%;
    height: 122px;
    background: url(../images/jfxt_01.jpg) top center no-repeat;
}

.jfxt_02 {
    width: 100%;
    height: 112px;
    background: url(../images/jfxt_02.jpg) top center no-repeat;
}

.jfxt_03 {
    width: 100%;
    height: 109px;
    background: url(../images/jfxt_03.jpg) top center no-repeat;
}

.jfxt_04 {
    width: 100%;
    height: 144px;
    background: url(../images/jfxt_04.jpg) top center no-repeat;
}

.jfxt_05 {
    width: 100%;
    height: 121px;
    background: url(../images/jfxt_05.jpg) top center no-repeat;
}

.jfxt_06 {
    width: 100%;
    height: 122px;
    background: url(../images/jfxt_06.jpg) top center no-repeat;
}

.jfxt_08 {
    width: 100%;
    height: 171px;
    background: url(../images/jfxt_08.jpg) top center no-repeat;
}

.cz_01 {
    padding-top: 45px;
    padding-left: 230px;
}

.cz_02 {
    padding-top: 75px;
    padding-right: 178px;
}

.cz_03 {
    padding-top: 30px;
    padding-left: 155px;
}

.cz_04 {
    padding-top: 60px;
    padding-right: 58px;
}

.czjf b {
    font-size: 18px;
}

.czjf p {
    font-size: 12px;
	width: 300px;
	line-height: 20px;
}

.jfxt_09 {
    width: 100%;
    height: 160px;
    background: url(../images/jfxt_09.jpg) top center no-repeat;
}

.jfxt_10 {
    width: 100%;
    height: 119px;
    background: url(../images/jfxt_10.jpg) top center no-repeat;
}

.jfxt_11 {
    width: 100%;
    height: 150px;
    background: url(../images/jfxt_11.jpg) top center no-repeat;
    padding-bottom: 60px;
}

.jfxt_12 {
    background: #f3f3f3;
    width: 100%;
    padding: 75px 0;
}

.jfxt_12 img.skczysimg {
    padding-right: 170px;
}

.jfxt_12 .skczys {
    padding-left: 150px;
    padding-top: 120px;
}

.jfxt_12 .skczys h3 {
    font-size: 28px;
}

.jfxt_12 .skczys h3 img {
    padding-left: 6px;
    vertical-align: inherit;
}

.jfxt_14 {
    background: #282828;
    width: 100%;
    padding: 75px 0 0 0;
}

.jfxt_14 dl dd {
    border: 2px solid #418a07;
    padding: 10px;
    border-radius: 5px;
    width: 460px;
    margin-top: 100px;
    display: inline;
}

.jfxt_14 dl dd b {
    font-size: 18px;
    color: #fff;
    padding-top: 18px;
    display: block;
}

.jfxt_14 dl dd p {
    font-size: 14px;
    color: #fff;
    line-height: 32px;
}

.jfxt_14 dl dd.yhgl {
    width: 510px;
    margin-right: 100px;
    display: inline;
}

.jfxt_14 dl dd.yhgl img {
    padding-right: 15px;
}

.jfxt_14 dl dd.yhgl {
    width: 510px;
    margin-right: 100px;
    display: inline;
}

.jfxt_14 dl dd.yhg2 {
    width: 710px;
    display: inline;
}

.jfxt_14 dl dd.yhg2 span {
    width: 600px;
    padding-left: 18px;
}

.jfxt_14 dl.fl {
    width: 740px;
    padding-bottom: 75px;
}

.jfxt_pic {
    position: relative;
}

.jfxt_pic div.fr {
    position: absolute;
    right: 0;
    top: 41px;
}

.jfxt_16 dl {
    width: 540px;
    padding-left: 120px;
}

.jfxt_16 dl dd {
    border: 2px solid #418a07;
    padding: 6px 10px;
    border-radius: 5px;
    width: 510px;
    margin-top: 50px;
    display: inline;
}

.jfxt_16 img.fr {
    padding-right: 110px;
}

.jfxt_16 dl dd b {
    font-size: 18px;
    padding-top: 15px;
    display: block;
}

.jfxt_16 img.fr {
    padding: 75px 110px 70px 0;
}

.jfxt_16 dl dd p {
    padding-top: 5px;
}

.jfxt_16 dl dd.bdcz {
    width: 288px;
}

.footer {
    background: #333333;
    padding-top: 60px;
    height: 380px;
    position: relative;
}

.foot_l {
    width: 430px;
    height: 285px;
}

.foot_r {
    width: 840px;
    height: 285px;
}

.foot_l a img {
    display: block;
    padding-bottom: 10px;
}

.foot_l p {
    color: #fff;
    font-size: 14px;
    padding-top: 15px;
}

.foot_l p img {
    margin-right: 10px;
}

.foot_r dl dd {
    float: left;
    border-right: 1px solid #414141;
    height: 130px;
    padding: 5px 50px;
}

.foot_r dl dd strong {
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 10px;
    display: block;
}

.foot_r dl dd strong a {
    color: #fff;
}

.foot_r dl dd p {
    font-size: 12px;
    color: #a5a5a5;
}

.foot_r dl dd p a {
    color: #a5a5a5;
}

.foot_r dl dd.dbnr {
    border-right: 0;
}

.foot_r dl dd.db_ewm {
    padding: 0;
    float: right !important;
    border-right: 0;
}

.foot_r dl dd.db_dianpu {
    border-right: 0;
    padding-top: 140px;
    height: 50px;
    width: 730px;
}

.foot_r dl dd.db_dianpu a {
    float: left;
    margin-right: 20px;
    display: inline-block;
}

.foot_r dl dd.db_dianpu a.fot_06 {
    width: 130px;
    height: 49px;
    background: url(../images/fot_06.jpg) no-repeat;
}

.foot_r dl dd.db_dianpu a.fot_06:hover {
    background: url(../images/fot_06_1.jpg) no-repeat;
}

.foot_r dl dd.db_dianpu a.fot_07 {
    width: 150px;
    height: 49px;
    background: url(../images/fot_07.jpg) no-repeat;
}

.foot_r dl dd.db_dianpu a.fot_07:hover {
    background: url(../images/fot_07_1.jpg) no-repeat;
}

.foot_r dl dd.db_dianpu a.fot_08 {
    width: 167px;
    height: 49px;
    background: url(../images/fot_08.jpg) no-repeat;
}

.foot_r dl dd.db_dianpu a.fot_08:hover {
    background: url(../images/fot_08_1.jpg) no-repeat;
}

.foot_b {
    width: 100%;
    padding-top: 10px;
    color: #a5a5a5;
    font-size: 12px;
    line-height: 20px;
	height:80px;
}


.foot_b span {
    border: 1px solid #acacac;
    margin: 0 0 5px 5px;
    display: inline-block;
}

.foot_b span a {
    padding: 0 8px;
    display: block;
    color: #a5a5a5;
}

.foot_b .rmbq {
    font-size: 14px;
    float: left;
}

.foot_b .rmbq a {
    padding: 0 6px;
    color: #a5a5a5;
}

.foot_b ul {
    float: left;
}

.foot_b ul li {
    float: left;
}

.foot_b ul li a {
    padding: 0 10px;
    color: #a5a5a5;
}

.footbt {
    background: #292929;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.footbt p {
    color: #fff;
    font-size: 12px;
}

.footbt p.fl {
    width: 360px;
}

.footbt p.f_ba {
    padding-left: 220px;
    float: left;
    text-align: center;
}

.footbt p.fr {
    width: 50px;
}

.footbt a {
    color: #fff;
    font-size: 12px;
}

.foot_tan {
    width: 940px;
    background: #40810b;
    height: 130px;
    padding: 10px 0;
    position: relative;
    _filter: alpha(opacity=60);
    opacity: 0.9;
}

.foot_tan dl dd {
    float: left;
    border-right: 1px solid #669a3c;
    height: 120px;
    padding: 5px 26px;
}

.foot_tan dl dd strong {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    display: block;
}

.foot_tan dl dd p {
    font-size: 12px;
    color: #a5a5a5;
    line-height: 22px;
}

.foot_tan dl dd p a,
.foot_tan dl dd strong a {
    color: #fff;
}

.foot_tan dl dd.dbnr {
    border-right: 0;
}

.foot_tan dl a:hover {
    text-decoration: underline;
}

.wzdt_m {
    width: 1280px;
    margin: 0 auto;
}

#wzdta {
    position: relative;
    float: right;
    z-index: 1;
    width: 50px;
}

#wzdta .mainCate {
    position: relative;
    zoom: 1;
}

#wzdta .mainCate h3 {
    line-height: 40px;
    font-size: 12px;
}

#wzdta .subCate {
    display: none;
    position: absolute;
    right: 0;
    top: -150px;
    width: 940px;
    height: 165px;
    color: #333;
}

#wzdta .on .subCate {
    display: block !important;
    /* !important 强制显示，否则会闪烁*/
}


/*系统演示*/

.xitong {
    background: #f2f2f2;
    width: 100%;
    height: 800px;
}

.xitong .xtmg {
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.xitong .xt_left {
    background: #fff;
    height: 800px;
    width: 198px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: absolute;
    left: 0;
}

.xitong .xt_left h3 {
    font-size: 22px;
    padding-top: 60px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    line-height: 35px;
}

.xitong .xt_left ul {
    padding-top: 20px;
}

.xitong .xt_left ul li {
    padding-left: 25px;
    width: 160px;
    height: 45px;
}

.xitong .xt_left ul li a {
    font-size: 16px;
    line-height: 45px;
    float: left;
}

.xitong .xt_left ul li span {
    float: left;
    width: 10px;
    height: 45px;
    padding-left: 5px;
}

.xitong .xt_left ul li.cur a {
    color: #418a07;
}

.xitong .xt_left ul li.cur span {
    background: url(../images/xitong.jpg) 5px center no-repeat;
}

.xitong .xt_right {
    width: 1000px;
    height: 800px;
    position: absolute;
    right: 0;
}

.xitong .xt_right .xt_sp {
    width: 1000px;
    height: 660px;
    margin-top: 70px;
}

.jfxt_12 .app_sp {
    width: 340px;
    height: 660px;
    float: right;
    margin-right: 170px;
    display: inline-block;
}

.jfxt_12 .jfxt_sp {
    width: 650px;
    height: 550px;
    float: right;
    margin-top: 20px;
}

.widget1-videobase {
    position: relative;
    width: 340px;
    height: 660px;
}

.widget-videobase {
    position: relative;
    width: 650px;
    height: 550px;
}

.widget-videobase-inner,
.widget1-videobase-inner {
    position: absolute;
    width: 100%;
    height: 100%
}

.widget-videobase-video,
.widget1-videobase-video {
    height: 100%;
    width: 100%
}

.widget-videobase-video video,
.widget1-videobase-video video {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    display: none
}

.widget-videobase-inner-background,
.widget1-videobase-inner-background {
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    width: 100%;
    overflow: hidden
}

.widget-videobase-content,
.widget1-videobase-content {
    height: 100%;
    width: 100%;
    position: relative
}

.widget-videobase-content-image,
.widget1-videobase-content-image {
    width: 100%
}

.widget-videobase-content-play,
.widget1-videobase-content-play {
    background-image: url(../images/video_play.png);
    width: 80px;
    height: 80px;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 46%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.widget-videobase-content-title,
.widget1-videobase-content-title {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .5));
    height: 48px;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    overflow: hidden;
    bottom: 0;
    position: absolute;
    padding: 0 17px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis
}

.widget-videobase-play-end,
.widget-videobase-play-replay,
.widget1-videobase-play-end,
.widget1-videobase-play-replay {
    height: 100%;
    width: 100%;
    display: none;
    background-size: 100% 100%;
    color: #fff;
    overflow: hidden
}

.widget-videobase-play-endtext,
.widget1-videobase-play-endtext {
    text-align: center;
    font-size: .12rem;
    line-height: .16rem;
    padding-top: .8rem
}

.widget-videobase-play-replay-btn {
    position: absolute;
    left: 50%;
    top: 33.23%;
    width: .47rem;
    height: .47rem;
    background-image: url(../images/video_play.png);
    background-size: 100% 100%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.widget-videobase-play-replay .widget-videobase-play-endtext,
.widget1-videobase-play-replay .widget1-videobase-play-endtext {
    padding-top: .26rem
}

.widget-videobase-play-replay .widget-videobase-play-consult-btn,
.widget1-videobase-play-replay .widget1-videobase-play-consult-btn {
    position: absolute;
    top: 66%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.widget-videobase-play-end-btngroup {
    height: .28rem;
    text-align: center;
    font-size: 0;
    line-height: 0;
    margin-top: 40%
}

.widget1-videobase-play-end-btngroup {
    height: .28rem;
    text-align: center;
    font-size: 0;
    line-height: 0;
    margin-top: 285px;
}

.widget-videobase-play-end-btngroup .widget-videobase-play-consult-btn,
.widget-videobase-play-end-btngroup .widget-videobase-play-replay-textbtn,
.widget1-videobase-play-end-btngroup .widget1-videobase-play-consult-btn,
.widget1-videobase-play-end-btngroup .widget1-videobase-play-replay-textbtn {
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
}

.widget-videobase-play-consult-btn,
.widget-videobase-play-replay-textbtn,
.widget1-videobase-play-consult-btn,
.widget1-videobase-play-replay-textbtn {
    color: #fff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 90px;
    background-color: #3f7d0e;
    border-radius: .03rem;
    border: 1px solid #3f7d0e
}

.widget-videobase-play-consult-btn a,
.widget-videobase-play-consult-btn a:hover,
.widget1-videobase-play-consult-btn a,
.widget1-videobase-play-consult-btn a:hover {
    color: #fff;
}

.widget-videobase-play-replay-textbtn,
.widget1-videobase-play-replay-textbtn {
    border: 1px solid #fff;
    background-color: transparent
}

.widget-videobase-end .widget-videobase-content,
.widget-videobase-play .widget-videobase-content,
.widget-videobase-replay .widget-videobase-content,
.widget1-videobase-end .widget1-videobase-content,
.widget1-videobase-play .widget1-videobase-content,
.widget1-videobase-replay .widget1-videobase-content {
    display: none
}

.widget-videobase-end .widget-videobase-play-end,
.widget-videobase-play .widget-videobase-video,
.widget-videobase-play .widget-videobase-video video,
.widget-videobase-replay .widget-videobase-play-replay {
    display: block
}

.widget1-videobase-end .widget1-videobase-play-end,
.widget1-videobase-play .widget1-videobase-video,
.widget1-videobase-play .widget1-videobase-video video,
.widget1-videobase-replay .widget1-videobase-play-replay {
    display: block
}

video::-internal-media-controls-download-button {
    display: none
}

.widget-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #999;
    font-size: .12rem;
    border-top: .01rem solid #f5f5f5;
    padding: .1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.widget-brand-icon {
    display: inline-block;
    width: .12rem;
    height: .12rem;
    background-size: contain;
    margin-right: .05rem
}

.widget-brand-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

video::-internal-media-controls-download-button {
    display: none
}

.widget1-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #999;
    font-size: .12rem;
    border-top: .01rem solid #f5f5f5;
    padding: .1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.widget1-brand-icon {
    display: inline-block;
    width: .12rem;
    height: .12rem;
    background-size: contain;
    margin-right: .05rem
}

.widget1-brand-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget2-videobase {
    position: relative;
    width: 1000px;
    height: 660px;
}

.widget2-videobase-inner {
    position: absolute;
    width: 100%;
    height: 100%
}

.widget2-videobase-video {
    height: 100%;
    width: 100%
}

.widget2-videobase-video video {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    display: none
}

.widget2-videobase-inner-background {
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    width: 100%;
    overflow: hidden
}

.widget2-videobase-content {
    height: 100%;
    width: 100%;
    position: relative
}

.widget2-videobase-content-image {
    width: 100%
}

.widget2-videobase-content-play {
    background-image: url(../images/video_play.png);
    width: 80px;
    height: 80px;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.widget2-videobase-content-title {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .5));
    height: 48px;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    overflow: hidden;
    bottom: 0;
    position: absolute;
    padding: 0 17px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis
}

.widget2-videobase-play-end,
.widget2-videobase-play-replay {
    height: 100%;
    width: 100%;
    display: none;
    background-size: 100% 100%;
    color: #fff;
    overflow: hidden
}

.widget2-videobase-play-endtext {
    text-align: center;
    font-size: .12rem;
    line-height: .16rem;
    padding-top: .8rem
}

.widget2-videobase-play-replay-btn {
    position: absolute;
    left: 50%;
    top: 33.23%;
    width: .47rem;
    height: .47rem;
    background-image: url(../images/video_play.png);
    background-size: 100% 100%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.widget2-videobase-play-replay .widget2-videobase-play-endtext {
    padding-top: .26rem
}

.widget2-videobase-play-replay .widget2-videobase-play-consult-btn {
    position: absolute;
    top: 66%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.widget2-videobase-play-end-btngroup {
    height: .28rem;
    text-align: center;
    font-size: 0;
    line-height: 0;
    margin-top: 40%;
}

.widget2-videobase-play-end-btngroup .widget2-videobase-play-consult-btn,
.widget2-videobase-play-end-btngroup .widget2-videobase-play-replay-textbtn {
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
}

.widget2-videobase-play-consult-btn,
.widget2-videobase-play-replay-textbtn {
    color: #fff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 90px;
    background-color: #3f7d0e;
    border-radius: .03rem;
    border: 1px solid #3f7d0e
}

.widget2-videobase-play-consult-btn a,
.widget2-videobase-play-consult-btn a:hover {
    color: #fff;
}

.widget2-videobase-play-replay-textbtn {
    border: 1px solid #fff;
    background-color: transparent
}

.widget2-videobase-end .widget2-videobase-content,
.widget2-videobase-play .widget2-videobase-content,
.widget2-videobase-replay .widget2-videobase-content {
    display: none
}

.widget2-videobase-end .widget2-videobase-play-end,
.widget2-videobase-play .widget2-videobase-video,
.widget2-videobase-play .widget2-videobase-video video,
.widget2-videobase-replay .widget2-videobase-play-replay {
    display: block
}

video::-internal-media-controls-download-button {
    display: none
}

.widget2-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #999;
    font-size: .12rem;
    border-top: .01rem solid #f5f5f5;
    padding: .1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.widget2-brand-icon {
    display: inline-block;
    width: .12rem;
    height: .12rem;
    background-size: contain;
    margin-right: .05rem
}

.widget2-brand-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}