@charset "utf-8";
* { padding: 0px; margin: 0px; font-family: "microsoft yahei", "Georgia", "Arial", "Verdana", "Helvetica", "sans-serif"; font-size: 14px; }
img { border: 0px; margin: 0px; vertical-align: middle; }
html, body { color: #555; background-color: #FFF; }
i, em, span { font-style: normal; display: inline-block; }
a, a:hover { color: #555; text-decoration: none; }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
h2 { font-size: 18px; font-weight: normal; }
h3 { font-size: 16px; font-weight: normal; }
h4 { font-size: 14px; font-weight: normal; }
.fl { float: left!important; }
.fr { float: right!important; }
.tl { text-align: left!important; }
.tr { text-align: right!important; }
.tc { text-align: center!important; }
.hide { display: none!important; }
.show { display: block!important; }
.nobor { border: none!important; }
.nowrap { white-space :nowrap!important}
.w { width: 100%; clear: both; overflow: hidden; }
.mw { width: 1200px; margin: 0px auto; clear: both; overflow: hidden; }
.mt20 { margin-top: 20px!important; }
.pt20 { padding-top: 20px!important; }
.shadow { -moz-box-shadow: 0px 3px 15px #555; -webkit-box-shadow: 0px 3px 15px #555; box-shadow: 0px 3px 15px #555; }
.tf { transition: transform .5s; -moz-transition: transform .5s; -webkit-transition: transform .5s; -o-transition: transform .5s; }
.tf:hover { -webkit-transform: translateX(-5px); transform: translateX(-5px); }
.bgc {  background: #F5F5F5!important; }

.ctit { height:100px; line-height: 50px; font-size: 20px; width: 180px; position: relative; margin: 0px auto; text-align: center;}
.ctit>a { font-size: 20px;}
.ctit>p { position: absolute; border-top: 1px solid #AAA; left: 0px; right: 0px; top: 65px;}
.ctit>i,.ctit>span { display: block; position: absolute;  left: 50%; top: 55px;  }
.ctit>i { z-index: 3;background: #AAA; width: 20px; height: 20px; border-radius: 100%;  margin-left: -10px; }
.ctit>span { width: 50px; height: 20px;  margin-left: -25px; background: #FFF;}
	

.item>ul>li{ width: 20%; float: left; text-align: center;}
.item>ul>li>a { display: block; padding: 20px 0; margin: 2px; background: #FFF;}
.item>ul>li>a>img { width: 150px; height: 100px; display: block; margin-bottom: 20px; margin: auto auto 10px;}

.ads { padding: 20px 0px;}
.ads>ul>li { float: left;}
.ads>ul>li>a { display: block; padding: 0px 2px;}
.ads>ul>li>a>img { width: 100%;}
.ad-1>ul>li { width: 100%;}
.ad-2>ul>li { width: 50%;}
.ad-3>ul>li { width: 33.33%;}
.ad-4>ul>li { width: 25%;}
.ad-5>ul>li { width: 20%;}

.mtit { clear: both; padding: 15px 0px; font-weight: bold; color: #20629B; font-size: 16px; height: 30px; line-height: 30px;}
.mtit>span { height: 16px; width: 3px; background: #20629B; vertical-align: middle;margin-right: 5px;}
.mtit>a { float: right; color: #20629B; font-weight: normal; font-size: 12px;}
.mtit>p { float: right; height: 16px; line-height: 16px; font-weight: normal;}
.mtit>p>em{ display: inline-block; width: 12px; height: 14px; background: url(../images/icons.png) no-repeat center -599px; margin-right: 5px; vertical-align: middle;}
.mtit>p>i { margin: 0px 5px; background: url(../images/icons.png) no-repeat center -577px; width: 6px; height: 10px;}
.mtit>em>a>i { width: 10px; height: 10px; background: url("../images/icons.png") no-repeat center -624px; margin-left: 5px;}



.material>ul>li { width: 25%; float: left; text-align: center; height: 40px; overflow: hidden;}
.material>ul>li>a { display: block; margin: 2px; line-height: 36px; background:#F0F0F0; border-radius: 3px; }

.footer { padding: 20px 0px; border-top: 1px solid #ccc; background: #FFF;}

.footer>dl>dt{ width: 950px;float: left; line-height: 25px;}
.footer>dl>dt>p {  padding: 15px 0px;line-height: 1.42857143; }
.footer>dl>dt>p>a {  color: #333;}
.footer>dl>dt>p>span { margin: 0px 15px; color: #999; font-size: 10px;}
.footer>dl>dt>div * { line-height: 25px; color: #888;}

.footer>dl>dd { width: 150px; float: right; text-align: right;}
.footer>dl>dd>img { width: 120px; height: 120px;}