@charset "utf-8";

.ggqsydw .topic-mainnav{display: none;}
.wrapper{background: url(../images/ggqsydw_mainbg.jpg) no-repeat center top; background-size: 100% 100%;}
.wrapper.border{border-top: 10px solid #0762cb;}

/*header*/
.topic-banner{text-align: center;}
.topic-banner img{display: block; width: 100%;}
.topic-banner.pc{display: block;}
.topic-banner.m{display: none;}
.topic-menus{background-color: #0762cb;}
.topic-mainnav li{float: left; position: relative; width: 16.66667%;}
.topic-mainnav li a{display: block; font-size: 1.25em; line-height: 62px; color: #fff; text-align: center; transition: all .3s;}
.topic-mainnav li a:hover{background-color: #055dc2;}
.topic-mainnav li.checked a{background-color: #0050ad !important;}

.ggqsydw-category{font-size: 1.375em;}
.ggqsydw-category .menu1{margin-top: -30px; margin-right: -15px; margin-left: -15px;}
.ggqsydw-category .menu1 li{float: left; width: 50%;}
.ggqsydw-category .menu1 li a{display: block; position: relative; margin: 30px 15px 0;}
.ggqsydw-category .menu1 li a .place{padding-top: 37.5%;}
.ggqsydw-category .menu1 li a .channel{position: absolute; top: 50%; right: 0; left: 0; z-index: 5; line-height: 1.6em; margin-top: -.8em; color: #333; text-align: center;}
.ggqsydw-category .menu1 li a:after{position: absolute; top: 30%; right: 30%; left: 30%; bottom: 30%; z-index: 4; content: ""; margin: 0 auto; background-color: #fff; opacity: .85; transition: all .3s;}
.ggqsydw-category .menu1 li a:hover:after{top: 0; right: 0; bottom: 0; left: 0; opacity: .35;}
.ggqsydw-category .menu2 li{position: relative; height: 33.3%;}
.ggqsydw-category .menu2 li a{display: block; 	margin: 0 20px;}
.ggqsydw-category .menu2 li a i{display: inline-block; vertical-align: top; margin-top: 13px; width: 50%; text-align: center;}
.ggqsydw-category .menu2 li a font{display: inline-block; vertical-align: top; margin-top: 13px; width: 45%; line-height: 80px;}
.ggqsydw-category .menu2 li a:after{position: absolute; right: 0; left: 0; bottom: 0; content: ""; height: 1px; background-color: #85c5ed;}
.ggqsydw-category .menu2 li:last-child a:after{content: normal;}

.ggqsydw-category .menu2{background: url(../images/ggqsydw_gradient.jpg) repeat-x top #d1deed;}
.ggqsydw-category .common-col-4{position: absolute; top: 0; right: 0; bottom: 0;}
.ggqsydw-category .common-col-4 .grid{position: relative; height: 100%; height: 100%;}
.ggqsydw-category .common-col-4 .grid .menu2{position: relative; height: 100%; height: 100%;}

.ggqsydw-news .grid{padding: 15px 8px 10px; background-color: #f6f6f6;}
.ggqsydw-news .grid .info-list{padding: 10px;}

.ggqsydw-thead{text-align: center;}
.ggqsydw-thead a{display: inline-block; position: relative; font-size: 1.875em; font-weight: bold; color: #0660cb;}
.ggqsydw-thead a:before{position: absolute; top: 50%; left: -220px; margin-top: -15px; width: 210px; height: 29px; content: ""; background: url(../images/ggqsydw_title_bg1.png) no-repeat; background-size: 100% 100%;}
.ggqsydw-thead a:after{position: absolute; top: 50%; right: -220px; margin-top: -15px; width: 210px; height: 29px; content: ""; background: url(../images/ggqsydw_title_bg2.png) no-repeat; background-size: 100% 100%;}

.ggqsydw-dwgk{position: relative; min-height: 320px;}
.ggqsydw-dwgk dd{width: 50%;}
.ggqsydw-dwgk dd.fr{position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden;}
.ggqsydw-dwgk dd div + div{margin-top: 20px;}
.ggqsydw-dwgk dd .caption{font-size: 1.875em; font-weight: bold; line-height: 1.375em;}
.ggqsydw-dwgk dd .img{display: none;}
.ggqsydw-dwgk dd .contact{font-size: 1.125em; line-height: 1.6em;}
.ggqsydw-dwgk dd .contact p{padding-top: .25em; padding-bottom: .25em;}
.ggqsydw-dwgk dd .place{margin-left: 20px; padding-top: 0; height: 100%;}
.ggqsydw-dwgk dd .menus{margin-right: -10px; margin-left: -10px;}
.ggqsydw-dwgk dd .menus li{float: left; width: 50%;}
.ggqsydw-dwgk dd .menus li a{display: block; padding: .75em; margin: 20px 10px 0; text-align: center; background-color: #eef3f6;}
.ggqsydw-dwgk dd .menus li a i{display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin-right: .5em;}
.ggqsydw-dwgk dd .menus li a i img{display: block; width: 100%; height: 100%;}
.ggqsydw-dwgk dd .menus li a font{display: inline-block; vertical-align: middle; font-size: 1.125em; min-width: 8em; text-align: left;}
.ggqsydw-dwgk dd .menus.break li a{padding: 1.25em 0;}
.ggqsydw-dwgk dd .menus.break li a i{display: block; margin: 0 auto 1em; width: 70px; height: 70px;}
.ggqsydw-dwgk dd .menus.break li a font{display: block; margin: 0 auto; text-align: center; min-width: inherit;}
.ggqsydw-dwgk dd .menus.break li a:hover{background-color: #f1f8ff;}

.ggqsydw-hd{background-color: #eef3f6;}
.ggqsydw-hd.border{background: none; border-bottom: 1px solid #e6e6e6;}
.ggqsydw-hd.border ul{margin: 0;}
.ggqsydw-hd.border ul li{margin-bottom: -2px; margin-right: 10px; margin-left: 10px;}
.ggqsydw-hd ul{margin-right: 5%; margin-left: 5%;}
.ggqsydw-hd ul li{float: left; margin-right: 5%; text-align: center;}
.ggqsydw-hd ul li a{display: inline-block; position: relative; font-size: 1.25em; font-weight: bold; color: #333; line-height: 2.5em;}
.ggqsydw-hd ul li a:after{position: absolute; right: .5em; bottom: 0; left: .5em; content: ""; height: .15em; margin: 0 auto; background-color: #3a94eb; transition: all .3s; opacity: 0;}
.ggqsydw-hd ul li.on a:after{opacity: 1;}
.ggqsydw-tabs .section .ggqsydw-hd{display: none;}
.ggqsydw-tabs .section + .section{display: none;}

.ggqsydw-navs ul{margin-top: -20px; margin-right: -10px; margin-left: -10px;}
.ggqsydw-navs ul li{float: left; width: 25%;}
.ggqsydw-navs ul li a{display: block; margin: 20px 10px 0; padding: 10px 0; text-align: center; background-color: #f7f7f7;}
.ggqsydw-navs ul li a:before{display: inline-block; vertical-align: middle; content: ""; width: 1px; height: 3em}
.ggqsydw-navs ul li a font{display: inline-block; vertical-align: middle; width: 95%; line-height: 1.4em;}
.ggqsydw-navs ul li a:hover{background-color: #f2f2f2;}
.ggqsydw-navs ul li.li12613{width: 50%;}

@media (max-width: 1366px) {
  .ggqsydw-thead a:before{left: -170px; width: 160px; height: 21px; margin-top: -10px;}
  .ggqsydw-thead a:after{right: -170px; width: 160px; height: 21px; margin-top: -10px;}
  .ggqsydw-category .menu2 li a i{margin-top: 7px;}
  .ggqsydw-category .menu2 li a font{margin-top: 7px;}
}

@media (max-width: 1280px) {
  .ggqsydw-header .topic-banner.pc{display: none;}
  .ggqsydw-header .topic-banner.m{display: block;}
  .wrapper{background: #fff;}
  .ggqsydw-category .menu1{margin-top: -20px; margin-right: -10px; margin-left: -10px;}
  .ggqsydw-category .menu1 li a{margin: 20px 10px 0;}
}

@media (max-width: 1023px) {
  .topic-mainnav{padding: 2px; margin: 0;}
  .topic-mainnav li{width: 33.33333%;}
  .topic-mainnav li:after{position: absolute; top: 50%; right: 0; content: ""; width: 1px; height: 20px; margin-top: -10px; background-color: #fff; opacity: .35;}
  .topic-mainnav li:nth-child(3):after{display: none;}
  .topic-mainnav li:nth-child(6):after{display: none;}
  .topic-mainnav li a{line-height: 40px; font-size: 1.125em; margin: 2px;}
  .topic-mainnav li a font{display: inline-block; width: 4em; text-align-last: justify;}
  .ggqsydw-category .menu1{margin-top: -15px; margin-right: -7px; margin-left: -8px; margin-bottom: 15px;}
  .ggqsydw-category .menu1 li a{margin: 15px 7px 0 8px;}
  .ggqsydw-category .common-col-4{position: static;}
  
  .ggqsydw-dwgk{min-height: inherit;}
  .ggqsydw-dwgk dd div + div{margin-top: 15px;}
  .ggqsydw-dwgk dd .menus{margin-right: -7px; margin-left: -8px;}
  .ggqsydw-dwgk dd .menus li a{margin: 15px 7px 0 8px;}
  .ggqsydw-dwgk dd{float: none; width: auto;}
  .ggqsydw-dwgk dd.fr{display: none;}
  .ggqsydw-dwgk dd .img{display: block; padding-top: 5px;}
  
  .ggqsydw-navs ul{margin-top: -15px; margin-right: -7px; margin-left: -8px;}
  .ggqsydw-navs ul li a{margin: 15px 7px 0 8px;}
  .ggqsydw-navs ul li{width: 33.33333%;}
}

@media (max-width: 768px) {
  .ggqsydw-thead a:before{left: -100px; width: 80px; height: 4px; margin-top: -2px; background: #d6d6d6;}
  .ggqsydw-thead a:after{right: -100px; width: 80px; height: 4px; margin-top: -2px; background: #d6d6d6;}
  
  .ggqsydw-tabs .js-hd{display: none;}
  .ggqsydw-tabs .section .ggqsydw-hd{display: block;}
  .ggqsydw-tabs .section + .section{display: block !important;}
  
  .ggqsydw-dwgk dd .contact{font-size: 1em;}
  .ggqsydw-dwgk dd .menus{margin: 20px -1px 0 0;}
  .ggqsydw-dwgk dd .menus li a{margin: 1px 1px 0 0;}
  .ggqsydw-dwgk dd .menus li a font{font-size: 1em;}
  .ggqsydw-dwgk dd .menus li a i{width: 55px !important; height: 55px !important;}
  
  .ggqsydw-navs ul li{width: 50%;}
  .ggqsydw-navs ul li.li12484{width: 100%;}
  .ggqsydw-navs ul li.li12613{width: 100%;}
}

@media (max-width: 640px) {
  .topic-mainnav li a{font-size: 1.0625em; line-height: 32px;}
  .ggqsydw-category{font-size: 1.125em;}
  .ggqsydw-category .menu1 li a:after{top: 20%; right: 20%; left: 20%; bottom: 20%;}
  
  .ggqsydw-dwgk dd .menus li a{padding: 1.25em 0;}
  .ggqsydw-dwgk dd .menus li a i{display: block !important; margin: 0 auto 1em !important;}
  .ggqsydw-dwgk dd .menus li a font{display: block; text-align: center; min-width: inherit;}
}

@media (max-width: 450px) {
  .ggqsydw-navs ul li{width: 100%;}
}