@charset "gb2312";
body{ background:#fff;}
/*banner开始*/
.banner_bg{ width:100%; height:257px; background:#E3F5FF;}
.banner_bg .banner{ width:1000px; height:257px; margin:0 auto; background:url(../images/doc/banner.jpg) no-repeat; position:relative;}
.banner .form{ width:621px; height:30px; padding:19px 0px; position:absolute; left:40px; top:99px; background:url(../images/doc/form_bg_03.jpg) no-repeat; font-family:'\5FAE\8F6F\96C5\9ED1';}
.banner .form .search{ font-size:24px; height:30px; width:440px; color:#ccc; font-family:'\5FAE\8F6F\96C5\9ED1'; margin-left:60px; border:0px;}
.banner .form #submit{ width:100px; height:50px; color:#fff; font-size:30px; line-height:50px; position:absolute; top:10px; right:10px; font-family:'\5FAE\8F6F\96C5\9ED1'; border:0px; background:none;}
/*banner结束*/

/*位置开始*/
.position { width:100%; height:40px; margin:0 auto; color:#666666; line-height:40px; font-weight:normal; font-size:16px; }
.position  a{ color:#0158A5}
.position  span{ padding:0px 5px;}
/*位置结束*/

/*左侧开始*/
.content{ width:1200px; height:1000px; margin: 0 auto; padding-bottom:35px; margin-top:10px;}
.content .category{ width:222px; height:1000px; float:left; border-right:1px solid #0089C0; }
.content .left{ width:220px; height:1000px; float:left; background:#F7F7F7}
.content .left .title{height:40px; width:220px; line-height:40px; text-align:left; font-size:16px; color:#666; text-indent:60px; background:url(../images/faq/heart_07.jpg) 27px 10px no-repeat;}
.content .left li a{ display:block; height:40px; width:220px; line-height:40px; text-align:left; font-size:16px; color:#666; text-indent:60px; background:url(../images/faq/right_22.jpg) 30px center no-repeat;}
.content .left .list_1 a{ background:url(../images/faq/heart_xw.jpg) 30px center no-repeat;}
.content .left .list_1 a:hover{ background:url(../images/faq/heart_xw1.jpg) 30px center no-repeat #0088C1;}
.content .left .list_2 a{ background:url(../images/faq/heart_wt.jpg) 30px center no-repeat;}
.content .left .list_2 a:hover{ background:url(../images/faq/heart_wt1.jpg) 30px center no-repeat #0088C1;}
.content .left .list_4 a{ background:url(../images/faq/heart_yw.jpg) 30px center no-repeat;}
.content .left .list_4 a:hover{ background:url(../images/faq/heart_yw1.jpg) 30px center no-repeat #0088C1;}
.content .left .list_3 a{ background:url(../images/faq/heart_wd.jpg) 30px center no-repeat;}
.content .left .list_3 a:hover{ background:url(../images/faq/heart_wd1.jpg) 30px center no-repeat #0088C1;}
.content .left .list_5 a{ background:url(../images/faq/heart_rj.jpg) 30px center no-repeat;}
.content .left .list_5 a:hover{ background:url(../images/faq/heart_rj1.jpg) 30px center no-repeat #0088C1;}
.content .left .list_6 a{ background:url(../images/faq/heart_gd.jpg) 30px center no-repeat;}
.content .left .list_6 a:hover{ background:url(../images/faq/heart_gd1.jpg) 30px center no-repeat #0088C1;}
.content .left .list_7 a{ background:url(../images/faq/heart_zf.jpg) 30px center no-repeat;}
.content .left .list_7 a:hover{ background:url(../images/faq/heart_zf1.jpg) 30px center no-repeat #0088C1;}
.content .left .list_8 a{ background:url(../images/faq/heart_ba.jpg) 30px center no-repeat;}
.content .left .list_8 a:hover{ background:url(../images/faq/heart_ba1.jpg) 30px center no-repeat #0088C1;}
.content .left li a:hover{ background: url(../images/faq/h_light_11.jpg) 30px center no-repeat #0088C1; color:#fff;}
.content .left li ul{ display:none;}
.content .left li ul li{ width:140px; margin: 0 auto;}
.content .left li .inner_ul li a{width:140px;height:39px; font-size:14px; background:url(../images/faq/arrow_14.jpg) 120px center no-repeat; text-indent:20px; border-bottom: 1px dashed #ccc;}
.content .left li .inner_ul li a:hover{color:#666; background:url(../images/faq/arrow_14.jpg) 120px center no-repeat;}
/*左侧结束*/

/*右侧列表开始*/
.content .list{ width:950px; float:left; padding-left:20px; overflow:hidden;}
.title_line{ width:100%; height:10px; margin:0 auto; background:url(../images/doc/bt_line.jpg)  -5px center no-repeat;}
.content .list h3{ width:950px; height:40px; line-height:40px; border-bottom:1px solid #34649D; font-size: 16px; color:#34649D; font-weight:normal; margin-top:10px;}
.content .list ul{ width:950px; overflow:hidden;}
.content .list ul li{ width:450px; height:40px; float:left; margin-left:10px; line-height:40px; font-size:14px; color:#34649D; text-indent:40px; background:url(../images/doc/doc_03.jpg) 0px center no-repeat; margin-top:30px; border-bottom:1px  dashed #ccc;}
.content .list ul li a{ color:#34649D;}
/*右侧列表结束*/



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

.banner_bg .banner{ width:100%;background: url(../images/doc/banner.jpg) center no-repeat;}
.banner .form{ width:90%; left:5%;background-size: contain; height:60px; padding:5px 0;}
.banner .form .search{ font-size:14px; width:68%;height: 25px;margin-left: 40px;}
.banner .form #submit{ height:25px; line-height:25px; top:8%; font-size:24px; width:60px; right:1%;}
.content .category{ display:none;}

.content{ width:100%; height:auto;}
.content .list{ width:95%; float:none; margin:0 auto; padding-left:0;}
.content .list h3{ width:100%;}
.content .list ul{ width:100%;}
.content .list ul li{ width:100%; margin-left:0;}


}