a:focus {
    text-decoration: none;
}

button {
    padding: 0;
    outline: none;
    border: 0;
}

input {
    outline: none;
    border: 0;
}
textarea{
    color:#333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999; opacity:1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999; opacity:1;
}

input:-ms-input-placeholder{
    color: #999; opacity:1;
}

input::-webkit-input-placeholder{
    color: #999; opacity:1;
}
textarea:-ms-input-placeholder{
    color: #999; opacity:1;
}
textarea::-webkit-input-placeholder{
    color: #999; opacity:1;
}
/*1行3列 列表*/
.u-3 {
    overflow: hidden;
}

.u-3 li:first-child {
    margin-left: 0;
}

.u-3 li {
    float: left;
    margin-left: 28px;
    width: 380px;
}

.img-box {
    position: relative;
}

.img-box img {
    display: block;
    max-width: 100%;
    /*width: 100%;*/
}

.center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.list-wrap {
    margin: 0 auto;
}

/*首页*/
#index-banner .item {
    height: 480px;
    overflow: hidden;
}

#index-banner .item a{
    display:inline-block;
    width:100%;
    height:100%;
}

#index-banner .item1 {
    background: url('../images/banner22.jpg') no-repeat center;
}

#index-banner .item2 {
    background: url('../images/banner33.jpg') no-repeat center;
}

#index-banner .item3 {
    background: url('../images/banner44.jpg') no-repeat center;
}

#index-banner .ctrl {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 2;
    top: 210px;
}

#index-banner .ctrl-left {
    background: url('../images/prev-normal.png') no-repeat center;
    left: 0;
}

#index-banner .ctrl-left:hover {
    background: url('../images/prev-hover.png') no-repeat center;
}

#index-banner .ctrl-right {
    background: url('../images/next-normal.png') no-repeat center;
    right: 0;
}

#index-banner .ctrl-right:hover {
    background: url('../images/next-hover.png') no-repeat center
}

#index-banner .carousel-indicators li {
    width: 20px;
    height: 4px;
    opacity: 0.3;
    border: 0;
    background-color: #fff;
    margin-bottom: 0;
}

#index-banner .carousel-indicators .active {
    width: 20px;
    height: 4px;
    border: 0;
    background-color: #1F77CF;
    opacity: 1;
}

#index-banner .tip {
    font-size: 13px;
    color: #fff;
    margin: 8px auto;
    text-align: center;
}

.i-contact {
    padding: 28px 0;
    background-color: #f5f5f5;
    text-align: center;
}

.i-contact ul {
    overflow: hidden;
}

.i-contact li {
    background-color: #fff;
}

.i-contact .img-box {
    width: 100%;
    height: 180px;
    margin-bottom: -5px;
}

.i-contact h3 {
    font-size: 18px;
    color: #000;
}

.i-contact .info {
    padding: 28px 28px 28px;
    border-top: 6px solid #1F77CF;
    position: relative;
    z-index: 2;
}

.i-contact .info p,.i-contact .info .infotext {
    font-size: 14px;
    color: #999;
    line-height: 22px;
    margin-top: 20px;
}
.i-contact .info .infotext h1{font-weight:400;margin:0;padding:0;display:inline;font-size: 14px;color: #999;}
.i-contact .info a {
    display: block;
    width: 210px;
    height: 42px;
    margin: 28px auto 0;
    border: 1px solid #1F77CF;
    border-radius: 4px;
    text-align: center;
    color: #1F77CF;
    line-height: 40px;
    transition: all .4s;
}

.i-contact a:hover {
    background-color: #1F77CF;
    color: #fff;
}

.i-pro {
    padding: 56px 0;
}

.head {
    /*overflow: hidden;*/
    height: 38px;
}

.i-pro .title {
    color: #222;
}

.head .title {
    float: left;
    font-size: 30px;
}

.head .know-more {
    float: right;
    margin-top: 14px;
    font-size: 14px;
}

.i-pro .know-more {
    color: #555;

}

.know-more span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px;
    color: #555;
}

.know-more i {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    background: url('../images/know-more-icon.png');
}

.i-pro .pro-search {
    height: 158px;
    margin-top: 28px;
    padding: 32px 28px 28px;
    background: url('../images/i-search.png') no-repeat center;
}

.i-pro .form-part {
    float: left;
}

.i-pro input[type="text"] {
    background-color: #f2f2f2;
    outline: none;
    border: 0;
    height: 28px;
    width: 68px;
    padding: 9px 11px 8px 11px;
    margin-right: 10px;
}

.i-pro input[type="radio"] {
    margin-right: 4px;
}

.radio-wrap {
    position: absolute;
    left: 0;
}

.i-pro label {
    position: relative;
    font-size: 14px;
    color: #555;
    font-weight: normal;
    padding-right: 10px;
}

.i-pro button {
    display: block;
    float: left;
    width: 120px;
    height: 42px;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 16px;
    line-height: 42px;
    text-align: center;
    background-color: #1F77CF;
    color: #fff;
    border-color: #1F77CF;
}

.i-pro button:hover {
    background-color: #F78400;
    color: #fff;
    border-color: #1F77CF;
}

.i-pro .pre-filter {
    margin-top: 14px;
}

.i-pro .group {
    float: left;
    margin-right: 21px;
}

.i-pro .group-type {
    float: left;
    width: 30px;
    height: 48px;
    border: 1px solid #efefef;
    border-radius: 3px;
    text-align: center;
    line-height: 22px;
}

.i-pro .group-type3 {
    line-height: 13px;
    padding-top: 4px;
}

.i-pro .group-link {
    width: 188px;
    float: left;
    margin-bottom: -4px;
    margin-left: 6px;
}

.i-pro .group-link a {
    display: block;
    float: left;
    width: 90px;
    height: 22px;
    border: 1px solid #efefef;
    border-radius: 3px;
    color: #888279;
    text-align: center;
    margin-bottom: 4px;
    margin-left: 4px;
}

.i-pro .guide-part {
    float: right;
}

.i-pro .guide-part p {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    margin-top: 16px;
}

.i-pro .guide-choice {
    float: left;
}

.i-pro .guide-choice a {
    width: 180px;
}

.i-pro .guide-inquiry {
    float: left;
    margin-left: 14px;
}

.guide-inquiry a {
    width: 133px;
}

.guide-part a {
    display: block;
    background-color: #fff;
    border: 1px solid #1F77CF;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    transition: all .4s;
    color: #1F77CF;
}

.guide-part a:hover {
    background-color: #1F77CF;
    color: #fff;
    border-color: #1F77CF;
}

.i-quality {
    width: 100%;
    height: 600px;
    padding: 1px 0;
    background: url("../images/gybang.jpg") no-repeat center center;
}

.i-case .i-case-head {
    height: 223px;
    min-width: 1196px;
    background: url('../images/case-head.jpg') no-repeat center;
    color: #fff;
    padding-top: 48px;
}

.i-case .i-case-head .know-more {
    color: #fff;
}

.i-case .i-case-head p {
    float: left;
    font-size: 20px;
    margin-right: 56px;
    line-height: 72px;
}

.i-case .i-case-head .text {
    padding-top: 16px;
}
.i-case p:first-child span{
    font-size: 36px;
}
.i-case p span {
    display: inline-block;
    vertical-align: middle;
    font-size: 48px;
    padding: 0 18px;
    font-weight: bold;
    color: #1F77CF;
}

.i-case-body {
    padding-bottom: 56px;
}

.i-case-body .i-case-triggers {
    background-color: #eaeaea;
    padding: 28px 0;
    float: left;
}

.i-case-body .i-case-triggers li {
    width: 188px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.i-case-body .i-case-triggers span {
    position: relative;
    z-index: 2;
    font-size: 14px;
    color: #555;
}

.i-case-body .i-case-triggers a {
    color: #555;
}

.i-case-triggers .active .white-bg {
    display: block;
}

.i-case-body .white-bg {
    display: none;
    height: 100%;
    width: 100%;
    border-left: 5px solid #1F77CF;
    border-radius: 3px;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    left: 7px;
}

.i-case-triggers li:hover .white-bg {
    display: block;
}

.i-case .case-tab {
    float: left;
    margin-left: 28px;
}

.i-case .case-tab-child {
    height: 462px;
    width: 980px;
    display: none;
}

.i-case .case-tab .active {
    display: block;
}

.i-case .case-tab .head {
    margin-top: 20px;
    height: 28px;
}

.i-case .case-tab .title {
    font-size: 24px;
    /*margin-top: -6px;*/
    line-height: 1;
}

.i-case .i-case-desc {
    color: #555555;
    height: 48px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    margin: 23px 0;
}

.i-case .case-desc-trigger {
    padding-top: 22px;
    border-top: 1px solid #eaeaea;
}

.i-case .case-desc-trigger li {
    float: left;
    width: 245px;
    height: 100px;
    padding: 10px;
    cursor: pointer;
}

.i-case .case-desc-trigger img {
    display: block;
    margin: 0 auto;
}

.i-case .case-desc-trigger .active {
    background-color: #f8f8f8;
}

.i-case .desc-inner {
    background-color: #f8f8f8;
    padding: 28px;
}

.i-case .desc-inner h3 {
    font-size: 18px;
    color: #555;
    margin-top: -1px;
}

.i-case .desc-inner p {
    display: block;
    height: 72px;
    line-height: 24px;
    overflow: hidden;
    margin: 25px 0;
    font-size: 14px;
    color: #999;
}

.i-case .desc-inner a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-top: 23px;
    color: #555;
}

.i-case .get-plan {
    display: block;
    width: 210px;
    height: 48px;
    background-color: #fff;
    color: #1F77CF;
    text-align: center;
    line-height: 48px;
    border-radius: 3px;
    transition: all .4s;
    border: 1px solid #1F77CF;
    margin-top: 26px;
    font-size: 14px;
}

.i-case .get-plan:hover {
    background-color: #1F77CF;
    color: #fff;
    border-color: #1F77CF;
}

.i-case .desc-inner li {
    display: none;
}

.i-case .desc-inner .active {
    display: block;
}

.i-service {
    background-color: #f5f5f5;
    padding: 56px 0 63px 0;
    min-width: 1196px;
}

.i-service .title {
    font-size: 30px;
    color: #222;
    line-height: 1;
}

.i-service ul {
    margin-top: 28px;
}

.i-service li {
    height: 361px;
    padding-top: 42px;
    background-color: #fff;
    text-align: center;
}

.i-service li h3 {
    font-size: 24px;
    color: #222;
    line-height: 1;
}

.i-service .line {
    margin: 28px auto;
    width: 30px;
    height: 2px;
    background-color: #1F77CF;
}

.i-service p {
    height: 76px;
    margin: -5px 0;
    font-size: 14px;
    line-height: 24px;
    color: #555;
}

.i-service li a {
    display: block;
    width: 210px;
    height: 42px;
    margin: 42px auto 0;
    background-color: #fff;
    border: 1px solid #1F77CF;
    line-height: 42px;
    border-radius: 3px;
    color: #1F77CF;
    font-size: 14px;
    text-align: center;
    transition: all .4s;
}

.i-service li a:hover {
    background-color: #1F77CF;
    color: #fff;
    border-color: #1F77CF;
}

.i-service .links-outer {
    width: 310px;
    overflow: hidden;
    margin: 42px auto 0;
}

.i-service .links-wrap {
    width: 320px;
}

.i-service .links-wrap a {
    width: 150px;
    float: left;
    margin: 0 10px 10px 0;
}

.i-service .text {
    color: #999;
    font-size: 14px;
    margin-top: 17px;
}

.i-service .text span {
    display: inline-block;
    vertical-align: middle;
}

.i-service .text .tel {
    font-size: 18px;
    color: #f7494b;
    font-weight: bold;
}

.custom {
    margin-top: 28px;
}

.custom-logo .img-box {
    border: 1px solid #e6e6e6;
}

.custom .custom-voice {
    float: left;
    height: 249px;
    padding-top: 40px;
    background-color: #fff;
}

.custom-gray .custom-voice {
    background-color: #fafafa;
}

.custom #custom {
    position: relative;
    margin-top: 25px;
    width: 890px;
}

.custom #custom .item {
    height: 130px;
    padding: 0 50px;
}

.custom .ctrl {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 30px;
    margin: 0 !important;
    background-color: #e8e8e8;
}

.custom .ctrl-left {
    left: 0;
    background: url('../images/voice-prev-normal.png') no-repeat center;
}

.custom .ctrl-left:hover {
    background: url('../images/voice-prev-hover.png') no-repeat center;
}

.custom .ctrl-right {
    right: 0;
    background: url('../images/voice-next-normal.png') no-repeat center;
}

.custom .ctrl-right:hover {
    background: url('../images/voice-next-hover.png') no-repeat center;
}

