@charset "utf-8";

/**
深圳市国人伟业信息技术有限公司
http://www.grwy.cn/
**/


/* 头部*/

.head-top {
    width: 100%;
    height: 32px;
    background: #ededed;
    line-height: 32px;
    font-size: 12px;
}

.head-top .headTl {
    line-height: 32px;
}

.head-top .headTr {
    line-height: 32px;
}

.head-top .headTr a {
    margin: 0 8px;
}

.head-top span {
    position: relative;
}

.head-top .wx {
    background: url(../images/help-b.png) no-repeat left -4px;
}

.head-top span i {
    position: absolute;
    z-index: 999;
    width: 90px;
    height: 90px;
    top: 23px;
    right: -20px;
    background-color: #fff;
    padding: 5px;
    overflow: hidden;
    border-radius: 3px;
    display: none;
}

.head-logo {
    height: 140px;
}

.head-logo h1 {
    height: 140px;
}

.head-R {
    padding-top: 45px;
}

.head-key {
    margin-top: 10px;
    color: #000;
}

.head-key a {
    font-size: 12px;
    color: #666666;
    padding: 0 10px;
}

.head-key a:hover,
.head-key a.current {
    color: #343361;
}

.search-s form {
    width: 470px;
    height: 28px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 2px;
    overflow: hidden;
}

.sear_text {
    display: block;
    float: left;
    width: 420px;
    height: 26px;
    line-height: 30px;
    color: #666;
    padding-left: 10px;
}

.sear_btn {
    display: block;
    float: right;
    background: url(../images/head-search-ico.png) no-repeat center center;
    width: 30px;
    height: 28px;
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=80);
}


/* 导航*/

.nav {
    background: #343361;
    height: 50px;
    line-height: 50px;
}

.nav ul {
    width: 1300px;
}

.nav ul .mainli {
    float: left;
    position: relative;
    transition: all .3s;
    border-left: 1px solid #3e3d65;
    border-right: 1px solid #2a2953;
}

.nav ul .mainli a {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 0 22px;
}

.nav ul .mainli a:hover,
.nav ul .mainli a.current {
    color: #cea370
}

.nav li .menu2 {
    position: absolute;
    z-index: 555;
    background: #343361;
    left: 0;
    right: 0;
    display: none;
}

.nav ul li .menu2 a {
    font-size: 12px;
    display: block;
    height: 40px;
    color: #fff;
    text-align: center;
    padding-left: 0;
    line-height: 40px;
    border-bottom: 1px solid #3e3d65;
    transition: all .3s;
    padding: 0
}

.nav ul li .menu2 a:hover {
    background: #3e3d65;
    color: #fff;
}

.nav .head-tel {
    width: 230px;
    height: 32px;
    line-height: 32px;
    float: right;
    background: url(../images/home-tel-bg.png) no-repeat center center;
    color: #343361;
    text-align: center;
    margin-top: 9px;
}


/*广告*/

.banner {
    height: 560px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.banner .bd {
    height: 560px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    left: 50%;
    margin-left: -960px;
}

.banner .hd {
    width: 100%;
    position: absolute;
    z-index: 999;
    left: 0;
    height: 16px;
    bottom: 20px;
}

.banner .hd ul {
    text-align: center;
}

.banner .hd ul li {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #fff;
    margin-right: 10px;
    cursor: pointer;
    overflow: hidden;
}

.banner .hd ul li.on {
    background: #343361;
}

.banner .prev,
.banner .next {
    display: block;
    width: 40px;
    height: 60px;
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -20px;
}

.banner .prev {
    background: url(../images/banner-pn.png) no-repeat left bottom;
    left: 5%;
}

.banner .next {
    background: url(../images/banner-pn.png) no-repeat right bottom;
    right: 5%;
}


/*服务项目*/

.home-items {
    padding: 50px 0;
    background: url(../images/home-item-bg.jpg) no-repeat center center;
    height: 238px;
    background-size:100%;
}

.home-items li {
    width: 400px;
    float: left;
}

.home-items li h2 {
    margin: 25px 0 25px 25px;
    position: relative;
}

.home-items li h2 i {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px;
    background: url(../images/head-item-jt.png) no-repeat 6px center #1d1c44;
    position: absolute;
    bottom: 18px;
    transition: all .3s;
}

.home-items li:hover h2 i {
    transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
}

.home-items li h2 a {
    font-size: 18px;
    color: #282678;
}

.home-items li h2 span {
    font-size: 10px;
    display: block;
    text-transform: uppercase;
}

.home-items p {
    margin-left: 25px;
}

.home-items p a {
    display: block;
    float: left;
    font-size: 12px;
    color: #2b2b2e;
    width: 130px;
    padding-left: 5px;
    line-height: 26px;
    position: relative;
    transition: all .4s;
}

.home-items p a:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}

.home-items p a:hover {
    text-indent: 8px;
}


/*四大疑惑*/

.home-doubt {
    padding: 60px 0;
    background: url(../images/home-line-bg.jpg) repeat;
}

.home-doubtMain {
    height: 450px;
    background: url(../images/home-check-bg.jpg) no-repeat right center;
}

.home-doubtMain .p1 {
    font-size: 30px;
    color: #2e2d57;
    font-weight: 600;
    margin-bottom: 40px;
}

.home-doubtMain .p1 span {
    display: block;
    font-size: 20px;
    color: #333333;
    margin-bottom: 10px;
}

.home-doubtMain ol {
    list-style: none;
}

