*{ margin:0; padding:0; }
img{ border:none; line-height:0; font-size:0; vertical-align:top;}
li{ list-style:none; }
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:underline; }
.margin-auto{ margin:auto; }
.padding-0{ padding:0; }
html, body{position:relative; height:100%; }
html{font-family:'Noto Sans SC', Verdana, Geneva, sans-serif, Microsoft YaHei, Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif; line-height:1.5;}
body{min-width:320px; max-width:750px; margin:0 auto;}
/*mainContainer*/
.mainContainer{width:100%; height:100%; overflow:auto;}
.mainContent{position:relative;width:100%; height:100%; overflow:auto; min-width:320px; background-color:#f9fafa;}
/*header*/
.header{width:100%;height:3rem; background-color:#252525;}
/*mainMenu*/
.mainMenu{position:relative; width:50%; height:100%;overflow:auto; min-width:120px;background-color:#252525; color:#fff;}
.mainMenu a{color:#fff;}
.mainMenu > ul{}
.mainMenu > ul > li{font-size:1.17rem; line-height:2em; display:block;padding:0 0.6rem; border-top:1px solid #3b4043;}
.mainMenu > ul dl{ padding:0 0.6rem;}
.mainMenu > ul dl > dd{ font-size:1rem; height:2em; line-height:2em; overflow:hidden;}
/*mainLanguage*/
.mainLanguage{ float:left; height:2em; overflow:auto; margin:1rem 1rem 0 0;}
.mainLanguage > div{}
.mainLanguage > dl{display:none;}
/*mainLogo*/
.mainLogo{ float:right; display:block; margin:0.5rem 1rem 0 0; overflow:hidden;}
.mainLogo > a > img{ height:2rem !important;}
/*search*/
.search{ display:table;height:3rem; width:100%; line-height:3rem; text-align:center;}
.search .input{ display:table-cell; vertical-align:middle; width:85%; border:none; height:1.4rem; font-size:1rem; background:#fff; outline:none;}
.mainMenuBtn{float:left; margin-left:1rem;height:3rem; line-height:3rem; color:#fff; display:block; overflow:hidden;}
.mainMenuBtn > i{font-size:1.6rem; margin:0.7rem 0.7rem 0 0;}
/*homeSolution*/
.homeSolutionBg{ }
.homeSolution{ width:100%; margin:0 auto; background-color:#fff;}
.homeSolution > ul{ overflow:hidden;}
.homeSolution > ul > li{ float:left; width:47%; margin:2% 0 0 2%; display:block; text-align:center; overflow:hidden;}
.homeSolution > ul > li > .item{ padding:1rem; background-color:#fff;}
.homeSolution > ul > li > .item > .img{ line-height:0; width:5rem; height:5rem; display:block; overflow:hidden; margin:0 auto 1rem;}
.homeSolution > ul > li > .item > h3{font-size:1.17rem; height:1.5em; line-height:1.5em; font-weight:normal;}
.homeSolution > ul > li > .item > .detail{ font-size:1rem; height:3em; line-height:1.5em; color:#666; overflow:hidden; }
/*homeNew*/
.homeNews{ width:100%; margin:0 auto; background:url("../images/home_news_bg2.png") repeat 0 3rem #fff;}
.homeNews > ul{ overflow:hidden; background-color:#fff;}
.homeNews > ul > li{float:left; width:50%; height:3rem; line-height:3rem; color:#fff; text-align:center; font-size:1.17rem;}
.homeNews > ul > li:first-child{ background:rgba(208, 2, 27, 1);}
.homeNews > ul > li:last-child{background:rgba(237, 202, 89, 1);}
.homeNews > ul > li.active{ box-shadow:0px 0px 5px #333 inset;}
.homeNews > dl{}
.homeNews > dl > dd{padding:1rem; overflow:hidden; display:none;}
.homeNews > dl > dd.active{display:block;}
.homeNews > dl > dd > h2{ font-size:1.17rem; line-height:1.5em; height:4.5em; font-weight:bold; overflow:hidden; margin-bottom:1rem;}
.homeNews > dl > dd > h2 > a{ color:#000;}
.homeNews > dl > dd > p.img{float:right; margin-left:1rem;}
.homeNews > dl > dd > p.img img{width:12rem !important;}
.homeNews > dl > dd > p.link > a{color:#13a9a2}
.homeNews > dl > dd > .content{height:10rem; line-height:2rem; overflow:hidden; display:block; color:#666; font-size:1rem;}
.homeNews > dl > dd > .content > a{color:#666;}
.homeNews > .moreNew{padding:0.6rem;}
.homeNews > .moreNew > a{color:#71c067;}
/*homePartner*/
.homePartner{ width:100%; margin:0 auto 1rem;}
.homePartner > h2{ width:80%; font-size:1.17rem; line-height:1.2em; text-align:center; margin:0 auto; color:#000; font-weight:normal; }
/*homeProduct*/
.homeProduct{ width:100%; margin:0 auto 1rem; background:url("../images/home_product_bg2.png") repeat;}
.homeProductLink{height:3rem; line-height:3rem; font-size:1.17rem; text-align:center; background-color:#0e4985;}
.homeProductLink > a{text-decoration:none; color:#fff;}
.homeProductList{padding:1rem;}
.homeProductList .item{ position:relative; width:100%; height:100%;}
.homeProductList .item > .img{ width:100%; height:100%; display:block; overflow:hidden;}
.homeProductList .item > h3{ position:absolute;left:0; right:0; bottom:0;font-size:1rem; height:2rem; line-height:2rem; overflow:hidden; padding:0 0.6rem; color:#fff; background:rgba(0, 0, 0, 0.7); text-align:center; display:block; font-weight:normal;}
.homeProductList .item > h3 > a{color:#fff;}
/*footer*/
.footer{ padding:1rem 1rem 0; background-color:#f9fafa; color:#333;}
.footer > .addr{ padding:1rem 1rem 1rem 24%; background:url("../images/footer_logo.jpg") 10px center no-repeat; border:1px solid #333; line-height:1.5rem; }
.footer > .addr > .img{ float:left; margin-right:1rem;}
.footer > .addr > p{}
.footer > .addr > p > a{ color:#333;}
.footer > .copyright{ text-align:center; height:3rem; line-height:3rem; font-size:1rem; }
/*solutionPage*/
.solutionPage{ padding:1rem; background:url("http://www.comatemeter.com/assets/images/solution_bg_2.jpg");}
.solutionPage > h2{ font-size:1.33rem; color:#fff; font-weight:normal; margin-bottom:0.6rem;}
.solutionPage > h3{ font-size:1.17rem; color:#fff;font-weight:normal; margin-bottom:1rem;}
.solutionPage > ul{ display:block;}
.solutionPage > ul > li{ width:100%; height:7rem; display:block; margin-bottom:1rem; background:#fff; box-shadow:3px 3px 3px #666; }
.solutionPage > ul > li > .img{ float:left; border-right:5px solid #c7000b; width:55%; height:100%; overflow:hidden; margin-right:0.6rem;}
.solutionPage > ul > li:nth-child(1) > .img{ border-right-color:#c7000b; }
.solutionPage > ul > li:nth-child(2) > .img{ border-right-color:#edca59; }
.solutionPage > ul > li:nth-child(3) > .img{ border-right-color:#0e4985; }
.solutionPage > ul > li:nth-child(4) > .img{ border-right-color:#89d376; }
.solutionPage > ul > li .detail{}
.solutionPage > ul > li .detail > h3{ height:2rem; line-height:2rem; overflow:hidden; font-size:1.17rem; font-weight:normal;}
.solutionPage > ul > li .detail > p{ text-indent:2em; height:4.5rem; line-height:1.5rem; overflow:hidden; font-weight:normal;}
/*productBanner*/
.productBanner{ width:100%; height:5rem; overflow:hidden;}
/*productListWrap*/
.productListWrap{position:absolute; top:8rem; bottom:0; left:0; width:100%;}
/*productPage*/
.productPage{position:relative; width:100%; height:100%;}
.productPage > .loadmore{ position:absolute; width:100%;height:5rem; line-height:5rem; text-align:center; bottom:0; left:0; z-index:-1; background:#ccc; color:#000; display:none;}
.productPage > .swiper-wrapper{ background:#f9fafa; height:auto; display:block; overflow:auto;}
.productPage > .swiper-wrapper > .swiper-slide{ height:12.5rem; display:block; overflow:hidden;}
.productPage .item{position:relative; float:left; display:block; width:47%; margin-left:2%; height:12.5rem; overflow:hidden; text-align:center;}
.productPage .item > .img{ width:12.5rem; height:12.5rem; margin:0 auto; display:block; overflow:hidden;}
.productPage .item > h3{ position:absolute;left:0; right:0; z-index:100; bottom:0;font-size:1rem; height:2rem; line-height:2rem; overflow:hidden; padding:0 0.6rem; color:#fff; background:rgba(0, 0, 0, 0.7); text-align:center; display:block; font-weight:normal;}
.productPage .item > h3 > a{color:#fff;}
/*productDescribe*/
.productDescribe{}
.productDescribe > h2{ background:#0e4985; color:#fff; height:2rem; line-height:2rem; width:96%; padding:0 2%; overflow:hidden; font-size:1.17rem; font-weight:normal;}
.productDescribe > div{ font-size:1rem; color:#000; padding:0.5rem 1rem; line-height:2rem;}
/*contactUs*/
.contactUs{ padding:1rem; margin:0 auto;}
.contactUs > .title{ width:100%; margin:0 auto;}
.contactUs > .title > h3{ font-size:1.17rem; line-height:2em;}
.contactUs > .title > div{font-size:1rem; line-height:2em; text-indent:2em; color:#333;}
.contactUs > ul{ display:block; overflow:auto;}
.contactUs > ul > li{ position:relative; height:auto; width:auto; padding-bottom:1rem;}
.contactUs > ul > li > .icon{ position:absolute; width:4rem; height:4rem; display:block; left:50%; margin-left:-2rem; top:-1.7rem;}
.contactUs > ul > li > .brd{ margin-top:2rem; border:1px solid #ccc; background-color:#fff; box-shadow:2px 2px 2px #cccccc; border-radius:6px; padding:2rem 1rem 1rem;}
.contactUs > ul > li > .brd > h3{ text-align:center; font-size:1.17rem; line-height:2em; font-weight:bold;}
.contactUs > ul > li > .brd > div{ font-size:1rem; color:#333; line-height:1.5em;}
.contactUs > ul > li:last-child{ padding-bottom:0;}
/*aboutDetail*/
.aboutDetail{ margin:0 1rem;}
.aboutDetail > .title{ position:relative; height:3rem; line-height:3rem; margin-bottom:0.8rem;}
.aboutDetail > .title > hr{position:absolute; z-index:1; top:1.5rem; width:100%; }
.aboutDetail > .title > h2{position:absolute; z-index:2; top:0; left:0; right:0;bottom:0; width:100%; height:3rem; line-height:3rem; text-align:center; }
.aboutDetail > .title > h2 > span{ font-size:1.33rem; height:3rem; line-height:3rem; display:inline-block; background-color:#f9fafa; padding:0 20px; overflow:hidden;}
.aboutDetail > .time{ text-align:center; margin-bottom:10px;}
.aboutDetail > .detail{ line-height:2em; overflow:auto;}
.aboutDetail > .detail img{max-width:100% !important;}
/*newsBanner*/
.newsBanner{width:100%; height:5rem; overflow:hidden;}
/*newsListWrap*/
.newsListWrap{position:absolute; top:8rem; bottom:0; left:0; width:100%;}
/*newsPage*/
.newsPage{position:relative; width:100%; height:100%;}
.newsPage > .loadmore{ position:absolute; width:100%;height:5rem; line-height:5rem; text-align:center; bottom:0; left:0; z-index:-1; background:#ccc; color:#000; display:none;}
.newsPage > .swiper-wrapper{ background:#f9fafa; height:auto; display:block; overflow:auto;}
.newsPage > .swiper-wrapper > .swiper-slide{ height:12rem; display:block; overflow:hidden;}
/*newsList*/
.newsItem{ padding:0 2%; height:11.5rem; border-bottom:0.5rem solid #c7000b; overflow:hidden;}
.newsItem > h2{ height:3rem; line-height:3rem; font-size:1.17rem; font-weight:normal; overflow:hidden;}
.newsItem > .detail{}
.newsItem > .detail > .img{ float:right; width:10rem; height:7.8rem; margin-left:0.5rem;}
.newsItem > .detail > .time{ height:2rem; line-height:1.5rem; overflow:hidden;color:#666;}
.newsItem > .detail > .text{ text-indent:2em; height:6rem; line-height:1.5rem; overflow:hidden;color:#000;}
/*newsDetail*/
.newsDetail{ margin:0 1rem;}
.newsDetail > h2{ width:100%; line-height:1.5rem; text-align:center; margin-bottom:0.5rem;}
.newsDetail > .title > h2 > span{ font-size:1.33rem; height:3rem; line-height:3rem; display:inline-block; background-color:#f9fafa; padding:0 20px; overflow:hidden;}
.newsDetail > .time{ text-align:center; margin-bottom:10px;}
.newsDetail > .detail{ line-height:2em; overflow:auto;}
.newsDetail > .detail img{max-width:100% !important;}
/*checkDetail*/
.checkDetail{ margin:0 1rem;}
.checkDetail > .title{ position:relative; height:3rem; line-height:3rem; margin-bottom:0.8rem;}
.checkDetail > .title > hr{position:absolute; z-index:1; top:1.5rem; width:100%; }
.checkDetail > .title > h2{position:absolute; z-index:2; top:0; left:0; right:0;bottom:0; width:100%; height:3rem; line-height:3rem; text-align:center; }
.checkDetail > .title > h2 > span{ font-size:1.33rem; height:3rem; line-height:3rem; display:inline-block; background-color:#f9fafa; padding:0 20px; overflow:hidden;}
.checkDetail > .time{ text-align:center; margin-bottom:10px;}
.checkDetail > .detail{ line-height:2em; overflow:auto;}
.checkDetail > .detail img{max-width:100% !important;}
/*downloadPage*/
.downloadPage{ width:94%; margin:0 auto;}
.downloadPage > h3{font-size:1.33rem; line-height:2em; }
.downloadItem{padding:0 1rem; border:1px solid #eee; box-shadow:0 3px 5px #666; border-radius:0.5rem; margin-bottom:1rem;}
.downloadItem > h4{font-size:1.17rem; line-height:2em; text-align:center; border-bottom:1px solid #ddd;}
.downloadItem > ul{ overflow:auto; padding:0.5rem 0;}
.downloadItem > ul > li{ float:left; width:33%; display:block; font-size:1rem; line-height:2em;}
.downloadItem > ul > li > a{}
.downloadItem > ul > li > a > i{ margin-right:0.5rem;}
/*downloadDetail*/
.downloadDetail{ width:94%; margin:0 auto;}
.downloadDetail > h3{ font-size:1.33rem; line-height:2em;}
.downloadDetailItem{ padding:1rem; overflow:hidden; border:1px solid #a8a9a9; border-top:6px solid #0e4985; border-radius:10px 0 10px 0; margin-bottom:1rem;}
.downloadDetailItem > .title{ font-size:1.17rem; line-height:1.2em; height:2.4em; overflow:hidden; display:block; margin-bottom:1rem;}
.downloadDetailItem > .title > span{float:right; color:#9d9d9d; margin-left:1rem;}