.carea {padding:20px 20px 30px 20px;min-height:auto;}
h2, .h2 {margin:0px 0px 10px 0px;}
.stt {font-size:22px;color:#227381;text-transform:uppercase;font-weight:600;}
.sttt {color:#227381; font-weight:600;text-transform:uppercase;}
.line{height:3px;background:#227381;margin:40px 0px;}

.res1810 .stt {font-size:32px;color:#227381;text-transform:uppercase;font-weight:600;}
.res1810 .sttt {color:#227381; font-weight:600;text-transform:uppercase;}
.res1810 .line{margin:70px 0px;}

/****banner top***/
.container .banner {background:url(../images/15/banner-top.jpg) center no-repeat;height:190px;}
.container .banner .barea {max-width:1130px; margin:0px auto; padding:0px 20px 0px 20px;}
.container .banner .barea .caption {color:#fff;font-size:42px;text-transform:uppercase;font-weight:700;letter-spacing:1px;line-height:52px;padding:60px 0px 0px 0px;text-align:center;}
.container .banner .barea .caption h1 {color:#fff;font-size:42px;font-weight:700;letter-spacing:1px;line-height:52px;text-align:center;text-transform:capitalize;margin:0px;}

.res1810 .container .banner {background:url(../images/15/banner-top-1810.jpg) center no-repeat;height:250px;}
.res1810 .container .banner .barea {max-width:1770px;}
.res1810 .container .banner .barea .caption {font-size:50px;line-height:52px;padding:80px 0px 0px 0px;}
.res1810 .container .banner .barea .caption h1 {font-size:50px;line-height:60px;}

.res940 .container .banner {background:url(../images/15/banner-top-940.jpg) center no-repeat;height:176px;}
.res940 .container .banner .barea .caption {padding:58px 0px 0px 0px;font-size:35px;line-height:40px;}
.res940 .container .banner .barea .caption h1 {font-size:35px; line-height:40px;}

.res720 .container .banner {background:url(../images/15/banner-top-720.jpg) center no-repeat;height:126px;}
.res720 .container .banner .barea .caption {padding:32px 0px 0px 0px;font-size:28px;line-height:38px;}
.res720 .container .banner .barea .caption h1 {font-size:28px; line-height:38px;}

.res480 .container .banner {background:url(../images/15/banner-top-480.jpg) center no-repeat;height:126px;}
.res480 .container .banner .barea .caption {padding:38px 0px 0px 0px;font-size:24px;line-height:30px;}
.res480 .container .banner .barea .caption h1 {font-size:24px; line-height:30px;}

.res320 .container .banner {background:url(../images/15/banner-top-320.jpg) center no-repeat;height:126px;}
.res320 .container .banner .barea {padding:0px 10px;}
.res320 .container .banner .barea .caption {padding:44px 0px 0px 0px;font-size:20px;line-height:26px;}
.res320 .container .banner .barea .caption h1 {font-size:20px; line-height:26px;}


/*****Blog****/
.blogs {background:#f1f0f0;padding:30px 0px;}
.blogs .barea {max-width:1130px; padding:0px 20px; margin:0px auto;}
.blogs .barea .title {font-weight:600;font-size:41px;text-transform:uppercase;max-width:752px;margin:0px auto;text-align:center;padding-bottom:10px;/* border-bottom:solid 3px #73b743; */color:#73b743;}
.blogs .barea .cnt {overflow:hidden;margin:10px 0px 20px;}
.blogs .barea .cnt .npost {float:left;max-width:360px;margin:0px 6px;border:2px solid #73b743;}
.blogs .barea .cnt .npost .npic {display:block;}
.blogs .barea .cnt .npost .npic img {max-width:100%;}
.blogs .barea .cnt .npost .pcnt {background:#fff;padding:20px;}
.blogs .barea .cnt .npost .pcnt .ntitle {display:block;color:#73b743;font-weight:700;font-size:24px;/* text-transform:uppercase; */min-height:auto;text-align:center;}
.blogs .barea .cnt .npost .pcnt .ndate {display:block; color:#ccc; font-weight:600; font-size:16px; margin:10px 0px; text-transform:uppercase;}
.blogs .barea .cnt .npost .pcnt .ntext {margin:0px;color:#000;font-size:20px;min-height:278px;text-align:center;}
.blogs .vmarea {margin:40px 0px 0px 0px;}
.blogs .vmarea .vm {position:relative;}
.blogs .vmarea .vm .line {position:absolute; width:100%; height:3px; background:#ccc; top:50%; margin-top:-1.5px;}
.blogs .vmarea .vm .lnk {display:block; text-align:center; text-transform:uppercase; color:#2c4c7e; font-weight:600; font-size:32px; max-width:200px; margin:0px auto; background:#eee; z-index:5; position:relative;}

.res1810 .blogs .barea {max-width:1770px;}
.res1810 .blogs .barea .cnt .npost {max-width:526px;margin:0px 30px;}
.res1810 .blogs .barea .cnt .npost .pcnt .ntitle {/* min-height:99px; */font-size:28px;}
.res1810 .blogs .barea .cnt .npost .pcnt .ntext {min-height:252px;font-size:24px;}

.res940 .blogs .barea .cnt {max-width:900px;margin:0 auto;}
.res940 .blogs .barea .cnt .npost {max-width:284px;}
.res940 .blogs .barea .cnt .npost .pcnt .ntitle {font-size:20px;/* min-height:108px; */}
.res940 .blogs .barea .cnt .npost .pcnt .ntext {font-size:18px;min-height:300px;}

.res720 .blogs .barea .title {font-size:35px;}
.res720 .blogs .barea .cnt {max-width:680px;margin:0 auto;}
.res720 .blogs .barea .cnt .npost {max-width:210px;}
.res720 .blogs .barea .cnt .npost .pcnt .ntitle {font-size:17px;/* min-height:138px; */}
.res720 .blogs .barea .cnt .npost .pcnt .ndate {font-size:14px;}
.res720 .blogs .barea .cnt .npost .pcnt .ntext {font-size:16px;min-height:332px;}

.res480 .blogs .barea .title {font-size:28px;}
.res480 .blogs .barea .cnt {max-width:440px;margin:0 auto;}
.res480 .blogs .barea .cnt .npost {max-width:320px;margin:0px auto 30px auto;float:none;}
.res480 .blogs .barea .cnt .npost .pcnt .ntitle {min-height:auto;}
.res480 .blogs .barea .cnt .npost .pcnt .ntext {min-height:auto;}
.res480 .blogs .vmarea {margin:0px 50px 0px 50px;}
.res480 .blogs .vmarea .vm .lnk {font-size:26px; width:158px;}

.res320 .blogs .barea .title {font-size:23px;}
.res320 .blogs .barea .cnt .npost {max-width:320px;margin:0px auto 30px auto;float:none;}
.res320 .blogs .barea .cnt {max-width:440px;margin:0 auto;}
.res320 .blogs .barea .cnt .npost .pcnt .ntitle {min-height:auto; font-size:17px;}
.res320 .blogs .barea .cnt .npost .pcnt .ndate {font-size:14px;}
.res320 .blogs .barea .cnt .npost .pcnt .ntext {font-size:16px;min-height:auto;}
.res320 .blogs .vmarea {margin:0px 50px 0px 50px;}
.res320 .blogs .vmarea .vm .lnk {font-size:26px; width:158px;}

/*****systems*******/
.systems {background:#f1f0f0;}
.systems .title {font-size:44px;color:#73b743;text-transform:uppercase;margin-top:80px;}
.systems img.right {width:60%;margin-top:-190px;margin-bottom:30px;}
.systems span.text {display:block;color:#227381;font-weight:600;font-size:62px;}

.res1810 .systems .title {font-size:70px;margin-top:110px;}
.res1810 .systems span.text {font-size:92px;}
.res1810 .systems img.right {width:auto;margin-top:-260px;}

.res940 .systems .title {font-size:34px;}
.res940 .systems span.text {font-size:49px;}
.res940 .systems img.right {margin-top:-160px;}

.res720 .systems .title {margin-top:0px;text-align:center;margin-bottom:20px;}
.res720 .systems span.text {/* font-size:82px; */}
.res720 .systems img.right {margin-top:0px;width:auto;}

.res480 .systems .title {margin-top:0px;text-align:center;margin-bottom:20px;}
.res480 .systems span.text {/* font-size:82px; */}
.res480 .systems img.right {margin-top:0px;width:auto;}

.res320 .systems .title {margin-top:0px;text-align:center;margin-bottom:20px;font-size:26px;}
.res320 .systems span.text {font-size:38px;}
.res320 .systems img.right {margin-top:0px;width:auto;}

/****banner2***/
.container .banner2 {background:url(../images/15/banner-Real-time-monitoring.jpg) center no-repeat;height:300px;}
.container .banner2 .barea {max-width:1130px; margin:0px auto; padding:0px 20px 0px 20px;}
.container .banner2 .barea .caption {color:#fff;font-size:34px;text-transform:uppercase;font-weight:700;letter-spacing:1px;line-height:52px;padding:90px 0px 0px 0px;text-align:left;width:50%;}
.container .banner2 .barea .caption h1 {color:#fff;font-size:42px;font-weight:700;letter-spacing:1px;line-height:52px;text-align:center;text-transform:capitalize;margin:0px;}
.container .banner2 .barea .caption .text {font-size:16px;text-transform:none;font-weight:100;letter-spacing:0px;line-height:normal;}

.res1810 .container .banner2 {background:url(../images/15/banner-Real-time-monitoring-1810.jpg) center no-repeat;height:300px;}
.res1810 .container .banner2 .barea {max-width:1770px;}
.res1810 .container .banner2 .barea .caption {font-size:50px;line-height:52px;padding:70px 0px 0px 0px;}
.res1810 .container .banner2 .barea .caption h1 {font-size:50px;line-height:60px;}
.res1810 .container .banner2 .barea .caption .text {font-size:25px;text-transform:capitalize;font-weight:100;letter-spacing:0px;line-height:normal;}

.res940 .container .banner2 {background:url(../images/15/banner-Real-time-monitoring-940.jpg) center no-repeat;height:300px;}
.res940 .container .banner2 .barea .caption {padding:88px 0px 0px 0px;font-size:35px;line-height:40px;width:490px;}
.res940 .container .banner2 .barea .caption h1 {font-size:35px; line-height:40px;}

.res720 .container .banner2 {background:url(../images/15/banner-Real-time-monitoring-720.jpg) center no-repeat;height:524px;}
.res720 .container .banner2 .barea .caption {padding:362px 0px 0px 0px;font-size:28px;line-height:38px;text-align:center;width:500px;margin:0 auto;}
.res720 .container .banner2 .barea .caption h1 {font-size:28px; line-height:38px;}

.res480 .container .banner2 {background:url(../images/15/banner-Real-time-monitoring-480.jpg) top no-repeat;height:460px;}
.res480 .container .banner2 .barea .caption {padding:308px 0px 0px 0px;font-size:24px;line-height:30px;width:400px;text-align:center;margin:0 auto;}
.res480 .container .banner2 .barea .caption h1 {font-size:24px; line-height:30px;}

.res320 .container .banner2 {background:url(../images/15/banner-Real-time-monitoring-320.jpg) top no-repeat;height:496px;}
.res320 .container .banner2 .barea {padding:0px 10px;}
.res320 .container .banner2 .barea .caption {padding:314px 0px 0px 0px;font-size:20px;line-height:26px;margin:0 auto;width:270px;text-align:center;}
.res320 .container .banner2 .barea .caption h1 {font-size:20px; line-height:26px;}

/****banner3***/
.container .banner3 {background:#227381;height:auto;}
.container .banner3 .barea {max-width:1130px;margin:0px auto;padding:0px 20px 10px 20px;}
.container .banner3 .barea .caption {color:#fff;font-size:34px;text-transform:uppercase;font-weight:700;letter-spacing:1px;line-height:52px;padding:40px 0px 30px 0px;text-align:center;width:60%;margin:0 auto;}
.container .banner3 .barea .caption h1 {color:#fff;font-size:42px;font-weight:700;letter-spacing:1px;line-height:52px;text-align:center;text-transform:capitalize;margin:0px;}
.container .banner3 .barea .caption .text {font-size:16px;text-transform:capitalize;font-weight:100;letter-spacing:0px;line-height:normal;margin-bottom:20px;}
.container .banner3 .barea img {margin:0px auto; padding:0px; border:0px; display:block; max-width:100%;}

.res1810 .container .banner3 {/* height:auto; */}
.res1810 .container .banner3 .barea {max-width:1770px;}
.res1810 .container .banner3 .barea .caption {font-size:50px;line-height:52px;padding:70px 0px 70px 0px;}
.res1810 .container .banner3 .barea .caption h1 {font-size:50px;line-height:60px;}
.res1810 .container .banner3 .barea .caption .text {font-size:25px;text-transform:none;font-weight:100;letter-spacing:0px;line-height:normal;}

.res940 .container .banner3 {/* height:300px; */}
.res940 .container .banner3 .barea .caption {padding:38px 0px 20px 0px;font-size:35px;line-height:40px;width:auto;}
.res940 .container .banner3 .barea .caption h1 {font-size:35px; line-height:40px;}

.res720 .container .banner3 {/* height:524px; */}
.res720 .container .banner3 .barea .caption {font-size:28px;line-height:38px;text-align:center;width:500px;margin:0 auto;}
.res720 .container .banner3 .barea .caption h1 {font-size:28px; line-height:38px;}

.res480 .container .banner3 {/* height:460px; */}
.res480 .container .banner3 .barea .caption {font-size:24px;line-height:30px;width:auto;text-align:center;margin:0 auto;}
.res480 .container .banner3 .barea .caption h1 {font-size:24px; line-height:30px;}
.res480 .container .banner3 .barea .caption .text {font-size:14px;}

.res320 .container .banner3 {/* height:496px; */}
.res320 .container .banner3 .barea {padding:0px 10px 40px;}
.res320 .container .banner3 .barea .caption {font-size:20px;line-height:26px;margin:0 auto;width:auto;text-align:center;}
.res320 .container .banner3 .barea .caption h1 {font-size:20px; line-height:26px;}