/*reset*/ :focus{outline:0;} body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;} em{font-style:normal;} img{border:none;} /*li,ul,ol{list-style:none;}*/ a{text-decoration:none;color:#4d4d4d;} input{padding:0px;vertical-align: middle;line-height: normal;border:none;} body{overflow-x:hidden;} button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;} a:focus {outline: none;} /*share*/ body{font-size:12px;font-family:"poppins-regular";color:#333333;} .bold{font-weight:bold;} .fontRed{color:red;} .clearfix:before, .clearfix:after{content:" ";display:table;} .clearfix:after{clear:both;} @media only screen and (max-width: 768px) { .row{margin:0;} } *:link,*:visited,*:hover,*:active,*:focus{ transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear; -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;} @font-face { font-family: 'raleway'; src:url(../font/raleway.eot); src: url(../font/raleway.eot?#iefix) format('embedded-opentype'), url(../font/raleway.svg#raleway) format('svg'), url(../font/raleway.woff) format('woff'), url(../font/raleway.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { src:url(../font/raleway_m.eot); src: url(../font/raleway_m.eot?#iefix) format('embedded-opentype'), url(../font/raleway_m.svg#raleway_m) format('svg'), url(../font/raleway_m.woff) format('woff'), url(../font/tahoma.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { src:url(../font/raleway_b.eot); src: url(../font/raleway_b.eot?#iefix) format('embedded-opentype'), url(../font/raleway_b.svg#raleway_b) format('svg'), url(../font/raleway_b.woff) format('woff'), url(../font/raleway_b.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswald'; src:url(../font/oswald.eot); src: url(../font/oswald.eot?#iefix) format('embedded-opentype'), url(../font/oswald.svg#oswald) format('svg'), url(../font/oswald.woff) format('woff'), url(../font/oswald.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppins-regular'; src:url(../font/poppins-regular.eot); src: url(../font/poppins-regular.eot?#iefix) format('embedded-opentype'), url(../font/poppins-regular.svg#poppins-regular) format('svg'), url(../font/poppins-regular.woff) format('woff'), url(../font/poppins-regular.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppins-semibold'; src:url(../font/poppins-semibold.eot); src: url(../font/poppins-semibold.eot?#iefix) format('embedded-opentype'), url(../font/poppins-semibold.svg#poppins-semibold) format('svg'), url(../font/poppins-semibold.woff) format('woff'), url(../font/poppins-semibold.ttf) format('truetype'); font-weight: normal; font-style: normal; } /*index*/ .header-top{background:#f5f5f5;padding:10px 0;} .head-con{float:left;list-style:none;} .head-con li{display:inline-block;margin-right:20px;color:#333333;font-size:13px;padding-left:25px;} .head-con li a{color:#333333;font-size:13px;} .head-con li a:hover{color:#fcc509;} .head-con li.h_phone{background:url(../images/icon-phone.png) no-repeat left 4px;} .head-con li.h_email{background:url(../images/icon-email.png) no-repeat left 5px;} .head-right{float:right;width:32%;text-align:right;} .head-right .head-share{list-style:none;display:inline-block;margin-right:20px; vertical-align:middle;} .head-right .head-share li{margin:0 10px;display:inline-block;} .head-right .head-share li a{font-size:16px;color:#999999;} .head-right .head-share li a:hover{color:#fcc509;} .select{position:relative;display:inline-block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;text-align:left; vertical-align:middle;} .select dt{display:inline-block;cursor:pointer;position:relative;z-index:9999999;color:#666666;text-align:right;text-transform:capitalize;font-size:13px;font-weight:normal;} .select dt:after{content:"\f107";font-size:14px;color:#9b9b9b;font-family:FontAwesome;display:inline-block;margin-left:5px; vertical-align:middle;line-height:14px;} .select dt:hover,.select dt.cur{} .select dt>p{display:inline-block;padding-left:5px;margin:0; vertical-align:middle;} .select dt img{max-width:26px;max-height:17px; vertical-align:middle;} .select dd{position:absolute;left:50%;margin-left:-75px;top:30px;background:#fff;display:none;z-index:9999999999;border:1px solid #e5e5e5;border-radius:5px;} .select dd ul{padding:5px;width:150px;/*max-height:250px;*/overflow:auto;list-style:none;} .select dd ul li{margin-bottom:0;} .select dd ul li a{line-height:24px;display:block;padding:5px 10px;text-align:left;color:#4c4c4c;} .select dd ul li a:hover{background:#f7f7f7;color:#fcc509;} .select dd ul li img{max-width:26px;max-height:17px;width:100%;height:auto;vertical-align:middle;} .select dd ul li p{padding-left:5px;font-size:12px;display:inline-block;text-transform:capitalize;vertical-align:middle;margin:0;} @media only screen and (max-width: 992px) { .head-con{display:none;} .head-right{width:100%;} } @media only screen and (max-width: 480px) { .head-right .head-share{display:none;} .select dt{font-size:12px;} .select dd{left:-5px;margin-left:0;top:27px;} } /*index*/ .header{padding:15px 0;position:relative;-webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms);} .header>.container>.row{position:relative;} #logo{float:left;display:inline-block;} #logo h1{display:inline-block;margin:0;padding:0;} #logo img{max-width:153px;max-height:97px;} /* Top Search*/ .search_box{width:100%; background:#f8f8f8;float:right;} .search i{width:28px; height:28px; text-align:center;background:url(../images/search.png) no-repeat center center;display:inline-block;} .top-search { display: none; width:100%;} .top-search h4{font-size:24px; text-align:center; color:#333; margin:20px 0;font-family:'oswald';text-transform:uppercase; } .top-search .input-group-addon i {float: right;position:absolute; right:0px; top:0px; width:28px; height:28px; line-height:28px;font-size:22px;} .top-search .input-group-addon i:hover{color:#fcc509;} .top-search .form-control {box-shadow:none;border:1px solid #e5e5e5;color: #999;height: 40px;line-height: 40px;padding: 0 50px 0 15px;text-align: left;background:#fff;border-radius:0px; font-size:14px;} .top-search input.form-control:focus{ border:1px solid #ccc;color:#333;} .top-search .input-group {padding:10px 0px 25px; max-width:750px; margin:0 auto; width:100%;} .top-search .input-group-addon.close-search {cursor: pointer;} .btn_search1 {background: url(../images/search.png) no-repeat center center;bottom: 0px;height:40px;position: absolute;right:0;width:60px;z-index: 3;} .header_search {position: relative;} .top-search .input-group-addon{background-color: transparent;border: none;color: #666;padding-left: 0;padding-right: 0;} .top-search .input-group-addon.close-search{cursor: pointer; float:right;} .attr-nav{ float:right;padding-top:28px;} .attr-nav ul li{ list-style:none;} /* Sizes for the bigger menu */ header{width: 100%;position: fixed;z-index: 999999;padding: 0;} header.large{height:;top:43px;background:#fff;} header .row{position:relative;} header.small{height: ;left:0;background:#fff;top:0;border-bottom:1px solid #e5e5e5;} header.small .header{padding:15px 0;} .height{padding-top:127px;} @media only screen and (max-width: 992px) { header{padding:0;position:inherit;} header.large{top:0;} header.small{border:none;} .header,header.small .header{padding:10px 0;} .height{padding-top:0;} #logo{position:relative;z-index:9999999;} #logo img{max-width:120px;} .attr-nav{display:none;} .mobile-menu-area .mobile-search{padding:15px;border-top:1px solid #ddd;} .mobile-menu-area .input-group{position:relative;width:100%;} .mobile-menu-area .input-group .form-control{ -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; color: #adadad; height: 36px; width:90%; padding:0 5px; background:#fff; border:1px solid #e5e5e5; font-size:12px; border-radius:0; font-family:'Open Sans',arial; } .mobile-menu-area .input-group .form-control:focus{background:#f7f7f7;color:#333;} .mobile-menu-area .input-group .input-group-addon{position:absolute;right:0;top:0;height:36px;color: #fff;display:inline-block;text-align:center;font-weight:bold;text-transform:uppercase;font-size:12px;background:#141416;border-radius:0;transition:all 0.4s ease 0s;z-index:3;padding:0 15px;width:auto;} .mobile-menu-area .input-group .input-group-addon:hover{background:#d1233a;color:#fff;} } @media only screen and (max-width: 480px) { .header .container{padding:0 5px;} #logo img{max-width:60px;} } .main-title{text-align:center;} .main-title em{display:block;background:url(../images/title-bg.png) no-repeat center bottom;padding-bottom:15px;font-family:"poppins-semibold";font-size:26px;text-transform:uppercase;margin-bottom:30px;} .main-title .text{max-width:48%;margin:auto;font-size:12px;line-height:24px;color:#808080;} .main-more{ border-radius: 30px; border: 2px solid #232323; display: inline-block; position: relative; font-size: 14px; color: #232323; text-transform: uppercase; padding-left: 20px; padding-right: 20px; background: none; -webkit-transition: 0.5s all; } .main-more:hover{color:#fff;text-decoration:none;background:#232323;} .main-more:after{ width:0; height:100%; background:rgba(255,255,255,0.3); position:absolute; left:0; top:0; content:""; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } .main-more:hover:after{-webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%);width:100%;} @media only screen and (max-width: 992px) { .main-title em{font-size:32px;} .main-title .text{max-width:70%;} } @media only screen and (max-width: 768px) { .main-title{margin-bottom:20px;} .main-title em{padding-bottom:10px;margin-bottom:20px;font-size:24px;line-height:28px;} .main-title .text{max-width:100%;} .main-more{margin-top:20px;font-size:14px;} } .main-cat{padding:20px ;overflow:hidden;} .main-cat:after{position:absolute;left:0;top:286px;width:100%;height:165px;background:#f2f2f2;z-index:-1;} .nav > li > a {display: block;padding: 0;position: relative;} .nav-tabs {position: relative;text-align: center;border:none;min-height:110px;margin-top:20px;} .features-tab .nav-tabs > li {float: none;margin-bottom: 0;float: left;margin:0 0px 20px 0px; width:20%} .features-tab .nav-tabs > li > a { border: 0; border-radius: 0; line-height: 1.42857; display: inline-block; cursor: pointer; list-style: outside none none; position: relative; z-index:2; background:none; text-align:center; } .features-tab .nav-tabs > li:hover > a{background:none;} .features-tab .nav-tabs > li > a .image{width:160px;height:160px;background-color:#fff;display:inline-block;border:2px solid #f2f2f2;border-radius:50%;background-repeat:no-repeat;background-position:center center;} .features-tab .nav-tabs > li:hover > a .image,.main-cat .features-tab .nav-tabs > li.active > a .image{border:2px solid #8e8d8c;} .features-tab .nav-tabs > li .title{color:#333333;display:block;font-size:16px; font-family:"poppins-semibold"; margin-top:15px} .features-tab .nav-tabs > li:hover .title{color:#f4bd00;} .main-cat .features-tab .nav-tabs > li > a.tab01 .image{background-image:url(../images/cat_3.png);} .main-cat .features-tab .nav-tabs > li > a.tab02 .image{background-image:url(../images/cat_2.png);} .main-cat .features-tab .nav-tabs > li > a.tab03 .image{background-image:url(../images/cat_1.png);} .main-cat .features-tab .nav-tabs > li > a.tab04 .image{background-image:url(../images/cat_4.png);} .main-cat .features-tab .nav-tabs > li > a.tab05 .image{background-image:url(../images/cat_1.png);} .features-tab .nav > li > a:focus,.features-tab .nav > li.active > a{background:none;} .features-tab .nav > li > a:focus em,.features-tab .nav > li > a:hover em,.features-tab .nav > li > a:focus>p,.features-tab .nav > li > a:hover>p{color:#007ed7;} .features-tab .nav-tabs > li.active > a,.features-tab .nav-tabs > li.active > a:focus,.features-tab .nav-tabs > li.active > a:hover {border: medium none;} .features-tab .nav-tabs > li.active > a em,.features-tab .nav-tabs > li.active > a:focus em,.features-tab .nav-tabs > li.active > a:hover em {border: medium none;color:#007ed7;} .features-tab .nav-tabs > li.active > a p,.features-tab .nav-tabs > li.active > a:focus p,.features-tab .nav-tabs > li.active > a:hover p {border: medium none;color:#fcc509;} /*.features-tab .nav > li > a:after{content:'';background:url(../images/icon-triangle.png) no-repeat center center;width:26px;height:17px;position:absolute;left:50%;margin-left:-13px;bottom:-30px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .features-tab .nav > li.active > a:after{content:'';background:url(../images/icon-triangle.png) no-repeat center center;width:26px;height:17px;position:absolute;left:50%;margin-left:-13px;bottom:-57px;} */ /*.main-cat .features-tab .nav-tabs > li.active > a.tab01 .image{background-image:url(../images/cat_1_h.png);}*/ .main-cat .features-tab .nav-tabs > li.active > a.tab02 .image{background-image:url(../images/cat_2_h.png);} .main-cat .features-tab .nav-tabs > li.active > a.tab03 .image{background-image:url(../images/cat_3_h.png);} .main-cat .features-tab .nav-tabs > li.active > a.tab04 .image{background-image:url(../images/cat_4_h.png);} .main-cat .features-tab .nav-tabs > li.active > a.tab05 .image{background-image:url(../images/cat_1_h.png);} .single-product {padding:0 10px;} .single-product .image{position:relative;overflow:hidden;border:1px solid #f0efef;border-radius:5px;} .single-product:hover .image{border:1px solid #e5e5e5} .single-product .image>a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:3;} .single-product .image img{width:100%;height:auto;max-width:100%;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .single-product:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .single-product .image .icon{position:absolute;right:-50px;bottom:-42px;display:inline-block;background:url(../images/icon-right.png) no-repeat center center;background-size:100%;width:50px;height:42px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .single-product:hover .image .icon{right:0;bottom:0;} .single-product .main{text-align:left;padding:10px 0px;} .single-product .main .title{color:#333333;font-size:14px;display:inline-block;margin-bottom:10px;} .single-product:hover .main .title{color:#fcc509;text-decoration:none;} .single-product .main .text{color:#808080;font-size:12px;line-height:22px;overflow:hidden;height:44px;} .main-cat .list{list-style:none;} .main-cat .list li{margin-bottom:20px;padding:0 10px;} .main-cat .list li .image{position:relative;overflow:hidden;border:1px solid #f0efef;border-radius:5px;} .main-cat .list li .image > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:3;} .main-cat .list li .image img{width:100%;height:auto;max-width:100%;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .main-cat .list li:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .main-cat .list li .image .icon{position:absolute;right:-50px;bottom:-42px;display:inline-block;background:url(../images/icon-right.png) no-repeat center center;background-size:100%;width:50px;height:42px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .main-cat .list li:hover .image .icon{right:0;bottom:0;} .main-cat .list li .main{text-align:left;padding:10px 0px;} .main-cat .list li .main .title{color:#333333;font-size:14px;display:inline-block;margin-bottom:10px;line-height:20px;margin-bottom:15px;overflow:hidden;height:40px;font-family:"poppins-semibold";} .main-cat .list li:hover .main .title{color:#fcc509;text-decoration:none;} .main-cat .list li .main .text{color:#808080;font-size:12px;line-height:22px;overflow:hidden;height:44px;} @media only screen and (max-width: 1200px) { .main-cat{padding:50px 0;} .main-cat:after{height:120px;top:240px;} .tab-scroll{overflow-x:scro;display: inline;white-space: nowrap;overflow-x:scroll;float:left;overflow-y:hidden;width:100%;position:relative;z-index:99999;} .nav-tabs{height:220px;display:block;width:1020px;} .features-tab .nav-tabs > li{margin:0 40px;} .features-tab .nav-tabs > li > a .image{width:120px;height:120px;} .features-tab .nav-tabs > li > a em{font-size:14px;} .features-tab .nav > li.active > a:after{bottom:-26px;} .indicator-style.owl-theme .owl-controls .owl-buttons div{background:rgba(0,0,0,0.3);border-radius:50%;width:56px;height:56px;text-align:center;line-height:56px;top:48%;} } @media only screen and (max-width: 992px) { .single-product .main .title{margin-bottom:10px;} .main-cat .list li .main .title{margin-bottom:10px;} } @media only screen and (max-width: 768px) { .main-theme{padding-bottom:30px;} .indicator-style.owl-theme .owl-controls .owl-buttons div{top:50%;} .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-15px;right:auto;} .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{right:-15px;left:auto;} .features-tab .nav-tabs > li{margin:0 15px;margin-bottom:10px;width:15%;} .nav-tabs{width:860px;height:auto;} .features-tab .nav-tabs > li > a .image{width:60px;height:60px;background-size:40px;} .features-tab .nav-tabs > li .title{font-size:12px;} .main-cat .list li{padding:0 5px;margin-bottom:15px;} } .main-center{position:relative;text-align:center;height:200px;overflow:hidden;} .wrapper002{position:relative;z-index:3 ;background:#fff;} .parallux {height: 782px;z-index: -1; } .parallux .parallux-bg .parallux-inner.bg-header {background-image:url(../images/center_bg.jpg);} .parallux.not-full {overflow: hidden;background:#000;} .parallux.not-full .parallux-bg {height: 100%;bottom: initial; } .parallux.no-parallax {overflow: hidden; } .parallux.no-parallax .parallux-bg, .parallux.no-parallax .parallux-inner {background-attachment: initial; } .parallux.bg-fixed .parallux-inner {background-attachment: fixed; } .parallux .parallux-bg { top: 0; left: 0; right: 0; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; position: fixed; } .parallux .parallux-bg .parallux-inner { top: 0px; left: 0px; position: relative; min-width: 100%; min-height: 100%; height: auto; background-color: white; background-repeat: no-repeat; background-size: cover; background-image: url(); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .parallux .parallux-bg .parallux-inner img { max-width: 100%; max-height: 100%; display: none; } .main-center .t_box { position:absolute; left:0; top:0; height:200px; width:100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:1; padding:43px 0; text-align:center; } .main-center .t_box .text{color:#ffffff;display:block;font-size:32px;line-height:68px; text-transform:uppercase} @media only screen and (max-width: 992px) { .main-center .t_box .text{font-size:48px;line-height:60px;} } @media only screen and (max-width: 768px) { .main-center{height:auto;background:url(../images/center_bg.jpg) no-repeat center center;background-size:cover;} .parallux.not-full{display:none;} .main-center .t_box{position:inherit;padding:70px 0;height:240px;} .main-center .t_box .text{font-size:36px;line-height:42px;} } @media only screen and (max-width: 480px) { .main-center .t_box{height:180px;padding:54px 0;} .main-center .t_box .text{font-size:24px;line-height:32px;} } .main-about{padding:40px 0 40px 0px;background:url(../images/about_bg01.jpg);} .main-about .nav-tabs{min-height:42px;margin:0;} .main-about .tab-scroll{margin-left:-15px;} .main-about .features-tab{padding:0;position:relative;z-index:2;} .main-about .features-tab .nav > li > a:after{display:none;} .main-about .features-tab .nav-tabs > li{margin:0;margin-right:15px;} .main-about .features-tab .nav-tabs > li > a{background:#fcc509;padding:10px 20px; border-top-left-radius:4px; border-top-right-radius:4px; color:#fff} .main-about .features-tab .nav-tabs > li > a em{margin:0;color:#fff;font-size:16px;text-transform:uppercase;} .main-about .owl-carousel .owl-wrapper-outer{padding-top:0;width:100%;} .main-about .owl-carousel .owl-wrapper{background:#fff;padding:40px 25px;} .main-about #about01 .owl-carousel .owl-wrapper,.main-about #about01 .owl-carousel .owl-wrapper,.main-about #about01 .owl-carousel .owl-item{width:100% !important;} .main-about .features-tab .nav-tabs > li.active > a, .main-about .features-tab .nav-tabs > li.active > a:focus, .main-about .features-tab .nav-tabs > li.active > a:hover{background:#fec70a;} .main-about .features-tab .nav-tabs > li.active > a em, .main-about .features-tab .nav-tabs > li.active > a:focus em, .main-about .features-tab .nav-tabs > li.active > a:hover em{color:#fff;} .mabout_main .mabout_video{padding:0;position:relative;overflow:hidden;} .mabout_main .mabout_video a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:2;} .mabout_main .mabout_video img{width:100%;height:auto;max-width:100%;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .mabout_main .mabout_video:hover img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .mabout_main .mabout_video .icon{ position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:48px; height:48px; background:url(../images/video_btn.png) no-repeat center center; display:inline-block; background-size:100%; } .mabout_main .mabout_video:hover .icon{background:url(../images/video_btn_h.png) no-repeat center center;background-size:100%;} .mabout_main .mabout_right{padding-left:30px;padding-top:10px;padding-right:0;} .mabout_main .mabout_right .text{color:#808080;font-size:14px;line-height:32px;overflow:hidden;max-height:160px;} .mabout_main .mabout_right .more{display:inline-block;margin-top:20px;text-transform:uppercase;font-size:14px;color:#fcc509;} .mabout_main .mabout_right .more i{padding-left:5px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .mabout_main .mabout_right .more:hover i{padding-left:8px;} .main-about #about02 .owl-carousel .owl-wrapper,.main-about #about03 .owl-carousel .owl-wrapper{padding:40px 0;} .main-about .single-product{padding:0 15px;} .main-about .single-product .image{overflow:hidden;display:block;border:none;border-radius:0;} .main-about .single-product .title{display:block;margin-top:15px;font-size:14px;color:#000200;text-align:center;} .main-about .single-product:hover .title{color:#fcc509;} .main_about_right{padding-left:55px;padding-top:44px;} .main_about_right .ma_right_btn{list-style:none;} .main_about_right .ma_right_btn li{margin-bottom:15px;} .main_about_right .ma_right_btn li a{padding:39px 10px;display:block;position:relative;overflow:hidden;border-radius:5px;} .main_about_right .ma_right_btn li a em{padding-left:78px;display:inline-block;font-size:36px;font-family: 'oswald';text-transform:uppercase;color:#fff;} .main_about_right .ma_right_btn li a:after{ width:0; height:100%; background:rgba(255,255,255,0.3); position:absolute; left:0; top:0; content:""; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } .main_about_right .ma_right_btn li a:hover:after{-webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%);width:100%;} .main_about_right .ma_right_btn li.mar_01 a{background:#fcc509;} .main_about_right .ma_right_btn li.mar_01 a em{background:url(../images/icon-factory.png) no-repeat 5px center;} .main_about_right .ma_right_btn li.mar_02 a{background:#fec70a;} .main_about_right .ma_right_btn li.mar_02 a em{background:url(../images/icon-message.png) no-repeat 10px center;} @media only screen and (max-width: 1200px) { .main-about{padding:60px 0;} .main-about .tab-scroll{height:80px;} .main-about .nav-tabs{height:60px;width:490px;} .main-about .single-product{padding:0 10px;} .main_about_right{padding-left:30px;} .main_about_right .ma_right_btn li a em{padding:5px 0 5px 75px;font-size:28px;} } @media only screen and (max-width: 992px) { .main-about{padding:50px 0;} .main-about .features-tab{width:100%;} .main_about_right{width:100%;padding:0;padding-top:40px;} .main_about_right .ma_right_btn li{width:50%;text-align:center;margin:0;} } @media only screen and (max-width: 768px) { .main-about .tab-scroll{margin-left:0;overflow-x:auto;} .main_about_right{display:none;} } @media only screen and (max-width: 620px) { .mabout_main .mabout_video{width:100%;padding:0;margin-bottom:20px;} .mabout_main .mabout_right{padding:0;width:100%;} } /*Application*/ .main-app{padding:30px 0 20px 0;text-align:center;} .main-app .main-more{margin-top:20px;} .main-app .main-more.mapp-quote{margin-left:10px;background:#333;color:#fff;} .main-app .main-more.mapp-quote:hover{background:#fec70a;color:#fff;} .app-list{list-style:none;} .app-list li{padding:0 10px;margin-bottom:20px;} .app-list li>div{position:relative;overflow:hidden;} .app-list li>div a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .app-list li>div img{width:100%;height:auto;max-width:100%;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .app-list li>div:hover img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .app-list li>div .ovrly{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .app-list li>div:hover .ovrly{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;} .app-list li>div .title{position:absolute;left:0;bottom:-100%;padding:0 10px;text-align:center;width:100%;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .app-list li>div .title em{display:block;color:#ffffff;font-size:19px;text-transform:capitalize;margin-bottom:9px;line-height:30px;} /*.app-list li>div .title span{width:40px;height:4px;display:inline-block;content:'';background:#fff;}*/ .app-list li>div:hover .title{bottom:52%;} .app-list li>div .text{color:#ffffff;padding:0 16px;font-size:12px;line-height:24px;text-align:center;height:48px;overflow:hidden;position:absolute;left:0;bottom:-100%;width:100%;-webkit-transition:all var(--transition-time,1200ms); -o-transition:all var(--transition-time,1200ms); transition:all var(--transition-time,1200ms);} .app-list li>div:hover .text{bottom:28%;} .app-list li>div .icon{position:absolute;right:-86px;bottom:-72px;display:inline-block;background:url(../images/icon-right.png) no-repeat center center;width:86px;height:72px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .app-list li>div:hover .icon{right:0;bottom:0;} @media only screen and (max-width: 992px) { .main-app{padding:50px 0;} .app-list li>div .title{bottom:15%;text-align:left;} .app-list li>div .title em{font-size:20px;margin-bottom:5px;line-height:26px;} .app-list li>div .title span{height:2px;} .app-list li>div .text{display:none;} } @media only screen and (max-width: 768px) { .main-app{padding:30px 0;} .app-list li{padding:0 5px;margin-bottom:10px;} .app-list li>div .title{padding:15px 20px 25px 20px;background:rgba(0,0,0,0.4);bottom:0;} .app-list li>div .title em{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;width:100%;} .app-list li>div:hover .title{bottom:0;} } @media only screen and (max-width: 360px) { .app-list li{padding:0;width:100%;} } .main-news{padding:20px 0;background:#f5f5f5 url(../images/news_bg.jpg) no-repeat bottom center;text-align:center;} .main-news .features-tab .tab-content{position:relative;z-index:2;} .main-news .features-tab .tab-content:before{content:'';width:100%;height:100%;display:block;position:absolute;left:-20px;top:-20px;z-index:0;background:#e0e0e0;} .main-news .owl-carousel .owl-wrapper,.main-news .owl-carousel .owl-wrapper-outer{padding-top:0;} .main-news .owl-carousel .owl-wrapper,.main-news .owl-carousel .owl-wrapper,.main-news .owl-carousel .owl-item{width:100% !important;} .main-news .single-product{padding:0;} .main-news .single-product .image{border:none;display:block;} .main-news .nav-tabs{margin:0;} .main-news .features-tab .nav-tabs > li{margin:0;padding-left:20px;width:100%;} .main-news .features-tab .nav-tabs > li > a{display:block;padding:12px 0px;position:relative;} /*.main-news .features-tab .nav-tabs > li.active > a,.main-news .features-tab .nav-tabs > li.active > a:focus, .main-news .features-tab .nav-tabs > li.active > a:hover{background:#fcc509;}*/ .main-news .features-tab .nav > li > a:after{display:none;} /*.main-news .features-tab .nav-tabs > li.active > a:before{content:'';background:url(../images/icon-triangle_l.png) no-repeat center center;width:17px;height:26px;left:-11px;top:50%;margin-top:-13px;position:absolute;}*/ .main-news .features-tab .nav-tabs > li > a .date{display:inline-block;float:left;text-align:left;width:12%;} .main-news .features-tab .nav-tabs > li > a .date em{color:#fcc509;display:block;font-size:16px;margin-top:0;} .main-news .features-tab .nav-tabs > li > a .date p{color:#333333;display:block;font-size:14px;} /*.main-news .features-tab .nav-tabs > li.active > a .date em,.main-news .features-tab .nav-tabs > li.active > a:focus .date em, .main-news .features-tab .nav-tabs > li.active > a:hover .date em{color:#fff;} .main-news .features-tab .nav-tabs > li.active > a .date p,.main-news .features-tab .nav-tabs > li.active > a:focus .date p, .main-news .features-tab .nav-tabs > li.active > a:hover .date p{color:#fff;}*/ .main-news .features-tab .nav-tabs > li > a .right{float:left;width:87%;padding-left:20px;border-left:1px solid #dfdfdf;text-align:left;} .main-news .features-tab .nav-tabs > li > a .right .title{margin:0;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;display:block;max-width:100%;color:#333333;margin-bottom:5px; font-weight:normal; font-family:"poppins-semibold"} .main-news .features-tab .nav-tabs > li > a .right .text{color:#999999;font-size:12px;overflow:hidden;height:22px;line-height:22px;} /*.main-news .features-tab .nav-tabs > li.active > a .right .title,.main-news .features-tab .nav-tabs > li.active > a:focus .right .title, .main-news .features-tab .nav-tabs > li.active > a:hover .right .title{color:#fff;} .main-news .features-tab .nav-tabs > li.active > a .right .text,.main-news .features-tab .nav-tabs > li.active > a:focus .right .text, .main-news .features-tab .nav-tabs > li.active > a:hover .right .text{color:#fff;} */ .main_news_right{padding:0;padding-left:25px;border-left:1px solid #dbdbdb;} .main_news_right .mn_right_btn{list-style:none;} .main_news_right .mn_right_btn li{margin-bottom:20px;padding:0;position:relative;} .main_news_right .mn_right_btn li:last-child{margin-bottom:0px} .main_news_right .mn_right_btn li img{max-width:100%;height:auto;width:100%;} .main_news_right .mn_right_btn li a{position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:2;} .main_news_right .mn_right_btn li em{display:block;position:absolute;left:0;bottom:0;padding:5px 10px;text-align:right;font-size:32px;color:#fff;text-transform:capitalize;font-family: 'oswald';width:100%;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .main_news_right .mn_right_btn li:hover em{padding:5px 15px;} @media only screen and (max-width: 1200px) { .main-news{padding:50px 0;} .main-news .features-tab .tab-scroll{height:auto;overflow-x:inherit;white-space:normal;} .main-news .nav-tabs{width:100%;height:auto;} .main-news .features-tab .nav-tabs > li{padding:0;} .main-news .features-tab .nav-tabs > li.active > a:before{display:none;} .main-news .features-tab .tab-content{display:none;} .main-news .features-tab .nav-tabs > li > a .date{width:18%;} } @media only screen and (max-width: 992px) { .main-news{padding:30px 0;} .main-news .features-tab{width:100%;padding:0;} .main_news_right{display:none;} .main-news .features-tab .tab-scroll{padding:0;} .main-news .features-tab .nav-tabs > li > a .date{padding-top:5px;} .main-news .features-tab .nav-tabs > li > a .date em,.main-news .features-tab .nav-tabs > li > a .date p{font-size:13px;} .main-news .features-tab .nav-tabs > li > a .right{padding-left:15px;margin-left:15px;} .main-news .features-tab .nav-tabs > li > a .right .title{font-size:16px;} } @media only screen and (max-width: 420px) { .main-news .features-tab .nav-tabs > li{border-bottom:1px solid #dfdfdf;} .main-news .features-tab .nav-tabs > li > a .date{float:none;width:100%;padding-bottom:5px;padding-top:0;text-align:left;} .main-news .features-tab .nav-tabs > li > a .date em, .main-news .features-tab .nav-tabs > li > a .date p{display:inline-block;color:#fcc509;} .main-news .features-tab .nav-tabs > li > a .date em{padding-right:5px;} .main-news .features-tab .nav-tabs > li > a .right{border:none;padding:0;width:100%;float:none;margin:0;} } .main-video{padding:30px 0;} .main-video .slick-slide .li>div{padding:0px 20px ;text-align:center;} .main-video .slick-slide .li .image{display:block;width:100%;overflow:hidden;position:relative;} .main-video .slick-slide .li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .main-video .slick-slide .li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .main-video .slick-slide .li:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .main-video .slick-slide .li .image .icon{ position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:72px; height:72px; background:url(../images/video_btn.png) no-repeat center center; display:inline-block; } .main-video .slick-slide .li:hover .image .icon{background:url(../images/video_btn_h.png) no-repeat center center;} .main-video .slick-slide .li .title{display:block;color:#000200;font-size:16px;line-height:24px;text-transform:capitalize;margin-top:15px;} .main-video .slick-slide .li:hover .title{color:#fcc509;} @media only screen and (max-width: 992px) { .main-video{padding:50px 0;} } @media only screen and (max-width: 768px) { .main-video{padding:30px 0;} .main-video .slick-slide .li .title{font-size:14px;} .main-video .slick-slide .li>div{padding:15px;} .main-video .slick-slide .li .image .icon{width:56px;height:56px;background-size:100%;} } .main-message{padding:20px 0 30px 0px;background:url(../images/mes_bg.jpg) no-repeat left center;} .m_mes_box{float:right;} .m_mes_box .main-title{text-align:left;} .m_mes_box .main-title em{background:url(../images/title-bg.png) no-repeat left bottom;} .m_mes_box .main-title .text{max-width:100%;} .m_mes_box ul{list-style:none;} .m_mes_box ul li{margin-bottom:10px;} .m_mes_box ul li .meInput{border:1px solid #d9d9d9;display:block;width:100%;height:40px;line-height:40px;color:#c3c3c3;padding:0 10px;background:rgba(255,255,255,0.5);} .m_mes_box ul li .meInput:focus{color:#333;border:1px solid #ccc;background:#fff;} .m_mes_box ul li .meText{border:1px solid #d9d9d9;display:block;width:100%;max-width:100%;height:120px;max-height:120px;line-height:20px;color:#c3c3c3;padding:10px;background:rgba(255,255,255,0.5);} .m_mes_box ul li .meText:focus{color:#333;border:1px solid #ccc;background:#fff;} .m_mes_box ul .send{display:inline-block;color:#ffffff;font-size:14px;text-transform:capitalize;background:#333;padding:10px 20px;margin-top:10px; border-radius:4px;} .m_mes_box ul .send:hover{background:#ffce25;color:#fff;} @media only screen and (max-width: 1200px) { .main-message{background:url(../images/mes_bg.jpg) no-repeat 40% center;} } @media only screen and (max-width: 992px) { .main-message{padding:40px 0;} .m_mes_box{width:100%;} .m_mes_box .main-title{text-align:center;} .m_mes_box .main-title em{background:url(../images/title-bg.png) no-repeat center bottom;} .m_mes_box ul{text-align:center;} .m_mes_box ul li .meInput,.m_mes_box ul li .meText{background:rgba(255,255,255,0.8);} } @media only screen and (max-width: 768px) { .main-message{padding:30px 0;} } /*footer*/ .foot-box{background-size:cover;} .footer{padding:40px 0 30px 0;background:#3b3c3c; } .footer .fot_title{color:#FFCE25;display:block;font-family: 'oswald';font-size:20px;text-transform:uppercase;margin-bottom:30px;position:relative;} .footer .fot_nav{float:left;padding-right:80px;width:20%;} .footer .fot_nav ul{list-style:none;} .footer .fot_nav ul li{margin-bottom:15px;} .footer .fot_nav ul li a{color:#b2b2b2;font-size:12px;} .footer .fot_nav ul li a:hover{color:#fff;} .footer .fot_pro{float:left;padding-right:80px;width:28%;} .footer .fot_pro ul{list-style:none;} .footer .fot_pro ul li{margin-bottom:15px;} .footer .fot_pro ul li a{color:#b2b2b2;font-size:12px;} .footer .fot_pro ul li a:hover{color:#fff;} .footer .fot_mes{float:left;width:24%;} .footer .fot_mes .letter-input{position:relative;} .footer .fot_mes .letter-input .fot_input{background:#696b6a;height:48px;padding:0 58px 0 10px;display:inline-block;width:100%;color:#808080;} .footer .fot_mes .letter-input .fot_input:focus{background:#808080;color:#fff;} .footer .fot_mes .letter-input .submit{width:48px;height:48px;background:url(../images/icon-plane.png) no-repeat center center;position:absolute;right:0;top:0;overflow:hidden;cursor:pointer;text-indent:-999px;} .footer .fot_mes .share{list-style:none;margin-top:25px;} .footer .fot_mes .share li{display:inline-block;margin:0 8px;} .footer .fot_mes .share li img{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} .footer .fot_mes .share li:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .footer .fot_mes .letter-input input:-ms-input-placeholder{color:#ccc;}/* Internet Explorer 10+ */ .footer .fot_mes .letter-input input::-webkit-input-placeholder{color:#ccc;}/* WebKit browsers */ .footer .fot_mes .letter-input input::-moz-placeholder{color:#ccc;}/* Mozilla Firefox 4 to 18 */ .footer .fot_mes .letter-input input:-moz-placeholder{color:#ccc;}/* Mozilla Firefox 19+ */ .fot-bot{background:#444645;background:rgba(0,0,0,0.65);border-top:1px solid #4e4f4e;padding:15px 0;} .copy{color:#808080;float:left;} .copy p{display:inline-block;} .copy a{color:#808080;display:inline-block;} .copy a:hover{color:#fff;} .copy>a{border-left:1px solid #808080;padding-left:5px;margin-left:5px;line-height:12px;} .fot-links{float:right;} .fot-links p{display:inline-block;color:#808080;text-transform:capitalize;} .fot-links li{display:inline-block;margin:0 10px;} .fot-links li a{color:#808080;} .fot-links li a:hover{color:#fff;} .icon-minus-sign:before {content:"\f068";font-family:'FontAwesome';} .icon-plus-sign:before {content: "\f067";font-family:'FontAwesome';} .fot_title .column_icon_toggle {display: none;} @media only screen and (max-width: 1200px) { .fot-bot{text-align:center;} .copy{float:none;margin-bottom:10px;} .fot-links{float:none;} } @media only screen and (max-width: 768px) { .footer{padding:50px 0 30px 0;} .footer .fot_pro,.footer .fot_nav,.footer .fot_mes{width:100%;padding:0;} .footer .fot_title em{margin-bottom:0;} .footer .fot_title,.fot-nav .fot_title{display:block;border-bottom:1px solid #4d4d4d;padding-bottom:10px;cursor:pointer;margin-bottom:10px;font-size:20px;} .footer .fot_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:10px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal;color:#fff;} .footer .toggle_content{padding-bottom:30px;padding-top:20px;} .fot-bot{border:none;padding-top:0;} .copy p{display:block;} } /*back-top*/ .back_top{width:50px; height:50px; position:fixed; right:10px; bottom:60px; z-index:9999; display:none; background:url(../images/top.png) no-repeat center;filter:alpha(opacity=20);-moz-opacity:0.2; opacity:0.2;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;} .back_top:hover{filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;bottom:68px;} @media only screen and (max-width: 768px) {.back_top{right:0;bottom:70px;}} #service{position:fixed;right:-220px;top:10px;z-index:999999999;margin:200px 0 0 0; font:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#eee;} #service ul{ list-style:none;} #ser_main{float:left;position:relative;z-index:999999;top:0px;} #ser_main a{display:block;overflow:hidden;} #ser_main a#floatShow01{background:url(../images/ser-30.png) no-repeat;height:262px;width:48px;z-index:99999;} #onlineService01{float:left;background:#fff;border:2px solid #232323;overflow:hidden; width:220px;padding:0 0;border-radius:2px;min-height:270px;} .onlineMenu .call-top{padding:15px;} .onlineMenu .call-top p{text-align:left;color:#333;font-size:18px;line-height:22px;text-transform:uppercase;font-family: "poppins-semibold";} .onlineMenu ul{list-style:none;padding:0 15px 15px 15px;} .onlineMenu ul li.call{text-align:left;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;border-bottom:1px solid #efefef;} .onlineMenu ul li.call:hover{background:#fafafa;border-radius:2px;} .onlineMenu .call>p{display:block;font-size:12px;padding:8px 0;padding-left:30px;color:#333;} .onlineMenu .call>p a{font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;display:block;max-width:100%;} .onlineMenu .call:hover>p a{color:#fcc509;text-decoration:none;} .onlineMenu .call>p.ser01{background:url(../images/icon-phone.png) no-repeat left 14px;font-family:'Open Sans';} .onlineMenu .call>p.ser02{background:url(../images/icon-email.png) no-repeat left 15px;} .onlineMenu .call>p.ser03{background:url(../images/icon-skype.png) no-repeat left 14px;} .onlineMenu .call>p.ser04{background:url(../images/icon-whatsapp.png) no-repeat left 14px;font-family:'Open Sans';} #service:hover{ right:0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} #online_qq_layer{z-index:9999999;position:fixed;right:5px;bottom:0; } #floatShow{display:block;} #floatHide{display:none;} #online_qq_tab{position:relative;z-index:9;} #online_qq_tab #floatShow{overflow:hidden;background:#232323;height:40px; width:240px;float:right; line-height:40px; font-size:12px; padding-left:10px; text-transform:capitalize; color:#fff; text-transform:uppercase;border-radius:4px;} #online_qq_tab #floatShow i{height:40px;width:48px;background:url(../images/icon-mes.png) no-repeat center center;float:right;display:inline-block;} #online_qq_tab #floatHide i{font-size:12px; max-height:32px; float:right; padding-top:10px;padding-right:10px;} #online_qq_tab #floatHide{overflow:hidden;background:#232323; width:100%; height:40px; font-size:14px; color:#fff; line-height:40px; padding-left:15px; width:300px;text-transform:capitalize;text-align:left; border-radius:4px;} #online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none;} #onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #eee;} #online_qq_layer .inquiry .btn{ border-radius: 30px; border: 2px solid #232323; display: inline-block; position: relative; font-size: 14px; color: #232323; text-transform: uppercase; padding-left: 18px; padding-right: 18px; background: none; -webkit-transition: 0.5s all} #online_qq_layer .inquiry .btn:hover{background:#232323;color:#fff;} #onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:12px;font-weight:400;} .i_message_inquiry { padding:10px 10px 20px 10px;} .i_message_inquiry .inquiry .form-control{ border:none; background:none; border-radius:0px; line-height:30px; color:#999; font-size:12px;width:100%;border:1px solid #ddd;} .i_message_inquiry .inquiry .form-control:focus{border:1px solid #ccc;color:#333;box-shadow:none;} .i_message_inquiry .inquiry .input-group{ background:#fff; height:32px; margin-bottom:20px;width:100%;border:none;} @media only screen and (max-width: 992px){ #service{display:none;} .back_top{width:36px;background-size:100%;} } @media only screen and (max-width: 768px) { #online_qq_layer{right:0;} #onlineService{ width:100%;} #online_qq_layer{ width:100%;} #online_qq_tab{ width:100%;} #online_qq_tab #floatShow{ background:url(../images/mobile-inq.png) no-repeat; width:50px; height:50px; position:absolute;right:0;bottom:10px;border:none;text-indent:-999999px;} #online_qq_tab #floatShow i{display:none;} #online_qq_tab #floatHide{ width:100%; background:#191918; width:100%; height:36px;box-shadow:0 0 10px 1px rgba(255,255,255,0.3);} #online_qq_tab #floatShow span{ display:none;} } /*page*/ .page-banner{position:relative;} .page-banner img{width:100%;height:auto; } .breadcrumb{padding-bottom:10px;font-size:12px;border-radius:0;text-transform:capitalize;text-align:center;background:#fff;margin:0;position:relative;background:url(../images/about_bg.jpg);} .breadcrumb .title{font-size:26px;font-family: "poppins-semibold";color:#333333;display:block;text-align:center;margin:0;text-transform:uppercase;float:left;padding-top:0;} .breadcrumb .bread-right{padding-top:0;color:#999;position:relative;z-index:1;text-align:right;padding-top:15px;} .breadcrumb .bread-right i{margin:0 8px;display:inline-block;background:#999;width:2px;height:10px; vertical-align:middle;} .breadcrumb .bread-right a{font-size:13px;color:#999; vertical-align:middle;} .breadcrumb .bread-right a:hover{color:#fcc509;} .breadcrumb .bread-right h2{margin:0;display:inline-block;padding:0;font-size:13px;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;color:#999;line-height:1.8; vertical-align:middle;} @media only screen and (max-width: 768px){ .page-banner{display:none;} .breadcrumb{text-align:center;padding:5px 15px 15px 15px;} .breadcrumb .title{display:none;} .breadcrumb .bread-right{text-align:center;} .breadcrumb .bread-right i{width:1px;} .breadcrumb .bread-right a,.breadcrumb .bread-right h2{font-size:12px;} } .page-box{padding:40px 0 60px 0;} .about .text{font-size:14px;line-height:30px;} .about .text b,.about .text strong{} .about .text img{max-width:100%;height:auto;} .about .text a{color:#fcc509;} .about_box{padding:60px 0;background:#f5f5f5 url(../images/news_bg.jpg) no-repeat bottom center;} .about_box .pabout_faq>em{display:block;font-family: 'oswald';font-size:28px;text-transform:uppercase;margin-bottom:20px;} .about_box .accordion{position: relative;background-color: #fff;display: inline-block;width: 100%;border-top: 1px solid #f1f4f3;border-bottom: 1px solid #f1f4f3;color:#333333;vertical-align: middle;} .about_box .accordion .fa {position: relative;float: right;} .about_box .accordion h4{position: relative;top: 0.8em;margin: 0;font-size: 16px;} .about_box .accordion a{position: relative;display: block;color: #74777b;padding: 0.5em 1em 2.5em 1em;text-decoration: none;} .about_box .accordion a:hover {text-decoration: none;color: #fff;background-color: #fcc509;transition: 0.3s;} .about_box .accordion-desc {color: #808080;z-index: 2;padding:15px 15px;font-size:14px;background:#fff;} .about_box .accordion-desc b,.accordion-desc strong{} .about_box .pabout_video>em{display:block;font-family: 'oswald';font-size:28px;text-transform:uppercase;margin-bottom:20px;} .about_box .pabout_video .main-more{float:right;font-size:12px;margin-top:20px;} .about_box .pabout_video img{max-width:100%;} .about_team{padding:40px 0;} .about_team .slick-slide .li>div{text-align:left;padding:10px;} .about_team .slick-slide .li .title{display:block;color:#000200;font-size:16px;line-height:24px;text-transform:capitalize;margin-top:15px;} .about_team .slick-slide .li .text{font-size:12px;color:#808080;line-height:22px;margin-top:10px;} .about_team .slick-slide .li .share{list-style:none;margin-top:20px;} .about_team .slick-slide .li .share li{display:inline-block;margin-right:20px;} .about_team .slick-slide .li .share li i{font-size:20px;color:#fcc509;} .about_team .slick-slide .li .share li a:hover i{color:#ffce25;} @media only screen and (max-width: 992px){ .page-box{padding:30px 0 50px 0;} .about_box{padding:40px 0;} } @media only screen and (max-width: 768px){ .about_box .pabout_faq>em,.about_box .pabout_video>em{font-size:20px;} .about_box .pabout_faq{margin-bottom:30px;} } .about .contact{list-style:none;padding:20px 0 40px 0;text-align:center;} .about .contact span{display:block;margin-bottom:10px;} .about .contact span i{font-size:38px;color:#fcc509;} .about .contact .title{display:block;font-family:"poppins-semibold";font-size:18px;color:#4a4a4a;text-transform:uppercase;margin-bottom:10px;} .about .contact p{margin-bottom:5px;font-size:14px; line-height:24px; color:#656565 } .about .contact p a:hover{color:#FFCE25;} .message{list-style:none;margin:10px 0 30px 0;border-top:2px solid #f7f7f7;border-bottom:2px solid #f7f7f7;padding:30px 0;text-align:center;} .message p{font-size:14px;margin:auto;margin-bottom:20px;max-width:60%;color:#808080;} .message li{margin-bottom:20px;} .message li label{display:block;font-weight:normal;font-size:14px;color:#4a4a4a;text-align:left;margin-bottom:5px;text-transform:uppercase; font-family:"poppins-semibold"} .message li .meInput{border:1px solid #d9d9d9;display:block;width:100%;height:48px;line-height:48px;color:#c3c3c3;padding:0 10px;background:rgba(255,255,255,0.5);} .message li .meInput:focus{color:#333;border:1px solid #ccc;background:#fff;} .message li .meText{border:1px solid #d9d9d9;display:block;width:100%;max-width:100%;height:140px;max-height:140px;line-height:20px;color:#c3c3c3;padding:10px;background:rgba(255,255,255,0.5);} .message li .meText:focus{color:#333;border:1px solid #ccc;background:#fff;} .message .send{ border-radius: 30px; border: 2px solid #232323; display: inline-block; position: relative; font-size: 14px; color: #232323; text-transform: uppercase; padding-left: 20px; padding-right: 20px; background: none; -webkit-transition: 0.5s all; line-height:36px; } .message .send:hover{background:#232323;color:#fff;} .map img{max-width:100%;height:auto;} @media only screen and (max-width: 992px){ .message p{max-width:100%;} } @media only screen and (max-width: 768px){ .message{background:#f7f7f7;padding:20px;text-align:left;} .message li{padding:0;} .about .contact li{margin-bottom:10px;} .message .send{margin-top:0;} } /*left*/ .page-left{width:24%;float:left;margin-top:-7px;} .left_title{display:block;margin-bottom:15px;position:relative;} .left_title>em{color:#333333;font-size:20px;font-family:"poppins-semibold";text-transform:uppercase;margin-bottom:10px;display:block;position:relative;border-bottom:2px solid #f7f7f7; padding-bottom:10px;} @media only screen and (min-width: 768px) {.left_title::after{content: "";height:4px;width:80px;background:#fff url(../images/title-bg.png) no-repeat -40px center;display:block;position:absolute;left:0px;bottom:0;}} .left_title .column_icon_toggle {display: none;} ul.mtree{opacity: 0;margin-left: 0;} ul.mtree li {list-style: none;} ul.mtree>li>a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;font-size:14px;border-bottom:1px solid #e5e5e5;overflow:hidden;display:block;position:relative;} ul.mtree>li>a:hover {color:#fcc509;background:none;} ul.mtree a {display: block;font-size:14px; color:#444;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s; padding:10px 15px;line-height:22px; padding-left:0px;} ul.mtree li ul a{ padding:8px 15px; border-bottom:1px solid #f1f1f1; padding-right:30px;} ul.mtree li ul li.mtree-all a{border-bottom:1px solid #e5e5e5;} ul.mtree li.mtree-open>a:before{content:"-";font-family:FontAwesome;padding-left:5px; float:right; font-size:36px; color:#fcc509; font-style:normal; padding:8px 15px; position:absolute; right:0; top:0;} ul.mtree li.mtree-closed>a:before {content:"+";font-family:FontAwesome;padding-left:5px; float:right; font-size:22px; color:#fcc509; font-style:normal; padding:10px 15px; position:absolute; right:0; top:0;} ul.mtree li ul a li a{ padding-left:20px;} ul.mtree>li:hover>a{ color:#fcc509;} ul.mtree>li.mtree-node a ul a{ font-size:14px;} ul.mtree>li.mtree-open{color:#fcc509 ;padding-bottom:0;} ul.mtree>li.mtree-open>a{color:#fcc509;background:#fafafa;padding-left:10px;} ul.mtree>li.mtree-node:hover>a{color:#fcc509 ;text-decoration:none;} ul.mtree .mtree-level-1 li.mtree-closed>span{color:#fcc509 ;text-decoration:none;} ul.mtree.transit li.mtree-closed:hover > span::before,ul.mtree.transit li.mtree-open:hover>span:before{ color:#a02d2d;} ul.mtree .mtree-level-1 li.mtree-open:hover>span:before,ul.mtree .mtree-level-1 li.mtree-closed:hover>span:before{ color:#a02d2d !important;} ul.mtree li ul li.mtree-all a{border-bottom:1px solid #e5e5e5;} ul.mtree ul { border:1px solid #f2f2f2;border-top:none;border-bottom:none;} ul.mtree ul li{list-style:none; position:relative;} ul.mtree ul li a{display:block;color:#333;font-size:12px;} ul.mtree>li>ul>li>a{ font-size:13px;} ul.mtree>li>ul>li>a:before{content:"";} ul.mtree ul li:hover a{color:#fcc509;} ul.mtree li ul li.mtree-open a{color:#ff000;text-decoration:none;} ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; background:#fafafa;border-bottom:1px solid #e5e5e5;} ul.mtree li ul.mtree-level-2 li a{color:#808080;font-weight:normal;font-size:12px; padding-left:24px;} ul.mtree li ul li.mtree-all a{border-bottom:1px solid #e5e5e5;} ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#fcc509;font-weight:normal;} ul.mtree.jet ul {margin-left: 0;} ul.mtree.jet li {margin-bottom: 1px;} ul.mtree.jet li:last-child {margin-bottom: 0px;} ul.mtree.jet li:first-child {margin-top: 1px;} ul.mtree.jet li.mtree-active a {background: #e5e5e5;} ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;} ul.mtree.jet li.mtree-active > a {background: #008cba;color: #FFF; border-radius: 3px 3px 0px 0px;} ul.mtree.jet li > a:hover { background: #FFC000;color: #FFF;} ul.mtree.jet a { padding: 5px 0px 5px 1em;} ul.mtree.jet li li > a { padding-left: 2em;} ul.mtree.jet li li li > a {padding-left: 3em;} ul.mtree.jet li li li li > a {padding-left: 4em;} ul.mtree.jet li li li li li > a {padding-left: 5em;} ul.mtree a:hover{text-decoration:none;} ul.mtree>li.mtree-node ul i{margin-right:4px; font-size:10px; color:#999;} .mtree-skin-selector{ display:none !important} /*hot_pro*/ .left-pro{margin-top:30px;} .left-pro ul{ margin-top:10px;} .left-pro ul li{ list-style:none;margin-bottom:20px;} .left-pro ul li:last-child{ margin-bottom:0px;} .left-pro ul li .text{width:68%;float:left;padding:0 10px;} .left-pro ul li h4{margin:0;margin-bottom:10px;} .left-pro ul li h4 a{ font-size:14px; color:#444;display:block; overflow:hidden; transition: 0s all;-webkit-transition: 0s all;-o-transition: 0s all; -moz-transition: 0s all;-ms-transition: 0s all; text-overflow:ellipsis; white-space:nowrap; margin-top:0; font-family:"poppins-semibold"} .left-pro ul li:hover h4 a{ color:#fcc509;} .left-pro ul li p{ font-size:12px; color:#999; line-height:20px; max-height:40px; overflow:hidden; margin:8px 0;} .left-pro .image{ float:left; width:32%;transition-duration: 0.6s;transition-timing-function: ease-out; overflow:hidden;position:relative;border-radius:2px;border:1px solid #f2f2f2;} .left-pro .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:2;} .left-pro .image:hover{border:1px solid #e5e5e5;} .left-pro .image img{ max-width:100%; height:auto; -webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms); } .left-pro li:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .page-right{width:76%;padding-left:50px;float:right;} .pabout-text{font-size:14px;line-height:24px;} .pabout-text b,.pabout-text strong{font-weight:normal;} .pabout-text img{max-width:100%;} .pabout-text a:hover{color:#fcc509;} @media only screen and (max-width: 768px) { .page-box{padding:30px 0;} .page-left{width:100%;float:none;margin-top:30px;} .left-pro,.left-con{margin-top:0;} .left_title{margin-bottom:10px;} .left_title>em{margin:0;font-size:20px;text-transform:uppercase;} .left_title.active>em{color:#fcc509;border-bottom:2px solid #fcc509;} .left-con .left_title{display:block;} .left_title .column_icon_toggle{display: inline-block;position: absolute;right:12px;top:8px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal;color:#ccc;} .left_title .column_icon_toggle.icon-minus-sign{color:#fcc509;} .page-left .toggle_content{padding-bottom:30px;} .page-right{width:100%;padding:0;float:none;} .left_title span{display:none;} .left_ques .text{text-align:left;} } /*blog*/ .left-blog{margin-bottom:30px;} .blog-list{list-style:none;border-bottom:1px solid #e5e5e5;margin-bottom:20px;padding-bottom:10px;} .blog-list p,.blog-cat p{display:block;margin-bottom:5px;text-transform:uppercase;font-size:14px;font-weight:bold;color:#333;} .blog-list li{display:block;position:relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;overflow:hidden;} .blog-list li:after{width:100%; height:100%; display:block; content:''; position:absolute; bottom:-100%; left:0; background:#fafafa; transition:all .4s;z-index:-1;} .blog-list li:hover:after {bottom:0;} .blog-list li a{font-size:13px;padding:8px 0;display:block;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .blog-list li:hover a{color:#fcc509;text-decoration:none;padding-left:5px;} /*.blog-list li i{width:10px;height:2px;display:inline-block;position:absolute;left:0;top:18px;background:#e5e5e5;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}*/ .blog-cat{list-style:none;border-bottom:1px solid #e5e5e5;padding-bottom:20px;} .blog-cat li{display:inline-block;margin:2px;} .blog-cat li:after{content:',';padding-left:2px;} .blog-cat li a{font-size:13px;} .blog-cat li a:hover{color:#fcc509;} .blog_list{list-style:none;} .blog_list>li{padding-bottom:15px;margin-bottom:15px;border-bottom:2px solid #f7f7f7;} .blog_list li .image{display:block;overflow:hidden;} .blog_list li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms); } .blog_list li:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .blog_list li .main{padding:20px 0;text-align:left;} .blog_list li .main .date{color:#999;display:block;margin-bottom:10px;} .blog_list li .main .date i{padding-right:5px;} .blog_list li .main .title{display:block;font-size:18px;line-height:24px;margin-bottom:10px;} .blog_list li .main .title:hover{color:#fcc509;} .blog_list li .main .text{color:#808080;font-size:12px;line-height:22px;overflow:hidden;max-height:66px;} .blog_list li .main-more{font-size:14px;margin-top:20px;padding:8px 20px;} .blog_tag{list-style:none;margin-top:20px;} .blog_tag p{text-transform:uppercase;font-size:14px;display:inline-block;} .blog_tag li{display:inline-block;margin:5px;} .blog_tag li a{display:inline-block;padding:5px 10px;background:#f7f7f7;} .blog_tag li a i{padding-right:5px;} .blog_tag li a:hover{background:#ffce25;color:#333;text-decoration:none;} .news_main .blog_tag{border-top:2px solid #f7f7f7;padding-top:20px;} @media only screen and (max-width: 768px) {.left-blog{margin-bottom:0;}} /*page-number*/ .page_num{width:100%;margin:5px auto 0 auto;text-align:center;} .page_num span{display:inline-block;color:#fff;background:#fcc509;font-size:14px;text-transform:uppercase;margin:5px;padding:0 20px;overflow:hidden;vertical-align:middle;line-height:40px;} .page_num a{background:#f7f7f7;padding:0 20px;display:inline-block;text-transform:uppercase;font-size:14px;margin:5px;position: relative;z-index: 0; vertical-align:middle;line-height:40px;} .page_num a:hover{background:#ffce25;text-decoration:none;} .page_num a i{line-height:40px;} .page_num p{display:block;font-size:12px;margin-top:10px;} .page_num p:before{content:'[';padding-right:3px;} .page_num p:after{content:']';padding-left:3px;} .page_num p strong{display:inline-block;margin:0 5px;font-weight:normal;} @media only screen and (max-width: 768px) { .page_num{text-align:center;} .page_num span,.page_num a{font-size:12px;} .page_num p{width:100%;margin-top:15px;} } .news_main .title{display:block;font-size:18px;line-height:24px;margin-bottom:10px;text-align:center;font-family:'poppins-semibold';} .news_main .date{color:#999;display:block;margin-bottom:10px;width:100%;border:none;text-align:center;} .news_main .date i{padding-right:5px;} .news_main .text{font-size:14px;line-height:30px;} .news_main .text b,.news_main .text strong{} .news_main .text img{max-width:100%;height:auto;} .news_main .text a{color:#fcc509;} /*page-turning*/ .page_turn{width:100%;text-align:left;padding:10px 10px 5px 20px;background:#f7f7f7;margin-top:30px;overflow:hidden;position:relative;} .page_turn:before{ content:""; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); width:120px; height:4px; background:#fff url(../images/title-bg.png) no-repeat center center; position:absolute; left: -58px; top: 34px; } .page_turn li{display:block;margin-bottom:5px;} .page_turn li p{text-align:left;display:inline-block;font-size:14px;text-transform:uppercase;margin-bottom:0;margin-right:5px;color:#999; vertical-align:middle;} .page_turn li a{display:inline-block;font-size:14px;margin-left:5px;text-transform:capitalize;color:#666666;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal; vertical-align:middle;} .page_turn li a:hover{color:#fcc509;} @media only screen and (max-width: 768px) { .page_turn li p{display:block;text-align:left;font-size:12px;} .page_turn li a{margin:0;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;display:block;width:100%;} .page_turn:before{top:50px;} } /*sitemap*/ .sitemap{width:100%;} .stp-listA>li{text-transform:capitalize;margin-bottom:15px;background:#fff;list-style:none;padding:15px 20px;background:#fafafa;} .stp-top{width:100%;} .stp-top a{font-size:16px;text-transform:capitalize;display:block;text-transform:capitalize;color:#333;font-weight:bold;} .stp-top a:hover{text-decoration:none;color:#fcc509;} .stp-top a i{padding-left:5px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .stp-top a:hover i{padding-left:8px;} .stp-listB{display:block;padding:10px 0;border-top:1px solid #e5e5e5;list-style:none;margin-top:5px;} .stp-listB>li{width:25%;padding:8px 10px;float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} .stp-listB>li>a{font-size:16px;line-height:22px;display:block;color:#4d4d4d;} .stp-listB>li:hover>a{color:#fcc509;} .stp-listB li .stp-listC{width:100%;padding-top:15px;list-style:none;} .stp-listB li .stp-listC li{width:100%;margin-bottom:8px;} .stp-listB li .stp-listC li a{color:#808080;font-size:13px;} .stp-listB li .stp-listC li a i{padding-right:5px;} .stp-listB li .stp-listC li a:hover{color:#fcc509;} @media only screen and (max-width: 768px){ .stp-listB>li{width:50%;padding:8px 0;} } @media only screen and (max-width: 400px){ .stp-listB li{width:100%;margin-right:0;margin-bottom:2%;} } /*news*/ .news li{ list-style:none; margin-bottom:30px; border-bottom:1px solid #e5e5e5; margin-bottom:30px; padding-bottom:30px;} .news li .image{position:relative;overflow:hidden;width:30%;float:left;} .news li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:2;} .news li .image img{ max-width:100%; height:auto; width:100%; } .news li .main{padding-left:20px;float:left;} .news li .main h4{padding:0;margin:0;margin-bottom:15px;} .news li h4 a{ color:#333333;display:block;font-size:16px;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;max-width:100%; font-family:"poppins-semibold"} .news li:hover h4 a{text-decoration:none;color:#fcc509;} .news li .date{color:#999;display:block;margin-bottom:10px;} .news li .date i{padding-right:5px;} .news li .main .text{ font-size:12px; color:#999; overflow:hidden; margin-top:15px;height:44px;line-height:22px;overflow:hidden;} .news li .main .main-more{margin-top:20px;padding:8px 20px;font-size:12px;} @media only screen and (max-width: 980px) { .news li .image{ width:40%;} .news li .text{ float:right; padding-left:2%; width:58%;} } @media only screen and (max-width: 480px) { .news li .image{ width:100%; float:none; display:block;} .news li .text{padding:0;margin-top:10px;float:none;width:100%;} } .page-top{list-style:none;margin-bottom:30px;text-align:center;} .page-top li{display:inline-block;margin:10px;} .page-top li a{font-size:16px;font-family:"raleway_b";background:#ffce25;display:inline-block;padding:8px 20px;color:#333;} .page-top li a:hover{background:#fcc509;color:#fff;text-decoration:none;} .video-list{list-style:none;} .video-list li>div{padding:10px;border:1px solid #f7f7f7;text-align:center;margin-bottom:30px;} .video-list li:hover>div{background:#f7f7f7;} .video-list li .image{display:block;width:100%;overflow:hidden;position:relative;} .video-list li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .video-list li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .video-list li:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .video-list li .image .icon{ position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:72px; height:72px; background:url(../images/video_btn.png) no-repeat center center; display:inline-block; } .video-list li:hover .image .icon{background:url(../images/video_btn_h.png) no-repeat center center;} .video-list li .title{display:block;color:#5f5f5f;font-size:14px;line-height:24px;text-transform:capitalize;margin-top:15px; } .video-list li:hover .title{color:#fcc509;} @media only screen and (max-width: 768px) { .video-list li{padding:0 10px;} } @media only screen and (max-width: 480px) { .video-list li{padding:0;width:100%;} .video-list li .image .icon{width:60px;height:60px;background-size:100%;} } .p_app_list{list-style:none;} .p_app_list li{margin-bottom:20px;padding:0 10px;} .p_app_list li .image{position:relative;overflow:hidden;} .p_app_list li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .p_app_list li .image img{width:100%;height:auto;max-width:100%;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .p_app_list li:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .p_app_list li .image .ovrly{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .p_app_list li:hover .image .ovrly{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;} .p_app_list li .image .icon{position:absolute;right:-86px;bottom:-72px;display:inline-block;background:url(../images/icon-right.png) no-repeat center center;width:86px;height:72px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .p_app_list li:hover .image .icon{right:0;bottom:0;} .p_app_list li .main{padding:10px 0px;text-align:center;background:#f7f7f7;} .p_app_list li .main .title{font-size:14px;display:block;text-transform:capitalize; line-height:24px; max-height:48px; overflow:hidden; font-family:"poppins-semibold"; margin-bottom:5px;} .p_app_list li .main .text{color:#808080;font-size:12px;line-height:22px;overflow:hidden;height:44px; padding:0px 10px} .p_app_list li:hover .main .title{color:#fcc509;text-decoration:none;} @media only screen and (max-width: 992px) { .p_app_list li .main .title{font-size:18px;} } @media only screen and (max-width: 480px) { .p_app_list li{width:100%;padding:0;} } /*certificate*/ .thumbs-center ul{list-style:none;} .thumbs-center ul li{margin-bottom:20px;} .thumbs-center ul li a{display:inline-block;} .thumbs-center ul li img{max-width:100%;height:auto;border-radius:2px;} .thumbs-center ul li .title{padding:10px;text-align:center;font-size:16px;display:block;text-transform:capitalize;margin-bottom:10px;} /*products*/ .pro-text{line-height:22px;font-size:13px;color:#808080;margin-bottom:20px;} .pro-text img{max-width:100%;height:auto;} .pro-text b,.pro-text strong{} .cbp-vm-switcher {width:100%;margin-bottom:15px;} .cbp-vm-options {text-align:left;margin-bottom:10px;} .cbp-vm-options p{float:right;color:#999;font-size:13px;padding-top:5px;} .cbp-vm-options a {display: inline-block; vertical-align:middle;padding:8px;overflow: hidden;white-space: nowrap;color: #333;margin: 2px;border:1px solid #f2f2f2;} .cbp-vm-options span{display:inline-block;float:right;font-size:12px;color:#ccc;} .cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected {color: #333;background:#ffce25;border:1px solid #ffce25;} .cbp-vm-options a:before {font-size: 14px;text-align: center;display: inline-block;} /* General list */ .cbp-vm-switcher ul {list-style: none;padding: 0;} /* Clear eventual floats */ .cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { content: " "; display: table; } .cbp-vm-switcher ul:after { clear: both; } .cbp-vm-switcher ul li {display: block;position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .cbp-vm-image {display: block;margin: 0 auto;position:relative;overflow:hidden;border:1px solid #f2f2f2;border-radius:2px;} .cbp-vm-image:hover{border:1px solid #e5e5e5;} .cbp-vm-image span{display:block;width:100%;height:auto;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .cbp-vm-image img{ max-width:100%; height:auto; width:100%; -webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms); } .cbp-vm-switcher ul li:hover .cbp-vm-image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .cbp-vm-switcher ul li .cbp-vm-details{padding:0 10px;color:#808080;font-size:12px;overflow:hidden;line-height:24px;height:44px;} .cbp-vm-view-grid{padding-bottom:20px;} .cbp-vm-view-grid .pro-list-tags{display:none;} /* Common icon styles */ .cbp-vm-icon:before { font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .cbp-vm-grid:before {content: "\f00a";} .cbp-vm-list:before {content: "\f039";} .cbp-vm-add:before {content: "\f055";} /* Large grid view */ .cbp-vm-view-grid ul {text-align: left;} .cbp-vm-view-grid ul li { width: 33.3%; float:left; text-align: center; display: inline-block; vertical-align: top; padding:0; position:relative; } .cbp-vm-view-grid ul li>div{display:block;padding:10px;} .cbp-vm-view-grid ul li .cbp-list-left{width:100%;padding:0;} .cbp-vm-view-grid ul li .cbp-title{text-align:left;font-size:14px;line-height:24px;overflow:hidden;height:48px;display:block;margin:10px 10px 10px 10px;position:relative;z-index:99; color:#333333; font-family:"poppins-semibold"} .cbp-vm-view-grid ul li:hover .cbp-title{color:#fcc509;text-decoration:none;} .cbp-vm-view-grid ul li .cbp-vm-details{position:relative;z-index:99;text-align:left;height:48px;} .cbp-vm-view-grid ul li .cbp-list-more{display:none;} /* List view */ .cbp-vm-view-list>ul{margin:0;margin-top:20px;} .cbp-vm-view-list li {padding-bottom:20px;border-bottom:1px solid #f7f7f7;margin-bottom:20px;white-space: nowrap;text-align:left;white-space:normal;} .cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table; } .cbp-vm-view-list li:after { clear: both; } .cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title, .cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-price, .cbp-vm-view-list .cbp-vm-add { display: inline-block; vertical-align: middle; } .cbp-vm-view-list .cbp-vm-image {width: 22%;display:inline-block; vertical-align:middle;float:left;} .cbp-vm-view-list ul li>div .cbp-list-center{width:76%;display:inline-block;} .cbp-vm-view-list ul li .cbp-title{display:block; vertical-align:top;text-align:left;font-size:15px;line-height:24px;height:auto;margin-top:0;margin-bottom:15px;} .cbp-vm-view-list ul li:hover .cbp-title{color:#fcc509;} .cbp-vm-view-list ul li .cbp-vm-details {overflow: hidden;white-space: normal;height:44px;line-height:22px;margin-bottom:10px;font-size:12px;text-align:left;padding:0;color:#999;} .cbp-vm-view-list .pro-list-tags{list-style:none;margin-top:10px;} .cbp-vm-view-list .pro-list-tags p{text-transform:capitalize;font-size:14px;display:inline-block;} .cbp-vm-view-list .pro-list-tags li{display:inline-block;margin:5px;border:0;padding:0;} .cbp-vm-view-list .pro-list-tags li a{display:inline-block;padding:5px 10px;background:#f7f7f7;} .cbp-vm-view-list .pro-list-tags li a i{padding-right:5px;} .cbp-vm-view-list .pro-list-tags a:hover{background:#ffce25;color:#333;text-decoration:none;} .cbp-vm-view-list .cbp-hover{display:none;} .cbp-vm-view-list .cbp-list-center{width:76%;display:inline-block; vertical-align:middle;padding:0 0 0 15px;background:#fff;} .cbp-vm-view-list .cbp-list-center .cbp-list-left{padding-left:0;} .cbp-vm-view-list .cbp-list-more{display:block;margin-top:20px;float:right;padding-right:0;} .cbp-vm-view-list .cbp-list-more .main-more{margin-top:0;padding:8px 10px;font-size:12px;margin-bottom:15px;display:block;text-align:center;background:#fcc509;color:#fff;} .cbp-vm-view-list .cbp-list-more .main-more.down{color:#333;background:#ccc url(../images/icon-pdf.png) no-repeat 10px center;background-size:25px;padding-left:35px;} .cbp-vm-view-list .cbp-list-more .main-more.down:hover{background-color:#fcc509;color:#fff;} @media screen and (max-width: 940px) {.cbp-vm-view-grid ul li {width: 49%;}} @media only screen and (max-width: 768px){ .pro-cat li{margin-bottom:10px;} .cbp-vm-options{margin-top:0;} } @media screen and (max-width: 520px) { .cbp-vm-view-list>ul>li{width:100%;} .cbp-vm-view-list ul li .cbp-vm-details{height:40px;} .cbp-vm-view-list .prol_more{font-size:13px;padding:2px 20px 7px 20px;} .cbp-vm-view-grid ul li>div{padding:10px;} .cbp-vm-view-list .cbp-list-center{width:100%;margin-top:10px;} .cbp-vm-view-list ul li .cbp-vm-details{width:100%;} .cbp-vm-view-list .cbp-vm-image{width:100%;} .cbp-vm-view-list ul li>div>div{width:100%;} .cbp-vm-view-list ul li .cbp-title,.cbp-vm-view-grid ul li .cbp-title{font-size:14px;} .cbp-vm-view-list .cbp-list-view{display:none;} .cbp-vm-view-grid ul li .cbp-vm-details{display:none;} .cbp-vm-view-list ul li>div .cbp-list-center,.cbp-vm-view-list .cbp-list-center .cbp-list-left{width:100%;padding:0;} .cbp-vm-view-list .pro-list-tags p{display:block;} .cbp-vm-view-list .cbp-list-more{padding:0;} .cbp-vm-view-list .cbp-list-more .main-more{display:inline-block;margin-right:10px;} } @media screen and (max-width: 400px) { .cbp-vm-view-grid ul li .cbp-title{font-size:12px;margin:10px 0;} .cbp-vm-view-grid ul li>div{padding:10px 5px;} } /*products main*/ .products .pro_img{padding:10px 0;text-align:center;padding-bottom:0;} .products .pro-right{padding-left:30px;} .products .pro-right>h1{padding:0;margin:0;display:block;font-size:14px;text-transform:capitalize;color:#333;margin-bottom:10px;line-height:24px; font-family:"poppins-semibold"} .products .pro-right>div.main{font-size:13px;line-height:24px;color:#808080;margin-bottom:20px;} .pro-right{padding-left:20px;} .pro-table{border-top:1px solid #f7f7f7;padding-top:10px;} .pro-table ul li{list-style:none;margin-bottom:12px;} .pro-table ul li p{display:inline-block;font-size:12px;color:#333;text-transform:capitalize; vertical-align:top; font-weight:bold} .pro-table ul li span{color:#333;display:inline-block;font-size:14px;padding-left:5px; vertical-align:top;} .products .pro-right .main-more{margin-top:10px;font-size:14px;padding:8px 20px;} .products .pro-right .main-more.pro-down{background:#333333 url(../images/icon-pdf.png) no-repeat 15px center;background-size:26px;padding-left:50px;color:#fff;margin-left:20px;} .products .pro-right .main-more.pro-down:hover{background-color:#fcc509;} .mostBox{margin:30px 0;padding-left:15px;} .mostBox .text{font-size:14px;line-height:24px;} .mostBox .text em{font-style:italic;} .mostBox .text img{max-width:100%;height:auto;} .mostBox .text a:hover{color:#fcc509;} .mostBox .text b,.mostBox .text strong{} .mostBox .features-tab .nav-tabs{min-height:0;margin-left:-15px;background:#e5e5e5;margin-right:-15px;} .mostBox .features-tab .nav-tabs > li{margin:0;margin-right:2px;} .mostBox .features-tab .nav-tabs > li > a{background:#e5e5e5;padding:13px 30px;border-top:3px solid #e5e5e5;} .mostBox .features-tab .nav-tabs > li > a em{margin:0;color:#333333;font-size:14px;text-transform:uppercase; font-family:"poppins-semibold"} .mostBox .owl-carousel .owl-wrapper-outer{padding-top:0;width:100%;} .mostBox .owl-carousel .owl-wrapper{background:#fff;padding:20px 15px;border:1px solid #f7f7f7;} .mostBox .features-tab .nav > li > a:after{display:none;} .mostBox .owl-carousel .owl-wrapper,.mostBox .owl-carousel .owl-wrapper,.mostBox .owl-carousel .owl-item{width:100% !important;} .mostBox .features-tab .nav-tabs > li.active > a,.mostBox .features-tab .nav-tabs > li.active > a:focus,.mostBox .features-tab .nav-tabs > li.active > a:hover{background:#f7f7f7;border-top:3px solid #fcc509;} .mostBox .features-tab .nav-tabs > li.active > a em, .mostBox .features-tab .nav-tabs > li.active > a:focus em, .mostBox .features-tab .nav-tabs > li.active > a:hover em{color:#fcc509;} .products .pro-list-tags{list-style:none;margin-top:20px;} .products .pro-list-tags p{text-transform:uppercase;font-size:14px;display:inline-block;} .products .pro-list-tags li{display:inline-block;margin:5px;} .products .pro-list-tags li a{display:inline-block;padding:5px 10px;background:#f7f7f7;} .products .pro-list-tags li a i{padding-right:5px;} .products .pro-list-tags li a:hover{background:#ffce25;color:#333;text-decoration:none;} .pro_inquiry{margin-top:10px;padding:20px 20px 30px 20px;background:#f7f7f7;margin-top:30px;} .pro_inquiry>em{color:#333333;font-size:26px;font-family:"poppins-semibold";text-transform:uppercase;display:block;position:relative;padding-bottom:10px;} .pro_inquiry .message{text-align:left;padding:0;margin:0;} .pro_inquiry .message p{max-width:100%;} .pro_inquiry .message li p{display:block;font-weight:normal;font-size:13px;color:#999;text-align:left;margin-bottom:0;text-transform:uppercase;font-weight:bold;} .pro_inquiry .message li a{display:inline-block;text-transform:capitalize;color:#fcc509;font-size:14px;font-weight:normal;} .pro_inquiry .message .send{margin-top:10px;} .products .pro_inquiry .message ul{width:100%;} @media only screen and (max-width: 1200px) { .mostBox .tab-scroll{height:auto;padding-bottom:20px;margin-left:-15px;} .mostBox .nav-tabs{height:auto;width:600px;} .mostBox .features-tab .nav-tabs{margin-left:0;margin-right:0;} .mostBox .owl-carousel .owl-wrapper{padding:25px;} } @media only screen and (max-width: 992px) { .sp-thumbs a:link, .sp-thumbs a:visited{width:50px;height:50px;} .products .pro_img{width:100%;padding:0;} .products .pro-right{width:100%;padding:0;padding-top:20px;} } @media only screen and (max-width: 768px) { .pro-right{padding:0;margin-top:0;margin-bottom:20px;} .sp-thumbs{text-align:left;} .pro-table{margin-top:20px;} .products .pro_inquiry .message{padding:0;} .mostBox{border-top:1px solid #f7f7f7;margin-top:0;padding-left:0;} .mostBox .tab-scroll{margin-left:0;padding-bottom:0;} .mostBox .single-product{padding:0;} } @media only screen and (max-width: 480px) { .products .pro-right{margin-bottom:0;} .products .pro-right .main-more{display:block;text-align:center;margin-bottom:20px;} .products .pro-right .main-more.pro-down{margin-left:0;} } .page-pro{padding:40px 0;background:#f5f5f5 url(../images/news_bg.jpg) no-repeat bottom center;margin-bottom:20px;} .page-pro .slick-slide .li>div{padding:10px;text-align:center;} .page-pro .slick-slide .li .image{position:relative;overflow:hidden;border:1px solid #f2f2f2;border-radius:5px;} .page-pro .slick-slide .li:hover .image{border:1px solid #e5e5e5} .page-pro .slick-slide .li .image>a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:3;} .page-pro .slick-slide .li .image img{width:100%;height:auto;max-width:100%;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .page-pro .slick-slide .li:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .page-pro .slick-slide .li .image .icon{position:absolute;right:-50px;bottom:-42px;display:inline-block;background:url(../images/icon-right.png) no-repeat center center;background-size:100%;width:50px;height:42px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .page-pro .slick-slide .li:hover .image .icon{right:0;bottom:0;} .page-pro .slick-slide .li .main{text-align:center;padding:10px 0px;} .page-pro .slick-slide .li .main .title{color:#333333;font-size:14px;display:inline-block;margin-bottom:10px; line-height:24px; max-height:48px; overflow:hidden} .page-pro .slick-slide .li:hover .main .title{color:#fcc509;text-decoration:none;} .page-pro .slick-slide .li .main .text{color:#808080;font-size:12px;line-height:22px;overflow:hidden;height:44px;} .page-pro .slick-prev,.page-pro .slick-next{top:30%;} @media only screen and (max-width: 1280px) { .page-pro .slick-prev{left:-20px;} .page-pro .slick-next{right:-20px;} } @media only screen and (max-width: 768px) { .page-pro{padding:40px 0;} .page-pro .slick-prev{left:-15px;top:32%;} .page-pro .slick-next{right:-15px;top:32%;} } .m_mes_box input:-ms-input-placeholder{color:#c3c3c3;}/* Internet Explorer 10+ */ .m_mes_box input::-webkit-input-placeholder{color:#c3c3c3;}/* WebKit browsers */ .m_mes_box input::-moz-placeholder{color:#c3c3c3;}/* Mozilla Firefox 4 to 18 */ .m_mes_box input:-moz-placeholder{color:#c3c3c3;}/* Mozilla Firefox 19+ */ .message input:-ms-input-placeholder{color:#c3c3c3;}/* Internet Explorer 10+ */ .message input::-webkit-input-placeholder{color:#c3c3c3;}/* WebKit browsers */ .message input::-moz-placeholder{color:#c3c3c3;}/* Mozilla Firefox 4 to 18 */ .message input:-moz-placeholder{color:#c3c3c3;}/* Mozilla Firefox 19+ */ .map2{margin-top:10px;} .map2 iframe{max-width:100%;width:100%;} .s_y_img{ position:relative} .s_y_img>span{ position:absolute; left:10px; top:12px; z-index:999999} @media( max-width:460px){.cbp-vm-view-grid ul li{ width:100%}} @media (min-width: 458px) and (max-width:580px){.s_y_img>span>img{ width:200px}} @media (min-width: 953px) and (max-width:1165px){.s_y_img>span>img{ width:220px}} .main-about_m{ padding:15px 41px 40px 41px; background:rgba(255,255,255,0.9)} .about_left_t a{ display:block;} .about_left { width:45%; float:left} .about_right{ width:51%; float:right} .about_right_f{ font-size:14px; color:#4c4c4c; line-height:30px; max-height:305px; overflow:hidden} .about_right_e a{ line-height: 36px; border-radius: 30px; border: 2px solid #232323; display: inline-block; position: relative; font-size: 14px; color: #232323; text-transform: uppercase; padding-left: 18px; padding-right:18px; background: none; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; margin-top:15px;} .about_left_t a img{ width:100%; max-width:100%} @media (max-width:900px){.about_left{ width:100%} .about_right{ width:100%; float:left; margin-top:20px;} } @media (max-width:460px){.app-list li{ width:100%}} /*替换的底部*/ /*contact_section*/ .contact_section{ padding:55px 0 66px; background-position:center bottom !important;} .contact_section .contact_main{ max-width:780px; border-top:6px solid #232323; margin:0 auto; text-align:center; background:rgba(255,255,255,0.90); padding:42px 90px;} .contact_section .input_1{ line-height:36px; height:36px; border:1px solid #ddd; padding-left:10px; width:100%; background:none; color:#999; margin-bottom:15px;} .contact_section .input_1:focus{ border:1px solid #232323; color:#333;} .contact_section .input_2{ line-height:26px; height:118px; border:1px solid #ddd; padding-left:10px; width:100%; background:none; color:#999; margin-bottom:30px;} .contact_section .input_2:focus{ border:1px solid #232323; color:#333;} .contact_section .btn_1{ line-height:36px; border-radius:30px; border:2px solid #232323; display:inline-block; position:relative; font-size:14px; color:#232323; text-transform:uppercase;font-family:'poppins-semibold'; padding-left:18px; padding-right:50px; background:none;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .contact_section .btn_1:after{position:absolute; right:15px; top:9px; height:18px; width:26px; background:url(../images/send_ico.png) no-repeat center center; background-position:0px 0px; content:''; border-left:1px solid #ddd;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .contact_section .btn_1:hover{ background:#232323; color:#fff;} .contact_section .btn_1:hover:after{ border-left:1px solid #fff; background-position:0px -23px;} /*footer*/ .footer_top{ text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:25px; margin-bottom:35px;} .footer_top .p{ max-width:680px; line-height:24px; margin:0 auto; color:#dddddd; max-height:48px; overflow:hidden; margin-top:10px;} .footer_sns{ margin-top:18px;} .footer_sns a{ width:36px; height:36px; border-radius:50%; margin:0px 8px; overflow:hidden; display:inline-block;} .footer_sns a img{ margin-top:-2px;} #footer{color:#aaa; padding-top:50px; line-height:24px;font-size:13px; background:url(../images/footer_bg.jpg) no-repeat center center; background-size:cover;} #footer ul li{ list-style:none;} #footer a:hover{ color:#fff;} #footer .modules a{ color:#aaa;} #footer .modules a:hover{ color:#fcc509;} #footer .footer_follow{ float:left; width:15%;padding-right:5%;} #footer .footer_tags{ float:left; width:28%; padding-right:5%;} #footer .footer_con{ float:left; width:31%; padding-right:5%;} #footer .footer_email{ float:left; width:26%;} @media only screen and (max-width:768px) { #footer .footer_follow{ float:left; width:100%;padding-right:0%;} #footer .footer_tags{ float:left; width:100%; padding-right:0%;} #footer .footer_con{ float:left; width:100%; padding-right:0%;} #footer .footer_email{ float:left; width:100%;} } #footer .footer_con ul li{ padding:7px 0; line-height:24px;} #footer .footer_follow ul li,#footer .footer_tags ul li{ line-height:24px; padding:6px 0;} #footer .footer_follow ul li:before,#footer .footer_tags ul li:before{ content:url(../images/footer_ico.png); opacity:0.2; margin-right:10px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} #footer .footer_follow ul li:hover:before,#footer .footer_tags ul li:hover:before{ margin-left:10px; opacity:1;} #footer .footer_con ul li{ line-height:24px; padding:7px 0;} #footer .footer_con ul .li1{ background:url(../images/footer_add.png) no-repeat left 10px; padding-left:25px;} #footer .footer_con ul .li2{ background:url(../images/footer_tel.png) no-repeat left 10px; padding-left:25px;} #footer .footer_con ul .li3{ background:url(../images/footer_email.png) no-repeat left 10px; padding-left:25px;} #footer .footer_con ul .li4{ background:url(../images/footer_fax.png) no-repeat left 10px; padding-left:25px;} #footer .footer_con ul .li5{ background:url(../images/footer_whatsapp.png) no-repeat left 10px; padding-left:25px;} *:focus {outline: none;} #footer .footer_email .p{ font-size:13px; color:#aaa; line-height:24px; max-height:66px; overflow:hidden; margin-top:7px;} #footer .email{ position:relative; width:100%; margin-top:25px; margin-bottom:30px;} #footer .email_main{height:44px;color:#999;float:left; line-height:36px;font-size:13px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background:none; padding-left:15px; background:rgba(255,255,255,1); border-radius:30px;} #footer .email_main:focus{border:1px solid rgba(255,255,255,0.5); color:#666;} #footer .email_btn{ line-height:36px; border-radius:30px; border:2px solid #232323; display:inline-block; position:relative; font-size:14px; color:#fff; text-transform:uppercase;font-family:'poppins-semibold'; padding-left:24px; padding-right:60px; background:#fcc509;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; margin-top:20px;} #footer .email_btn:after{position:absolute; right:22px; top:9px; height:18px; width:26px; background:url(../images/send_ico.png) no-repeat center center; background-position:0px -23px; content:''; border-left:1px solid #fff;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; } #footer .email_btn:hover{ background:#fff; color:#232323; border:2px solid #fcc509} #footer .email_btn:hover:after{ border-left:1px solid #aaa; background-position:0px 0px;} #footer .title_h4{font-size:18px; color:#fff;font-family:'poppins-semibold'; margin-bottom:24px; text-transform:uppercase; background:url(../images/footer_line.png) no-repeat left bottom; padding-bottom:16px;} @media only screen and (max-width: 768px) { #footer .title_h4{ position:relative; background:rgba(255,255,255,0.1); font-size:14px; padding-bottom:0px; padding:10px; border-radius:5px; margin-bottom:15px;} #footer .title_h4:after { display: block; content: "\f078"; font-family: "FontAwesome"; position: absolute; right:15px; cursor:pointer; font-size:14px; top:10px; color:#fff; } #footer .title_h4.active:after { content: "\f077"; } .contact_section .contact_main{ padding:30px;} .i_title h3{ font-size:26px;} .products_section{ padding-top:30px; padding-bottom:30px;} } #footer ul li{ list-style:none;} #footer .footer_pro ul li{ width:33.33%; float:left; padding:7px;} #footer .footer_bottom {padding:10px 0; text-align:center; border-top:1px solid rgba(255,255,255,0.1); margin-top:30px; font-size:13px; color:#979797;} #footer .footer_bottom a{ color:#979797;} #footer .footer_bottom a:hover{ color:#fff;} #footer .footer_bottom .links a{ margin:5px; color:#979797;} #footer .footer_bottom .links a:hover{ color:#fff;} @media only screen and (max-width: 960px) {#service{ display:none;}} @media only screen and (max-width: 768px) { .footer_nav{width: 100%; position:fixed; bottom:0; display:block; overflow:hidden; z-index:999999} .height{ height:0; display:block} .footer_nav{background:#232323;padding:12px 0 5px; border-top:2px solid #fff;} .footer_nav ul li{ float:left; width:20%; text-align:center; list-style:none; padding:0px 10px;} .footer_nav ul li i{ font-size:16px; color:#fff;} .footer_nav ul li:nth-child(4){ float:right;} .footer_nav ul li:nth-child(5){ float:right;} .footer_nav ul li p{color:#ffffff;font-size:12px;margin-top:3px;text-transform:capitalize; line-height:12px;} } @media only screen and (max-width: 375px) {.footer_nav ul li p{ display:none;}} .i_title { text-align: center; margin-bottom: 36px; } .date{ float:left; width:10%; display:block; border-right:1px solid #eaeaea; margin-right:10px;} .date em{display: block; font-size: 16px; font-family:"poppins-semibold" ; text-align:left} .date p{ text-align:left; font-size:14px} .right{ float:left; width:85%} .news_content .right{ text-align:left; margin-left:15px; margin-top:-20px;} .news_content{ margin-bottom:26px;} .news_content .right a:hover{ color:#fcc509} .thumbs li img{ border:1px solid #e8e8e8} .autoplay_a .li div a{ font-family:"poppins-semibold"; font-size:18px; line-height:24px; height:48px; overflow:hidden; display:block; margin:10px 0px; text-align:left} .autoplay_a .li{ width:30%; float:left; padding:10px 15px;} .autoplay_a .text { text-align:left; font-size:14px; line-height:22px} @media only screen and (max-width: 600px){ .autoplay_a .li{ width:100%}}