.home-doubtMain ol li {
    font-size: 16px;
    color: #666666;
    margin-bottom: 35px;
    margin-left: 40px;
}

.home-doubtMain ol li span {
    display: block;
    font-size: 8px;
    text-transform: uppercase;
}

.home-doubtMain ol li b {
    display: block;
    float: left;
    width: 35px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: url(../images/head-num-bg.png) no-repeat center center;
    margin-left: -45px;
}

.home-doubtMain .p2 {
    font-size: 26px;
    color: #1d1c44;
    text-align: center;
    font-weight: 600;
    margin: 60px 0 20px;
}

.home-doubtMain .tel {
    width: 230px;
    height: 32px;
    line-height: 32px;
    background: url(../images/home-tel-bg.png) no-repeat center center;
    color: #343361;
    text-align: center;
    margin: 0 auto;
}


/*六大优势*/

.head-ysTit {
    background: url(../images/head-ys-bg.jpg) no-repeat center center;
    height: 80px;
    padding-top: 50px;
    border-bottom: 1px solid #d5d5dd;
}

.head-ysTit h3 {
    font-size: 30px;
    color: #333333;
    text-align: center;
    position: relative;
}

.head-ysTit h3 span {
    display: block;
    color: #888888;
    font-size: 10px;
    text-transform: uppercase;
}

.head-ysTit h3:after {
    position: absolute;
    content: "";
    width: 240px;
    height: 4px;
    background: #2e2d57;
    left: 39%;
    bottom: -26px;
}

.head-ys {
    padding: 40px 0;
}

.head-ys-col {
    background: #f1f1f1;
}

.head-ys .pic {
    width: 492px;
    height: 212px;
    border-radius: 6px;
    overflow: hidden;
}

.head-ys .pic img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.head-ys .head-ysMain:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.head-ys .txt {
    width: 600px;
    margin-left: 80px;
}

.head-ys .txt b {
    display: block;
    float: left;
    width: 66px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    color: #2e2d57;
    font-size: 36px;
    font-weight: 600;
    background: url(../images/home-ys-num.png) no-repeat center center;
    margin-left: -75px;
}

.head-ys .txt span {
    display: block;
    color: #2e2d57;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}

.head-ys .txt span:after {
    position: absolute;
    content: "";
    width: 65px;
    height: 2px;
    background: #2e2d57;
    left: 0;
    top: 36px;
}

.head-ys .txt p {
    color: #4f4f4f;
    margin-bottom: 20px;
}

.head-ys .txt .detail {
    display: block;
    color: #2e2d57;
    font-size: 12px;
}

.head-ys .txt .detail:hover {
    text-decoration: underline;
}

.head-ys5 .txt b,
.head-ys6 .txt b {
    font-size: 24px;
}


/*检测流程*/

.home-process {
    background: url(../images/home-pro-bg.png) no-repeat center 172px #f1f1f1;
    padding: 60px 0;
}

.home-process h3 {
    font-size: 30px;
    color: #2e2d57;
    text-align: center;
    margin-bottom: 60px;
}

.home-process h3 span {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}

.home-procMian {
    height: 196px;
    position: relative;
}

.home-procMian span {
    font-size: 12px;
    color: #2e2d57;
    position: absolute;
}

.home-procMian .s1 {
    left: 60px;
    top: 66px;
}

.home-procMian .s2 {
    left: 315px;
    top: 90px;
}

.home-procMian .s3 {
    left: 516px;
    top: 118px;
}

.home-procMian .s4 {
    left: 647px;
    top: 156px;
}

.home-procMian .s5 {
    left: 776px;
    top: 53px;
}

.home-procMian .s6 {
    left: 910px;
    top: 158px;
}

.home-procMian .s7 {
    left: 1037px;
    top: 40px;
}

.home-procMian .tel {
    display: block;
    width: 230px;
    height: 32px;
    line-height: 32px;
    background: url(../images/home-tel-bg.png) no-repeat center center;
    color: #343361;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: -35px;
}


/*关于我们*/

.home-about {
    padding: 50px 0;
}

.home-abList {
    width: 145px;
    margin-right: 80px;
}

.home-abList h3 {
    font-size: 24px;
    color: #393939;
    position: relative;
    z-index: 10;
    margin-bottom: 70px;
}

.home-abList span {
    display: block;
    color: #d7d6d6;
    font-weight: 600;
    font-size: 52px;
    line-height: 50px;
}

.home-abList li {
    margin-bottom: 20px;
}

.home-abList li a {
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-indent: 10px;
    color: #333333;
    transition: all .5s;
    background: url(../images/head-ab-jt.png) no-repeat 70px center #fff;
}

.home-abList li a:hover,
.home-abList li a.current {
    background: url(../images/head-ab-jt.png) no-repeat 130px center #1d1c44;
    color: #fff;
}

.home-abBan {
    width: 320px;
    position: relative;
    overflow: hidden;
}

.home-abBan .bd {
    height: 505px;
    overflow: hidden;
}

.home-abBan .hd {
    width: 320px;
    position: absolute;
    z-index: 999;
    left: 0;
    height: 16px;
    bottom: 20px;
}

.home-abBan .hd ul {
    text-align: center;
}

.home-abBan .hd ul li {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #fff;
    margin-right: 10px;
    cursor: pointer;
    overflow: hidden;
}

.home-abBan .hd ul li.on {
    background: #343361;
}

.home-abMain {
    width: 615px;
}

.home-abMain h2 {
    font-size: 18px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 30px;
}

.home-abMain p {
    font-size: 12px;
    margin-bottom: 30px;
}

.home-abMain .more {
    display: block;
    width: 100px;
    font-size: 12px;
    color: #1d1c44;
    border-bottom: 1px solid #1d1c44;
    padding-bottom: 8px;
    transition: all .5s;
}

.home-abMain .more:hover {
    padding-left: 10px;
}


/*新闻*/

.home-news {
    padding: 50px 0;
    background: #f0f0f0;
}

.home-newLeft {
    width: 798px;
    height: 368px;
    border: 1px solid #dcdcdc;
    border-top: 2px solid #1d1c44;
    background: #fff;
    overflow: hidden;
}

.home-newLeft h5 {
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #dcdcdc;
}

.home-newLeft h5 a {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 18px;
    color: #686868;
}

.home-newLeft h5 a.on {
    background: #1d1c44;
    color: #fff;
}

.home-newBox {
    padding: 25px;
}

.home-newBox .pic {
    float: left;
    width: 260px;
    height: 260px;
    overflow: hidden;
    position: relative;
}

.home-newBox .pic img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.home-newBox:hover .pic img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.home-newBox .pic span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: rgba(29, 28, 68, 0.8);
}

