﻿body { font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; font-size:16px; line-height:170%;background: url(../images/top.jpg)  repeat-x top; }
ul,ol,li { list-style:none;}
img{ border:none; }
a { text-decoration:none; color:#000000; cursor:pointer; }
a:hover{  text-decoration:none; }
.clear-both { clear:both; height:0; overflow: hidden; }
.left{float:left}
.right{float: right;}
#container{
	padding: 25px 20px 20px 20px;
	width: 1200px;
	margin: 390px auto 0 auto;
/*	background-color: #FFFFFF;*/
}

.title{
	border-bottom: 2px #e2e2e2 solid;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.title span{
	padding-bottom: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #024dca;
}
.title a{
	font-size: 13px;
	float: right;
}

#footer{
	text-align: center;
	margin: 30px 0px;
	width: 100%;
	color: #FFFFFF;
}
.top{overflow: hidden;clear: both;margin-top: 15px;height: auto;}
.top dl{width:18%;display: block; margin:10px; float:left;}
.top dl dd{text-align: center;line-height: 30px;}
.top dl dt{text-align: center;cursor: pointer;}
.top dl dt img{height:180px;width:auto;}


        .box {
            width: 1000px;
            margin: 0 auto;
        }

        .box .branch {
            text-align: center;
        }

        .box .branch div.title img {
            width: 1000px;
           
        }

        .box .branch div.title {
            margin: 140px 0 35px 0;
            width: 1000px;
            height: 38px;
			border-bottom:none;
        }

        .branch ul li {
            float: left;
            width: 166px;
            text-align: center;
            height: 225px;
        }

        .branch ul li p {
            width: 150px;
            margin: 5px auto;
            height: 25px;
            font-size: 14px;
        }

        .branch ul li img {
            width: 116px;
            height: 116px;
			    border: 1px solid #ededed;
    padding: 5px;
        }

        .mask {
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, .5);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
            width: 100%;
            height: 100%;
            display: none;
            cursor:default;
        }

        .mask .mask_with {
            width: 320px;
            height: 380px;
            background-color: white;
            margin: 0 auto;
            margin-top: 100px;
        }

        .mask img {
            width: 210px !important;
            height: 210px !important;
            margin-top: 10px;
        }

        .close img {
            width: 60px !important;
            height: 60px !important;
            cursor:pointer;
        }

        .mask p {
            width: 100% !important;
            font-size: 16px !important;
            line-height: 42px;
        }

        .mask .mask_title {
            color: rgb(53, 139, 204);
            margin-bottom: 15px;
            border-bottom: 2px solid rgb(239, 239, 239);
            font-size: 24px !important;
            height: 60px;
			line-height: 60px;
        }

        .branch ul li {
            cursor: pointer;
        }
        .border_line { display: inline-block;width: 100%;    margin-bottom: 0px;}

.footer{background-color: #0c6fc0;margin-top:20px;margin-bottom:0;padding-top:20px;padding-bottom:20px;}
.footer a{color: #FFFFFF;}
.footer a:hover{color: #d09d22;}
.footer_wzbs{position: absolute; left: 0; top: 10px; width:200px; text-align:right;}
.footer_wzbs img{vertical-align: middle;}
.footer .footer-list{width: 1040px;margin: 0 auto;position: relative;}
.footer .footer-list p{text-align: center;line-height: 25px}
.footer .footer-list ul{text-align: center;padding: 5px 0;}
.footer .footer-list ul span{width: 1px;height: 15px;vertical-align: middle;margin: 0 10px;background: #105a9f;display: block;display: inline-block}
.footer .footer-list ul li{display: inline;line-height: 36px}
.footer .footer-list ul li a{color: #105a9f;font-size: 14px;vertical-align: middle}
.footer_txt{text-align: center;}
.footer_nav{margin: 10px auto;color:#FFFFFF;}
.footer_nav a{margin:0 10px;}
.footer .copyright{line-height: 24px;}
.footer .copyright span{color: #FFFFFF;font-size: 13px;}

.contentmedia{width: 1200px;margin: 0px auto;margin-top:240px;text-align:center;}
.cestmedia{    display: inline-block;width: 150px;        margin-left: 12px;
    margin-right: 12px;}
	
.cestmedia span{background:url(../media/span.png) no-repeat center;width: 111px; height: 30px;    display: inline-block;line-height:25px ;color:#0d489a;font-size:18px;letter-spacing: 9px;padding-left: 10px;margin-top: 10px;}

.tables div {
            width: 280px;
            height: 70px;
            line-height: 70px;
            text-align: center;
            background: url(../images/btn_off.png) center top no-repeat;
            color: rgb(28, 122, 191);
            float: left;
            margin: 0 10px;
            border-radius: 10px 10px 0px 0px;
            font-size: 24px;
            cursor: pointer;
            font-weight: 400;
        }

        .active {
            background: url(../images/btn_on.png) center top no-repeat !important;
            color: white !important;
        }

        .tables span {
            font-size: 1.3em;
            font-weight:600;
        }

        .tables {
            width: 600px;
            margin: 0 auto;
            margin-top: 28px;
        }
		.bottom .content{ width:100%; }
		.BTC{ text-align:left; font-size:14px; margin:0 auto;line-height:25px;  margin-top:5px;}