header{height:90px;}
header .header-top .inner{width:1200px;}
header h1 a{display:inline-block;}
header .gc_head.tnb{position:absolute; top:31%; right:0; background:none; border:none; top:26%;}
header .gc_head.tnb a{color:#555; font-weight:400;}
header .gc_head.tnb a.tnb02{padding:5px 20px; background:#4b9ad8; color:#fff; border-radius:999px; margin-left:15px;}
header .header-top .gc_head.tnb a:before{display:none;}
header .header-top .gc_head.tnb a.tnb01:before{display:block; left:-12px; }
header .gc_head.tnb a.tnb02:hover{text-decoration:underline;}
header .gc_head.tnb a i{font-size:2rem; vertical-align: text-top;}
header .gc_head.tnb a.tnb02 i{vertical-align:text-bottom;}

#gc_main{width:100%; height:100%; background:url(../../images/gc_img/gc_main_bg.jpg) no-repeat; background-size:cover; background-position:50%; position:relative;}
#gc_main > .inner{width:1100px; margin:0 auto;}
.top_box{text-align:center; padding-top:110px; margin-bottom:100px;}
.top_box .gc_tit{border-radius: 999px; display: inline-block; width:310px; text-align:center;  color:#fff; font-weight:400; padding:10px 20px; box-sizing:border-box; word-break:keep-all; background: #0d5d9a; line-height: 1.5; box-shadow:0px 3px 5px 2px rgba(0, 0, 0, 0.1); }
.top_box .gc_tit .t01{font-size:2rem;}
.top_box .gc_tit .t02{font-size:2.3rem;}
.top_box .gc_cont{padding:70px 15px 40px; background:rgba(255,255,255,1); box-shadow:0px 3px 5px 2px rgba(0, 0, 0, 0.1); border-radius:10px; margin-top:-42px; font-size:1.8rem;  line-height: 1.7; font-weight:500;}

.cate_box{width:1100px; margin:0 auto; padding-bottom:100px;}
.cate_box > ul{text-align:center;}
.cate_box .CB_list{position:relative; display:inline-block; vertical-align:top; width:313px;  margin:20px;}
.cate_box .CB_name{position:relative; font-size:2rem; font-weight:500;  border-radius:0 10px 10px 0; height:60px; background:#fff; box-shadow:0px 0px 6px 1px rgba(0,0,0,0.1); border:1px solid #e4e4e4;  box-sizing:border-box;  text-align:center; cursor:pointer;}
/*.cate_box .CB_name:before{content:""; display:block; width:4px; height:100%; background:#fff; position:absolute; top:0; left:0;}*/
.cate_box .CB_name > a{display:block;}
.cate_box .CB_name .tit{display:block; padding:10px 30px; box-sizing:border-box; text-align:left; height:60px; line-height:40px }
.cate_box .CB_name .mark{display:inline-block; position:absolute; top:0; right:0; width:60px; height:60px; background:#0d5d9a; color:#fff; border-radius:0 10px 10px 0; color:#fff;}
.cate_box .CB_name .mark i{vertical-align:middle; line-height:60px; font-size:2.8rem;}
.cate_box .CB_name .mark i.xi-angle-down-min{display:block;}
.cate_box .CB_list .CB_name .mark i.xi-angle-up-min{display:none;}
.cate_box .CB_list.active .CB_name{border-radius:0px 10px 0 0; border-bottom:0;}
.cate_box .CB_list.active .CB_name .tit{background:#0d5d9a; color:#fff;  border-right:0; border-radius:0px 10px 0 0;}
.cate_box .CB_list.active .CB_name .mark{border-radius:0px 10px 0 0; height:59px;}
.cate_box .CB_list.active .CB_name .mark i.xi-angle-down-min{display:none;}
.cate_box .CB_list.active .CB_name .mark i.xi-angle-up-min{display:block;}
.cate_box .cont_box{display:none; /*position:absolute; top:60px; left:0; z-index:10; width:100%;*/ background:#fff;  border:1px solid #e4e4e4; border-top:0; text-align:left;}
.cate_box .cont_box li{position:relative;}
.cate_box .cont_box li a{position:relative; display:block; padding:10px 0 5px 0px; font-size:1.8rem; margin:0 30px; border-top:1px dashed #ccc;  font-weight:400; }
/*.cate_box .cont_box li a:before{content: ""; display: block; width: 3px; height: 3px; background: #737373; border-radius: 50px; position: absolute; top: 24px; left: 0;}*/
.cate_box .cont_box li:first-child a{border-top:0;}
.cate_box .cont_box li a i{display:none; position:absolute; top:50%; right:0px; margin-top:-10px; font-size:2rem;}
.cate_box .cont_box li:hover a{text-decoration:underline;}
.cate_box .cont_box li:hover a i{display:block;}
.cate_box .cont_box.logo img{height:37px; margin-right:15px;}
.cate_box .cont_box.logo li a{padding:12px 0; line-height:39px;}

footer .f_box{width:1200px;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1400px){
header h1{text-align:left; padding-left:20px;}
header h1 a { line-height: 90px;}
header h1 .logo-img{margin-top:0px;}

}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1200px) {
header .header-top .inner, #gc_main > .inner, .cate_box, footer .f_box{width:100%;}
#gc_main{padding:0 20px; box-sizing:border-box;}
.cate_box .CB_list{width:29%; margin:15px;}

.f_logo_box{left:20px;}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1024px) {
header .header-top .tnb{display:none;}
.gc_menu .m-menu-btn.m-menu-btn-open{top:25px;}
.gc_menu .gnb01 p{border-bottom: 2px #fff solid; padding-bottom: 5px; font-size: 2rem; line-height: 35px; color:#fff; margin: 15px 0 10px;}
header .gc_menu .m-menu-list .gnb li{box-sizing:border-box;}
header .gc_menu .m-menu-list .gnb li ul li a i{margin-right:10px;}

.cate_box > ul{text-align:left;}
.cate_box .CB_list{width:45.76%; margin:15px;}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:767px) {
header{height:auto;}
header h1 a { line-height:70px;}
header h1 a .logo_box{text-align:center; padding-left:0; margin-right:0;}
.gc_menu .m-menu-btn.m-menu-btn-open{top:13px;}

.top_box{padding-top:40px; margin-bottom:40px;}
.top_box .gc_tit{width:85%;}
.top_box .gc_cont{margin-top:25px; padding:30px 15px;}
.cate_box{padding-bottom:40px;}
.cate_box .CB_list{width:100%; margin:10px 0;}
.cate_box .CB_name .tit{line-height:42px;}
.cate_box .cont_box li:hover a i{display:none;}
}