.home-newBox ul {
    width: 460px;
    float: right;
}

.home-newBox li {
    border-bottom: 1px dotted #000;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.home-newBox li h6 {
    margin-bottom: 10px;
}

.home-newBox li h6 a {
    font-size: 12px;
    color: #333333;
    font-weight: 600;
}

.home-newBox li span {
    display: block;
    font-size: 10px;
    color: #909090;
    border-bottom: 15px;
}

.home-newBox li p {
    font-size: 12px;
    color: #909090;
}

.home-newBox li p .detail {
    font-size: 12px;
    color: #1d1c44;
}

.home-newBox li p .detail:hover {
    text-decoration: underline;
}

.home-newBox li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.home-newsRight {
    width: 380px;
    border: 1px solid #dcdcdc;
    border-top: 2px solid #1d1c44;
    background: #fff;
    height: 368px;
    overflow: hidden;
}

.home-newsRight h5 {
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #dcdcdc;
    text-indent: 20px;
    font-size: 18px;
    color: #686868;
}

.home-newsRight h5 .more {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #000;
    font-size: 10px;
    background: url(../images/jia.png) no-repeat center center #1d1c44;
    margin: 20px 20px 0 0;
    transition: all .5s;
}

.home-newsRight h5 .more:hover {
    background-color: #cfa377;
}

.home-problem {
    padding: 25px;
    height: 240px;
    overflow: hidden;
}

.home-problem dl {
    border-bottom: 1px dotted #000;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
}

.home-problem dt {
    margin-bottom: 10px;
}

.home-problem dt a {
    font-size: 12px;
    color: #333333;
    font-weight: 600;
}

.home-problem dd {
    font-size: 12px;
    color: #909090;
}

.home-problem i,
.home-problem b {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-style: normal;
    background: #1d1c44;
    float: left;
    margin-left: -30px;
}


/*底部*/

.footer {
    background: #17163c;
    color: #a1a1a2;
    font-size: 12px;
    border-bottom: 1px solid #0c0b28;
}

.footer h6 {
    font-size: 18px;
    color: #fff;
    margin: 40px 0;
    position: relative;
}

.footer h6:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 2px;
    background: #fff;
    bottom: -15px;
    left: 0;
}

.footer a:hover {
    color: #fff;
}

.foot-nav {
    overflow: hidden;
    width: 269px;
    color: #666666;
    border-right: 1px solid #0c0b28;
    height: 270px;
    padding-bottom: 40px;
}

.foot-nav p {
    overflow: hidden;
}

.foot-nav p a {
    display: block;
    width: 50%;
    float: left;
}

.footTel {
    width: 478px;
    font-size: 12px;
    height: 270px;
    border-left: 1px solid #222149;
    border-right: 1px solid #0c0b28;
    padding: 0 0 40px 40px;
}

.footTel strong {
    display: block;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #d2a77c;
}

.footTel span {
    display: block;
    color: #666666;
}

.footEwm {
    width: 360px;
    height: 270px;
    border-left: 1px solid #222149;
    padding: 0 0 40px 40px;
}

.footEwm p {
    float: left;
    margin-left: 10px;
    color: #a4a4a4;
}

.foot-bot {
    height: 50px;
    line-height: 50px;
    background: #17163c;
    font-size: 12px;
    color: #999999;
    border-top: 1px solid #222149;
}

.foot-bot a {
    color: #999999;
    margin: 0 10px;
}

.foot-bot a:hover {
    color: #fff;
}


/* 内页公用 */

.listBanner {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 255px;
}

.listWrapper {
    padding: 40px 0 50px 0;
    overflow: hidden;
}

.listLeft {
    width: 260px;
    float: left;
    overflow: hidden;
}

.listRight {
    width: 900px;
    float: right;
    overflow: hidden;
    text-align: justify;
    text-justify: inter-ideograph;
}

.breadCrumb {
    border-bottom: 1px solid #DADADA;
    height: 30px;
    margin-bottom: 25px;
}

.breadCrumb strong {
    color: #333;
    font-size: 18px;
    font-family: "微软雅黑";
    height: 29px;
    border-bottom: 2px solid #17163c;
    display: inline-block;
    font-weight: normal;
}

.breadCrumb p {
    background: url('../images/mapIcon.png') no-repeat left center;
    padding-left: 20px;
}

