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; }
.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; }

.banner { margin-bottom: 20px; }

/*tab*/
.tab .location span {
    display: inline-block;
    height: 28px;
    color: #ff921d;
    line-height: 28px;
    vertical-align: top;
    margin: 0 10px;
}
.tab .location i {
    display: inline-block;
    width: 26px;
    height: 28px;
    background-image: url(../images/servercenter-icon.png);
}
.tab .location em {
    display: inline-block;
    height: 28px;
    font-style: normal;
    vertical-align: top;
    margin-right: 10px;
	line-height: 28px;
}
.tab .tabBar{text-align: center}
.tab .tabBar li{display: inline-block;margin-right: 20px;background: #00bbf2;width: 110px;height: 35px;}
.tab .tabBar li a{color:#ffffff;line-height: 35px; }
.tab .tabBar li.active a{color:#ffb20c }
.tab .tabContent{margin-top: 40px}
.tab .tabContent ul{margin-bottom: 25px;    }
.tab .tabContent ul a{color: #000000;display: inline-block;  margin: 1%;}
.tab .tabContent li{width: 350px;height: 260px;display: inline-block;vertical-align: top;border: 1px solid #cccccc;text-align: center;position: relative;margin-bottom: 20px;}
.tab .tabContent li span{display: inline-block;position: absolute; margin-top: 10px;left: 0;width: 350px;text-align: center}
.tab .tabContent a + a{/*margin-left: 29px*/}
.tab .tabContent li:hover{box-shadow: 0px 1px 3px #cccccc}
.tab .pagesList{height: 40px;line-height: 40px;margin: 0 auto 20px;text-align: center;font-size: 14px;color: #999999}
.tab .pagesList span{display: inline-block;width: 120px;font-size: 14px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc}
.tab .pagesList span a{color: #999999;text-decoration: none}
.tab .pagesList i{display: inline-block;font-size: 14px;width: 40px;font-style: normal;border-right: 1px solid #cccccc;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc}
.tab .pagesList i.active{background: #ffb20c;color: #ffffff}


/*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: 370px;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;
}
.logo {
    width: 100%;
    height: auto;
}
}