html { font-size: 62.5%; }
img { width: 100%; }
a:hover { text-decoration: none; }
ul, li, dl { list-style: none; padding: 0; margin: 0; }

.top { background: #464a4d; line-height: 30px; color: #fff; }
.top a { color: #fff; }
.logo { width: 364px; height: 92px; }
.icon-tel { color: #0c4993; font-size: 20px; line-height: 92px; }
.icon-tel span { color: #ff921d; }
.icon-tel:before { content: ""; height: 26px; width: 26px; display: inline-block; background: url(../images/icon-tel.png); background-size: 100% 100%; vertical-align: middle; margin-right: 8px; }

/*nav*/
.navbar { background: #1782ca; margin-bottom: 0;border: none;border-radius: unset;margin-bottom: 20px; }
.navbar a { color: #fff !important; font-size: 16px; }
.navbar a:hover { color: #fff !important; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background-color: #e98e35; }
.nav > li > a { padding-left: 30px; padding-right: 30px; }

/*main*/
.main .location span {
    display: inline-block;
    height: 28px;
    color: #ff921d;
    line-height: 28px;
    vertical-align: top;
    margin: 0 10px;
}
.main .location i {
    display: inline-block;
    width: 26px;
    height: 28px;
    background-image: url(../images/servercenter-icon.png);
}
.main .location em {
    display: inline-block;
    height: 28px;
    font-style: normal;
    vertical-align: top;
    margin-right: 10px;
	line-height: 28px;
}
.main .location {
    height: 38px;
    line-height: 28px;
    vertical-align: top;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}
.main .content{text-align: center;margin-bottom: 40px;margin-top: 20px}
.main .content em{font-style: normal;display: inline-block;margin-bottom: 30px}
.main .content .left{display: inline-block;width: 900px;vertical-align: top;margin-right: 30px;text-align:left}
.main .content .left .top{border-bottom: 1px solid #cccccc;background: #ffffff}
.main .content .left span{font-size: 24px;color: #000000}
.main .content .left .time{color: #999}
.main .content .left .time em{display: inline-block;margin-right: 10px}
.main .content .left .time em img{width: 16px;height: 12px;position: relative;top: -1px;margin-right: 3px}
.main .content .left .time em b{font-weight: normal}
.main .content .left .center p{margin-bottom: 40px}
.main .content .left .center img{margin-bottom: 20px}
.main .content .left .button{margin-top: 20px}
.main .content .left .button div{border: 1px solid #cccccc;display: inline-block;height: 30px;line-height: 30px;width: 400px;text-align: center;border-radius: 25px}
.main .content .left .button div span{font-size: 14px}
.main .content .left .button div:hover span{color: #4a9eec;cursor: pointer}

.main .content .right{display: inline-block;width: 200px;vertical-align: top;text-align: left}
.main .content .right em{position: relative;top: 20px;font-weight: bold}
.main .content .right div{border: 1px solid #cccccc}
.main .content .right div p{font-size: 16px;color: #000000;text-align: left;height: 40px;line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 10px}
.main .content .right div p + p{border-top: 1px solid #cccccc}


/*footerNav*/
.footerNav{background: #343434;width: 100%;height: 370px;color: #fff}
.footerNav .left{width: 800px;height: 370px;display: inline-block;position: relative}
.footerNav .left dl .line{height: 1px;position: absolute;top: 60px}
.footerNav .left dl .line i{display: inline-block;height: inherit;width: 20px;background: #4a9eec}
.footerNav .left dl .line em{display: inline-block;height: inherit;width: 80px;background: #cccccc}
.footerNav .left dl{display: inline-block;vertical-align: top;margin-top: 40px;margin-left: 60px}
.footerNav .left dl dt{font-size:17px;font-weight: normal;margin-bottom: 20px}
.footerNav .left dl dd{font-size: 12px;line-height: 24px}
.footerNav .left dl dd a{color: #ffffff}
.footerNav .left dl dd a:hover{color: #4a9eec}
.footerNav .left .yq{position: relative}
.footerNav .left .yq .line{height: 1px;position: absolute;top: 60px}
.footerNav .left .yq dd{display: inline-block;margin-right: 20px}
.footerNav .right{width:336px;height: 280px;display: inline-block;vertical-align: top;text-align: center}
.footerNav .right img{width: initial;margin-top: 40px}
.footerNav .right div{display: inline-block;width: 100px;height: 30px;line-height:30px;background: #4a9eec;color: #ffffff;border-radius: 25px;margin-top: 20px}

@media screen and (max-width: 768px) { .product-show { margin-bottom: 20px; }}
/*.gg-tiao { background: url(../images/kh-bottom-bg.png);width: 100%;margin-top:20px;z-index: 999;position: relative}}*/
/*.gg-tiao { background: url(../images/gg-tiao.png) top center; background-size: cover; color: #fff; font-size: 12px; line-height: 1.6em; padding: 3em 10px 5px; text-align: left; } }*/


@media screen and (min-width:320px) and (max-width:600px){
    .footerNav {
    background: #343434;
    width: 100%;
    height: 100%;
    color: #fff;
	}
	.footerNav .left dl {
    display: none;
	}
	.footerNav .left{
		width: 100%;
    	height: 100%;
	}
	#dldl{
    display:block;
}
.main .content .left {
    width: 100%;
}
.main .content .left .button div {
    width: 100%;
}
.logo {
    width: 100%;
    height: auto;
}
}