@charset "utf-8";
/* CSS Document */
html { background: #f5faff; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;  margin: 0; padding: 0;}
body{  /* background: #f5faff url(/openness/dist/img//tgqheadbg20221117.png) center top no-repeat; */ font: 16px/1.5 'Microsoft YaHei', SimSun,Helvetica,"黑体",Arial,Tahoma;}
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: inherit; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
h3{font-size: 20px; font-weight: bold;}
a,a:link {text-decoration:none;outline:none;}
a:hover { color: #3366cc; text-decoration: none; }
a:focus{outline:none;}
.fl{ float: left; }
.fr{ float: right; }
.cleared{clear: both;}
.hide{display: none;}
.blank10{ height: 10px; line-height: 10px; clear: both; overflow: hidden; }
.blank20{ height: 20px; line-height: 20px; clear: both; overflow: hidden; }
.blank25{ height: 25px; line-height: 25px; clear: both; overflow: hidden; }
.blank30{ height: 30px; line-height: 30px; clear: both; overflow: hidden; }
.tgqcbody{width: 1200px; margin: 0 auto; position: relative;}
/*head*/
/* #f3f9ff url(tgqheadbg.png) center bottom no-repeat */
.tgqheadmain{background:transparent; min-width: 1200px;height: 360px;background-size: 100% 100%;}
.tgqheadbox{width: 1200px; margin: 0 auto; position: relative;}
.tgqheadtop{ width: 100%; height: 50px; line-height: 50px; padding: 18px 0 24px 0; color: #3a5a97;}
.tgqheadtop a{color: #fff;}
.tgqheadtop a:hover{ color: #76E2F6; }
.topleft{width: 40%;}
.topleft li{ float:left; padding-left:0px; margin-right:0px; color: #fff;}
.topleft li span{padding:0 8px;}
.topright{text-align: right;}
.icon_wza{ margin:0 5px; vertical-align:middle; height:20px;}
#loginIn{padding: 0 0 0 15px;}
#loginIn a{cursor: pointer;}
.tgqheadlogo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tgqheadlogo img{ display: block; width: 365px;}
.tgqsearchbox{ width: 50%; height: 96px; line-height: 46px; margin: 75px auto 50px auto; position: relative; overflow: hidden;}
.tgqsearchbox form {background: #ffffff; height:46px; box-shadow:0px 0px 10px #d0e3f5;border-radius: 10px; }
.tgqsearchbox .search_text{ width: 80%;height: 46px; line-height: 46px; background: none; border:0; padding: 0 2%;border-radius:23px; font-size: 16px;outline: none;}
.tgqsearchbox .search_btn{ width:100px;height:46px;border:0; font-size: 18px; color: #fff; background-color: #FF8C00; display: block; position: absolute; right:0;  top:0; cursor: pointer;
border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
.tgqsearchbox .tgqsearchby{display: flex;flex-wrap: wrap; margin-top:20px;line-height: 24px;color: #fff;}
.tgqsearchbox .tgqsearchby .searched{font-size:14px;padding:2px 6px;margin:0 10px 100px 0;line-height: 24px; background-color: rgba(4, 31, 71, 0.7);cursor: pointer;}
.tgqsearchbox .tgqsearchby .searched:hover { color: #3366cc;background-color: #fff;}
.tsgheabox .tsgcbody{height: 600px;}
.tsglogo2022{position: absolute; left:0%; top:70px; width: 400px;z-index: 10;}
.tsglogo2022 img,.jqtsglogowz img{width: 100%;display: block;} 
/*nav*/
.navbox{height:50px; line-height:50px; position: relative;}
.navbox ul{display: flex;flex-wrap: wrap;}
.navbox li{ line-height: 50px; text-align:center; font-size:20px;font-weight: bold;margin: 0 15px;}
.navbox li a{ color:#fff; display: block;}
.navbox li a:hover,.navbox li.active a{border-bottom: 3px solid #76E2F6;}
/*links*/
.linksmain{background: #c5e5fe; width: 100%;}
/*友情连接*/
.linksbox{ width:1220px; height: 50px; margin:0 auto; padding:20px 0; position:relative;}
.linksbox ul{ height:auto;}
.linksbox li{ margin:0 1% 10px 1%; height: 50px; line-height: 50px; width: 18%; position:relative; height:auto;float:left; font-size:14px; background: #ffffff;}
.linksbox li span{padding: 0px 20px 0px 15px;height: 50px;line-height: 50px; font-size: 18px; margin: 0 15px; display: block; background: url(tgqlinksicon.png) no-repeat right 20px; overflow: hidden; cursor: pointer;}
.linksbox li.asect{ background:#fff}
.linksbox li.asect span{color:#1c69c6 !important; text-decoration:none;background:url(tgqlinksicon1.png) no-repeat right 20px; }
.select_content{ background:#fff; position:absolute; bottom:50px; left:0px; height:135px; display:none; padding:0px 0px 15px 20px; width:1175px; z-index:1000;}
.select_scroll_con { padding:15px 0 0 0; height:120px;overflow-x: hidden;overflow-y: scroll; }
#select_content1{ }
#select_content2{ left:-244px;}
#select_content3{ left:-488px;}
#select_content4{ left:-732px;}
#select_content5{ left:-976px;}

.select_con{ height:auto;}
.select_con li{ padding:0px; margin:0; width:33%; line-height:30px; float:left; white-space:nowrap;font-size: 16px;}
.select_con li a{ padding:0}
#select_content1 .select_con li,#select_content2 .select_con li,#select_content3 .select_con li,#select_content4 .select_con li,#select_content5 .select_con li{ width:20%;}
.linksbox li.asect .select_con a{ height:auto; background:none !important; padding-bottom:0 !important; padding:0; font-size:16px; color:#000 !important }
.linksbox li.asect .select_con a:hover{ color:#1c69c6 !important; text-decoration:none;}

/*footer*/
.footermain{ background: #3a8ce0; padding: 52px 0 20px 0; overflow: hidden; color: #ffffff; font-size: 16px; line-height: 30px;}
.footermain .tgqcbody{width: 1220px;}
.footermain a{color: #ffffff;}
.footermain a:hover{color: #0653ab;}
.footerbaxx{ text-align: center;padding: 20px 0 0 0;}
.footnrbox{ background: #529ae4; height: 106px; text-align: center; margin: 0 0.8% 10px 1%; padding: 12px 0; line-height: 30px;}
.footerlxwm,.footerwzdt,.footerred,.footerjiucuo,.footerwzabs{ width: 12%;}
.footerzbdwxx{ width: 26%; padding:12px 1% 12px 1%; text-align: left;}
.footerlxwm,.footerwzdt{ font-size: 18px; }
.footerlxwm img,.footerwzdt img{ display: block; margin:18px auto ;  }
.footerwzabs img{ width: 113px;}
.footerred img{ padding-top: 16px; }
.footerjiucuo img,.footerwzabs img{ padding-top: 28px; }
#userzx {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
#userzx:hover .yhzx2010 {
    display: block !important;
}
.yhzx2010 {
    display: none;
    width: 100%;
    height: 50px;
    text-align: center;
    padding-top: 20px;
    z-index: 999;
    background: url(info_dropdown_20181215.png) 50% 8px no-repeat;
    position:absolute;
    top: 32px;
    color:#fff;
    line-height:24px;
}
.yhzx2010 li a {
    color: #666;
}
.yhzx2010 li:hover a {
    color: #4a9cdc;
}

@media screen and (max-width: 1260px) {
.tgqheadmain{ min-width: 100%; height: 380px;}
.tgqheadbox,.tgqcbody,.footermain .tgqcbody,.linksbox{width: 100%;}
.linksbox li{ margin:0 0.5% 10px 0.5%; width: 19%; }
.footnrbox{margin: 0 0.5% 10px 0.5%;}
.footerzbdwxx{ width: 31%; padding:12px 1% 12px 2%;}
}
@media screen and (max-width: 768px) {
.tgqheadmain{ min-width: 100%;height: 400px; background-size: 220%;}
.topleft{ display: none; }
.topright{ padding: 0 10px;}
.tgqheadlogo{ width: 90%; margin: 0 auto; }
.tgqheadlogo img{ display: block; width: 100%; }
.tgqsearchbox{ width: 90%;margin: 65px auto 30px;}
.tgqheadby{ width:80%;}
.navbox li{ margin: 0 10px;}
.linksbox,.footerlxwm,.footerwzdt{ display: none; }
.footermain{ background: #3a8ce0; padding: 20px 0 20px 0; line-height: 30px;}
.footnrbox{ background: none; height: auto; text-align: center; margin: 0; padding: 0px 0; line-height: 35px;}
.footerzbdwxx{ width: 96%; padding:0px 1% 0px 2%; text-align: center;}
.footerred{width: 26%;}
.footerjiucuo,.footerwzabs{ width: 36%;}
.footerred img{ padding-top: 0px; }
.footerjiucuo img,.footerwzabs img{ padding-top: 10px; }
.footerbaxx{ text-align: center;padding: 0;}

}
@media screen and (max-width:640px) {
.tgqheadmain{ height: 380px;}
.tgqsearchbox{ line-height: 40px; }
.tgqsearchbox .search_text{ height: 40px; line-height: 40px; padding: 0 5%;}
.tgqsearchbox .search_btn{height: 40px; line-height: 40px; }
.tgqsearchbox form {height: 40px;}
}
@media screen and (max-width:420px) {
.tgqheadmain{ height: 360px;}
.navbox li,h3{font-size:18px;}
}
@media screen and (max-width:386px) {
.navbox li{ margin: 0 5px;}
}
