/*reset*/ :focus{outline:0;} h1,h2,h3,h4,h5,h6{ margin:0px; padding:0; line-height:normal} body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;font-family: 'CenturyGothic';} em{font-style:normal;} img{border:none; max-width:100%} /*li,ul,ol{list-style:none;}*/ a{text-decoration:none;color:#231815;} 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;} :focus {outline: none; box-shadow:none} iframe {max-width: 100%;} .table-responsive ul li {list-style-position: inside;!important } .table-responsive td{ padding:0 8px}/*share*/ /*share*/ body{ font-size: 14px; font-family: 'CenturyGothic'; color: #555; background:#fff; line-height:28px; } .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;} } a:hover,img:hover{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} a,img{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-face { font-family: 'CenturyGothicB'; src:url(../fonts/CenturyGothicB.eot); src: url(../fonts/CenturyGothicB.eot#iefix) format('embedded-opentype'), url(../images/CenturyGothicB.svg#CenturyGothicB) format('svg'), url(../fonts/CenturyGothicB.woff) format('woff'), url(../fonts/CenturyGothicB.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CenturyGothic'; src:url(../fonts/CenturyGothic.eot); src: url(../fonts/CenturyGothic.eot#iefix) format('embedded-opentype'), url(../images/CenturyGothic.svg#CenturyGothic) format('svg'), url(../fonts/CenturyGothic.woff) format('woff'), url(../fonts/CenturyGothic.ttf) format('truetype'); font-weight: normal; font-style: normal; } .top_headW{ background:#e7e7e7;line-height:50px; height:50px} .top_head{ position:relative} .top_call{ float:left; text-align:left; line-height:50px; height:50px;} .top_headW .top_call p{ display:inline-block;color:#333333; font-size:14px; } .top_headW .top_call span{ display: inline-block; color: #0e70be; font-size: 14px; margin-left:15px;} .top_share{ float:right; line-height:50px; } .top_share li{ list-style:none; display:inline-block; margin-left:12px; } .top_share li a{ display:block; height:28px; width:28px} .top_share li a img{ width:28px; height:28px; display:inline-block; } #logo{position:relative;text-align:center;width:336px;margin: 0;} #logo h1{margin:0;padding:0;} #logo a{ display:inline-block;position:absolute;left:50%;margin-left:-100px; top:-25px;width:201px;} #logo img{max-width:163px;height:auto;padding:0;} .logo_xs{display:none;} /* Top Search*/ .search_box{float:right;z-index:99999999; margin-top:22px; } .search i{width:26px; height:26px; text-align:center;background:url(../images/search_btn.png) no-repeat center center;display:inline-block; vertical-align:middle} .top-search { display: block; width:100%;max-width:40%;position:absolute;right:0;top:70px;display: none;z-index:9999999;background:rgba(255,255,255,0.8) url(../images/nav_bg.png) no-repeat left center;border-radius:0px;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.05);} .top-search h4{font-size:20px; text-align:center; color:#333; margin:15px 0;text-transform:capitalize;display:none;display:none;} .top-search .input-group-addon i {float: right;position:absolute; right:0px; top:12px; width:40px; height:40px; line-height:38px;font-size:18px;} .top-search .input-group-addon i:hover{color:#0e70be;} .top-search .form-control {box-shadow:none;border:none;border-radius:0;border:1px solid #e5e5e5;background:#fff;color: #808080;height: 48px;line-height: 48px;padding: 0 60px 0 20px;text-align: left;font-size:13px;border-radius:25px;} .top-search input.form-control:focus{color:#333;font-style:inherit;} .top-search .input-group-addon.close-search {cursor: pointer;} .top-search .input-group{ width:100%;padding:10px 40px 10px 10px;} .btn_search1 {background: url(../images/search_btn.png) no-repeat center center;top: 2px;height:44px; position: absolute;right:2px;width:44px;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;position:absolute;right:0;top:0;} .attr-nav{float:right; z-index:9999999;display:inline-block; } .attr-nav>a{ color:#cfcfcf; text-transform:uppercase; font-size:12px;} .attr-nav ul li{ list-style:none;} .top-search .input-group { max-width:100%; margin:0 auto;} .select{position:relative;float:right;display:inline-block;text-align:left;vertical-align:middle; margin-top:13px; height:42px; background:url(../images/lan_bg.png) no-repeat center; margin-right:22px;} .select dt{display:inline-block;cursor:pointer;position:relative;z-index:9999999;color:#555555;text-align:right;text-transform:capitalize;font-size:12px;font-weight:normal; vertical-align:middle;line-height:42px; height:42px;padding-right:25px;background:url(../images/lan_icon.png) no-repeat right center; letter-spacing:1px;} .select dt img{ vertical-align:middle} .select dt>p{color:#555555;display:inline-block;padding-left:8px;text-transform:uppercase;font-size:12px; vertical-align: middle;} .select dd{position:absolute;right:0;top:42px;display:none;z-index:9999999999;background:#e7e7e7;} .select dd ul{padding:5px;width:120px;max-height:330px;overflow:auto;list-style:none; } .select dd ul li{margin-bottom:0;} .select dd ul li a{line-height:24px;display:block;padding:7px 0px;text-align:left;color:#666;} .select dd ul li a:hover{background:;color:#ed1b24;} .select dd ul li img{max-width:23px;max-height:17px;width:100%;height:auto;vertical-align:middle;} .select dd ul li p{padding-left:10px;font-size:12px;line-height:16px;display:inline-block;text-transform:capitalize;vertical-align:middle;margin:0;} .head_la{ position: relative;} /* Sizes for the bigger menu */ header{width: 100%;position: fixed;z-index: 999999;padding: 0;} header.large{height:;top:50px;background: rgba(255,255,255,0.9) url(../images/nav_bg.png) no-repeat left center; box-shadow: 0 3px 6px rgba(0,0,0,0.1);} header .row{position:relative; padding:0; margin:0} @media only screen and (min-width: 993px) { header.small{height: ;left:0;background:#fff;top:0; box-shadow: 0 3px 6px rgba(0,0,0,0.1);} header.small .header{padding-top:0;} header.small #logo{display:none;} header.small .attr-nav{padding-top:10px;} header.small .search_box{ margin-top:6px} header.small .select { margin-top:5px} header.small .header .mainmenu>nav>ul>li > a{padding:16px 20px 18px;} } @media only screen and (max-width: 1299px) { #logo{ width:300px} } @media only screen and (max-width: 1199px) { #logo{ width:240px} } @media only screen and (max-width: 992px) { header{padding:0;position:inherit;} header.large{top:0;} .header {padding:5px 0;} .height{padding-top:0;} .logo_xs{position:relative;z-index:9999999;float:left;display:block;} .logo_xs img{max-width:163px;} .logo_xs a{ display:block} .search_box{ margin-top:15px} .attr-nav{ position:relative;} .select{ margin-top: 25px;} .top-search{ top:60px;} } @media only screen and (max-width: 768px) { .top_share{ display:none} .top-search { max-width:100%; top: 52px;} } @media only screen and (max-width: 450px) { .top_headW .top_call span{ display:none} .logo_xs{ margin-top:4px} .logo_xs img{ max-width:120px} .select{ margin-right:10px} .select dt>p{ display:none} .select dt img {padding-top: 12px;} } .main_more{margin-top:34px;display:inline-block;position:relative;overflow:visible;transition:background .4s, border-color .4s, color .4s;background:#0e70be;border-radius:25px; text-align:center;overflow:hidden;} .main_more a,.main_more input,.main_more button{background:none;padding:0 32px;display:inline-block;position:relative;z-index:2;color:#ffffff;font-size:13px;line-height:44px; text-transform:uppercase; letter-spacing:1px;transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);border-radius:25px;} .main_more:hover a,.main_more:hover input,.main_more:hover button{color:#fff;text-decoration:none;} .main_more:before{ position:absolute; content:''; top:-100%; left:-100%; width:101%; height:101%; background:#709ed1;border-radius:25px; opacity:0; filter:alpha(opacity=0); transition:all 0.5s; } .main_more:hover:before{ opacity:1; filter:alpha(opacity=100); left:0; top:0; } .main_more i{padding-left:5px;} .morew{ text-align: center;} .in_title{ text-align:center; overflow: hidden;} .in_title span{ font-family: 'CenturyGothicB';display:inline-block; line-height:28px; font-size:28px; color:#0e70be; text-transform:capitalize; position:relative} .in_title span:before{ content:''; display:inline-block; position:absolute; top:14px; left:-210px; height:1px; width:200px; background:url(../images/t_bg.png) no-repeat;} .in_title span:after{ content:''; display:inline-block; position:absolute; top:14px; right:-210px; height:1px; width:200px; background:url(../images/t_bg.png) no-repeat;} .in_title p{ color:#808080; font-size:16px; overflow:hidden; line-height:28px; text-overflow:ellipsis; white-space:nowrap; margin-top:22px;} .in_categ_text{ background:#e7e7e7; box-shadow:0 5px 6px rgba(0,0,0,0.25); padding:33px 0 40px;} .in_categ_text .in_title span{ text-transform:inherit; font-size:22px; } .in_categ_text .in_categ_dateil{ font-size:16px; line-height:30px; color:#555555; text-align:center; max-width:1055px; margin:21px auto 0} .in_categW{ padding:20px 5px 36px; position:relative;} .in_categW:after{ content:''; background:url(../images/bg1.jpg) repeat; height:514px; position:absolute; bottom:0; left:0; width:90%; z-index:1} .in_categL { position:relative; z-index:99} .in_categL li{ list-style:none; margin-top:30px; padding:0 10px 30px; float:left; width:30%;overflow:hidden;} .in_categL li:nth-child(2),.in_categL li:nth-child(4){ width:40%} .in_categL li .in_categL_m{ position:relative; } .in_categL li .in_categL_m>a{ border-radius:15px; display:block; width:100%; overflow:hidden;} .in_categL li .in_categL_m>a img{ border-radius:15px;max-width:100%;height:auto;transition:all .5s; width:100%} .in_categL li .in_categL_m:hover>a img{-webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05));transform:scale(var(--scale-multiplier,1.05));} .in_categL li .in_categL_m>h4{ transition: all .5s; position:absolute; bottom:-30px; left:0; padding:0 30px; height:60px; transition: all .3s; width:100%} .in_categL li .in_categL_m>h4>a{ display:block; background:#fff; line-height:60px; text-align:center; text-transform:uppercase; color:#333333; font-size:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .in_categL li .in_categL_m .main{ width: 100%; position: absolute; bottom: -100%; left: 0; padding: 0 30px; text-align: center; transition: all .5s; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;z-index: 3;} .in_categL li .in_categL_m .main .box{ position:relative; overflow:hidden; background:rgba(0,0,0,0.4); padding:20px 61px 19px 20px; text-align:left; border-radius:2px;} .in_categL li .in_categL_m .main .box h4>a{ display:block; color:#fff; text-transform:uppercase; font-size:24px; line-height:24px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} .in_categL li .in_categL_m .main .box p{ font-size:16px; color:#ffffff; line-height:24px; margin-top:8px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} .in_categL li .in_categL_m .main .box .icon1{ display:inline-block;height:46px;float:right;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .5s;background:#0e70be url(../images/plu_icon.png) no-repeat center center;width:46px;position:absolute;right:-46px;top:25px; border-radius:50%;} .in_categL li .in_categL_m:hover .box .icon1{ right:15px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; transition-property:right; transition-delay:0.2s; -moz-transition-property:right; -moz-transition-delay:0.2s; -webkit-property:right; -webkit-transition-delay:0.2s; -o-transition-property:right; -o-transition-delay:0.2s; } .in_categL li .in_categL_m:hover .main { bottom:10px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .in_categL li .in_categL_m:hover>h4{ left:-100%;filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;} .in_categ_more{ text-align:right; position:relative; z-index:99; padding-right:160px} .in_categ_more:after{ position:absolute; top:55px; content:''; background:rgba(112,158,209,0.2); display:inline-block; height:1px; width:170px; right:-5px; } @media only screen and (max-width: 1199px) { .in_categL li{ padding:0 5px 30px} .in_categL li .in_categL_m>h4>a{ font-size:18px; text-transform:capitalize;} .in_categL li .in_categL_m .main .box{ padding:20px 51px 19px 10px} .in_categL li .in_categL_m:hover .box .icon1{ right:5px} .in_categL li .in_categL_m .main .box h4>a{ font-size:16px; text-transform:capitalize;} } @media only screen and (max-width: 986px) { .in_categL li .in_categL_m>h4{ padding:0 10px} .in_categL li .in_categL_m .main { padding:0 10px} .in_categL li .in_categL_m>h4>a{ font-size:16px;} .in_categW:after{ height:240px} } @media only screen and (max-width: 768px) { .in_categ_text{ padding:25px 0 25px} .in_categ_text .in_categ_dateil{ margin-top:12px} .in_categL li{width:42.5%; margin-top:10px} .in_categL li:nth-child(2),.in_categL li:nth-child(4){ width:57.5%} .in_categL li:nth-child(5),.in_categL li:nth-child(6){ width:50%} .in_categL li .in_categL_m>a{ border-radius:5px} .in_categL li .in_categL_m>a img{ border-radius:5px;} .in_categL li .in_categL_m .main{ display:none} .in_categL li .in_categL_m:hover .main {filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .in_categL li .in_categL_m:hover>h4{ left:0;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .in_categ_more:after{ display:none} .in_categ_more{ padding:0; text-align:center} .in_title p{ margin-top:10px; font-size:13px;} } @media only screen and (max-width: 425px) { .in_categL li{width:100%; } .in_categL li:nth-child(2),.in_categL li:nth-child(4){ width:100%} .in_categL li:nth-child(5),.in_categL li:nth-child(6){ width:100%} } .in_aboutW{ background-size:cover; padding:62px 0 114px;position:relative; overflow:hidden} .in_aboutW:after{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 71px; z-index: 9; background: url(../images/bg2.png) no-repeat center bottom; background-size: 100% 71px; content: ''; display:block;} .in_about_m{ background:rgba(0,0,0,0.5); text-align:center; max-width:1147px; margin:0 auto; padding:68px 80px 80px } .in_about_m .in_title span{ color:#fff} .in_about_m .in_title span:before{ background:url(../images/t_bg2.png) no-repeat;} .in_about_m .in_title span:after{ background:url(../images/t_bg2.png) no-repeat;} .in_about_m .in_about_detail{color:#f5f5f5; font-size:16px; line-height:32px; overflow:hidden; margin-top:30px;} h1.maikeh1 { font-size: inherit; display: inline; } .in_about_more{ text-align:center; position: absolute; bottom: 24px; left: 50%; margin-left: -98px;z-index: 999;} .in_about_more .main_more{ margin-top:0; padding-bottom:3px;} .in_about_more .main_more a{ box-shadow:0 5px 5px rgba(0,0,0,0.05)} @media only screen and (max-width: 1199px) { .in_about_m{ padding:50px 40px 50px} } @media only screen and (max-width: 962px) { .in_aboutW{ padding:40px 0 40px} .in_aboutW:after{ display:none} .in_about_more{ position:inherit; bottom:inherit; left:inherit; margin-left:0; margin-top:35px} .in_about_m{ padding:40px 30px} } @media only screen and (max-width: 425px) { .in_about_m{ padding:30px 15px} } .in_proW{ padding:44px 0 60px; position:relative; background:url(../images/pro_bg1.png) no-repeat top left, url(../images/pro_bg2.png) no-repeat right 75%;} .in_proW:after{ content:''; background:url(../images/bg3.png) no-repeat; background-size: 100% 287px; height:287px; position:absolute; bottom:0; left:0; width:100%; z-index:1} .in_proW .container{ position:relative; z-index:99} .in_proL.row{ margin:6px -10px 0; } .in_proL li{ list-style:none; margin-top:29px; padding:0 10px;} .in_proL li .in_proL_m .in_proL_img{ position:relative; overflow:hidden; } .in_proL li .in_proL_m .in_proL_img>a{ display:block; overflow:hidden; width:100%; border-radius:5px} .in_proL li .in_proL_m .in_proL_img>a img{border-radius:5px;max-width:100%;height:auto;transition:all .5s; width:100%} .in_proL li .in_proL_m:hover .in_proL_img>a img{-webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05));transform:scale(var(--scale-multiplier,1.05));} .in_proL li .in_proL_m .in_pro_hot{ position:absolute; top:0; left:10px; z-index:999} .in_proL li .in_proL_m .in_pro_hot span{ display:inline-block; background:rgba(14,112,190,0.8); line-height:35px; height:35px; width:63px; text-align:center; color:#fff; text-transform:uppercase; font-size:15px; border-radius:0 0 8px 8px;} .in_proL li .in_proL_m .icon{display:inline-block;position:absolute;right:-20px;bottom:14px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index:15;width:50px; text-align:right;transition:all .5s;} .in_proL li .in_proL_m:hover .icon{right:0px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .in_proL .in_proL_m .icon > a{display:inline-block; width:42px;height:36px;background-repeat:no-repeat;background-color:rgba(255,255,255,0.95);background-position:center center;position:relative;border-radius:18px 0 0 18px;transition:all .5s;margin-top:10px;} .in_proL li .in_proL_m .icon > a:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} .in_proL li .in_proL_m .icon a.link{background-image:url(../images/pro_icon1.png);} .in_proL li .in_proL_m .icon a.submit{ background-color:#e5e5e5;background-image:url(../images/pro_icon2.png); background-color:rgba(14,112,190,0.95); width:50px;} .in_proL li .in_proL_m .in_proL_w{ text-align:center; padding:0 5px} .in_proL li .in_proL_m .in_proL_w h4 a{ display:block; color:#333333; font-size:16px; line-height:28px;margin-top:15px} .in_proL li .in_proL_m .in_proL_w p{ color:#808080; font-size:14px; line-height:22px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; margin-top:10px;} .in_proL li .in_proL_m:hover h4 a{ color:#709ed1} @media only screen and (max-width: 962px) { .in_proL.row{ margin:0px -5px 0; } .in_proL li{ padding:0 5px; margin-top: 20px; width: 100%;} .in_proL li .in_proL_m .in_proL_w h4 a{ font-size:14px} .in_proL li .in_proL_m .in_proL_w p{ margin-top:5px} } @media only screen and (max-width: 768px) { .in_proL li .in_proL_m .in_pro_hot span{ width:50px; height:26px; line-height:26px; font-size:12px} .in_proW{ padding:40px 0 40px;} } .in_whyW{ background:url(../images/why_bg.jpg) no-repeat; background-size:cover; padding:42px 0 46px} .in_whyL{ margin:0 -25px;} .in_whyL li{ list-style:none; margin-top:36px; padding:0 25px;} .in_whyL li .in_whyL_m{ border-radius:25px; background:rgba(14,112,190,0.5); padding:22px 25px 21px} .in_whyL li .in_whyL_m .in_whyL_d{ text-align:left; overflow:hidden; line-height:38px; height:114px; color:#ffffff; font-size:15px;} .in_whyL li .in_whyL_m p{} @media only screen and (max-width: 1299px) { .in_whyL{ margin:0 -15px;} .in_whyL li{ padding:0 15px} } @media only screen and (max-width: 1199px) { .in_whyL{ margin:0 -10px;} .in_whyL li{ padding:0 10px} .in_whyL li .in_whyL_m{ border-radius:15px; padding:20px 15px 18px} .in_whyL li .in_whyL_m .in_whyL_d{ line-height:30px; height:120px} } @media only screen and (max-width: 768px) { .in_whyL{ margin:0px;} .in_whyL li{ padding:0px; width:100%; margin-top:25px} } /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;} .slick-list { position: relative; overflow: hidden; display: block; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand;} .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; margin:0 auto;} .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } /* Dots */ .slick-dots { list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999; } .slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px;border-radius:50%; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 14px; width: 14px;border-radius:50%; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; border:2px solid #c1c1c1;padding:0;} .slick-dots li button:focus { outline: none;} .slick-dots li.slick-active button{border-color:#0e70be;background:#0e70be;} .slick-prev{} .slick-next{} .in_newsW{ padding:54px 0 110px; position:relative; overflow:hidden} .in_newsW:after{ position: absolute; left: 0px; bottom: 0px; width: 100%; height:270px; z-index: 9; background: url(../images/bg4.png) no-repeat center bottom; background-size: 100% 270px; content: ''; display:block;} .in_newsW .container{ position:relative; z-index:99} .in_newsW .slick-slider{ margin-top:47px} .in_newsW .slick-list{ margin:0 -15px; } .in_newsW .li{ padding:0 15px;} .in_newsW .li .in_news_m .in_news_img>a{ display:inline-block; float:left; width:39%; padding-right:4px; overflow:hidden; border-radius:5px} .in_newsW .li .in_news_m .in_news_img>a img{width:100%; height:auto; max-width:100%;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; border-radius:5px} .in_newsW .li .in_news_m .in_news_img>a:hover img{transform: scale(1.1)} .in_newsW .li .in_news_m .in_news_img .in_news_t{ float:left; width:61%; padding-left:18px;} .in_newsW .li .in_news_m .in_news_img .in_news_t h4 a{ display:block; line-height:28px; font-size:16px; color:#333333;} .in_newsW .li .in_news_m:hover .in_news_img .in_news_t h4 a{ color:#0e70be} .in_newsW .li .in_news_m .in_news_img .in_news_t span{ display:inline-block; background:url(../images/date_icon.png) no-repeat left center; padding-left:23px; color:#0e70be; font-size:12px; margin-top:7px} .in_newsW .li .in_news_m>p{ line-height:28px; font-size:14px; color:#808080; margin-top:13px;} .in_newsW .li .in_news_m>a{margin-top:6px; color:#0e70be; font-size:12px; letter-spacing:1px; text-transform:uppercase; display:inline-block} .in_newsW .li .in_news_m>a i{ 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; margin-left:8px;} .in_newsW .li .in_news_m>a:hover{ color:#709ed1} .in_newsW .li .in_news_m>a:hover i{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; margin-left:12px;} .in_newsW .slick-dots{ background:#fafafa; padding:9px 0; margin-top:15px} .slick-dots li button{ background:#c0c0c0; border:none; height:10px; width:10px;} @media only screen and (max-width: 1299px) { .in_newsW .slick-list{ margin:0 -10px;} .in_newsW .li{ padding:0 10px;} .in_newsW .li .in_news_m .in_news_img>a{ width:40%; padding-right:0} .in_newsW .li .in_news_m .in_news_img .in_news_t{ width:100%; padding-left:10px} .in_newsW .li .in_news_m .in_news_img .in_news_t h4 a{ font-size:14px} } @media only screen and (max-width: 962px) { .in_newsW{ padding:40px 0} .in_newsW:after{ display:none} } .footerW{position:relative;z-index:5;background:url(../images/fot_bg.jpg) no-repeat; background-size:cover; padding:65px 0 40px; margin-top:-66px; overflow:hidden} .footer .fot_title{position:relative;display:block;margin-bottom:20px;} .footer .fot_title em{display:block;color:#ffffff;font-size:16px; font-family: 'CenturyGothicB';text-transform:uppercase; line-height:26px; } .footer ul,.footer li{list-style:none;} .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;} .fot_nav{float:left;width:14%; margin-top:37px} .fot_nav li{margin-bottom:13px;} .fot_nav li a{font-size:16px;text-transform:capitalize;color:#e9e9e9;line-height: 28px;} .fot_nav li a:hover{color:#709ed1;} .fot_tag{float:left;width:19%;padding-right:20px;margin-top:37px} .fot_tag li{margin-bottom:12px;} .fot_tag li a{font-size:13px;color:#e9e9e9;} .fot_tag li a:hover{color:#709ed1;} .fot_pro{float:left;width:23%;padding-right:30px;margin-top:37px} .fot_pro li{margin-bottom:12px;} .fot_pro li a{font-size:16px;color:#e9e9e9;line-height: 28px;} .fot_pro li a:hover{color:#709ed1;} .footerW .top_share{ float:none; margin-top:-50px} .footerW .top_share li{ margin:0 12px 0 0} .fot_conts{ margin-top:24px} .fot_conts>div{ float:left; width:33.33%; padding:0 15px 0 52px; } .fot_conts>div.fot_conts_add{ background:url(../images/fot_conts_add.png) no-repeat left center} .fot_conts>div.fot_conts_tel{ background:url(../images/fot_conts_tel.png) no-repeat left center} .fot_conts>div.fot_conts_email{ background:url(../images/fot_conts_email.png) no-repeat left center} .fot_conts>div span{ color:#fff; text-transform:uppercase; font-size:14px; color:#ffffff;font-family: 'CenturyGothicB'; display:block } .fot_conts>div p,.fot_conts>div a{ margin-top:5px; display:block; font-size:13px; color:#ffffff; line-height:28px;} .fot_conts>div a:hover{ color:#709ed1} .fot_conts>div p a{ display:inline-block} .foot_botW{border-top:1px solid rgba(255,255,255,0.12);padding:21px 0 0;margin-top:13px;} .foot_bot{text-align:center;} .copy{color:#8d8d8d;margin-top:1px;font-size: 14px; line-height: 28px;} .copy span{display:inline-block;color:#8d8d8d;font-size:12px;} .copy a{color:#8d8d8d;} .copy a:hover,.copy span a:hover{color:#709ed1;} .fot-fri{list-style:none; } .fot-fri p{display:inline-block;text-transform:capitalize;color:#8d8d8d;font-size:12px;} .fot-fri li{display:inline-block;margin:0 10px; list-style:none} .fot-fri li a{color:#8d8d8d;font-size:12px;} .fot-fri li a:hover{color:#709ed1;} .fot_message{ position: relative; float: right; width:44%; padding-top: 84px; min-height:446px} .fot_message:after{ background:url(../images/mes_bg.png) no-repeat center center; width:556px; height:446px; content:''; position:absolute; left:0; top:0px;} .fot_message .input_main { width: 320px; position: relative; z-index: 999; margin: 0 auto; text-align: center; } .fot_message .fot_message_t{ font-size:30px; line-height:30px;color:#fff;font-family: 'CenturyGothicB'; text-transform:capitalize;} .fot_message .list li{margin-bottom:3px; list-style:none} .fot_message .list li span{display:block;position:relative;} .fot_message .list li span:before{content:'*';color:red;position:absolute;right:10px;top:18px;font-size:24px;} .fot_message .list li span.ms_p:before{display:none;} .fot_message .meInput{color:#ffffff;max-width:100%;height:54px;line-height:52px;font-size:14px;padding:0 0 0 34px;width:100%;max-width:100%;background-color:inherit; border:none;border-bottom:1px solid rgba(255,255,255,0.2);background-repeat:no-repeat; border-radius:0;} .fot_message .meInput:focus{color:#333;} .fot_message .list li span.ms_p{ margin-bottom:16px} .fot_message .meText{width:100%;max-width:100%;height:70px;max-height:70px;padding:0 0 15px 34px;font-size:14px;color:#ffffff; background-color:inherit;border:none;border-bottom:1px solid rgba(255,255,255,0.2); background-repeat:no-repeat; border-radius:0;} .fot_message .meText:focus{color:#fff;} .fot_message .list li span.ms_p input{background-image:url(../images/mes_t1.png);background-position:0 18px;} .fot_message .list li span.ms_e input{background-image:url(../images/mes_e1.png);background-position:0 20px;} .fot_message .list li span.ms_m .meText{background-image:url(../images/mes_m1.png);background-position:0 5px;} .fot_message input:-ms-input-placeholder{color:#ffffff;}/* Internet Explorer 10+ */ .fot_message input::-webkit-input-placeholder{color:#ffffff;}/* WebKit browsers */ .fot_message input::-moz-placeholder{color:#ffffff;}/* Mozilla Firefox 4 to 18 */ .fot_message input:-moz-placeholder{color:#ffffff;}/* Mozilla Firefox 19+ */ .fot_message .meText:-ms-input-placeholder{color:#ffffff;}/* Internet Explorer 10+ */ .fot_message .meText::-webkit-input-placeholder{color:#ffffff;}/* WebKit browsers */ .fot_message .meText::-moz-placeholder{color:#ffffff;}/* Mozilla Firefox 4 to 18 */ .fot_message .meText:-moz-placeholder{color:#ffffff;}/* Mozilla Firefox 19+ */ .fot_message .main_more{margin-top:21px; background:#fff; } .fot_message .main_more button{ line-height:40px; border:none;color:#555555} .fot_message .main_more button img{ display:inline-block; vertical-align:middle; margin-left:16px;} .fot_message .main_more:hover button{ color:#fff} .fot_message .main_more:before{ background:#0e70be} @media only screen and (max-width: 1199px) { .fot_nav,.fot_tag,.fot_pro{ padding-right:15px;} .fot_message .input_main { margin:0 0 0 auto} } @media only screen and (max-width: 962px) { .footerW{ margin-top:0; } } @media only screen and (max-width: 768px) { .fot_conts,.new.content,.headline01{ display:none} .fot_message { /* display: none; */ float: left; } a.footmaik { display: none; } .footerW .top_share{ display:block; margin-top:0; text-align:center} .footerW{ padding:42px 0 20px} .fot_nav li,.fot_pro li,.fot_tag li{ margin-bottom:4px} .footer .fot_tag,.footer .fot_nav,.footer .fot_pro,.footer .fot_sub{width:100%;padding:0; margin:0} .footer .fot_title em{margin-bottom:0;font-size:16px;line-height:20px; background:none} .footer .fot_title span{display:none;} .footer .fot_title{display:block;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:13px;cursor:pointer;margin-bottom:13px;font-size:20px;} .footer .fot_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:5px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal;color:#e9e9e9;} .footer .toggle_content{padding-bottom:15px;padding-top:0;} .foot_botW{border:none;margin-top:0;padding:10px 0;} .foot_bot .left{float:none;text-align:center;} .fot_sub .fot_title > em{padding-left:0;background:none;color:#fff;} } .page_footerW{ margin-top: 0;} .page_banner img{ width:100%; height:auto; max-width:100%} /*n_main*/ .mbx_section{position:relative; text-align:center; background:#F5F5F5; padding:12px 0 15px} .mbx_section .img img{ width:100%; height:auto;} .mbx_section .h4{ color:#333; font-size:14px;font-family:'CenturyGothicB'; float:left; text-transform:capitalize; line-height:28px; padding:0; text-align:center; margin-top:6px; margin-bottom:0} .mbx_section .mbx{font-size:13px;margin-top:0px; padding-top:8px; float: right; line-height: 28px;} .mbx_section .mbx a{color:#777; font-size:13px; border-bottom:1px solid rgba(255,255,255,0);} .mbx_section .mbx a:hover{ color:#0e70be; border-bottom:1px solid #0e70be;} .mbx_section .mbx a>i{ margin-right:4px; color:#0e70be;} .mbx_section .mbx>i{ font-size:13px; color:#dcdcdc; margin:0px 10px;} .mbx_section .mbx h2{ display:inline-block} .mbx_section .mbx h2 a{ color:#777; font-size:13px; display:inline-block;} .mbx_section .mbx>span{ color:#777; font-size:13px; display:inline-block;} @media only screen and (max-width: 768px) { .mbx_section .h4{ width:100%; text-align:center; font-size:18px; float:none} .mbx_section .mbx{ width:100%; text-align:center; margin-top:0px; float:none} .mbx_section h4{ border-bottom:none;} .mbx_section{ padding-left:0;} .mbx_section h4{ margin-top:10px; line-height:24px;} } .page-box{ padding:50px 0 60px; } .about_web {} .about_detail{ line-height:24px; margin-top:0px; font-size:14px} .about_detail img{ max-width:100%;height: auto;} /*left*/ .page_left{width:26%; padding-right:20px} .page_left .column .block>span{ display: block; position:relative;margin-bottom: 0px; line-height: 24px; color: #fff; padding-bottom: 12px;} .page_left .left-nav.column .block>span{ background:#709ed1; padding: 10px; border: none; margin: 0; position:relative} .page_left .column .block>span em{ display:inline-block; font-size:18px;font-family:'CenturyGothicB'; color: #333; text-transform:uppercase; } .page_left .left-nav.column .block>span em{ color:#fff; } .page_left .column .block>span .column_icon_toggle{display:none;} .page_left .column .block>span em:before { content: ''; background:#0e70be; width: 24px; height:2px; position: absolute; left: 0; bottom: 0px; display: inline-block; } .page_left .left-nav.column .block>span em:before { content: "\f03a"; font-family: 'FontAwesome'; font-size: 16px; color: #fff; background:none; position: absolute; right: 0px; top: 10px; bottom:inherit; left:inherit } .left-nav{ margin-bottom:20px} .left-blog{margin-bottom:30px;} .left-nav ul li{list-style:none} .left-nav ul li a{text-transform:uppercase;font-size:14px;display:block;border-bottom:1px solid #eee;} .left-nav ul li a:hover{color:#0e70be;text-decoration:none;} .left-nav ul li a.lnav-depth{background:#e5e5e5;} .mtree-skin-selector{display:none;} ul.mtree {opacity: 0;margin-left: 0; margin-top:0; background:#fff; border-bottom:none} ul.mtree>li {list-style: none;} ul.mtree>li:last-child{border-bottom:none;} ul.mtree>li>a { display: block; font-size:16px; padding:8px 10px 8px ; color:#444; text-transform:capitalize;background: #f7f7f7; line-height: 28px; } ul.mtree>li:nth-child(2n+2)>a{background:#f0f0f0;} ul.mtree>li>a i{padding-right:5px;} ul.mtree li b{ font-style:normal} ul.mtree>li.mtree-open>a{color:#fff !important;background:#0e70be;} ul.mtree>li.mtree-node:hover>a{color:#fff ;text-decoration:none;background:#0e70be;} ul.mtree li.mtree-open>b:before{ content: "-"; font-family: FontAwesome; float: right; font-size: 24px; color: #fff; font-style: normal; height: 28px; width: 28px; text-align: center; line-height: 28px; position: absolute; right: 0; border-radius: 50%; top: 6px;} ul.mtree li.mtree-closed>b:before { content: "+"; font-family: FontAwesome; float: right; font-size: 18px; color: #808080; font-style: normal; height: 28px; width: 28px; text-align: center; line-height: 28px; position: absolute; right: 0; top: 6px; border-radius: 50%;} ul.mtree .mtree-level-1 li.mtree-open>b:before{ color:#0e70be} ul.mtree>li.mtree-node:hover>b:before{ color:#fff} ul.mtree li.mtree-node > a {} ul.mtree>li:hover{} ul.mtree>li:hover>a{color:#0e70be;text-decoration:none;} ul.mtree>li.mtree-node{} ul.mtree>li.mtree-open{} ul.mtree>li.mtree-open>a{color:#0e70be;text-decoration:none; } ul.mtree>li.mtree-open>a:after{ color:#fff} ul.mtree>li.mtree-node:hover{} ul.mtree>li.mtree-node .mtrss-all{text-transform:uppercase;font-size:14px;color:#0e70be; display:none} ul.mtree>li.mtree-node .mtrss-all span{display:inline-block;padding-right:5px;border:none;margin-bottom:0;} ul.mtree>li.mtree-node .mtrss-all a{font-size:12px;text-transform:capitalize;color:#333;color:#0e70be;padding:10px 10px; border-bottom:1px solid #0e70be} ul.mtree>li.mtree-node .mtrss-all:hover{color:#fff;} ul.mtree>li.mtree-node .mtrss-all:hover a{color:#fff;background:#0e70be;color:#fff;} ul.mtree a { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } ul.mtree ul {padding:0;background:#f0f3f3; border-top: none; border-bottom: none;} ul.mtree ul li{margin-bottom:1px;list-style:none} ul.mtree ul li:hoverul.mtree ul li a:hover{background:#e5e5e5;} ul.mtree ul li a:hover{} ul.mtree ul li ul{border:none;} ul.mtree ul li ul li{margin:5px 0;} ul.mtree li.mtree-node ul li a{display:block;font-size:13px; color:#555;font-weight:normal;padding:6px 0 6px 10px;text-transform:capitalize;border-bottom:1px solid#e2e2e2;} ul.mtree li.mtree-node ul.mtree-level-2 li:last-child a{ border-bottom:none} ul.mtree li.mtree-node ul li a i{padding-right:5px;} ul.mtree ul li a:hover{color:#0e70be;text-decoration:none;} ul.mtree .mtree-level-2{padding:0;border-bottom:1px solid #e5e5e5; background: #fafafa;} ul.mtree li ul li.mtree-open a{text-decoration:none;} ul.mtree li ul.mtree-level-2 li a{font-weight:normal;font-size:12px; color:#888;padding:5px 0px 5px 10px;} ul.mtree .mtree-level-2 li a:hover{text-decoration:none;color:#0e70be;font-weight:normal;} ul.mtree ul li ul li a:before{content:"\f105";font-family:FontAwesome;padding-right:5px;} 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: #E3E3E3;} 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;} .page_left .left-pro {margin-top:30px;} .page_left .left-pro .htmleaf-content{border-top:none;} .page_left .left-pro ul { border-bottom: 1px solid #e5e5e5; margin-top:20px} .page_left .left-pro ul li{ list-style:none; border: 1px solid #e5e5e5; padding: 10px; border-bottom: none;} .page_left .left-pro ul li .img{display:inline-block;float:left;width:40%;overflow:hidden; position:relative; border:1px solid #eee;} .page_left .left-pro ul li .img>a img{max-width:100%;height:auto;width:100%;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .page_left .left-pro ul li:hover .img>a 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_left .left-pro ul li .overly{ position:absolute; left:-100%; top:0px; background:rgba(255,255,255,0.3) ; width:100%; height:100%; background-size:30px auto;} .page_left .left-pro ul li:hover .overly{ left:0px;} .page_left .left-pro ul li .lnews-right{float:left; padding-left:10px;width:60%;} .page_left .left-pro ul li .lnews-right h4>a.left-pro-t{color:#333;font-size:13px; display:block;margin-top:0px;line-height:28px; } .page_left .left-pro ul li .lnews-right h4>a.left-pro-t:hover,.page_left .left-pro ul li:hover .lnews-right a.left-pro-t{ color:#0e70be;} .page_left .left-pro ul li .lnews-right p{color:#777;line-height:20px;overflow:hidden;max-height:40px; font-size: 12px;} .page_left .left-pro ul li .lnews-right a.tab-pro-more{color:#0e70be; font-size:12px; line-height:22px; display:inline-block; text-transform:uppercase; margin-top:10px; } .page_left .left-pro ul li .lnews-right a.tab-pro-more i{ margin-left:6px;} .page_left .left-pro ul li .lnews-right a.tab-pro-more:hover{ text-decoration:underline} .page_left .icon-minus-sign:before {content:"\f0d8";font-family:'FontAwesome';} .page_left .icon-plus-sign:before {content: "\f0d7";font-family:'FontAwesome';} .page_right{width:74%; padding-left:25px} @media only screen and (max-width: 768px) { .left-img{ display:none} .left-blog, .left-nav{padding:0 !important; margin:0} .left-bg{display:none;} .page_left{padding:0;background:none;width:100%; } .page_right{padding:0;width:100%; margin-top:30px} .about_webW .page_left,.about_webW .page_right{ width:100%;} .page_left .column .block>span { position: relative; margin-bottom: 0; background: #fafafa; border: 1px solid #ebebeb;padding:8px 10px 7px; } .page_left .column .block>span em{ background:none; font-size:16px; } .page_left .column .block>span .column_icon_toggle{display: inline-block;position: absolute;right:10px;top:8px;font-style:normal;cursor:pointer;font-size:20px; color:#999;font-weight:normal;} .page_left .left-nav.column .block>span .column_icon_toggle{ color:#fff} .left-nav ul{padding:0;} .page_left .left-pro{ display:none} .page_left .left-nav.column .block>span{ background-image:none} .page_left .column .block>span em:before{ display:none} .page-box{ padding:40px 0} } .conts_web .contact_l{list-style:none;padding:0 0 40px 0;text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:40px; } .conts_web .contact_l li{border-right:1px solid #e5e5e5;padding:0 15px;} .conts_web .contact_l .icon{position:relative;width:70px;height:70px;margin-bottom:20px;text-align:center;display:inline-block;padding:4px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; background:#0e70be; border-radius:50%} .conts_web .contact_l li:hover .icon{ -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; transform: rotateY(180deg); } .conts_web .contact_l span{display:block; padding-top:10px} .conts_web .contact_l .icon img{max-width:42px;height:auto;} .conts_web .contact_l .title{display:block;font-size:20px;color:#3f4551;text-transform:capitalize;margin-bottom:10px;} .conts_web .contact_l p{margin-bottom:0;font-size:13px;line-height:22px;} .conts_web .contact_l p a:hover{color:#0e70be;} .conts_web .contact_l li:last-child{border-right:none;} .con_main .text{font-size:14px;line-height:26px;} .contact_web .con_box{padding-top:40px;padding-left:0;} .page_title{display:block;position:relative;margin-bottom:25px;text-align:left;border-bottom:2px solid #f5f5f5;color:#333;padding-bottom:10px;text-transform:capitalize;font-size:24px;line-height:24px; font-family:'CenturyGothicB';} .page_title:before{content:'';background:#0e70be;width:40px;height:2px;position:absolute;left:0;bottom:-2px;display:inline-block;} .con_left{ padding-left:25px; padding-right:0} .con_left .text{font-size:14px;line-height:24px; } .con_left .text img{max-width:100%;height:auto;} .map{ margin-top:35px;} .conts_web_m{ background:#fff; padding:30px; position:relative; border-radius:5px; webkit-box-shadow: 3px 5px 20px 0 rgba(31, 35, 37, 0.08); -moz-box-shadow: 3px 5px 20px 0 rgba(31, 35, 37, 0.08); box-shadow: 3px 5px 20px 0 rgba(31, 35, 37, 0.08);} .message{position:relative;margin-top:0;text-align:left;padding-right:25px; padding-left:0} .message p{font-size:16px;line-height:28px;color:#808080;position:relative;z-index:5;} .message ul{list-style:none;padding-top:20px;position:relative;z-index:5;} .message li{margin-bottom:15px;} .message li span{display:block;position:relative;} .message li span:before{content:'*';color:red;position:absolute;right:15px;top:5px;} .message li span.ms_p input{background-image:url(../images/mes_t.png);background-position:15px 8px;} .message li span.ms_e input{background-image:url(../images/mes_e.png);background-position:15px 8px;} .message li span.ms_m .meText{background-image:url(../images/mes_m.png);background-position:15px 10px} .message li span.ms_p:before,.message li span.ms_n:before{display:none;} .message li label{display:block;font-weight:normal;font-size:12px;color:#333;text-align:left;margin-bottom:5px;text-transform:capitalize;} .message li .meInput{color:#999;max-width:100%;height:40px;line-height:40px;font-size:13px;padding:0 20px;padding-left:50px;width:100%;max-width:100%;background-color:#fff;background-repeat:no-repeat;border:1px solid #e5e5e5;border-radius:25px;} .message li .meInput:focus{color:#333;} .message li .meText{width:100%;max-width:100%;height:100px;max-height:160px;padding:7px 15px 15px 50px;font-size:13px;line-height:20px;color:#999;background-color:#fff;border:1px solid #e5e5e5;background-repeat:no-repeat;border-radius:25px;} .message li .meText:focus{color:#333;} .message li p{display:inline-block;font-weight:normal;font-size:12px;color:#333;text-align:left;margin-bottom:5px;text-transform:capitalize;} .message li a{color:red;} .message .main_more{margin-top:10px; display:inline-block} .message li input:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ .message li input::-webkit-input-placeholder{color:#999;}/* WebKit browsers */ .message li input::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ .message li input:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ .message li .meText:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ .message li .meText::-webkit-input-placeholder{color:#999;}/* WebKit browsers */ .message li .meText::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ .message li .meText:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ @media only screen and (max-width: 1299px) { .con_left{ padding-left:15px} .message{ padding-right:15px} } @media only screen and (max-width: 768px) { .conts_web .contact_l{border:none;padding-bottom:0;margin-bottom:0;padding-top:0;} .conts_web .contact_l li{padding:0;margin-bottom:10px;border-right:none;border-bottom:1px solid #e5e5e5;padding-bottom:10px;} .conts_web .contact_l .icon{float:left;width:50px;height:50px;border:none;} .conts_web .contact_l span{ padding-top: 8px;} .conts_web .contact_l .icon img{max-width:26px;} .conts_web .contact_l .text{text-align:left;padding-left:20px;float:left;width:70%;} .conts_web .contact_l .title{margin-bottom:5px;font-size:16px;} .con_left{ padding-left:0; width:100%; margin-top:35px} .message{ padding-right:0; width:100%} } /*sitemap*/ .sitemap{width:100%;} .stp-listA>li{text-transform:capitalize;margin-bottom:10px; list-style:none; border: 1px solid #e5e5e5; padding: 10px 10px 7px;border-radius:5px; } .stp-top{width:100%; padding-bottom:5px;line-height:34px;} .stp-listA>li:last-child .stp-top{ border-bottom:none} .stp-top a{ color:#555;font-size:15px;text-transform:capitalize;display:block; } .stp-top a i{padding-left:10px;} .stp-top a:hover{color:#0e70be;text-decoration:none;} .stp-listB{display:block;padding:10px;background: #f7f7f7; border-top: 1px solid #e5e5e5;} .stp-listB>li{ list-style:none;width:18%;margin-right:2%;float:left;padding:8px 0;} .stp-listB li a{font-size:14px;line-height:22px;display:block;color:#4d4d4d;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} .stp-listB li a i{padding-right:5px;} .stp-listB>li>a:hover{color:#0e70be;text-decoration:underline;} .stp-listC{ padding:0px 10px} .stp-listC li{ list-style:none} .stp-listC li a{ padding:5px 0 0px; color:#888; font-size:13px} .stp-listC>li>a:hover{color:#0e70be;} @media only screen and (max-width: 768px){ .main-left,.main-right{padding:0;} .stp-listB li{width:48%;} .stp-listB li a{font-size:14px;} } @media only screen and (max-width: 400px){ .stp-listB li{width:100%;margin-right:0;margin-bottom:2%;} } /*page-number*/ .page_num{width:100%;margin:50px auto 30px auto;text-align:center;} .page_num span{display:inline-block;color:#fff;background:#0e70be;font-size:12px;text-transform:capitalize;margin-right:5px;padding:0 15px;overflow:hidden;vertical-align:middle;line-height:32px;border:1px solid#0e70be;border-radius:5px;} .page_num a{background:#fff;padding:0 15px;display:inline-block;text-transform:capitalize;font-size:12px;margin-right:5px;position: relative;z-index: 0; vertical-align:middle;line-height:32px;border:1px solid #e5e5e5;border-radius:5px;} .page_num a:hover{background:#0e70be;text-decoration:none;color:#fff;border:1px solid#0e70be;} .page_num a i{line-height:36px;} .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;margin:5px;padding:0 10px;line-height:25px;} .page_num a i{line-height:25px;} .page_num p{width:100%;margin-top:15px;} .page_num a{background:#fff;} } /*page-turning*/ .page_turn{width:100%;text-align:left;margin-top:20px;} .page_turn li{display:block;padding:8px 5px;background:#fafafa;border-radius:25px;margin-bottom:5px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .page_turn li p{text-align:left;display:inline-block;font-size:14px;text-transform:capitalize;margin-bottom:0;margin-right:5px;color:#0e70be;vertical-align:middle;} .page_turn li p i{background:#0e70be;text-align:center;margin-right:5px;font-size:12px;color:#fff;border-radius:50%;width:20px;height:20px;line-height:20px;} .page_turn li a{display:inline-block;font-size:14px;margin-left:5px;text-transform:capitalize;color:#333;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal; vertical-align:middle;color:#4d4d4d;} .page_turn li:hover a{color:#0e70be;} @media only screen and (max-width: 768px) { .page_turn li{border-radius:5px;} .page_turn li a{margin:0;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;display:inline-block;width:80%;} } .news li{position:relative;list-style:none;margin-bottom:30px;border:1px solid #e5e5e5;padding:15px 10px;border-radius:5px;} .news li .image{float:left;width:34%;display:block;overflow:hidden;-webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms);} .news li .image>a{z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;display:block;} .news li .image{position:relative;text-align:center;overflow:hidden;} .news 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);width: 100%;} .news 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));} .news li .main{float:left;width:66%;padding-left:20px;} .news li .main h4{margin:0;} .news li .title{font-family: 'CenturyGothicB';color:#333;display:block;font-size:16px;margin-top:7px;overflow:hidden;line-height:24px;max-height:48px;} .news li:hover .title{color:#0e70be;text-decoration:none;} .news li .text{color:#808080;font-size:12px;height:44px;line-height:22px;overflow:hidden;margin-top:15px;} .news li .date{padding-left:26px;color:#999999;text-transform:uppercase;font-size:12px;background:url(../images/date_icon.png) no-repeat left center; display:inline-block} .news li .more{ display: inline-block; margin-top: 10px; color:#0e70be; font-size: 12px; text-transform: uppercase; font-family: 'CenturyGothicB';} .news li .more i{padding-left:5px;transition:all .5s;} .news li .more:hover i{padding-left:8px;} @media only screen and (max-width: 768px){ .news li .title{font-size:14px;} .news li .text{height:44px;} } @media only screen and (max-width: 480px){ .news li{margin-bottom:20px;} .news li .image{width:48%;} .news li .main{width:52%;} .news li .title{font-size:14px;line-height:20px;max-height:60px;} .news li .text{display:none;} .news li .date p.date002{display:none;} .page_num{margin-top:0;} .news li .more{padding:2px 10px;} } .news_main .title{ font-family: 'CenturyGothicB'; display:block;font-size:20px;line-height:32px;margin-bottom:10px;} .news_main .date{padding-left:24px; display:inline-block;color:#999;text-transform:uppercase;font-size:12px;background:url(../images/date_icon.png) no-repeat left center;} .news_main .text{font-size:16px;line-height:32px;margin-top:20px;border-top:1px solid #f0f0f0;padding-top:20px;border-bottom:1px solid #f0f0f0;padding-bottom:20px;} .news_main .text img{max-width:100%;height:auto;} .news_main .text a{color:#0e70be;} @media only screen and (max-width: 480px){ .news_main .title{font-size:18px;} .news_main .text{font-size:16px;line-height:32px;} } /*blog*/ .left-blog{margin-bottom:30px;} .left-blog .left_title>span i.icon:before{content:"\f0c1";font-family:FontAwesome;} .blog-main{ margin-top:15px} .blog-list{list-style:none;border:1px solid #e5e5e5;border-bottom:none;padding:15px;} .blog-list p,.blog-cat p{display:block;margin-bottom:10px;text-transform:uppercase;font-size:14px;color:#333333;font-family:'CenturyGothicB';} .blog-list p i,.blog-cat p i{padding-right:5px;} .blog-list li{display:block;position:relative;margin-bottom:8px;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;border-bottom:1px dashed #eee;padding-bottom:6px;} .blog-list li a{font-size:12px; color:#787878; line-height:20px; padding:0;padding-left:5px; display:inline-block;overflow:hidden;text-transform:capitalize;position:relative;transition:all .5s;} .blog-list li a:hover{ color:#0e70be;text-decoration:none;padding-left:12px;} .blog-list li a:before{content:'';position:absolute;left:-8px;top:8px;display:inline-block;height:1px;width:8px;background:#0e70be;transition:all .5s;} .blog-list li a:hover:before{left:0;} .blog-cat{list-style:none;border:1px solid #e5e5e5;padding:15px;margin-bottom:10px;} .blog-cat li{display:inline-block;margin:5px;} .blog-cat li a{display:inline-block;border:2px solid #eee;padding:2px 10px;border-radius:25px;font-size:12px;transition:all .5s;} .blog-cat li a:hover{color:#fff;background:#0e70be;border:2px solid #0e70be;text-decoration:none;} .blog_list{list-style:none;} .blog_list li{border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:20px;position:relative;} .blog_list li .image{display:block;overflow:hidden;margin-bottom:20px;} .blog_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); } .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 .title{font-size:16px;line-height:24px;color:#333;font-family:'CenturyGothicB';display:block;margin-bottom:10px;} .blog_list li:hover .title{color:#0e70be;text-decoration:none;} .blog_list li .text{color:#999999;font-size:12px;line-height:20px;height:40px;overflow:hidden;margin-top:15px;} .blog_list li .date{display:inline-block;color:#0e70be;font-size:12px;line-height:18px;transition:all .5s;} .blog_list li .date:before{content:"\f073";font-family:'FontAwesome';padding-right:5px;} .blog_list li .more{display:inline-block;margin-top:10px;color:#0e70be;font-size:12px;text-transform:uppercase;font-family:'CenturyGothicB';} .blog_list li .more i{padding-left:5px;transition:all .5s;} .blog_list li .more:hover i{padding-left:8px;} .blog_tag{text-align:left;margin-top:20px;} .blog_tag>p{display:inline-block;font-size:12px;margin-right:5px;text-transform:uppercase;font-family:'CenturyGothicB';} .blog_tag>p i{padding-right:2px;} .blog_tag li{display:inline-block;margin:5px;border:none;padding:0;} .blog_tag li:last-child{padding:0;} .blog_tag li a{display:inline-block;padding:2px 12px;border-radius:25px;color:#4d4d4d;font-size:12px;text-transform:capitalize;background:#f5f5f5;} .blog_tag li i{padding-right:5px;} .blog_tag li:hover a{color:#fff;text-decoration:none;background:#0e70be;} @media only screen and (max-width: 992px) { .blog_list li .right{padding-left:65px;width:100%;} } @media only screen and (max-width: 768px) { .blog_list li{padding-top:0;} .blog_list li .date{left:0;} .blog_list{border:none;} .blog_tag>p{display:block;} .blog_list li .right{padding-left:80px;} .left-blog{margin-bottom:0;} .blog_list li .main-more{padding:6px 20px;} } @media only screen and (max-width: 480px) { .blog_list li .date{position:inherit;width:100%;} .blog_list li .date span{border-radius:0;height:auto;width:auto;padding:0 20px;border-radius:25px;} .blog_list li .date>span p{display:inline-block;padding-left:5px;} .blog_list li .right{padding:0;padding-top:10px;} .blog_list li .more{letter-spacing:0;} } /*products*/ .pro-text{line-height:24px;font-size:14px;color:#808080;margin-bottom:10px;padding-top:15px;border-top:1px solid #e5e5e5;} .pro-text img{max-width:100%;height:auto;} .cbp-vm-switcher {width:100%;margin-bottom:15px;} .cbp-vm-options {text-align:right;margin-bottom:5px;} .cbp-vm-options em{display:inline-block;float:left; font-size:18px;color:#444;text-transform:capitalize;line-height:38px; font-family: 'CenturyGothicB'; } h1.cattitle { display: inline-block; float: left; font-size: 20px; color: #444; text-transform: capitalize; line-height: 38px; font-family: 'CenturyGothicB'; } .cbp-vm-options a {display: inline-block; vertical-align:middle;padding:8px;overflow: hidden;white-space: nowrap;color: #333;margin: 2px;border:2px solid #f2f2f2;border-radius:5px;} .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: #fff;background:#0e70be;border:2px solid #0e70be;} .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 {position:relative;overflow:hidden;} .cbp-vm-image .icon{display:inline-block;position:absolute;right:-20px;bottom:14px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index:15;width:50px; text-align:right;transition:all .5s;} .cbp-vm-image:hover .icon{right:0px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .cbp-vm-image .icon > a{display:inline-block; width:42px;height:36px;background-repeat:no-repeat;background-color:rgba(255,255,255,0.95);background-position:center center;position:relative;border-radius:18px 0 0 18px;transition:all .5s;margin-top:10px;} .cbp-vm-image .icon > a:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} .cbp-vm-image .icon a.link{background-image:url(../images/pro_icon1.png);} .cbp-vm-image .icon a.submit{ background-color:#e5e5e5;background-image:url(../images/pro_icon2.png); background-color:rgba(14,112,190,0.95); width:50px;} .cbp-vm-image > a{ display:block; width:100%} .cbp-vm-image img{max-width:100%;height:auto;transition:all .5s;} .cbp-vm-image a.more,.cbp-vm-image a.send{position:absolute;right:-50px;top:20px;display:inline-block;width:32px;height:32px;z-index:12;} .cbp-vm-switcher ul li:hover .cbp-vm-image a.more,.cbp-vm-switcher ul li:hover .cbp-vm-image:hover a.send{right:0;} .cbp-vm-image a.more{background:#676767 url(../images/icon_see.png) no-repeat center center;transition:all .5s;} .cbp-vm-image a.send{top:55px;background:#0e70be url(../images/icon_mes.png) no-repeat center center;transition:all .8s;} .cbp-vm-switcher ul li:hover .cbp-vm-image .cbp-image-change{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:0;} .cbp-vm-switcher ul li .cbp-vm-details{color:#808080;font-size:12px;overflow:hidden;line-height:28px;} .cbp-vm-view-grid .blog_tag,.cbp-vm-view-grid .more{display:none;} .cbp-vm-view-grid .cbp-list-center{padding:0;padding-top:10px;padding-bottom:10px; margin-top:5px;} /* 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.33%; float:left; text-align: center; display: inline-block; vertical-align: top; padding:0 10px; height: 400px; position:relative; margin:20px 0 5px } .cbp-vm-view-grid ul li>div{transition:all .5s;display:block; padding:10px; border: 1px solid #eee; background:#fff; } .cbp-vm-view-grid ul li .cbp-title{display:block;margin-bottom:10px;color:#333;font-size:16px; font-family: 'CenturyGothicB';line-height:28px; overflow: hidden; height: 50px;} .cbp-vm-view-grid ul li:hover .cbp-title{color:#0e70be;} .cbp-vm-view-grid ul li .cbp-vm-details{color:#808080;font-size:13px;line-height:28px; overflow: hidden; height: 50px;} .cbp-vm-view-grid ul li .cbp-list-more{display:none;} .cbp-vm-view-grid ul li>div:hover{box-shadow:0 0 20px 5px rgba(0,0,0,0.05);} /* List view */ .cbp-vm-view-list>ul{margin:0;margin-top:20px;} .cbp-vm-view-list>ul>li {padding:25px 0px;background: rgba(255,255,255,0); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);border-bottom:1px dotted #e5e5e5;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: 28%;text-align:center;display:inline-block; vertical-align:middle;float:left; border:1px solid #eee} .cbp-vm-view-list ul li>div .cbp-list-center{width:70%;display:inline-block;} .cbp-vm-view-list ul li .cbp-title{display:block;margin-bottom:10px;color:#555555;font-size:16px;line-height:24px; overflow:hidden;max-height:48px; font-family: 'CenturyGothicB';} .cbp-vm-view-list ul li:hover .cbp-vm-image { border-color:#0e70be} .cbp-vm-view-list ul li:hover .cbp-title{color:#0e70be;} .cbp-vm-view-list ul li .cbp-vm-details {color:#808080;font-size:14px;margin-top:0;line-height:28px;overflow:hidden;max-height:54px;padding:0;} .cbp-vm-view-list .main_more{ margin-top:15px;} .cbp-vm-view-list .main_more a{ line-height:36px; height:36px; font-size:13px; padding:0 25px} .pro-list-tags{list-style:none;padding:5px;text-align:left;background:#fafafa;margin-top:15px;} .pro-list-tags>p{display:inline-block;font-size:12px;margin-right:5px;text-transform:capitalize;padding-left:5px;} .pro-list-tags li{display:inline-block;margin:5px;border:none;padding:0;} .pro-list-tags li:last-child{padding:0;} .pro-list-tags li a{display:inline-block;padding:4px 20px;color:#4d4d4d;font-size:12px;text-transform:capitalize;border:2px solid #e5e5e5;border-radius:25px;} .pro-list-tags li i{padding-right:5px;color:#4d4d4d;} .pro-list-tags li:hover a{color:#fff;text-decoration:none;background:#0e70be;border:2px solid #0e70be;} .pro-list-tags li:hover i{color:#fff;} .cbp-vm-view-list .cbp-hover{display:none;} .cbp-vm-view-list .cbp-list-center{width:72%;display:inline-block; vertical-align:middle;padding:0 0 0 25px; } .cbp-vm-view-list .cbp-list-center .cbp-list-left{padding-left:0;} .cbp-vm-view-list .cbp-list-more{ display:inline-block} @media screen and (max-width: 940px) {.cbp-vm-view-grid ul li {width: 98%;}} @media only screen and (max-width: 768px){ .pro-cat li{margin-bottom:10px;} .cbp-vm-view-list ul li .cbp-list-left .more{letter-spacing:0;} } @media screen and (max-width: 520px) { .cbp-vm-view-list>ul>li{width:100%; padding:20px 0} .cbp-vm-view-list ul li .cbp-title{ margin-bottom:5px} .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-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-grid ul li{margin-bottom:60px;} .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;} .cbp-vm-view-grid .cbp-list-center{padding:10px 0;} .cbp-vm-options em{display:block;float:none;margin-bottom:10px;} .cbp-vm-options a, .page_banner img { display: none; } .cbp-vm-options{margin-top:0;text-align:center;} .pro_text { overflow: auto; height: 80px; } } @media screen and (max-width: 400px) { .cbp-vm-view-grid ul li>div{ padding:5px} .cbp-list-left{padding:0;} .cbp-vm-image .image_more{display:none;} } @media screen and (max-width: 300px) { .cbp-vm-view-grid ul li{ width:100%} } /* CSS for the loading div */ .sp-loading { text-align: center; max-width: 100%; border: 2px solid #fafafa; padding:2px; border-radius: 0; font-size: 12px; color: #888; } .sp-loading img{max-width:100%;height:auto;} /* Element wrapper */ .sp-wrap { display: none; line-height: 0; font-size: 0; border-radius: 3px; position: relative; /************** Set max-width to your thumbnail width ***************/ text-align:center; max-width: 100%; width:100%; } /* Thumbnails */ .sp-thumbs { text-align: left; display: block; background:#f7f7f7; padding:10px 0; border-top: 1px solid #fff; } .sp-thumbs a{position:relative;border:1px solid #f7f7f7;} .sp-thumbs a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:1;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);} .sp-thumbs a:hover:before{filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;} .sp-thumbs img { min-height: 56px; min-width: 56px; max-width: 56px; } .sp-thumbs a:link, .sp-thumbs a:visited { width: 70px; height: 70px; overflow: hidden; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; display: inline-block; background-size: cover; background-position: center; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; margin:0 3px; } .sp-thumbs a:hover { opacity: 1; border:1px solid #0e70be; } /* Styles for the currently selected thumbnail */ .sp-thumbs a:active, .sp-current { opacity: 1!important; position: relative; border:1px solid #0e70be !important; } .sp-thumbs a.sp-current:after{transform:scaleX(1);visibility:visible;} /* Image currently being viewed */ .sp-large { position: relative; overflow: hidden; top: 0; left: 0; width:100%; } .sp-large a img { max-width: 100%; height: auto; width:100%; } .sp-large a { display: block; } /* Panning Zoomed Image */ .sp-zoom { position: absolute; left: -50%; top: -50%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; display: none; } /* Lightbox */ .sp-lightbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .9); z-index: 9999999; display: none; cursor: pointer; } .sp-lightbox img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 90%; max-height: 90%; border: 2px solid #fff; } #sp-prev, #sp-next { position: absolute; top: 50%; margin-top: -25px; z-index: 501; color: #fff; padding: 14px; text-decoration: none; background: #000; border-radius: 25px; border: 2px solid #fff; width: 50px; height: 50px; box-sizing: border-box; transition: .2s; } #sp-prev { left: 14%; } #sp-prev:before { content: ''; border: 7px solid transparent; border-right: 15px solid #fff; position: absolute; top: 16px; left: 7px; } #sp-next { right: 14%; } #sp-next:before { content: ''; border: 7px solid transparent; border-left: 15px solid white; position: absolute; top: 16px; left: 18px; } #sp-prev:hover, #sp-next:hover { background: #444; } /* Tweak styles for small viewports */ @media screen and (max-width: 768px) { #sp-prev {left:10px;} #sp-next {right:10px;} } @media screen and (max-width: 400px) { .sp-wrap { margin: 0 0 15px 0; } #sp-prev, #sp-next { top: auto; margin-top: 0; bottom: 25px; } } .sp-current-big img{ width:100%;} .sp-large img{ max-width:none;} .pro_web{ margin-top:30px} .products .pro_img{padding:0;text-align:center;padding-bottom:0;border:1px solid #f7f7f7;} .products .pro-right{padding-left:30px;} .products .pro-right>h1{padding:0;margin:0;display:block;font-size:20px;text-transform:capitalize;color:#333;margin-bottom:8px;line-height:32px; font-family: 'CenturyGothicB';} .products .pro-right>div.main{font-size:16px;line-height:28px;color:#999;margin-bottom:20px;} .pro-right{padding-left:20px;} .pro-table{margin-bottom:20px;border-top:1px solid #e5e5e5;padding-top:20px;} .pro-table ul li{list-style:none;margin-bottom:5px;} .pro-table ul li p{display:inline-block;font-size:14px;color:#4d4d4d;text-transform:capitalize;} .pro-table ul li span{color:#333;display:inline-block;font-size:14px;padding-left:5px;color:#999;} .products .pro-right .main_more{margin-top:0px;} .mostBox{margin:0 0 30px 0;padding-top:20px;margin-top:20px;} .mostBox .title{background:url(../images/l_title_bg.png) no-repeat left bottom;font-size:28px;margin-bottom:20px;display:block;text-transform:uppercase;padding-bottom:5px;text-align:left;} .mostBox{font-size:16px;line-height:28px;} .mostBox .text em{font-style:italic;} .mostBox .text img{max-width:100%;height:auto;} .mostBox .text a:hover{color:#0e70be;} .mostBox .text h4{ margin-top: 60px; border-bottom: 1px solid #eee; } .mostBox .text h4:after{ content: ""; display: block; height: 5px; width: 150px; background: #337ab7; } .prom_main{background:#f7f7f7;padding:60px 0;} .pro_message{margin-top:10px;padding:30px;position:relative;overflow:hidden;box-shadow:0 5px 27px rgba(0,0,0,.05);background:#fff;} .pro_message .page_title{padding-left: 40px;position: relative;} .pro_message .page_title:after{content:'';background:url(../images/icon_contact_p.png) no-repeat left center;display:inline-block;width:24px;height:24px;position:absolute;left:0;top:3px;} .pro_message .main_more input{ line-height:40px} .send_box.pro_message ul li .meInput{max-width:100%;width:100%;height:46px;line-height:46px;} .send_box.pro_message ul li .meText{width:100%;height:90px;max-height:90px;} .send_box.pro_message ul li span.ms_e input,.send_box.pro_message ul li span.ms_p input{background-position:10px 15px;} .send_box.pro_message ul li p{color:#808080;font-size:12px;text-transform:capitalize;background:#fff;padding:10px;width:100%;border-radius:10px;margin:0;} .pro_message li p a{display:inline-block;margin-left:5px;} .pro_message li.mes_sub p{background:#fafafa;display:block;padding:8px 15px;border-radius:0;border:1px solid #e5e5e5;} .pro_message li.mes_sub p:before{content:"\f0ca";font-family:'FontAwesome';padding-right:10px;} .prom_main .pro_con .text{font-size:12px;line-height:24px;} .prom_main .pro_con .text img{max-width:100%;} .prom_main .pro_con .text b,.prom_main .pro_con .text strong{ } @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;} .send_box.pro_message{display:block;padding:20px 0;margin-bottom:10px;border-bottom:1px solid #fc7f46;} } @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{margin-top:0;} .mostBox .tab-scroll{margin-left:0;padding-bottom:0;} .products .pro-list-tags p{display:block;} .pro_message{margin:0;margin-top:20px;padding: 15px 15px 20px;} .pro_message li .meInput,.pro_message li .meText{width:100%;} .pro_message .main_title{text-align:center;} .pro_message .main_title>em{background-position:center bottom;} .mostBox .title,.message .main_title .title{font-size:20px; } .mostBox .text{font-size:14px;} .prom_main{padding:40px 0;} .prom_main .pro_con{display:none;} .products > .title{margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;} .products > .title h1{font-size:24px;line-height:28px;max-width:70%;margin-left:5px; vertical-align:top;} .pro_message form{max-width:100%;} } @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_proW{ padding:40px 0 0} .page_pro{padding:0 0 0px;} .page_pro .main_title{margin-bottom:20px;} .page_pro .slick-list{ padding-bottom:10px; margin:0 -10px} .page_pro .slick-dots{ display:none !important} .page_pro .slider{padding-top:0;position:relative;} .page_pro .slider .li{padding:6px 10px 0px;} .page_pro .slider .li .box{box-shadow:0 0 10px 1px rgba(0,0,0,0.05);border-radius:5px;background:#fff;padding:8px;transition:all .5s;text-align:center; position:relative; overflow:hidden} .page_pro .slider .li:hover .box{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} .page_pro .slider .li .image{position:relative;display:block;overflow:hidden;} .page_pro .slider .li .image img{max-width:100%;height:auto;transition:all .5s;width:100%;} .page_pro .slider .li: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));} .page_pro .slider .li .main{padding-top:35px;padding-bottom:10px;} .page_pro .slider .li .title{display:block;margin-bottom:8px; margin-top:10px;font-size:14px;line-height:28px; } .page_pro .slider .li:hover .title{color:#0e70be;} .page_pro .slider .li .text{color:#999999;font-size:13px;line-height:28px;overflow:hidden;height:50px;} .page_pro .slider .li .box .icon{display:inline-block;position:absolute;right:-20px;top:14px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index:15;width:50px; text-align:right;transition:all .5s;} .page_pro .slider .li .box:hover .icon{right:0px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .page_pro .slider .li .box .icon > a{display:inline-block; width:42px;height:36px;background-repeat:no-repeat;background-color:rgba(255,255,255,0.95);background-position:center center;position:relative;border-radius:18px 0 0 18px;transition:all .5s;margin-top:10px;} .page_pro .slider .li .box .icon > a:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} .page_pro .slider .li .box .icon a.link{background-image:url(../images/pro_icon1.png);} .page_pro .slider .li .box .icon a.submit{ background-color:#e5e5e5;background-image:url(../images/pro_icon2.png); background-color:rgba(14,112,190,0.95); width:50px;} .page_pro .slick-prev,.page_pro .slick-next{ background:none; width:15px; height:20px; position:absolute; top:inherit; bottom:-6px; left:inherit; right:inherit; z-index:99999} .page_pro .slick-prev:after,.page_pro .slick-next:after{ font-size:16px; line-height:20px; color:#c0c0c0; font-family:'FontAwesome';} .page_pro .slick-prev{ left:44%;} .page_pro .slick-next{ right:44%} .page_pro .slick-prev:after{content:"\f053";} .page_pro .slick-next:after{content:"\f054";} .page_pro .slick-dots{ display:block !important; position:inherit; bottom:inherit; margin-top:30px;} @media only screen and (max-width: 768px) { .page_pro .slick-slider{ padding:24px 0 0} .page_pro .slick-dots{ margin-top:37px} .page_pro .slick-prev{ left:36%;} .page_pro .slick-next{ right:36%} } @media only screen and (max-width: 480px) { .page_pro .slick-prev{ left:20%;} .page_pro .slick-next{ right:20%} } /*service*/ .online_section{position:fixed;z-index:99999;top:200px;right:-200px;transition:all .3s ease;} .online_section ul li{ list-style:none;width:240px;height:40px;color:#fff; padding-left:50px; margin-bottom:3px;border-radius:5px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:13px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;} .online_section ul li a{ line-height:40px; font-size:12px; color:#fff;} .online_section .online_tel{background:#f3a43f url(../images/online_t.png) no-repeat 4px center;} .online_section .online_email{background:#30BCBB url(../images/online_e.png) no-repeat 4px center;} .online_section .online_whatsapp{background:#3EBA2C url(../images/online_w.png) no-repeat 4px center;} .online_section .online_skype{background:#00AFF0 url(../images/online_s.png) no-repeat 4px center;} .online_section .online_coad{background:#ef7600 url(../images/online_c.png) no-repeat; padding:0px;} .online_section .online_coad p{ padding-left:50px; font-size:14px;} .online_coad .img{ max-width:150px; padding:10px 30px; margin:0 auto; padding-top:0px;} @media only screen and (max-width: 992px) {.online_section{display:none;}} #online_qq_layer{z-index:9999999;position:fixed;right:30px;bottom:0; } #floatShow{display:block;} #floatHide{display:none;} #online_qq_tab{position:relative;z-index:9;} #online_qq_tab #floatShow{ overflow:hidden; background:url(../images/online.png) no-repeat center center; height:45px; width:200px; float:right; line-height:45px; -webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } #online_qq_tab #floatShow i{height:40px;width:68px;float:right;display:inline-block;} #online_qq_tab #floatShow:hover{margin-right:0;} #online_qq_tab #floatHide{overflow:hidden;background:#0e70be;text-transform:uppercase; width:100%; height:45px;font-size:14px; color:#fff; line-height:45px; padding-left:10px; width:300px;text-align:left; border-radius:5px 5px 0 0;font-family: 'CenturyGothicB'; } #online_qq_tab #floatHide i{font-size:12px; max-height:32px; float:right; padding-top:10px;padding-right:10px;} #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:13px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:2px solid #0e70be;border-top:none;} #online_qq_layer .inquiry .main_more{margin-top:10px;} #online_qq_layer .inquiry .main_more input{padding:0 35px; line-height:36px; } #onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:12px;} .i_message_inquiry { padding:20px 10px 20px 10px;} .i_message_inquiry .inquiry .form-control{ border:none; background:none; border-radius:0px; line-height:40px;height:40px; color:#999; font-size:12px;width:100%;border:1px solid #eee;padding-left:40px;} .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:10px;width:100%;border:none;} .i_message_inquiry .inquiry .input-group span{display:block;position:relative;} .i_message_inquiry .inquiry .input-group span:before{content:'*';color:red;position:absolute;right:5px;top:5px;} .i_message_inquiry .inquiry .input-group span.ms_p input{background-image:url(../images/mes_t.png);background-position:8px 9px;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_e input{background-image:url(../images/mes_e.png);background-position:8px 10px;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_m .form-control{height:80px;padding-top:10px;line-height:20px;background-image:url(../images/mes_m.png);background-position:8px 10px;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_p:before,.i_message_inquiry .inquiry .input-group span.ms_n:before{display:none;} .mobile_nav{position:fixed;background: #0e70be; left:0;bottom:0;width:100%;padding:10px 0;display:none;z-index:999999;} .mobile_nav a{display:inline-block;width:20%;padding:0 10px;float:left;text-align:center;color:#fff;} .mobile_nav a i{font-size:16px;} .mobile_nav a p{color:#fff;padding-top:8px;font-size:14px;text-transform:capitalize;line-height:12px;} .mobile_nav a:nth-child(3){float:right;} .mobile_nav a:nth-child(4){float:right;} @media only screen and (max-width: 768px) { #onlineService .p{ display:none} #online_qq_layer{right:0;} #onlineService{ width:100%;} #online_qq_layer{ width:100%;} #online_qq_tab{ width:100%;} #online_qq_tab #floatShow{ background:#0e70be url(../images/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:15px;margin-left:-25px;border:2px solid #e5e5e5;border-radius:50%;text-indent:-999999px;z-index:9999999999;} #online_qq_tab #floatShow i{display:none;} #online_qq_tab #floatHide{ width:100%; width:100%; height:36px;box-shadow:0 0 10px 1px rgba(255,255,255,0.3);} #online_qq_tab #floatShow span{ display:none;} .mobile_nav{display:block;} body{padding-bottom:60px;} #onlineService .i_message_inquiry .main-more input{padding:8px 20px;} .side{ display:none} } @media only screen and (max-width: 375px) { .mobile_nav a p{display:none;} #online_qq_tab #floatShow{width:42px;height:42px;background-size:42px;bottom:10px;} body{padding-bottom:50px;} } /*back-top*/ .back_top{width:60px; height:60px; position:fixed; right:10px; bottom:100px; z-index:9999; display:none; background:url(../images/top.png) no-repeat center;filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;-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=60);-moz-opacity:0.6; opacity:0.6;} @media only screen and (max-width: 768px) {.back_top{right:0;bottom:60px;}} .table-responsive{ overflow-x:auto} /* team */ .our-team { background: url(../images/team_bg.jpg) no-repeat center; background-size: cover; padding: 60px 0; } .our-team .section_title{ text-align: right; margin-bottom: 30px; } .our-team .section_title h6 { font-size: 14px; text-transform: uppercase; } .our-team .section_title h2 { font-size: 45px; } .our-team h4 { font-size: 30px; } .our-team p { margin-top: 10px; font-size: 20px; text-transform: uppercase; } .our-team .box{ font-size: 0; } .our-team .left { width: 45%; display: inline-block; vertical-align: bottom; padding-right: 90px; } .our-team .left .img { margin-left: -130px; position: relative; } .our-team .left .mml-text { width: 220px; height: 150px; position: absolute; right: 0; bottom: 0; padding-top: 35px; text-align: center; } .our-team .right { width: 55%; display: inline-block; vertical-align: bottom; } .our-team .right ul { margin: -20px; } .our-team .right ul li { padding: 20px; width: 50%; display: inline-block; } .our-team .right .mml-text { min-height: 210px; padding-top: 30px; text-align: center; } .our-team .mml-text { background: #FFFFFF; position: relative; } .our-team .mml-text::before, .our-team .mml-text::after { content: ""; position: absolute; z-index: 1; width: 30px; height: 30px; } .our-team .mml-text::before { left: 4px; top: 4px; border-left: 3px solid #df5004; border-top: 3px solid #df5004; } .our-team .mml-text::after { right: 4px; bottom: 4px; border-right: 3px solid #df5004; border-bottom: 3px solid #df5004; } @media screen and (max-width: 1000px) { .our-team .left { display: none; } .our-team .right { width: 100%; } } @media screen and (max-width: 700px) { .our-team h4 { font-size: 24px; } } .new-team{ padding: 60px 0; color: #FFFFFF; background-color: #0e70be; } .new-team h2{ font-weight: bold; color: #FFFFFF; text-align: center; margin-bottom: 22px; } .new-team ul{ font-size: 0; margin: -10px; } .new-team ul li{ display: inline-block; width: 14.28%; padding: 10px; vertical-align: top; } .new-team .mml-text{ border: 1px solid #FFFFFF; border-radius: 100px; text-align: center; padding: 10px; } .new-team .mml-text .img{ border-radius: 50%; overflow: hidden; transition: 1s ease; } .new-team .mml-text:hover .img{ transform: rotateY(180deg); } .new-team .mml-text h4{ margin-top: 10px; } .new-team .mml-text h6{ margin-top: 10px; margin-bottom: 30px; min-height: 30px; } @media screen and (max-width: 1200px) { .new-team ul li{ width: 25%; } } @media screen and (max-width: 1000px) { .new-team ul li{ width: 33.33%; } } @media screen and (max-width: 700px) { .new-team ul li{ width: 50%; } } .headline01{ text-align:center; font-size: 31px; font-weight: 600; color: #000; position: relative; margin-bottom: 30px; font-family: 'Montserrat'; margin-top: 20px; } .new.content { font-size: 16px; line-height: 30px; padding-bottom: 30px; }