body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

html {
    color: #000;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

i {
    font-style: normal;
}

body,
button,
input,
select,
textarea {
    font-size: 12px;
    font-family: arial, 'Microsoft Yahei', '微软雅黑', \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

em {
    font-style: normal
}

small {
    font-size: 12px
}

ul,
ol {
    list-style: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

legend {
    color: #000
}

fieldset,
img {
    border: 0
}

button,
input,
select,
textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    -ms-interpolation-mode: bicubic
}

textarea {
    resize: vertical
}

.clear {
    float: none;
    clear: both;
    width: 0;
    height: 0;
    border: 0;
    display: block;
    font-size: 0;
    background: none;
    visibility: hidden;
    overflow: hidden;
}

.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

/*首页*/

.top {
    background: #f0f0f0;
    width: 100%;
    font-size: .875rem;
    color: #333;
    font-size: 16px;
    line-height: 2.5rem;
}

.top p {
    float: left;
}

.top span {
    float: right;
}

/*logo*/
.logo {
    width: 100%;
    position: relative;
}

.logo img {
    padding: 13px 0 13px 0;
    float: left;
    display: block;
}

.bas {
    /* background: rgba(255, 255, 255, 0.5); */
    filter:blur(15px);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.row {
    width: 36%;
    float: right;
    padding-right: 2.5%;
    padding-top: 2.5rem;
}

.form-control {
    border: 2px solid #0860a7;
    border-radius: initial;
    height: 40px;
}

.btn {
    padding: 10px 30px;
    border: none;
    background: #0860a7;
    color: #fff;
    border-radius: initial;
}

/*banner*/

.newimg, .newimg1 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.newimgdiv {
    width: 300%;
    text-align: left;
}

.newdiv {
    position: absolute;
    bottom: 30px;
    height: 4px;
    width: 100%;
    text-align: center;
}

.newdiv i:first-child {
    margin-left: 0;
}

.newdiv i {
    width: 53px;
    height: 6px;
    display: inline-block;
    margin-left: 10px;
    background: #bfbfbf;
}

.newdiv .newdiviactive {
    background: #004ea2;
}

.newimgdiv a {
    width: 33.33333333333333%;
    float: left;
    display: block;
}

.newimgdiv img {
    width: 100%;
}

.jtleft,
.jtright {
    position: absolute;
    left: 10px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 50px;
    margin-left: 10px;
}

.jtleft img,
.jtright img {
    width: 100%;
}

.jtright {
    margin-left: calc(100% - 60px);
}

/*搜索框*/
.searchs {
    width: 100%;
    background: #f5f5f5;
}

.search {
    font-size: 16px;
    line-height: 40px;
}

.search a {
    color: #666;
    font-size: 14px;
}

.search a:hover {
    color: #014a97;
    text-decoration: underline;
}

.bar1 {
    float: right;
    padding-top: 5px;
    line-height: 30px;
    padding-bottom: 5px;
}

.bar1 input {
    border: 1px solid #eee;
    background: #eeeeee;
    color: #9E9C9C;
    font-size: 14px;
    padding-left: 5px;
}

.bar1 button {
    border: 1px solid #eee;
    padding: 0 10px 0 10px;
    background: #014a97;
    color: #fff;
    top: 0;
    right: 0;
}

/*解决方案*/
.title {
    text-align: center;
}

.title img {
    width: 100%;
    display: block;
}

.title h2 {
    line-height: 60px;
    font-size: 28px;
    color: #333;
}

.title span {
    color: #0860a7;
}

.jiejue ul li {
    float: left;
    width: 20%;
    overflow: hidden;
    text-align: center;
}

.title {
    width: 100%;
    padding-top: 30px;
    text-align: center;
}

.title h2 {
    font-size: 28px;
    color: #333;

}

.title span {
    font-size: 28px;
    color: #0165b3;
}

.jiejue ul li {
    text-align: center;
    float: left;
    padding: 0px;
    margin-top: 15px;
}

.jiejue ul li p {
    color: #333;
    width: 90%;
    padding-left: 5%;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
}

.jiejue ul li:hover p {
    color: #0165b3;
}

.jiejue ul li i {
    background: url(../images/jiejue_icon_01.png) no-repeat;
    width: 130px;
    height: 130px;
    background-position: 0 0;
    display: block;
    margin-top: 36px;
    margin-left: 43px
}

.jiejue ul li:nth-child(2) i {
    background: url(../images/jiejue_icon_02.png) no-repeat;
    background-position: 0 0;
}

.jiejue ul li:nth-child(3) i {
    background: url(../images/jiejue_icon_03.png) no-repeat;
    background-position: 0 0;
}

.jiejue ul li:nth-child(4) i {
    background: url(../images/jiejue_icon_04.png) no-repeat;
    background-position: 0 0;
}


.jiejue ul li:nth-child(5) i {
    background: url(../images/jiejue_icon_05.png) no-repeat;
    background-position: 0 0;
}

.jiejue ul li:hover i {
    background-position: -152px 0;
}

/*产品中心*/
.chanpin {
    margin-top: 2%;
    background: #f5f5f5;
    padding-bottom: 2%;
    padding-top: 10px;
}

.left_b {
    margin-top: 2%;
}

.left_b .tou {
    padding-top: 2%;
    background: #0860a7;
}

.left_b .tou h2 {
    color: #fff;
    line-height: 40px;
    font-size: 22px;
    padding-left: 10px;
}

.left_b .tou span {
    font-size: 18px;
}

.left_b .dib {
    background: #0860a7;
    text-align: center;
    padding: 10px;
}

.left_b .dib p {
    color: #fff;
    line-height: 30px;
    font-size: 16px;

}

.left_b .dib h2 {
    color: #fff;
    line-height: 30px;
    font-weight: bold;
    font-size: 22px;
}

.left_b ul li:first-child {
    margin: 0;
}

.left_b ul li {
    margin-top: 2%;
}

.left_b ul li > a {
    display: block;
    background: #eeeeee;
    line-height: 40px;
    color: #333;
    font-size: 16px;
    padding-left: 10px;
}

.left_b ul li.on > a {
    color: #fff;
    background: #64aee5 !important;
}

.left_b ul li div {
    background: #fff;
    color: #fff;
    line-height: 40px;
    padding-left: 16px;
    float: none;
    overflow: hidden;
    display: none;
    padding-right: 16px;
    text-align: center;
}

.left_b ul li.on div {
    display: block;
}

.left_b ul li.on div > a {
    color: #fff;
}

.left_b ul li > div p a {
    border-bottom: 1px dotted #ccc;
    font-size: 16px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.left_b ul li > div p:hover a {
    color: rgb(102, 102, 102);
    background: #fff;
}

.left_b ul li > div p:last-child {
    border: none;
}

.left_b .active a {
    color: #000;
}

.left_b ul li a:hover {
    color: #fff;
    background: #014a97;
}

.left_b ul li a span {
    float: right;
    padding-right: 5%;
}

.left_b ul li:nth-child(2n+1) > a {
    /*background:#fff;*/

}

.right_b {
    padding-top: 2%;

}

/*tab*/
.nav-tabs > li.active > a {
    color: #0860a7;
    background: #fff;
    border-top: 4px solid #0860a7;
}

.nav-tabs > li > a {
    font-size: 16px;
    color: #333;
    border: inherit;
}

.nav-tabs {
    border-bottom: 1px solid #ccc !important;
}

.nav-tabs > li > a:hover {
    background: #fff;
    color: #0860a7;
    border-top: 4px solid #0860a7;
}

.topa li:last-child {
    border-bottom: inherit;
}

.tab-pane ul li {
    float: left;
    text-align: center;
    width: 31%;
    margin-left: 3.5%;
    margin-top: 3.16%;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
}

.tab-pane ul li img {
    width: 100%;
}

.tab-pane ul li p {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    height: 75px;
    padding: 10px;
    /*background:#fff;*/
    border-top: 1px solid #ccc;
}

/*监控系统*/
.jsfw-fw ul {
    width: 100%;
    margin: 0 auto;
}

.jsfw-fw ul li {
    height: 250px;
}

.jsfw-fw ul li .jsfw-fwna {
    border: 1px solid #e5e5e5;
    height: 100%;
}

.jsfw-fw ul li:hover .jsfw-fw1 {
    height: 0;
    transition: 1s;
}

.jsfw-fw ul li:hover .jsfw-fw2 {
    height: 100%;
    transition: 1s;
}

.jsfw-fw ul li:hover .jsfw-fw2 a {
    color: #fff;
}

.jsfw-fw1 {
    text-align: center;
    overflow: hidden;
    transition: 1s;
    height: 100%;
}

.jsfw-fw1 p {
    color: #666;
    font-size: 1.9rem;
    margin-top: 10px;
    height: 30px;
}

.jsfw-fw1 img {
    margin-top: 4rem;
}

.jsfw-fw2 {
    width: 100%;
    background: #014a97;
    height: 0;
    text-align: center;
    color: #fff;
    overflow: hidden;
    transition: 1s;
}

.jsfw-fw2 {
    color: #fff;
}

.jsfw-fw2 p:nth-child(1) {
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.jsfw-fw2 span {
    display: block;
    font-size: 1.5rem;
    line-height: 2rem;
}

.jsfw-img {
    margin-top: 3rem;
}

.jsfw-img img {
    width: 100%;
}

/*选型指南*/
.kuangb {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    margin-top: 30px;
}

.hangye .wai {

    float: left;
    padding: 10px;
}

.hangye .wai > li {
    width: 100%;
    float: left;
    margin-bottom: 2%;

}

.hangye .wai li p {
    font-size: 18px;
    line-height: 30px;
}

.hangye .wai ul li {
    float: left;
    color: #333;
    background: #f0f0f0;
    font-size: 16px;
    line-height: 35px;
    /*width:9%;*/
    padding: 0 10px;
    text-align: center;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
}

.hangye .wai ul {
    width: 100%;
    float: left;
}

.xuanz {
    background: #0d6dbb;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    max-width: 150px;
    text-align: center;
    cursor: pointer;
}

/*关于我们*/

.auot {
    background: url(../images/img_03.jpg);
    margin-top: 3%;
    padding-bottom: 3%;
}

.neir {
    background: #fff;
    float: left;
    margin-top: 3%;
}

.neir {
    position: relative;
    padding: 15px;
}

.neir p {
    width: 70%;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    padding-top: 2%;
}

.neir img {
    float: right;
    position: absolute;
    right: -100px;
    top: 65px;
}

.title_a {
    border-bottom: 1px solid #ccc;
    width: 70%;
}

.title_a h2 {
    font-size: 22px;
    color: #0860a7;
    line-height: 50px;
}

.more {
    border: 1px solid #ccc;
    font-size: 16px;
    color: #999;
    line-height: 30px;
    width: 150px;
    padding: 5px;
    display: block;
    text-align: center;
    margin-top: 2%;
    margin-bottom: 2%;
}

.more:hover {
    color: #fff;
    border: 1px solid #0860a7;
}

/*六大理由*/
.liyou {
    background: url(../images/img_05.jpg);
}

.liyou ul {
    padding-top: 5%;
}

.liyou ul li {
    margin-bottom: 5%;
    float: left;
    width: 100%;
}

.liyou ul li .txt {
    padding-top: 3%;
}

.liyou ul li .txt h2 {
    font-size: 20px;
    display: block;
    line-height: 30px;
    margin-bottom: 5%;
    position: relative;
}

.h2-bottom-border {
    width: 100px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    background: #0860a7;
}

.liyou ul li .txt p {
    line-height: 30px;
    font-size: 16px;
    color: #333;
}

.liyou ul li .tua img {
    position: relative;
    width: 100%;
}

.liyou ul li .tua span {
    position: absolute;
    right: 50px;
    top: -30px;
    background: #0860a7;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    padding: 10px;
}

.liyou ul li .tua_a img {
    position: relative;
    width: 100%;
}

.liyou ul li .tua_a span {
    position: absolute;
    left: 50px;
    top: -30px;
    background: #0860a7;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    padding: 10px;
}

/*客户案例*/
.case {
    background: url(../images/img_07.jpg);
    padding-bottom: 5%;
}

.case .title h2 {
    color: #fff;
}

.right_c .tab-pane ul li {
    width: 60%;
    float: left;
    background: #fff;
    margin: 0;
    text-align: inherit;
}

.right_c .nav-tabs {
    padding-top: 2%;
}

.right_c .nav-tabs > li.active > a {
    background: #0860a7;
    color: #fff;
    border: inherit;
}

.right_c .nav-tabs > li > a {
    background: #fff;
}

.right_c .nav-tabs > li > a:hover {
    border: inherit;
    background: #0860a7;
    color: #fff;
}

.right_c .nav-tabs {
    border-bottom: 4px solid #ddd !important;
}

.right_c .tab-pane ul li h2 {
    font-size: 24px;
    line-height: 80px;
}

.right_c .tab-pane ul li:nth-child(2) {
    padding-left: 2%;
    width: 40%;
    height:412px;
}

.right_c .tab-pane ul li:nth-child(2) img {
    display: block;
    width: inherit;
}

.right_c .tab-pane ul li > p {
    border-top: none;
    font-size: 16px;
    width: 95%;
    line-height: 30px;
    height: initial;
    padding-left: 0px;
    padding-top: 10px;
    -webkit-line-clamp:4;
    color: #999;
}

.right_c .tab-pane ul li span {
    font-size: 14px;
    color: #999;
    line-height: 40px;
}

.right_c .call_a {
    border-top: 1px solid #ccc;
    padding-top: 5%;
    padding-bottom: 5%;
    float: left;
    margin-top: 4.5%;
}

.right_c .call_a img {
    float: left;
    padding: 5px;
}

.right_c .call_a .zia {
    float: left;
}

.right_c .call_a .zia p {
    border: none;
    line-height: 30px;
    font-size: 14px;
    color: #999;
    height: 30px;
}

.right_c .call_a .zia h2 {
    font-weight: bold;
    font-size: 26px;
    line-height: 30px !important;
    padding-top: 0px;
}

.right_c .call_a a {
    float: right;
    background: #0860a7;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    width: 100px;
    margin: 20px;
    text-align: center;
}

/*版权开始*/
.copyright {
    width: 100%;
    padding-bottom: 20px;
    background: #0d6dbb;
    padding-top: 1%;
}

.copyright .left ul li {
    width: 24%;
    float: left;
    font-size: 15px;
    color: #fff;
    margin-right: 1%;
}

.copyright .left ul li ul {
    padding-top: 10px;
}

.copyright .left ul li ul li {
    float: none;
    width: 100%;
}

.copyright .left ul li ul li a {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}

.copyright .left ul li ul li a:hover {
    text-decoration: underline;
}

.copyright .cen ul li {
    float: none;
    display: flex;
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
}

.copyright .cen ul li:first-child {
    margin-top: 0px;
}

.copyright .cen ul li img {
    float: left;
    display: block;
    height: 22px;
}

.copyright .cen ul li p {
    float: left;
    color: #fff;
    padding-left: 5px;
    font-size: 16px;
}

.copyright .right {
    text-align: center;
}

.copyright .right p {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.beian {
    background: #05589b;
    color: #ccc;
    text-align: center;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
}

.youlian {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #055fa8;
    margin-bottom: 2%;
}

.youlian img {
    float: left;
}

.youlian p {
    float: left;
    color: #fff;
    font-size: 16px;
}

.youlian p a {
    color: #fff;
    font-size: 16px;
    padding-left: 10px;
}

.youlian p a:hover {
    color: #333;
}

/*内页开始*/
/*新闻列表*/
.liebi > ul li {
    float: left;
    width: 100%;
    margin-top: 1%;
    margin-bottom: 1%;
    padding-bottom: 2%;
    border-bottom: 1px dotted #ccc;
}

.liebi > ul li img {
    float: left;
    width: 40%;
}

.liebi > ul li .txt {
    float: left;
    width: 60%;
    padding-left: 2%;
}

.liebi > ul li .txt h2 {
    font-size: 18px;
    color: #333;
    line-height: 35px;
}

.liebi > ul li .txt p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.liebi > ul li .txt span {
    font-size: 14px;
    color: #999;
    display: block;
    padding-top: 10px;
}

.liebi > ul li a:hover p {
    color: #0860a7;
}

.liebi > ul li a:hover h2 {
    color: #0860a7;
}

.left_a h2 {
    font-size: 20px;
    width: 100%;
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
    line-height: 40px;
}

.left_a i {
    border-bottom: 4px solid #0860a7;
    padding-bottom: 7px;
}

.left_a > ul {
    padding-top: 5%;
}

.left_a > ul li {

    margin-top: 2%;
}

.left_a > ul li a {
    display: block;
    background: #f5f5f5;
    line-height: 40px;
    color: #333;
    font-size: 16px;
    padding-left: 10px;
}

.left_a > ul li.on a {
    color: #fff;
    background: #0d6dbb !important
}

.left_a > ul li a:hover {
    color: #fff;
    background: #0d6dbb !important;
}

.left_a > ul li a span {
    float: right;
    padding-right: 5%;
}

/*热门新闻*/
.remen {
    width: 100%;
    padding-bottom: 5%;
    float: right;
    margin-top: 2%;
}

.remen ul li {
    float: none;
    border: 1px solid #ccc;
    background-color: #fff;
}

.remen ul li h2 {
    text-align: center;
    padding-top: 0px;
    font-size: 18px;
    background-color: #a0a0a0;
    color: #fff;
}

.remen ul li ul li {
    font-size: 14px;
    border: none;
}

.remen ul li ul li a {
    color: #333;
    line-height: 30px;
    padding-left: 10px;
}

.remen ul li ul li a:hover {
    color: #0860a7;
    text-decoration: underline;
}

.xwxq-div {
    width: 100%;
}

.xiangq {
    padding-bottom: 2%;
}

.banner_aa img {
    width: 100%;
}

.breadcrumb {
    margin: 0px;
    background: #fff;

}

.mianb {
    border-bottom: 1px solid #ccc;
}

.youb div {
    float: right;
}

.xiangq_left .tie {
    text-align: center;
    padding-top: 1.25rem;
    margin-bottom: 10px;
}

.xiangq_left .tie {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    width: 100%;
}

.xiangq_left h2 {
    font-size: 2.5rem;
    line-height: 35px;
    margin-left:1%;
    /* border-bottom: 1px dotted #ccc; */
}

.xiangq_left span {
    font-size: 1.5rem;
    color: #999;
    display: block;
    padding-top: .625rem;
    padding-bottom: 1rem;
}

.xiangq_left p {
    padding-top: 10px;
    line-height: 2.5rem;
    font-size: 1.5rem;
}

.xiangq_left p img {
    display: block;
    overflow: hidden;
    width: 100%;
}

.xwxq-div {
    /*margin-top: 2rem;*/
    overflow: hidden;
    padding-bottom: 2rem;
}

.xwxq-div p:nth-child(1) {
    float: left;
}

.xwxq-div p:nth-child(2) {
    float: right;
}

.xwxq-div p {
    padding-top: 0px;
    color: #000;
    line-height: 3rem;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #e4eaec;
    width: 45%;

}

.xwxq-div a {
    color: #000;
    line-height: 3rem;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 80%;
}

.xwxq-div a:first-child {
    float: left;
}

.xwxq-div a:last-child {
    float: right;
}

.xwxq-div p:hover {
    background: #fff;
    color: #123077;
    border: 1px solid #123077;
}

.xwxq-div p:hover a {
    color: #123077;
}

.feny {
    text-align: center;
}

/*关于我们*/
.guanyu {
    padding-top: 2.5%;
}

.guanyu img {
/*     float: left; */
width: 100%;
    display: block;
    margin-right: 2%;
    margin-bottom: 2%;
}

.guanyu p {
    line-height: 30px;
    font-size: 16px;
    color: #333;
    text-align: justify !important;
}

/*客户案例*/
.right_c ul {
    padding-top: 20px;
}

.right_c ul li {
    float: left;
    box-shadow: 0 0 5px #ccc;
    width: 30%;
    margin-left: 5%;
    margin-bottom: 5%;

    text-align: center;
}

.right_c ul li img {
    width: 100%;
    display: block;
}

.right_c ul li p {
    padding-top: 0px;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    }

.right_c ul li a:hover p {
    /*background: #014a97;*/
    color: #333;
}

/*在线留言*/
.fanzhuan li {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    margin: 0 auto;
}

.fanzhuan li:hover {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.bottom {
    padding: 0;
    box-shadow: 0 0 5px #ccc;
}

.bottom > img {
    width: 100%;
    padding: 5px;
    border-right: 1px dotted #ccc;
}

.guojiz {
    padding-bottom: 3%;
}

.guojiz > .tops {
    width: 100%;
}

.guojiz > .tops > ul {
    padding-top: 2%;
    text-align: center;
}

.guojiz > .tops > ul > li {
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    float: left;
    padding-bottom: 5%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.guojiz > .tops > ul > li img {
    padding-top: 13%;
}

.guojiz > .tops > ul > li h2 {
    font-size: 2rem;
    color: #333;
    display: block;
    padding-top: 5%;
}

.guojiz > .tops > ul > li i {
    height: 4px;
    background: #ccc;
    width: 4rem;
    display: block;
    margin: 0 auto;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.guojiz > .tops > ul > li p {
    width: 80%;
    height: 50px;
    font-size: 1.5rem;
    margin: 0 auto;
}

.daohc {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
    padding-top: .625rem;
    padding-bottom: 0.625rem;

}

.daohc a {
    font-size: 2rem;
    color: #333;
}

.daohc ul li {
    float: left;
    text-align: center;
}

.daohc ul li a.on {
    color: #014a97;
}

.daohc ul {
    text-align: center;
}

.asd ul li {
    width: 25%;
    margin-left: 0px;
    margin-bottom: 0px;
}

.asd ul li p {
    line-height: 50px;
}

.asd .nav-tabs > li.active > a {
    line-height: 50px;
}

.asd .nav-tabs > li > a {
    line-height: 50px;
    border-radius: inherit;
}

.asd .tab-pane ul li {
    width: 100%;
}

.asd ul {
    padding-top: 0px;
}

.asd .nav-tabs {
    border: none;
}

.asd .tab-pane ul li {
    position: relative;
}

.asd ul li p {
    background: rgba(0, 0, 0, 0.5);
    border-top: inherit;
}

.txta {
    position: absolute;
    top: 20%;
    right: 0;
}
.txta p {height:initial !important;}

.asd .tab-pane ul li span {
    font-size: 18px;
    color: #fff;
}

.asd .tab-pane ul li p {
    font-size: 16px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
    -webkit-line-clamp: 8;
}

.asd {
    padding-bottom: 3%;
}

/*知识问答*/
.xw_04 {
    margin-bottom: 30px;
}

.xw_05 {
    margin-bottom: 40px;
}

.xw_05 ul li {
    margin-top: 15px;
}

.xw_05_1 {
    width: 13%;
    height: 110px;
    background: #eeeeee;
    text-align: center;
    float: left !important;
    margin-bottom: 20px;
}

.xw_05_1 p {
    font-size: 34px;
    font-weight: bold;
    color: #999;
    line-height: 80px;
    border-bottom: 1px solid #999;
}

.xw_05_1 span {
    width: 86.5%;
    margin-bottom: 26px;
    line-height: 30px;
    color: #666;
}

.xw_05_2 {
    float: right;
    width: 86.5%;
    height: 110px;
    margin-bottom: 20px;
    background: #FAFAFA;
    padding: 0 20px;
}

.xw_05_2 p {
    color: #333;
    font-size: 18px;
    line-height: 45px;
    padding-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xw_05_2 span {
    font-size: 14px;
    color: #666;
}

.xw_05_2 p:hover {
    color: #0860a7;
}

.xw_05 a:hover {
    color: #0860a7;
}

.w-page {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 10px 30px 0;
    margin: 0 auto;
    margin-top: 30px;
    padding-bottom: 30px;
}

.w-page a {
    font-size: 14px;
    color: #333333;
    padding: 6px 12px;
    border: #e3e3e3 1px solid;
    margin-left: 10px;
}

.w-page a.on {
    background: #0860a7;
    color: #fff;
}

/*产品详情*/

.fenx {
    padding:10px 0 10px 0;
}

.fenx li{
   float: left;
   margin-left:2%;
}
.fenx li img{
    padding-right:5px;
    display:block;
    float: left;
}

.fenx li a{
    font-size:16px;
    color: #666 !important;
    line-height:15px;
    float: none !important;
    padding-left: 0;
    background-image: none;
    height: auto;
    margin:0;
}
.fenx li a:hover{
    color: #0164b5;
    text-decoration:underline;
}

.all {
    width: 500px;
    height: auto;
    overflow: hidden;
    margin-top: 5%;
}

.top-img {
    width: 500px;
    height: auto;
    border: 1px solid #f0f0f0;
    font-size: 0;
    position: relative;
}

.activeimg {
    overflow: hidden;
    height: 300px;
    position: relative;
}

.top-img .activeimg img {
/*     width: 500px;
height: 300px; */
}

.top-img .left {
    width: 41px;
    height: 105px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 20%;
    text-align: center;
    line-height: 100px;
    cursor: pointer;
}

.top-img .right {
    width: 40px;
    height: 105px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: calc(100% - 40px);
    top: 0;
    margin-top: 20%;
    text-align: center;
    line-height: 100px;
    cursor: pointer;
}

.top-img .left:hover, .top-img .right:hover {
    background: rgba(0, 0, 0, 0.5);
}

.bot-img {
    height: 90px;
    width: 500px;
    margin-top: 15px
}

.bot-img ul {
    width: 100%;
    height: 100px;
}

.bot-img ul li {
    width: 92px;
    margin-right: 10px;
    float: left;
    border: 1px solid #fff;
    cursor: pointer;
    font-size: 0;
}

.bot-img ul li.active {
    border: 1px solid #0d6dbb;
}

.bot-img ul li img {
    width: 100%;
}

.bot-img ul li:last-child {
    margin-right: 0;
}

.youza {
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    margin-top: 5%;
    position: relative;
    padding-bottom: 50px;
}

.youza h2 {
    font-size: 20px;
    line-height: 50px;
    padding-left: 2%;
}

.youza p {
    width: 95%;
    padding-left: 2%;
    line-height: 30px;
    font-size: 16px;
}

.youza span {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 10px;
    padding-left: 10px;
}

.youza button {
    background: #0065b3;
    padding-left: 40px;
    border: none;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}

.chanp {
    background: #f6f4f4;

}

.cha {
    margin-top: 20px;
    overflow: hidden;
}

.cha span {
    background: #e5e5e5;
    height: 39px;
    width: 119px;
    border-radius: 10px 10px 0 0;
    display: block;
    float: left;
    margin-left: 20px;
    line-height: 39px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.cha span:first-child {
    margin-left: 0;
}

.cha .active {
    background: #0164b5;
    color: #fff;
}

.c > div {
    display: none;
    background: #fff;
    padding-top: 10px;
    padding-left: 10px;
}

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

.c .active {
    display: block;
    box-shadow: 0 0 5px #ccc;
}

.c p {
    line-height: 30px;
    font-size: 16px;
}

.chaa {
    margin-top: 60px;
}

.chaa img {
    width: 100%;
    display: block;
}

.chaa div {
    background: #fff;
    border: 1px solid #ddd;
    margin-top: 10px;
}

.chaa > div:first-child {
    margin-top: 0;
}

.chaa span {
    display: block;
    line-height: 47px;
    color: #666;
    font-size: 16px;
    text-align: center;
    border-top: 1px solid #ddd;
}

.xgsdivdiv {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 7px 10px #e6e4e4;
    margin-bottom: 30px;
    margin-top: 10px;
}

.xgsdivdiv > div {
    overflow: hidden;
    margin: 10px 10px 0 10px;
}

.xgsdivdiv > div:first-child {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.xgsdivdiv > div:first-child i {
    float: left;
    width: 4px;
    height: 24px;
    background: #014a97;
}

.xgsdivdiv > div:first-child span {
    color: #333;
    font-size: 22px;
    float: left;
    margin-left: 20px;
    line-height: 24px;
}

.xgsdivdiv > div:first-child a {
    float: right;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    border: none;
    padding: 0;
}

.xgs a {
    font-size: 16px;
    color: #333;
    display: block;
    padding: 10px 0;
    border-bottom: 1px dashed #bfbfbf;

}

.xgsdivdiv a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xgs img {
    margin-right: 10px;
}

.xgs .youxian1 {
    background: none;
    margin-bottom: 2%;

}

.xgs .youxian1 > div {
    box-shadow: 0 0 5px #ccc;
}

.xgs .youxian {
    overflow: hidden;
    position: relative;
    background: #fff;
    margin-top: 10px;
}

.youxian p {
    color: #333;
    text-align: center;
    font-size: 20px;
    background: #fff;
    margin-top: 10px;
}

.youxian i {
    display: block;
    height: 1px;
    background: #bfbfbf;
    margin-top: 9px;
}

.youxian h6 {
    height: 4px;
    width: 81px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 40px);
    background: #014a97;
}

.dd {
    padding-top: 10px;
    background: #fff;
    overflow: hidden;
    padding-left: 10px;
    border-bottom: 1px dashed #c5c5c5;
    padding-bottom: 10px;
}

.dd img {
    float: left;
}

.dd p {
    float: left;
    font-size: 16px;
    color: #014a97;
}

.dd i {
    font-size: 16px;
    color: #666;
    width: 100%;
    display: block;
    clear: left;
}

.xgs .youxian1 button {
    border: 1px solid #eee;
    padding: 0 10px 0 10px;
    background: #014a97;
    color: #fff;
    top: 0;
    right: 0;
    width: 100%;
    font-size: 16px;
    line-height: 48px;
}

.xgs a:last-child {
    border-bottom: none;
}

/*媒体查询*/
@media screen and (max-width: 720px) {
    .top-img .activeimg img {
    width: 100%;
    height: auto;
    }
    body {
        width: 100%;
    }

    .logo img {
        padding-left: 4%;
    }

    .clear-fix {
        /*background-image: url(../images/banner_01.jpg);
        filter: blur(15px);*/
    }

    .second {
        float: right;
        padding: 20px;
    }

    .jiejue ul li {
        width: 33%;
    }

    .jiejue ul li i {
        margin-left: 3px;
        background-size: 218%;
        width: 100px;
    }

    .jiejue ul li:nth-child(2) i {
        background-size: 218%;
    }

    .jiejue ul li:nth-child(3) i {
        background-size: 218%;
    }

    .jiejue ul li:nth-child(4) i {
        background-size: 218%;
    }
    .jiejue ul li:nth-child(5) i {
        background-size: 218%;
    }
    .jiejue ul li p {
        line-height: 22px;
        width: 96%;
    }

    .nav-tabs > li {
        width: 20%;
    }

    .right_b {
        padding-left: 0;
        padding-right: 0;
    }

    .tab-pane ul li {
        width: 48%;
    }

    .tab-pane ul li:nth-child(2n+1) {
        margin-left: 0;
    }

    .tab-pane ul li p {
        font-size: 1.3rem;
        height: 75px;
    }

    .hangye .wai ul li {
        /* width: 31%; */
    }

    .hangye .wai ul li:nth-child(3n+3) {
       /*  margin-right: 0; */
    }

    .neir p {
        width: 100%;
    }

    .neir .title_a {
        width: 100%;
    }

    .jsfw-fw ul li {
        margin-bottom: 10px;
    }

    .copyright .left {
        width: 100%;
        display: -webkit-inline-box;
    }

    .copyright > div {
        padding: 0px;
    }

    .copyright .left {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .copyright .left ul {
        width: 100%;
    }

    .copyright .left ul li {
        /*width: 25%;*/
        width: 50%;
        text-align: center;
        margin-right: 0px;
    }

    .copyright .left > ul > li:nth-child(3) {
        padding-bottom: 38px;
    }

    .copyright .cen {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .news ul li {
        float: left;
        width: 100%;
        margin-top: 5%;
    }

    .news ul {
        padding-bottom: 3%;
        width: 100%;
        float: left;
    }

    .news ul li h2 {
        font-size: 14px;
        color: #333;
        line-height: 20px;
    }

    .news ul li .txts {
        width: 70%;
        padding-left: 10px;
        float: left;
        padding: 5px 10px 0px 10px;
    }

    .news_left > ul li {
        margin-top: 6%;
    }

    .liebi > ul li img {
        float: left;
        width: 100%;
    }

    .liebi > ul li .txt {
        width: 100%;
    }

    .right_c ul li {
        width: 48%;
        margin-left: 4%;
    }

    .right_c ul li:nth-child(2n+1) {
        margin-left: 0px;
    }

    .xw_05 {
        padding: 0px;
    }

    .xw_05_1 {
        width: 21%;
    }

    .xw_05_2 {
        width: 78.5%;
    }

    .xw_05 {
        margin-bottom: 0px;
    }

    .xw_05_2 p {
        padding-top: 0px;
    }

    .ttt {
        float: none;
    }

    .chanp {
        margin-top: 6%;
        padding-top: 2%;
    }

    .case .tab-content ul li {
        width: 100% !important;
    }
    .all,.top-img{
        width:100%;
    }
    .activeimg{
        width:100% !important;
    }
    .jiejue{
        padding:0;
    }
    .title h2{
    font-size: 18px;
    line-height: 30px;
}
.title span{
    font-size: 18px;
}
}

/*修改*/
.shouy ul {
    padding-top: 0px;
}

.shouy ul li {
    margin-bottom: 0px;
    margin-left: 2px;
    width: inherit;
    box-shadow: none;
}

.liyou ul li{
    margin-top: 30px;
}

.right_c .tab-pane ul li h2{
    line-height: 30px;
    font-size: 18px;
    padding-top: 20px;
}





@media (min-width: 1200px) {
    /*定位*/
    .kuanga {
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%;
        z-index: 99999;
    }

    .tab-pane ul li:nth-child(3n+1) {
        margin-left: 0;
    }

    .right_c ul li:nth-child(3n+1) {
        margin-left: 0px;
    }

    .guojiz > .tops > ul > li {
        margin: 1.5%;
        width: 30.2%;
    }

}

.hangye .wai ul .weuli {
    background: #065cc1;
    color: #fff;
}

.zizhi-new {
    background: #f5f5f5;
    padding: 20px 0;
}

.zizhi-new ul li img {
    border: 1px solid #ccc;
    border-bottom: none;
    display: block;
    width: 100%;
}

.zizhi-new ul {
    margin-top: 30px;
    overflow: hidden;
}

.zizhi-new a p {
    color: #333;
    font-size: 18px;
    line-height: 49px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
}

.zizhia-new {
    border: 1px solid #7d7d7d;
    width: 173px;
    height: 37px;
    margin: 0 auto;
    margin-top: 35px;
    display: block;
    text-align: center;
    line-height: 37px;
    color: #666;
}

.xinwenzuo-new {
    overflow: hidden;
    margin-top: 50px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.xinwenzuo-new i {
    background: #0860a7;
    width: 6px;
    height: 28px;
    float: left;
    display: block;
}

.xinwenzuo-new p {
    float: left;
    color: #333;
    font-size: 18px;
    margin-left: 42px;
}

.xinwenzuo-new .active {
    color: #0860a7;
}

.qiezuo-new {
    background: #eee;
    padding: 0;
    padding-bottom: 20px;
}

.qiezuo-new .qiezuo-new-title {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.qiezuo-new .qiezuo-new-description {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.qiezuo-new img {
    display: block;
    width: 100%;
}

.qiezuo-new p {
    font-size: 20px;
    color: #333;
    margin-top: 20px;
}

.qiezuo-new span {
    color: #666;
    font-size: 16px;
    margin-top: 20px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.qiezuo-new div {
    padding: 0 20px;
}

.gon-new {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

.xinwen-new {
    padding-bottom: 2%;
}

.qie-new > div {
    display: none;
}

.qie-new .active {
    display: block;
}

.gon-new div {
    border-bottom: 1px dashed #dcdcdc;
    margin-left: 20px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.gon-new div:first-child {
   /*  margin-top: 0; */
}

.gon-new p {
    color: #333;
    font-size: 18px;
    padding-top: 10px;
}
.gon-new p:hover{
    color: #0164b5;
}
.gon-new span:hover{
    color: #0164b5;
}
.gon-new span {
    margin-top: 10px;
    display: block;
    font-size: 16px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.xinwenzuo1-new p:last-child {
    float: right;
    color: #999;
    font-size: 16px;
}

.wa-new {
    overflow: hidden;
}

.wa-new div {
    overflow: hidden;
    margin-top: 14px;
    border-bottom: 1px solid #eee;
    padding: 0 10px;
}

.wa-new p {
    float: left;
    color: #333;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.wa-new a:hover p{
    color: #0164b5;
}
.pagination > a, .pagination > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > .current {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

/*一键分享*/

#content-share-list {
    /* position: relative;*/
}

#more {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    opacity: 0;
}

.topa li {
    position: relative;
}

.topa li .xians {
    display: none;
    word-break:break-all;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.topa li:hover .xians {
    display:-webkit-box;
    background: rgba(13, 109, 187, 0.8);
    position: absolute;
    top: 0;
    left: 0;
}

.topa li:hover .xians h2 {
    padding: 10px;
    font-size: 20px;
    color: #fff;
    padding-top:10%;
    line-height: 30px;
}

.topa li:hover .xians p {
    font-size: 16px;
    width: 90%;
    margin-left: 2%;
    color: #fff;
    padding: 0px;
    line-height: 30px;
    border: inherit;
}

.topa li:hover .xians {
    width: 100%;
    height: 100%;
}

.topa li p{
    
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.xinz ul{
    width:100%;
    float: left;
    border-bottom:1px solid #ccc;
    padding: 10px;
}
.xinz .zuob img{
    float: right;
}
.xinz .zuob .tax_a{
    float: left;
    padding-top: 3%;
}
.xinz .youb img{
    float: left;
}
.xinz .youb .tax_a{
    padding-top: 3%;
}
.xinz .youb .ziaa{
     text-align: right;
}
.xinz li  h2{
    font-size: 30px;
    line-height:50px;
    color: #333;
}

.xinz li  p{
    line-height:30px;
    color: #333;
    font-size:18px;
}


#service{width:180px;height:290px;position:fixed;bottom:50px;right:0px; z-index:100;}
*html #service{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#service li{width:180px;height:50px;}
#service li img{float:right;max-width: 100%;}
#service li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#service li a .shows{display:block;}
#service li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#service li a.weixin_area .hides{display:none;position:absolute;right:143px;}
#service li a.weixin_area .weixin{display:none;position:absolute;right:48px;top:0px}
#p2{width:150px;background-color:#6da9de;height:47px;margin-left:47px;border:1px solid #6da9de;text-align:left;line-height:47px}
#p3{width:112px;background-color:#fbb01f;height:47px;margin-left:47px;border:1px solid #fbb01f;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}
a:hover{text-decoration: none}


.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}
.head{border-bottom:1px solid #dadada; padding:0 0 5px}
.head_inner{margin:0 auto; width:980px}
.demo>h2.title{margin:4px 0 30px; padding:15px 0 10px 20px; border-bottom:1px solid #d3d3d3; font-size:18px; color:#a84c10; background:url(../images/arrow.jpg) no-repeat 2px 14px}
.foot{height:60px; padding:10px 2px; line-height:24px; text-align:center}
.foot a:hover{color:#51555c}
.btn{-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; background-color:#ff8400; color:#fff; display:inline-block; height:28px; line-height:28px; text-align:center; padding:0 12px; transition:background-color .2s linear 0s; border:0; cursor:pointer}
.btn:hover{background-color:#e95a00; text-decoration:none}
.demo{width:700px; margin:0 auto;position: fixed;
    top: 40%;
    right: 0%;
    z-index: 999999;}
ul.ul_demo li{background:url("../images/demo_icon.gif") no-repeat scroll 0 6px; line-height:28px; padding-left:20px}
.input,.table input[type='text']{border:1px solid #ccc; padding:0 5px; width:220px; height:26px; line-height:26px}
#nav{float:right; margin:30px 0 0}
#nav li{float:left; font-size:16px; margin-right:20px}
.btn.loading{opacity:.5}
h3 a.cur{color: #f30;}
.demo h3 a{font-size: 14px; margin: 0 10px 5px 0; display: inline-block}
.red{color:red}
.notice{font-size: 14px; margin-bottom: 10px;}
.table_parameters{border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; margin: 6px auto; font-size: 14px}
.table_parameters tr.tr_head{background: none repeat scroll 0 0 #f7f7f7; font-weight: bold; padding: 6px; text-align: center}
.table_parameters td,.table_parameters th{border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; line-height: 26px; padding: 2px}
h1{font: 32px "Microsoft Yahei"; margin: 40px auto; text-align: center;}
h2{font-size: 16px;margin:10px 0;}
.menu{height: 30px; margin-bottom: 30px; padding: 10px; background-color: #f0f0f0; text-align: center;}
.menu a{display: inline-block; height: 30px; padding: 0 20px; line-height: 30px; font-size: 14px; color: #333; text-decoration: none;}
.menu a:hover{color: #000; background-color: #e9e9e9;}
.menu .cur{background-color: #ddd !important; color: #000;}
.vad{margin:80px 0 5px; font-family: arial,宋体,sans-serif; text-align:center;}
.vad a{display:inline-block; height: 36px; line-height: 36px; margin:0 5px; padding:0 50px; font-size:14px; text-align:center; color:#eee; text-decoration:none; background-color:#222;}
.vad a:hover{color:#fff; background-color:#000;}
.thead{width: 728px; height: 90px; margin: 0 auto;}
.wrap{width: 960px; margin: 0 auto; font: 14px Tahoma,Helvetica,Arial,"宋体";}
.wrap p{margin: 14px 0; text-align: center;}
.wrap h2{margin-bottom: 20px; padding: 5px 2px; border-bottom: 1px solid #ccc; font: 500 24px "Microsoft Yahei";}
.wrap ul{margin-top: 20px; list-style-type: none; overflow: hidden; zoom: 1;}
.wrap ul li{position: relative; float: left; width: 300px; margin: 0 10px 20px;}
.wrap ul a{float: left; width: 300px; height: 60px; line-height: 60px; color: #333; text-align: center; text-decoration: none; background-color: #eee;}
.wrap ul .downLink{position: absolute; right: 0; bottom: 0; width: auto; height: auto; padding: 5px 10px; line-height: normal; font-size: 12px; color: #666; background-color: #ddd;}
.wrap ul .downLink:hover{color: #000;}
.per{border-bottom: 1px dotted #ddd; padding: 20px 0}
.per h3{margin-bottom: 6px; font-size: 14px}
.per p{margin: 3px 0}
.parea p{margin:12px 0; font-size: 14px}
textarea{border: 1px solid #ccc; font-size: 12px; height: 100px; line-height: 18px; padding: 5px; width: 300px;}
.table td{padding:10px 0}
.error{color:red}
.disabled{opacity:.6; filter:alpha(opacity=60)}
.notice{font-weight: bold;font-size: 16px;}
.demo>p{line-height: 30px;font-size: 14px}
.demo>p a{font-size: 14px}
.demo h3{font-size: 16px;margin:20px 0}
select{background-color: #fff; background-position: right center; background-repeat: no-repeat; border: 1px solid #888; border-radius: 3px; box-sizing: border-box; font: 12px/1.5 Tahoma,Arial,sans-serif; height: 30px; padding: 0 4px;}
fieldset{border: 1px solid #ccc; border-radius: 5px; margin: 1em 0; padding: 10px 20px;}
dl.row dt{width: 2em;}
dl.row dt{clear: left; float: left; line-height: 30px; padding: 5px; text-align: right; width: 6em;}
dl.row dd{float: left; padding: 5px;}
fieldset legend{font: bold 14px/2 "微软雅黑";}
.pager{text-align:right;}
.pager a{padding:3px 8px;margin-left:3px;line-height:20px;background:#f9f9f9;border:1px solid #DBDBDB;text-decoration: none}
.pager a:hover,
.pager a.current{background-color:#7CD5B1;color:#fff;border:1px solid #7CD5B1;cursor:pointer;}
.page{text-align: center;margin:50px 0}
.page a,.page span.prev_disabled{border: 1px solid #ededed; color: #3d3d3d; font-weight: 700; height: 35px; line-height: 35px; margin-left:5px; min-width: 9px; padding: 0 13px; text-align: center; text-decoration: none; vertical-align: top; font-family: "simsun";display: inline-block}
.page span.prev_disabled{cursor: default;color:#ccc;margin:0 10px 0 0}
.page a.current{background-color: #f40; border-color: #f40; color: #fff; font-weight: 700; position: relative; z-index: 1;}
.page .extra{display: inline-block; margin-left: 10px; height: 35px; line-height: 35px; color: #656565;}
.page .page-num{border: 1px solid #ededed; height: 21px; text-align: center; width: 35px; display: inline-block}
.page .page-submit{background-clip: padding-box; border: 1px solid #ededed; border-radius: 2px; cursor: pointer; height: 21px; line-height: 21px; text-align: center; width: 43px; display: inline-block}
.page .page-submit:hover{border-color: #f40; color: #f40;}
.page a:focus, .page a:hover{border-color: #f40; z-index: 1;}
.loading{margin:30px 0;text-align: center}