﻿body { color: #343434; }
.header_nav {background: #3A56DE;}
header {padding-top:65px; position: relative; }
    header p { width: 100%; font-size: 24px; line-height: 33px; color: rgba(255,255,255,1); text-align: center; cursor: pointer; position: absolute; bottom: 0.18rem; left: 0; }

.solution > div { text-align: center; }
.solution section { margin: 46px 15px; width: 393px; position: relative; display: inline-block; vertical-align: top; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 9px rgba(2,0,36,0.15); }
    .solution section img { width: 100%; height: 260px; }
    .solution section h2 { text-align: center; margin-top: 40px; margin-bottom: 10px; }
    .solution section p { font-size: 16px; line-height: 22px; text-align: center; margin-bottom: 61px; opacity: 0.5; }
    .solution section a { color: #1C7AFB; text-align: center; font-size: 16px;font-weight:bold; line-height: 22px; width: 223px; padding: 15px 0; display: inline-block; background-color: transparent; border: 1px solid #1C7AFB; border-radius: 26px; margin-bottom: 40px; cursor: pointer; }


.tab_btn { background-color: rgba(245,245,246,0.3); border: 0; border-radius: 50px; color: #343434; font-size: 14px; line-height: 20px; padding: 9px 34px; text-align: center;  cursor: pointer; }
    .tab_btn.active { background-color: rgba(245,245,246,1); }
    .tab_btn:active, .tab_btn:focus { border-radius: 50px; border: 0; }

.cus_evaluate { background-color: #373941; }
    .cus_evaluate h1 { font-size: 26px; line-height: 37px; color: white; font-weight: 200; }
    .cus_evaluate h6 { opacity: 0.4; }
    .cus_evaluate .slider button { width: 60px; height: 60px; font-size: 22px; opacity: 0.8; background-color: rgba(0,0,0,1); color: rgba(245,245,246,1); border: 0; padding: 0; }
        .cus_evaluate .slider button:first-child { margin-right: 145px; }
        .cus_evaluate .slider button:last-child { margin-left: 145px; }
        .cus_evaluate .slider button:disabled { opacity: 0.2; }
        .cus_evaluate .slider button img { width: 11px; height: 20px; margin: 20px 24px; }
    .cus_evaluate .slider_ctn { width: 1083px; overflow: hidden; display: inline-block; height: 420px; vertical-align: middle; }
    .cus_evaluate .slider_imgs { display: inline-block; position: relative; text-align: left; }
        .cus_evaluate .slider_imgs section { width: 318px; margin: 0 20px; display: inline-block; font-size: 0; }
            .cus_evaluate .slider_imgs section > div { background-color: #fff; padding: 20px; line-height: 1; }
            .cus_evaluate .slider_imgs section img { width: 100%; height: 262px; }
        .cus_evaluate .slider_imgs h3 a{ font-size: 18px; line-height: 25px; color: #343434; margin-bottom: 10px; text-align: left; }
        .cus_evaluate .slider_imgs p { font-size: 14px; line-height: 20px; color: #A5A5A5; height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.information { text-align: center; }
    .information h1 { font-size: 26px; height: 37px; }
    .information .info_tabs { margin-top: 60px; padding-bottom: 20px; counter-reset: bgcount; }
        .information .info_tabs section { margin: 0 95px; counter-increment: bgcount; cursor: pointer; }
            .information .info_tabs section:before { content: ''; width: 50px; height: 50px; display: block; margin-bottom: 17px; background-image: url(/images/index/setting.png); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }
            .information .info_tabs section:nth-child(2):before { background-image: url(/images/index/share.png); }
            .information .info_tabs section:nth-child(3):before { background-image: url(/images/index/yxzs.png); }
            .information .info_tabs section:nth-child(4):before { background-image: url(/images/index/zx.png); width: 54px; height: 54px; }
            .information .info_tabs section:nth-child(5):before { background-image: url(/images/index/question.png); }
            .information .info_tabs section.active:nth-child(1):before { background-image: url(/images/index/setting1.png); }
            .information .info_tabs section.active:nth-child(2):before { background-image: url(/images/index/share1.png); }
            .information .info_tabs section.active:nth-child(3):before { background-image: url(/images/index/yxzs1.png); }
            .information .info_tabs section.active:nth-child(4):before { background-image: url(/images/index/zx1.png); }
            .information .info_tabs section.active:nth-child(5):before { background-image: url(/images/index/question1.png); }
            .information .info_tabs section span a{ color: #A5A5A5; font-size: 14px; line-height: 20px; }
            .information .info_tabs section.active span a{ color: #4A87F8; }
    .information .info_items { margin: 40px auto 60px auto; width: 1270px; }
        .information .info_items section { width: 380px; margin: 20px; display: inline-block; }
            .information .info_items section article { overflow: hidden; }
            .information .info_items section p { color: #A5A5A5; height: 34px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
            .information .info_items section span { color: #B4B4B4; }
			

@media screen and (max-width: 1600px) {
    .cus_evaluate .slider button:first-child { margin-right: 8px; }
    .cus_evaluate .slider button:last-child { margin-left: 8px; }
}

@media screen and (min-width: 1910px) {
    header { background-size: 100% 100%; }
}
