body { color: #555555; margin: 0px; padding: 0px; font-size:14px; font-family: "Microsoft YaHei"; text-align: left;}

a { text-decoration: none; }
a:link, a:visited { color: #555555; }
a:hover { color: #b40000; text-decoration: none; }
* { margin: 0px; padding: 0px; font-family: "Microsoft YaHei"; outline: none; font-style: normal; }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; max-width: 100%;}
.clear { clear: both; }
input, select { vertical-align: middle;}
.no,.menu_icon { display: none; }
.clearflx:after,ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.page_con{position: relative; min-height: 100%; width:100%; background-size: 100% auto;}
.page_bg{background:url(20qz_whg_bg1.png) no-repeat top center fixed; background-size: 100% auto;}
.page_bg1{background:url(page_bg1.jpg) no-repeat top center fixed;  background-size: 100% auto;}
.page_bg2{background:url(20qztsg_page_bg2.jpg) no-repeat top center fixed; background-size: 100% auto; }
.page_bg3{background:url(20gl_page_bg.jpg) no-repeat top center fixed; background-size: 100% auto; }
.page_bg4{background:url(20gk_page_bg.jpg) no-repeat top center fixed; background-size: 100% auto;}
.page_bg5{background: url(20page_bg_zywx.jpg) no-repeat top center fixed;background-size: 100% auto;}
.page_bg6{background:url(20qz_tsg_xlbg.jpg) no-repeat top center fixed;  background-size: 100% auto;}


.contain { max-width:1200px; margin: 0 auto;  z-index: 2 }

.lin{ background:url(201z_tsg_03.png) repeat; height:40px; line-height:40px;}
.lin span{ float:left; color:#ffffff; padding-left:28px;}
.lin samp{ background: url(20qz_tsg_lin_03.png) no-repeat center; padding:0px 15px;}
.lin ul{ float:right;}
.lin li{ float:left; background:url(20qz_tsg_lin_03.png) no-repeat center right; padding-right:28px;}
.lin li a{ color:#ffffff; display:block;}
.lin li a i{ display:block; float:left; font-size:20px; margin-left:28px; margin-right:12px; color:#ffffff; width:22px; height:auto;}
.lin li.rig{ background:none;}

.menu_bg{ background:url(201z_tsg_07.png) repeat; width:100%; height:80px; line-height:80px;}
.qztsg_logo{ float:left; margin-left:34px; display:block; width:225px;}
.menu_icon{ display:none;}
.menu{ float:right; height:80px; }
.menu_r{ float:right; width:122px; background:#b40000;background:var(--theme-color); height:80px; display:block; position:relative;}
.menu_r a{ display:block; color:#ffffff; text-align:center; line-height:30px; font-size:18px; padding-top:10px;}
.menu_r p  a{ font-size:14px; padding-top:0px;}
/*登陆弹窗*/
.bar{ position:absolute; z-index:5; display:none;  top:80px; right:10px;background:url(20qztsg_bar_bg1_03.png) no-repeat top right; width:142px; height:186px; padding-top:30px;background-size: 100% 100%;}
.bar p a{ line-height:40px; font-size:16px; text-align:center; display:block;color: black;}
.bar p i{ color:#666666; font-size:18px; margin-right:10px;}
.bar p a:hover{ color:#ffffff; background:#b40000;background:var(--theme-color);}
.bar p a:hover i{ color:#ffffff;}

#login
    {
        display:none;
        border:1px solid #efefef;
        width:476px;
        position:fixed;/*让节点脱离文档流,我的理解就是,从页面上浮出来,不再按照文档其它内容布局*/
        top:200px;/*节点脱离了文档流,如果设置位置需要用top和left,right,bottom定位*/
        left:50%;
        z-index:6;/*个人理解为层级关系,由于这个节点要在顶部显示,所以这个值比其余节点的都大*/
        background: white;
		border-radius:5px;
		 margin-left:-239px;
    }
.gb_con a{display:block; margin-right:-20px; margin-top:-20px;float: right;}
.gb_con a i{ font-size:20px; color:#ffffff; }
.dl_con{ padding:30px;}
.dl_wjm{ line-height:50px; width:100%; display:block;}
.dl_wjm a{text-decoration:underline; color:#555555; height:50px; line-height:50px; margin-top:0px; margin-right:0px; font-size:18px;}
.dl_wjm span{ float:right;}
.dl_tit{ background:url(20qt_dl_03.png) no-repeat center; line-height:32px; font-weight:bold; color:#cc0000; font-size:30px; text-align:center; }
.dl_inp{border:1px solid #cccccc; border-radius:5px; height:50px; margin-top:20px;}
.dl_inp i{ line-height:50px; padding-left:20px; padding-right:20px; color:#999999; font-size:20px;}
.inp1{ line-height:50px; height:50px; border:0px; background:none; color:#999999; font-size:16px; width:auto;}
.dl_btn{ margin-top:20px;height:50px; line-height:50px; text-align:center; background:#cc0000; border-radius:5px; display:block; color:#ffffff; width:100%; border:0px;}
    #over
    {
        width: 100%;
        height: 100%;
        opacity:0.3;/*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/
        filter:alpha(opacity=80);
        display: none;
        position:fixed;
        top:0;
        left:0;
        z-index:5;
        background:#000000;
    }




/*登陆弹窗*/

.menu ul{ float:left;}
.menu ul li{ float:left; text-align:center;}
.menu ul li a{ display:block; text-align:center; color:#333333; font-size:16px; line-height:80px; padding:0px 30px;height: 80px;}
.menu ul li a i{ color:#b40000; color:var(--theme-color); font-size:24px; padding-right:10px;}
.menu ul li.on a{ background-color:#b40000;  background-color: var(--theme-color);color:#ffffff;}
.menu ul li.on a i{ color:#ffffff;}
.menu ul li:hover a{ background-color:#b40000; background-color: var(--theme-color);color:#ffffff;}
.menu ul li:hover a i{ color:#ffffff;}

.fot_bg{ background:#262626;}
.fot_con{ max-width:1200px; margin:0px auto; padding-top:40px;}
.fot_lxfs{ width:70%; float: left; color:#999999; line-height:24px;}
.fot_con h3{ background:url(201z_tsg_90.png) no-repeat left bottom; line-height:40px; color:#ffffff; font-weight:normal; margin-bottom:20px; font-size:16px;}
.fot_ewm{ width:30%; float:right;}
.fot_ewm li{ float: left; width:33%; text-align:center; color:#ffffff; line-height:40px;}
.fot{ border-top:1px solid #3c3c3c; padding:20px 0; text-align:center; line-height:20px; color:#999999; margin-top:30px;}
.fot img{ margin-top:20px;}














/*换肤*/
:root{ --theme-color:#b40000;}
.bar_hf{position: fixed;z-index: 9999;top:266px;right:0;width:65px;}
.bar_hf ul li{background:rgba(255,255,255,0.8);width:65px;height:65px;margin-bottom:2px;border-radius:5px;text-align:center;line-height:65px;position:relative;cursor: pointer;}
.bar_hf ul li i{ display:block; font-size:31px; color:#8a8a8a;}
.bar_hf1{ position:absolute; z-index:9999; display:none; background:#ffffff;  border-radius:5px; right:65px; width:300%; top:0px;}
.bar_hf1 button{ border:0px; width:30px; height:30px; color:#ffffff; margin-top:25px;}
.bar_hf ul li:hover .bar_hf1{ display:block;}

.bar_hf2{ position:absolute; z-index:9999; display:none; background:#ffffff;  border-radius:5px; right:65px; width:100px; height:100px; top:0px;padding:15px;}
.bar_hf2 img{ width:100%;}
.bar_hf ul li:hover .bar_hf2{ display:block;}

/* #btn-red{
 --btn-red:#e1862d;
 background-color: var(--btn-red)
 }
 #btn-black{
   --btn-black:#0690df;
  background-color: var(--btn-black)
 }
 #btn-blue{
 --btn-blue:#85380e;
 background-color: var(--btn-blue)
} */

#btn-red{
    --btn-red:#e1862d;
    background-color: #e1862d;
}
#btn-black{
    --btn-black:#0690df;
    background-color: #0690df;
}
#btn-blue{
    --btn-blue:#85380e;
    background-color: #85380e;
}








/*---------------------------------------segmentation------------------------------------------*/

/*colour*/
.twhite1 { color: #fff; }
.twhite1 a:link, .twhite1 a:visited { color: #fff; }
.twhite1 a:hover { color: #fff; text-decoration: underline; }
.tred1 { color: #d03c3c; }
.tred1 a:link, .tred1 a:visited { color: #ff0000; }
.tred1 a:hover { color: #ff0000; text-decoration: underline; }
.tblack1 { color: #000 }
.tblack1 a:link, .tblack1 a:visited { color: #000; }
.tblack1 a:hover { color: #000; text-decoration: underline; }
.tgray1{ color: #999999;}
.tgray1 a:link, .tgray1 a:visited { color: #999999; }
.tgray1 a:hover { color: #999999; text-decoration: underline; }
.tblue1 { color: #0167cc }
.tblue1 a:link, .tblue1 a:visited { color: #0167cc; }
.tblue1 a:hover { color: #0167cc; text-decoration: underline; }
/*---------------------------------------segmentation------------------------------------------*/

/*frame*/
.bor1 { border: 1px solid #e1e1e1; }
.bor_t1 { border-top: 1px solid #e2e2e2; }
.bor_r1 { border-right: 1px solid #e2e2e2; }
.bor_l1 { border-left: 1px solid #fff; }
.bor_b1 { border-bottom: 1px solid #e2e2e2; }
.bor_b2 { border-bottom: 1px dotted #e2e2e2; }
.bor_to { border-top: none; }
.bor_bo { border-bottom: none; }
.bor_ro { border-right: none; }
.bor_lo { border-left: none; }
/*---------------------------------------segmentation------------------------------------------*/

/*font*/
.tb { font-weight: bold; }
.t12 { font-size: 12px; }
.t13 { font-size: 13px; }
.t14 { font-size: 14px; }
.t15 { font-size: 15px; }
.t16 { font-size: 16px; }
.t17 { font-size: 17px; }
.t18 { font-size: 18px; }
.t20 { font-size: 20px; }
.t22 { font-size: 22px; }
.t24 { font-size: 24px; }
.t50 { font-size: 50px; }
.f_heiti { font-family: "SimHei"; }
.f_yahei { font-family: "Microsoft YaHei"; }
.f_c { text-align: center; }
.f_i { text-indent: 2em; }
/*---------------------------------------segmentation------------------------------------------*/

/*line-height*/
.h18 { line-height: 18px; }
.h20 { line-height: 20px; }
.h22 { line-height: 22px; }
.h24 { line-height: 24px; }
.h25 { line-height: 25px; }
.h26 { line-height: 26px; }
.h28 { line-height: 28px; }
.h29 { line-height: 29px; }
.h30 { line-height: 30px; }
.h32 { line-height: 32px; }
.h33 { line-height: 33px; }
.h34 { line-height: 34px; }
.h35 { line-height: 35px; }
.h36 { line-height: 36px; }
.h40 { line-height: 40px; }
.h44 { line-height: 44px; }
.h50 { line-height: 50px; }
/*---------------------------------------segmentation------------------------------------------*/

/*margin*/
.mar1 { margin: 1px; }
.mar15 { margin: 15px; }
.mar_to { margin-top: 0px; }
.mar_t1 { margin-top: 1px; }
.mar_t3 { margin-top: 3px; }
.mar_t5 { margin-top: 5px; }
.mar_t7 { margin-top: 7px; }
.mar_t8 { margin-top: 8px; }
.mar_t10 { margin-top: 10px; }
.mar_t12 { margin-top: 12px; }
.mar_t13 { margin-top: 13px; }
.mar_t15 { margin-top: 15px; }
.mar_t16 { margin-top: 16px; }
.mar_t18 { margin-top: 18px; }
.mar_t20 { margin-top: 20px; }
.mar_t25 { margin-top: 25px; }
.mar_t30 { margin-top: 30px; }
.mar_t35 { margin-top: 35px; }
.mar_t40 { margin-top: 40px; }
.mar_t45 { margin-top: 45px; }
.mar_t50 { margin-top: 50px; }
.mar_t55 { margin-top: 55px; }
.mar_t115 { margin-top: 115px; }
.mar_b1 { margin-bottom: 1px; }
.mar_b5 { margin-bottom: 5px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b15 { margin-bottom: 15px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b25 { margin-bottom: 25px; }
.mar_b30 { margin-bottom: 30px; }
.mar_b35 { margin-bottom: 35px; }
.mar_b40 { margin-bottom: 40px; }
.mar_b45 { margin-bottom: 45px; }
.mar_b50 { margin-bottom: 50px; }
.mar_b55 { margin-bottom: 55px; }
.mar_l1 { margin-left: 1px; }
.mar_l4 { margin-left: 4px; }
.mar_l5 { margin-left: 5px; }
.mar_l10 { margin-left: 10px; }
.mar_l15 { margin-left: 15px; }
.mar_l20 { margin-left: 20px; }
.mar_l25 { margin-left: 25px; }
.mar_l30 { margin-left: 30px; }
.mar_r1 { margin-right: 1px; }
.mar_r5 { margin-right: 5px; }
.mar_r10 { margin-right: 10px; }
.mar_r15 { margin-right: 15px; }
.mar_r20 { margin-right: 20px; }
.mar_r25 { margin-right: 25px; }
.mar_r30 { margin-right: 30px; }
/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad1 { padding: 1px; }
.pad2 { padding: 2px; }
.pad20 { padding: 20px; }
.pad3 { padding: 3px; }
.pad4 { padding: 4px; }
.pad5 { padding: 5px; }
.pad25 { padding: 25px; }
.pad_t1 { padding-top: 1px; }
.pad_t2 { padding-top: 2px; }
.pad_t3 { padding-top: 3px; }
.pad_t4 { padding-top: 4px; }
.pad_t5 { padding-top: 5px; }
.pad_t7 { padding-top: 7px; }
.pad_t8 { padding-top: 8px; }
.pad_t10 { padding-top: 10px; }
.pad_t12 { padding-top: 12px; }
.pad_t15 { padding-top: 15px; }
.pad_t17 { padding-top: 17px; }
.pad_t20 { padding-top: 20px; }
.pad_t25 { padding-top: 25px; }
.pad_t30 { padding-top: 30px; }
.pad_t32 { padding-top: 32px; }
.pad_t35 { padding-top: 35px; }
.pad_t40 { padding-top: 40px; }
.pad_t45 { padding-top: 45px; }
.pad_t50 { padding-top: 50px; }
.pad_t55 { padding-top: 55px; }
.pad_b0 { padding-bottom: 0px; }
.pad_b1 { padding-bottom: 1px; }
.pad_b2 { padding-bottom: 2px; }
.pad_b3 { padding-bottom: 3px; }
.pad_b4 { padding-bottom: 4px; }
.pad_b5 { padding-bottom: 5px; }
.pad_b8 { padding-bottom: 8px; }
.pad_b10 { padding-bottom: 10px; }
.pad_b15 { padding-bottom: 15px; }
.pad_b20 { padding-bottom: 20px; }
.pad_b25 { padding-bottom: 25px; }
.pad_b30 { padding-bottom: 30px; }
.pad_b35 { padding-bottom: 35px; }
.pad_b40 { padding-bottom: 40px; }
.pad_b45 { padding-bottom: 45px; }
.pad_b50 { padding-bottom: 50px; }
.pad_b55 { padding-bottom: 55px; }
.pad_b155 { padding-bottom: 155px; }
.pad_l1 { padding-left: 1px; }
.pad_l5 { padding-left: 5px; }
.pad_l12 { padding-left: 12px; }
.pad_l10 { padding-left: 10px; }
.pad_l15 { padding-left: 15px; }
.pad_l20 { padding-left: 20px; }
.pad_l23 { padding-left: 23px; }
.pad_l25 { padding-left: 25px; }
.pad_l30 { padding-left: 30px; }
.pad_l45 { padding-left: 45px; }
.pad_r1 { padding-right: 1px; }
.pad_r5 { padding-right: 5px; }
.pad_r10 { padding-right: 10px; }
.pad_r15 { padding-right: 15px; }
.pad_r20 { padding-right: 20px; }
.pad_r25 { padding-right: 25px; }
.pad_r28 { padding-right: 28px; }
.pad_r30 { padding-right: 30px; }


.fot_ewm li{
    width:118px;
    height:140px;
}
.fot_ewm li img{
    width:100px;
}