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

#faq{ position: relative;z-index: 5; background: #fff; margin: 0 auto;}

#faq .search{position: relative;z-index: 90; max-width: 600px; width: 86%; margin: 0 auto 50px auto;  }
#faq .search>form{width:100%; height:50px; border-radius: 50px; background: #eee;}
#faq .search>form input[type="text"]{ background: none; outline: medium; text-align: left; height:50px;line-height:50px;width:100%; padding-left: 20px; border:none; font-size:1.4rem;color:#777;box-sizing:border-box;overflow:hidden;}
#faq .search>form input::-webkit-input-placeholder{ color:#999;}
#faq .search>form button{ position:absolute; right: 0; top: 0; width:110px;height:50px; border-radius: 30px; color: rgba(255,255,255,1); background:rgba(1,64,153,1); background:linear-gradient(to right bottom,#3aa9ff,#0061ac); border:none;cursor:pointer;box-sizing:border-box;overflow:hidden;}

#faq .list{margin: 0 auto;}
#faq .list>ul{margin: 0 auto;}
#faq .list>ul>li{ position: relative; display: block; margin: 0 auto; overflow: hidden; transition: all .35s; }
#faq .list>ul>li:last-child>a{border-bottom: 0;}
#faq .list>ul>li>a{ display: block; width: 86%; max-width: 1460px; border-bottom: 1px solid #ddd; margin: 0 auto; padding: 50px; box-sizing: border-box; }
#faq .list>ul>li>a{display: block;zoom: 1; }
#faq .list>ul>li>a:before, #faq .list>ul>li>a:after { content: ""; display: table; }
#faq .list>ul>li>a:after { clear: both; }
#faq .list>ul>li>a .ico{ text-align: left;}
#faq .list>ul>li>a .ico>i{font-size: 8rem; color: rgba(1,64,153,1); transition: all .35s;}
#faq .list>ul>li>a .con{width: 70%;text-align: left; box-sizing: border-box;padding-left: 20px;}
#faq .list>ul>li>a .con>.tit{font-size: 1.8rem; color: #333;transition: all .35s;}
#faq .list>ul>li>a .con>.txt{ margin: 15px 0; font-size: 1.4rem; color: #999; line-height: 2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#faq .list>ul>li>a .time{ text-align: right; font-size: 1.8rem; color: #ccc; padding-top: 20px; }
#faq .list>ul>li:hover{background: rgba(1,64,153,1);transform: scale(1.1);}
#faq .list>ul>li:hover a{border-bottom: 1px solid transparent; }
#faq .list>ul>li:hover a .ico>i{color: rgba(255,255,255,1);}
#faq .list>ul>li:hover a .con>.tit{color: rgba(255,255,255,1);}
#faq .list>ul>li:hover a .con>.txt{color: rgba(255,255,255,.46);}

#faq .view{ margin:0 auto;}
#faq .view>.time{text-align:right; font-size:1.4rem; color:#999;padding:0 20px 20px 20px; border-bottom:1px solid #eee;}
#faq .view>.content{margin:0 auto; padding:50px 0;}
#faq .view>.content{ font-size:1.6rem; line-height:2.8rem; color:#666;}
#faq .view>.content>p{margin-bottom:20px;}
#faq .view>.content img{max-width:100%;height:auto;}
#faq .view>.content table{ border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing: border-box; margin:0 auto; width:100%;}
#faq .view>.content table td{ color:#666; font-size:1.4rem; padding:8px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#faq .view>.content .tableWap{ overflow:hidden; overflow-x:auto;}
#faq .view>.pageurl{margin:0 auto;padding:50px 0 80px 0; text-align: center;}
#faq .view>.pageurl a{ display: inline-block;padding: 12px 80px; color: #666; font-size: 1.8rem;  border-radius: 50px; background: #eee;  transition: all .35s;}
#faq .view>.pageurl a:hover{ color: #fff;  background: rgba(1,64,153,1); box-shadow: 2px 3px 20px rgba(0,0,0,.4);}







@media only screen and (max-width: 1460px){

    #news .list>ul>li>a .img{ width: 40%;}
    #news .list>ul>li>a .con{ margin-left: 40%; width: 40%;}


}

@media only screen and (max-width: 1380px){

    #news .list>ul>li>a .con{ padding:70px 50px;}

    #news .list>ul>li>a .time{ padding:70px 30px 0 0;}
    #news .list>ul>li>a .time>.dd{ font-size: 5rem;}
    #news .list>ul>li>a .time>.ym{ font-size: 2rem; }

}

@media only screen and (max-width: 1200px){

    #news .list>ul>li>a .con>.tit{font-size: 2.2rem; }


}


@media only screen and (max-width: 860px){

    #news .list>ul>li>a .img{float: none; position: relative; width: 100%;height: 400px;}
    #news .list>ul>li>a .con{float: none; width: 100%; margin-left: 0; padding: 40px !important;}
    #news .list>ul>li>a .time{ position: relative;z-index: 44;margin-top: -109px; background: rgba(1,64,153,.8); color: #fff!important; padding: 20px; text-align: center;width: auto;}
    #news .list>ul>li>a .time>.dd{ font-size: 4rem;}
    #news .list>ul>li>a .time>.ym{ font-size: 1.2rem; }

}


@media only screen and (max-width: 640px){

    #news .list>ul>li>a .img{height: 320px;}
    #news .list>ul>li>a .con>.tit{font-size: 2rem; }

    #news .view>.time{font-size:1.3rem;}
    #news .view>.content{ font-size:1.4rem; line-height:2.4rem; color:#666;}
    #news .view>.content table td{font-size:1.2rem; padding:5px; }
    #news .view>.pageurl{padding:30px 30px 50px 30px;}
    #news .view>.pageurl>.prev, #news .view>.pageurl>.next{ float:none; width:100%; box-sizing:border-box;}
    #news .view>.pageurl>.prev{padding-bottom: 10px; border-bottom: 1px solid #ddd;}
    #news .view>.pageurl>.next{padding-top: 10px;}
}

@media only screen and (max-width: 520px){

    #news .list>ul>li>a .img{height: 240px;}
    #news .list>ul>li>a .con>.tit{font-size: 1.8rem; }
    #news .list>ul>li>a .con>.txt{  font-size: 1.2rem; line-height:1.8rem;}
    #news .list>ul>li>a .time{padding: 10px; margin-top: -89px;}

}