.breadCrumb p span {
    margin: 0 8px;
}

.listLeft .searMain {
    width: 248px;
    margin-bottom: 20px;
    border: 1px solid #17163c;
    margin-top: 0;
}

.listLeft .searMain .sear_text {
    width: 175px;
    border: none;
}

.listLeft .searMain .sear_btn {
    width: 40px;
    font-size: 12px;
}


/* 内页公用菜单 */

.sidebar {
    margin-bottom: 20px;
}

.side_title {
    font-size: 26px;
    font-weight: normal;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    background: #17163c;
    padding: 20px 0 20px 40px;
}

.side_title span {
    display: block;
    font-size: 20px;
    font-family: Arial;
    color: #333;
}

.sidebarMenu {
    border-top: none;
}

.sidebarMenu li {
    font-size: 15px;
    background: url('../images/side_line.jpg') repeat-x left top;
    padding-top: 2px;
}

.sidebarMenu li a {
    height: 50px;
    line-height: 50px;
    background: url('../images/side_li.png') no-repeat 25px center #f1f1f1;
    padding-left: 40px;
    display: block;
    color: #454545;
}

.sidebarMenu li .current,
.sidebarMenu li a:hover {
    background: #cea370 url('../images/side_lih.png') no-repeat 25px center;
    color: #fff;
}

.sidebarMenu li ul {
    font-size: 12px;
    padding: 5px 0;
    background: #f8f8f8;
}

.sidebarMenu ul li {
    background: none;
    padding-top: 0;
}

.sidebarMenu li ul a {
    background: url('../images/ly_li.png') no-repeat 35px center;
    padding-left: 45px;
    color: #666;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
}

.sidebarMenu li ul .current,
.sidebarMenu li ul a:hover {
    background: url('../images/ly_li.png') no-repeat 35px center;
    color: #17163c;
}

.proSide {
    background: #f5f5f5;
    height: auto;
}

.proSide li {
    background: url('../images/side_line.jpg') repeat-x left top;
    border-top: none;
}

.proSide li:hover {
    background: #fff url('../images/side_line.jpg') repeat-x left top;
}


/*  内页左侧 */

.listLeft .left_title {
    background: #17163c;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    padding-left: 15px;
    border-left: 5px solid #bf0007;
}

.twoCont {
    padding: 15px 10px;
    overflow: hidden;
    background: #f4f4f4;
}

.sidebarThree h3 {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: normal;
}

.sidebarThree h3 span {
    display: block;
    font-size: 24px;
    color: #bf0007;
    font-family: arial;
}

.sidebarThree p {
    line-height: 22px;
}

.sidebarThree p span {
    padding-left: 3em;
}


/*  产品列表 */

.productList li {
    float: left;
    width: 280px;
    border: 1px solid #e5e5e5;
    background: #fff;
    margin: 0 27px 25px 0;
}

.productList li .pImg {
    display: block;
    width: 280px;
    height: 235px;
    overflow: hidden;
}

.productList li img {
    width: 280px;
    height: 235px;
    transition: all 0.5s;
}

