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: 260px;height: 260px;display: inline-block;vertical-align: top;border: 1px solid #cccccc;text-align: center;position: relative}
.tab .tabContent li span{display: inline-block;position: absolute;bottom: 15px;left: 0;width: 260px;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%;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;
}
}

.v300_nav{margin-left: 280px; height: 80px; line-height: 78px; z-index:19999;}
.v300_nav .v300_li{ position: relative; float:left;height:80px; font-size:16px; padding: 0 26px;  color:#333333; text-align: center;z-index:19999;}
.v300_nav .v300_li a{ color: #505050; text-decoration: none; line-height: 78px; height: 78px; display: block; border-bottom: 2px solid #fff; }
.v300_nav .v300_lidq{ padding: 0 26px; }
.v300_nav .v300_lidq a{color:#1d2879 !important; line-height: 78px;  display: block;  border-bottom: 2px solid #1d2879;}
.v300_nav .v300_dorp{ position: absolute; top: 89px; left: 50%; margin-left: -50px;  width:100px;  background:url("../images/bg-pop.png") repeat; display:none; border-radius:5px; }
.v300_nav .v300_dorp em{ width: 12px; height: 9px; position: absolute; top: -9px; left: 50%; margin-left: -6px; display: block; background: url("../images/arr-top-pop.png") no-repeat;}
.v300_nav .v300_dorp ul li{height:35px;width:100%; line-height: 35px; font-size: 14px; padding: 0; border: 0;overflow: hidden;}
.v300_nav .v300_dorp ul li a{display: block; width: 100%;line-height: 35px;  background: none;border: 0;}
.v300_nav .v300_dorp ul li:hover {background: #dfe2e4;color:  #fff!important}
.v300_nav .v300_dorp ul li:hover:first-child{ border-radius: 5px 5px 0 0;}
.v300_nav .v300_dorp ul li:hover:last-child{ border-radius: 0 0 5px 5px;}