@charset "utf-8";
/* 对齐 */
.text-center{
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}
.margin-center {
    margin-left: auto;
    margin-right: auto;
}
/* display */
.ds-b {
    display: block;
}
.ds-n {
    display: none;
}
.ds-inb {
    display: inline-block;
}
/* 预设 */
body{
    font: 14px/24px 'Helvetica Neue','Microsoft Yahei',arial,helvetica,sans-serif;
    color: #727272;
}
a {
    text-decoration: none;
    transition:all 0.3s linear 0s;
}
.header ,.main ,.footer {
    width: 100%;
}
.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
   
}
.clearfix1{text-align: center;}
/* index.html */
/*轮播图 start*/
.banner{ width:100%; height:480px; white-space:nowrap; margin:0 auto; overflow:hidden;  position:relative; z-index:1;}
.banner_m{ width:50%; height:480px; display:inline-block; position:relative;}
.wrapper {*float:left; width:1920px; height:480px; display:inline-block; position:relative; left:-967px;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none;}
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 40%; left:16%; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top:0; background: url('../Image/prev.png') no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 40%; right:16%; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top:0; background: url('../Image/next.png') no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 150; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url('../Image/ajax-loader.gif') no-repeat left top; width: 31px; height: 31px; }
#slideshow { width:1920px; height:480px; }
#slideshow ul { display: none; }
/*轮播图 end*/
.top1 {
    line-height: 32px;
    height: 32px;
    border-bottom: 1px solid #cccdcd;
    background: #e4e4e4;
    font-size: 12px;
    color: #7c7979;
}
.top1 a {
    display: inline-block;
    height: 32px;
    color: #7c7979;
    width: 79px;
    border-bottom: 1px solid #cccdcd;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    text-align: center;
}
.top1 a:hover {
    background: #fff;
    border-left: 1px solid #cccdcd;
    border-right: 1px solid #cccdcd;
    border-bottom: 1px solid #fff;
}
.logo {
    display: block;
    background: url(../Image/logo.png) no-repeat;
    margin-top: 26px;
    margin-bottom: 21px;
}
.logo a {
    display: block;
    width: 687px;
    height: 55px;
}
.top2 .ico {
    background: url(../Image/tel.png) no-repeat;
    width: 42px;
    height: 42px;
    margin-top: 34px;
}
.top2 .text {
    margin-right: 17px;
}
.top2 .cn {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
}
.top2 .tel {
    font-size: 32px;
    line-height: 30px;
    color: #7ec461;
	font-weight: bold;
}
.nav {
    height: 54px;
    line-height: 54px;
    border-top: 4px solid #7ec461;
    background: #3f924d;
}
.nav li {
    float: left;
    width: 150px;
    text-align: center;
}
.nav li a {
    display: block;
    font-size: 14px;
    color: #fff;
}
.nav li a:hover, .nav li.on a {
    background: #7ec461;
}
.footer {
    background: #2c2c2e;
    color: #929292;
    padding-top: 20px;
}
.footer a {
    color: #929292;
}
.footer a:hover {
    color: #fff;
}
.footer .ico {
    background: url(../Image/tel2.png) no-repeat;
    width: 20px;
    height: 13px;
}
.footer .text {
    margin-left: 10px;
    font-size: 14px;
    line-height: 24px;
}
.footer .text span {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 20px;
}
.footer .qrcode {
    padding: 6px;
    border: 1px solid #505050; position:relative; left:-200px;
}
.footer .rights {
    margin-top: 15px;
    border-top: 1px solid #434343;
    line-height: 53px;
}
.indexpro {
    margin-top: 40px;
}
.indexpro .title {
    border-bottom: 1px solid #e7e7e7;
    font-size: 20px;
    color: #3f924d;
    line-height: 38px;
}
.indexpro .title span {
    color: #c6c9cc;
}
.indexpro .title .line {
    width: 40px;
    height: 2px;
    margin-bottom: -2px;
    background: #3f924d;
}
.indexpro .title a {
    width: 48px;
    height: 23px;
    line-height: 23px;
    color: #b2b2b2;
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
}
.indexpro .title a:hover {
    background: #3f924d;
    border-color: #3f924d;
    color: #fff;
}
/*开始*/
.mr_frbox { position:relative; margin-top: 50px; }
.mr_frUl ul {
    height: 367px;
}
.mr_frUl ul li {width:278px;height:356px; text-align:center;float: left; margin-right:27px; border: 1px solid #d2d2d2;overflow: visible;transition:all 0.3s linear 0s; }
.mr_frUl ul li p {
    height: 78px;
    line-height: 55px;
    overflow: hidden;
    font-size: 14px;
    color: #555;
    transition:all 0.3s linear 0s;
}
.mr_frUl ul li .more {
    width: 100px;
    height: 25px;
    line-height: 25px;
    margin-top: -13px;
    background: #7ec461;
    color: #fff;
    font-size: 12px;
}
.mr_frUl ul li:hover {
    border-color: #3f924d;
}
.mr_frUl ul li:hover p {
    background: #3f924d;
    color: #fff;
}
/*ENG*/
.indexab {
    margin-top: 68px;
    background: url(../Image/about.jpg) no-repeat center center;
    height: 533px;
    padding-top: 50px;
}
.indextit {
    text-align: center;
}
.indextit .big b {
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    display: block;
}
.indextit .big span {
    display: block;
    font-size: 36px;
    line-height: 60px;
    margin-top: -60px;
    color: #3f924d;
    font-weight: bold;
}
.indextit .sml {
    font-size: 16px;
    line-height: 35px;
    color: #525252;
    background: url(../Image/indextit.png) no-repeat center center;
}
.indexab .text {
    width: 655px;
    margin-top: 74px;
}
.indexab .text .cn {
    font-size: 26px;
    line-height: 35px;
    color: #3f924d;
}
.indexab .text .en {
    font-size: 12px;
    line-height: 28px;
    color: #afafaf;
}
.indexab .text .desc {
    font-size: 14px;
    line-height: 28px;
    color: #616161;
    margin-top: 18px;
}
.indexab .text a {
    display: block;
    width: 128px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    margin-top: 50px;
    background: #7ec461;
}
.indexab img {
   margin-top: 66px;
    margin-right: 18px;
}
.youshi {
    background: url(../Image/bk.gif) repeat;
    padding-top: 66px;
}
.youshi .title b {
    font-size: 44px;
    line-height: 44px;
    color: #3f924d;
    display: block;
}
.youshi .title span {
    display: block;
    font-size: 26px;
    line-height: 35px;
    color: #3f924d;
}
.youshi .title p {
    width: 53px;
    height: 4px;
    background: #cdcdcd;
    margin-top: 20px;
}
.youshi .content {
    background: url(../Image/youshi.jpg) no-repeat center center;
    height: 1526px;
    position: relative;
}
.youshi .box {
    width: 540px;
}
.youshi .box  .cn {
    font-size: 26px;
    line-height: 26px;
    color: #3f924d;
}
.youshi .box .en {
    font-size: 16px;
    line-height: 18px;
    color: #6a6a6a;
    margin-top: 13px;
    margin-bottom: 25px;
    font-weight: bold;
}
.youshi .box .desc {
    font-size: 15px;
    line-height: 24px;
    color: #6a6a6a;
}
.youshi .box a {
    display: inline-block;
    margin-top: 25px;
    width: 110px;
    height: 32px;
    color: #fff;
    border-radius: 16px;
    background: #3f924d;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
}
.youshi .box a:last-child {
    background: #7ec461;
    margin-left: 20px;
}
.youshi .box1 {
    margin-left: 680px;
    padding-top: 38px;
}
.youshi .box2 {
    margin-top: 145px;
}
.youshi .box3 {
    margin-top: 189px;
    margin-left: 680px;
}
.youshi .box4 {
    margin-top: 180px;
}
.youshi .content .tel {
    position: absolute;
    font-size: 32px;
    color: #303030;
    line-height: 32px;
    bottom: 223px;
    right: 285px;
    letter-spacing: -5px;
}
/*--------------新闻动态+资质荣誉------------------*/
.news_zzry{height: 360px;width: 100%;padding-top: 50px;padding-bottom: 50px;}
.index_news{width: 660px;height: 320px;border-top: 4px solid #535353;background-color: #f1f1f2;padding: 20px;}
.index_news .title{height: 24px;background: url('../Image/09.png')no-repeat;text-indent: 15px;overflow: hidden;}
.index_news .title a {color: #a5a5a5;}
.index_news .title span{font-size: 18px;color: #005cac;font-weight: bold;}
.index_news .one{margin-top: 30px;overflow: hidden;}
.index_news .one img{ width:296px; height: 124px;}
.index_news .one .intro{width: 330px;height: 124px;}
.index_news .one .intro h3{color: #383838;margin-top: 15px;padding-bottom: 5px;}
.index_news .one .intro p{color: #727272;}
.index_news .two{width: 660px;height: 120px;overflow: hidden;margin-top: 20px;}
.index_news .two ul li{width: 280px;float: left;margin-right: 50px;text-indent: 10px;background: url('../Image/dian.png')no-repeat 0px 7px;height: 40px;}
.index_news .two ul li a{color: #383838;}
.index_zzry{width: 420px;height: 320px;border-top: 4px solid #535353;background-color: #f1f1f2;padding: 20px;}
.index_zzry .title{height: 24px;background: url('../Image/09.png')no-repeat;text-indent: 15px;overflow: hidden;}
.index_zzry .title span{font-size: 18px;color: #005cac;font-weight: bold;}
.index_zzry .title a { color: #a5a5a5; }
.mr_frbox02 {height:240px; position:relative;width: 420px;margin: auto;margin-top: 30px;}
.mr_frBtnL02 {cursor: pointer; width:40px; height:70px; background:url(../Image/left.jpg) no-repeat; position:absolute; left:0px; top:80px;z-index: 1000; }
.mr_frBtnR02 {cursor: pointer;width:40px; height:70px; background:url(../Image/right.jpg) no-repeat;position:absolute; right:0px; top:80px;z-index: 1000; }
.mr_frBtnL02:hover{background:url(../Image/left_hover.jpg) no-repeat;}
.mr_frBtnR02:hover{background:url(../Image/right_hover.jpg) no-repeat;}
.mr_frUl02 ul li{float:left;margin-left: 45px;overflow: hidden;}
.mr_frUl02 ul li img{display: block;width: 327px;height:240px;border: 1px solid #cccccc;}
/*--------------新闻动态+资质荣誉end------------------*/
.yunli {
    background: #f2f2f2;
    padding-top: 50px;
    padding-bottom: 60px;
}
/*开始*/
.mr_frbox3 {position:relative; margin-top: 44px;}
.mr_frBtnL3 {cursor: pointer; width:34px; height:50px; background:url(../Image/left2.png) no-repeat; position:absolute; left:-50px; top:120px; }
.mr_frBtnR3 {cursor: pointer;width:34px; height:50px; background:url(../Image/right2.png) no-repeat;position:absolute; right:-50px; top:120px; }
.mr_frBtnL3:hover{ background:url(../Image/left3.png) no-repeat;}
.mr_frBtnR3:hover{ background:url(../Image/right3.png) no-repeat;}
.mr_frUl3 ul li {width:276px;height:276px; float: left; margin-right:16px; padding: 5px; border: 1px solid #bfbfbf; transition:all 0.3s linear 0s; position: relative;}
.mr_frUl3 ul li img { display: block; }
.mr_frUl3 ul li .more {
    width: 275px;
    height: 0px;
    overflow: hidden;
    transition:all 0.3s linear 0s;
    position: absolute;
    left: 5px;
    top: 5px;
    background: url(../Image/more.png) no-repeat center center rgba(0,0,0,.6);
}
.mr_frUl3 ul li .more span {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    padding-top: 160px;
    text-align: center;
}
.mr_frUl3 ul li:hover {
    border-color: #3f924d;
}
.mr_frUl3 ul li:hover .more {
    height: 276px;
}
/*ENG*/
.location {
    background: #efefef;
}
.location ,.location a {
    line-height: 40px;
    font-size: 14px;
    color: #656565;
}
.pro {
    margin-top: 30px;
}
.sidebar {
    width: 218px;
    margin-bottom: 40px;
}
.sidebar .title {
    padding-top: 38px;
    height: 84px;
    padding-left: 40px;
    background: #7ec461;
    border-top: 5px solid #3F924D;
    color: #fff;
    line-height: 1;
}
.sidebar .title .en {
    font-size: 22px;
}
.sidebar .title .cn {
    font-size: 18px;
    margin-top: 12px;
}
.sidebar .list {
    padding-bottom: 26px;
    background: #e5e5e5;
    margin-bottom: 39px;
}
.sidebar .list li {
    border-bottom: 1px solid #d9dadd;
}
.sidebar .list a {
    display: block;
    border-left: 6px solid #e5e5e5;
    padding-left: 18px;
    height: 43px;
    line-height: 43px;
    font-size: 16px;
    color: #153369;
}
.sidebar .list a:hover, .sidebar .list a.current {
    background: #fff;
    border-color: #3F924D;
}
.sidebar .det {
    background: #e5e5e5;
    padding: 15px;
    background: #e5e5e5;
    font-size: 14px;
    color: #393939;
    line-height: 30px;
}
.article .lists li {width:278px;height:332px; text-align:center;float: left; margin-right:10px; margin-left: 8px; margin-bottom: 20px; border: 1px solid #d2d2d2;transition:all 0.3s linear 0s; }
.article .lists li p {
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    font-size: 14px;
    color: #555;
    transition:all 0.3s linear 0s;
}
.article .lists li:hover {
    border-color: #7ec461;
}
.article .lists li:hover p {
    background: #7ec461;
    color: #fff;
}
.article {
    width:900px;
    margin-bottom: 60px;
}
.article img {
    max-width: 900px;
}
.article .cat {
    line-height: 35px;
    font-size: 16px;
    border-bottom: 3px solid #7ec461;
    font-weight: bold;
    margin-bottom: 25px;
    overflow: hidden;
}
.article .cat span {
    display: block;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    background: #7ec461;
    color: #fff;
}
.article .cat .sanjiao {
    display: block;
    width: 0;
    height: 0;
    float: left;
    border-bottom: 35px solid #7ec461;
    border-left: 0px solid transparent;
    border-right: 14px solid transparent;
}
.article .newslist li {
    border-bottom: 1px dashed #ccc;
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 10px;
    line-height: 30px;
    font-size: 14px;
}
.article .newslist li a {
    color: #7a7a7a;
}
.article .newslist li .name {
    color: #303030;
    transition:all 0.3s linear 0s;
    margin-bottom: 10px;
    font-size: 16px;
}
.article .newslist li a:hover .name {
    color: #7ec461;
}
.article .newslist li .time {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    background: #7a7a7a;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    transition:all 0.3s linear 0s;
}
.article .newslist li a:hover .time {
    background: #7ec461;
}
.page {
    width: 100%;
    margin-top: 40px;
    line-height: 31px;
    text-align: center;
}
.page a {
    color: #fff;
    background: #7ec461;
    border-radius: 5px;
    padding: 7px;
}
.page span.current {
    background: #3F924D;
    color: #fff;
    border-radius: 5px;
    padding: 7px;
}
.prev_next {
    margin-top: 20px;
}
.prev_next , .prev_next a {
    color: #7a7a7a;
}



































@charset "utf-8";
/* CSS Document */
/* 演示页面CSS样式 */

#dtit a,
.dtit2 a {color:#f00}

#dtit {margin-bottom:10px;width:auto; height:34px; line-height:34px; background-color:#eee; border-bottom:solid 1px #ccc; font-size:14px; padding:0 20px}
#dtit a.x {display: block; float:right;background-color: #F00; color: #fff; height: 30px; line-height: 30px; padding: 0 15px; text-align: center; border-radius: 17px; margin-left: 20px; margin-top: 2px; text-decoration: none;}
#demotit {width:auto; height:30px; line-height:30px; text-align:center; margin:0 auto 10px; border-bottom:solid 1px #CCC}
#demotit span {width:100px; height:30px; margin:0 auto; background-color:#EEE; display:block}
.ad {width:980px; height:auto; overflow:hidden; margin:0 auto 10px; margin-top:10px}
/*广告2不再使用*/
.ad2 {width:980px; height:auto; overflow:hidden; margin:0 auto 10px; margin-top:10px; border-top:solid 1px #CCC; padding-top:5PX}
.democon {width:100%; height:auto; overflow:hidden; clear:both}



/*演示页V2*/
#switcher {height:40px; line-height: 40px; color: #fff; background:#222222; z-index: 99999; position: fixed;
	width: 100%;
    top: 0; border-bottom:3px solid #fff;
}
 
.center {
width: 100%;
padding-top: 0px;
}

.center ul li {

display: inline;
float: left;
position: relative;

}


.center ul li ul li {
margin: 0 0 1px 4px;
padding: 5px;
width: 271px;
}

.center ul li ul li a {
display: block;
width: 210px;
font-size: 13px;
color: #c4beab;
float: left;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
}
    .center ul li ul li .tag {
        display: block;
        width: 50px;
        height: 22px;
        font-size: 10px;
        color: #c4beab;
        margin: 0 8px 0 0;
        line-height: 22px;
        white-space: nowrap;
        background: url(sel-sp-act.png) no-repeat;
        text-align: center;
        float: left;
    }
    .center ul li ul li a span.link {
        display: block;
        width: 209px;
        height: 22px;
        overflow: hidden;
        float: left;
    }

.center ul li ul li:hover {
    background: url(sel-act.png) no-repeat;
}
    .center ul li ul li:hover a {
        color: #f8bc06;
    }
    .center ul li ul li:hover .tag {
        color: #f8bc06;
    }

.center ul li ul li:first-child {
margin-top: 3px;

}

li.device-resolution {
    text-transform: uppercase;
    font-size: 12px;
    color: #ada58b;
    font-family: 'Cambria';
    line-height: 54px;
}

li.purchase {
    float: right !important;
    margin-top: 11px;
}

li.purchase a {
    padding: 0;
    background: url(trolley2.png) no-repeat 0 0;
    width: 133px;
    height: 36px;
    display: block;
    transition: all 0.3s ease-out 0s;
}
li.purchase a:hover {
    background-position: 0 -36px;
}

li.remove_frame {
    margin-left: 17px;
    float: right !important;
    margin-right: 30px;
}

li.remove_frame a.closeFrame {
    background: url(../images/cross2.png) no-repeat 0px 0px;
    width: 20px;
    height: 21px;
    display: block;
    margin-top: 18px;
    transition: all 0.3s ease-out 0s;
}
li.remove_frame a.closeFrame:hover {
    background-position: 0px -21px;
}

li.remove_frame a.addGroup{float:left;position:absolute;top:17px;right:80px;}
#iframe {
margin-top: 0px;

} 

.icon-monitor, .icon-tablet, .icon-mobile-1, .icon-mobile-2, .icon-mobile-3 {
    margin-right: 7px;
    margin-top: 9px;
    width:30px;
    height: 23px;
}
.icon-monitor { background-image: url(demo_device_ico.png); background-position: 0 0; background-repeat: no-repeat; }
.icon-tablet {
    background: url(demo_device_ico.png) no-repeat -40px 0;
}
.icon-mobile-1 {
    background: url(demo_device_ico.png) no-repeat -76px 0;
}

.icon-monitor:hover, .icon-monitor.active {
    background-position: 0 -24px;
}
.icon-tablet:hover, .icon-tablet.active {
    background-position: -40px -24px;
}
.icon-mobile-1:hover, .icon-mobile-1.active {
    background-position: -76px -24px;
}


.icon-mobile-2 {
    background: url(demo_device_ico.png) no-repeat -118px 0;
}
.icon-mobile-3 {
    background: url(demo_device_ico.png) no-repeat -151px 0;
}
.icon-mobile-2:hover, .icon-mobile-2.active {
    background-position: -118px -24px;
}
.icon-mobile-3:hover, .icon-mobile-3.active {
    background-position: -151px -24px;
}


#iframe-wrap {
    height: 100%;
    overflow: visible;
    position: relative;
    top: 40px;
    z-index: 50;
}
.tablet-width {
    height: 1000px !important;
    margin: 0 auto;
    padding: 175px 100px 115px 100px;
    width: 785px;
    margin-top: 40px;
	margin-bottom: 40px;
    background: url(demo_bg_mob.png) no-repeat 0 0;
}
    .tablet-width iframe {
        height: 960px !important;
    }
.mobile-width {
    height: 730px !important;
    margin: 0 auto;
    padding: 165px 115px 100px 100px;
    width: 1041px;
    margin-top: 40px;
    background: url(demo_bg_mob.png) no-repeat 0 -1249px;
}
    .mobile-width iframe {
        height: 704px !important;
    }
.mobile-width-2 {
    height: 417px !important;
    margin: 0 auto;
    padding: 125px 25px 159px 25px;
    width: 337px;
    margin-top: 40px;
    background: url(demo_bg_mob.png) no-repeat 0 -2217px;
}
    .mobile-width-2 iframe {
        height: 416px !important;
    }
.mobile-width-3 {
    height: 256px !important;
    margin: 0 auto;
    padding: 45px 115px 69px 105px;
    width: 497px;
    margin-top: 40px;
    background: url(demo_bg_mob.png) no-repeat -387px -2217px;
}
    .mobile-width-3 iframe {
        height: 256px !important;
    }
.by{overflow-y: hidden}


@-webkit-keyframes swing{
20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
20%,40%,60%,80%,100%{-moz-transform-origin:top center}
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0deg)}
}






#container {
position:fixed; 
top:30px;
left:0;
bottom:41px; 
right:0; 
overflow:auto; 
background:#fff;

text-align:center;
}
 #container {
height:100%; 
width:100%; 
}

#left { float:left;width:19.1%;background-color: #e0ced6; height:100%;}
#right {float:right;width:80.9%;background-color: #ffcc00;height:100%}
.ScrCont div p {
    height: 78px;
    line-height: 55px;
    overflow: hidden;
    font-size: 14px;
    color: #555;
    transition:all 0.3s linear 0s;
}

.ScrCont div p a:hover {
    border-color: #3f924d;
}