/*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: 'AvantGardeGothicC',serif;} 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: 'AvantGardeGothicC',serif; color: #555; background:#fff; line-height:24px; } .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: 'AvantGardeGothicC'; src:url(../font/AvantGardeGothicC.eot); src: url(../font/AvantGardeGothicC.eot?#iefix) format('embedded-opentype'), url(../font/AvantGardeGothicC.svg#AvantGardeGothicC) format('svg'), url(../font/AvantGardeGothicC.woff) format('woff'), url(../font/AvantGardeGothicC.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bubblegum_sr'; src:url(../font/Bubblegum_sr.eot); src: url(../font/Bubblegum_sr.eot?#iefix) format('embedded-opentype'), url(../font/Bubblegum_sr.svg#Bubblegum_sr) format('svg'), url(../font/Bubblegum_sr.woff) format('woff'), url(../font/Bubblegum_sr.ttf) format('truetype'); font-weight: normal; font-style: normal; } .top_heard{ background:#f2f2f2; line-height:50px; } .top_nav{ float:right; margin-right:115px} .top_nav li{ list-style:none; display:inline-block;} .top_nav li a{ display:inline-block; text-transform:uppercase; font-size:13px; color:#555555} .top_nav li a:hover{ color:#00a0e9} .top_nav li em{ display:inline-block; color:#cdcdcd; font-size:13px; margin:0 24px} .top_lan{ float:right;} .top_lan li{ list-style:none; display:inline-block; margin-left:5px} .top_lan li a{ display:block; text-transform:uppercase; color:#666666; font-size:13px;} .top_lan li a img{ vertical-align:middle; display:inline-block} .top_share{ float:right; margin-left:24px} .top_share li{ display:inline-block; list-style:none; margin-left:9px} .top_share li a{ display:inline-block; height:24px; width:24px; border-radius:50%; background:#BBBBBB;} .top_share li a img{ height:24px; width:24px; border-radius:50%;} .top_share li a:hover{ background:#00a0e9} /* Top Search*/ .search_box{float:right;z-index:99999999;} .search i{width:40px; height:40px; 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:100%;position:absolute;right:0;top:86px;display: none;z-index:9999999;background:#fafafa;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:#00a0e9;} .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;padding-top:12px;z-index:9999999;display:inline-block;} .attr-nav>a{ color:#666666; text-transform:uppercase; font-size:12px;} .attr-nav ul li{ list-style:none;} .top-search .input-group { max-width:100%; margin:0 auto;} /*index*/ .header{padding:18px 0 0; background: #fff url(../images/header_bg.png) repeat;} header.large .header{ transition:all .5s;} .header > .container{position:relative;} #logo{position:relative;text-align:center;display:inline-block;float:left;z-index:9999999;} #logo h1{margin:0;padding:0;} #logo img{max-width:288px;height:auto;padding:0;transition:all .5s;} .header .container{position:relative;} /* Sizes for the bigger menu */ header{width: 100%;z-index: 999999;padding: 0;} header.large{height:;top:0;background:transparent;} @media only screen and (min-width: 1200px) { header.small{left:0;background:#fff;top:0;box-shadow:0 0 20px 2px rgba(0,0,0,0.05);position:fixed;} header.small #logo img{ max-width:220px} header.small .mainmenu>nav>ul>li>a{ padding:8px 10px 26px 10px} header.small .header{ padding-top:11px} header.small .mainmenu-area{ padding-top:6px} header.small .attr-nav{ padding-top:6px} header.small .top-search{ top:64px} } .height{padding-top:91px;} @media only screen and (max-width: 1199px) { #logo img{max-width:247px;} } @media only screen and (max-width: 992px) { header.large{border:none;position:inherit;z-index:99999999999;position:relative;} header.large .header,.header{padding:16px 0 12px;background:#fff;z-index:6;position:relative;} .header .container{width:100%;} .header .row{margin:0;} .header #logo,header.large .header.page_header #logo{padding:0;position:relative;z-index:9999999;margin-right:10px;float:left;} .header #logo img{max-width:180px;} .height{padding:0;} .attr-nav{padding-top:0;position:absolute;right:15px;top:0;z-index:9999999;display:inline-block; } .search_box{position:absolute;left:0;top:0;width:100%;z-index:99999999;margin:0;max-width:100%;border:none;} .top-search h4{display:block;} .top-search .input-group{padding:15px 15px 20px; max-width:750px; margin:0 auto;} .top-search { display: none; width:100%;top:40px;max-width:100%;left:0;border-radius:0;z-index:9999999;background:#fafafa;border-top:1px solid #ebebeb;padding-top:0;} .top-search h4,.top-search .input-group-addon.close-search{display:block;} .search i{height:34px;width:34px;} .top-search .form-control{background:#fff;border:1px solid #e5e5e5;} .hcon{display:none;} .header .logo .war img{max-width:60px;} .logo_xs{display:block;} .top_nav{ display:none} .top-search .input-group-addon i{ top:6px} } @media only screen and (max-width: 480px) { .top-search h4{font-size:16px;} .header #logo img{ max-width:130px} header.large .header, .header{ padding:16px 0 19px} .top_share{ margin-left:10px} } .main_more{margin-top:35px;display:inline-block;position:relative;overflow:hidden;overflow:visible;transition:background .4s, border-color .4s, color .4s;} .main_more a,.main_more input{background:none;padding:0 17px;display:inline-block;position:relative;z-index:2;color:#fff;font-size:13px;line-height:45px;background:#00a0e9;text-transform:uppercase; letter-spacing:1px;transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); border-radius:5px} .main_more:hover a,.main_more:hover input{color:#fff;text-decoration:none;} .main_more:before{ position:absolute; content:''; right:0; bottom:0; width:100%; height:100%; background:#CEE9F6; border-color:#CEE9F6; transition:all .5s; z-index:1; border-radius:5px; } .main_more:hover:before{ right:-5px; bottom:-5px; } .htmleaf-container{ position:relative} .elementor-shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr;z-index:10;} .elementor-shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:10px;height:44px;} .elementor-shape[data-negative=false].elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} .elementor-shape-top{top:-1px;} .elementor-shape-bottom{bottom:-1px;} .elementor-shape-bottom2{ top:-1px; bottom: inherit;} .elementor-shape-bottom3{ top:-44px; bottom: inherit;} .elementor-shape-bottom4{ top:-44px; bottom: inherit;} .elementor-shape.elementor-shape-bottom2 .elementor-shape-fill{ fill:#f0f3f3} .elementor-shape.elementor-shape-bottom4 .elementor-shape-fill{ fill:#00a0e9} .elementor-shape .elementor-shape-fill{fill:#fff;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);} .lementor-shape2 .elementor-shape-fill{fill:#f0f3f3;} @media only screen and (max-width: 768px) { .elementor-shape svg{height:18px;} } .in_categW{ background:url(../images/bg1.png) no-repeat center; padding:40px 0 60px} .in_title{ text-align:center} .in_title span{ display:inline-block; color:#333333; font-size:30px; line-height:30px; background:url(../images/t_bg.png) no-repeat bottom center; padding-bottom:27px;font-family: 'Bubblegum_sr'; text-transform:uppercase; } .cate_main{position:relative; overflow:hidden; margin-top:37px} .cate_nav{width:100%;} .cate_ul{position:absolute;top:10px; left:0px; width:100%; padding:0px 26%; height:475px; overflow:hidden;} .cate_ul ul{ position:relative;} .cate_ul ul li{ height:550px; text-align:center; list-style:none} .cate_img li{width:25%; position:relative; z-index:555555; margin-bottom:20px;-webkit-animation-delay: 0.7s; animation-delay: 0.7s;} .cate_img li:nth-child(2n+1){ clear:both;} .cate_img li.li_left{ float:left; text-align:left; list-style:none} .cate_img li.li_right{ float:right; text-align:left; list-style:none} .cate_img li:nth-child(2n+2){animation-delay:0.5s;} .cate_img li:nth-child(3n+3){animation-delay:0.7s;} .cate_img li h4 a img{ display:inline-block; width:51px; height:51px; margin-right:20px} .cate_img li h4 a{ color:#333333; font-size:20px; text-transform:uppercase;font-family: 'Bubblegum_sr'; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 17px;} .cate_img li p{ font-size:13px; color:#999999; line-height:26px; height:78px; overflow:hidden;} .cate_img li:hover h4 a img{ -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; transform: rotateY(180deg); } .cate_img li:hover h4 a{ color:#00a0e9;} @media only screen and (max-width:768px) { .cate_ul{ display:none;} .cate_img li{ width:50%; text-align:center; padding:0px 20px; margin-bottom:20px;} .cate_img li.li_right{ text-align:center;} .cate_img li.li_left{ text-align:center;} .cate_section{ margin-top:40px;} } @media only screen and (max-width:360px) { .cate_img li{ width:100%;} .in_title span{ font-size:26px; line-height:26px} } .in_aboutW{ background:url(../images/about_bg1.png) no-repeat top left, url(../images/about_bg2.png) no-repeat right bottom; background-color:#fafafa; padding:53px 0 28px} .in_video{ float:left; width:48%; padding-right:20px} .in_video .in_video_m{ position:relative;} .in_video .in_video_m img{ width:100%; max-width:100%; position:relative; z-index:2} .in_video .in_video_m i{background:url(../images/about_btn.png) no-repeat; height:68px; width:68px; display:inline-block;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; z-index:2} .in_video .in_video_m:after{ position: absolute; content: ''; right: -15px; bottom: -15px; width: 96%; height: 96%; background:rgba(0,160,233,0.12); transition: all .5s; z-index: 1;} .in_about_r{ float:right; width:52%; padding-left:50px} .in_about_r .in_about_t{ color:#333333; font-size:30px; line-height:51px; display:inline-block; padding-left:84px; text-transform:uppercase;font-family: 'Bubblegum_sr'; background:url(../images/t_bg2_.png) no-repeat left center} .in_about_r>p{ text-transform:uppercase; color:#00a0e9; font-size:18px; line-height:26px; margin-top:28px} .in_about_r .in_about_d{color:#555555; font-size:13px; line-height:30px; overflow:hidden; max-height:150px; margin-top:10px} .in_about_r .in_about_more img{ vertical-align:middle; display:inline-block; margin-left:13px;} .in_about_r .in_about_more .in_contsm{ margin-left:26px} .in_about_r .in_about_more .in_contsm a{ background:#fdd000;} .in_about_r .in_about_more .in_contsm:hover a{ background:#00a0e9} .in_about_r .in_about_more .in_aboutm:hover a{ background:#fdd000} .in_about_r .in_about_more .main_more.in_aboutm:before{ background:#FBF2CD} /* Numbers */ .numbers{ margin-top:15px;} .numbers .percent-blocks{ margin:0px -15px;} .numbers{padding:30px 0px 0; position:relative;} .numbers__one{width:25%;float:left;padding:14px 15px; position:relative; } .numbers__one:after{ position:absolute; width:50px; height:1px; content:''; top:60px; right:-10px;} .numbers .img{ float:left;display: inline-block; height:60px; width:63px} .numbers__num{color:#00a0e9;font-size:36px; line-height:40px; display: inline-block; } .number__desc{color:#808080;font-size:13px;text-transform:capitalize; line-height:22px;} .numbers .numbers__one:last-child:after{ content:none;} .numbers__two .numbers__num:after { content: 'Million'; font-size: 36px; line-height:40px; color: #00a0e9;} .numbers .number_r{ float: left; width: 67%; padding-left: 15px;} @media only screen and (max-width:1367px) { .in_video{ width:52%} .in_about_r{ width:48%; padding-left:30px} .numbers__one{ padding:0 10px} .numbers .percent-blocks{ margin:0 -10px} .in_about_r>p{ margin-top:15px} .in_about_r .in_about_d{ max-height:120px} .in_about_more .main_more{ margin-top:20px} } @media only screen and (max-width: 860px) { .numbers__one{ text-align:center} .numbers .number_r{ padding-left:0; width:100%; float:none; margin-top:15px;} .in_about_r .in_about_more .in_contsm{ margin-left:10px} .main_more a, .main_more input{ padding:0 14px} .numbers .img{ float:none;} .in_about_r{ padding-left:20px} } @media only screen and (max-width: 768px) { .in_video{ width:100%; float:none; padding-right:15px;} .in_about_r{ width:100%; margin-top:40px;padding-left:0px; float:none} } @media only screen and (max-width: 520px) { .numbers .percent-blocks{ margin:0 -5px} .numbers__one{ padding:0 5px;} .numbers__num{ font-size:26px} .numbers__two .numbers__num:after{ font-size:26px} } @media only screen and (max-width: 400px) { .numbers{ margin-top:0} .numbers__one{ width:50%} .numbers .img{ display:none} .numbers .number_r{ margin-top:0} .in_about_more .main_more a{ line-height:40px} .in_about_r .in_about_more .in_contsm{ margin-left:0} .in_about_r>p{ font-size:16px} } /* 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; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand;} .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .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 { position: absolute; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999; left:0; margin-top:34px;} .slick-dots li { position: relative; display: inline-block; height: 12px; width:12px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width:12px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#bbb; border-radius:50%;} .slick-dots li button:focus { outline: none;} .slick-dots li.slick-active button{background:#20a738;} .in_factoryW{ margin-top:12px; padding:0 5px} .in_factoryW .li{ padding:0 5px;} .in_factoryW .slick-slide:nth-child(3n+2){animation-delay:0.2s; } .in_factoryW .slick-slide:nth-child(3n+3){animation-delay:0.3s; } .in_factoryW .li .in_factory_m{ position:relative; width:100%; overflow:hidden} .in_factoryW .li .in_factory_m>a{ display:block; width:100%; overflow:hidden;} .in_factoryW .li .in_factory_m>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;} .in_factoryW .li .in_factory_m:hover>a img{ transform: scale(1.1)} .in_factoryW .li .in_factory_m h4{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.4); width:100%; text-align:center; padding:18px 10px 16px} .in_factoryW .li .in_factory_m h4 a{ display:block; color:#fff; text-transform:uppercase; font-size:18px; line-height:26px;} .in_factoryW .slick-prev,.in_factoryW .slick-next{ opacity:0} @media only screen and (max-width: 962px) {.side{ display:none}} .in_proW{ background:url(../images/pro_bg1.png) no-repeat top left, url(../images/pro_bg3.png) no-repeat right 60px, url(../images/pro_bg4.png) no-repeat bottom left, url(../images/pro_bg2.png) no-repeat bottom right; background-color:#f0f3f3; margin-top:2px; padding:80px 0 60px; position:relative} .in_proL li{ list-style:none; margin-top:30px;} .in_proL li:nth-child(4n+2){animation-delay:0.1s;} .in_proL li:nth-child(4n+3){animation-delay:0.2s;} .in_proL li:nth-child(4n+4){animation-delay:0.3s;} .in_proL li .in_proL_m{ background:#fff; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .in_proL li .in_proL_m .in_proL_img{ position:relative; padding:10px;overflow:hidden;} .in_proL li .in_proL_m .in_proL_img .main_more1{ position:absolute; 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; opacity:0} .in_proL li .in_proL_m .in_proL_img .main_more1 a{ display:inline-block; background:#00a0e9; border-radius:5px; line-height:36px; text-align:center; padding:0 15px; color:#fff; font-size:12px; letter-spacing:1px; text-transform:uppercase;} .in_proL li .in_proL_m .in_proL_img .main_more1 a i{ margin-left:8px} .in_proL li .in_proL_m .in_proL_img>a{ display:block;overflow:hidden; } .in_proL li .in_proL_m .in_proL_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; } .in_proL li .in_proL_m .in_proL_w{ border-top:1px solid #f2f2f2; padding:19px 15px 20px; margin-top:10px} .in_proL li .in_proL_m .in_proL_w h4 a{ display:block; line-height:24px; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333333;font-family: 'Bubblegum_sr';} .in_proL li .in_proL_m .in_proL_w p{ font-size:13px; line-height:22px; color:#999999; overflow:hidden; max-height:44px; margin-top:8px;} .in_proL li .in_proL_m:hover{box-shadow:0 0 20px 5px rgba(0,0,0,0.05);} .in_proL li .in_proL_m:hover .in_proL_w h4 a,.in_proL li .in_proL_m .in_proL_w h4 a:hover{ color:#00a0e9} .in_proL li .in_proL_m:hover .in_proL_img>a img{transform: scale(1.1);opacity:0.5} .in_proL li .in_proL_m:hover .in_proL_img .main_more1{ opacity:1} .in_proL li .in_proL_m .in_proL_img .main_more1:hover a{ background:#fdd000} @media only screen and (max-width: 1024px) { .in_proL.row{ margin:10px -10px;} .in_proL li{ padding:0 10px; margin-top:20px} .in_proL li .in_proL_m .in_proL_img{ padding:5px} } @media only screen and (max-width: 768px) { .in_proW{ margin-top:10px; padding-top:50px} } @media only screen and (max-width: 425px) { .in_proL.row{ margin:10px -5px 0;} .in_proL li{ padding:0 5px; margin-top:10px} .in_proL li .in_proL_m .in_proL_img{ padding:2px} .in_proL li .in_proL_m .in_proL_w h4 a{ font-size:16px} } @media only screen and (max-width: 300px) { .in_proL li{ width:100%} } .in_cerW{ background:url(../images/cer_bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding:90px 0 100px; position:relative} .in_cerW .in_title span{ background:url(../images/t_bg3.png) no-repeat bottom center; color:#fff} .in_cerW .in_cer_l{ padding:0 22px;} .in_cerW .in_cer_l .btn25>a{ display:block; padding:8px; background:rgba(255,255,255,0.22);} .in_cerW .in_cer_l .btn25>a img{ max-width:100%; height:auto; width:100%} .in_cerW .slick-slide:nth-child(4n+2){animation-delay:0.2s; } .in_cerW .slick-slide:nth-child(4n+3){animation-delay:0.3s; } .in_cerW .slick-slide:nth-child(4n+4){animation-delay:0.4s; } .in_cerW .slick-slider{ padding:0 38px; margin-top:32px} .in_cerW .slick-prev,.in_cerW .slick-next{ width:26px; height:14px; position:absolute; top:50%; margin-top:-7px} .in_cerW .slick-prev{ background:url(../images/prev_btn.png) no-repeat; left:0;animation-delay:0.4s;} .in_cerW .slick-next{ background:url(../images/next_btn.png) no-repeat; right:0;animation-delay:0.4s;} .btn25{ width: 100%; overflow: hidden; position: relative;} .btn25 .ovrly { background: rgba(0, 0, 0, 0.15); height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn25 .buttons { position: absolute; top: 50%; left: 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%); } .btn25 .buttons .fa { background: rgba(255,255,255,0.9); -webkt-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; line-height: 50px; font-size: 22px; text-align: center; text-decoration: none; width: 50px; height: 50px; opacity: 0; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); position: relative; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; color:#00a0e9; } .btn25 .buttons .fa-link { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } .btn25:hover .buttons .fa { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .btn25:hover .ovrly { opacity: 1; } .in_newsW{ background:url(../images/bg2.png) repeat-y center; background-color:#f0f3f3; padding:25px 0 62px} .in_newsL.row{ margin:0 -20px;} .in_newsL li{ list-style:none; margin-top:35px; padding:0 20px;} .in_newsL li:nth-child(3n+2){animation-delay:0.2s; } .in_newsL li:nth-child(3n+3){animation-delay:0.3s; } .in_newsL li .in_newsL_m{ } .in_newsL li .in_newsL_m .in_newsL_img{position:relative;overflow:hidden;} .in_newsL li .in_newsL_m .in_newsL_img > a{ display:block; width:100%; overflow:hidden} .in_newsL li .in_newsL_m .in_newsL_img> a img{max-width:100%;width:100%;height:auto;transition:all .5s; } .in_newsL li .in_newsL_m:hover .in_newsL_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_newsL li .in_newsL_m .in_newsL_img .ovrly{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .5s;} .in_newsL li .in_newsL_m:hover .in_newsL_img .ovrly{filter:alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;} .in_newsL li .in_newsL_m .in_newsL_img .icon{display:inline-block;width:40px;height:40px;background:url(../images/icon_plus.png) no-repeat center center;position:absolute;left:50%;bottom:30%;margin-left:-20px;margin-bottom:-20px;z-index:3;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .5s;} .in_newsL li .in_newsL_m:hover .in_newsL_img .icon{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;bottom:50%;} .in_newsL li .in_newsL_m .in_news_w{ background:#fff; border:1px solid #ebebeb; box-shadow:0 2px 5px rgba(0,0,0,0.05);transition:all .5s; padding-bottom:18px} .in_newsL li .in_newsL_m .in_news_w .in_news_t{ position:relative; border-bottom:1px solid #ebebeb} .in_newsL li .in_newsL_m .in_news_w .in_news_t .in_news_date{ width: 68px; height: 68px; background: url(../images/news_cut.png) no-repeat center; padding: 9px; position: absolute;left: 0px; top: 0px; border-right: 1px solid #ebebeb;} .in_newsL li .in_newsL_m .in_news_w .in_news_t .in_news_date span{ display:block; font-size: 24px; line-height: 24px; color: #00a0e9; text-align: left;} .in_newsL li .in_newsL_m .in_news_w .in_news_t .in_news_date em{ font-size: 14px; line-height: 24px; color: #00a0e9; text-align: right; display:block} .in_newsL li .in_newsL_m .in_news_w .in_news_t h4{ padding:24px 15px 20px 88px} .in_newsL li .in_newsL_m .in_news_w .in_news_t h4 a{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; color:#333333; line-height:24px;font-family: 'Bubblegum_sr';} .in_newsL li .in_newsL_m .in_news_w .in_news_t h4 a:hover,.in_newsL li .in_newsL_m:hover .in_news_w .in_news_t h4 a{ color:#00a0e9} .in_newsL li .in_newsL_m:hover .in_news_w{ box-shadow:0 0 20px 5px rgba(0,0,0,0.05);} .in_newsL li .in_newsL_m .in_news_w>p{ font-size:12px; color:#999999; line-height:24px; overflow:hidden; max-height:72px; padding:0 14px; margin-top:16px} .in_newsL li .in_newsL_m .in_news_w>a{ display:inline-block; color:#00a0e9; text-transform:uppercase; font-size:12px; line-height:24px; padding:0 14px; margin-top:10px} .in_newsL li .in_newsL_m .in_news_w>a i{ font-size:16px; margin-left:9px; vertical-align:text-bottom} .in_newsL li .in_newsL_m .in_news_w>a:hover,.in_newsL li .in_newsL_m:hover .in_news_w>a{ color:#fdd000; } .in_newsL li .in_newsL_m .in_news_w>a:hover{text-decoration:underline} .in_news_more{ text-align:center; -webkit-animation-delay: 0.7s; animation-delay: 0.7s;} .in_news_more .main_more{ margin-top:30px} .in_news_more .main_more a i{ font-size:15px; margin-left:14px} .in_news_more .main_more a{ line-height:44px; font-size:14px; padding:0 21px} @media only screen and (max-width: 1024px) { .in_newsL.row{ margin:10px -10px;} .in_newsL li{ padding:0 10px; margin-top:20px} } @media only screen and (max-width: 768px) { .in_cerW{ padding-top:50px} .in_newsL.row{ margin:10px -5px;} .in_newsL li{ padding:0 5px; margin-top:10px} .in_newsL li .in_newsL_m .in_news_w .in_news_t h4{ padding-left:78px} .in_newsL li .in_newsL_m .in_news_w>p{ padding:0 10px; margin-top:10px} .in_newsL li .in_newsL_m .in_news_w>a{ padding:0 10px; margin-top:5px} } @media only screen and (max-width: 620px) { .in_newsL li{ width:100%} } .in_videoW{ background:url(../images/bg3.png) no-repeat center; padding:50px 0 40px; position:relative} .in_videoL li{ list-style:none; margin-top:30px;} .in_videoL li:nth-child(4n+2){animation-delay:0.2s; } .in_videoL li:nth-child(4n+3){animation-delay:0.3s; } .in_videoL li:nth-child(4n+4){animation-delay:0.4s; } .in_videoL li .in_videoL_m{ position:relative; transition: all 0.5s;} .in_videoL li .in_videoL_m a{ display:block; border-radius:5px; width:100%; overflow:hidden;} .in_videoL li .in_videoL_m a img{ height:auto; width:100%; border-radius:5px; max-width:100%; transition: all .5s;} .in_videoL li .in_videoL_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_videoL li .in_videoL_m a i{ 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; display:inline-block; background:url(../images/video_tbn.png) no-repeat; width:54px; height:54px;} .in_videoL li .in_videoL_m:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0); box-shadow: 0 0 12px 2px rgba(0,0,0,0.05);} @media only screen and (max-width: 1024px) { .in_videoL.row{ margin:10px -10px;} .in_videoL li{ padding:0 10px; margin-top:20px} } @media only screen and (max-width: 768px) { .elementor-shape-bottom3{ top: -18px;} .in_videoW{ padding-top:20px} } @media only screen and (max-width: 425px) { .in_videoL.row{ margin:10px -5px 0;} .in_videoL li{ padding:0 5px; margin-top:10px} } @media only screen and (max-width: 300px) { .in_videoL li{ width:100%} } .in_messageW{background:url(../images/message_bg.jpg) no-repeat;background-size:cover; background-attachment:fixed;padding:90px 0 92px;position:relative;z-index:5;} .in_messageW .left{ background:rgba(0,0,0,0.36); padding:45px 40px 48px;float:left; width:52%} .in_messageW .left .main_title > em{font-size:30px;text-align:left;font-family: 'Bubblegum_sr'; display:block; color:#fff; text-transform:uppercase; margin-top:20px} .in_messageW .left .text{color:#f4f4f4;font-size:13px;line-height:24px;margin-bottom:17px; max-height:48px; overflow:hidden;} .in_messageW .list{list-style:none; margin:0 -10px} .in_messageW .list li{margin-bottom:20px; padding:0 10px;} .in_messageW .list li span{display:block;position:relative;} .in_messageW .list li span:before{content:'*';color:red;position:absolute;right:10px;top:5px;font-size:14px;} .in_messageW .list li span.ms_p:before{display:none;} .in_messageW .meInput{color:#999999;max-width:100%;height:46px;line-height:46px;font-size:12px;padding:0 15px;padding-left:40px;width:100%;max-width:100%;background-color:#fff; background-repeat:no-repeat;border:none; border-radius:2px;} .in_messageW .meInput:focus{color:#333;} .in_messageW .meText{width:100%;max-width:100%;height:140px;max-height:140px;padding:15px 15px 15px 40px;font-size:12px;color:#999999; background-color:#fff;border:none;background-repeat:no-repeat; border-radius:2px;} .in_messageW .meText:focus{color:#333;} .in_messageW .list li span.ms_p input{background-image:url(../images/mss_t.png);background-position:10px 16px;} .in_messageW .list li span.ms_e input{background-image:url(../images/mss_e.png);background-position:10px 16px;} .in_messageW .list li span.ms_m .meText{background-image:url(../images/mss_m.png);background-position:10px 16px;} .in_messageW input:-ms-input-placeholder{color:#999999;}/* Internet Explorer 10+ */ .in_messageW input::-webkit-input-placeholder{color:#999999;}/* WebKit browsers */ .in_messageW input::-moz-placeholder{color:#999999;}/* Mozilla Firefox 4 to 18 */ .in_messageW input:-moz-placeholder{color:#999999;}/* Mozilla Firefox 19+ */ .in_messageW .meText:-ms-input-placeholder{color:#999999;}/* Internet Explorer 10+ */ .in_messageW .meText::-webkit-input-placeholder{color:#999999;}/* WebKit browsers */ .in_messageW .meText::-moz-placeholder{color:#999999;}/* Mozilla Firefox 4 to 18 */ .in_messageW .meText:-moz-placeholder{color:#999999;}/* Mozilla Firefox 19+ */ .in_messageW .main_more{margin-top:3px;} .in_messageW .main_more:before{ background: rgba(0, 160, 233, 0.15); border-color: rgba(0, 160, 233, 0.15);} .in_messageW .map{margin-top:0;border:none;padding:0; float:left; width:48%; position: relative;} .in_messageW .map img{max-width:100%;height:auto; width:100%} .in_messageW .map iframe{max-width:100%;height:450px;} .in_messageW .map .main{position:absolute;left:24px;top:24px;max-width:360px;width:100%;background:#fff;border-radius:10px;padding:18px 20px 9px; animation-delay:0.5s;} .in_messageW .map .main .title{display:block;color:#333333;font-size:22px;text-transform:capitalize; margin-bottom:10px;font-family: 'Bubblegum_sr';} .in_messageW .map .main > p{color:#999999;font-size:13px;line-height:24px;padding-left:30px;margin-bottom:8px;} .in_messageW .map .main > p a{color:#999999;font-size:13px;} .in_messageW .map .main > p a:hover{color:#f9a51b;} .in_messageW .map .main > p.fcon_a{background:url(../images/conts_add.png) no-repeat left 7px;} .in_messageW .map .main > p.fcon_e{background:url(../images/conts_fax.png) no-repeat left 0px;} @media only screen and (max-width: 1024px) { .in_messageW .left{ padding: 15px 20px 28px;} .in_messageW .meText{ max-height:100px; height:100px} } @media only screen and (max-width: 992px) { .in_messageW{padding:40px 0;} .in_messageW .left{width:100%; } .in_messageW .left .text{margin-bottom:20px;} .in_messageW .map{width:100%;} } @media only screen and (max-width: 768px) { .in_messageW .left .main_title > em,.in_messageW .map .main .title{font-size:20px;} .in_messageW .list li{padding:0;margin-bottom:10px;} .in_messageW .map iframe{height:360px;} .in_messageW .map .main{width:100%;max-width:100%;position:inherit;left:auto;top:auto; padding: 18px 10px 9px; margin-top:15px} .in_messageW .map .main > p{padding-top:2px;padding-bottom:2px;} } .footerW{ background:url(../images/fot_bg.png) repeat-y center, url(../images/fot_bg2.png) no-repeat bottom center; background-color:#00a0e9 ; padding:20px 0 35px; position:relative;} .footer ul,.footer ul li{list-style:none;} .footer .fot_title{display:block;margin-bottom:23px;text-transform:uppercase;position:relative; padding-bottom: 25px;} .footer .fot_title em{font-size:22px;display:block;position:relative;z-index:5;color:#ffffff;text-transform:capitalize;font-family: 'Bubblegum_sr';} .footer .fot_title:after{ content: ""; padding: 0px; max-width: 292px; width: 100%; display: inline-block; background:url(../images/fot_t_bg.png) no-repeat left bottom; position: absolute; bottom: 0px; left: 0px; height: 15px;} .footer .fot_title.yellow_sketch:after{ background-color:#fcd001} .footer .fot_title.green_sketch:after{background-color:#c6e840} .footer .fot_title.red_sketch:after{background-color:#fe8688} .footer .fot_title.steelblue_sketch:after{background-color:#97e1f6} .icon-minus-sign:before {content:"-";font-family:'FontAwesome';} .icon-plus-sign:before {content: "+";font-family:'FontAwesome';} .fot_title .column_icon_toggle {display: none;} .fot_links li{margin-bottom:11px;} .fot_links li a{color:#f4f4f4;font-size:12px;} .fot_links li a:hover{color:#fdd000;} .fot_links li:before{ content:url(../images/fot_icon1.png); 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;} .fot_links li:hover:before{ margin-left:5px; content:url(../images/fot_icon1_h.png);} .fot_cont li{ padding:8px 0; list-style:none; color: #f4f4f4;line-height: 24px;font-size: 12px;} .fot_cont li:first-child{ padding-top:0} .fot_cont li a{color: #f4f4f4;line-height: 24px;font-size: 12px;} .fot_cont li a:hover{ color:#fdd000} .fot_cont ul .li_add{ background:url(../images/fot_add.png) no-repeat left 15px; line-height:22px; padding-left:32px;} .fot_cont ul .li_email{ background:url(../images/fot_email.png) no-repeat left center; padding-left:32px;} .fot_cont ul .li_tel{ background:url(../images/fot_tel.png) no-repeat left center; padding-left:32px;} .fot_cont ul .li_fax{ background:url(../images/fot_fax.png) no-repeat left center; padding-left:32px;} .fot_mes .text{color:#f4f4f4;font-size:12px;line-height:24px;margin-bottom:10px;} .fot_mes .letter-input{position:relative;background:url(../images/send_icon.png) no-repeat 4px center;} .fot_mes .letter-input .fot_input{border-bottom:1px solid #44b6ea;background:transparent;width:100%;height:40px;line-height:40px;font-size:12px;border-radius:25px;color:#f4f4f4;padding-left:30px;padding-right:37px; font-family: 'AvantGardeGothicC';} .fot_mes .letter-input .send{background:url(../images/send_btn.png) no-repeat center center;width:30px;height:30px;position:absolute;right:3px;top:2px;} .letter-input .fot_input:focus{color:#fff;} .letter-input .fot_input:-ms-input-placeholder{color:#fff;}/* Internet Explorer 10+ */ .letter-input .fot_input::-webkit-input-placeholder{color:#fff;}/* WebKit browsers */ .letter-input .fot_input::-moz-placeholder{color:#fff;}/* Mozilla Firefox 4 to 18 */ .letter-input .fot_input:-moz-placeholder{color:#fff;}/* Mozilla Firefox 19+ */ .fot_mes .f_sns{padding-top:29px;} .fot_mes .f_sns p{font-size:22px;display:block; z-index:5;color:#ffffff;text-transform:capitalize;font-family: 'Bubblegum_sr'; margin-bottom:17px} .fot_mes .f_sns a{display:inline-block; margin-right:14px;border:1px solid rgba(255,255,255,0.3);width:30px;height:30px;border-radius:50%;text-align:center;} .fot_mes .f_sns a:hover{border-color:#fdd000; background:#fdd000} .fot_mes .f_sns a img{ height:28px; width:28px;} .fot_box{ border-top:1px solid rgba(255,255,255,0.1); padding-top:16px; margin-top:26px; text-align:center} .copy{color:#8ad4f5;font-size:12px;display:block;} .copy a{ color:#8ad4f5;} .copy a:hover{ color:#fdd000} .friendly{display:inline-block;margin-top:5px; animation-delay: 0.2s;} .friendly p{display:inline-block;text-transform:capitalize;color:#8ad4f5;font-size:13px;} .friendly a{color:#8ad4f5;font-size:12px;display:inline-block;margin:0 5px; } .friendly a:hover{color:#fdd000;} .in_fot_bottomW{ padding:20px 0 23px;} .in_fot_bottomW .in_fot_logo{ float:left;} .in_fot_bottomW .in_fot_logo a{ display:inline-block;} .in_fot_bottomW .in_fot_logo a img{ max-width:214px;} .in_fot_bottomW .in_fot_nav{ float:right; margin-top:14px;} .in_fot_bottomW .in_fot_nav li{ list-style:none; display:inline-block;} .in_fot_bottomW .in_fot_nav li a{ display:inline-block; text-transform:capitalize; color:#333333; font-size:14px;} .in_fot_bottomW .in_fot_nav li a:hover{ color:#00a0e9} .in_fot_bottomW .in_fot_nav li em{ display:inline-block;color:#999; font-size:14px; margin:0 16px;} @media only screen and (max-width: 1367px) { .in_fot_bottomW .in_fot_logo{ float:none; text-align:center} .in_fot_bottomW .in_fot_nav{ float:none; text-align:center} .in_fot_bottomW{ padding:15px 0 35px;} } @media only screen and (max-width: 768px) { .fot_links,.fot_cont,.fot_mes{ padding:0; width:100%} .footer .fot_title:after{ background-image:url(../images/footer_title_bg2.png); max-width:100%} .elementor-shape-bottom4{ top: -18px;} .footer .fot_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:7px;font-style:normal;cursor:pointer;font-size:28px;font-weight:normal;color:#fff;} .footer .fot_title .column_icon_toggle.icon-minus-sign{ font-size:32px} .footer .fot_title{ margin-bottom:15px} } .page_banner{ position:relative} .page_banner img{ width:100%; height:auto; max-width:100%} .page_banner .container{ max-width:1400px} .titleW{ position:absolute; left:0; top:40%; width: 100%;} .title_m{ max-width:500px; background:rgba(0,0,0,0.4); padding:40px 30px} .titleW .title{font-size:50px;color:#fff;display:inline-block; margin:0;text-transform:uppercase;font-family: 'Bubblegum_sr'; line-height:50px} .titleW p{ color:#fff; font-size:16px; line-height:26px; margin-top:15px} @media only screen and (max-width: 1053px) { .page_banner .container{ max-width:100%} } @media only screen and (max-width: 1024px) { .titleW .title{ font-size:36px; line-height:34px} .titleW p{ display:none} } @media only screen and (max-width: 768px) { .title_m{ max-width:300px;padding: 20px 20px;} .titleW{ top:25%} } @media only screen and (max-width: 568px) { .titleW .title{ font-size:28px; line-height:28px} .titleW{ top:18%} } @media only screen and (max-width: 335px) { .titleW{ top:10%} .title_m{ max-width:260px;padding: 10px 15px;} } /*page*/ .breadcrumbW{padding:0;font-size:12px;text-align:right; background:#F0F3F3; } .breadcrumb{ padding:0; margin:0; background:none; border-radius:0; text-align:left; padding:0px 0 10px;} .breadcrumb .bread-right{ margin-top: 5px;} .breadcrumb .bread-right>a{font-size:13px;display:inline-block; margin-right:0px;color:#808080;} .breadcrumb .bread-right>a i{font-size:14px;padding-right:5px;color:#00a0e9;} .breadcrumb .bread-right a:hover{color:#00a0e9;} .breadcrumb .bread-right h2{ display:inline-block;} .breadcrumb .bread-right h2 >a{display:inline-block;margin:0;margin-left:0px;font-size:13px; color:#808080;} .breadcrumb .bread-right span{font-size:13px; color:#808080;} .breadcrumb .bread-right i{font-style:normal;font-size:12px;line-height:16px; margin:0 8px} @media only screen and (max-width: 768px) { .page-about,.contact_web{padding:20px 0 40px 0;} .breadcrumb{padding:5px 0;} .breadcrumb .bread-right a,.breadcrumb .bread-right a i,.breadcrumb .bread-right h2{font-size:12px;} } .page-box{ padding:40px 0 30px; background:url(../images/bg1.png) repeat-x center} .about_web {} .about_detail{ line-height:24px; margin-top:0px; font-size:14px} .about_detail img{ max-width:100%} /*sitemap*/ .sitemap{width:100%;} .stp-listA>li{text-transform:capitalize;margin-bottom:10px; list-style:none; border: 1px solid #e5e5e5; border-radius:5px; padding: 10px 10px 7px;} .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:16px;text-transform:capitalize;display:block; } .stp-top a i{padding-left:10px;} .stp-top a:hover{color:#00a0e9;text-decoration:none;} .stp-listB{display:block;padding:10px;background: #F0F3F3; border-top: 1px solid #e5e5e5;} .stp-listB>li{ list-style:none;width:18%;margin-right:2%;float:left;padding:8px 0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} .stp-listB li a{font-size:14px;line-height:22px;display:block;color:#4d4d4d;} .stp-listB li a i{padding-right:5px;} .stp-listB>li>a:hover{color:#00a0e9;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:#00a0e9;} @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%;} } .contact_web{ padding-bottom:50px} .contact_web .contact_l{list-style:none;padding:0;text-align:center;background:#fff;padding:20px 10px;margin-bottom:40px;box-shadow:0 5px 27px rgba(0,0,0,.05);border-radius:5px;} .contact_web .contact_l li{padding:30px 15px;border-right:1px solid #ebebeb;} .contact_web .contact_l li:last-child{border-right:1px solid #fff;} .contact_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:#00a0e9;border-radius:50%;} .contact_web .contact_l .icon:before{content:'';z-index:-1;position:absolute;left:5px;top:5px;right:5px;bottom:5px;display:block;border-radius:50%;} .contact_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); } .contact_web .contact_l span{display:block;border-radius:50%;width:60px;height:60px;} .contact_web .contact_l .icon img{max-width:100%;height:auto;} .contact_web .contact_l .title{display:block;font-family: 'Bubblegum_sr';font-size:20px;line-height:24px;color:#333;text-transform:capitalize;margin-bottom:20px;} .contact_web .contact_l p{margin-bottom:2px;font-size:12px;line-height:20px;} @media only screen and (max-width: 768px) { .contact_web .contact_l{border:none;} .contact_web .contact_l li{padding:15px 15px;margin-bottom:10px;border-right:1px solid #fff;border-bottom:1px solid #ebebeb;padding-bottom:10px;} .contact_web .contact_l li span{width:50px;height:50px;} .contact_web .contact_l .icon{float:left;width:60px;height:60px;} .contact_web .contact_l .text{text-align:left;padding-left:20px;float:left;width:70%;} .contact_web .contact_l .title{margin-bottom:2px;font-size:16px;line-height:24px;} } .page_title{display:block;color:#333;text-transform:capitalize;font-size:28px;position:relative;line-height:32px;font-family: 'Bubblegum_sr';margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ebebeb;} .page_title:before{content:'';width:10px;height:10px;border-radius:50%;background:#ebebeb;position:absolute;left:0;bottom:-5px;} .page_section .con_box{padding-top:40px;padding-left:0;} .con_left{padding:0;padding-top:40px;} .con_left .text{font-size:14px;line-height:24px;} .message{position:relative;margin-top:0;text-align:left;padding-left:0;} .message p{font-size:13px;line-height:24px;color:#808080;position:relative;z-index:5;} .message ul{list-style:none;padding-top:15px;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/mss_t.png);background-position:10px 15px;} .message li span.ms_e input{background-image:url(../images/mss_e.png);background-position:10px 15px;} .message li span.ms_m .meText{background-image:url(../images/mss_m.png);background-position:10px 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:48px;line-height:48px;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:0;} .message li .meInput:focus{color:#333;} .message li .meText{width:100%;max-width:100%;height:100px;max-height:100px;padding:10px 15px 15px 50px;font-size:13px;line-height:20px;color:#999;background-color:#fff;border:1px solid #e5e5e5;background-repeat:no-repeat;border-radius:0;} .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:20px;} .message .main_more{} .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+ */ .map1{margin-top:30px;padding-left:40px;padding-right:0;height:720px;} .map1 .image{display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:left top;} .map1 iframe{max-width:100%;height:auto;width:100%;} @media only screen and (max-width: 768px) { .page_title{font-size:24px;line-height:28px;margin-bottom:30px;} .page_title:before{left:0;} .page_section .con_box{padding-right:0;} .con_left{padding:0;margin-top:40px;} .message{margin-top:20px;padding-right:0;} .message li{padding:0;} .map1{padding-left:0;margin-top:40px;height:260px;} .map1 .image{background-position:center center;} } @media only screen and (max-width: 480px) { .page_section .con_box{padding-top:20px;} } /*left*/ .page_left{width:26%; padding-right:20px} .page_left .column .block>span em{ display:inline-block; background:#fff; font-size: 22px; color: #333; font-family: 'Bubblegum_sr'; text-transform:uppercase; padding-right:10px; } .page_left .column .block>span{ background: url(../images/left_icon.png) no-repeat left center; display: block; position:relative;margin-bottom: 0px; line-height: 24px; padding: 8px 0 8px 55px; color: #fff;} .page_left .column .block>span em:first-letter{color:#00a0e9;} .page_left .column .block>span .column_icon_toggle{display:none;} .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:#00a0e9;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:10px; 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:15px; padding:10px 10px 10px ; color:#444; text-transform:capitalize;background:#ffffff; } ul.mtree>li>a i{padding-right:5px;} ul.mtree li b{ font-style:normal} ul.mtree li.mtree-open>b:before{ content: "-"; font-family: FontAwesome; float: right; font-size: 24px; color: #00a0e9; font-style: normal; height: 28px; width: 28px; text-align: center; line-height: 28px; position: absolute;background: #f0f3f3; 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; background: #f0f3f3; border-radius: 50%;} ul.mtree .mtree-level-1 li.mtree-open>b:before{ color:#00a0e9} ul.mtree li.mtree-node > a {} ul.mtree>li:hover{} ul.mtree>li:hover>a{color:#00a0e9;text-decoration:none;} ul.mtree>li.mtree-node{} ul.mtree>li.mtree-open{} ul.mtree>li.mtree-open>a{color:#00a0e9;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:#00a0e9; 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:#00a0e9;padding:10px 10px; border-bottom:1px solid #00a0e9} ul.mtree>li.mtree-node .mtrss-all:hover{color:#fff;} ul.mtree>li.mtree-node .mtrss-all:hover a{color:#fff;background:#00a0e9;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:14px; color:#555;font-weight:normal;padding:10px 0 10px 10px;text-transform:capitalize;border-bottom:1px solid #f5f5f5;} 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:#00a0e9;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:13px; color:#888;padding:5px 0px 5px 10px;} ul.mtree .mtree-level-2 li a:hover{text-decoration:none;color:#00a0e9;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 li{margin:10px 0 15px; list-style:none;border-bottom: 1px solid #eee;padding: 6px 0 10px;} .page_left .left-pro ul li>a{display:inline-block;float:left;width:36%;overflow:hidden; position:relative; } .page_left .left-pro ul li>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>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:hover { border-color:#00a0e9} .page_left .left-pro ul li .lnews-right{float:left; padding-left:10px;width:64%;} .page_left .left-pro ul li .lnews-right>a.left-pro-t{color:#333;font-size:14px; display:block;margin-top:5px;overflow:hidden; line-height:24px; max-height:72px } .page_left .left-pro ul li .lnews-right a.left-pro-t:hover,.page_left .left-pro ul li:hover .lnews-right a.left-pro-t{ color:#00a0e9;} .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:#00a0e9; font-size:14px; line-height:22px; display:inline-block; text-transform:capitalize; margin-top:5px;} .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} .page_left .left-pro ul li:nth-child(4n+2){animation-delay:0.2s; } .page_left .left-pro ul li:nth-child(4n+3){animation-delay:0.3s; } .page_left .left-pro ul li:nth-child(4n+4){animation-delay:0.4s; } .left-conts.column .block>span{ display:none} .left-conts{ margin-top:15px;} .left_ques{position:relative;} .left_ques a img{ width:100%; height:auto; max-width:100%} .left_ques .overly{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.2);transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .left_ques .text{ position:absolute; left:0px; top:50%; width:100%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); padding:15px;} .left_ques h4 a{ font-size:22px; color:#fff; text-transform:uppercase; display:block; margin-bottom:10px;} .left_ques p{ font-size:13px; color:#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;} .left_ques .more{ display: inline-block; border-radius: 5px; background: #00a0e9; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; line-height: 40px; padding: 0 34px;margin-top:15px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .left_ques .more:hover{ background:#fff; color:#00a0e9;} .left_ques:hover .overly{ background:rgba(0,0,0,0.4);} .left_ques:hover .more{ margin-top:30px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .left-news { margin-top:20px} .left-news .toggle_content { border: 1px solid #eee; padding: 15px; } .left-news .toggle_content{ border:1px solid #eee; padding:15px;} .left-news .news_left_1{ background:url(../images/dian.png) repeat-x left bottom; padding-bottom:15px; text-align:center;} .left-news .news_left_1 h4 a{font-size:14px; color:#444;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:15px;} .left-news .news_left_1 h4 a:hover{ color:#00a0e9} .left-news .news_left_1 p{font-size:12px; color:#999; line-height:20px; max-height:40px; overflow:hidden; margin:5px 0;} .left-news ul li{ list-style:none; line-height:22px; padding:6px 0; border-bottom:1px solid #eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:8px;} .left-news ul li:last-child{ border-bottom:none;} .left-news ul li span{ color:#808080; margin-right:10px;} .left-news ul li a:hover{ color:#00a0e9;} @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%; border-bottom: 1px solid #e0e0e0;} .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: 20px; background: #f9fbfb; border: 2px solid #ebebeb;padding-left:20px; border-radius: 20px;} .page_left .column .block>span em{ background:none; font-size:16px; text-transform:uppercase;} .page_left .column .block>span .column_icon_toggle{display: inline-block;position: absolute;right:10px;top:6px;font-style:normal;cursor:pointer;font-size:20px; color:#fff;font-weight:normal;} .left-nav ul{padding:0;} .left-nav ul li a{font-size:16px;} .page_left .left-pro{ margin-top: 0;} .left-news{ margin-top:0} } .news_list .news_list_img{ float:left; width:30%;} .news_list .news_list_img a{ display:block; overflow:hidden; width:100%;} .news_list .news_list_img a img{ width:100%; max-width:100%; height:auto;webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;} .news_list .news_list_img a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);} .news_list .text{ float:right; width:70%; padding-left:20px; } @media only screen and (max-width: 980px) {.news_list .news_list_img{ width:40%;} .news_list .text{ float:left; width:60%;}} .news_list li{ list-style: none; border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 20px;} .news_list li .day{ color:#999; font-size:12px; margin-top:10px;border: 1px solid #e5e5e5; padding: 3px 10px; border-radius:5px; text-transform:uppercase; display: inline-block;} .news_list li .day i{ background:url(../images/icon_date.png) no-repeat; width:15px; height:14px; display:inline-block; margin-right:10px; vertical-align:middle;font-style:normal} .news_list li .text>a.news_list_t{ font-size:15px; color:#444; display:block; line-height:24px; overflow:hidden; max-height:24px; white-space:nowrap; text-overflow: ellipsis; } .news_list li .text>a.news_list_t:hover{ color:#00a0e9 ; text-decoration:none} .news_list li p{ font-size:12px; color:#808080; overflow:hidden; max-height:48px; line-height:24px; margin-top:15px} .news_more{ text-align:right; background: rgba(0,0,0,.02); padding: 7px 15px; overflow: hidden; line-height: 30px; margin-top:20px} .news_list li .more1{ display: inline-block; color: #00a0e9; text-transform:capitalize; font-size: 14px; line-height: 28px; } .news_list li .more1 i{ font-size: 16px;margin-right: 12px; vertical-align: middle;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .news_list li .more1:hover{ color:#082a43;} .news_list li .more1:hover i{ margin-left:15px;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} @media only screen and (max-width: 535px) { .news_list .text{} } @media only screen and (max-width: 420px) { .news_list .news_list_img{ width:100%; float:none; display:block;} .news_list .text{ float:left; padding-left:0; width:100%; margin-top:20px;} } /*news-main*/ .page_li li{ list-style:none; padding:7px 0;} .page_li li:last-child{ margin-bottom:0;} .page_li span{color:#00a0e9; font-size:14px;} .page_li a{ color:#666; margin-left:6px; font-size:13px} .page_li a:hover{ color:#00a0e9;} .page_li{ background:#fafafa; border-left:3px solid #00a0e9; padding:8px 0; padding-left:16px; } .page_tags{ margin:20px 0;} .page_tags p{ font-size:16px; color:#444; display:inline-block;} .page_tags a{ background:#00a0e9; color:#fff; line-height:30px; display:inline-block; padding:0px 14px; border-radius:5px; margin:5px; font-size:12px;} .page_tags a:hover{ background:#372f2c;} .news-detail .title{margin-bottom:15px;border-bottom:1px solid #e5e5e5;padding-bottom:15px;text-align:left;} .news-detail .title em{font-size:16px;display:block;line-height:24px;margin-bottom:15px; } .news-detail .title p{font-size:12px;color:#999;font-weight:400; display:inline-block; border-radius:5px; border: 1px solid #e5e5e5; padding: 3px 10px;} .news-detail .title p:before{content:"-";padding-right:5px;} .news-detail .title p:after{content:"-";padding-left:5px;} .blog .news-detail .title{text-align:left;} .news-detail .text{font-size:14px;font-weight:400;line-height:32px;} .news-detail .text img{max-width:100%;height:auto;} @media only screen and (max-width: 768px){ .news-detail .title em{font-size:18px;} } /*page-turning*/ .page_turn{width:100%;text-align:left;margin-top:15px;border-top:1px solid #e5e5e5;padding-top:15px;} .page_turn li{display:block;margin-bottom:10px;padding:8px 10px;background:#fafafa;-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:13px;text-transform:uppercase;margin-bottom:0;margin-right:5px;color:#00a0e9;vertical-align:middle;} .page_turn li p i{padding-right:5px;} .page_turn li a{display:inline-block;font-size:13px;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:#808080;} .page_turn li:hover a{color:#00a0e9;} /*page-number*/ .page_num{width:100%;margin:0 auto 0 auto;text-align:center;} .page_num span{display:inline-block;color:#fff;background:#00a0e9;font-size:12px;text-transform:capitalize;margin-right:5px;padding:0 15px;overflow:hidden;vertical-align:middle;line-height:32px;border:1px solid #00a0e9;border-radius:25px;} .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:25px;} .page_num a:hover{background:#00a0e9;text-decoration:none;color:#fff;border:1px solid #00a0e9;} .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;} } /*blog*/ .left-blog{ margin-bottom: 0; padding:0px 0px 10px;} .column.left-blog .block>span{ } .column .block .blog_main { margin-bottom:0;padding-bottom:20px;} .blog_list>li:hover em{color:#00a0e9;} ul.blog-list{ margin-top:15px} ul.blog-list, ul.blog-list1{padding: 0;list-style: none;margin-bottom:0;text-align:left;} ul.blog-list li {margin:0 20px 14px 0;} ul.blog-list li a i{color:#00a0e9; font-size:13px; opacity:0.6; margin-right:10px;} ul.blog-list li a {color:#808080;font-size:13px;vertical-align: initial;text-decoration: none;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; } ul.blog-list li a:hover{color:#00a0e9;text-decoration:underline; padding-left:10px;} ul.blog-list3 li.blog-list3-img{float: left;width: 24%;margin-right: 5%;} .blog-list3-img img{width:60;border-radius:5px;height:45px;border:solid 1px #eee;} ul.blog-list1{ margin-top:10px} ul.blog-list1 li {display: inline-block;margin:5px 2px;} ul.blog-list1 li a { display:block; text-decoration: none; background:#EFEFEF; color:#555; padding:7px; font-size:13px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; } ul.blog-list1 li a:hover{background:#00a0e9;color:#fff;} .blog_list{ margin-top:0px} .blog_list li{ list-style:none; border-bottom: 1px solid #e5e5e5;padding-bottom: 25px; margin-bottom:25px;} .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 h4{ margin-top:0; padding-top:0} .blog_list li .entry-content-top-right a{ font-size:18px; color:#444; font-family: 'Bubblegum_sr'; display:block; line-height:26px; overflow:hidden; max-height:26px;white-space: nowrap;text-overflow: ellipsis; margin-bottom:6px} .blog_list li .entry-content-top-right a:hover{ color:#00a0e9 ; text-decoration:none} .blog_day{display:block; margin:0; padding-bottom:10px; } .blog_day span{ display: inline-block; color: #888; text-transform:uppercase; font-size:13px;background:url(../images/icon_date.png) no-repeat left center; padding-left:20px;} .blog_list li .p{ font-size:12px; color:#999; overflow:hidden; max-height:48px; line-height:24px; margin:0 0 16px;} .tags{ margin-bottom:15px;} .news_web .tags{ margin-bottom:25px;} .tags span{ font-size:14px; text-transform:uppercase; color:#555;} .tags a{font-size:12px; display:inline-block; color:#666; padding:3px 15px; margin:0 6px 6px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius:5px;} .tags a i{ margin-right:6px; font-size:12px;} .tags a:hover{ background:#00a0e9; color:#fff; text-decoration:none} .blog_tag{ padding: 2px 18px; text-align: left; border: 2px solid #f5f5f5; margin-top: 15px; border-radius: 25px;} .blog_tag>p{display:inline-block;font-size:13px;margin-right:5px;text-transform:uppercase;} .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 10px;color:#4d4d4d;font-size:13px;text-transform:capitalize;background:#f2f2f2;border-radius:25px;} .blog_tag li i{padding-right:5px;color:#4d4d4d;} .blog_tag li:hover a{color:#fff;text-decoration:none;background:#00a0e9;} .blog_tag li:hover i{color:#fff;} .blog_list li .blog_more{ display: inline-block; line-height: 36px; color: #00a0e9; font-size: 13px; text-transform: uppercase; border: 1px solid #00a0e9; padding: 0 20px; margin-top: 20px; letter-spacing: 1px; border-radius: 5px;} .blog_list li .blog_more:hover{border-color:#00a0e9; background:#00a0e9; color:#fff} .entry-post-format-icon{ float: left; width: 45px; height: 45px; line-height: 45px; background-color:#00a0e9; color: #fff; font-size: 20px; text-align: center; margin-right: 15px; margin-bottom: 18px; } .entry-post-format-icon i{line-height: 45px;} .entry-post-format-icon:after { content: ""; height: 4px; width: 100%; background-color: #00a0e9; display: block; margin-top: 12px; } .entry-content-top-right{ float:left; width:90%} /*blog-detail*/ @media (max-width: 1004px) {.entry-content-top-right{ width:86%;}} @media only screen and (max-width: 768px) { .blog-main > em{font-size:24px;} ul.blog-list{ margin-top:0} .blog_web .page_left{ float:none; padding:0} .blog_web .page_right{padding:0} .left-blog{ background:none} } @media (max-width: 530px) {.entry-content-top-right{ width: 76%;}} @media (max-width: 325px) {.entry-content-top-right{ width: 71%;}.entry-post-format-icon{width:40px; height:40px; line-height:40px; margin-right:10px}.entry-post-format-icon i{ line-height:40px;}.entry-post-format-icon:after{ margin-bottom:15px}} /*products*/ .pro-text{line-height:20px;font-size:12px;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-family: 'Bubblegum_sr';font-size:22px;color:#333;text-transform:capitalize;line-height:38px;} .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:50%;} .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:#00a0e2;border:2px solid #00a0e2;} .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 > 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:#00a0e2 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:22px;height:44px;} .cbp-vm-view-grid .blog_tag,.cbp-vm-view-grid .more{display:none;} .cbp-vm-view-grid .cbp-list-center{padding:0;padding-top:25px;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%; float:left; text-align: center; display: inline-block; vertical-align: top; padding:0 ; position:relative; border-bottom:1px solid #f7f7f7; } .cbp-vm-view-grid ul li:nth-child(4n+2){animation-delay:0.1s;} .cbp-vm-view-grid ul li:nth-child(4n+3){animation-delay:0.2s;} .cbp-vm-view-grid ul li:nth-child(4n+4){animation-delay:0.3s;} .cbp-vm-view-grid ul li>div{transition:all .5s;display:block; padding:15px;} .cbp-vm-view-grid ul li .cbp-title{display:block;margin-bottom:10px;color:#333;font-size:17px;line-height:20px;font-family: 'Bubblegum_sr';overflow:hidden;height:40px;} .cbp-vm-view-grid ul li:hover .cbp-title{color:#00a0e2;} .cbp-vm-view-grid ul li .cbp-vm-details{color:#999999;font-size:12px;line-height:20px;overflow:hidden;height:40px;} .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 20px;background:#fff;border-bottom:1px solid #ebebeb;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: 25%;text-align:center;display:inline-block; vertical-align:middle;float:left;border:1px solid #e5e5e5;} .cbp-vm-view-list ul li>div .cbp-list-center{width:75%;display:inline-block;} .cbp-vm-view-list ul li .cbp-title{display:block;margin-bottom:20px;color:#555555;font-size:17px;line-height:24px;font-family:'Bubblegum_sr';overflow:hidden;max-height:48px;} .cbp-vm-view-list ul li:hover .cbp-title{color:#00a0e2;} .cbp-vm-view-list ul li .cbp-vm-details {color:#999;font-size:12px;margin-top:0;line-height:20px;overflow:hidden;max-height:40px;padding:0;} .cbp-vm-view-list ul li .main_more{margin-top:20px;padding:4px 20px;font-size:12px; } .cbp-vm-view-list ul li .cbp-list-left .more{display:inline-block;border-radius:5px;background:#00a0e2;color:#fff; font-size:13px; letter-spacing:1px;padding:5px 20px;text-transform:uppercase;margin-top:20px;} .cbp-vm-view-list ul li .cbp-list-left .more i{padding-left:5px;transition:all .5s;} .cbp-vm-view-list ul li .cbp-list-left .more:hover{background:#fdd000;color:#fff;text-decoration:none;} .cbp-vm-view-list ul li .cbp-list-left .more:hover i{padding-left:8px;} .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:#00a0e9;border:2px solid #00a0e9;} .pro-list-tags li:hover i{color:#fff;} .cbp-vm-view-list .cbp-hover{display:none;} .cbp-vm-view-list .cbp-list-center{width:75%;display:inline-block; vertical-align:middle;padding:0 0 0 25px;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 20px;font-size:12px;margin-bottom:15px;display:block;text-align:center;background:#00a0e9;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:#00a0e9;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-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:20px;} .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{margin-top:0;text-align:center;} } @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; } .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 #00a0e9; } /* Styles for the currently selected thumbnail */ .sp-thumbs a:active, .sp-current { opacity: 1!important; position: relative; border:1px solid #00a0e9 !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;} .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:24px;font-family:'Bubblegum_sr';} .products .pro-right>div.main{font-size:12px;line-height:22px;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:13px;color:#4d4d4d;text-transform:capitalize;} .pro-table ul li span{color:#333;display:inline-block;font-size:13px;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:14px;line-height:24px;} .mostBox .text em{font-style:italic;} .mostBox .text img{max-width:100%;height:auto;} .mostBox .text a:hover{color:#00a0e9;} .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;} .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 20px;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{font-family:'poppins_sb';} .products > .title{display:block;position:relative;text-align:left;margin-bottom:20px;padding:2px 0;} .products > .title i{background:#0d58cb;color:#fff;padding:10px;font-size:16px;border-radius:50%; vertical-align:middle;} .products > .title h1{margin:0;display:inline-block;color:#555555;text-transform:uppercase;font-size:28px;line-height:36px;font-family:'Poppins_SBold';position:relative;z-index:2; vertical-align:middle;margin-left:10px;} @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:12px;} .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{ margin-top:40px} .page_pro{padding:24px 0 40px;} .page_pro .main_title{margin-bottom:20px;} .page_pro .slider{padding-top:0;position:relative;} .page_pro .slider:after{content:'';width:1px;height:20px;background:#e5e5e5;position:absolute;left:50%;bottom:-34px;} .page_pro .slider .li{padding:6px 10px 20px;} .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;} .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:15px;font-size:17px;line-height:20px;overflow:hidden;height:40px; font-family: 'Bubblegum_sr';} .page_pro .slider .li:hover .title{color:#00a0e9;} .page_pro .slider .li .text{color:#999999;font-size:12px;line-height:20px;overflow:hidden;height:40px;} .page_pro .slick-prev{width:27px;height:14px;display:inline-block;left:45%;top:auto;bottom:-30px;background:url(../images/prev_f.png) no-repeat center center;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;} .page_pro .slick-next{width:27px;height:14px;display:inline-block;right:45%;top:auto;bottom:-30px;background:url(../images/next_f.png) no-repeat center center;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;} .page_pro .slick-prev:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} .page_pro .slick-next:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} .page_pro .slick-dots{ opacity:0} @media only screen and (max-width: 768px) { .page_pro .slick-prev{left:40%;} .page_pro .slick-next{right:40%;} } @media only screen and (max-width: 480px) { .page_pro{padding-top:20px;} .page_pro .slick-prev{left:35%;} .page_pro .slick-next{right:35%;} } .lab_list{list-style:none;} .lab_list li{padding:0 10px;text-align:center;margin-bottom:30px;box-shadow:0 5px 27px rgba(0,0,0,.05);} .lab_list li:nth-child(3n+2){animation-delay:0.1s;} .lab_list li .image{position:relative;display:block;overflow:hidden;} .lab_list li .image > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10;} .lab_list li .image img{max-width:100%;height:auto;transition:all .5s;} .lab_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));} .lab_list li .image .bg{position:absolute;left:0;bottom:0;background:url(../images/lab_bg.png) no-repeat center center;width:100%;height:12px;background-size:cover;} .lab_list li .main{background:#fff;padding:15px;} .lab_list li .title{color:#333333;font-size:20px;line-height:28px;overflow:hidden;height:28px;display:block;margin-bottom:5px;} .lab_list li:hover .title{color:#00a0e9;text-decoration:none;} .lab_list li .text{color:#808080;font-size:13px;line-height:20px;overflow:hidden;height:20px;} @media only screen and (max-width: 992px) { .lab_list li .image .bg{height:18px;} .lab_list li .main{padding:15px 10px;} .lab_list li .title{font-size:18px;line-height:24px;height:24px; } } @media only screen and (max-width: 768px) { .lab_list li .image .bg{ display:none} } @media only screen and (max-width: 480px) { .lab_list li .main{padding:10px 5px;} .lab_list li .title{font-size:16px;line-height:20px; } } @media only screen and (max-width: 325px) { .lab_list li{ width:100%} } /* side */ .side li,.side ul{list-style:none;} .side{position:fixed;width:46px;height:140px;right:0;top:214px;z-index:100;} .side ul li{width:46px;height:46px;float:left;position:relative; margin-top:1px} .side ul li .sidebox{position:absolute;width:46px;height:46px;top:0;right:0;transition:all 0.3s; opacity:1;filter:Alpha(opacity=100);color:#fff;font-size:14px ;line-height:46px;overflow:hidden;border-radius: 15px 0 0 15px;} .side ul li img{float:left;} #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:146px; float:right; line-height:40px; box-shadow:0 5px 27px rgba(0,0,0,.09); -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:#00a0e9;text-transform:capitalize; 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;} #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 #00a0e9;border-top:none;} #online_qq_layer .inquiry .main_more{margin-top:0;} #online_qq_layer .inquiry .main_more input{padding:0 25px; line-height:38px;font-size:13px;} #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 #ddd;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_p.png);background-position:2px 4px;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_e input{background-image:url(../images/mes_e.png);background-position:2px 4px;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:2px 2px;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: #00a0e9; 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:#00a0e9 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;} } @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:42px; height:41px; position:fixed; right:10px; bottom:100px; z-index:9999; display:none; background:url(../images/top.png) no-repeat center;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;} @media only screen and (max-width: 768px) {.back_top{right:0;bottom:60px;}} .table-responsive{ overflow-x:auto} .video_list{list-style:none;} .video_list li{text-align:center;margin-bottom:30px;} .video_list li .image{position:relative;overflow:hidden;} .video_list li .image > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10;} .video_list li .image 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; } .video_list li:hover .image img{transform: scale(1.1);} .video_list li .image .bg{background:url(../images/about_btn.png) no-repeat; height:68px; width:68px; display:inline-block;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; z-index:2} .video_list li .main{padding-top:10px;} .video_list li .title{ display:block; line-height:24px; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333333;font-family: 'Bubblegum_sr';} .video_list li .text{ font-size:13px; line-height:22px; color:#999999; overflow:hidden; max-height:44px; margin-top:8px;} .video_list li:hover .title{ color:#00a0e9;text-decoration:none;} @media only screen and (max-width: 768px) { .video_list li{padding:0 10px;margin-bottom:20px;} .video_list li .title{font-size:16px;} }