.productList li h5 {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.productList li .btn {
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.productList li .btn a {
    float: left;
    width: 139px;
    background: #f4f4f4;
}

.productList li .zx {
    background: url('../images/zx_icon.png') no-repeat 20px center;
    border-right: 1px solid #e5e5e5;
}

.productList li .btn1 {
    color: #17163c;
}

.productList li .btn1:hover {
    text-decoration: underline;
}

.productList li:hover {
    border: 1px solid #17163c;
}

.productList li:hover h5 {
    color: #17163c;
}

.productList li:hover img {
    transition: all 0.5s;
    transform: scale(1.1, 1.1);
}


/* 左侧图片放大镜样式 */

.rec-title {
    padding-left: 20px;
    height: 35px;
    line-height: 35px;
    background: url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.product-show-pic {
    width: 402px;
    height: 480px;
}

.jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 310px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}


/* 图片小图样式 */

.spec-preview {
    width: 450px;
    height: 375px;
    border: 1px solid #ccc;
}

.spec-scroll {
    margin-top: 10px;
    width: 452px;
    height: 80px;
    overflow: hidden;
    position: relative;
}

.spec-scroll a.prev {
    display: block;
    width: 12px;
    height: 21px;
    position: absolute;
    top: 30px;
    left: 0;
    background: url('../images/listpro_btn.png') no-repeat 0 0px;
    overflow: hidden;
    cursor: pointer;
}

.spec-scroll a.prev:hover {
    background-position: 0 -21px;
}

.spec-scroll a.next {
    display: block;
    width: 12px;
    height: 21px;
    position: absolute;
    top: 30px;
    right: 0;
    background: url('../images/listpro_btn.png') no-repeat 0 -42px;
    overflow: hidden;
    cursor: pointer;
}

.spec-scroll a.next:hover {
    background-position: 0 -63px;
}

.spec-scroll .items {
    position: relative;
    width: 410px;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
}

.spec-scroll .items ul {
    position: absolute;
    width: 450px;
    height: 80px;
}

.spec-scroll .items ul li {
    width: 104px;
    height: 80px;
    float: left;
}

.spec-scroll .items ul li img {
    width: 95px;
    height: 78px;
    cursor: pointer;
    border: 1px solid #ccc;
}

.spec-scroll .items ul li img:hover,
.spec-scroll .items ul .on img {
    border: 1px solid #17163c;
}


/* 产品简介 */

.proshow_synopsis {
    width: 400px;
    color: #aaa;
    font-size: 14px;
    line-height: 30px;
    height: 480px;
    border-radius: 3px;
}

.proshow_synopsis .title {
    font-size: 24px;
    color: #17163c;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
    padding-bottom: 0px;
    font-weight: normal;
    padding-bottom: 10px
}

.proshow_synopsis strong {
    color: #333;
    font-weight: normal;
}

.proshow_synopsis .font {
    line-height: 24px;
    overflow: hidden;
    height: 195px;
    margin-bottom: 20px;
}

.proshow_synopsis .font strong {
    float: left;
    width: 45px;
}

.proshow_synopsis .font div {
    float: right;
    width: 355px;
}

.prodcut-tel {
    padding-left: 40px;
    margin-bottom: 20px;
    line-height: 26px;
    background: url('../images/p_icon.png') no-repeat left 8px;
}

.prodcut-tel span {
    font-family: arial;
    font-size: 24px;
    color: #17163c;
    display: block;
}

.proshow_synopsis .btn a {
    display: inline-block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px;
    color: #fff;
    transition: all 0.3s;
    font-size: 16px;
}

.proshow_synopsis .btn .a02 {
    background: #17163c url(../images/proshow_icon2.png) no-repeat 20px 13px;
    margin-left: 25px;
}

.proshow_synopsis .btn a:hover {
    opacity: 0.8;
    filter: alpha(opacity=50);
    transition: all 0.3s;
}


/* 产品说明标签切换样式 */

.gr-tab-list {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 20px;
}

.gr-tab-list .hd {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #dadada
}

.gr-tab-list .hd li {
    padding: 0 30px;
    float: left;
    text-align: center;
    background: #dadada;
    margin-right: 5px;
    cursor: pointer;
}

.gr-tab-list .hd li.on {
    background: #17163c;
    color: #fff;
}

.gr-tab-list .bd {
    overflow: hidden;
    padding-top: 15px;
}

.tab_down p {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dotted #ddd;
    background: url(../images/ly_li.png) no-repeat left center;
    padding-left: 15px;
}

.tab_down p a {
    float: right;
    background: url(../images/downIcon.png) no-repeat right center;
    padding-right: 25px;
}

.tab_down p a:hover {
    background: url(../images/downIconh.png) no-repeat right center;
}


/* 采购表单样式 */

.orderBox {
    padding: 25px;
    width: 850px;
    background: #eee;
    overflow: hidden;
}

.orderBox h3 {
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    font-family: "微软雅黑";
}

.orderBox .table {
    padding-top: 20px;
    overflow: hidden;
}

.orderBox .table li {
    width: 410px;
    height: 215px;
    float: left;
    height: 35px;
    margin-bottom: 10px;
}

.orderBox .table li span {
    float: left;
    border: 1px solid #ddd;
    line-height: 33px;
    height: 33px;
    width: 78px;
    display: inline-block;
    text-align: center;
    background: #fff;
}

.orderBox .table li .iptTxt {
    float: right;
    width: 319px;
    border: 1px solid #ddd;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #fff;
    color: #666;
    padding-left: 10px;
}

.orderBox .table li .iptCode {
    float: left;
    width: 239px;
    border: 1px solid #ddd;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #fff;
    color: #666;
    padding-left: 10px;
}

.orderBox .table li .checkcode {
    float: right;
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fff;
    padding: 5px 9px 6px 10px;
}

.orderBox .table li .btn {
    width: 410px;
    height: 35px;
    line-height: 35px;
    background: #333;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: none;
}

.orderBox .table li .btn:hover {
    background: #17163c;
    color: #fff;
}

.orderBox .table li.areLi {
    width: 400px;
    float: right;
    height: 215px;
    overflow: hidden;
}

.orderBox .table li.areLi .txtContent {
    width: 368px;
    height: 183px;
    border: 1px solid #ddd;
    outline: none;
    resize: none;
    padding: 15px;
    color: #666;
    line-height: 18px;
}


/* 相关产品样式 */

.related-product {
    overflow: hidden;
}

.related-product .title,
.relatedTitle {
    background: #d1d1d1;
    height: 35px;
    line-height: 35px;
}

.related-product .title span,
.relatedTitle span {
    display: inline-block;
    color: #fff;
    background: #17163c;
    width: 120px;
    height: 35px;
    text-align: center;
    font-size: 14px;
}

.related-product ul {
    width: 950px;
    margin-top: 20px;
}

.related-product li {
    float: left;
    width: 280px;
    margin-bottom: 20px;
    margin-right: 27px;
    border: 1px solid #ddd;
    background: #eee;
    text-align: center;
}

.related-product li a {
    display: block;
    width: 280px;
}

.related-product li img {
    width: 270px;
    height: 225px;
    padding: 5px;
    background: #fff;
}

.related-product li span {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.related-product li:hover {
    border: 1px solid #17163c;
}

.related-product li a:hover {
    background: #17163c;
    color: #fff;
}


/*  案例 */

.caseList li {
    float: left;
    width: 260px;
    background: #fff;
    margin: 0 27px 25px 0;
    border: 1px solid #ccc;
    padding: 9px 9px 0 9px;
    line-height: 22px;
    padding-bottom: 10px;
}

.caseList li .cImg {
    width: 260px;
    height: 185px;
    display: block;
    overflow: hidden;
}

.caseList li img {
    width: 260px;
    height: 185px;
    transition: all .5s;
}

.caseList li h5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-top: 1px solid #c6c6c6;
    margin-top: 8px;
    font-weight: normal;
    font-size: 12px;
    padding-top: 8px;
}

.caseList li:hover img {
    transform: scale(1.1, 1.1);
}

.caseList li:hover {
    border: 1px solid #17163c;
}

.caseList li:hover h5 {
    border-top: 1px solid #17163c;
}

.device h5,
.solu h5 {
    text-align: center;
    font-size: 14px;
}


/* 案例详情 */

.caseShow .title {
    text-align: center;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: normal;
}

.caseShow .p1 {
    margin-bottom: 25px;
    text-align: center;
    color: #333;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px
}

.caseShow .p1 span {
    margin-right: 15px;
}

.casShow_img {
    margin-bottom: 30px
}

.zoombox {
    width: 900px;
    margin-bottom: 35px;
    text-align: center;
}

.zoompic {
    width: 900px;
    height: ;
    background: url('../images/loading.gif') no-repeat 50% 50%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.sliderbox {
    height: 82px;
    overflow: hidden;
    margin-top: 20px;
}

.sliderbox .arrow-btn {
    width: 20px;
    height: 70px;
    background: url('../images/arrow_btn.png') no-repeat;
    cursor: pointer;
    margin-top: 8px;
}

.sliderbox #btn-left {
    float: left;
    background-position: 0 0;
}

.sliderbox #btn-left.dasabled {
    background-position: -40px 0;
}

.sliderbox #btn-right {
    float: right;
    background-position: -20px 0;
}

