@charset "utf-8";
/* CSS Document */
body{ background: #f8f8f8; min-width: auto;}
.head_gfx{ height: 285px; background: url("../images/gfxwj_banner.jpg") center no-repeat;}
.head_gfx .container{ position: relative;}
.logo_gfx .img_title,.jgzn_text .img_title{ display: none;}
.logo_gfx{ position: absolute; left: 10px; top:18px;}
.logo_gfx img{ height: 40px; width: auto;}
.gfx_text{ text-align: center; margin-top: 113px;}
.gfx_text .img_title{ display: none;}
.hide.active{ display: block!important;}
/*内容*/
.contain_gfx{ background: #fff; padding: 20px; overflow: hidden;}
.nav_tab{ height: 44px; border-bottom: 1px solid #de0000}
.nav_tab ul li{ float: left;}
.nav_tab ul li a{ font-size: 20px; font-weight: bold; padding: 0 20px; color: #595b5d; display: block; line-height: 44px;}
.nav_tab ul li.active a{ background:#de0000; color: #fff; }
.tab-content{ height: auto; overflow: hidden; background: #f5f5f5; }
.gfx_left{ width: 180px;}
.file-left { padding: 10px 0; overflow: hidden;   }
.file-left > li {  margin: 10px;  display: block;  clear: both;}
.file-left > li > a {  display: block;  height: 48px;  line-height: 48px;  font-size: 16px;  background: #fff;}
.file-left > li > a.active {  background-color: #de0000;   color: #fff;}
.file-left .list.active > a {  background: #de0000;  color: #fff;}
.file-left .list.active > a span {  color: #fff;  transform: rotate(45deg);  background: none;}
.file-left > li > a > span {  float: left;  margin-right: 10px;  padding: 0 15px;  background-color: #efeff1;  font-size: 34px; color: #666;}
.file-txt {  padding: 15px 20px;  line-height: 24px;  background-color: #f5f5f5;  border: 1px solid #e2e2e2;}
ul.nowrapli li a small {    display: block;  color: #999;}

ul.menu .list {    font-size: 14px;    position: relative;    box-sizing: border-box;}
ul.menu .list a {  color: #fff;    display: block;    box-sizing: border-box;}
ul.menu .list a:visited {  color: #fff;}
ul.menu .list a:hover {    background-color: #de0000;    color: #fff}
ul.menu .list .items {    height: 0;    background: #fff;    max-height: 400px;    overflow: auto;}
ul.menu .list .items a {    padding: 14px 8px 14px 30px;    border-bottom: 1px solid #eee;    cursor: pointer;color: #333;}
ul.menu .list .items a:hover {    color: #ca0000;    background: #fff;    transition: 300ms all;}
ul.menu .active > .items {    display: block;    height: auto;    color: #333;    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 200ms;    clear: both;    float: left;    width: 100%;}

.gfx_right{  width: 960px; float: right; padding: 20px 0px 20px 20px; background: #fff; min-height: 600px;}
.navlist ul li{ height: 24px; line-height: 24px; background: url("../images/gfxdot.png") left 20px no-repeat;   font-size: 16px; padding: 10px 0 10px 15px;}
.navlist ul li a{ display: block; float: none;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cx_form ul li{ width: 50%; float: left;}
.cx_form ul li .tit{ width: 70px; line-height: 34px; font-size: 14px; float: left;}
.cx_form ul li input{float: left; width: 350px; height: 32px; border: 1px solid #dcdcdc; line-height: 32px; text-indent: 10px; background: none;}
.cx_form ul li select{float: left; width: 352px; height: 34px; border: 1px solid #dcdcdc; line-height: 32px; text-indent: 10px; background: none;}
.cx_form ul li .date-2 input{ width: 140px;}
.cx_form ul li .date-2 span{ width: 20px; text-align: center;float: left; line-height: 34px;}
.form-actions{  height: 36px; text-align: center;}
.form-actions .btn{ margin:  0 10px; width: 80px; border: none; height: 36px; line-height: 36px; font-size: 14px; color: #fff; background: #de0000; border-radius: 5px;}
.gfx_con{ margin-top: 20px;}
.gfx_head{ height: 36px; font-size: 14px; background:#de0000; line-height: 36px; color: #fff; text-align: center; }
.gfx_con p{ float: left; text-align: center;display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.gfx_con p.t1{ width: 565px;}
.gfx_con p.t2{ width: 200px;}
.gfx_con p.t3{ width: 130px;}
.gfx_con p.t4{ width: 65px;}
.gfx_body li{ height: 24px; line-height: 24px; padding: 10px 0;font-size: 14px;}
.gfx_body li .t1{ width: 545px; padding-right: 20px; text-align: left; float:left;}
.gfx_body li .nr{max-width: 100%; float:left;}
.gfx_body li .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; float: none;background: url("../images/gfxdot.png") left center no-repeat; padding-left: 10px; }
.gfx_body li .gl{display:block;float:right;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gfx_body li .gl .split{padding:0 2px; color: #cc0000;}
.gfx_body li .gl a{display:inline;color:#c50001;float:none;background:none;max-width:none;padding:0;margin:0;}

.gfx_bigtitle{ height: 40px; line-height: 40px; text-align: center; font-size: 24px; color: #de0000; font-weight: bold; margin-bottom: 20px; background: url("../images/gfxline.png") center repeat-x;}
.gfx_bigtitle span{ padding: 0 20px; background: #fff; margin: 0 auto;}
.gfx_bigtitlemore{ text-align: center; line-height: 40px; font-size: 16px;}

/*分页*/

.pagination a:hover{background:#c50001;border:1px solid #c50001;}
.pagination a.active{border:1px solid #c50001;}
.pagination span.current,.pagination span.current:hover{background:#c50001;border:1px solid #c50001;}
.pagination a.text,.pagination a.text:hover{background:#c50001;border:#c50001 1px solid;}
.pagination button:hover{background:#c50001;border:1px solid #c50001;}

@media (min-width: 992px) and (max-width:1199px) {
    .container{width: 992px;}
    .gfx_text img{ width: 90%;}
    .gfx_right{  width: 752px;}
    .cx_form ul li input{width: 240px;}
    .cx_form ul li select{width: 242px; }
    .cx_form ul li .date-2 input{ width: 111px;}
    .gfx_con p.t1{ width: 407px;}
    .gfx_con p.t2{ width: 180px;}
    .gfx_con p.t3{ width: 100px;}
    .gfx_con p.t4{ width: 65px;}
    .gfx_body li .t1{ width: 387px;}

    .footer{ width: 992px;}
    .dzjg{ left:0px;}
    .jiucuo{ right:0px;}
}
@media (max-width:991px) {
    .container{width: 768px;}
    .head_gfx{height: 200px;}
    .gfx_text{margin-top: 90px;}
    .gfx_text img{ width: 90%;}
    .tab-content{ background: none;}
    .gfx_left{ background: #f5f5f5; width: 100%; float: none;}
    .gfx_right{ width: auto; float: none; padding: 20px 0;}
    .cx_form ul li input{width: 270px;}
    .cx_form ul li select{width: 272px; }
    .cx_form ul li .date-2 input{ width: 125px;}
    .gfx_con p.t1{ width: 383px;}
    .gfx_con p.t2{ width: 180px;}
    .gfx_con p.t3{ width: 100px;}
    .gfx_con p.t4{ width: 65px;}
    .gfx_body li  .t1{ width: 363px;}

    .footer{ width: 768px;}
    .jiucuo,.dzjg{ position: static;display: inline-block;}
}
@media (max-width:767px) {
    .container{width: 100%;}
    .contain_gfx{ padding: 2%;}
    .head_gfx{height: auto;padding-bottom: 30px;}
    .gfx_text{margin-top: 74px;}
    .cx_form ul li{ width: 100%; float: none;}
    .cx_form ul li .tit{ width: auto;   float: none;}
    .cx_form ul li input{float: none; width: 100%; box-sizing: border-box}
    .cx_form ul li select{float: left; width: 100%;  box-sizing: border-box}
    .cx_form ul li .date-2 input{ width: 47%;}
    .cx_form ul li .date-2 span{ width: 6%;  float: none;  }
    .form-group{ clear: both;}
    .form-actions{ margin-top: 15px;}
    .gfx_con p.t1{ width: 85%;}
    .gfx_con p.t2,.gfx_con p.t3{ display: none;}
    .gfx_con p.t4{ width: 15%;}
    .gfx_body li  .t1{ width: 85%; padding-right: 0;}

    .footer{ width: 100%;}
}
@media (max-width:540px) {
    .nav_tab ul li a{ font-size:16px; font-weight: bold; padding: 0 10px;}
}
@media (max-width:400px) {
    .nav_tab ul li a{ font-size:15px; font-weight: bold; padding: 0 5px;}
}
@media (max-width:350px) {
    .nav_tab ul li a{ font-size:13px; font-weight:normal; padding:0 5px;}
}