body{ margin:0px; padding:0px; font-size:17px; letter-spacing:0.2px;  font-family: 'Roboto'; font-weight: 300;}
*{outline:none;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,div { }
input{ border-radius:0px; -webkit-border-radius:0px;-ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px}
 p, h1, h2, h3, h4, h5, h6, ul, ol, li{ margin: 0; padding: 0; list-style:none; font-weight:normal; }
input{ outline:none;}
a{ text-decoration:none;}
img{ border:0px; max-width:100%;/* ie8 */ margin:0px;}
.clearFix:before, .clearFix:after
 { content:""; display:table;}
.clearFix:after{ clear:both; margin:0px; line-height:0px; padding:0px;}

  header.smaller,header h1#logo,header.smaller h1#logo,header nav a,.readmore,.menuFix ul li a img,.aboutblack,.sendBtn, .nowinquiry-tab,.tuvcertifie, .inebotomm,.yearlogo{-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;	transition: all ease 0.5s;}
.clearFix{ zoom:1} 
 
.bannerfix{ width:100%; margin: 0 auto; margin-top: 110px; position: relative; z-index: 9}
 h2{ font-size:60px;}
h3{ font-size:40px; letter-spacing: -0.5px; color: #454545; font-weight:300;}
a{ color: #3d9f8d; font-weight: 400}a:hover{ text-decoration: underline}
p{ font-weight: 300; line-height: 24px; font-size:20px; letter-spacing: 0.2px;} 
 

.iconfixx{ margin-bottom: 80px;} 
.clientsec{ width:98%; margin:0 auto; padding: 100px 0 50px; text-align: center}
.clientsec h4{font-family: 'square721_cn_btroman'; font-size: 22px; text-transform: uppercase;color: #a29e9e; letter-spacing: 1px;}.clientsec span{ font-size: 18px; line-height: 30px;}.clientlogoo{ padding: 50px 0;}
.clientlogoo img{ padding:0 20px;}
 header {  width: 100%;  height: 110px; background-color: #fff; background-image: url("../images/theme-patti.jpg"); background-repeat: repeat-x; background-position: center bottom; position:  fixed;  top: 0;
  left: 0;  z-index: 99999;   }.inebotomm{ width:250px; display: none; height: 8px; background-color: #21abf0; position: absolute; top: 120px; z-index: 99; left: 200px;}
  header h1#logo { display: inline-block; width:190px; background-image:url("../images/neon_graphite_logo.png") ;background-repeat:no-repeat;    height:81px; margin: 20px 0 0 30px;  float: left;  }
  header nav {  width:700px; position: fixed;  right:10px; margin: auto; }
    header nav a { position: relative; display: block; margin-top: 55px; float: left; margin-left: 20px;border-bottom:2px solid #fff; padding-bottom:2px; color: #000; font-size:14px;  text-transform:uppercase; font-family: arial; letter-spacing:0.5px; position: relative}
	header nav a:hover{ border-bottom:2px solid #13b799;text-decoration: none;}
 header.smaller {height: 75px; }
    header.smaller h1#logo { width:250px; height:65px; background-size: auto 90%; margin: 10px 0 0 30px;}
    header.smaller nav a {margin-top: 30px;  }
	.menuFix ul li a{ border-bottom:0px; }
	header.smaller .container { height:65px;}.menuFix ul li a img:hover{ padding-top:7px;}
  header.smaller .tuvcertifie{ width:100px;   margin-top: 10px; }
  header.smaller .yearlogo{ width:50px;  position: fixed; right: 20px; top: 10px; z-index: 999}
 
.activve{border-bottom:2px solid #13b799;text-decoration: none;}
 

#slding,#villa,#tilt,#fold,#combination{ display: none}
.menupop{ width:450px; height: auto; line-height: normal; display: none;  padding: 25px; position: absolute; top:18px; left: -150px; background-color: #13b799;}
#clickpp:hover .menupop{ display: block;}.leftMenuu{ width:30%; padding-top: 50px; float: left;}.rightMenuuuv{ width:68%; float: right;}.leftMenuu span{ display: block; cursor: pointer; font-weight: bold; font-size: 17px; line-height: 40px; border: 0px; padding: 0px; text-align: left;}.menudoor1{ display: none;}.leftMenuu span:hover{ color: #57c636} 
.menuicn{ display: none;}

 
 .menupop1{ position: absolute; left: -30px; top: 18px; background-color: #baea2d; padding: 25px;}
.overhen{ height: 390px;overflow: hidden;}.menupop1{ display: none; width:150px; padding-bottom: 50px;}#clickpp1:hover .menupop1{ display: block}
.menupop1 span{ font-size:14px; display: block; font-weight: bold; cursor: pointer;color: #000; line-height: 30px;}.menupop1 span:hover{ color: #4cc739}

.sec2{ width:100%; height: auto; padding: 200px 0 ; background-image: url("../images/bg_top.jpg"),url("../images/bg1.jpg"); background-repeat: no-repeat; background-position: top center, bottom right; margin-top:-50px; } .heagbg{width:344px; height: 63px; background-image: url("../images/our_products_head.png"); background-position: center center; background-repeat: no-repeat; margin: 0 auto; margin-bottom: 50px;}
.porductfix{ width:1024px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}.prdhed{ width:45%; float: left; font-size:55px; font-weight:900; color: #201f1e; letter-spacing: -1.2px;}.prdcont{ width:55%; float: right; font-size:20px; color: #686868; line-height: 28px; padding-top: 10px}
.threprd{ width:1050px; margin: 0 auto;}.threprd img{ padding: 0 5px;}
.cyanfon{ color:#559b8e}
.whirfont{ color:#fff}
.graydark{ color: #1e1d1c}
.lightctyan{ color:#95ffed; display: block; text-align:center;}
.padintop{ padding-top:10px; padding-bottom: 25px;}
.sec3{ background-image: url("../images/bg3.jpg"); background-repeat: repeat-x; background-position: center top; padding:40px 0 85px;}
.sec4{ background-image: url("../images/bg4.jpg");background-repeat: repeat-x; background-position: center top; padding:60px 0 50px;}
.sec5{ background-image: url("../images/bg5.jpg"); background-repeat: repeat-x; background-position: center top; padding:80px 0 70px;  }
.sec6{ background-image: url("../images/bg6.jpg"); background-repeat: repeat-x; background-position: right bottom; padding:100px 0 100px;  }
.sec7{ background-image: url("../images/bg7.jpg"); background-repeat: repeat-x; background-position: right bottom; padding:100px 0 100px;  }
.sec8{ background-image:url("../images/bg8.jpg"); background-repeat: repeat-x; background-position: center center; padding:300px 0 360px; color: #fff }
.ftrbg{ width:100%; padding: 100px 0; background-image: url("../images/bg9.jpg"); color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover}

.sec4fix{ width:1024px; margin: 0 auto;}
.sec5Fix{ width:900px; margin: 0 auto; text-align: center; color: #fff;}.sec5Fix img{ padding: 10px;}
.sec8Fix{ width:1000px; margin: 0 auto; font-size:23px; text-align: center; line-height: 33px;}
.sec4prdhed,.sec4prdhed1{ width:60%; float: left; font-size:50px; line-height:75px; font-weight:900; padding-top: 25px; color: #201f1e; letter-spacing: -2px;} .rightimgsec4,.rightimgsec41{ width:35%; float: right;}.rightimgsec4 img{ padding-bottom: 10px;}.sec4prdhed1 { width:50%}.rightimgsec41{ width:48%; padding-top: 25px;}
.ftrlogo{ text-align: center; margin-bottom: 35px;}.footerfixx{ width:1024px; margin: 0 auto;}
.fbox1{ width:34%; font-size:16px;font-weight: 300; color: #8e8e8e; float: left; margin-right: 2%;}.fbox2{ width:25%; float: right; }.footerfixx h4{ font-size:17px; color: #fff; font-weight:500; padding-bottom: 10px; display: block}.footerfixx span{ padding-left:20px; display: block}.fbox2{ font-size:20px; color: #b0b0b0}

.dnwloadbtn{ background-color: #f5bd17; width:300px; height: 35px; line-height: 35px; color: #000; text-align: center; font-size:16px;}
.dnwloadbtn:hover{ background-color:#000; color: #fff}



/**********abot************/

.about_banner{ width:100%; height:auto; margin-top:110px; background-image:url(../images/about/about_banner.jpg); background-repeat:no-repeat; background-position:top; background-size:cover; text-align:center; padding-top:282px;}
.about_text{ width:1140px; height:131px; text-align:center; margin:0px auto;  text-transform:uppercase;  font-family: "Roboto Condensed"  }
.about_text h1{ font-size:138px;  color:#ffffff;} 
.about_box{ width:1140px; height:auto; background-image: linear-gradient(180deg, white, #f6f6f6); border-radius:10px; margin:0px auto; padding-bottom:80px;}

.about_2text{ width:1000px; margin:0px auto; padding-top:83px;}
.about_2text p{text-align: center;} .about_2text h1{text-align: center; font-family:"Roboto Condensed"; font-size:50px; font-weight:bold; color:#1d1c1b; }
.our_vision_tab{ width:250px; height:60px; background-image:url(../images/about/tab_bg.png); background-position:right center; background-repeat:no-repeat; margin:0px auto; padding-bottom:5px; padding-right:15px;}

.motto{ width:100%; height:361px; background-image:url(../images/about/motto_bg.jpg); background-position:left; background-repeat:no-repeat; background-color:#f6f6f6;}
.motto_cont{ width:1050px; height:190px; padding-top:80px; margin:0px auto;  }
.motto_cont_left{ width:400px; float:left; color:#599c90; margin-top:60px; font-size:63px; font-family:"Roboto Condensed"; margin-left:50px;}
.motto_cont_right{ width:175px; height:105px; color:#fff; background-color:#599c90; margin:10px; float:right; text-align:center; font-weight:bold; padding-top:70px; background-image:url(../images/about/box.png); background-repeat:no-repeat; background-position:center;}

.about_bottom{ width:100%; height:auto; padding-top:50px; padding-bottom:50px; background-color:#f6f6f6;}
.about_bottom_tex{ width:1100px; height:auto; margin:0px auto; line-height:35px; text-align:justify;}
.collon{
	width: 55px;
	height: 55px;
	position: absolute;
	left: 485px;
	top: 555px;
}
.collon2{
	width: 55px;
	height: 55px;
	position: absolute;
	left: 1276px;
	top: 671px;
}
.form_box input{ width:95%} .form_msg_box textarea{ width:95%}



/**********contact************/

.contact_banner{ width:100%; height:auto; margin-top:110px; background-image:url(../images/contact/contact_banner.jpg); background-repeat:no-repeat; background-position:top; background-size: contain; text-align:center; padding-top:282px; background-color:#f2f2f2;}
.contact_text{ width:1140px; height:131px; text-align:center; margin:0px auto;  text-transform:uppercase;  font-family: "Roboto Condensed"  }
.contact_text h1{ font-size:138px;  color:#ffffff;} 
.contact_box{ width:1140px; height:auto; background-color:#fff; background-image:url(../images/contact/c_bg.png); background-position:right top; background-repeat:no-repeat;  border-radius:10px; margin:0px auto; padding-bottom:80px;}

.contact_text{ width:1000px; height:70px; padding-top:90px; margin:0px auto; text-align:left; color:#777777; font-size:24px;}
.contact_form{ width:1000px; height:650px; margin:0px auto; padding-top:40px;}
.contact_form_left{ width:550px; height:600px; float:left; }
.contact_form_right{ width:420px; height:600px; float:right; padding-left:30px; }
.adress{ width:390px; height:auto; padding-bottom:27px; padding-left:25px; text-align:left; background-image:url(../images/contact/location.png); background-position:left top; background-repeat:no-repeat; }
.adress h1{ color:#419081; font-size:20px; padding-bottom:10px; }
.adress1{ width:390px; height:auto; padding-bottom:27px; padding-left:25px; text-align:left; background-image:url(../images/contact/office.png); background-position:left top; background-repeat:no-repeat; }
.adress1 h1{ color:#419081; font-size:20px; padding-bottom:5px; }
.adress2{ width:390px; height:auto; padding-bottom:27px; padding-left:25px; text-align:left; background-image:url(../images/contact/mail.png); background-position:left top; background-repeat:no-repeat; }
.adress2 h1{ color:#419081; font-size:20px; padding-bottom:5px; }
.adress3{ width:390px; height:auto; padding-bottom:27px; padding-left:25px; text-align:left; background-image:url(../images/contact/contact.png); background-position:left top; background-repeat:no-repeat; }
.adress3 h1{ color:#419081; font-size:20px; padding-bottom:5px; }

.form_box{ width:540px; height:62px; margin-bottom:25px; text-align:left;}
.form_msg_box{ width:540px; height:215px; margin-bottom:25px; text-align:left;}
.submit_tab{ width:133px; height:43px; background-color:#419081; color:#fff; text-transform:uppercase; float:right; border-radius:50px; font-size:20px; margin-right:20px; padding-top:17px; font-weight:bold; cursor:pointer;}

 




/**********why us************/

.why_banner{ width:100%; height:auto; margin-top:110px; background-image:url(../images/why_us/why_us_banner.png); background-repeat:no-repeat; background-position:top; background-size: contain; text-align:center; padding-top:282px; background-color:#f2f2f2;}
.why_text{ width:1140px; height:131px; text-align:center; margin:0px auto;  text-transform:uppercase;  font-family: "Roboto Condensed"  }
.why_text h1{ font-size:138px;  color:#ffffff;} 
.why_box{ width:1140px; height:762px; background-color:#fff; background-image:url(../images/why_us/why_bg.png); background-position:left bottom; background-repeat:no-repeat;  border-radius:10px; margin:0px auto; padding-bottom:80px;}

.why_top_txt{ width:716px; height:198px; margin:0px auto; padding-top:100px; padding-bottom:75px; }
.why_top_txt p{ font-size:26px; color:#777777;}
.why_top_txt h1{ font-size:63px; color:#1d1c1b; padding:15px;}
.why_top_box{ width:950px; height:350px; margin:0px auto;}
.why_black_top{ width:262px; height:73px; float:left; margin:25px; background-color:#333232; color:#fff; border-radius:10px; padding-top:40px; font-weight:bold; }
.why_green{ width:100%; height:414px; background-color:#195248; color:#fff;}
.why_green_text{ width:1010px; height:170px; padding-top:130px; margin:0px auto; text-align: center;}
.why_green_text p{font-size:31px; padding-bottom:30px;}
.why_green_white{ width:190px; height:55px; float:left; margin:20px; border-radius:10px; background-color:#fff; color:#195248; padding-top:15px; }
.why_green_white_sml{ width:30px; height:40px; color:#fff; float:left; margin-top:20px; padding-top:25px; font-size:20px; }

.why_bottom_box{ width:100%; height:790px; padding-top:71px; background-color:#419081; background-image:url(../images/why_us/bottom_bg.png); background-repeat:no-repeat; background-position:bottom right; } 
.why_bottom_txt{ width:1022px; height:80px; padding-bottom:44px; color:#acf6e9; margin:0px auto; text-align:center;}
.why_bottom_txt h1{ color:#fff; text-transform:uppercase; font-size:30px;}
.why_bottom_txt p{ font-size:27px;}
.why_bottom_boxes{width:1022px; margin:0px auto;}

.why_black_box{ width:253px; height:37px; margin:1px; color:#539a8d; float:left; text-align:center; padding-top:18px; border-radius:10px; background-color:#2a2a2a; font-weight:bold; text-transform:uppercase; }

.why_white_box{ width:253px; height:37px; margin:1px; color:#539a8d; float:left; text-align:center; padding-top:18px; border-radius:10px; background-color:#d9f6ef; text-transform:uppercase; font-weight:bold; }

.why_green_box{ width:251px; height:35px; margin:1px; color:#d9f6ef; float:left; text-align:center; padding-top:18px; border-radius:10px; background-color:#3b796e; border: 1px solid #124f40; text-transform:uppercase; }



/**********product************/

.product_banner{ width:100%; height:330px; margin-top:110px; background-image:url(../images/product/product_banner.png); background-repeat:no-repeat; background-position:top; background-size:cover; text-align:center; padding-top:150px; }
.product_text{ width:1140px; height:131px; text-align:center; margin:0px auto;  text-transform:uppercase;  font-family: "Roboto Condensed"  }
.product_text h1{ font-size:138px;  color:#ffffff;}

.graphite_box{ width:1022px; height:auto; padding-top:20px; padding-bottom:20px; margin:0px auto;}
.graphite__img{ width:400px; height:293px; padding-top:50px; float:left;}
.graphite_txt{ width:560px; height:250px; float:right; padding-top:120px;}
.graphite_txt h1{ font-size:50px; color:#1d1c1b; font-weight:bold; font-family: "Roboto Condensed";padding-bottom:15px; }

.graphite_box ul li{  list-style:square; margin-left: 39px; line-height: 27px; font-weight:normal; color:#292828;}
.graphite_box h2 { font-size:20px; color:#1d1c1b; font-weight:bold; padding-bottom:20px; }

.graphite_mold{ width:100%; height:480px; background-color:#f5f5f5; padding-top:80px; }
.graphite_mold_cont{ width:1022px; height:auto; margin:0px auto;}
.graphite_mold_cont h1{ font-size:50px; color:#1d1c1b; font-weight:bold; font-family: "Roboto Condensed" ; padding-bottom:15px; }
 
.product_green{ width:100%; height:300px; background-color:#4f9689; padding-bottom:90px; padding-top:90px; background-image:url(../images/product/green_bg.png); background-position:bottom left; background-repeat:no-repeat;}
.product_green_box{ width:1022px; margin:0px auto;}
.product_green_img{ width:400px; height:293px; float:left;}
.product_green_txt{ width:560px; height:250px; float:right; padding-top:00px;}
.product_green_txt h1{ font-size:50px; color:#1d1c1b; font-weight:bold; font-family: "Roboto Condensed";padding-bottom:10px; }
.product_green_txt p{ color:#fff;}

.graphite_block{ width:100%; height:300px; background-color:#1d1c1b; padding-bottom:105px; padding-top:105px;}
.graphite_block_box{ width:1022px; height:300px; margin:0px auto;}
.graphite_block_left{ width:589px; height:auto; float:left; padding-top:40px;}
.graphite_block_left h1{ font-size:50px; color:#e8e8e8; font-weight:bold; font-family: "Roboto Condensed";padding-bottom:10px; }
.graphite_block_left p{ color:#989898; }
.graphite_block_img{ width:400px; height:auto; float:right;}

.edm{ width:100%; height:350px; background-color:#fff; padding-top:70px; padding-bottom:70px;}

.graphite_glass{ width:100%; height:auto; padding-top:145px; background-color:#ededed; padding-bottom:50px;}
.graphite_glass_box{width:1022px; height:auto; margin:0px auto;}
.graphite_glass_box h1{ font-size:50px; color:#1d1c1b; font-weight:bold; font-family: "Roboto Condensed";padding-bottom:10px; }

.graphite_glass_box p{ text-align:justify; line-height:28px;}

.graphite_glass_box ul li{  list-style:square; margin-left: 39px; line-height: 27px; font-weight:normal; color:#292828;}


/**********scrollbar************/
 ::-webkit-scrollbar {
    width: 7px;
    height: 10px;
    background-color:transparent;
}
::-webkit-scrollbar-track {
    background-color:transparent;
    width: 10px; 
}



::-webkit-scrollbar-track-piece  {
    background-color: #fff;
}
::-webkit-scrollbar-thumb { background:#13b799; 
    width: 0;
}
 
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}