.custom h4 {
    margin-left: 50px;
    font-size: 24px;
}

.custom .info {
    margin-left: 19px;
    width: 588px;
}

.custom .custom-head .title {
    font-size: 20px;
    line-height: 20px;
    color: #222;
}

.custom .custom-head .tag {
    margin-left: 20px;
    padding: 0 10px;
    height: 20px;
    font-size: 14px;
    color: #888;
    background-color: #eaeaea;
    border-radius: 4px;
    text-align: center;
    line-height: 20px;
}

.custom #custom p {
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    color: #888;
}

.custom #custom a {
    display: block;
    margin-top: 28px;
    font-size: 14px;
    color: #555;
}

.custom .test .title {
    font-size: 24px;
    line-height: 24px;
}

.custom .test {
    width: 278px;
    height: 249px;
    padding: 36px;
    background: url('../images/i-service-test.png') no-repeat center;
}

.custom .test .line {
    width: 28px;
    height: 2px;
    background-color: #dddddd;
    margin: 14px 0;
}

.custom .test p {
    font-size: 14px;
    color: #888;
    line-height: 20px;
    height: auto;
}

.custom .test a {
    display: block;
    width: 150px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    color: #1F77CF;
    background-color: #fff;
    border: 1px solid #1F77CF;
    border-radius: 3px;
    margin-top: 24px;
    transition: all .4s;
    font-size: 14px;
}

.custom .test a:hover {
    background-color: #1F77CF;
    color: #fff;
    border-color: #1F77CF;
}

.i-news {
    padding: 56px 0;
}

.i-news .title {
    font-size: 30px;
    color: #222;
    /*line-height: 1;*/
}

.i-news ul {
    margin-top: 20px;
}

.i-news li {
    float: left;
    width: 584px;
    padding: 28px 0 28px 8px;
    background-color: #f6f6f6;
    border-radius: 3px;
    margin-left: 28px;
}

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

.i-news .date {
    width: 88px;
    height: 70px;
    border-right: 1px solid #e8e8e8;
    text-align: center;
}

.i-news .date .day {
    font-size: 40px;
    line-height: 40px;
    color: #999;
    font-weight: bold;
}

.i-news .date .year {
    margin-top: 7px;
    font-size: 14px;
    color: #8a8a8a;
}
.i-news-con .data{
    font-size: 14px;
    color: #999;
    margin-top:6px;
}
.i-news .i-news-con {
    width: 445px;
    margin-left: 20px;
    float: left;
}

