h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th, p, a, li, td, b, div { font: 400 12px open sans,lucida grande,lucida sans unicode,arial; color: #333;}
.pw1200 { max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; }
.hidden { display: none; }

/* section1 */
.section1 { background: url(https://imobie-resource.com/fr/img/author_cmsbg.png) top center no-repeat; background-size: cover; padding: 80px 0 65px; }
.author_head,.author_body { display: inline-block; vertical-align: middle; }
.author_head { margin-right: 15px; }
.author_head>img { border-radius: 50%; }
.author_name { display: inline-block; font-size: 24px; font-weight: 700; color: #333; }
.author_facebook { display: inline-block; vertical-align: middle; }
.author_position { font-size: 18px; color: #666; }
.author_message { background-color: transparent; border: 4px solid #fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16); padding: 28px; border-radius: 10px; position: relative; margin-top: 25px; }
.author_message::before { display: block; content: ""; width: 20px; height: 20px; border: 4px solid transparent; border-top-color: #fff; border-left-color: #fff; transform: rotateZ(45deg); position: absolute; top: -14px; left: 20px;}
.author_message p { font-size: 20px; font-weight: 600; color: #333; line-height: 27px; }

/* section2 */
.section2 { padding-top: 60px; background: url(https://imobie-resource.com/fr/img/author_sec2bg.png) top center no-repeat; background-size: cover; }
.section2 .sec2_title { font-size: 32px; font-weight: 600; color: #000; margin-bottom: 40px; }
.section2 .sec2_lists li { font-size: 16px; color: #333; margin-top: 25px; }
.section2 .sec2_lists li img { vertical-align: middle; margin-right: 10px; }

/* section3 */
.section3 { padding-top: 80px; background: url(https://imobie-resource.com/fr/img/author_sec3bg.png) top center no-repeat; background-size: cover; }
.section3 .sec3_title { font-size: 32px; font-weight: 600; color: #000; margin-bottom: 60px; }
.section3 .sec3_lists li { display: inline-block; max-width: 270px; width: 100%; margin-right: 35px; vertical-align: text-top; margin-bottom: 10px; }
.section3 .sec3_lists .article_img { margin-bottom: 20px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; overflow: hidden; }
.section3 .sec3_lists .article_img a { display: block; font-size: 0; }
.section3 .sec3_lists .article_img img:hover { transform: scale(1.2); transition: all .3s ease-in-out; }
.section3 .sec3_lists li:last-child { margin-right: 0; }
.section3 .sec3_lists li p { font-size: 16px; color: #333; }

/* section4 */
.section4 { padding-top: 80px; background: url(https://imobie-resource.com/fr/img/author_sec4bg.png) top center no-repeat; background-size: cover; }
.section4 .sec4_title { font-size: 32px; font-weight: 600; color: #000; margin-bottom: 60px; }
.section4 .sec4_lists li { border-bottom: 1px solid #d9d9d9; margin-bottom: 30px; }
.section4 .sec4_lists li>a { text-decoration: none; }
.section4 .sec4_lists .article_title { font-size: 24px; font-weight: 600; color: #000; margin-bottom: 10px; background: linear-gradient(90deg, #f2f5fd 0%, rgba(201, 218, 255, 0.00) 7.78%);}
.section4 .sec4_lists .article_title:hover {text-decoration: underline; }
.section4 .sec4_lists .article_title::before { display: inline-block; content: ""; width: 6px; height: 36px; background-color: #C9DAFF; vertical-align: middle; margin-right: 10px; }
.section4 .sec4_lists .article_introduction { font-size: 16px; font-weight: 600; color: #666; font-style: italic; margin-bottom: 15px; }
.section4 .sec4_lists .article_message {margin-bottom: 30px;} 
.section4 .sec4_lists .article_name { font-size: 14px; color: #000; font-weight: 600; display: inline-block; }
.section4 .sec4_lists .article_time { margin-left: 8px; font-size: 14px; color: #666; }
.section4 .button { text-align: center; margin: 60px auto 100px; }
.section4 .button span,.section4 .button font { display: inline-block; border-radius: 4px; padding: 4px 12px; margin: 0 6px; background: #EEE; font-size: 18px; font-weight: 600; color: #666; cursor: pointer; }
.section4 .button span.current { background: #2375FF; color: #fff; }
.section4 .button .hidden { display: none; }


@media screen and (max-width: 1300px){
    .pw1200 { width: 92%; margin-left: 4%; margin-right: 4%; }
}

@media screen and (max-width: 980px){
    .section3 .sec3_lists { text-align: center; }
    .section3 .sec3_lists li { margin: 0 30px 20px; }
    .section3 .sec3_lists li:last-child { margin-right: 30px; }
}

@media screen and (max-width: 750px){
    .section3 .sec3_lists li { margin: 0 auto 30px; display: block; }
    .section3 .sec3_lists li:last-child { margin-right: auto; margin-bottom: 0; }

}