﻿@charset "utf-8";
*,BODY,DIV,FORM,UL,OL,LI,DL,DT,DD,H1,H2,H3,H4,H5,H6,H7{PADDING:0; MARGIN: 0px; border:0;FONT-SIZE: 12px;font-family:Arial, Helvetica, sans-serif; line-height:160%; color:#fff;}

H1,H2,H3,H4,big{font-weight:normal}  
TABLE,TD,TR,TH {FONT-SIZE: 12px; line-height:160%}
LI {list-style-type:none;}
button{ }
button:hover {}
input,textarea{outline:none; color:#555}


hr{height:5px; background: none;  border-top:1px solid #444;}
hr.dot{height:5px; background: none;  border-top:1px dotted #ddd;}

a{color:#666;TEXT-DECORATION: none;}
a:hover {COLOR:#4092d7; text-decoration:underline  }
a img{border:none}


.fl{ float:left}
.fr{ float:right}
.pa{ position:absolute}
.pr{ position:relative}
.red{color:#c82727;}

p{ text-indent:0em; line-height:180%;margin:0.5em 0; text-align:justify; }

.cl {
	clear:both;
    height:0px;
    font-size: 0px;
    line-height: 0px;
}

.clearfix:after,.layout:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix,* html .layout{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix,*:first-child+html .layout  { zoom: 1; } /* IE7 */


.content:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .content             { zoom: 1; } /* IE6 */
*:first-child+html .content { zoom: 1; } /* IE7 */

i,b,th,address{ font-style:normal; font-weight: normal;}
i{ color: #999;}
.ii{ font-family:Constantia,Georgia; font-size: 36px; height: 50px;line-height:52px}
.ii .red{ font-size: 22px; margin-right: 3px;}
.h10{ height:10px;}
.h15{ height:15px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h50{ height:50px;}

.red,.red sup{color: #c72626;}
.gray,h2.gray{ color: #666;}
.green{color: #3d8c31;}

.well5{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	overflow:hidden;
	}
.w1000{ width:1000px; margin:auto; overflow:hidden;}
.w940{ width:940px; margin:auto; overflow:hidden;}
.w120p{ width: 120%;}
.ma{ margin:auto}
body{background: url(images/top_back.png) -0px top repeat-x #2d2d2d;}

/*================页面部分=======================*/
	
header{height: 100px;width: 940px;margin: auto; position:relative}
header .logo{ position: absolute;top: 20px;left: 10px;}
.search_wrap{ width: 280px; padding:5px 10px; background: #fff;position: absolute; right: 10px;top: 45px;
-webkit-box-shadow: 1px 1px 3px #ddd;
-moz-box-shadow: 1px 1px 3px #ddd;
box-shadow: 1px 1px 3px #ddd;
}
.search_wrap form{display:flex;}
.search_wrap input{ width: 230px; font-size: 16px;color: #aaa;padding:5px;}
.search_wrap a{display: block; width: 40px;height: 36px; background: url(images/i_clock.png) 9px 6px no-repeat ; }

.flag{ width: 110px;height: 36px; position: absolute; right: 10px;top: 30px;right: 10px;top: 10px; 
}
.flag a{ display: block;width: 28px;height: 19px; float: left;margin-left: 8px; background: url(images/flag.png) -0px -0px no-repeat;}
.flag a.en{background-position: 0 -30px;}
.flag a.it{background-position: 0 -60px;}

nav{ width: 940px;height: 148px; }

nav a{ position: absolute; bottom: 0;display: block; float: left; width: 156px;height: 124px; text-align:center; 
background: url(images/nav_back.png) right bottom no-repeat;
}
nav a#a1{ left:0px}
nav a#a2{ left:156px}
nav a#a3{ left:312px}
nav a#a4{ left:468px}
nav a#a5{ left:624px }
nav a#a6{ left:780px}
nav a:hover,nav a:hover em{ text-decoration: none; color: #6720aa;}
nav a em{ color: #666; font-style:normal; font-size: 18px; font-family: '微软雅黑'; }
nav a i{ display: block; width: 30px;height: 35px; background: url(images/nav.png) 1px 0 no-repeat; margin:34px auto 5px;}
nav a:hover i{ margin-top: 25px; margin-bottom:14px; background-position: 0 bottom;}
nav a#a2 i{ background-position: -158px 0;}
nav a#a3 i{ background-position: -320px 0;}
nav a#a4 i{ background-position: -480px 0;}
nav a#a5 i{ background-position: -640px 0;}
nav a#a6 i{ background-position: -785px 0;}

nav a#a1:hover i,nav a#a1.active i{ background-position: 0px bottom;}
nav a#a2:hover i,nav a#a2.active i{ background-position: -158px bottom;}
nav a#a3:hover i,nav a#a3.active i{ background-position: -320px bottom;}
nav a#a4:hover i,nav a#a4.active i{ background-position: -480px bottom;}
nav a#a5:hover i,nav a#a5.active i{ background-position: -640px bottom;}
nav a#a6:hover i,nav a#a6.active i{ background-position: -785px bottom;}

nav a.active{
	width: 156px; background-position:0px bottom; background-color: #fff;
	-webkit-box-shadow: 0px -1px 3px #ddd;
	-moz-box-shadow: 0px -1px 3px #ddd;
	box-shadow: 0px -1px 3px #ddd;
}
nav a.active em{color: #6720aa;}

.footer_wrap{ background: #373737; height: 250px; padding-top: 30px;}
.footer_wrap .pr{ height: 230px;}
.logo_mini{ position:absolute;left: 0px;top: 10px;}
.footer_wrap .sub1{ position:absolute;left: 70px;top: 0; color: #aaa;}
.footer_wrap .sub1 big{font-size: 23px;}
.footer_wrap .sub2{position:absolute;left: 620px;top:5px; color: #ccc; border-left: 1px #555 solid; padding-left: 30px; line-height: 180%;}
.footer_wrap .sns{position:absolute;left: 70px;top:80px;}
.footer_wrap a{color: rgb(255, 238, 0);}


.list_fl_fr2 li {width:730px;  text-align:left;line-height:100%; background:url(images/d3.png) no-repeat 5px 15px;padding-left:20px; position:relative; float:left; border-bottom:1px dotted #ddd;  }
.list_fl_fr2 li:hover{ background-color:#DBEEF2}
.list_fl_fr2 li a{width:660px; font-size:14px; height:34px; line-height:34px; display:block; text-overflow:ellipsis;overflow:hidden; white-space:nowrap; float:left }
.list_fl_fr2 li a.ddd{ color:red; font-weight:bold;}
.list_fl_fr2 li a:hover{ text-decoration:none}
.list_fl_fr2 li span{position:absolute; right:0; top:10px; color:#999; }

/* 翻页 */
.page_area{ width:520px; margin:0px auto; padding:0px 0 0 0; height:30px;}
.page_block {float:left; padding:2px}
.page_jump{ float:right; padding:2px}
.page_block A,.page_block span{border:1px solid #6a97b4; padding:4px 5px; margin:0 2px; color: #666; TEXT-DECORATION: none}


.page_block A:hover {	BORDER: #999 1px solid; COLOR: #666; }

.page_block span.active {
	BORDER: #6a97b4 1px solid;FONT-WEIGHT: bold; COLOR: #fff;  BACKGROUND-COLOR:#6a97b4
}

.page_block span.disabled {
	BORDER: #eee 1px solid; COLOR: #ddd; }

/* 内容显示页 */
.m_body{ }
.show_title{ text-align:left; padding:10px 0px; border-bottom:none}
.show_title h1{ font-size:14px;font-weight:normal; color:#bb1d1d; margin-bottom:5px; text-align:left }
.sub_tit{ text-align:left; margin-bottom: 5px;color: #666;}

.subnav{background: url(images/subnav.png) -0px -0px no-repeat; min-height: 315px;}
.subnav .tit{ height: 44px; padding:10px 15px; color: #fff;}
.subnav abbr{color: #fff; font-size: 12px; text-transform:capitalize; font-family: 微软雅黑;}
.subnav h2{color: #fff; font-size: 17px; text-transform:capitalize; font-family: 微软雅黑;}
.subnav .content{ width: 179px;}
.subnav .content a{display: block;height: 32px; line-height: 32px; padding-left: 30px;color: #2a6d87; font-size: 14px; border-bottom: 1px #c2d7e2 solid;border-top: 1px #e5eff2 solid; background: url(images/d2.png) 17px center no-repeat;}
.subnav .content a.active{background-image: url(images/d2_active.png);background-color: #6a97b4; color: #fff; border-top: none;}
.subnav .content a:hover{ background-color: #97d2e9; text-decoration: none;}

.list_question li{ padding:0 0 10px 0; margin-bottom:15px; border-bottom:1px dotted #ccc;background:url(images/dot2.gif) no-repeat 0 10px; text-align:left}
.list_question .front{ color:#F00; margin-bottom:5px;}
.list_question h3{ color:#000; font-size:14px; padding-bottom:5px;font-weight:normal;}
.list_question .reply{ color:#069; font-size:12px; background:#fff; border:1px solid #6a97b4; padding:5px 10px; }


.slide{ position:relative;padding-top: 130px;}
.slide nav{ position: absolute; left: 50%;top: 0; margin-left: -470px;}

.m_tit{background: url(images/r.png) -0px -0px no-repeat;padding-left: 40px; height: 50px;}
.m_tit h1{ float: left; font-size: 22px; line-height: 20px;color: #003456;}


article{color: #ccc;font-size: 14px; text-align:left; line-height: 200%;}
article p{color: #ccc;font-size: 14px; margin-bottom: 2em; line-height: 200%;}
article ul{ }
article li{ line-height: 208%; margin-bottom: .5em; padding-left: 17px;background: url(images/d2.png) -0px 13px no-repeat; color: #ccc; font-size: 14px;}
article img{max-width:650px;}

.news_list li{ text-align:left; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dotted #666;}
.news_list li .tit{ }
.news_list li .tit h2{ font-size: 16px; color: #fff; margin-bottom:5px; background: url(images/d1.png) 0px 6px no-repeat; padding-left: 9px;}
.news_list li .tit span{ font-size: 12px;color: #666;padding-left: 12px;}
.news_list li .more{ float:right; display: block; width: 58px;height: 21px; background: url(images/more.png) -0px -0px no-repeat; margin-top: 9px; margin-right: 5px;}
.news_list li .txt{ height:78px; overflow:hidden; padding-top: 10px; color: #ccc;padding-left: 12px;}

.page_area{text-align: center;background-color:#000;background-color:hsla(0,0%,0%,.7); height:40px; line-height: 40px; width:auto; font-size: 14px;color: #aaa;}
.page_area a{ margin:0 30px; color: #eee;}
.page_area a:hover{ color:#F30}


.tit1{font-size: 24px; margin-bottom: 10px;}
#part .tit1{ margin-bottom: 20px;}
.group{
    width: 960px;
}
.group img{ margin-right: 7px; margin-bottom: 13px; width: 178px; height: 80px;}

.bread{ color: #888; border-bottom: 1px #444 solid; padding-bottom: 10px; margin-bottom: 20px;}

.tb1 td,.tb1 th{ padding:0px 6px 15px 0; font-size: 14px;}
.tb1 th{ vertical-align:top; white-space:nowrap; text-align:right;  padding-right: 13px; padding-top: 5px;}
.tb1 td input{ height: 30px;}
.tb1 td input,.tb1 td textarea{ -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding: 5px 10px; font-size: 14px;}
.tb1 td textarea{ width: 340px;}

.btn_guide{display: block;text-align: center; min-width:100px;max-width:200px;height: 50px; line-height: 50px; font-size: 14px; padding:0px 20px; 

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

color: #fff;
background: #c42626;
}
.btn_guide:hover{ text-decoration:none; background-color: #ac2222; color: #fff;}

input#Tex_GetCode{ margin-right: 10px;}

#edit_erea{ padding: 0px 0 20px;}
#edit_erea p{word-break:keep-all}

/*pagination*/
.pagination {
    margin-bottom: 25px;
}
.pagination .jumpto {
    display: inline-block;
    margin-left: 2px;
}
.pagination .page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.pagination .page-link {
    color: #2c3e50;
}
.pagination .page-item.disabled .page-link {
    color: #999;
}
.pagination .jumpto input {
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: #2c3e50;
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
}
.pagination .submit {
    border-radius: 0 0.25rem 0.25rem 0;
}
.pagination .page_number {
    width: 55px;
    margin-right: -1px;
}

@media only screen and (max-width: 576px) {
    .pagination .page-num {
        display: none;
    }
}