.i-news .i-news-title {
    font-size: 16px;
    line-height: 1;
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.i-news .i-news-title a:hover {
    color: #1F77CF;
}

.i-news .i-news-desc {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 6px;
}

.i-news a {
    display: block;
    color: #666666;
    font-size: 14px;
    margin-top: 20px;
}

.i-news a:hover {
    color: #1F77CF;
}

.i-news .i-news-title a {
    color: #555;
    font-size: 16px;
    margin-top: 0;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

/*产品聚合页*/
.banner {
    height: 380px;
    overflow: hidden;
    text-align: center;
}

.banner .text {
    font-size: 18px;
    color: #fff;
}

.pro-banner {
    background: url('../images/pro-index-banner.jpg') no-repeat center;
    text-align: center;
    overflow: hidden;
}

.banner .title {
    font-size: 42px;
    color: #fff;
    margin-top: 150px;
}

.pro-banner .title {
    font-size: 42px;
    line-height: 1;
    font-weight: normal;
}

.pro-banner span {
    color: #fec006;
}

.pro-banner .text {
    margin: 21px auto 0;
}

.pro-index-top {
    padding: 56px 0 0;
}

.pro-index-top .title {
    font-size: 30px;
    line-height: 1;
    text-align: center;
}

.pro-index-top .title span {
    color: #1F77CF;
}

.pro-index-top .text {
    width: 820px;
    margin: 22px auto 0;
    line-height: 24px;
    font-size: 14px;
    color: #888;
    text-align: center;
}

.pro-index-top .pro-search {
    height: 96px;
    margin-top: 28px;
    background: url('../images/pro-search-bg.jpg') no-repeat center;
    padding: 26px 28px;
}

.pro-index-top .pro-search input {
    background-color: #f2f2f2;
    outline: none;
    border: 0;
    height: 28px;
    width: 68px;
    padding: 9px 11px 8px 11px;
    margin-right: 10px;
}

.pro-index-top .pro-search label {
    position: relative;
    font-size: 14px;
    color: #555;
    font-weight: normal;
    padding-right: 10px;
}

.pro-index-top button {
    display: block;
    width: 120px;
    height: 42px;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 16px;
    line-height: 42px;
    text-align: center;
    background-color: #1F77CF;
    color: #fff;
    border-color: #1F77CF
}

.pro-index-top .guide-part {
    float: right;
}

.pro-index-top .guide-choice {
    float: left;
}

.pro-index-top .guide-choice a {
    width: 180px;
}

.pro-index-top .guide-inquiry {
    margin-left: 14px;
}

.pro-quality .content:first-child {
    margin-bottom: 28px;
}

.pro-index-mid {
    padding: 56px 0 0;
}

.pro-index-mid ul {
    margin-top: 28px;
}

.pro-index-mid li {
    width: 278px;
    float: left;
    margin-left: 28px;
}

.pro-index-mid li:first-child {
    margin-left: 0;
}

.pro-index-mid .img-box {
    display: block;
    width: 100%;
    height: 280px;
}

.pro-index-mid .img-box img {
    display: block;
    max-width: 100%;
}

.pro-index-mid .info .title {
    display: block;
    font-size: 16px;
    color: #222;
    line-height: 1;
    margin-top: 18px;
    transition: all .4s;
}

.pro-index-mid .info .title:hover {
    color: #F78400;
}

.pro-index-mid .info .attr {
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #999;
    margin-top: 18px;
    padding-left: 40px;
}

.pro-index-mid .info .stand-power {
    background: url('../images/attr-con.png') no-repeat left center;
}

.pro-index-mid .info .stand-press {
    background: url('../images/attr-press.png') no-repeat left center;
    margin-left: 12px;
}

.pro-index-mid .stands {
    width: 100%;
    overflow: hidden;
    height: 35px;
}

.pro-index-mid .btns {
    margin-top: 20px;
}

.pro-index-mid .btns a {
    display: block;
    float: left;
    padding: 0 20px;
    height: 28px;
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 4px;
    line-height: 26px;
    font-size: 14px;
    color: #555;
    text-align: center;
    transition: all .4s;
    margin-left: 4px;
}

.pro-index-mid .btns a:first-child {
    margin-left: 0;
    background: #fff;
    color: #1F77CF;
    border: 1px solid #1F77CF;
}

.pro-index-mid .btns a:hover {
    background-color: #1F77CF;
    border-color: #1F77CF;
    color: #fff;
}

/*产品列表&聚合*/
.btn42h {
    background: #fafafa;
    border: 1px #e5e5e5 solid;
    height: 42px;
    line-height: 40px;
    text-align: center;
    color: #555555;
    cursor: pointer;
    border-radius: 4px;
    display: block;
    transition: all .4s;
}

.btn42 {
    display: block;
    background: #fafafa;
    border: 1px #e5e5e5 solid;
    height: 42px;
    line-height: 40px;
    text-align: center;
    color: #555555;
    cursor: pointer;
    border-radius: 4px;
    transition: all .4s;
}

.btn42h:hover,
.btn42:hover {
    background: #F78400;
    border-color: #F78400;
    color: #ffffff;
}

.btn32 {
    display: block;
    background: #fafafa;
    border: 1px #e5e5e5 solid;
    height: 32px;
    line-height: 30px;
    text-align: center;
    color: #555555;
    cursor: pointer;
    border-radius: 4px;
    transition: all .4s;
}

.btn32h {
    background: #F89600;
    border: 1px #F89600 solid;
    height: 32px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    border-radius: 4px;
    display: block;
    transition: all .4s;
}

.btn32h:hover,
.btn32:hover {
    background: #F78400;
    border-color: #F78400;
    color: #ffffff
}

.barNav {
    width: 1196px;
    margin: 0 auto;
    height: 52px;
    line-height: 52px;
    color: #888888
}

.barNav a {
    color: #888888;
    margin: 0 8px 0 0
}

.barNav em {
    color: #888888;
    margin-right: 8px;
}

.barNav span {
    color: #1F77CF;
    margin: 0 8px 0 0
}

.proClassNav {
}

.proClassItemBg {
    width: 100%;
    background: #fff;
    border-top: 1px solid #f5f5f5;
}

.proClassItem {
    width: 1196px;
    margin: 0 auto;
    overflow: hidden;
}

.proClassItem ul {
    float: left;
    height: 118px;
    overflow: hidden;
    padding-left: 1px;
}

.proClassItem li {
    float: left;
    height: 108px;
    margin-top: 10px;
    width: 201px;
    text-align: center;
    background: url('../images/proClassbor.png') no-repeat right 19px;
    margin-left: -1px
}

.proClassItem li a {
    display: block;
    height: 108px;
    padding-top: 78px;
    line-height: normal;
    font-size: 14px;
    color: #666666;
    transition: all .4s;
}

.proClassItem li:last-child {
    background: none;
}

.proClassItem li.select {
    position: relative;
    z-index: 1
}

.proClassItem li.select a,
.proClassItem li a:hover {
    position: relative;
    z-index: 1;
    background: #ffffff;
    border-radius: 4px 4px 0 0;
    color: #1F77CF;
}

.pro-icon1 a {
    background: url('../images/rqgl01.png') no-repeat center 20% !important;
}

.pro-icon2 a {
    background: url('../images/swzgl01.png') no-repeat center 20% !important;
}

.pro-icon3 a {
    background: url('../images/rmgl01.png') no-repeat center 20% !important;
}

.pro-icon4 a {
    background: url('../images/nav-pro4-normal.png') no-repeat center 20% !important;
}

.pro-icon5 a {
    background: url('../images/dry01.png') no-repeat center 20% !important;
}

.select.pro-icon1 a {
    background: #f5f5f5 url('../images/rqgl02.png') no-repeat center 20% !important;
}

.select.pro-icon2 a {
    background: #f5f5f5 url('../images/swzgl02.png') no-repeat center 20% !important;
}

.select.pro-icon3 a {
    background: #f5f5f5 url('../images/rmgl02.png') no-repeat center 20% !important;
}

.select.pro-icon4 a {
    background: #f5f5f5 url('../images/nav-pro4-hover.png') no-repeat center 20% !important;
}

.select.pro-icon5 a {
    background: #f5f5f5 url('../images/dry02.png') no-repeat center 20% !important;
}

.pro-icon1:hover a {
    background: url('../images/rqgl02.png') no-repeat center 20% !important;
}

.pro-icon2:hover a {
    background: url('../images/swzgl02.png') no-repeat center 20% !important;
}

.pro-icon3:hover a {
    background: url('../images/rmgl02.png') no-repeat center 20% !important;
}

.pro-icon4:hover a {
    background: url('../images/nav-pro4-hover.png') no-repeat center 20% !important;
}

.pro-icon5:hover a {
    background: url('../images/dry02.png') no-repeat center 20% !important;
}

.proClassInfo {
    width: 1196px;
    margin: 0 auto;
    height: 147px;
}

.proClassCon {
    float: left;
    width: 600px;
}

.proClassCon p {
    line-height: 22px;
    margin-top: 37px;
    overflow: hidden;
    color: #555555
}

.proClassBtn {
    width: 100%;
    height: 42px;
    overflow: hidden;
    margin-top: 24px;
}

.proClassBtn1 {
    float: left;
    width: 120px;
    font-size: 14px;
}

.proClassBtn2 {
    float: left;
    margin-left: 14px;
    width: 180px;
    font-size: 14px;
}

.proClassBtn3 {
    float: left;
    margin-left: 20px;
    padding-left: 30px;
    background: url('../images/proPhone.png') no-repeat left 8px;
    color: #999999;
    font-size: 14px;
    height: 42px;
}

.proClassBtn3 span {
    color: #f7494b;
    font-size: 16px;
    font-weight: 700;
    margin-left: -1px
}

.proClassShow {
    float: right;
    width: 596px;
}

.proClassShow ul {
    margin-top: 42px;
    float: right;
}

.proClassShow li {
    float: left;
    height: 103px;
    width: 128px;
    border: 1px #eddabe solid;
    background: #fef8f0;
    border-radius: 4px;
    text-align: center;
    color: #ba8645;
    font-size: 0;
    vertical-align: middle;
    margin-left: 10px;
}

.proClassShow li div {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

.proClassShow li em {
    height: 103px;
    vertical-align: middle;
    width: 1px;
    overflow: hidden;
    display: inline-block;
}

.proClassFil {
    border: 1px #ededed solid;
    border-radius: 4px;
    width: 1198px;
    margin: 42px auto 0;
    height: 76px;
    padding: 18px 52px;
    line-height: 38px;
}

.proClassFil label {
    color: #999;
}

.proClassFil .v-select {
    height: 38px;
    width: 210px;
    line-height: 38px;
    margin-left: 15px;
}

.proClassFil .v-select .select-panel {
    padding-left: 14px;
    line-height: 38px;
}

.proClassFil .select-menu {
    top: 38px;
}

.proClassFil .select-menu li {
    height: 38px;
}

.proClassFil .form-item {
    width: 326px;
    margin-top: 0;
}

.proClassFil button {
    width: 160px;
    height: 38px;
    margin-left: -24px;
    float: left;
    font-size: 14px;
    color: #555;
    text-align: center;
    background-color: #fbfbfb;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    transition: all .4s;
}

.proClassFil button:hover {
    background-color: #1F77CF;
    color: #fff;
    border-color: #1F77CF;
}

.proList {
    width: 1196px;
    margin: 0 auto
}

.proListDisplay {
    width: 100%;
    margin-top: 56px;
}

.proListTit {
    line-height: 1;
    font-size: 30px;
    padding: 0;
    color: #222222
}

.proListItemBox {
    width: 100%;
    overflow: hidden
}

.proListItemBoxCon {
    width: 1228px;
    overflow: hidden;
    margin-left: -28px;
}

.proListItem {
    margin-top: 28px;
    width: 278px;
    float: left;
    margin-left: 28px;
}

.proItemele {
    width: 278px;
}

.proItemImg {
    height: 278px;
    width: 278px;
}

.proItemImg img {
    height: 278px;
    width: 278px;
    display: block;
    border-radius: 4px;
}

.proItemName {
    margin-top: 10px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    overflow: hidden
}

.proItemName a {
    color: #222;
    transition: all .4s;
}

.proItemName a:hover {
    color: #1F77CF
}

.proItemAttr {
    height: 22px;
    width: 100%;
    overflow: hidden;
    color: #888;
}

.proAttr1 {
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    float: left;
    padding-left: 40px;
    background: url('../images/eec.png') no-repeat left center;
    margin-right: 12px;
}

.proAttr2 {
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    float: left;
    padding-left: 40px;
    background: url('../images/eey.png') no-repeat left center;
    margin-left: 2px;
}

.proItemBright {
    border-top: 1px #f2f2f2 solid;
    margin-top: 11px;
    padding: 10px 0 15px;
}

.proItemBright li {
    line-height: 22px;
    height: 22px;
    font-size: 14px;
    color: #888888;
    padding-left: 13px;
    background: url('../images/prolistIco.png') no-repeat left 9px;
    overflow: hidden
}

.proItemBtn {
    width: 100%;
    overflow: hidden;
    margin-top: 16px;
}

.proItemBtn1 {
    width: 95px;
    margin-right: 4px;
    float: left;
}

.proItemBtn2 {
    width: 95px;
    margin-right: 4px;
    float: left;
}

.proItemBtn3 {
    width: 80px;
    float: left;
}

.proItemBtn a {
    font-size: 14px;
}

.solution {
    width: 100%;
    background: url('../images/sele-ban.jpg') no-repeat center top;
    height: 625px;
    margin-top: 56px;
}

.solutionbg {
    width: 1196px;
    height: 567px;
    position: relative;
    margin: 0 auto
}

.solutionCon {
    position: absolute;
    top: 56px;
    width: 1196px;
    left: 2px;
    border-radius: 4px;
    height: 500px;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.8)
}

.solutionConInfo {
    float: left;
    margin-left: 56px;
    margin-top: 89px;
    width: 500px;
}

.solutionConInfo h4 {
    height: 70px;
    font-size: 30px;
    line-height: 70px;
    color: #222222
}

.solutionConInfoBor {
    background: #1F77CF;
    height: 2px;
    line-height: 0;
    overflow: hidden;
    width: 30px;
}

.solutionConInfo p {
    line-height: 26px;
    margin-top: 22px;
    margin-bottom: 40px;
    font-size: 14px;
    color: #666666
}

.solutionConBtn {
    width: 210px;
    font-size: 14px;
}

.solutionConBtn .btn42 {
    height: 48px;
    line-height: 46px;
}

.solutionConNav {
    float: right;
    margin-top: 56px;
    margin-right: 56px;
    width: 556px;
}

.solutionConc1 {
    float: left;
    margin-left: 14px;
    width: 264px;
    height: 385px;
    background: #F0F0F0;
    border-radius: 4px;
}

.solutionConc1 dl {
    margin: 8px 8px 0;
    height: 369px;
    background: #ffffff;
    border-top: 2px #1F77CF solid
}

.solutionConc1 dt {
    width: 192px;
    margin: 0 auto;
    border-bottom: 1px #e8e8e8 solid;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    color: #1F77CF;
    font-weight: 400;
    text-align: center
}

.solutionConc1 dd {
    width: 100%;
}

.solutionConc1 ul {
    padding-top: 11px;
    overflow: hidden;
    width: 100%;
}

.solutionConc1 li {
    float: left;
    margin-left: 28px;
    padding-left: 16px;
    width: 91px;
    background: url('../images/soultionIco.png') no-repeat left 18px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.solutionConc1 a {
    color: #555555;
    transition: all .4s;
}

.solutionConc1 a:hover {
    color: #1F77CF
}

.solutionConc2 {
    float: left;
    margin-left: 14px;
    width: 264px;
    height: 385px;
    background: #F0F0F0;
    border-radius: 4px;
}

.solutionConc2 dl {
    margin: 8px 8px 0;
    height: 369px;
    background: #ffffff;
    border-top: 2px #F6474B solid
}

.solutionConc2 dt {
    width: 192px;
    margin: 0 auto;
    border-bottom: 1px #e8e8e8 solid;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    color: #F6474B;
    font-weight: 400;
    text-align: center
}

.solutionConc2 dd {
    width: 100%
}

.solutionConc2 ul {
    padding-top: 14px;
}

.solutionConc2 li {
    margin-top: 14px;
}

.solutionConc2 li a {
    border: 1px #e6e6e6 solid;
    height: 42px;
    width: 164px;
    display: block;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    transition: all .4s;
}

.solutionConc2 li a {
    color: #555;
    transition: all .4s;
}

.solutionConc2 li a:hover {
    color: #1F77CF
}

.pro {
    width: 1196px;
    overflow: hidden;
    margin: 0 auto
}

.proImg {
    float: left;
    width: 500px;
    /*position: relative*/
}

.proImg .item {
    height: 500px;
    width: 500px;
}

.proImgPrv {
    width: 40px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 210px;
    background: url('../images/proControl.png') no-repeat 0 0;
    cursor: pointer
}

.proImgNext {
    width: 40px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 210px;
    background: url('../images/proControl.png') no-repeat -50px 0;
    cursor: pointer
}

.proImgPrv:hover {
    width: 40px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 210px;
    background: url('../images/proControl.png') no-repeat 0 -90px
}

.proImgNext:hover {
    width: 40px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 210px;
    background: url('../images/proControl.png') no-repeat -50px -90px
}

.proInfo {
    width: 640px;
    float: right;
}

.proName {
    height: 52px;
    line-height: 52px;
    font-size: 24px;
    color: #333;
    font-weight: 700;
}

.proName .proInfo-cle {
    display: block;
    float: left;
}

.proTagCon {
    margin-top: 6px;
    width: 100%;
}

.proTag {
    float: left;
    height: 32px;
}

.proTag a {
    border: 1px #1F77CF solid;
    float: left;
    padding: 0 15px;
    line-height: 30px;
    color: #1F77CF;
    border-radius: 4px;
    transition: .36s;
    margin-right: 10px;
}
.proTag a:hover {
    background: #1F77CF;
    color: #fff;
}
.proPhone {
    float: right;
    width: 204px;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    color: #f7494b;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding-left: 38px;
    background: url('../images/i-case-send.png') no-repeat left center;
    cursor: pointer;
}


.proPhone_we {
    float: right;
    width: 204px;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    color: #f7494b;
    border: 0px solid #e8e8e8;
    border-radius: 4px;
    padding-left: 38px;
    background: url('') no-repeat left center;
    cursor: pointer;
}

.proAttr {
    margin-top: 28px;
    background: #fbfbfb;
    border-top: 1px #f0f0f0 solid;
    border-bottom: 1px #f0f0f0 solid
}

.proAttrCon {
    padding: 11px 20px 13px;
}

.proAttrCon table {
}

.proAttrCon tr {
}

.proAttrCon th {
    vertical-align: top;
    line-height: 24px;
    color: #888888;
    padding: 4px 28px 4px 0;
    white-space: nowrap;
    font-size: 14px;
}

.proAttrCon td {
    line-height: 24px;
    padding: 4px 0 4px 0;
    color: #666666;
    font-size: 14px;
}

.proAttrCon .proAttrTabBor th {
    padding: 14px 28px 4px 0;
    border-top: 1px #f1f1f1 solid
}

.proAttrCon .proAttrTabBor td {
    padding: 14px 0 4px 0;
    border-top: 1px #f1f1f1 solid
}

.proAttrCon .proAttrTabBor2 th {
    padding: 0;
    height: 10px;
    line-height: 0;
    overflow: hidden
}

.proAttrCon .proAttrTabBor2 td {
    padding: 0;
    height: 10px;
    line-height: 0;
    overflow: hidden
}

.proAttrTabBor .desc {
    height: 72px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.proAttrCon .proAttrText .cpbutton{
    height:40px;
    width:140px;
    background:url(//static.westarcloud.com/5ab9f1bda624634ee3649458/images/button.png) no-repeat;
}
.proAttrCon .proAttrText .cpbutton:hover{
    background:url(//static.westarcloud.com/5ab9f1bda624634ee3649458/images/button_hover.png) no-repeat;
}

.proBtn {
    margin-top: 42px;
    height: 48px;
    width: 100%;
    overflow: hidden
}

.proBtn1 {
    float: left
}

.proBtn1 span {
    height: 48px;
    background: #1F77CF;
    line-height: 48px;
    padding: 0 46px;
    font-size: 14px;
    cursor: pointer;
    float: left;
    border-radius: 4px;
    color: #ffffff
}

.proBtn1 span:hover {
}

.proBtn2 {
    float: left;
    margin-left: 20px;
    padding-left: 30px;
    background: url('../images/proPhone.png') no-repeat left 8px;
    color: #999999;
    font-size: 14px;
    height: 42px;
    margin-top: 3px
}

.proBtn2 span {
    color: #f7494b;
    font-size: 16px;
    font-weight: 700;
    margin-left: -1px
}

.proBtnDown {
    display: none
}

.proNav {
    width: 100%;
    background: #efefef;
}

.proNavCon {
    width: 1196px;
    margin: 0 auto;
    overflow: hidden
}

.pro-fixed {
    position: fixed;
    top: 0;
    z-index: 9;
    margin-top: 0;
}

.proNavBox {
    float: left
}

.proNavBox ul {
    float: left;
    height: 66px;
    overflow: hidden;
    padding-left: 1px
}

.proNavBox li {
    float: left;
    height: 66px;
    width: 161px;
    text-align: center;
    background: url('../images/miaod.png') no-repeat right 24px;
    margin-left: -1px;
}

.proNavBox li:last-child {
    background: none;
}

.proNavBox li a {
    display: block;
    color: #666666;
    line-height: 62px;
    padding-top: 3px;
    font-size: 16px;
}

.proNavBox li.select {
    position: relative;
    z-index: 1
}

.proNavBox li.select a,
.proNavBox li a:hover {
    position: relative;
    z-index: 1;
    background: #ffffff;
    border-radius: 4px 4px 0 0;
    color: #1F77CF;
    border-top: 3px #1F77CF solid;
    height: 66px;
    padding-top: 0;

}

.proWapper {
    width: 1196px;
    margin: 0 auto;
}

.proContent {
    margin: 0 auto;
    background: #fff;
    padding-bottom: 56px;
    border-radius: 0 0 4px 4px;
}

.proContentBox {
    width: 100%
}

.proTit {
    /*padding-top: 56px;*/
    width: 100%;
    position: relative
}

.proTit h3 {
    font-size: 30px;
    color: #222222;
    line-height: 1
}

.proContentText {
    margin-top: 42px;
    border-radius: 4px;
    background: #f8f8f8;
    width: 100%;
    overflow: hidden;
    padding-top: 28px;
    padding-left: 28px;
    padding-bottom: 56px;
}

.proContentTextItem {
    float: left;
    width: 528px;
    height: 210px;
    background: #ffffff;
    margin: 28px 0 0 28px;
    position: relative;
    border-radius: 4px;
}

.proContentTextItem span {
    position: absolute;
    z-index: 1;
    height: 210px;
    font-size: 144px;
    line-height: 210px;
    color: #fafafa;
    right: 30px;
    top: 0;
    font-weight: 700
}

.proContentTextItem dl {
    position: relative;
    z-index: 2;
    padding: 0 42px;
}

.proContentTextItem dt {
    height: 82px;
    position: relative;
    width: 20px;
    border-bottom: 2px #fe9604 solid;
}

.proContentTextItem dt strong {
    position: absolute;
    line-height: 1;
    font-size: 24px;
    color: #222222;
    left: 0;
    top: 38px;
    white-space: nowrap
}

.proContentTextItem dd {
    margin-top: 22px;
    color: #888888;
    font-size: 14px;
    height: 96px;
    overflow: hidden;
    line-height: 24px;
}

.proModel {
    width: 100%;
    margin: 0 auto;
    padding: 0 56px;
}

.proModel .proTit {
    padding-bottom: 14px;
}

.proModelTit {
    line-height: 42px;
    font-size: 14px;
    color: #555555;
    margin-top: 14px;
}

.proModelInfo {
    width: 100%;
    color: #555555;
    padding-bottom: 28px;
    border-bottom: 1px #e8e8e8 solid
}

.proModelInfo dt {
    font-weight: 400;
    line-height: 26px;
    font-size: 14px;
}

.proModelInfo dt span {
    color: #222222;
}

.proModelInfo dd {
    margin-top: 8px;
    width: 100%;
    overflow: hidden;
}

.proModelInfo dd em {
    float: left;
    border: 1px #e8e8e8 solid;
    background: #fdfdfd;
    height: 26px;
    line-height: 26px;
    padding: 0 9px;
    min-width: 30px;
    text-align: center;
    color: #1F77CF;
    font-family: Arial;
    border-radius: 4px;
}

.proModelInfo dd span {
    float: left;
    height: 26px;
    line-height: 26px;
    margin: 0 20px 0 10px;
    color: #555555
}

.proModelCon {
    width: 100%;
    max-height: 323px;
    overflow: hidden;
}

.table-open{
    height: 31px;
    border:1px #eaeaea solid;
    font-size: 14px;
    line-height: 31px;
    margin-top: -1px;
    color:#888;
    text-align: center;
    cursor: pointer;
    background-color: #fdfdfd;
}

.proModelCon table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 14px;
}

.firstRow td {
    background-color: #fafafa;
}

.table-style2 .firstRow td{
    color: #666;
    text-align: center;
    height: 50px;
    border: 1px #eaeaea solid;

}
.table-style2 tbody td{
    font-size: 13px;
    color:#888;
    /*line-height: 18px;*/
    height: 54px;
}
.table-style2{
    max-height: 353px;
    margin-top:-28px;
}
.table-style2 table{
    margin-top:28px;
}
.table-show{
    max-height: 100%;
    height: auto;
}
.table-style2 + .table-open{
    height: 42px;
    line-height: 42px;
}

.proModelCon thead th {
    border: 1px #eaeaea solid;
    background: #fafafa;
    color: #666666;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    padding: 11px 0;
}

.proModelCon tbody td {
    border: 1px #eaeaea solid;
    font-size: 14px;
    text-align: center;
    /*line-height: 24px;*/
    color: #888888;
    padding: 3px 5px;
}

.proModelBtn {
}

.proModelBtn span {
    background: #f8f8f8;
    border: 1px #e8e8e8 solid;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #555555;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    padding: 0 20px;
}

.proModelBtn span:hover {
    background: #1F77CF;
    border-color: #1F77CF;
    color: #ffffff
}

.proCase {
    width: 100%;
    margin: 0 auto;
    padding: 0 56px;
}

.proTitMore {
    padding-right: 24px;
    height: 30px;
    background: url('../images/know-more-icon.png') no-repeat right 7px;
    line-height: 30px;
    right: 0;
    top: 56px;
    color: #555555;
    position: absolute;
    font-size: 14px;
}

.proTitMore:hover {
    color: #1F77CF
}

.proCaseCon {
    margin-top: 42px;
    width: 100%;
    background: #f8f8f8;
    /*    padding: 56px 0*/
}

.proCaseBox {
    /*    margin: 0 56px;*/
    width: 1084px;
    overflow: hidden;
    background: #f8f8f8;
    border-radius: 4px
}

.proCaseImg {
    float: left;
    width: 360px;
    height: 270px;
    /*background: aqua*/
}

.proCaseImg img {
    width: 360px;
    height: 270px;
    border-radius: 4px 0 0 4px;
}

.proCaseInfo {
    float: left;
    margin-left: 28px;
    width: 696px;
    padding-top: 14px;
}

.proCaseName {
    height: 48px;
    line-height: 48px;
    font-size: 20px;
}

.proCaseName a {
    color: #222222
}

.proCaseName a:hover {
    color: #1F77CF
}

.proCaseTag {
    height: 28px;
    width: 100%;
    overflow: hidden
}

.proCaseTag span {
    float: left;
    border: 1px #e8e8e8 solid;
    background: #ffffff;
    padding: 0 14px;
    color: #888888;
    line-height: 26px;
    margin-right: 10px;
    border-radius: 4px
}

.proCasepro {
    margin-top: 15px;
    height: 40px;
    line-height: 40px;
    color: #999999;
    font-size: 14px;
}

.proCasepro span {
    color: #1F77CF
}

.proCaseText {
    line-height: 20px;
    color: #999999;
    padding-bottom: 24px;
    padding-right: 30px;
    font-size: 14px;
}

.proCaseShow {
    line-height: 1;
    color: #555555;
    font-size: 14px;
}

.proCaseShow:hover {
    color: #1F77CF
}

.proSer {
    width: 100%;
    margin: 0 auto;
    padding: 0 56px;
}

.proSerCon {
    margin-top: 38px;
    width: 100%;
    position: relative
}

.proSer1 {
    width: 250px;
    float: left;
    height: 246px;
    background: #f8f8f8 url('../images/proSer.png') no-repeat 74px 42px;
    position: relative;
    cursor: pointer;
    color: #222222;
    font-size: 18px;
}

.proSerCon a {
    transition: all .4s;
}

.proSer2 {
    width: 250px;
    float: left;
    margin-left: 28px;
    height: 246px;
    background: #f8f8f8 url('../images/proSer.png') no-repeat -232px 42px;
    position: relative;
    cursor: pointer;
    color: #222222;
    font-size: 18px;
}

.proSer3 {
    width: 250px;
    float: left;
    margin-left: 28px;
    height: 246px;
    background: #f8f8f8 url('../images/proSer.png') no-repeat -536px 42px;
    position: relative;
    cursor: pointer;
    color: #222222;
    font-size: 18px;
}

.proSer4 {
    width: 250px;
    float: left;
    margin-left: 28px;
    height: 246px;
    background: #f8f8f8 url('../images/proSer.png') no-repeat -843px 42px;
    position: relative;
    cursor: pointer;
    color: #222222;
    font-size: 18px;
    transition: all .4s;

}

.proSer1:hover,
.proSer2:hover,
.proSer3:hover,
.proSer4:hover {
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border: 1px solid #f8f8f8 !important \9;
}

.proSer1:hover span,
.proSer2:hover span,
.proSer3:hover span,
.proSer4:hover span {
    color: #1F77CF
}

.proSerCon span {
    position: absolute;
    top: 160px;
    line-height: 1;
    text-align: center;
    width: 250px;
    left: 0
}

.proSer4 div {
    position: absolute;
    top: 193px;
    line-height: 1;
    text-align: center;
    width: 250px;
    left: 0;
    color: #c0c0c0;
    font-size: 14px;
}

.proSer4 div strong {
    font-size: 14px;
    color: #f6474b
}

/*案例聚合页*/
.case-banner {
    background: url('../images/case-newban.jpg') no-repeat center;
}

.case-index {
    padding-top: 28px;
    line-height: 20px;
}

.case-index .aside-title {
    background-color: #eaeaea !important;
}

.aside .aside-menu {
    width: 278px;
    background-color: #eaeaea;
    border-radius: 3px;
    text-align: center;
    padding: 28px;
}

.aside .aside-menu .aside-title {
    width: 100%;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #000020;
    background-color: #fff;
    border-radius: 3px;
    text-align: left;
    padding-left: 14px;
}

.aside .aside-title i {
    display: inline-block;
    width: 3px;
    height: 16px;
    background-color: #1F77CF;
    margin-right: 10px;
}

.aside .aside-menu ul {
    /*width: 222px;*/
    width: 100%;
    margin: 10px auto 0;
    background-color: #fff;
    padding: 14px;
    border-radius: 3px;
}

.aside .aside-menu a {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 18px;
    line-height: 48px;
    color: #555;
    /*transition: .2s ease;*/
    border-radius: 3px;
}

.aside .aside-menu a:hover {
    background-color: #f8f8f8;
    color: #222;
    border-left: 5px solid #1F77CF;
    font-weight: bold;
}

.aside1 .aside-menu a:hover {
    border: 0;
}

.aside .aside-menu a:hover span {
    margin-left: -5px;
}

.aside1 .aside-menu a:hover span {
    margin: 0;
}

.aside .aside-menu li {
    border-radius: 4px;
}

.aside .aside-menu li:first-child {
    margin-top: 0 !important;
}

.aside .aside-menu .active {
    background-color: #f8f8f8;
    color: #222;
    font-weight: bold;
    border-left: 5px solid #1F77CF;
}

.aside .aside-menu .active span {
    margin-left: -5px;
}

.aside1 .aside-menu .active {
    border: none;
}

.aside1 .aside-menu .active span {
    margin-left: 0;
}

.aside .aside-guide a {
    display: block;
    width: 200px;
    margin-top: 10px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #222222;
    transition: all .4s;
}

.case-index .aside-menu {
    padding-top: 0;
}

.case-index-list {
    width: 890px;
    margin-left: 28px;
}

.case-index-list .img-box {
    width: 278px;
    height: 208px;
}

.case-index-list .img-box img {
    display: block;
}

.case-head {
    /*margin-bottom: 18px;*/
}

.case-head .title {
    font-size: 20px;
    line-height: 28px;
    color: #222;
}

.case-head .know-more {
    margin-top: 0;
    display: block;
    height: 24px;
    line-height: 24px;
    color: #555;
}

.case-index-list ul {
    width: 996px;
}

.case-index-list ul li {
    float: left;
    width: 278px;
    height: 280px;
    border-radius: 3px;
    margin-right: 28px;
    margin-top: 22px;
}

.case-index-list .list-wrap {
    width: 890px;
    /*margin-top: -28px;*/
    overflow: hidden;
    padding-bottom: 24px;
}

.case-index-list .info {
    height: 72px;
    overflow: hidden;
    background-color: #f8f8f8;
    transition: all .4s;
    border-radius: 3px;
}

.case-index-list .info p {
    line-height: 20px;
    font-size: 14px;
    padding: 16px;
    color: #555;
    height: 72px;
}

.case-index-list li:hover .info {
    background-color: #fff;
}

.case-index-list li:hover .info p {
    color: #1F77CF;
}

.case-index-list li:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #eaeaea \9;
}

.case-index-custom {
    padding-top: 28px;
    padding-bottom: 56px;
}

.case-list {
    margin-top: 28px;
    width: 750px;
    margin-left: 28px;
}

.case .aside .aside-menu {
    width: 202px;
    /*   padding: 8px;*/
    padding: 8px 8px;
}

.filter-condition {
    width: 100%;
    height: 59px;
    padding: 14px 28px;
    background-color: #fef8f0;
    border-top: 1px solid #f3e5d0;
    border-bottom: 1px solid #f3e5d0;
    font-size: 14px;
    color: #c6a982;
    line-height: 28px;
    margin-bottom: 21px;
}

.filter-condition a {
    display: inline-block;
    vertical-align: middle;
    padding-left: 16px;
    padding-right: 38px;
    border: dashed 1px #1F77CF;
    border-radius: 3px;
    color: #1F77CF;
    background: url('../images/case-condition.png') no-repeat right center;
}

.case-list .case-filter {
    height: 92px;
    padding: 0 28px;
    background-color: #fbfbfb;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-top: 20px;

}

.case-list .case-head {
    height: 28px;
}

.case-list .case-head .title {
    float: left;
    height: 28px;
    line-height: 28px;
}

.case-list .case-filter p {
    font-size: 14px;
    color: #999999;
    line-height: 44px;
}

.case-list .case-filter input {
    width: 60px;
    height: 28px;
    background-color: #f0f0f0;
    padding: 0 14px;

}

.case-list .case-filter button {
    display: block;
    float: left;
    margin-left: 14px;
    width: 60px;
    height: 28px;
    margin-top: 44px;
    background-color: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

.case-list .case-filter .select {
    width: 160px;
    margin-right: 14px;
}

.case-filter .v-select {
    width: 160px;
    height: 28px;
    border-radius: 4px;
}

.case-filter .v-select .select-panel {
    padding-left: 14px;
    border-radius: 4px;
}

.case-filter .v-select .select-menu {
    top: 27px;
    margin: 0;
    max-height: 196px;
    overflow-y: auto;
}

.case-list li {
    height: 135px;
    margin-top: 28px;
}

.case-list li:first-child {
    margin-top: 0;
}

.case-list li .img-box {
    float: left;
    width: 180px;
    height: 135px;
    border-radius: 3px;
}

.case-list .img-box img {
    max-width: 100%;
}

.case-list li .info {
    float: left;
    margin-left: 18px;
    width: 542px;
    overflow: hidden;
}

.case-list .info h3 {
    color: #222;
    line-height: 1;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case-list ul {
    margin-top: 20px;
}

.case-list .tags {
    margin-top: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case-list .tags span {
    display: inline-block;
    width: 78px;
    height: 24px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    text-align: center;
    line-height: 22px;
    margin-right: 10px;
    font-size: 14px;
    color: #888888;
}

.case-list .desc {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    margin-top: 15px;
    height: 44px;
    overflow: hidden;
}

.case-list .info .detail-link {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #555555;
}

.case-list .info .tit {
    font-size: 16px;
    color: #222;
    margin-top: 0;
}

.case-list .u-paging {
    margin-top: 40px;
}

.case-form {
    width: 200px;
    margin-top: 76px;
}

.case-form form {
    background-color: #f5f5f5;
    width: 200px;
    padding: 18px 14px;
}

.case-form input {
    background-color: #fff;
    padding: 0 14px;
    width: 172px;
    height: 28px;
    border: 1px solid #ebebeb;
}

.case-form p {
    font-size: 14px;
    color: #999;
    line-height: 26px;
}

.case-form .title {
    font-size: 14px;
    color: #222;
}

.v-radio {
    cursor: pointer;
}

.case-form .v-radio {
    padding-left: 18px;
    font-size: 14px;
    color: #555555;
    line-height: 26px;
    background: url('../images/uncheck-v-radio.png') no-repeat 0 1px;
}

.case-form .v-radio.checked {
    background: url('../images/checked-v-radio.png') no-repeat 0 1px;
}

.case-form button {
    width: 172px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #1F77CF;
    border-radius: 3px;
    margin-top: 25px;
}

.case-form .foot {
    font-size: 14px;
    color: #999999;
    line-height: 16px;
    margin-top: 11px;
}

.case-form .seek {
    display: block;
    width: 199px;
    height: 48px;
    margin-top: 14px;
    font-size: 14px;
    color: #1F77CF;
    line-height: 46px;
    border: 1px solid #1F77CF;
    border-radius: 4px;
    text-align: center;
    transition: all .4s;
}

.case-form .send {
    display: block;
    width: 199px;
    height: 48px;
    margin-top: 14px;
    font-size: 14px;
    line-height: 46px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    text-align: center;
    background: #fdfdfd url('../images/i-case-send.png') no-repeat 0 2px;
    color: #f7494b;
    padding-left: 20px;
}

.v-select {
    position: relative;
    height: 28px;
    outline: none;
}

.select-menu {
    display: none;
    position: absolute;
    top: 28px;
    width: 100%;
    z-index: 9;
    max-height: 196px;
    overflow-y: auto;
}

.select-menu li {
    height: 28px;
    width: 100%;
    line-height: 28px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding-left: 14px;
    margin-top: -1px;
    cursor: pointer;
    transition: all .4s;
    font-size: 14px;
}

.select-menu li:hover,.select-menu li.selected{
    background-color: #F78400;
    color: #fff;
}

.v-select .select-panel {
    height: 100%;
    line-height: 28px;
    padding: 0 14px;
    font-size: 14px;
    color:#333;
    width: 100%;
    border: 1px solid #ebebeb;
    background: #fff url('../images/select-down-bg.png') no-repeat right;
    cursor: pointer;
}

.case-desc {
    background-color: #f8f8f8;
    padding: 28px 28px 20px;
}

.case-desc .img-box {
    width: 180px;
    height: 80px;
    margin-right: 18px;
}

.case-desc .img-box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.case-name {
    padding: 24px 0;
}

.case-name .tit {
    font-size: 24px;
    color: #000;
    line-height: 1;
}

.case-inner {
    width: 968px;
}

.case-inner img {
    /*display: block;*/
    /*max-width:276px;*/
    max-width: 100%;
}

.case-custom-info {
    width: 714px;
    /*margin-left: 18px;*/
}

.case-custom-info h3 {
    font-size: 18px;
    line-height: 22px;
}

.case-custom-info p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-top: 12px;
}
.case-custom2-info {
    /*margin-left: 18px;*/
}

.case-custom2-info h3 {
    font-size: 18px;
    line-height: 22px;
}

.case-custom2-info p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-top: 12px;
}

.hr {
    height: 1px;
    width: 100%;
    background: url('../images/line-bg.png') repeat-x;
    margin-top: 28px;
}

.case-custom-info .hr {
    margin: 13px 0;
}

.a-property {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}

.a-property .case-property-name {
    color: #999;
}

.a-property .case-property-value {
    color: #555;
}

.case-include {
    width: 912px;
}

.case-include ul {
    width: 924px;
    margin-top: 35px;
}

.case-include li {
    float: left;
    width: 219px;
    height: 124px;
    margin-right: 12px;
    padding-top: 29px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    text-align: center;
}

.case-include li .line {
    width: 30px;
    height: 2px;
    background-color: #dddddd;
    margin: 20px auto 18px;
}

.case-include-name {
    font-size: 16px;
    color: #888;
    line-height: 1;
}

.case-include-value {
    font-size: 14px;
    color: #555;
    line-height: 1;
}

#cased {
    width: 832px;
    margin: 0 auto;
    /*padding-bottom: 112px;*/
    padding-top: 56px;
}

#cased .item {
    width: 832px;
    height: 480px;
}

#cased .item .img-box {
    width: 832px;
    height: 480px;
    position: relative;
}

#cased .item img {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    max-width: 100%;
}

#cased .proImgNext, #cased .proImgPrv {
    border-radius: 3px;
}

