/*------------ banner ------------*/

.banner .slick-arrow {
    color: #fff;
    background: rgba(0, 0, 0, .7);
    border: 2px solid rgba(115, 220, 255, .7);
}

.banner .slick-arrow:hover {
    border-color: #A394E5;
}

.banner .slick-dots li button {
    color: transparent;
    background: transparent;
    border: 2px solid #73DCFF;
}

.banner li button:hover,
.banner li.slick-active button {
    background: #73DCFF;
}


/*------------ title ------------*/

section .title {
    color: #000000;
    margin: 0 0 30px;
}

section .title:before {
    content: "\e1007";
    color: #5947A5;
}

.title2 {
    color: #000000;
}


/*------------ more ------------*/

.more {
    color: #fff;
    background: #C0CAE0;
}

.more.color02 {
    background: #5E5C78;
}

.more:hover {
    background: #58586D;
}


/*------------ news ------------*/

.news-list {
    border-top: 1px solid #DDDDDD;
    max-width: 1000px;
    margin: 0 auto;
}

.news-list li {
    border-bottom: 1px solid #DDDDDD;
    display: block;
}

.news-list li .box {
    border: 0;
    background: transparent;
}

.news-list li:hover {
    background: #F1F3F8;
}

.news-list li .box:hover {
    background: transparent;
}

.news-list .date {
    border-right: 1px solid #666666;
}

.news-list li .name a{
    color: #666666;
}

.news-list li .box:hover .name a {
    color: #666666;
}

.news-list li .box:hover .date {
    color: #5947A5;
}


/*------------ about ------------*/

.sect02 {
    background: url('/../../images/common/color_blue/bg/bg02.jpg');
}

.sect02:before {
    background: url('/../../images/common/color_blue/index/about_bg.jpg');
}

.about-title {
    color: #4DFFFF;
    background: url('/../../images/common/color_blue/index/about_title.png');
}


/*------------ products ------------*/

.sect03 {
    background: url('/../../images/common/color_blue/index/products_bg.jpg') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.product-title {
    color: #FFFFFF;
}

.product-arrow button {
    color: #fff;
    background: #58586D;
}

.product-arrow button:hover {
    background: #fff;
    color: #58586D;
}

.product-list .text {
    background: #1F1F27;
}

.product-list .box:hover .text {
    background: #5947A5;
}

.product-list .name {
    color: #FFFFFF;
}

.product-list .description {
    color: #999999;
}

.product-list .box:hover .description {
    color: #fff;
}


/*------------ service ------------*/

.sect04 {
    background: url('/../../images/common/color_blue/index/service_bg.jpg');
}

.sect04 .title {
    color: #fff;
}

.sect04 .title:before {
    content: "\e1008";
    color: #A394E5;
}

.sect04 .editor {
    color: #CCCCCC;
}


/*------------ album ------------*/


.album-arrow button {
    background: #58586D;
    color: #fff;
}

.album-arrow button:hover {
    color: #58586D;
    background: #fff;
    border: 2px solid #58586D;
}

.sect05 .title:before {
    content: "\e1006";
}

.album-list li .pic a:nth-child(2):before {
    background: rgba(0, 0, 0, .7);
}


/*------------ rwd ------------*/

@media screen and (max-width: 1024px) {
    .about-title {
        background: url('/../../images/common/color_blue/index/about_bg.jpg');
        font-size: 26px;
    }
}
