﻿@charset "utf-8"; 
.project-list li{width:calc(16.6667% - 10px);margin-right:10px;box-sizing:border-box;height:auto}
.project-list{flex-wrap:wrap;flex-direction:row}
.project-content{display:none}
.project-list li .project-img{margin-right:0;width:100%;height:auto}
.project-info a{padding:10px}
.project-name{text-align:center;word-break:break-all;margin-bottom:0}
.project-list.faq-list{flex-direction:column}
.project-list.faq-list li{cursor:pointer;width:100%;margin-right:0;background:#fff url(/js/34725/agora.png) no-repeat;background-size:35px 35px;background-position:10px 13px}
.project-list.faq-list .project-content{display:block}
.project-list.faq-list .project-info{padding:20px 20px 20px 60px;display:block}
.project-list.faq-list .project-name{text-align:left;margin-bottom:10px;font-size:20px;cursor:pointer}
@media screen and (max-width:768px){.project-list li{width:calc(50% - 10px)}
.project-list li:nth-of-type(2){margin-right:0}}
.head-logo img{transform:translateX(-10px) scale(1.2)}
.head-top .icon-phone{opacity:.5;position:relative;top:1px;margin-left:10px}
.cate-img{background-color:#fff}
.cate-img img{opacity:.7}
.sf-menu>li:hover ul{display:block}
.sub-menu li:hover{background-color:#0078d7}
.side-cate .sub-menu li:hover>a,.sub-menu li:hover:before{color:#fff}
.common-main{background-color:#fff}
.common-main article p{margin-bottom:10px;line-height:1.8}
@media (max-width:1500px){.about .about-img{max-height:none}}
.cate-name{color:black}
#jljw_IM_GdImBox{bottom:150px !important}
.wmkc-list{max-width:100px !important}
.wmkc-skype{background:#0091DF}
.wmkc-skype .wmkc-icon{background-position:-94px -50px !important}
.wmkc-skype p{color:#fff}
.foot-logo img{transform:translatey(-30px)}
.foot-intro{margin-top:0}
.floatwindow_er-img i{dispaly:flex;flex-wrap:wrap}
.time-line{position:relative;margin:20px 0}
.time-line:before{content:'';position:absolute;left:0;top:0;height:100%;width:2px;background:#0078d7}
.time-line li{padding-left:50px;margin-bottom:30px;position:relative}
.time-line li .year{font-size:18px;font-weight:bold;line-height:1.5em;margin-bottom:15px}
.time-line li .circle{position:absolute;width:24px;height:24px;border:2px solid #0078d7;border-radius:50%;left:-12px;background:#fff}
.time-line li .circle:before{position:absolute;content:'';width:6px;height:6px;border-radius:50%;background:#0078D7;left:50%;top:50%;transform:translate(-50%,-50%)}
.about-img lite-youtube{max-width:100%;height:100%}
@media (min-width:1025px){.head-nav>ul>li>a{font-size:14px;padding:0 7px}}
@media (min-width:1367px){.head-nav>ul>li>a{padding:0 10px;font-size:16px}}
@media (min-width:1501px){.head-nav>ul>li>a{padding:0 15px}}