#cased ol {
    /*bottom: -112px;*/
    bottom: 0;
}

#cased ol li {
    width: 110px;
    height: 80px;
    border-radius: 3px;
    position: relative;
    margin: 0;
}

#cased ol img {
    max-width: 100%;
    display: block;
}

#cased ol li.active {
    margin: 0;
}

#cased .carousel-indicators li {
    border: 0;
    border-radius: 4px;
    overflow: hidden;
}

.detail-title {
    font-size: 24px;
    line-height: 24px;
    color: #222;
    padding-bottom: 22px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.detail-title span {
    color: #1F77CF;
}

.detail-title .line {
    width: 46px;
    height: 3px;
    background-color: #1F77CF;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.case-intro {
    margin-top: 44px;
}

.case-intro .detail-text {
    font-size: 14px;
    line-height: 2;
    color: #555;
    margin-top: 35px;
    margin-bottom: 42px;
}
.case-intro  .detail-text{

}

.relate-pro {
    margin-top: 28px;
}

.relate-pro .img-box {
    width: 180px;
    height: 180px;
}

.relate-pro .info {
    width: 368px;
    margin-left: 24px;
    padding-top: 30px;
}

.nav-mark .relate-pro .info {
    width: 360px;
}

.relate-pro .info .pro-name {
    font-size: 16px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

.relate-pro .links {
    height: 28px;
    margin-top: 14px;
}

.relate-pro .links a {
    display: block;
    float: left;
    height: 28px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    margin-left: 14px;
}

.relate-pro .links a:first-child {
    margin-left: 0;
    background: #fff;
    color: #1F77CF;
    border: 1px solid #1F77CF;
}

.relate-pro .links a {
    line-height: 38px;
    background-color: #fafafa;
    color: #555555;
    border: 1px solid #dddddd;
    transition: all .4s;
    padding: 0 32px;
}

.relate-pro .links a:hover {
    background-color: #1F77CF;
    color: #fff;
    border: 1px solid #1F77CF;
}

.relate-pro .arg {
    font-size: 14px;
    color: #888;
    height: 24px;
    width: 100%;
    overflow: hidden;
    margin-top: 18px;
}

.relate-pro .arg span {
    display: inline-block;
    padding-left: 40px;
    background: url('../images/eec.png') no-repeat left center;
    margin-right: 14px;
}

.relate-pro .arg .eek {
    background: url('../images/eey.png') no-repeat left center;
}

.relate-solution {
    /*padding-top: 42px;*/
    padding-bottom: 56px;
    margin-top:10px;
}

.mb42 {
    margin-bottom: 42px !important;
}

.relate-solution .img-box {
    float: left;
    width: 180px;
    height: 135px;
}

.relate-solution .info {
    float: left;
    width: 520px;
    margin-left: 16px;
}

.relate-solution-operation {
    float: right;
    width: 200px;
}

.relate-solution-operation a, .relate-solution-operation span {
    display: block;
    width: 200px;
    height: 38px;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #1F77CF;
    border-radius: 3px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #1F77CF;
    transition: all 0.4s;
    cursor: pointer;
}

.relate-solution-operation a:hover, .relate-solution-operation span:hover {
    background: #1F77CF;
    color: #fff;
    border: 1px solid #1F77CF;
}

.relate-solution-name {
    margin-top: 6px;
    font-size: 16px;
    color: #222;
    line-height: 1;
    float: left;
}

.relate-solution .send {
    width: 145px;
}

.relate-solution-desc {
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    margin-top: 15px;
    height: 44px;
    overflow: hidden;
}

.relate-solution .info a {
    display: block;
    font-size: 14px;
    color: #555;
    margin-top: 27px;
}

.changePage {
    width: 968px;
    height: 80px;
    border-radius: 4px;
    margin-top:20px;
}

.changePage a {
    display: block;
    float: left;
    width: 50%;
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    color: #222222;
    padding: 0 18px;
    background-color: #f8f8f8;
    transition: all .4s;
}

.changePage span {
    color: #999;
    transition: all .4s;
}

.changePage .prev p, .changePage .next span {
    margin-left: 14px;
}

.changePage .prev {
    border-radius: 4px 0 0 4px;
}

.changePage .next {
    border-radius: 0 4px 4px 0;
}

.changePage p {
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.changePage a:hover, .changePage a:hover span {
    color: #fff;
}

.changePage a:hover {
    background-color: #1F77CF;
}

.case-inner .case-index-list {
    margin-left: 0;
    margin-top: 56px;
}

.case-index .aside-menu ul {
    background-color: #eaeaea;
    padding: 0;
    margin: 0;
}

.case-index .aside-menu li {
    background-color: #f5f5f5;
    margin-top: 8px;
}

.case-index .aside-menu .active {
    background-color: #fff;
}

.case-index .aside-menu li:hover a {
    background-color: #fff;
}

.case-nav {
    background-color: #fff;
    margin-top: 75px;
}

.aside .show-all {
    height: 50px;
    background: url('../images/show-all.png') no-repeat center;
    cursor: pointer;
}

.aside .show-all.shown {
    background: #f5f5f5 url('../images/hide-parts.png') no-repeat center;

}

.aside .show-all:hover {
    background-color: #f0f0f0;
}

.aside .show-all span {
    display: block;
    font-size: 14px;
    line-height: 1;
    padding-top: 14px;
}

.show-toggle {
    display: none;
}

/*.case-nav .send {*/
/*padding-left: 18px;*/
/*background: #fdfdfd url('../images/i-case-send.png') no-repeat left center;*/
/*color: #f7494b !important;*/
/*}*/

.case-nav .aside-guide a {
    background-color: #fff;
    border: 1px solid #1F77CF;
    color: #1F77CF;
}

.case-nav .aside .active {
    border: 0;
    background-color: #fff;
}

.case-nav .aside-menu ul {
    background-color: #f5f5f5;
}

.case-nav li {
    font-size: 14px;
    display: block;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: left;
    padding-left: 28px;
    transition: all .4s;
    background: url('../images/case-nav-normal.png') no-repeat left center;
}

.case-nav li:hover {
    background: #f8f8f8 url('../images/case-nav-hover.png') no-repeat left center;
    font-weight: bold;
    color: #222;
}

.case-nav li.active {
    background: url('../images/case-nav-hover.png') no-repeat left center;
}

.case-nav-fixed {
    position: fixed;
    /*    top: 0;*/
    top: -84px;
    z-index: 9;
    margin-top: 0;
    /*left:996px;*/
}

.case-nav-end {
    position: absolute;
    z-index: 9;
}

.case-nav .aside-menu {
    width: 200px;
    padding: 0 14px 14px 14px;
    background-color: #f5f5f5;
}

.case-nav .aside-menu ul {
    width: auto;
    padding: 0;
    margin-top: 0;
}

.case-nav .aside .aside-title {
    height: 55px;
    line-height: 55px;
    background-color: #f5f5f5;
    padding-left: 6px;
}

.case-nav .aside li:hover {
    background-color: #fff;
}

.case-nav .aside-menu a {
    padding: 0;
}

.case-nav .aside-menu li:hover a {
    border: 0;
    background-color: transparent;
}

/*解决方案*/
.so-banner {
    background: url('../images/sou-newban.jpg') no-repeat center;
}

.so-index {
    padding: 56px 0 0;
    overflow: hidden;
}

.so-index .title {
    font-size: 30px;
    text-align: center;
    line-height: 1;
}

.so-index .title span {
    color: #1F77CF;
}

.so-index .msg-link {
    display: block;
    width: 172px;
    height: 38px;
    margin: 40px auto 0;
    font-size: 14px;
    color: #1F77CF;
    text-align: center;
    line-height: 36px;
    border: 1px solid #1F77CF;
    border-radius: 4px;
    transition: all .4s;
}

.so-index .msg-link:hover {
    color: #fff;
    background: #1F77CF;
}

.trade-solution {
    width: 1224px;
    margin-bottom: 28px;
    margin-top: 42px;
}

.trade-solution li {
    float: left;
    width: 380px;
    height: 180px;
    margin-right: 28px;
    margin-bottom: 28px;
    transition: all .4s;
}

.trade-solution li a {
    display: block;
    border: 8px solid #f5f5f5;
    height: 100%;
    border-radius: 3px;
    transition: all .4s;
    background-position: 220px center;
}

.trade-solution li p {
    display: block;
    font-size: 24px;
    line-height: 30px;
    color: #555;
    margin-top: 52px;
    padding-left: 18px;
}

.trade1 a {
    background: url('../images/trade01.png') no-repeat;
}

.trade2 a {
    background: url('../images/trade02.png') no-repeat center;
}

.trade3 a {
    background: url('../images/trade03.png') no-repeat center;
}

.trade4 a {
    background: url('../images/trade04.png') no-repeat center;
}

.trade5 a {
    background: url('../images/trade05.png') no-repeat center;
}

.trade6 a {
    background: url('../images/trade06.png') no-repeat center;
}

.trade7 a {
    background: url('../images/qiu3.png') no-repeat center;
}

.trade8 a {
    background: url('../images/trade08.png') no-repeat center;
}

.trade9 a {
    background: url('../images/trade09.png') no-repeat center;
}

.trade10 a {
    background: url('../images/qiu1.png') no-repeat center;
}

.trade11 a {
    background: url('../images/qiu5.png') no-repeat center;
}

.trade12 a {
    background: url('../images/qiu2.png') no-repeat center;
}

.trade13 a {
    background: url('../images/qiu4.png') no-repeat center;
}

.trade-solution li a:hover {
    background-color: #ffab03;
    border-color: #fec006;
}

.trade-solution li:hover {
    box-shadow: 0 8px 20px 0 rgba(201, 118, 0, 0.3);
}

.trade-solution li:hover p {
    color: #fff;
}

.solution-custom {
    margin-top: 42px;
    padding-bottom: 56px;
}

.solution-custom li {
    height: 311px;
    padding-top: 56px;
    background-color: #f8f8f8;
    text-align: center;
    transition: background .4s;
    border-radius: 4px;
}

.solution-custom li h3 {
    line-height: 1;
    font-size: 20px;
    color: #222;
}

.solution-custom li .line {
    width: 30px;
    height: 2px;
    background-color: #dddddd;

    margin: 18px auto 13px;
    transition: all .4s;
}

.solution-custom li p {
    font-size: 14px;
    line-height: 24px;
    color: #888;
}

.solution-custom li .btn-group {
    margin-top: 37px;
}

.solution-custom li a {
    display: inline-block;
    width: 120px;
    height: 36px;
    background-color: #fff;
    font-size: 14px;
    line-height: 36px;
    border-radius: 4px;
    transition: all .4s;
}

.solution-custom li span {
    display: inline-block;
    width: 120px;
    height: 36px;
    background-color: #fff;
    font-size: 14px;
    line-height: 36px;
    border-radius: 4px;
    transition: all .4s;
    cursor: pointer;
}

.solution-custom li .grey {
    color: #555555;
    border: 1px solid #e8e8e8;
    margin-right: 11px;
}

.solution-custom li .yellow {
    border: 1px solid #1F77CF;
    color: #1F77CF;
}

.solution-custom li:hover {
    background-color: #fff;
    box-shadow: 0 8px 20px 0 rgba(34, 34, 34, 0.12);
    border: 1px solid #e8e8e8;
}

.solution-custom li:hover .line {
    background-color: #1F77CF;
}

.solution-custom .grey:hover, .solution-custom .yellow:hover {
    background-color: #1F77CF;
    color: #fff;
    border: 1px solid #1F77CF;
}

/*解决方案列表*/
.solution-list {
    width: 890px;
    margin-left: 28px;
    padding-top: 28px;
}

.solution-list .so-class {
    font-size: 24px;
    color: #000;
    line-height: 1;
}

.solution-list .text {
    width: 612px;
    color: #888888;
    font-size: 14px;
    line-height: 24px;
}

.solution-list .so-class-info {
    background-color: #f8f8f8;
    padding: 28px;
    margin-top: 14px;
}

.solution-list .link a {
    display: block;
    width: 199px;
    height: 42px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    background-color: #1F77CF;
    border-radius: 3px;

}

.solution-list .tel span {
    font-size: 14px;
    color: #999;
    line-height: 1;
}

.solution-list .tel p {
    font-size: 16px;
    color: #f7494b;
    font-weight: bold;
    line-height: 1;
    margin-top: 6px;
}

.solution-list .tel {
    padding-left: 58px;
    background: url('../images/proPhone.png') no-repeat 20px center;
    margin-top: 14px;
}

.solution-list .rec {
    margin-top: 28px;
}

.solution-list .rec h3 {
    font-size: 18px;
    line-height: 1;
}

.solution-list .rec .pro-name {
    font-size: 16px;
}

.solution-list .rec .img-box {
    width: 100px;
    height: 100px;
}

.solution-list .relate-pro .info {
    margin-left: 14px;
    width: 285px;
    padding-top: 0;
}

/*.solution-list .relate-pro .arg {*/
/*margin-top: 10px;*/
/*}*/

.solution-list .links a {
    height: 28px;
    padding: 0 20px;
    margin-left: 8px;
    line-height: 26px;
    font-size: 14px;
}

.solution-list .rec li {
    width: 400px;
    float: left;
    margin-left: 28px;
}

.solution-list .rec li:first-child {
    margin-left: 0;
}

.so-list {
    margin-top: 14px;
}

.so-list .img-box {
    width: 180px;
    height: 135px;
    float: left;
    border-radius: 3px;
}

.so-list li {
    height: 191px;
    padding: 28px 0;
}

.so-list .so-name {
    float: left;
    max-width: 360px;
    font-size: 18px;
    line-height: 28px;
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.so-list .info {
    float: left;
    width: 485px;
    margin-left: 16px;
}

.so-list .so-list-op {
    float: right;
}

.so-list .so-list-op a {
    display: block;
    width: 180px;
    height: 42px;
    background-color: #fff;
    border: 1px solid #1F77CF;
    border-radius: 2px;
    font-size: 14px;
    color: #1F77CF;
    text-align: center;
    line-height: 40px;
    margin-bottom: 10px;
    transition: all .4s;
}

.so-list .so-list-op a:hover {
    background-color: #1F77CF;
    color: #fff;
    border-color: #1F77CF;
}

.so-list .desc {
    font-size: 14px;
    color: #999;
    line-height: 18px;
    margin-top: 15px;
    max-height: 36px;
    overflow: hidden;
}

.so-list .info a {
    display: block;
    font-size: 14px;
    color: #555;
    margin-top: 39px;
}

.send {
    float: left;
    width: 135px;
    color: #222;
    margin-top: 0 !important;
    margin-left: 14px;
    height: 28px;
    line-height: 26px;
    background: #fafafa url('../images/send2.png') no-repeat 13px center;
    border: 1px solid #ededed;
    border-radius: 4px;
    padding-left: 34px;
    position: relative;
    cursor: pointer;
    /*top: -3px;*/
}


.send_we {
    float: left;
    width: 38px;
    color: #222;
    margin-top: 0 !important;
    margin-left: 14px;
    height: 28px;
    line-height: 26px;
    background: #fafafa url('https://lib.zozen.com/5ab9f1bda624634ee3649458/images/wechat.png') no-repeat 14px center;
    border: 0px solid #ededed;
    border-radius: 4px;
    padding-left: 34px;
    position: relative;
    cursor: pointer;
    /*top: -3px;*/
}


.relate-case ul {
    margin: 28px 0 0;
}

.relate-case .title {
    font-size: 24px;
    line-height: 1;
    color: #222222;
    position: relative;
}

.relate-case .title .head-post {
    position: absolute;
    top: -25px;
    right: 0;
}

.relate-case li {
    float: left;
    /*width: 304px;*/
    width: 278px;
    /*height: 286px;*/
    border-radius: 3px;
    margin-left: 28px;
    overflow: hidden;
    border: 1px solid transparent;
}

.relate-case li:first-child {
    margin-left: 0;
}

.relate-case li .img-box {
    /*width: 304px;*/
    width: 278px;
    /*height: 234px;*/
    height: 208px;
}

.relate-case li .info {
    background-color: #f8f8f8;
    color: #555;
    transition: all .4s;
    height: 76px;
    width: 100%;
    line-height: 20px;
    font-size: 16px;
    padding: 18px;

}

.relate-case li .info p {
    height: 40px;
    overflow: hidden;
    word-wrap: break-word;
}

.relate-case li:hover .info {
    background-color: #fff;
    color: #1F77CF;
}

.relate-case li:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #e8e8e8;
}

.solution-list-page {
    padding-bottom: 56px;
}

.solution-list-page .aside .aside-menu {
    padding: 8px;
    width: 278px;
}

.relate-case {
    padding-top: 40px;
    clear: both;
}

.so-relate-case ul li {
    width: 304px;
}

.so-relate-case li .img-box {
    height: 227px;
    width: 304px;
}

.solution-arg {
    font-size: 14px;
    color: #555;
    line-height: 2;
    margin-top: 35px;
}

.solution-arg .arg-name {
    text-align: right;
    color: #999;
}

.team-intro {
    margin-top: 44px;
    font-size: 16px;
    margin-bottom: 56px;
}

.team-intro p {
    line-height: 1;
    margin-bottom: 28px;
}

.team-intro .coll {
    color: #1F77CF;
    font-weight: bold;
    display: block;
}

.team-intro li {
    float: left;
    width: 304px;
    height: 140px;
    margin-left: 28px;
    font-size: 16px;
    color: #555;
}

.team-intro .team-1 {
    background: url('../images/ktt1.jpg') no-repeat center;
    margin-left: 0;
}

.team-intro .team-2 {
    background: url('../images/ktt2.jpg') no-repeat center;
}

.team-intro .team-3 {
    background: url('../images/ktt3.jpg') no-repeat center;
}

.relate-solution {

}

.relate-solution ul {
    width: 996px;
    margin-top: 20px;
}

.relate-solution li {
    float: left;
    height: 53px;
    line-height: 52px;
    width: 470px;
    margin-right: 28px;
}

.relate-solution li i {
    display: inline-block;
    width: 3px;
    height: 10px;
    background-color: #999;
    margin-right: 14px;
    transition: all .4s;

}

.relate-solution li a {
    font-size: 14px;
    color: #222;
    transition: all .4s;
}

.relate-solution .title {
    font-size: 30px;
    color: #222;
    line-height: 1;
}

.relate-solution li:hover a {
    color: #1F77CF;
}

.relate-solution li:hover i {
    background-color: #1F77CF;
}

/*产品筛选*/
.pro-filter-page .aside-menu {
    text-align: left;
}

.pro-filter-list {
    width: 890px;
    margin-left: 28px;
}

.pro-filter-list .hr {
    margin-top: 0;
}

.filter-panel {
    background-color: #fbfbfb;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 28px;
}

.filter-panel .filter-row {
    padding: 14px 0;
    font-size: 14px;
    line-height: 2;
    overflow: hidden;
}

.filter-panel span {
    float: left;
    display: block;
    width: 107px;
}

.filter-panel a {
    display: block;
    float: left;
    height: 28px;
    padding: 0 15px;
    line-height: 26px;
    background-color: #fff;
    border: 1px solid #1F77CF;
    border-radius: 3px;
    font-size: 14px;
    color: #555;
    margin-right: 14px;
}

.filter-panel .active {
    color: #F78400;
    border: 1px solid #f78400;
}

.filter-panel .power-section {
    float: left;
}

.filter-panel .power-section input {
    background-color: #f0f0f0;
    width: 60px;
    padding: 0 14px;
    height: 28px;

}

.filter-panel .power-section button {
    width: 60px;
    height: 28px;
    line-height: 26px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    margin-left: 11px;
}

em {
    font-size: 14px;
    color: #999999;
    padding: 0 10px;
}

.pro-filter-page .proListItemBoxCon {
    width: 918px;
}

.pro-filter-page .tel span {
    font-size: 14px;
    color: #999;
    line-height: 1;
}

.pro-filter-page .tel p {
    font-size: 16px;
    color: #f7494b;
    font-weight: bold;
    line-height: 1;
    margin-top: 6px;
}

.pro-filter-page .tel {
    padding-left: 82px;
    background: url('../images/proPhone.png') no-repeat 50px center;
    margin-top: 14px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    height: 80px;
    padding-top: 16px;
}

.pro-filter-page .aside-guide a {
    width: 100%;
    height: 60px;
    color: #1F77CF;
    font-size: 16px;
    line-height: 58px;
    border: 1px solid #1F77CF;
}

.pro-filter-page .aside, .pro-filter-page .aside-menu {
    width: 278px;
}

/*.pro-filter-page .aside-menu ul {*/
/*width: 262px;*/
/*}*/

.pro-search .radio-box {
    float: left;
}

.pro-search .v-radio, .rad .v-radio {
    float: left;
    height: 42px;
    padding-left: 16px;
    margin-right: 19px;
    line-height: 42px;
    font-size: 14px;
    color: #555;
    background: url('../images/pro-radio-normal.png') no-repeat left center;
}

.pro-search .checked, .rad .checked {
    background: url('../images/pro-radio-checked.png') no-repeat left center;
}

.pro-search .form-item, .rad .form-item {
    float: left;
    margin-top: 0;
    line-height: 42px;
}

/*服务-免费获得设计方案表单select*/
.rad .v-radio {
    font-size: 14px;
    line-height: 42px;
    margin-right: 0;
}

.rad .len1 {
    width: 251px;
}

.rad .radio-box {
    width: 460px;
}

.station .v-radio {
    margin-right: 28px;
}

/*搜索结果*/
.search-result form {
    border-radius: 4px;
    width: 620px;
}

.search-result .form-item {
    margin-top: 0;
}

.search-result .content {
    background-color: #f8f8f8;
    padding: 42px;
    margin-bottom: 56px;
}

.search-result .v-select {
    width: 86px;
    height: 48px;
    font-size: 14px;
    color: #666666;
    line-height: 46px;
    border: 1px solid #e8e8e8;
    border-right: 0;

}

.search-result .select-menu {
    top: 47px;
    z-index: 9;
}

.search-result .select-panel {
    line-height: 46px;
    padding-left: 12px;
    border: 0;
    border-right: 1px solid #ebebeb;
}

.search-result .select-menu li {
    height: 46px;
    line-height: 44px;
    padding-left: 12px;
}

.search-result input {
    width: 432px;
    height: 48px;
    padding-left: 16px;
    font-size: 14px;
    color: #333;
    float: left;
    border: 1px solid #e8e8e8;
    margin-left: -2px;
}

.search-result button {
    float: left;
    width: 100px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 14px;
    background-color: #1F77CF;
}

.quick-search {
    margin-top: 42px;
}

.quick-search a {
    display: block;
    float: left;
    width: 120px;
    height: 50px;
    margin-right: 14px;
    border-top: 3px solid #eaeaea;
    background-color: #eaeaea;
    transition: all .4s;
    text-align: center;
    font-size: 16px;
    color: #555555;
    border-radius: 4px 4px 0 0;
    line-height: 47px;
}

.quick-search .active, .quick-search a:hover {
    border-color: #1F77CF;
    background-color: #fff;
}

.search-list {
    background-color: #fff;
    padding: 28px 28px 56px;
}

.search-panel {
    font-size: 14px;
    color: #999;
}

.search-panel span {
    color: #1F77CF;
}

.search-list li {
    height: 176px;
    padding: 28px 0;
}

.faq-search-list li {
    height: auto;
}

.search-list li .img-box {
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 4px;
}

.hr2 {
    width: 100%;
    height: 1px;
    background: url('../images/hr2-bg.png') repeat-x;
}

.search-list .info .title {
    font-size: 18px;
    color: #222;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-list .info p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-top: 13px;
    height: 48px;
    overflow: hidden;
}

.search-list .info .link {
    display: block;
    color: #222;
    font-size: 14px;
    margin-top: 16px;
}

.search-list .u-paging {
    margin-top: 56px;
}

.search-nothing {
    padding-top: 84px;
    padding-left: 182px;

}

.search-nothing .title {
    font-size: 24px;
    color: #999;
    line-height: 1;
}

.search-nothing .title span {
    color: #222;
}

.search-tip {
    font-size: 16px;
    color: #555;
    margin-top: 28px;
}

.search-tip p {
    font-size: 14px;
    color: #666;
    line-height: 32px;
}

.search-tip .kefu {
    display: block;
    width: 120px;
    height: 42px;
    margin-top: 19px;
    color: #fff;
    font-size: 14px;
    line-height: 42px;
    background-color: #1F77CF;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

/*产品列表形式2*/
.proList2 .proListItem {
    width: 584px;
}

.proList2 .proItemImg {
    float: left;
    width: 228px;
    height: 228px;
}

.proList2 .proItemImg img {
    max-width: 100%;
    max-height: 100%;
}

.proList2 .proBox {
    float: left;
    margin-left: 28px;
}

.proList2 .proItemele {
    overflow: hidden;
    width: 584px;
}

.proList2 .proItemName {
    margin-top: 0;
    line-height: 1;
    height: 16px;
}

.proList2 .proItemAttr {
    margin-top: 12px;
}

.proList2 .proItemBright {
    padding-bottom: 12px;
}

.case-t .aside .aside-menu .aside-title {
    padding-left: 0;
    font-size: 24px;
    height: auto;
    line-height: 24px;
    padding-bottom: 28px;
}

.case-t .aside .aside-menu {
    width: 278px;
    padding: 28px;
}

.pro-list {
    width: 100%;
    background: #f5f5f5;
    padding: 1px 0 56px;
}

.pro-middle {
    width: 1196px;
    margin: 0 auto;
}

.pro-img {
    width: 500px;
    height: 428px;
    box-shadow: inset 0 0 100px rgba(0, 0, 0, .09);
}

.pro-cont {
    width: 696px;
}

.pro-main {
    background: #fff;
    margin-top: 28px;
}

.pro-fle {
    width: 614px;
    margin: 0 auto;
}

.above-tle {
    font-size: 16px;
    color: #555;
    line-height: 16px;
    padding-top: 42px;
    padding-bottom: 4px;
}

.above-tex p {
    font-size: 14px;
    color: #888;
    line-height: 22px;
    margin-top: 7px;
}

.above-all {
    font-size: 14px;
    color: #999;
    line-height: 14px;
    margin-top: 25px;
}

.above-all span {
    color: #666;
}

.pro-above {
    padding-bottom: 28px;
    border-bottom: 1px dashed #ddd;
}

.boot-post {
    margin-top: 14px;
}

.boot-post a {
    width: 300px;
    height: 48px;
    float: left;
    border-radius: 4px;
    line-height: 48px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #eaeaea;
    text-indent: 16px;
    transition: all .4s;
    margin-top: 14px;
    background: #1F77CF url("../images/ttl-ho.png") no-repeat 275px center;
}

.boot-post .mrr {
    margin-left: 14px;
}

.boot-post a:hover {
    color: #fff;
    background: #f46136 url("../images/ttl-ho.png") no-repeat 275px center;
    border: 1px solid #1F77CF;
}

.pro-title {
    font-size: 30px;
    color: #222;
    line-height: 30px;
    text-indent: 18px;
    background: url("../images/hnm.png") no-repeat 0 center;
    margin-top: 56px;
}
.pro-title a{color: #222;}
.pro-ext .solution {
    margin-top: 0;
}

.dry {
    margin-top: 28px;
}

.dry a {
    width: 150px;
    height: 42px;
    text-align: center;
    text-indent: 0;
    background: #fafafa;
    line-height: 42px;
}

.i-pro-class {
    background: #f5f5f5;
    padding: 8px 0;
    overflow: hidden;
    width: 1196px;
    border-radius: 4px;
    margin-top: 20px;
}

.i-class-box {
    background: url("../images/pro01.jpg") no-repeat;
    width: 289px;
    float: left;
    margin-left: 8px;
    padding-bottom: 16px;
    border-radius: 4px;
    min-height: 304px;
    position: relative;
}

.i-pro-class .gl2 {
    background: url("../images/pro02.jpg") no-repeat;
}

.i-pro-class .gl3 {
    background: url("../images/pro03.jpg") no-repeat;
}

.i-pro-class .gl4 {
    background: url("../images/pro04.jpg") no-repeat;
}

.i-class-tle {
    font-size: 24px;
    line-height: 24px;
    color: #555;
    text-align: center;
    padding-top: 28px;
    padding-bottom: 8px;
}

.in-banner video, .m-banner video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url('//static.westarcloud.com/5ab9f1bda624634ee3649458/images/index-banner12.jpg') center center no-repeat;
    background-size: cover;
}

/*.m-banner video{*/
/*position: absolute;*/
/*right: 0;*/
/*bottom: 0;*/
/*min-width: 100%;*/
/*min-height: 100%;*/
/*width: auto;*/
/*height: auto;*/
/*z-index: -100;*/
/*background: url('//static.westarcloud.com/5ab9f1bda624634ee3649458/images/index-banner12.jpg') center center no-repeat;*/
/*background-size: cover;*/
/*}*/
.in-banner h1 {

}

.video-mask {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
    zoom: 1;
}

:root .video-mask {
    filter: none \9;
}

/*for IE9*/

video {
    outline: none;
}

.i-class-inx {
    font-size: 14px;
    color: #aaa;
    text-align: center;
}

.i-class-img {
    text-align: center;
    margin-top: 14px;
}

.i-tec .head {
    width: 1196px;
    overflow: hidden;
}

.i-tec .head a {
    color: #555;
}

.i-tec {
    height: 804px;
    background: url('../images/i-tec-bg.jpg') no-repeat center;
    padding-top: 56px;
}

.i-tec .single-video .info {
    background-color: #fff;
    padding: 28px;
}

.i-tec div {
    outline: none;
}

.i-tec .single-video {
    float: left;
    width: 778px;
}

.i-tec .single-video .video-box {
    width: 778px;
    height: 442px;
    background: url("//static.westarcloud.com/5ab9f1bda624634ee3649458/images/tac-v1.png") no-repeat center center;
}

.i-tec .single-video video {
    max-width: 100%;
    max-height: 100%;
}

.d-video .kty1 {
    width: 380px;
    height: 215px;
    background: url("//static.westarcloud.com/5ab9f1bda624634ee3649458/images/shouye2.jpg") no-repeat center;
}

.d-video .kty2 {
    width: 380px;
    height: 215px;
    background: url("//static.westarcloud.com/5ab9f1bda624634ee3649458/images/shouye3.jpg") no-repeat center;
}

.i-tec .double-video {
    float: right;
    width: 380px;
}

.i-tec .double-video .info {
    background-color: #fff;
    padding: 18px;
}

.i-tec .double-video .title {
    font-size: 16px;
    line-height: 1;
    color: #222;
}

.i-tec .double-video .text {
    height: 36px;
    margin-top: 11px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    color: #999;
}

.video-js .vjs-big-play-button {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.i-tec .double-video .d-video:first-child {
    margin-bottom: 14px;
}

.i-tec .video-wrap {
    padding-top: 28px;
}

.i-tec .single-video .title {
    font-size: 24px;
    color: #222;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.i-tec .single-video .under-line {
    width: 30px;
    height: 2px;
    margin-top: 18px;
    margin-bottom: 23px;
    background-color: #dddddd;
}

.i-tec .single-video .text {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    height: 77px;
}

.desk {
    width: 289px;
    height: 304px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -99;
    transition: all .16s ease;
}

.desk-tle {
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 24px;
    padding-top: 28px;
    padding-bottom: 15px;
}
.desk-tle a{color:#fff;}
.desk-xian {
    width: 30px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
}

.desk ul {
    width: 240px;
    margin: 18px auto 0;
}

.desk li {
    font-size: 14px;
    line-height: 26px;
    background: url("../images/hqq.png") no-repeat right center;
}

.desk li a {
    color: #fff;
    display: inline-block;
    width: 220px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.i-class-box:hover .desk {
    z-index: 99;
    background: #1F77CF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4ff9600, endColorstr=#f4ff9600);
    zoom: 1;
}

.proInfo .ssd {
    top: 10px;
    height: 32px;
    line-height: 30px;
}

.proAll {
    background: #f5f5f5;
    padding-bottom: 56px;
    margin-top: 56px;
}

.proContent-main {
    padding: 0 56px;
}

.proContent-tle {
    font-size: 30px;
    color: #222;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    padding: 56px 0 18px;
    line-height: 30px;
}

.proContent-tle span {
    width: 120px;
    height: 2px;
    background: #1F77CF;
    display: block;
    position: absolute;
    bottom: -1px;
}

.abstract-tle {
    font-size: 24px;
    color: #222;
    line-height: 24px;
    padding-top: 44px;
    padding-bottom: 6px;
}

.abstract-tex {
    margin-top: 14px;
}

.abstract-tex p {
    font-size: 14px;
    color: #555;
    line-height: 24px;
    margin-top: 8px;
}

.pro-abstract {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 42px;
}

.abstract-lis {
    font-size: 14px;
    color: #999;
    padding-top: 24px;
}

.abstract-lis span {
    color: #666;
}

.goods-tle {
    font-size: 16px;
    color: #555;
    font-weight: 700;
    line-height: 16px;
    padding-top: 22px;
    padding-bottom: 16px;
    background: url("../images/x-xing.png") no-repeat 0 center;
    text-indent: 22px;
}

.goods-tex li {
    font-size: 14px;
    color: #555;
    line-height: 24px;
    list-style: outside;
    margin-left: 16px;
}

.mt-56 {
    margin-top: 56px;
    border-radius: 4px;
}

.mt-56 .parts-list {
    background: #fff;
}

.mt-56 .parts-img {
    background: #f5f5f5;
    position: relative;
}

.mt-56 .parts-img img {
    width: 234px;
    height: 234px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.parts-l {
    width: 1084px;
    margin: 0 auto;
}

.mt-56 .parts-list {
    padding: 0;
    margin-top: 42px;
}

.mt-56 .company-news {
    padding-bottom: 0;
}

.mt-56 .focal a {
    padding: 0 15px;
}

.mt-56 .nominate-img {
    width: 250px;
    height: 250px;
}

.mt-56 .nominate-img img {
    width: 250px;
    height: 250px;
}

.mt-56 .nominate-pro {
    padding: 0 56px;
}

.mt-56 .nominate-list {
    margin-top: 42px;
    width:828px;
}

.mt-56 .nominate-list {
    margin-bottom: 0;
}

.item-input select {
    outline: none;
    border: none;
    width: 200px;
    height: 42px;
    background: #f2f2f2;
    line-height: 42px;
    font-size: 14px;
    color: #333;
    text-indent: 14px;
}

.mt-56 .write-bill form {
    width: auto;
}

.mt-56 .write-bill {
    padding: 0;
}

.mt-56 .item-tle {
    width: 70px;
}

.write-kus {
    font-size: 14px;
    color: #555;
    line-height: 14px;
    padding: 42px 0 28px;
}

.mt-56 .form-but {
    margin-left: 82px;
}

.aside .structure-left {
    float: none;
}

.search-list .info .title span {
    color: #1F77CF;
    font-weight: 700;
}

.case-custom-clo {
    font-size: 14px;
    color: #999;
    margin-top: 20px;
}

.case-custom-clo li {
    line-height: 36px;
}

.case-custom-clo span {
    color: #555;
    padding-left: 10px;
}

.custom-clo-left {
    width: 380px;
}

.related-pro .img-box {
    width: 100px;
    height: 100px;
}

.related-pro .pro-name a {
    font-size: 16px;
    color: #222;
}

.related-pro .pro-name a:hover {
    color: #1F77CF;
}

.related-pro .info {
    padding-top: 0;
}

.related-pro .arg {
    margin-top: 15px;
}

/*.related-pro .arg span {*/
/*padding-left: 60px;*/
/*}*/
.related-pro .links a {
    padding: 0 22px;
    line-height: 26px;
    font-size: 14px;
    height: 28px;
    margin-left: 8px;
}

.related-pro .links {
    /*margin-top: 18px;*/
    margin-top: 15px;
}

.related-pro .links .active {
    background: #1F77CF;
    color: #fff;
    border: 1px solid #1F77CF;
}

.relate-solution-name a {
    font-size: 16px !important;
    color: #222;
    margin-top: 0 !important;
}

.relate-solution-name a:hover {
    color: #1F77CF;
}

.relate-solution .hr {
    margin-top: 0;
}

.team-intro li .coll {
    display: block;
    font-size: 24px;
    color: #1F77CF;
    font-weight: 700;
    line-height: 24px;
    padding-left: 28px;
    padding-top: 42px;
}

.team-intro li span {
    font-size: 18px;
    color: #555;
    padding-left: 28px;
    margin-top: 2px;
}

.team-intro p {
    font-size: 16px;
    color: #222;
    line-height: 16px;
}

.case-index-custom {
    padding-bottom: 0;
}

.prodelc-t .solution {
    margin-top: 0;
}

.mor0kust-mian {
    display: none;
}

.mor0kust-mian.active {
    display: block;
    margin-top: 10px;
}

.down-group {
    display: none;
}

.down-group.active {
    display: block;
}

.dete-al {
    padding: 30px 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

.case-index .case-head {
    margin-top: 28px;
}

.case-list .info .title {
    color: #222;
    font-size: 16px;
    margin-top: 0;
    transition: all .4s;
}

.case-list .info a:hover {
    color: #1F77CF;
}

.case-form .seek:hover {
    background: #1F77CF;
    color: #fff;
}

.custom #custom a:hover {
    color: #1F77CF;
}

.i-case .know-more span {
    color: #fff;
}

.know-more span:hover {
    color: #1F77CF;
}

.list-wrap .no-top {
    margin-top: 14px;
}

.footer .links a:hover {
    color: #1F77CF;
}

.aside .aside-guide a:hover {
    background: #1F77CF;
    color: #fff;
}

.relate-solution .info a:hover {
    color: #1F77CF;
}

.solution-list .relate-pro .img {
    display: block;
    padding: 0;
    height: 100px;
}

.solution-list .relate-pro .img img {
    height: 100px;
}

.solution-list .relate-pro .title {
    font-size: 16px;
    color: #222;
    padding: 0;
    line-height: 16px;
    margin-left: 0;
}

.solution-list .relate-pro .title:hover {
    color: #1F77CF;
}

.so-list .info .so-name {
    font-size: 18px;
    line-height: 20px;
    color: #222;
    margin-top: 6px;
}

.so-list .info a:hover {
    color: #1F77CF;
}

.in-banner {
    height: 480px;
}

.msg-box {
    display: block;
    font-size: 14px;
    color: #ef3e50;
    padding-top: 10px;
}

.unit-box {
    width: 40px;
}

.about-honor {
    /*height: 280px;*/
    padding: 56px 0;
}

/*.about-honor .owl-item{*/
/*width: 280px;*/
/*height: 390px;*/
/*}*/
.about-honor .img-box {
    width: 280px;
    height: 356px;
    border: 8px solid #efe5d7;
    position: relative;
    margin: 0 auto;
}

.about-honor .img-box img {
    display: block;
    max-width: 226px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.about-honor .title {
    font-size: 30px;
    color: #222222;
    margin-bottom: 42px;
    text-align: center;
    line-height: 1;
}

#honor-list {
    height: 390px;
}

#honor-list p {
    font-size: 16px;
    line-height: 28px;
    color: #555555;
    text-align: center;
    padding-top: 10px;
}

.hon-prev {
    width: 30px;
    height: 60px;
    border-radius: 0 4px 4px 0;
    left: 10px;
    top: 140px;
    background: url(../images/pre-btn.png) no-repeat center;
    cursor: pointer;
    position: absolute;
    z-index: 99;
}

.hon-next {
    width: 30px;
    height: 60px;
    border-radius: 4px 0 0 4px;
    background: url(../images/next-btn.png) no-repeat center;
    cursor: pointer;
    z-index: 99;
    position: absolute;
    right: 10px;
    top: 140px;
}

.hon-prev:hover {
    background: #1F77CF url("../images/p-active.png") no-repeat center;
}

.hon-next:hover {
    background: #1F77CF url("../images/active-btn.png") no-repeat center;
}

.down-form input {
    width: 315px;
    background: #f2f2f2;
    height: 42px;
    padding: 0 14px;
    font-size: 14px;
    color: #333;
    margin-top:20px;
}

.down-form button {
    height: 42px;
    width: 120px;
    margin-top:20px;
    margin-left: 80px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    background-color: #1F77CF;
    color: #fff;
    border-radius: 0 4px 4px 0;
}

.down-form .form-row {
    width: 320px;
    margin: 0 auto;
}

.down-mask {
    display: none;
}

.pop-content .down-tip {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.pop-content .inner-down-tip {
    font-size: 14px;
    color: #999999;
    text-align: center;
}


.down-form form {
    height: 100px;
}

.down-form .form-row {
    margin-top: 20px;
}

.down-form .msg-box {
    position: absolute;
    padding-top: 0;
    top: 180px;
    left: 102px;
}
.copy p a {
    display: inline-block;
    color: #999;
    margin-right: 10px;
}
.form-row .yanz {
    width: 200px;
}
.pop-lis {
    text-align: left;
    position: relative;
}
.yz-bt {
    position: absolute;
    width: 100px !important;
    height: 42px;
    background: #1F77CF;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    top: 106px;
    left: 316px;
}


.hengqie {
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    padding: 55px 0 35px 0;
}

.hengqie img:hover {
    -moz-box-shadow: 0px 0px 18px rgba(186, 186, 186, 1);
    -webkit-box-shadow: 0px 0px 18px rgba(186, 186, 186, 1);
    box-shadow: 0px 0px 18px rgba(186, 186, 186, 1);
    cursor: pointer;
}

.imgtk {
    width: 290px;
    border-top: 4px solid #1F77CF;
    font-size: 18px;
    line-height: 30px;
    padding: 10px 0 15px 0;
    background: #fff;
}

.insbt {
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 15px;
    text-align: left;
    color: #aeaeae;
    background: #FFF;
    padding: 6px;
    height: 92px;
}

.insbt:hover {
    background: #fff;
}

.insbt a {
    font-size: 16px;
    color: #555555;
}

.insbt a:hover {
    color: #1F77CF;
}
.yqlj{

    width: 1196px;
    margin: 0 auto;
}
.yqing{
    font-size: 18px;
    color: #666;
    line-height: 50px;
    border-bottom:1px dashed #ddd;
}
.yqlj ul{
    list-style: none;
}
.yqlj li{
    float: left;
    font-size: 12px;
    color: #333;
    margin-right: 8px;
}
.yqlj li a{
    color: #999;
    line-height: 48px;
}
.yqlj li a:hover{
    color: #ff6600;
    line-height: 48px;
}
.zysjl li {
    width: 84px;
    height: 48px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.xiantiaox {
    width: 30px;
    height: 3px;
    background: #ff9900;
    margin: 25px auto;
}

.xiantiaox2 {
    width: 30px;
    height: 3px;
    background: #ff9900;
    margin: 25px 0 10px 0;
}

.wenz1 {
    font-size: 2.8rem;
}

.wenz2 {
    font-size: 2.2rem;
}

.wenz3 {
    font-size: 1.8rem;
}

.wenz33 {
    font-size: 1.6rem;
}

.wenz4 {
    font-size: 1.5rem;
}

.333
color {
    color: #333;
}

.555
color {
    color: #555;
}

.fffcolor {
    color: #fff;
}

.Bols {
    font-weight: bold;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.p-1 {
    padding: 1rem;
}

.p-2 {
    padding: 2rem;
}

.bgka{
    width: 805px;
}
.bgka2{
   height: .5rem;
}
.linegao{
line-height: 4rem;
}
.ysbgx1{
     background-size: 100%; width: 400px; height: 240px;
}
.ysbgx2{
    background-size: 100%; width: 400px; height: 240px;
}
.ysbgx3{
     background-size: 100%; width: 805px; height: 320px;
}
.xysbgx1{
    border: 1px solid #fff; width: 350px; height: 160px;
}