.sliderbox #btn-right.dasabled {
    background-position: -60px 0;
}

.sliderbox .slider {
    float: left;
    height: 82px;
    width: 770px;
    position: relative;
    margin-left: 10px;
    overflow: hidden;
}

.sliderbox .slider ul {
    position: absolute;
    left: 0;
    width: 880px;
}

.sliderbox .slider li {
    float: left;
    width: 120px;
    height: 82px;
    text-align: center;
}

.sliderbox .slider li img {
    border: 3px solid #ddd;
    width: 94px;
    height: 76px;
}

.sliderbox .slider li.current img {
    border: 3px solid #17163c;
}

.caseShow_font1 .title {
    height: 35px;
    border-bottom: 1px solid #ccc;
}

.caseShow_font1 .title span {
    float: left;
    height: 35px;
    width: 120px;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
}

.caseShow_font1 .title .on {
    background: #17163c;
    color: #fff;
}

.relatedCase {
    margin-top: 30px;
}


/* 荣誉资质 */

.productList,
.caseList,
.partnerList,
.honorList,
.settingList,
.newsList,
.videoList,
.newsList,
.teamList {
    width: 900px;
    overflow: hidden;
}

.productList ul,
.caseList ul,
.partnerList ul,
.honorList ul,
.settingList ul,
.videoList ul,
.teamList ul {
    width: 950px;
}

.honorList ul li {
    width: 280px;
    float: left;
    margin-right: 30px;
    margin-bottom: 25px;
    text-align: center;
}

