@charset "utf-8";
/* CSS Document */

/*通用页面版式*/
.commonMutole-banner{width: 100%;min-width: 1200px;height: 350px;background-size: cover;background-position: center;}
.commonMutole{width: 100%;min-width: 1200px;}
.commonMutole .titlebox{width: 220px;height: 100px;background-color: #fff; border: 1px solid #e5e5e5;margin: -50px auto auto auto;} 
.commonMutole .titlebox h1,.commonMutole .titlebox h2{color: #474b51;width: 218px;overflow: hidden;text-align: center;}
.commonMutole .titlebox h1{font-size: 24px;line-height: 26px;font-weight: bold;margin-top: 21px;}
.commonMutole .titlebox i{display: block;background-color: #474b51;width: 30px;height: 2px;margin-left: 94px;margin-top: 9px;}
.commonMutole .titlebox h2{font-size: 12px;line-height: 14px;margin-top: 9px;}

.subnav{padding: 25px;border-bottom: 1px solid #ededed;margin-bottom: 50px;background-color: #fff;z-index: 9}
.subnav ul{display: table;text-align: center;margin: 0 auto;}
.subnav li{float: left;margin: 25px 25px 25px 25px;height: 46px;line-height: 46px;}
.subnav li a{padding-left: 20px;padding-right: 20px; color: #676b70;background-color: #f5f5f5;font-size: 18px;text-align: center;display: inline-block;}


.news-list-banner{background-image: url(/img/common-banner-newsBG.jpg);}
.protucts-list-banner{background-image: url(/img/common-banner-producesBG.jpg);}
.talent-banner{background-image: url(/img/common-banner-talentBG.jpg);}
.support-banner{background-image: url(/img/common-banner-supportBG.jpg);}
.aboutus-banner{background-image: url(/img/common-banner-aboutusBG.jpg);}
.solution-banner{background-image: url(/img/common-banner-solutionBG.jpg);}
.bigdata-banner{background-image: url(/img/common-banner-BigdataBG.jpg);}


.common-template-Content{width: 1200px;min-width: 1200px;min-height: 500px;background-color: #FFF;margin: 0 auto 50px auto;}
@media (min-width:769px) and (max-width:1540px){
	.common-template-Content{width: 1000px;min-width: 1000px;min-height: 300px;}
}
@media (max-width:768px){
	.common-template-Content{width: 90%;min-width: 90%;margin-left: 5%;margin-top: 5%;margin-bottom: 5%;min-height: 200px;}
}


@media (max-width:768px){
    .subnavTop{position: fixed;top: 70px;background-color: #fff!important;left: 0;right: 0;z-index: 9;}
}
@media (min-width:768px){
    .subnavTop{position: relative;background-color: #fff!important;}
}


/*@media (min-width:768px){
	.subnavTop li{margin: 25px -25px 0 50px!important;height: 36px!important;line-height: 36px!important;}
	.subnavTop li a{background-color: #fff!important;padding-left: 8px;padding-right: 8px;font-size: 12px!important;}
}*/

.subnav .current a{font-weight: bold;color: #fff!important;background-color: #ff6600!important;}
.subnav li a:hover{color: #fff;background-color: #ff6600;}

@media (max-width:768px){
	body{overflow-x: hidden;}
	
    .commonMutole-banner{width: 100%;min-width: 100%;height: 150px;background-size: cover;background-position: center;}
	.commonMutole{width: 100%; min-width: 100%;}
	.commonMutole .titlebox{width: 70%;height: 100px;margin: -50px auto auto auto;margin-bottom: 16px} 
	.commonMutole .titlebox h1,.commonMutole .titlebox h2{width: 100%;}
    .commonMutole .titlebox h1{margin-top: 22px;font-size: 16px;}
	.commonMutole .titlebox i{margin: 4px auto auto auto;}
	.commonMutole .titlebox h2{margin-top: 4px;font-size: 12px;}
	
	.subnav{width: 100%;padding: 0;border-bottom: 1px solid #ededed;margin-bottom: 0; height: 50px;position: -webkit-sticky;position:sticky;top: 70px;overflow: hidden; }
	.subnav ul{height: 50px;line-height: 50px;text-align: left;margin: 0;}	
	.subnav li{padding-left: 20px;padding-right: 20px;float: left;margin: 0px!important;margin-top: 5px!important; height: 40px;line-height: 40px;}
	.subnav li a{padding: 0!important;font-size: 14px;text-align: center;display: inline-block;background-color: #fff;}
	.subnav .current a{font-weight: inherit;color: #ff6600!important;background-color: #fff!important;box-shadow: 0 5px 0 0 #ff6600;padding: 0!important;height: 40px!important;line-height: 40px!important;}
	.subnav li a:hover{color: #ff6600;background-color: #fff;}
	
	.subnavTop{background-color: #fff!important;}
}


/*通用页面页码*/
.pagenumber{width: 100%;min-width: 1200px; height: auto;margin: 100px 0;}
.pagenumber ul{display: table;margin: auto;text-align: center;}
.pagenumber ul li{float: left;margin: 14px;border: none!important;}
.pagenumber ul li a{padding: 10px 20px;color: #4c4d54;background-color: #fff;font-size: 16px;display: inline-block;border: none!important;}
.pagenumber ul li a:hover{background-color: #e5e5e5;color: inherit!important;}
.pagenumber ul .active{color: #fff!important;background: #4c4d54!important;}
.pagenumber ul .active a{background: #4c4d54!important;}
.pagenumber ul .active a:hover{color: #fff!important;}

@media (max-width:768px){
	.pagenumber{width: 100%;min-width: 100%; height: auto;margin: 40px 0;}
    .pagenumber ul{display: table;margin: auto;text-align: center;padding-left: 10px;padding-right: 10px;}
    .pagenumber ul li{float: left;margin: 10px 10px;border: none!important;}
    .pagenumber ul li a{padding: 10px 20px;color: #4c4d54;background-color: #e5e5e5;font-size: 14px;display: inline-block;border: none!important;}
    .pagenumber ul li a:hover{background-color: #e5e5e5;}
    .pagenumber ul li .active{color: #fff!important;background-color: #4c4d54!important;}
	
}