@charset "UTF-8";
/* CSS Document */

section{margin-top: 62px; width: 100%; min-width: 1366px;}

section .banner{ background: url(../images/Support/banner_bg.jpg) no-repeat center center; width: 100%; min-width: 1336px; height: 900px; position: relative; background-size: 100% 100%;}
section .banner .text{ position: absolute; left: 15%;}
section .banner .text h1{ font-size: 50px; color: #fff; font-weight: bold; padding-top: 200px;}
section .banner .text h2{ font-size: 24px; color: #fff; font-weight: bold; line-height: 48px;}
section .banner .text p{ font-size: 16px; color: #fff; line-height: 32px;}
section .banner  img{ position: absolute; right: 15%;}
section .question{ padding-bottom: 100px;}
section .question h1{ font-size: 50px; text-align: center; font-weight: bold; color: #080808; padding: 50px 0 40px;}
section .question ul li{background: #FFFFFF; box-shadow: 0px 0px 33px 2px rgba(154, 158, 175, 0.33);border-radius: 5px; width: 1260px; margin: 0 auto;  margin-bottom: 40px;}
section .question ul li .p_eq{ color: #000; font-size: 36px; }
section .question ul li .p_eq i{font-size: 0px; vertical-align: middle; width: 44px; height: 44px; display: inline-block;}
section .question ul li .eq_btn{ display: block; width: 1200px; height: 100%; padding: 30px 40px;}
section .question ul li .p_eq span{margin-left: 20px; }

section .question ul li .p_eq .arrow{ background: url(../images/Support/right.png) no-repeat center center; width: 44px; height: 44px; display: inline-block; float: right; margin-right: 20px;}
.arrow1{ background: url(../images/Support/down.png) no-repeat center center!important; }

section .question ul li .p_answer{font-size: 16px; padding: 20px 60px 20px; color: #000; display: none;}



@media(max-width:960px)
{ 
    h1{font-size: 24px!important;}
    h2{font-size: 18px!important;}
    p{font-size: 14px!important; line-height: 24px!important;}
    section{margin-top: 60px; width: 100%; min-width: 0px;}
    section .banner{ background: url(../images/Support/banner_bg.jpg) no-repeat center left; width: 100%!important; min-width: 0px!important; height: 280px; position: relative; background-size: auto 100%;}
    section .question{ width: 100%; min-width: 0px; padding-bottom: 20px;}
    section .banner .text{ position: absolute; left: 8%;}
    section .banner .text h1{ padding-top: 30px;}
    section .banner  img{  display: none;}
    section .question ul{width: 100%;}
    section .question ul li{ width: 94%; margin: 0 auto;  margin-bottom: 10px; padding: 10px 0;}
    section .question ul li .eq_btn{ width: 100%; padding: 0;}
    section .question ul li .p_eq{ padding-left: 2%;}
    section .question ul li .p_eq i{ width: 18px;height: 18px;}
    section .question ul li .p_eq i img{width: 100%;}
    section .question ul li .p_eq .arrow{ width: 18px; height: 18px; margin-right: 2%; background-size: 100% auto;}
    section .question ul li .p_answer{ padding: 10px;}
    .arrow1{ background-size:100% auto !important;}
    section .question h1{ padding: 20px 0 10px;}
}