.honorList ul li img {
    display: block;
    width: 270px;
    height: 370px;
    padding: 4px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.honorList ul li img:hover {
    border: 1px solid #17163c;
    background: ;
}

.honorList ul li span {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}


/* 公司坏境 */

.settingList ul li {
    width: 280px;
    float: left;
    margin-right: 30px;
    margin-bottom: 25px;
    text-align: center;
}

.settingList ul li img {
    display: block;
    width: 270px;
    height: 185px;
    padding: 4px;
    border: 1px solid #e3e3e3;
    background: #fff;
    object-fit: scale-down;
}

.settingList ul li img:hover {
    border: 1px solid #17163c;
    background: #17163c;
}

.settingList ul li span {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}


/* 合作伙伴 */

.partnerList li {
    float: left;
    width: 200px;
    margin-right: 33px;
    margin-bottom: 25px;
}

.partnerList li img {
    width: 190px;
    height: 110px;
    background: #e5e5e5;
    padding: 4px;
    border: 1px solid #d4d4d4;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
}

.partnerList li span {
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 团队 */

.teamList li {
    float: left;
    width: 280px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.teamList li img {
    width: 280px;
    height: 320px;
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: all 0.3s;
}

.teamList li .font {
    padding: 15px 25px;
    background: #e2e2e2;
    font-size: 14px;
    height: 60px;
}

.teamList li .font h4 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    background: url('../images/team_line.jpg') no-repeat left bottom;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.teamList li:hover img {
    filter: none;
    -webkit-filter: none;
    -ms-filter: none;
    -o-filter: none;
}


/* 新闻列表 */

.newsList li {
    height: 180px;
    color: #555;
    margin-bottom: 15px;
    padding: 20px;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
}

.newsList li img {
    width: 180px;
    height: 180px;
    margin-right: 20px;
}

.newsList li h3 {
    font-size: 18px;
    font-weight: normal;
}

.newsList li h3 span {
    float: right;
    font-size: 12px;
}

.newsList li h3 a {
    color: #333;
    display: inline-block;
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsList li h3 a:hover {
    color: #17163c;
}

.newsList li p {
    margin-bottom: 10px;
    overflow: hidden;
    margin-top: 10px;
    height: 70px;
}

.newsList li .more {
    color: #17163c;
}

.newsList li .more:hover {
    text-decoration: underline;
}

.newsList li .browse {
    display: block;
    overflow: hidden;
}

.newsList2 li {
    height: 44px;
    line-height: 44px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 140px;
    background: url('../images/ly_li.png') no-repeat left center;
    padding-left: 15px;
    border-bottom: 1px dotted #ccc;
}

.newsList2 li span {
    float: right;
    margin-right: -140px;
}


/* 常见问题 */

.faqList {
    font-size: 13px;
    word-spacing: 3px;
    padding-bottom: 30px;
}

.faqList li .p01 {
    border-bottom: 1px solid #dfdfdf;
    cursor: pointer;
    padding: 10px;
}

.faqList li .answer {
    padding: 15px 25px 10px 30px;
    border-bottom: 1px dotted #a0906e;
    color: #666;
    display: none;
    border-left: 3px solid #17163c;
}

.faqList .current .answer {
    display: block;
}

.faqList .current .p01 {
    background: #eee
}


/* 新闻详细样式 */

.gr-news-show {
    width: 900px;
    overflow: hidden;
}

.gr-news-show h2 {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #17163c;
    position: relative;
    font-family: "微软雅黑";
    font-weight: normal;
}

.gr-news-show h3 {
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed #d2d2d2;
    font-family: "微软雅黑";
    font-weight: normal;
}

.gr-news-show h3 span {
    margin: 8px 8px 0 8px;
    color: #999;
    text-decoration: none;
}

.fontResizer a {
    padding: 0 5px;
}

.curFont {
    font-weight: bold;
    color: #17163c;
}

.news-show-box {
    padding-top: 15px;
    line-height: 26px;
    padding-bottom: 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.news-message {
    padding-bottom: 10px;
    border-bottom: 1px dashed #d2d2d2;
    overflow: hidden;
}

.news-message div {
    padding: 10px 0;
}

.news-message h3 {
    width: 100%;
    text-align: right;
    font-weight: bold;
    color: #333;
    text-decoration: underline;
    overflow: hidden;
}

.gr-fenx {
    height: 35px;
    background: #ddd;
    padding: 0 10px;
    margin-top: 15px;
}

.prew {
    background: url(../images/pre_info.gif) no-repeat left center;
    float: left;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding-left: 15px;
    text-align: left;
    width: 46%;
}

.nextw {
    background: url(../images/next_info.gif) no-repeat right center;
    float: right;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding-right: 15px;
    text-align: right;
    width: 46%;
}

.gr-keyword {
    border: 1px solid #dadada;
    padding: 5px 10px;
    margin: 10px 0;
    overflow: hidden;
}

.gr-keyword a {
    padding: 0 5px;
}

.newsShow_main {
    overflow: hidden;
    padding: 15px
}

.newsShow_main .newsShow_img {
    width: 300px;
    height: 300px;
}

.newsShow_main .news-show-box {
    float: right;
    width: 740px;
    padding: 0;
}


/* 推荐资讯样式 */

.gr-rec-news {
    width: 900px;
    margin-top: 10px;
    overflow: hidden;
}

.gr-rec-news ul {
    width: 950px;
    padding-top: 10px;
}

.gr-rec-news ul li {
    float: left;
    margin-right: 30px;
    width: 430px;
    height: 28px;
    line-height: 28px;
}

.gr-rec-news ul li a {
    display: block;
    width: 310px;
    line-height: 28px;
    background: url(../images/ly_li.png) no-repeat left center;
    padding-left: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.gr-rec-news ul li span {
    float: right;
    color: #999;
}

.rec-title {
    padding-left: 20px;
    height: 35px;
    line-height: 35px;
    background: url(../images/page_line.jpg) no-repeat 10px 10px #ddd;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}


/* 人才招聘  */

.gr-jobs-list dd {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    background: #f1f1f1;
    margin-top: 10px;
    cursor: pointer;
    font-size: 14px;
}

.gr-jobs-list dd em {
    float: right;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/iconf.png) no-repeat;
    cursor: pointer;
    margin-top: 20px;
}

.gr-jobs-list dd.on em {
    background: url(../images/icong.png) no-repeat;
}

.gr-jobs-list dd span {
    display: block;
    float: left;
    width: 195px;
}

.gr-jobs-list dt {
    border: 1px solid #ccc;
    border-top: none;
    padding: 15px;
    margin-bottom: 10px;
    background: #fff;
}

.gr-jobs-list dt strong {
    font-size: 14px;
}

a.gr-apply {
    display: block;
    width: 140px;
    height: 40px;
    margin: 30px auto 0;
    background: #999;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 2px;
}

a.gr-apply:hover,
.jobs-submit:hover {
    background: #666;
    color: #fff;
}

.jobsShow {
    border: 1px solid #ddd;
    background: #fff;
}

.jobsShow h3 {
    font-size: 14px;
    font-weight: bold;
    background: #ddd;
    line-height: 35px;
    padding-left: 15px;
    font-weight: normal;
}

.jobsShow table {
    margin: 10px 20px 20px;
    background: #fff;
}

.jobsShow .mr {
    padding-right: 20px;
}

.jobsShow .jobsInput {
    width: 280px;
    border: 1px solid #ddd;
    line-height: 25px;
    height: 25px;
    padding: 0 5px;
    margin-bottom: 10px;
}

.jobsShow .input_radio {
    margin-right: 5px;
    vertical-align: middle;
}

.jobsShow .jobsInput:focus,
.jobsShow .jobsTextarea:focus {
    border: 1px solid #d40413;
}

.jobsShow .jobsTextarea {
    width: 770px;
    padding: 5px;
    border: 1px solid #ddd;
    line-height: 22px;
    height: 125px;
    margin-top: 3px;
    display: block;
}

.jobsShow .jobsSubmit {
    background: #999;
    width: 85px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border: none;
    color: #fff;
    margin-right: 10px;
    margin-top: 20px;
    border-radius: 4px;
}

.jobsShow .jobsSubmit:hover {
    background: #666;
    color: #fff;
}

.jobsShow .jobsSubmitb {
    background: #333;
    width: 100px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border: none;
    color: #fff;
    margin-top: 20px;
    border-radius: 4px;
}

.jobsShow .jobsSubmitb:hover {
    background: #d40413;
    color: #fff;
}


/* 内页留言样式 */

#contactlb {
    width: 900px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    font-family: "微软雅黑";
    font-weight: normal;
    margin-bottom: 40px;
}

#contactlb span {
    font-weight: normal;
    font-size: 13px;
    font-family: Arial;
    display: block;
    color: #999;
}

#leavetable {
    margin-top: 35px;
}

#leavetable tr {
    height: 40px;
}

#dituContent {
    width: 900px;
    height: 420px;
}

.contactFont {
    overflow: hidden;
    margin-top: 30px;
}

.contactnr {
    width: 600px;
    margin: 0 auto;
}


/*资料下载*/

.downList {
    margin-top: 30px;
}

.downList li {
    overflow: hidden;
    zoom: 1;
    background: url(../images/splitBg.gif) repeat-x 0 bottom;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.downList h2 {
    float: left;
    background: url(../images/file.png) no-repeat 6px 2px;
    padding-left: 40px;
    font-size: 14px;
    color: #000;
}

.downList a {
    float: right;
    background: url(../images/download.png) no-repeat 0 6px;
    padding-left: 16px;
    color: blue;
}

.downList a:hover {
    text-decoration: underline;
}


/* pagination */

.pagination span {
    background: #1B8700;
}

.searchBox {
    background: url(../images/search.jpg) no-repeat;
    font-family: 'Microsoft Yahei';
    width: 771px;
    height: 385px;
    margin: 0 auto 20px;
}

.searchBox h2 {
    text-align: center;
    padding-top: 63px;
    margin-bottom: 40px;
}

.searchBox h2 span {
    background: url(../images/searchLogo.jpg) no-repeat;
    padding-left: 107px;
    font-size: 38px;
    color: #282828;
    line-height: 44px;
    height: 45px;
}

.searchLeft {
    font-weight: bold;
    color: #2b2b2b;
    padding-left: 142px;
    width: 170px;
    padding-top: 22px;
}

.searchLeft h3 {
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
}

.searchLeft p {
    font-size: 22px;
    line-height: 30px;
}

.searchRight {
    border-left: 1px solid #e1e1e1;
    padding-left: 26px;
}

.searchBox .item {
    margin-bottom: 20px;
    height: 38px;
}

.searchBox .item p {
    width: 136px;
    color: #2b2b2b;
}

.searchBox .item span {
    width: 100%;
}

.searchBox .item .cn {
    font-size: 18px;
    font-family: 'Microsoft Yahei';
    letter-spacing: 13px;
    line-height: 22px;
}

.searchBox .item .en {
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 16px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.searchBox .item input {
    width: 178px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 6px #d9d9d9;
    overflow: hidden;
    padding: 0 10px;
}

.searchBox .btn {
    padding-left: 136px;
}

.searchBox .btn input {
    transition: 0.2s;
    word-spacing: 10px;
    width: 200px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    font-family: 'Microsoft Yahei';
    line-height: 40px;
    border-radius: 4px;
    overflow: hidden;
    color: #fff;
    background: #17163c;
    cursor: pointer;
}

.searchBox .btn input:hover {
    background: #CB3F32;
}

.searchBox .note {
    padding-left: 136px;
    line-height: 30px;
    color: #fff;
    font-family: 'Microsoft Yahei';
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.searchShow {
    width: 683px;
    margin: 0 auto;
    font-size: 14px;
}

.searchTop {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #dadada;
}

.searchShowBox {
    padding-top: 10px;
}

.searchShowBox li {
    background: url(../images/default/txt.png) no-repeat 6px center;
    padding-left: 26px;
}

.searchShowBox a {
    color: #cb3f32;
}

.searchShowBox a:hover {
    text-decoration: underline;
}

.searchTxt {
    border-top: 1px solid #dadada;
    padding-top: 40px;
    margin-top: 70px;
    font-family: Arial, 'simsun';
}

.searchTxt h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.searchTxt .fl {
    width: 415px;
    padding: 0 16px;
}

.searchTxt .ti {
    padding-left: 1em;
}


/* 视频中心 */

.videoList {
    overflow: hidden;
}

.videoList ul {
    width: 1000px;
}

.videoList ul li {
    width: 280px;
    float: left;
    margin-right: 26px;
    margin-bottom: 25px;
    text-align: center;
    font-size: 14px;
    position: relative;
}

.videoList ul li img {
    display: block;
    width: 270px;
    height: 195px;
    padding: 4px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.videoList ul li span {
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 0 5px;
}

.videoList ul li:hover span {
    color: #04419e;
}

.videoList ul li i {
    position: absolute;
    top: 0;
    left: 5px;
    top: 5px;
    width: 270px;
    height: 195px;
    background: #000 url('../images/vIcon.png') no-repeat center center;
    opacity: .6;
}

.listBox img {
    max-width: 100%;
}