/* Reset -------------------------------------------------- */
html { margin:0;padding:0;border:0; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, dialog, figure, footer, header, hgroup, nav, section, input { margin: 0; padding: 0;border: 0;}
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
:focus { outline: 0; }
.row { }



/* Global -------------------------------------------------- */
body { font-family: 'Open Sans', 'sans-serif'; color:#000; font-size:14px; line-height:22px; background-color:#5e5e5e;  }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; }
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p { }
ul, ul li, ul ol, ul li ul, ul li ul li { list-style:none; padding:0; margin:0; }
.wrapper { width:100%;}
.container { margin:0 auto; width:1140px;  }
.clear { clear:both; }


 .header {}
.header .header-detail{ background:#fcfcfc; border-bottom:1px solid #e7e7e7;}
.header .logo { padding:50px 0 27px 27px; width:360px; float:left;}
.header .header-right { width:654px; float:right; padding:33px 25px 0 0;}
.header .header-right .header-right-login { width:316px; float:right; margin-bottom:36px;}
.header .header-right .header-right-login span  { color:#797f83; font-size:14px; line-height:27px; padding:0 9px; border-right:1px solid #a2a6a8;border-left:1px solid #a2a6a8;}
.header .header-right .header-right-login a {   line-height:30px; border-radius:3px; text-decoration:none; padding:0 18px; margin-left:10px; display:inline-block; background:#fe0002;}
.header .header-right .header-right-login a:hover { background:#e7463c;}
.header .header-right .header-right-login a span { background:url(../images/login-icon.png) left center no-repeat; border:0px; padding-left:22px; display:inline-block; color:#ffffff; font-size:14px;}
.header .header-right .nav-bar { float:right; margin-bottom:40px;}
.header .header-right .nav-bar ul {}
.header .header-right .nav-bar ul li { float:left; position:relative; border-top:3px solid transparent; border-bottom:3px solid transparent;z-index: 100;} 
.header .header-right .nav-bar ul li a { font-size:14px; color:#797f83; text-transform:uppercase; padding:0 10px; text-decoration:none; font-weight:300; }
.header .nav-bar ul li.active { border-top:3px solid #fe0002; border-bottom:3px solid #fe0002; }
.header .nav-bar ul li.active > a:first-child { color:#fe0002; }
.header .nav-bar ul li:hover {  border-top:3px solid #fe0002; border-bottom:3px solid #fe0002; }
.header .nav-bar ul li:hover a { color:#fe0002;}
.header .nav-bar ul li ul li a { color:#fe0002;}
.header .header-right .search-bar { float:right;}
.header .header-right .search-bar input[type="text"] { height:33px; background:#f2f2f2; max-width:229px; padding:0 10px; box-sizing:border-box; float:left;}
.header .header-right .search-bar a  { width:33px; text-align:center; background:#fe0002; display:inline-block; vertical-align:middle; padding:9px 0; float:left;}
 
.header .nav-bar ul li .sub-menu { display:none; position:absolute; border:1px solid #dedfe0; width:190px; background:#fff;margin-top: 3px;}
.header .nav-bar ul li .sub-menu li { width:100%; border-bottom:1px solid #dedfe0;}
.header .nav-bar ul li .sub-menu li:last-child { border:none;}
.header .nav-bar ul li:hover .sub-menu { display:block;}
.header .nav-bar ul li .sub-menu li a { display:block; border:none;}
.header .nav-bar ul li .sub-menu li a:hover { background:#f00; color:#fff;}
.header .nav-bar ul li .sub-menu-innr { display:none;}
.header .nav-bar ul li .sub-menu li:hover .sub-menu-innr { display:block; width:170px;}
.header .nav-bar ul li .sub-menu li .sub-menu-innr { position:absolute; left:188px; top:-1px;; border:1px solid #dedfe0; background:#fff; width:158px;}
/* banner -------------------------------------------------- */

.banner {}
.banner .banner-title h1 { font-size: 35px; line-height: 37px; color: #ffffff; font-weight: 700; font-family: 'Roboto Condensed'; margin-bottom: 2px; }
.banner .banner-title h3 { font-size: 25px; line-height: 37px; color: #ffffff; font-weight: normal; }
.banner .banner-detail { background:#fff; padding:32px 15px 0 15px;}
.banner .banner-top { width:265px; float:left; text-align:center; padding:8px 10px; box-sizing:border-box;position: absolute;}
.banner .banner-top .service-detail { text-align:center; display:inline-block; padding:3px 11px;min-height: 150px;}
.carousel-indicators li:first-child .service-detail,.carousel-indicators li:last-child .service-detail{padding: 29px 11px 21px;}
.banner .banner-top .service-detail h2 { font-size:24px; color:#ffffff; padding-bottom:23px; border-bottom:1px solid #ffffff;font-family: 'Roboto', sans-serif;}
.banner .banner-top .service-detail p { font-size:12px; line-height:17px; color:#fff; padding-top:15px;}
.banner .banner-top + .banner-top { }
.banner .banner-top + .banner-top + .banner-top {}
.banner .banner-top + .banner-top + .banner-top h2 { padding-bottom:1px;}
.banner .banner-top + .banner-top + .banner-top + .banner-top{ }
.banner .banner-top + .banner-top + .banner-top + .banner-top h2 { padding-bottom:23px;}
.banner .banner-top + .banner-top + .banner-top + .banner-top .service-detail { background:rgba(49 , 49 , 253 , 0.46);}
.services ol li.active .service-detail { background:rgba(49 , 49 , 253 , 0.46);}
.banner .slider { max-width:857px; position:relative; float:left;padding-left: 15px;margin-top: -20px;}
.banner .slider .arrow-left { position:absolute; top:40%; left:30px;}
.banner .slider .arrow-right { position:absolute; top:40%; right:30px;}
.banner .slider .slider-description { position:absolute; bottom:0px;background:rgba(49 , 49 , 253 , 0.8); padding:15px 68px; width:100%; box-sizing:border-box;}
.banner .slider .slider-description h3 { font-size:30px; line-height:30px; color:#fff;font-family: 'Roboto', sans-serif; font-weight:bold;}
.banner .slider .slider-description p { font-size:12px; line-height:18px; color:#ffffff;}
.banner .slider .slider-description .learn-more { border:1px solid #fff; border-radius:3px; width:130px; margin-top:14px;}
.banner .slider .slider-description .learn-more a { background:url(../images/learn-more-arrow.png) 108px center no-repeat; color:#ffffff; text-decoration:none; font-size:17px; display:block;padding:8px 12px 8px 10px; }
.banner .slider-right { background: #f2f2f2;padding: 0px 15px;float: right;width: 238px;margin-top: -20px;}
.banner .slider-right .slider-right-detail { text-align:center; padding-bottom:14px; padding-top:13px; border-bottom:1px solid #bbbec0;}
.banner .slider-right .slider-right-detail:last-child { border-bottom: none;}
.banner .slider-right .slider-right-detail h3 { font-size:17px; line-height:13px; color:#fe0002; padding-bottom:30px;}
.banner .slider-right .slider-right-detail img { padding-bottom:15px;}
.banner .slider-right .slider-right-detail p { color:#797f83; font-size:12px; line-height:16px;text-align: left;}
.banner .slider-right .slider-right-detail a  { color:#78af00; text-decoration:none; }
.banner .innovation-banner { background:url(../images/innovation-img.jpg) center no-repeat; background-size:cover; }
.banner .map-banner {  background:url(../images/map-banner-img.jpg) center no-repeat; background-size:cover; min-height:267px;}
/*slider thumbnails*/
.services ol li{  float: left;
  width: 265px;
  cursor: pointer;
  text-indent: 0;
  height: auto;
  margin: 0;
  list-style: none;border: none;}
.carousel-indicators{width: 100%;position: relative;margin: 0 auto;left: 0;}
.carousel-indicators .active{width: 265px;}
/* content -------------------------------------------------- */
.content {}
.content .content-detail { padding:22px 15px 80px 15px; background:#ffffff;}
.content .content-detail .content-left { width:830px; float:left; padding-top:25px;}
.content .content-detail .content-left.home-page { margin-top: -180px}
.content .content-detail .content-left .content-top { border-top:2px solid #cccccc; text-align:center; padding-bottom:30px;}
.content .content-detail .content-left .content-top span { font-size:30px; font-weight:bold;color:#2e3192; font-weight:bold; background:#fff; padding:0 23px; display:inline-block; margin-top:-12px;}
.content .content-detail .content-left p { font-size:18px; color:#797f83; line-height:30px; padding-bottom:30px;}
.content .content-detail .lastest-news {background:#f2f2f2; padding:20px 25px; float:right; width:238px; margin-bottom:70px;}
.content .content-detail .lastest-news h4 { font-size:24px; font-weight:bold; color:#2e3192;font-family: 'Roboto', sans-serif; padding-left:30px; margin-bottom:40px; }
.content .content-detail .lastest-news .news-inner {margin-bottom: 15px;}
.content .content-detail .lastest-news .news-inner img { max-width:100%;}
.content .content-detail .lastest-news .news-inner span { float:right; font-size:10px; color:#999999; }
.content .content-detail .lastest-news .news-inner h5 { margin:10px 0; color:#fe0002; font-size:14px; display:block;}
.content .content-detail .lastest-news .news-inner p { color:#797f83; font-size:12px;line-height: 16px;}
.content .content-detail .lastest-news .news-inner p a { color:#fe0002; font-size:11px;}
 
 /* contact-us -------------------------------------------------- */
.content .main-content { width:944px; margin:0px auto; margin-bottom:70px; } 
.content .contact-form { width:585px;  float:left; }
.content .field-row { margin-bottom:16px;}
.content .field-row:last-child { margin-bottom:0px;}
.content .field-row label { font-size:16px; line-height:30px; color:#797f83; font-weight:300; }
.content .contact-form .title { width:114px; float:left; }
.content .input-width { float:left; width:470px; }
.content input[type="text"] { height:45px; border:2px solid #eeeeee; width:100%; padding:10px; box-sizing:border-box; }
.content .contact-form textarea{ height:207px; border:2px solid #eeeeee; width:100%; padding:10px; box-sizing:border-box; resize:none; }
.content .contact-form input[type="submit"]{ background:url(../images/submit-strip.png) repeat-x; width:152px; line-height:38px; font-size:17px; color:#f3f3f3; font-weight:normal; text-shadow: 1px 0px 1px #3e3e3e; cursor:pointer; }
.content input[type="submit"]:hover { background:#2c2d63;}
.content .submt { margin-top:17px; }
.content .side-bar { width:293px; float:right;}
.content .address { padding-bottom:23px; border-bottom:2px solid #cccccc; margin-bottom:20px; }
.content .address:last-child { padding-bottom:0px; border-bottom:none; margin-bottom:0px; }
.content .address h4 { font-size:21px; line-height:16px; font-weight:bold; color:#2e3192; margin-bottom:22px; }
.content .address p  {  color:#2e3192; }
.content .address h5 { font-size:16px; line-height:14px; font-weight:bold; color:#797f83; margin-bottom:19px; }
.content .address h6 { font-size:16px; line-height:14px; font-weight:normal; color:#797f83; margin-bottom:19px; }
.content .address a{ font-size:16px; line-height:14px; font-weight:normal; color:#797f83; margin-bottom:19px; text-decoration:none; display:inline-block; padding-left:6px; } 

.banner .distribution-banner { background:url(../images/distribution-bannerimg.jpg) center no-repeat; background-size:cover; }
.banner .banner-title { padding:81px 0 81px 118px;}
.content .links-row { width:944px; margin:0px auto; margin-bottom:72px;}
.content .links-column { width:445px; float:left; margin-left:54px; margin-top:48px; }
.content .links-column:first-child { margin:0px;}
.content .links-title h3 { font-size:25px; line-height:19px; color:#fe0002; font-weight:bold; margin-bottom:28px; }
.content .links-column ul { display:block; font-size:0px; }
.content .links-column ul li { display:block; background:url(../images/download-img.png) left no-repeat; padding-left:36px; margin-top:30px;}
.content .links-column ul li:first-child { margin-top:0px;}
.content .links-column ul li a { font-size:20px; line-height:30px; color:#0e5184; font-weight:normal; text-decoration:none; }

/*company-Page----------------*/
.company-banner { background:url(../images/banner.png) no-repeat; background-size:cover; }
.company-banner .banner-caption { padding-top:82px; padding-left:188px; text-align:left; }
/*content---------------------*/
.content .about-us .company-info { padding:83px 91px 0 95px; text-align:center; background:#fff; }
.content .about-us .company-info .top-img { width:100px; margin:0 auto; margin-bottom:23px; }
.content .about-us .company-info h4 { font-size:30px; line-height:25px; color:#2e3192; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; text-align:center; background:url(../images/line-strip.png) center center no-repeat; margin-bottom:63px; }
.content .about-us .company-info p { font-size:18px; line-height:30px; color:#797f83; font-weight:normal; text-align:left; padding-bottom:31px; }

/*PArtner-Page----------------*/
.partner-banner { background:url(../images/banner-img.jpg) center no-repeat; background-size:cover; }
.partner-banner .banner-title { width:654px;  padding:74px 0 87px 195px; }
.content .logo-title h3 { font-size:25px; line-height:19px; color:#fe0002; font-weight:bold; margin-bottom:58px; font-family: 'Roboto Condensed'; }
/* content -------------------------------------------------- */
.content {}
.content .inner-content { background:#fff; padding:70px 0 90px 0;  }
.content .our-client { width:817px; margin:0px auto; text-align:center; margin-bottom:58px; }
.content .partner-icon { margin-bottom:26px; }
.content .entry-title h4 span { border:1px solid #cccccc; position:absolute; display:block; bottom:7px; width:38%;  right:0; }
.content .entry-title h4 span.i1 { left:0px;}
.content .inner-detail { width:959px; margin:0px auto; margin-bottom:65px; background:#fff;}
.content .inner-detail p { font-size:18px; line-height:30px; color:#797f83; font-weight:normal; margin-bottom:31px; }
.content .inner-detail p b { letter-spacing:.99px;}
.content .inner-detail p+p { margin-bottom:0px;}
.content .partner-logos { width:995px; margin:0px auto;}
.content .partner-logos ul { display:block; font-size:0px; } 
.content .partner-logos ul li { display:inline-block; margin-right:58px; margin-bottom:70px; }
.content .partner-logos ul li:nth-child(3n+0) { margin-right:0px; }
.content .partner-logos ul li:last-child { margin-bottom:0px; }
.content .capacity h4 span { width:32%; }
.content .technology { padding:0 15px; }
.content .capacity { margin-bottom:70px;}
.content .distribution { width:1077px; text-align:center; padding-left:23px; padding-right:11px; }
.content .distribution ul { display:block; font-size:0px;}
.content .distribution ul li { display:inline-block; margin-right:70px; }
.content .distribution ul li:last-child { margin-right:0px;}
.content .icon { margin-bottom:13px;} 
.content .distribution ul li span {  font-size:18px; line-height:30px; color:#fe0002; font-weight:normal; display:block; text-align:center; }

/* environment-page -------------------------------------------------- */
.environment-banner { background:url(../images/environment-banner-img.jpg) center no-repeat; background-size:cover; }
.environment-banner .banner-title { width:557px;  padding:88px 0 101px 103px; }
.environment-detail { margin-bottom:98px;}

.content .environment-detail p { margin-bottom:0px; }
.content .environment-title h4 span { width:26%;}
.content .our-environment { width:946px; }
.content .environment-referbis { width:943px; margin:0px auto; margin-bottom:64px; }
.content .environment-referbis h3 { font-size:25px; line-height:37px; color:#fe0002; font-weight:bold; margin-bottom:15px; } 
.content .environment-referbis ul { }
.content .environment-referbis ul li { display:block; background:url(../images/list-dot.png) left no-repeat; padding-left:22px; margin-bottom:16px; }
.content .environment-referbis ul li {  font-size:18px; line-height:16px; color:#797f83; font-weight:normal; text-decoration:none; display:block;  }
.content .environment-referbis p { font-size: 18px; line-height: 30px; color: #797f83; font-weight: normal; margin-bottom:30px; }
.content .environment-referbis p+p { margin-bottom:0px;}

/* energy-page -------------------------------------------------- */
.banner .smallApplication-banner { background:url(../images/banner-small-application.png) center no-repeat; } 
.content .application-title h4 span { width:38%; }
.content .energy-detail p { font-size: 18px; line-height: 30px; color: #797f83; font-weight: normal; margin-bottom:30px !important; }
.content .energy-detail p:last-child { margin-bottom:0px !important;}

.banner .energyStorage-banner { background:url(../images/storagebanner.jpg) center no-repeat; background-size:cover; }
.content .energyStorage-detail p { margin-bottom:30px !important; } 
.content .energyStorage-detail p+p+p+p { margin-bottom:0px !important;}

.banner .utility-banner { background:url(../images/utility-banner.jpg) center no-repeat; background-size:cover; }
.banner .utility-title { width:583px; padding:81px 0 81px 118px;} 
.content .utility-title span { width:35% !important; }

.banner .service-banner { background:url(../images/service-banner.png) center no-repeat; background-size:cover;}
.banner .service-title { padding:86px 0 100px 99px;  }
.content .service-detail p { margin-bottom:30px; }

.banner .serviceProject-banner { background:url(../images/porject.jpg) center no-repeat; background-size:cover; }

.banner .Remote-banner { background:url(../images/remote-banner-img.jpg) no-repeat; background-size:cover; }
.content .Remote-detail ul { margin-bottom:68px; }
.content .entry-title { position:relative; }
.content .entry-title h4 {   font-size: 30px; line-height: 22px; color: #2e3192; font-weight: 700; position:absolute; bottom:-9px; left:33%; background:#fff; font-family: 'Roboto Condensed';text-align: center; padding:0 15px; }
.content .hrz-line { border:2px solid #cccccc; width:100%;}

.banner .serviceProgram-banner { background:url(../images/service-program-bnr.jpg) center no-repeat; background-size:cover; } 


.main-title h2.background { position: relative; z-index: 1; }
.main-title h2 { font-size: 30px; line-height: 22px; color: #2e3192; font-weight: 700; font-family: 'Roboto Condensed'; text-align: center; padding: 0 15px; }
.main-title h2.background:before { border-top: 2px solid #dfdfdf; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%;  z-index: -1;}
.main-title h2.background span { background: #fff; padding: 0 15px; }
.main-title h2.double:after {
  -webkit-box-shadow: 0 1px 0 0 red; -moz-box-shadow: 0 1px 0 0 red; box-shadow: 0 1px 0 0 red; content: ""; margin: 0 auto; position: absolute; top: 45%; left: 0; right: 0; width: 95%; z-index: -1; }
.content .logos-title { margin-bottom:69px;}

/* High Traffic-page -------------------------------------------------- */
.high-traffic { margin-bottom:32px;}
.high-traffic span { font-size:18px; color:#797f83; font-weight:bold; padding-bottom:18px; display:inline-block;}
.high-traffic ul {}
.high-traffic ul li { font-size:18px; color:#797f83; list-style-type:disc; list-style-position:inside; padding-bottom:16px; }

.banner .pulstich-banner { background:url(../images/ifram-banner.jpg) center no-repeat; background-size:cover; }
.content .ifram { text-align:center; margin-bottom:68px; }
 /*footer-----------------------*/
.footer { padding:46px 0 48px 0; background-color:#2e3192; }
.footer .footer-caption { width:208px; float:left; margin-right:65px; text-align:left; }
.footer .footer-caption h5 { font-size:22px; line-height:18px; color:#ffffff; font-weight:normal; text-align:left; font-family: 'Roboto Condensed', sans-serif; padding-bottom:16px; text-transform:uppercase;  }
.footer .footer-caption ul {}
.footer .footer-caption ul li p { font-size:14px; line-height:27px; color:#dee1e3; font-weight:normal; text-align:left; letter-spacing:0.6px;  }
.footer .footer-caption ul li p a {  font-size:14px; line-height:27px; color:#dee1e3; font-weight:normal; text-align:left; text-decoration:none; display:inline-block; font-family: 'Roboto Condensed', sans-serif; letter-spacing:0.9px; }
.footer .footer-caption ul.footer-icons { margin-top:47px; }
.footer .footer-caption ul.footer-icons li { float:left; padding-right:14px; }
.footer .footer-caption ul.footer-icons li a.fb { background:url(../images/fb-icon.png) left no-repeat; padding-left:20px;}
.footer .footer-caption ul.footer-icons li a.fb:hover { background:url(../images/fb-icon-hover.png) left no-repeat;}
.footer .footer-caption ul.footer-icons li a.twiter { background:url(../images/tweeter.png) left no-repeat; padding-left:20px;}
.footer .footer-caption ul.footer-icons li a.twiter:hover { background:url(../images/tweeter-hover.png) left no-repeat;}
.footer .footer-caption ul.footer-icons li a.gplus { background:url(../images/google.png) left no-repeat; padding-left:20px;}
.footer .footer-caption ul.footer-icons li a.gplus:hover { background:url(../images/google-hover.png) left no-repeat; padding-left:20px;}
.footer .footer-caption ul.footer-icons li a.vimeo { background:url(../images/v-icon.png) left no-repeat; padding-left:20px;}
.footer .footer-caption ul.footer-icons li a.vimeo:hover { background:url(../images/v-icon-hover.png) left no-repeat; padding-left:20px;}
.footer .footer-caption ul.footer-icons li a.blog { background:url(../images/folow-icn.png) left no-repeat; padding-left:20px;}
.footer .footer-caption ul.footer-icons li a.blog:hover { background:url(../images/folow-icn-hover.png) left no-repeat; padding-left:20px;}
.footer .products { margin-right:35px; }
.footer .products ul li a { line-height:21px; font-size:14px; text-decoration:none;color:#dee1e3; font-weight:normal; text-align:left; letter-spacing:0.6px; }
.footer .links { width:235px; margin-right:0px; }
.footer .links ul li a { line-height:21px; font-size:14px; text-decoration:none;color:#dee1e3; font-weight:normal; text-align:left; letter-spacing:0.6px; }
.footer .ask-us { width:270px; float:right; margin-right:7px; text-align:left; }
.footer .ask-us h5 { padding-bottom:25px; }
.footer .ask-us input[type="text"] {  font-size:14px; line-height:15px; color:#7e7f84; font-weight:normal; text-align:left; padding:9px 19px; background-color:#ffffff; width:100%; box-sizing:border-box; margin-bottom:21px; font-family: 'Roboto Condensed', sans-serif; }
.footer .ask-us textarea {  font-size:14px; line-height:14px; color:#7e7f84; font-weight:normal; text-align:left; padding:10px 19px 10px 19px; background-color:#ffffff; min-height:83px; width:100%; box-sizing:border-box; border:none; resize:none; margin-bottom:21px; font-family: 'Roboto Condensed', sans-serif;}
.footer .ask-us input[type="submit"] { font-size:12px; line-height:33px; color:#ffffff; font-weight:normal; font-family: 'Roboto Condensed', sans-serif; width:138px; background-color:#fe0002; cursor:pointer; float:left; text-transform:uppercase; letter-spacing:1.5px; }
.footer .ask-us input[type="submit"]:hover { background:#e7463c;}
.ftr-inner { padding:0 15px;}