@import "bootstrap.css";
@import "base.css";

/*header*/
div.header{ width: 100%; border-top: 5px solid #02c1b1; background-color: #FFF; padding: 30px 0; }
div.header a.logo{ display: block; width: 400px; height: 60px; overflow: hidden; }
div.header a.logo img{  max-width: 100%; }

div.header .right{ width: 770px; float: right; }
div.header .right img{ width: 100%; }

div.header .menu{ display: none; }

/*navigation*/
div.navigation{ width: 100%; background-color: #f2f2f2; }
div.navigation ul.list{ width: 100%; display: table; }
div.navigation ul.list li{ display: table-cell; width: 11.1%; padding: 15px 0; text-align: center; font-size: 14px; background: url('../images/nav_line.png') no-repeat left center; }
div.navigation ul.list li:first-child{ background: transparent; }
div.navigation ul.list li a{ color: #333; }
div.navigation ul.list li a:hover, div.navigation ul.list li a:focus{ text-decoration: none; }
div.navigation ul.list li.active{ border-top: 3px solid #02c1b1; background-color: #FFF; }
div.navigation ul.list li.active a{ color: #02c1b1;}

@media (max-width: 1200px) {
    div.header{ position: relative; padding-left: 350px; }
    div.header a.logo{ width: 320px; height: 48px; position: absolute; top: 50%; margin-top: -24px; left: 15px; z-index: 1; }
    div.header .right{ width: 100%; min-height: 48px; }
}

@media (max-width: 980px) {
    div.navigation ul.list li{ font-size: 12px; }
}

@media (max-width: 678px) {
    body{ padding-top: 70px; }
    body, div.header, div.navigation{
        transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s; /* Firefox 4 */
        -webkit-transition: all 0.3s linear 0s; /* Safari 和 Chrome */
        -o-transition: all 0.3s linear 0s; /* Opera */
    }

    div.header{ height: 70px; padding: 10px 0; box-shadow: 0 3px 6px rgba(0, 0, 0, .1); position: fixed; top: 0; left: 0; z-index: 9999; }
    div.header a.logo{ width: 240px; height: inherit; left: inherit; top: inherit; position: relative; margin-top: 0; float: right; }
    div.header .right{ display: none; }
    div.header .menu{ display: block; width: 21px; height: 21px; background: url('../images/menu.png') no-repeat left center; background-size: 100%; font-size: 21px; margin-top: 12px; color: #333; float: left; }
    div.header .menu i{ display: none; }

    div.navigation{ width: 160px; height: 100%; border-top: 5px solid #02c1b1; position: fixed; top: 0; left: -160px; z-index: 9999; }
    div.navigation .container{ padding: 0; width: 100%; height: 100%; overflow-y: auto; }
    div.navigation ul.list{ display: block; }
    div.navigation ul.list li{ display: block; width: 100%; background: transparent; padding: 22px 0; font-size: 16px; }
    div.navigation ul.list li.active{ border-top: 0; border-left: 5px solid #02c1b1; }

    body.fixed{ margin-left: 160px; }
    body.fixed div.header .menu{ background-image: url('../images/close.png'); }
    body.fixed div.header{ left: 160px; }
    body.fixed div.navigation{ left: 0; }
}

@media (max-width: 320px) {
    div.header .menu{ margin-top: 10px; }
    div.header a.logo{ width: 200px; }
}

/*footer*/
div.footer{ width: 100%; background-color: #02c1b1; color: #FFF; padding: 40px 0; }
div.footer .f-list{ width: 100%; display: table; line-height: 24px; }
div.footer .f-list .cell{ display: table-cell; padding: 0 15px; border-left: 1px solid #12f4e1; border-right: 1px solid #028a7f; vertical-align: top; }
div.footer .f-list .cell.left{ width: 40%; border-left: 0; padding-left: 0; }
div.footer .f-list .cell.left dl{ display: table; width: 100%; margin-bottom: 15px; }
div.footer .f-list .cell.left dl dt, div.footer .f-list .cell.left dl dd{ display: table-cell; }
div.footer .f-list .cell.left dl dt{ white-space: nowrap; font-size: 16px; font-weight: bold; }
div.footer .f-list .cell.left dl dt:after{ display: inline-block; content: '：'; }
div.footer .f-list .cell.left dl dd{ font-size: 14px; padding-left: 10px; }
div.footer .f-list .cell.left dl dd a{ display: inline-block; padding: 0 15px 8px 15px; }
div.footer .f-list .cell.left a{ color: #FFF;}
div.footer .f-list .cell.left i{padding: 0 15px;}

div.footer .f-list .cell.middle{ text-align: center; }
div.footer .f-list .cell.middle dl{ display: inline-block; }
div.footer .f-list .cell.middle dl dt{ font-size: 16px; font-weight: bold; text-align: left; padding-bottom: 10px; }
div.footer .f-list .cell.middle dl dt:after{ display: inline-block; content: '：'; }
div.footer .f-list .cell.middle dl dd{ font-size: 36px; text-align: left; line-height: 42px; }
div.footer .f-list .cell.middle dl dd *{ color: #FFF; }

div.footer .f-list .cell.right{ width: 30%; border-right: 0; text-align: center; padding-right: 0; }
div.footer .f-list .cell.right dl{ display: inline-block; }
div.footer .f-list .cell.right dt{ font-size: 16px; font-weight: bold; text-align: left; padding-bottom: 10px; }
div.footer .f-list .cell.right dt:after{ display: inline-block; content: '：'; }
div.footer .f-list .cell.right dd{ }
div.footer .f-list .cell.right dd p{ display: inline-block; margin: 0 5px;width: 100px; }
div.footer .f-list .cell.right dd p img{ width: 100%; }
div.footer .f-list .cell.right dd p:after{ display: block; font-size: 14px; content: '微信客服-2'; text-align: center; padding-top: 5px; }
div.footer .f-list .cell.right dd p:first-child:after{ content: '微信客服-1'; }


@media (max-width: 1200px) {
    div.footer .f-list .cell.left dl dt, div.footer .f-list .cell.right dt, div.footer .f-list .cell.middle dl dt{ font-size: 14px; }
    div.footer .f-list .cell.left dl dd{ font-size: 12px; }
    div.footer .f-list .cell.left dl dd a{ padding: 0 8px 5px 8px; }
    div.footer .f-list .cell.middle dl dd{ font-size: 24px; line-height: 30px; }
    div.footer .f-list .cell.right dd p{ width: 80px; }
    div.footer .f-list .cell.right dd p img{ width: 100%; }
}

@media (max-width: 790px) {
    div.footer .f-list .cell.middle dl dd{ font-size: 18px; line-height: 24px; }
    div.footer .f-list .cell.right{ width: auto; }
}

@media (max-width: 678px) {
    div.footer{ padding: 15px 0; }
    div.footer .f-list{ display: block; }
    div.footer .f-list .cell{ display: block; border: 0; border-top: 1px solid #12f4e1;/* border-bottom: 1px solid #028a7f;*/ }
    div.footer .f-list .cell.left, div.footer .f-list .cell.middle, div.footer .f-list .cell.right{ width: 100%; padding: 20px 0; }
    div.footer .f-list .cell.left{ border-top: 0; }
    div.footer .f-list .cell.right{ border-bottom: 0; display: none; }

    div.footer .f-list .cell.left dl dt, div.footer .f-list .cell.middle dl dt,div.footer .f-list .cell.right dt{ text-align: center; font-size: 16px; }
    div.footer .f-list .cell.left dl dt:after, div.footer .f-list .cell.middle dl dt:after, div.footer .f-list .cell.right dt:after{ display: none; }

    div.footer .f-list .cell.left{ text-align: center; }
    div.footer .f-list .cell.left dl dt, div.footer .f-list .cell.left dl dd{ display: block; width: 100%; text-align: center; }
    div.footer .f-list .cell.left dl dt{ padding-bottom: 10px; }
}

@media (max-width: 450px) {
    div.footer .f-list .cell.left dl{ display: none; }
    div.footer .f-list .cell.left span.sm-block{ display: block; }

    div.footer .f-list .cell.middle{ display: none; }
}

/*fLink*/
div.fLink{ width: 100%; min-height: 54px; background-color: #dcdcdc; }
div.fLink dl{ display: table; width: 100%; }
div.fLink dl dt, div.fLink dl dd{ display: table-cell; vertical-align: top; font-size: 14px; line-height: 24px; padding: 15px 0; }
div.fLink dl dt{ width: 80px; white-space: nowrap; color: #333; }
div.fLink dl dt:after{ display: inline-block; content: '：';}
div.fLink dl dd{ }
div.fLink dl dd a{ color: #666; display: inline-block; padding: 0 15px; }

@media (max-width: 678px) {
    div.fLink dl{ display: none; }
}

/*swipe-wrapper*/
div.swipe-wrapper{ width: 100%;  overflow: hidden; position: relative; }
div.swipe-wrapper ul{ }
div.swipe-wrapper li{ width: 100%; }
div.swipe-wrapper li img{ width: 100%; }

div.swipe-wrapper .dots{ width: 100%; text-align: center; padding: 24px 0; position: absolute; left: 0; bottom: 0; z-index: 99; }
div.swipe-wrapper .dots span{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; background: url('../images/dots.png') no-repeat top center; cursor: pointer; }
div.swipe-wrapper .dots span.act{ width: 30px; background-image: url('../images/dots_hover.png'); }

div.swipe-wrapper .btns{ width: 60px; height: 100px; background: no-repeat left center; position: absolute; top: 50%; margin-top: -50px; z-index: 99; cursor: pointer; }
div.swipe-wrapper .btn-left{ background-image: url("../images/btn_left.png"); left: 0; }
div.swipe-wrapper .btn-right{ background-image: url("../images/btn_right.png"); right: 0; }

@media (max-width: 678px) {
    div.swipe-wrapper .dots{ padding: 12px 0; }
    div.swipe-wrapper .dots span{ width: 8px; height: 8px; background-size: 100%; margin: 0 2px; }
    div.swipe-wrapper .dots span.act{ width: 20px; }

    div.swipe-wrapper .btns{ width: 30px; height: 50px; margin-top: -25px; background-size: 100%; }
}

/*hots-wrapper*/
div.hots-wrapper{ width: 100%; background-color: #02c1b1; color: #FFF; }
div.hots-wrapper .container{ position: relative; padding: 15px 210px 15px 0; }

div.hots-wrapper dl.tags{ display: table; font-size: 14px; width: 100%; }
div.hots-wrapper dl.tags dt, div.hots-wrapper dl.tags dd{ display: table-cell; }
div.hots-wrapper dl.tags dt{ white-space: nowrap; width: 20px; padding-right: 10px; }
div.hots-wrapper dl.tags dt:after{ display: inline-block; content: '：'; }
div.hots-wrapper dl.tags dd{ }
div.hots-wrapper dl.tags dd a{ color: #FFF; display: inline-block; padding: 0 8px; line-height: 24px; }

div.hots-wrapper form.search{ width: 210px; height: 28px; border: 1px solid #FFF; overflow: hidden; position: absolute; top: 50%; margin-top: -14px; right: 0; z-index: 1;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
div.hots-wrapper form.search input.ipt-txt{ width: 170px; height: 100%; padding: 0 20px; outline: none; border: 0; background: transparent; float: left; }
div.hots-wrapper form.search button.btn-submit{ width: 38px; height: 100%; border: 0;
    outline:none; background: url("../images/search.png") no-repeat center; float: right; }

@media (max-width: 1200px) {
    div.hots-wrapper .container{ padding: 15px 180px 15px 15px; }
    div.hots-wrapper form.search{ width: 165px; right: 15px; }
    div.hots-wrapper form.search input.ipt-txt{ width: 120px; padding: 0 15px; }
}

@media (max-width: 678px) {
    div.hots-wrapper .container{ padding: 15px; }
    div.hots-wrapper dl.tags{ display: none; font-size: 12px; }
    div.hots-wrapper dl.tags dd a{ padding: 0 5px; }
    div.hots-wrapper form.search{ display: none; }
}

/*qq-service*/
div.qq-service{ width: 45px; height: 230px; /*background-color: #FFF;*/ position: fixed; top: 35%; right: 0; z-index: 999; display: none; }
div.qq-service a{ display: block; width: 45px; height: 45px; overflow: hidden; color: #333; font-size: 14px; line-height: 45px; white-space: nowrap; padding-left:45px; background: #02c1b1 no-repeat left center; position: absolute; right: 0; z-index: 1;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s; /* Firefox 4 */
    -webkit-transition: all 0.3s linear 0s; /* Safari 和 Chrome */
    -o-transition: all 0.3s linear 0s; /* Opera */
}
div.qq-service a.top{ background-image: url('../images/right_top.png'); top: 0; }
div.qq-service a.tel{ background-image: url('../images/right_tel.png'); top: 47px; }
div.qq-service a.qq{ background-image: url('../images/right_qq.png'); top: 94px; }
div.qq-service a.say{ background-image: url('../images/right_say.png'); top: 141px; display: none }
div.qq-service a.wx{ background-image: url('../images/right_wx.png'); /*top: 188px;*/ top: 141px;}

div.qq-service a.tel:hover, div.qq-service a.qq:hover, div.qq-service a.say:hover{ width: auto; text-decoration: none; padding: 0 15px 0 50px; }

@media (max-width: 678px) {
    div.qq-service{ width: auto; height: auto; right: 15px; top: inherit; bottom: 45px; background: transparent; }
    div.qq-service a{ display: none; }
    div.qq-service a.top{ display: block; position: relative; border: 1px solid #DDD; background-color: rgba(2, 193, 177, .8); background-size: 100%;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }
}

/*list-wrapper*/
div.list-wrapper{ width: 100%; background-color: #f3f3f3; padding: 60px 0; }
div.list-wrapper .top-title{ width: 100%; text-align: center; padding-bottom: 30px; }
div.list-wrapper .top-title h2{ font-size: 32px; padding-bottom: 15px; }
div.list-wrapper .top-title h2 span{ color: #02c1b1; }
div.list-wrapper .top-title p{ font-size: 16px; }

div.list-wrapper .inner{ width: 100%; min-height: 635px; position: relative; padding-left: 260px; }
div.list-wrapper .left-menu{ width: 215px; position: absolute; top: 0; left: 0; z-index: 99; }
div.list-wrapper .left-menu .title{ padding: 16px 15px 16px 65px; background: #02c1b1 url("../images/sudoku.png") no-repeat 15px center; color: #FFF; }
div.list-wrapper .left-menu .title h2{ font-size: 24px; }
div.list-wrapper .left-menu .title p{ font-size: 12px; }
div.list-wrapper .left-menu ul{ width: 100%; background-color: #FFF; }
div.list-wrapper .left-menu ul li{ font-size: 14px; padding: 16px 15px 16px 45px; line-height: 14px; border-bottom: 1px solid #f3f3f3; background: url('../images/arrow_play.png') no-repeat 15px center; }
div.list-wrapper .left-menu ul li a{ color: #333; }
div.list-wrapper .left-menu ul li a:hover, div.list-wrapper .left-menu ul li a:focus{ text-decoration: none; color: #02c1b1; }
div.list-wrapper .left-menu ul li.active{ border-left: 3px solid #02c1b1; }
div.list-wrapper .left-menu ul li.active a{ color: #02c1b1; }

div.list-wrapper .left-menu a.more{ font-size: 14px; color: #02c1b1; padding: 12px 15px; text-align: center; display: block; width: 100%; }
div.list-wrapper .left-menu a.more:hover, div.list-wrapper .left-menu a.more:focus{ text-decoration: none; }
div.list-wrapper .left-menu a.view{ display: none; }

div.list-wrapper .lit-title{ width: 100%; }
div.list-wrapper .lit-title h2{ font-size: 20px; float: left; }
div.list-wrapper .lit-title a.more{ color: #999; display: inline-block; font-size: 12px; border: 1px solid #999; line-height: 12px; padding: 5px 10px; float: right;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
div.list-wrapper .lit-title a.more:hover, div.list-wrapper .lit-title a.more:focus{ text-decoration: none; color: #FFF; background-color: #999; }
div.list-wrapper .lit-title:after{ display: block; content: ''; clear: both; }

div.list-wrapper .right-list{ width: 100%; }
div.list-wrapper .right-list .list{ width: 100%; }
div.list-wrapper .right-list .list:after{ display: block; content: ''; clear: both; }
div.list-wrapper .right-list dl{ width: 208px; height: 285px; overflow: hidden; padding: 18px; margin: 14px 0 14px 36px; background-color: #FFF; position: relative; float: left; }
div.list-wrapper .right-list dl:nth-child(4n+1){ margin-left: 0; }
div.list-wrapper .right-list dl dt{ width: 100%; overflow: hidden; }
div.list-wrapper .right-list dl dt img{ width: 100%;
	height: auto;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.list-wrapper .right-list dl dt a:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
div.list-wrapper .right-list dl dd{ padding-top: 5px; }
div.list-wrapper .right-list dl dd h3{ font-size: 16px; text-align: center; line-height: 28px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.list-wrapper .right-list dl dd h3 a{ color: #333; }
div.list-wrapper .right-list dl dd p{ height: 36px; overflow: hidden; font-size: 12px; color: #666; }

div.list-wrapper .right-list dl dd.fixed{ width: 100%; height: 100%; padding: 18px; display: flex; justify-content: center; justify-items: center; flex-direction: column; background-color: rgba(27, 199, 185, .9); position: absolute; top: 100%; left: 0; z-index: 9;
    transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;
}
div.list-wrapper .right-list dl dd.fixed a.link{ display: block; width: 130px; border: 2px solid #FFF; padding: 5px 0; color: #FFF; font-size: 14px; margin: 5px auto; text-align: center; }
div.list-wrapper .right-list dl dd.fixed a.link:hover{ text-decoration: none; background-color: #f1f1f1; border-color: #f1f1f1; color: #666; }
div.list-wrapper .right-list dl dd.fixed h3{ position: relative; margin-top: 25px; }
div.list-wrapper .right-list dl dd.fixed h3:before{ display: block; width: 40px; height: 2px; background-color: #FFF; content: ''; margin-bottom: 6px;  position: relative; left: 50%; margin-left: -20px; }
div.list-wrapper .right-list dl dd.fixed h3 a{ color: #FFF; }
div.list-wrapper .right-list dl dd.fixed p{ color: #FFF; }
div.list-wrapper .right-list dl dd.fixed p.more{ display: block; text-align: center; width: 100%; padding-top: 10px; }
div.list-wrapper .right-list dl dd.fixed p.more a{ color: #FFF; }
div.list-wrapper .right-list:after{ display: block; content: ''; clear: both; }
div.list-wrapper .right-list dl:hover dd.fixed{ top: 0; }

@media (max-width: 1200px) {
    div.list-wrapper .lit-title{ padding-bottom: 10px; }
    div.list-wrapper .right-list dl{ width: 32%; height: auto; margin: 1% 0 1% 2%; }
    div.list-wrapper .right-list dl:nth-child(4n+1){ margin: 1% 0 1% 2%; }
    div.list-wrapper .right-list dl:nth-child(3n+1){ margin: 1% 0; }

    div.list-wrapper .right-list dl dd.fixed p{ display: none; }
}

@media (max-width: 890px) {
    div.list-wrapper .right-list dl{ width: 48.5%; margin: 1% 0 1% 2%; }
    div.list-wrapper .right-list dl:nth-child(4n+1), div.list-wrapper .right-list dl:nth-child(3n+1){ margin: 1% 0 1% 2%; }
    div.list-wrapper .right-list dl:nth-child(2n+1){ margin: 1% 0; }
}

@media (max-width: 678px) {
    div.list-wrapper{ padding: 30px 0; }
    div.list-wrapper .top-title h2{ font-size: 24px; }
    div.list-wrapper .top-title p{ font-size: 12px; }

    div.list-wrapper .inner{ padding-left: 0; }
    div.list-wrapper .left-menu{ width: 180px; left: -200px; }
    div.list-wrapper .left-menu .title h2{ font-size: 18px; padding-bottom: 5px; }
    div.list-wrapper .left-menu .title p{ line-height: 16px; }
    div.list-wrapper .left-menu a.view{ display: block; width: 42px; height: 110px; color: #FFF; font-size: 16px; line-height: 20px; padding: 15px 12px; background-color: #02c1b1; position: fixed; left: 0; top: 42%; /*top: -90px; right: -42px;*/ z-index: 999; border-left: 1px solid rgba(255, 255, 255, .6);
        -moz-border-top-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    div.list-wrapper .left-menu a.view:hover, div.list-wrapper .left-menu a.view:focus{ text-decoration: none; }

    div.list-wrapper .left-menu.active{ top: 45px; left: -15px; background: #fff}
    div.list-wrapper .left-menu.active a.view{ height: inherit; position: absolute; top: 0; left: auto; right: -42px; }

    div.left-menu .left-box{ display: none; }
}

@media (max-width: 365px) {
    div.list-wrapper .right-list dl{ width: 100%; margin: 3% 0; }
    div.list-wrapper .right-list dl:nth-child(4n+1), div.list-wrapper .right-list dl:nth-child(3n+1), div.list-wrapper .right-list dl:nth-child(2n+1){ margin: 3% 0; }
    div.list-wrapper .right-list dl dd{ padding: 15px 0; }
    div.list-wrapper .right-list dl dd h3{ padding-bottom: 10px; }
    div.list-wrapper .right-list dl dd p{ height: inherit; }
    div.list-wrapper .right-list dl dd.fixed p.more{ height: 30px; }
}

/*honor-wrapper*/
div.honor-wrapper{ width: 100%; padding-bottom: 50px; overflow: hidden; position: relative; }
div.honor-wrapper ul{ }
div.honor-wrapper ul li{ }
div.honor-wrapper ul li a{ display: block; width: 186px; margin-left: 15px ;float: left; }
div.honor-wrapper ul li a:first-child{ margin-left: 0; }
div.honor-wrapper ul li a img{ width: 100%; }
div.honor-wrapper ul li:after{ display: block; content: ''; clear: both; }

div.honor-wrapper .btns{ width: 49%; background-color: #dcdcdc; position: absolute; bottom: 0; z-index: 1; cursor: pointer; }
div.honor-wrapper .btns:after{ display: inline-block; width: 100%; font-size: 14px; color: #666; padding: 10px 15px; }
div.honor-wrapper .btn-left{ text-align: right; left: 0; }
div.honor-wrapper .btn-left:after{ content: '上一页'; }
div.honor-wrapper .btn-right{ text-align: left; right: 0; }
div.honor-wrapper .btn-right:after{ content: '下一页'; }

div.honor-wrapper.sm-honor{ display: none; }

@media (max-width: 1200px) {
    div.honor-wrapper ul li a{ width: 15.8%; margin-left: 1%; }
}

@media (max-width: 678px) {
    div.honor-wrapper{ display: none; }
    div.honor-wrapper.sm-honor{ display: block; }
    div.honor-wrapper.sm-honor ul li a{ width: 48%; margin-left: 2%; }
}

/*index-detail*/
div.index-detail{ width: 100%; padding: 30px 0; }
div.index-detail .d-panel{ width: 50%; overflow: hidden; float: left; }
div.index-detail .d-panel:nth-child(2n){ width: 45%; float: right; }

div.index-detail .d-panel .title{ width: 100%; padding: 10px 0 10px 42px; border-bottom: 2px solid #c6c6c6; background: no-repeat left center; position: relative; }
div.index-detail .d-panel .title h2{ font-size: 24px; }
div.index-detail .d-panel .title:before{ }
div.index-detail .d-panel .title.icon-01{ background-image: url('../images/index/arrow_home.png'); }
div.index-detail .d-panel .title.icon-02{ background-image: url('../images/index/arrow_video.png'); }
div.index-detail .d-panel .title.icon-03{ background-image: url('../images/index/arrow_file.png'); }
div.index-detail .d-panel .title.icon-04{ background-image: url('../images/index/arrow_news.png'); }

div.index-detail .d-panel .content{ padding: 15px 0; font-size: 14px; line-height: 24px; }

div.index-detail .d-panel .content a.view-about{ color: #02c1b1; }
div.index-detail .d-panel .content .about-img{ width: 300px; margin-right: 20px; margin-bottom: 15px; float: left; }
div.index-detail .d-panel .content .about-img img{ width: 100%; }

@media (max-width: 520px) {
    div.index-detail .d-panel .content .about-img{ width: 100%; margin-right: 0; }
}

    /*index-news-wrapper*/
div.index-news-wrapper{ width: 100%; position: relative; }
div.index-news-wrapper .btns{ width: 42px; height: 34px; background: no-repeat left center; position: absolute; top: -56px; right: 0; z-index: 1; cursor: pointer; }
div.index-news-wrapper .btn-left{ background-image: url('../images/index/btn_little_left.png'); right: 125px; }
div.index-news-wrapper .btn-right{ background-image: url('../images/index/btn_little_right.png'); right: 75px; }

div.index-news-wrapper a.more{ display: block; width: 65px; height: 34px; line-height: 34px; font-size: 14px; text-align: center; background-color: #02c1b1; color: #FFF; position: absolute; top: -56px; right: 0; z-index: 1; }
div.index-news-wrapper a.more:hover{ text-decoration: none; color: #f1f1f1; }

div.index-news-wrapper .item{ position: relative; overflow: hidden;}
div.index-news-wrapper .item dl{ width: 100%; min-height: 110px; padding: 10px 0 10px 100px; position: relative; }
div.index-news-wrapper .item dl dt, div.index-news-wrapper .item dl dd{  }
div.index-news-wrapper .item dl dt{ width: 90px; position: absolute; top: 0; left: 0; z-index: 1; }
div.index-news-wrapper .item dl dt p{ width: 88px; height: 96px; color: #FFF; font-weight: normal; display: flex; justify-items: center; justify-content: center; flex-direction: column; background: url('../images/index/li_style_01.png') no-repeat; background-size: 100%; }
div.index-news-wrapper .item dl dt p span{ font-size: 14px; display: block; text-align: center; }
div.index-news-wrapper .item dl dt p span:first-child{ font-size: 48px; line-height: 48px; }

div.index-news-wrapper .item dl dd{ width: 100%; padding: 0 10px 0 20px; }
div.index-news-wrapper .item dl dd h3{ width: 100%; font-size: 16px; padding-bottom: 10px; line-height: 21px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.index-news-wrapper .item dl dd h3 a{ color: #333; }
div.index-news-wrapper .item dl dd h3 a:hover{ text-decoration: none; color: #666; }
div.index-news-wrapper .item dl dd p{ height: 42px; overflow: hidden; font-size: 14px; color: #666; }

div.index-news-wrapper.solution-wrapper .item dl dt a{ display: block; width: 88px; height: 96px; overflow: hidden; position: relative; }
div.index-news-wrapper.solution-wrapper .item dl dt a img{ width: 100%; min-height: 100%; position: relative; z-index: 1;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.index-news-wrapper.solution-wrapper .item dl dt a:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
div.index-news-wrapper.solution-wrapper .item dl dt a:before{ width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; z-index: 9; background: url("../images/index/li_style_02.png") left top; background-size: 100%; }

@media (max-width: 1200px) {

}

@media (max-width: 890px) {
    div.index-detail .d-panel{ width: 100%; margin-bottom: 20px; }
    div.index-detail .d-panel:nth-child(2n){ width: 100%; }
    div.index-detail .d-panel.index-video{ display: none; }
}

/*banner-wrapper*/
div.banner-wrapper{ width: 100%; overflow: hidden; position: relative; z-index: 1; }
div.banner-wrapper a{ display: block; width: 1920px; position: relative; left: 50%; margin-left: -960px; }
div.banner-wrapper img{ width: 100%; }

@media (max-width: 678px) {
    div.banner-wrapper a{ width: 800px; margin-left: -400px; }
}

/*position-wrapper*/
div.position-wrapper{ width: 100%; padding: 20px 0; text-align: right; }

div.position{ font-size: 14px; color: #666; display: inline-block; }
div.position:before{ display: inline-block; content: ''; width: 13px; height: 18px; vertical-align: middle; margin-right: 5px; background: url('../images/pos.png') no-repeat left center; }
div.position a{ color: #666; }

@media (max-width: 678px) {
    div.position{ font-size: 12px; }
}

/*introduce-wrapper*/
div.introduce-wrapper{ width: 100%; background-color: #f2f2f2; padding: 60px 0; }
div.introduce-wrapper .info{ padding-top: 30px; font-size: 14px; color: #666; line-height: 24px; }
div.introduce-wrapper .intro-img{ width: 280px; margin-left: 20px; float: right; }
div.introduce-wrapper .intro-img img{ width: 100%; }

/*about-title*/
div.about-title{ display: inline-block; }
div.about-title h2, div.about-title p{ display: inline-block; vertical-align: middle; }
div.about-title h2{ color: #666; font-weight: bold; font-size: 26px; border-bottom: 3px solid #02c1b1; padding: 10px 0; }
div.about-title h2{ }
div.about-title p{ font-size: 20px; color: #02c1b1; }
div.about-title p:before{ display: inline-block; content: '/'; padding: 0 8px;  }

@media (max-width: 678px) {
    div.introduce-wrapper .intro-img{ display: none; width: 100%; margin-left: 0; text-align: center; padding-bottom: 30px; float: none; }
    div.introduce-wrapper .intro-img img{ width: auto; max-width: 100%; }

    div.about-title h2{ font-size: 20px; }
    div.about-title p{ font-size: 16px; }
}

/*culture-wrapper*/
div.culture-wrapper{ padding: 50px 0; }
div.culture-wrapper .culture-list{ padding-top: 30px; }
div.culture-wrapper .culture-list .item{ height: 230px; overflow: hidden; float: left; }
div.culture-wrapper .culture-list .item a{ display: flex; justify-content: center; justify-items: center; text-align: center; flex-direction: column;  color: #FFF; width: 100%; height: 100%; position: relative; }
div.culture-wrapper .culture-list .item a img{ width: 100%; min-height: 100%;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.culture-wrapper .culture-list .item a:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
div.culture-wrapper .culture-list .item a:hover, div.culture-wrapper .culture-list .item a:focus{ text-decoration: none; }
div.culture-wrapper .culture-list .item a.txt:before{ display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; top: 100%; left: 0; z-index: 22;
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s; /* Firefox 4 */
    -webkit-transition: all 0.5s linear 0s; /* Safari 和 Chrome */
    -o-transition: all 0.5s linear 0s; /* Opera */
}
div.culture-wrapper .culture-list .item a.txt:hover:before{ top: 0; }


div.culture-wrapper .culture-list .item p.sm-txt{ display: none; }
div.culture-wrapper .culture-list .item a.txt{ padding: 20px 45px; font-size: 14px; line-height: 24px; }
div.culture-wrapper .culture-list .item a.txt h3{ font-size: 28px; font-weight: normal; padding-bottom: 20px; position: relative; }
div.culture-wrapper .culture-list .item a.txt h3:before{ display: block; width: 30px; height: 3px; background-color: #FFF; content: ''; position: absolute; top: -20px; left: 0; z-index: 1; }

div.culture-wrapper .culture-list .item.clr-01{ background-color: #02c1b1; }
div.culture-wrapper .culture-list .item.clr-02{ background-color: #00a0e9; }
div.culture-wrapper .culture-list .item.clr-03{ background-color: #009944; }

div.culture-wrapper .culture-list .item.wd{ width: 350px; }
div.culture-wrapper .culture-list .item.mid{ width: 490px; }

div.culture-wrapper .culture-list:after{ display: block; content: ''; clear: both; }

@media (max-width: 1200px) {
    div.culture-wrapper .culture-list .item{ height: 200px; }
    div.culture-wrapper .culture-list .item.wd{ width: 30%; }
    div.culture-wrapper .culture-list .item.mid{ width: 40%; }

    div.culture-wrapper .culture-list .item a.txt{ font-size: 12px; padding: 15px 20px; }
    div.culture-wrapper .culture-list .item a.txt h3{ font-size: 21px; }
    div.culture-wrapper .culture-list .item a.txt h3:before{ top: inherit; bottom: 8px; left: 50%; margin-left: -15px; }
}

@media (max-width: 678px) {
    div.culture-wrapper .culture-list .item{ height: 160px; }
    div.culture-wrapper .culture-list .item.sm-right{ float: right; }

    div.culture-wrapper .culture-list .item.wd, div.culture-wrapper .culture-list .item.mid{ width: 50%; }
    div.culture-wrapper .culture-list .item a.txt p{ display: none; }
    div.culture-wrapper .culture-list .item p.sm-txt{ display: flex; width: 100%; height: 100%; overflow: hidden; font-size: 14px; padding: 20px; background-color: rgba(0, 0, 0, .6); justify-content: center; justify-items: center; text-align: center; flex-direction: column; position: absolute; top: 0; left: 0; z-index: 10; }
}

@media (max-width: 400px) {
    div.culture-wrapper .culture-list .item p.sm-txt{ padding: 10px; font-size: 12px; }
}

/*team-wrapper*/
div.team-wrapper{ width: 100%; padding: 50px 0; background-color: #f2f2f2; }

div.team-list{ width: 100%; padding-top: 20px;  }
div.team-list .item{ width: 100%; margin: 10px 0; overflow: hidden; position: relative; }
div.team-list .item img{ width: 100%; min-height: 100%;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.team-list .item a:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}

div.team-list .item.h175{ height: 175px;}
div.team-list .item.h360{ height: 360px;}
div.team-list .item.txt{ height: 175px; background-color: #02c1b1; padding: 10px; }
div.team-list .item.txt a{ display: flex; width: 100%; height: 100%; color: #FFF; justify-items: center; justify-content: center; text-align: center; flex-direction: column; }
div.team-list .item.txt:after{ display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: absolute; top: 100%; left: 0; z-index: 10;
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s; /* Firefox 4 */
    -webkit-transition: all 0.5s linear 0s; /* Safari 和 Chrome */
    -o-transition: all 0.5s linear 0s; /* Opera */
}
div.team-list .item.txt a:hover, div.team-list .item.txt a:focus{ text-decoration: none; }
div.team-list .item.txt:hover:after{ top: 0; }
div.team-list .item.txt a h3{ font-size: 28px; padding-bottom: 10px; }
div.team-list .item.txt a p{ font-size: 14px; }

div.team-list .left, div.team-list .right{ width: 310px; }
div.team-list .left, div.team-list .right, div.team-list .mid{ float: left; }

div.team-list .left{}
div.team-list .mid{ width: 570px; padding: 0 10px; }
div.team-list .right{}

div.team-list:after{ display: block; content: ''; clear: both; }

@media (max-width: 1200px) {
    div.team-list{ display: table; }
    div.team-list .left, div.team-list .right{ width: 30%; }
    div.team-list .mid{ width: 40%; padding: 0 1%; }

    div.team-list .item.h175{ height: inherit;}
    div.team-list .item.txt{ height: 175px; }
    div.team-list .item.h360{ height: inherit;}

    div.team-list .item.txt a h3{ font-size: 16px; }
    div.team-list .item.txt a p{ font-size: 12px; }
}

@media (max-width: 678px) {
    div.team-list{ padding-top: 150px; position: relative; }
    div.team-list .mid{ width: 100%; padding: 0; position: absolute; top: 0; left: 0; z-index: 1; }
    div.team-list .mid .item.txt{ height: 140px; }
    div.team-list .mid img{ display: none; }
    div.team-list .left, div.team-list .right{ width: 49%; }
    div.team-list .right{ float: right; }
}

/*enterprise*/
div.enterprise{ width: 100%; padding: 50px 0; }
div.enterprise div.about-title{ margin-bottom: 20px; }

@media (max-width: 360px) {
    div.enterprise div.about-title p{ position: relative; padding-left: 20px; }
    div.enterprise div.about-title p span{ display: block; }
    div.enterprise div.about-title p:before{ display: block; position: absolute; top: 10px; left: 0; }
}

/*about-bottom*/
div.about-bottom{ display: table; width: 100%; margin-top: 50px; }
div.about-bottom .cell{ display: table-cell; width: 25%; line-height: 24px; font-size: 14px; color: #666; padding: 30px 20px; text-align: center; vertical-align: top; }
div.about-bottom .cell:hover{ background-color: #eeeeee; }
div.about-bottom .cell p.img{ margin-bottom: 15px; }
div.about-bottom .cell h4{ font-size: 18px; margin-bottom: 10px; }

div.about-bottom .cell.download{ vertical-align: middle; color: #FFF; text-align: center; background: url('../images/about/img_13.png') no-repeat left top; }
div.about-bottom .cell.download a.downLoadFile{ color: #FFF; display: inline-block; padding: 8px 15px; line-height: 18px; font-size: 18px; border: 2px solid #FFF; }
div.about-bottom .cell.download a.downLoadFile:hover{ text-decoration: none; background: #FFF; color: #265696; }


@media (max-width: 1200px) {
    div.about-bottom .cell{ font-size: 12px; line-height: 20px; }
    div.about-bottom .cell h4{ font-size: 16px; }

    div.about-bottom .cell.download a.downLoadFile{ font-size: 16px; }
}

@media (max-width: 678px) {
    div.about-bottom{ display: block; }
    div.about-bottom .cell{ display: block; width: 50%; height: 190px; padding: 15px 10px; overflow: hidden;  float: left; }
    div.about-bottom:after{ display: block; content: ''; clear: both; }

    div.about-bottom .cell.download{ display: flex; flex-direction: column; justify-content: center; justify-items: center; }
}

/*product-wrapper*/
div.product-wrapper{ width: 100%; }
div.product-wrapper .container{ position: relative; padding-left: 280px; }
div.list-wrapper.product-wrapper .right-list{ min-height: 1560px; }
div.list-wrapper.product-wrapper .right-list dl{ width: 215px; margin: 15px 0 15px 30px; }
div.list-wrapper.product-wrapper .lit-title{ border-bottom: 1px solid #CCC; padding-bottom: 15px; margin-bottom: 10px; }

@media (min-width: 981px) {
    div.list-wrapper.product-wrapper .right-list dl:nth-child(4n+1){ margin-left: 0; }
}

@media (min-width: 678px) {
    div.product-wrapper .container{ padding-left: 250px; }
}

@media (max-width: 1200px) and (min-width: 981px){
    div.list-wrapper.product-wrapper .right-list dl{ width: 23.5%; margin: 1% 0 1% 2%; }
}

@media (max-width: 980px) and (min-width: 800px){
    div.list-wrapper.product-wrapper .right-list dl{ width: 31.6%; margin: 1% 0 1% 2%; }
    div.list-wrapper.product-wrapper .right-list dl:nth-child(3n+1){ margin-left: 0; }
}

@media (max-width: 799px) {
    div.list-wrapper.product-wrapper .right-list dl{ width: 49%; margin: 1% 0 1% 2%;}
    div.list-wrapper.product-wrapper .right-list dl:nth-child(2n+1){ margin-left: 0; }
}

@media (max-width: 678px) {
    div.list-wrapper.product-wrapper .right-list{ min-height: 980px; }
    div.product-wrapper .container{ padding-left: 15px; }
    div.list-wrapper.product-wrapper .left-menu{ left: -180px; }
    div.list-wrapper.product-wrapper .left-menu.active{ left: 0; }

    div.list-wrapper.product-wrapper .position.fr{ display: block; width: 100%; text-align: right; padding-bottom: 20px; float: none; }
}


/* - - - - - - - - - - - - - - - paging - - - - - - - - - - - - - - - */
div.paging{ width: 100%; text-align: center; font-size: 12px; line-height: 12px; padding: 30px 0; margin-top: 15px; }
div.paging a, div.paging span{ display: inline-block; padding: 8px 10px; color: #555; margin: 0 1px; }
div.paging a[href]{ color: #333; border: 1px solid #CCC;  }
div.paging a:hover{ text-decoration: none; }
div.paging a[href]:hover, div.paging a[href].active{ background-color: #02c1b1; color: #FFF; }

a.load-more{ display: none; width: 120px; color: #666; padding: 10px 0; text-align: center; margin: 30px auto 20px; border: 1px solid #CCC; }

@media (max-width: 690px) {
    div.paging a.num, div.paging span{ display: none; }
}

@media (max-width: 460px) {
    div.paging{ padding-top: 30px; }

}

/*recommend-wrapper*/
div.recommend-wrapper{ width: 100%; overflow: hidden; position: relative; }
div.recommend-wrapper ul{ }
div.list-wrapper .left-menu div.recommend-wrapper ul li{ background: transparent; padding: 0; position: relative; }
div.recommend-wrapper ul li img{ width: 100%; }
div.recommend-wrapper ul li p.tt{ width: 100%; padding: 6px 12px; color: #FFF; text-align: center; background: rgba(0, 0, 0, .5); position: absolute; left: 0; bottom: 0; z-index: 99; }
div.recommend-wrapper .btns{ width: 20px; height: 50px; background: no-repeat left center; background-size: 100%; position: absolute; top: 42%; margin-top: -25px; cursor: pointer; }
div.recommend-wrapper .btn-left{ background-image: url('../images/btn_left.png'); left: 0; }
div.recommend-wrapper .btn-right{ background-image: url('../images/btn_right.png'); right: 0; }

div.left-menu .left-box{ width: 100%; background-color: #FFF; margin: 20px 0; }
div.left-menu .left-box .tit{ padding: 15px; }
div.left-menu .left-box .tit h2{ font-size: 18px; color: #02c1b1; }

div.left-menu .left-contact{ padding: 15px; font-size: 14px; color: #666; }
div.left-menu .left-contact .tit{ border-bottom: 1px solid #CCC; padding: 10px 0; }
div.left-menu .left-contact .cont{ padding-top: 15px; }
div.left-menu .left-contact h5{ font-size: 14x; padding-bottom: 5px; }

@media (max-width: 678px) {
    div.left-menu .left-box{ margin: 0; }
}

/*top-info*/
div.pro-detail .top-info{ width: 100%; display: table; padding: 20px 0; }
div.pro-detail .top-info .cell{ display: table-cell; vertical-align: top; }

div.pro-detail .top-info .cell.photo{ width: 460px; }
div.pro-detail .top-info .cell.photo a{ display: block; width: 460px; overflow: hidden; }
div.pro-detail .top-info .cell.photo a img{ width: 100%; }

div.pro-detail .top-info .cell.text{ padding-left: 20px; }
div.pro-detail .top-info .cell.text .tit{ color: #3e3e45; border-bottom: 1px solid #CCC; padding-bottom: 15px; }
div.pro-detail .top-info .cell.text .tit h2{ font-size: 20px; }

div.pro-detail .top-info .cell.text .cont{ min-height: 300px; padding: 20px 0; font-size: 14px; color: #666; line-height: 30px; }

div.pro-detail .top-info .cell.text .bottom{ }
div.pro-detail .top-info .cell.text .bottom a{ display: inline-block; font-size: 18px; line-height: 18px; background: #02c1b1 no-repeat 20px center; color: #FFF; padding: 10px 30px 10px 50px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
div.pro-detail .top-info .cell.text .bottom a.qq{ background-image: url('../images/product/arrow_qq.png'); margin-right: 10px; }
div.pro-detail .top-info .cell.text .bottom a.tel{ background-image: url('../images/product/arrow_tel.png'); }

@media (max-width: 1200px) {
    div.pro-detail .top-info .cell.photo{ width: 300px; }
    div.pro-detail .top-info .cell.photo a{ width: 300px; }
    div.pro-detail .top-info .cell.text .cont{ min-height: 160px; }
}

@media (max-width: 980px) {
    div.pro-detail .top-info .cell{ display: block; width: 100%; }
    div.pro-detail .top-info .cell.photo{ width: 100%; text-align: center; }
    div.pro-detail .top-info .cell.photo a{ display: inline-block; width: auto; }

    div.pro-detail .top-info .cell.text{ padding-top: 30px; padding-left: 0; }
    div.pro-detail .top-info .cell.text .bottom a{ padding: 10px 20px 10px 40px; }
}

div.pro-detail .intro{ width: 100%; margin: 30px 0; }
div.pro-detail .intro .tit{ color: #3e3e45; border-bottom: 1px solid #CCC; padding-bottom: 15px; }
div.pro-detail .intro .tit h2{ font-size: 20px; }

div.pro-detail .intro .cont{ padding: 20px 0; font-size: 14px; line-height: 24px; color: #666; }



div.pro-detail .btm-table{ width: 100%; border: 1px solid #CCC; }
div.pro-detail .btm-table .hd{ background-color: #e0f5f5; border-bottom: 1px solid #CCC; padding: 10px 15px; text-align: center; }
div.pro-detail .btm-table .hd h2{ font-size: 16px; }

div.pro-detail .btm-table .lt{ width: 100%; padding: 15px 20px; line-height: 24px; }
div.pro-detail .btm-table .lt a{ display: inline-block; width: 19%; color: #666; padding: 3px 5px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 1200px) {
    div.pro-detail .btm-table .lt a{ width: 24%; }
}

@media (max-width: 800px) {
    div.pro-detail .btm-table .lt a{ width: 32%; }
}

@media (max-width: 460px) {
    div.pro-detail .btm-table .lt a{ width: 49%; }
}

div.pro-detail .intro.recommend{ }
div.pro-detail .intro.recommend dl{ border: 1px solid #CCC; }
div.pro-detail .intro.recommend dl dt{ }
div.pro-detail .intro.recommend dl dt, div.pro-detail .intro.recommend dl dd{ }
div.pro-detail .intro.recommend dl dt a{ }
div.pro-detail .intro.recommend dl dt img{ width: 100%; }
div.pro-detail .intro.recommend dl dd{ }
div.pro-detail .intro.recommend dl dd h2{ font-size: 18px; padding: 8px 0; text-align: center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.pro-detail .intro.recommend dl dd h2 a{ color: #333; }
div.pro-detail .intro.recommend dl dd h2 a:hover{ text-decoration: none; color: #666; }
div.pro-detail .intro.recommend dl dd p{ }

div.pro-detail .intro.recommend .cont:after{ display: block; content: ''; clear: both; }

@media (max-width: 360px) {
    div.list-wrapper.product-wrapper .right-list .intro.recommend dl{ width: 100%; margin: 2% 0; }
}


/*equ-wrapper*/
div.equ-wrapper{ width: 100%; padding: 0 0; }
div.equ-wrapper .container{ position: relative; padding-left: 250px; }
div.list-wrapper.equ-wrapper .left-menu{ top: -30px;}
div.list-wrapper.equ-wrapper .left-menu.active{ left: 0; }
div.list-wrapper.equ-wrapper .right-list{ min-height: 1600px; }

div.list-wrapper.equ-wrapper .lit-title{ padding: 20px 0; border-bottom: 1px solid #CCC; }
div.list-wrapper.equ-wrapper .equ-content{ width: 100%; padding: 20px 0; }
div.list-wrapper.equ-wrapper .equ-content img{ max-width: 100%; }

div.list-wrapper.equ-wrapper .equ-content h2{ font-size: 18px; }

@media (max-width: 1200px) {
    div.equ-wrapper .container{ padding-left: 240px; }
}

@media (max-width: 678px) {
    div.list-wrapper.equ-wrapper .left-menu{  top: 0;  left: -180px;  }
    div.list-wrapper.equ-wrapper .right-list{ min-height: 980px; }
    div.list-wrapper.equ-wrapper div.position.fr{ width: 100%; padding-bottom: 30px; text-align: right; }

    div.list-wrapper.equ-wrapper .left-menu.active a.view{ top: inherit; }
    div.equ-wrapper .container{ padding-left: 15px; }
}

/*news-position*/
div.news-position{ width: 100%; }
div.news-position .container{  padding: 15px 0 15px 250px; }
div.news-position .lit-title{ width: 100%; }
div.news-position .lit-title h2{ font-size: 20px; }


/*news-wrapper*/
div.list-wrapper.news-wrapper{ padding: 0; }
div.list-wrapper.news-wrapper .left-menu{ top: -80px; }
div.list-wrapper.news-wrapper .news-list{ min-height: 1560px;  }

div.list-wrapper.news-wrapper .news-list dl{ width: 100%; border-bottom: 1px dashed #CCC; padding: 15px 0 15px 70px; position: relative; }
div.list-wrapper.news-wrapper .news-list dl dt{ color: #b3b3b3; font-weight: normal; position: absolute; top: 15px; left: 0; z-index: 1; }
div.list-wrapper.news-wrapper .news-list dl dt span{ font-size: 14px; line-height: 14px; display: block; }
div.list-wrapper.news-wrapper .news-list dl dt span:first-child{ font-size: 48px; line-height: 48px; }
div.list-wrapper.news-wrapper .news-list dl dd{ width: 100%; color: #666; min-height: 70px; }
div.list-wrapper.news-wrapper .news-list dl dd h3{ font-size: 18px; padding-bottom: 10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.list-wrapper.news-wrapper .news-list dl dd h3 a{ color: #333; }
div.list-wrapper.news-wrapper .news-list dl dd h3 a:hover{ text-decoration: none; color: #666; }

@media (max-width: 1200px) {
    div.news-position .container{ padding-right: 15px; }
}

@media (max-width: 678px) {
    div.news-position .container{ padding-left: 15px; }
    div.list-wrapper.news-wrapper .left-menu{ top: 0; }
}

/*news-detail*/
div.news-detail{ padding: 45px 0; }
div.news-detail .top-info{ text-align: center; }
div.news-detail .top-info h2{ font-size: 18px; padding-bottom: 15px; }

div.news-detail .top-info p span{ display: inline-block; background: no-repeat left center; padding: 0 10px 0 16px; color: #666; }
div.news-detail .top-info span.date{ background-image: url("../images/news/date.jpg") }
div.news-detail .top-info span.view{ background-image: url('../images/news/view.jpg') }
div.news-detail .top-info span.type{ background-image: url('../images/news/type.jpg'); }

div.news-detail .content{ padding: 30px 0; font-size: 14px; line-height: 24px; color: #666; }
div.news-detail .content img{ max-width: 100%; }

div.news-detail .bdsharebuttonbox{ padding: 20px 0; text-align: center; }
div.news-detail .bdsharebuttonbox a{ width: 25px; height: 25px; display: inline-block; background: url('../images/news/link.jpg') no-repeat; float: none; }
div.news-detail .bdsharebuttonbox a.bds_qzone{ background-position: 0 0; }
div.news-detail .bdsharebuttonbox a.bds_tsina{ background-position: -28px 0; }
div.news-detail .bdsharebuttonbox a.bds_renren{ background-position: -58px 0; }
div.news-detail .bdsharebuttonbox a.bds_weixin{ background-position: -88px 0; }
div.news-detail .bdsharebuttonbox a.bds_tqf{ background-position: -118px; }
div.news-detail .bdsharebuttonbox a.bds_kaixin001{ background-position: -145px 0; }
div.news-detail .bdsharebuttonbox a.bds_douban{ background-position: -175px 0; }
div.news-detail .bdsharebuttonbox a.bds_sqq{ background-position: -202px 0; }
div.news-detail .bdsharebuttonbox a.bds_ty{ background-position: -232px 0; }

div.news-detail .bottom-next{ width: 100%; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 20px 0; }
div.news-detail .bottom-next .item{ width: 50%; font-size: 14px; float: left;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.news-detail .bottom-next .item a{ color: #666; }
div.news-detail .bottom-next .item a:hover{ text-decoration: none; color: #333; }
div.news-detail .bottom-next .item.prev{ text-align: right; padding-right: 15px; }
div.news-detail .bottom-next .item.next{ text-align: left; padding-left: 15px; }
div.news-detail .bottom-next:after{ display: block; content: ''; clear: both; }


/*invite*/
div.invite{ width: 100%; min-height: 1560px; padding: 30px 0; }
div.invite .item{ padding: 30px 0; border-bottom: 1px dashed #CCC; }
div.invite .item h2{ font-size: 18px; color: #02c1b1; padding-bottom: 10px; }
div.invite .item dl{ display: table; font-size: 14px; width: 100%; }
div.invite .item dl dt, div.invite .item dl dd{ display: table-cell; line-height: 24px; }
div.invite .item dl dt{ width: 20px; white-space: nowrap; }
div.invite .item dl dt:after{ display: inline-block; content: '：'; }
div.invite .item dl dd{ color: #666; padding-left: 6px; }
div.invite .item .bottom{ padding-left: 80px; }
div.invite .item a.btn-join{ display: inline-block; background-color: #02c1b1; color: #FFF; margin-top: 15px; font-size: 16px; line-height: 16px; padding: 12px 24px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

@media (max-width: 678px) {
    div.invite{ min-height: 780px; }
}

/*service-info*/
div.service-info{ font-size: 14px; color: #666; line-height: 24px; }
div.service-info h4{ font-size: 18px; color: #02c1b1; padding-bottom: 10px; }
div.service-info img{ max-width: 100%; }

/*ser-bottom*/
div.ser-bottom{ display: table; width: 100%; margin-top: 50px; }
div.ser-bottom .cell{ display: table-cell; width: 33%; line-height: 24px; font-size: 14px; color: #666; padding: 30px 20px; text-align: center; vertical-align: top; }
div.ser-bottom .cell:hover{ background-color: #eeeeee; }
div.ser-bottom .cell p.img{ margin-bottom: 15px; }
div.ser-bottom .cell h4{ font-size: 18px; margin-bottom: 10px; }
div.ser-bottom .cell *{ color: #666; }


@media (max-width: 1200px) {
    div.ser-bottom .cell{ font-size: 12px; line-height: 20px; }
    div.ser-bottom .cell h4{ font-size: 16px; }

    div.ser-bottom .cell.download a.downLoadFile{ font-size: 16px; }
}

@media (max-width: 678px) {
    div.ser-bottom .cell{ position: relative; padding: 15px 0 15px 65px; text-align: left;  width: 100%; min-height: 50px; display: block; }
    div.ser-bottom .cell p.img{ position: absolute; top: 50%; margin-top: -25px; left: 0; z-index: 1; }
    div.ser-bottom .cell h4{ margin-bottom: 0; }
}

div.ser-bottom.contact-bottom{ margin-top: 20px; }
div.service-info .backFeed{ width: 100%; font-size: 14px; text-align: center; padding: 36px 0; border-top: 1px solid #CCC; }
div.service-info .backFeed h2{ font-size: 30px; color: #333; position: relative; margin-bottom: 20px; }
div.service-info .backFeed h2:after{ width: 65px; height: 4px; background-color: #02c1b1; content: ''; display: block; margin: 15px auto 0; }

@media (max-width: 678px) {
    div.ser-bottom.contact-bottom{ margin-top: 0; }
    div.ser-bottom.contact-bottom .cell p.img{ width: 56px; margin-top: -32px;  }
}

/*contact-form*/
.contact-form{ width: 100%; background: url('../images/contact/img_01.png') no-repeat left top; min-height: 260px; padding-left: 420px; }
.contact-form label.ipt-txt{ width: 100%; border: 1px solid #CCC; font-weight: normal; margin-bottom: 15px; background-color: #FFF; }
.contact-form label.ipt-txt input, .contact-form .ipt-txt textarea{ width: 100%; height: 100%; padding: 5px 15px; border: 0; outline: none; background-color: transparent; resize: none; }
.contact-form .ipt-txt textarea{ height: 120px; }
.contact-form button.btn-submit{ display: inline-block; background-color: #02c1b1; color: #FFF; outline: none; margin-top: 15px; border: 0; font-size: 16px; line-height: 16px; padding: 12px 32px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.contact-form label.error{ color: #F00; font-weight: normal; position: relative; top: -10px; }

@media (max-width: 980px) {
    .contact-form{ background-size: 280px; padding-left: 290px; }
}

@media (max-width: 890px) {
    .contact-form{ background-size: 0; padding-left: 0 }
}

/*erWM*/
div.modal.erWM-wrapper{}
div.modal.erWM-wrapper .modal-dialog{ width: 420px; margin-top: 10%; }
div.modal.erWM-wrapper .modal-body{ text-align: center; }
div.modal.erWM-wrapper .modal-body p{ display: inline-block; }

div.modal.erWM-wrapper .modal-body p:after{ display: block; font-size: 14px; }
div.modal.erWM-wrapper .modal-body p.wx1:after{ content: '微信客服一'; }
div.modal.erWM-wrapper .modal-body p.wx2:after{ content: '微信客服二'; }
div.modal.erWM-wrapper .modal-body p.mb:after{ content: '手机官网'; }

div.modal.qqWM-wrapper{ text-align: center; }
div.modal.qqWM-wrapper .modal-dialog{ width: 420px; margin-top: 10%; }
div.modal.qqWM-wrapper .modal-body{ text-align: left; padding: 55px 20px; }
div.modal.qqWM-wrapper a.qq{ display: inline-block; color: #333; height: 22px; line-height: 22px; padding-right: 85px; margin: 8px 26px; vertical-align: middle; background: url("../images/qq.png") no-repeat top right; }
div.modal.qqWM-wrapper a.qq:hover{ text-decoration: none; }

@media (max-width: 750px) {
    div.modal.erWM-wrapper .modal-dialog{ width: auto; }
}

#page {width:100%;padding-left:50px;}
	#page ul{margin:0 auto 5px auto; display:table;text-align:center;}
	#page li{float:left;line-height:21px;height:21px;margin: 2px;display:inline; zoom:1;}
	#page span{display: block; padding: 2px 5px; background: #ffffff;color:black; border: 1px solid #CCC; color: #999999; }
	#page a{font-size:12px;display: block; text-decoration: none; margin:0px; color: #FFFFFF;padding: 2px 5px 2px 5px;background:url(bg9.gif) repeat-x;}
	#page a:link,#page a:visited {background:white;color:black;border: 1px solid #CCCCCC; }
	#page a:hover {background:#FF6600;color:white;}
	#page #span1 {background:white;display: block;}