/*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: 'poppins-regular',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-left:8px} /*share*/ body{ font-size: 14px; font-family: 'poppins-regular',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: 'poppins-semibold'; src:url(../font/poppins-semibold.eot); src: url(../font/poppins-semibold.eot?#iefix) format('embedded-opentype'), url(../font/poppins-semibold.svg#poppins-semibold) format('svg'), url(../font/poppins-semibold.woff) format('woff'), url(../font/poppins-semibold.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'teko-r'; src:url(../font/teko-r.eot); src: url(../font/teko-r.eot?#iefix) format('embedded-opentype'), url(../font/teko-r.svg#teko-r) format('svg'), url(../font/teko-r.woff) format('woff'), url(../font/teko-r.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppins-regular'; src:url(../font/poppins-regular.eot); src: url(../font/poppins-regular.eot?#iefix) format('embedded-opentype'), url(../font/poppins-regular.svg#poppins-regular) format('svg'), url(../font/poppins-regular.woff) format('woff'), url(../font/poppins-regular.ttf) format('truetype'); font-weight: normal; font-style: normal; } .top_call{ float:right; line-height:22px; margin-top:0} .top_call a{ margin-left:35px;} .top_call p,.top_call a { display:inline-block;color:#ffffff; font-size:12px; } .top_call p img,.top_call a img{ display:inline-block; margin-right:12px; vertical-align:middle} .top_lan{ float:right; margin-left:27px} .top_lan li{ list-style:none; display:inline-block; margin-left:16px} .top_lan li a{ display:block; text-transform:uppercase; color:#ffffff; font-size:12px;} .top_lan li a img{ vertical-align:middle; margin-right:12px; display:inline-block} .top_lan li a:hover{ color:#fff} .top_share{ float:right; margin-right:9px} .top_share li{ display:inline-block; list-style:none; margin-left:10px} .top_share li a{ display:inline-block; height:28px; width:28px} .head_right{ float:right; position: relative;} .top_logo{ float:left; margin-top:5px} .top_logo>a{} .top_logo h1{ margin:0; padding:0; line-height:inherit} .top_logo img{ max-width:302px; height:auto; width:100%} .top_logo2{ display:none} .top_logo2 img{ max-width:148px; height:auto; width:100%} .top-search{ display:none; width:100%; z-index:10000000; position:relative; width:100%;background-color: #fff;overflow: hidden;border-bottom:1px solid #eee; } .attr-nav li{ list-style:none} .search_box{float:right; z-index:9999999} .attr-nav{ display:inline-block; margin-top:33px} .attr-nav .search{} .attr-nav i{ background:url(../images/search_btn.png) no-repeat center; display:inline-block; width:26px; height:26px; vertical-align:middle; } .attr-nav a{ display:inline-block; text-align:center; text-transform:uppercase; color:#fff; font-size:15px} /* Top Search =================================*/ .top-search { display: block; width:60%;position:absolute;right:0;top:36px;display: none;z-index:9999999;background:#fff;border-radius:30px;} .top-search h4{font-size:16px; text-align:center; color:#333; margin:15px 0;text-transform:uppercase;display:none; ;display:none;} .top-search .input-group-addon i {float: right;position:absolute; right:0px; top:0px; width:40px; height:40px; line-height:38px;font-size:18px;} .top-search .input-group-addon i:hover{color:#f3b4b7;} .top-search .form-control {box-shadow:none;border:1px solid #e5e5e5;background:#fff;border-radius:25px;color: #808080;height: 48px;line-height: 48px;padding: 0 60px 0 20px;text-align: left;font-size:14px;} .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:5px 40px 5px 5px;} .btn_search1 {background:#ffc7ca url(../images/search_btn.png) no-repeat center center;border-radius:50%;top: 2px;height:44px; position: absolute;right:2px;width:44px;z-index: 3;} .header_search {position: relative;border:1px solid #eee;background:#fff; border-radius:25px} .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:10px;} /* Sizes for the bigger menu */ header{width: 100%;z-index: 999999; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;position:fixed; } .large_m{ padding:15px 0 0} header.large{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; background:none; background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 70%); background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 70%); background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 70%); background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 70%); background: linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 70%); } .line{ width:100%; height:1px; background:rgba(255,255,255,0.3)} @media only screen and (max-width: 1280px) { .top_call a{ margin-left:15px} .top_lan{ margin-left:15px} } @media only screen and (min-width: 1024px) { header.small{left:0;top:0; position:fixed;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; padding:0; background:#fff; box-shadow: 0 0 12px rgba(0,0,0,0.1);} header.small .large_m{ padding-top:5px} header.small .line{ display:none} header.small .top_logo{ margin-bottom:10px} header.small #cssmenu{ margin-top:0} header.small #cssmenu > ul > li > a{ color:#333} header.small #cssmenu > ul > li:hover > a, header.small #cssmenu > ul > li.active > a{ color:#f3b4b7} header.small #cssmenu > ul > li> a::after { background:#f3b4b7} header.small .top_logo2{ display:block} header.small .top_logo1{ display:none} header.small .top_lan,header.small .top_call{ display:none} header.small .attr-nav{margin-top:15px;} header.small .attr-nav .search i{background-color:#f3b4b7;border-radius:50%; width: 40px; height: 40px;} header.small .top-search{top:77px;border-radius:0 0 30px 30px;background:#f2f2f2;} header.small .top-search .input-group{padding:10px 40px 10px 10px;} header.small .hcon,header.small .select{display:none;} } @media only screen and (max-width: 992px) { .top_share{ display:none} header{ position:relative} header .top_logo2{ display:block; margin-bottom:10px} header .top_logo1{ display:none} header.large{ background:#fff} .top_call{ display:none} .top_lan{ margin-left:6px; margin-top:20px;} .top_lan li{ margin-left:8px} .top_lan li a{ color:#777;} .top_lan li a img{ margin-right:0} .top_lan li a span{ display:none} header .attr-nav{ margin-top:16px} header .attr-nav .search i{background-color:#f3b4b7;border-radius:50%; width: 35px; height: 35px; margin-top:0} .large_m{ padding: 10px 0 0;} .head_right{ float:none} .fix{ display:none} } @media only screen and (max-width: 768px) { .top-search h4{display:block;} .top-search .input-group,header.small .top-search .input-group{padding:25px; max-width:750px; margin:0 auto;} .top-search,header.small .top-search { display: none; width:100%;top:-10px;left:0;border-radius:0;z-index:9999999;background:#f2f2f2;padding-top:0;} .top-search h4,.top-search .input-group-addon.close-search{display:block;} } @media only screen and (max-width: 394px) { .top_logo2 img{ max-width:85px} header .attr-nav{ margin-top:4px} .top_lan{ margin-left:1px; margin-top:5px;} } .in_categW{ margin-top:70px;} .in_title1{ float:left; position:relative; width:28.8%; padding:42px 90px 57px 25px} .in_title1:after{ position:absolute; top:0; left:0; height:100%; width:84px; background:#ffc7ca; display:block; content:''; z-index:0} .in_title1 em{ display:block; font-style:normal; color:#444444; font-size:12px; text-transform:uppercase; letter-spacing:2px; position:relative; z-index:9} .in_title1 span{ display:block; font-family: 'teko-r'; font-size:40px; color:#333333; text-transform:uppercase; margin-top:21px; line-height:40px;position:relative; z-index:9} .in_title1 p{ font-size:12px; color:#555555; line-height:28px; margin-top:22px; overflow:hidden; max-height:84px;position:relative; z-index:9} .in_title1 .in_title1_more{position:relative; z-index:9; background:url(../images/icon_cut.png) no-repeat left center; padding-left:80px; height:28px; margin-top:69px} .in_title1 .in_title1_more a{ display:inline-block; color:#333333; text-transform:uppercase;font-family: 'teko-r'; font-size:20px; line-height:28px} .in_categ{ float:left; width:71.2%;} .in_categL li{ list-style:none; margin-bottom:21px} .in_categL li .in_categL_m .in_categL_img{ position:relative; overflow:hidden} .in_categL li .in_categL_m .in_categL_img>a.in_categL_btn{ display:block; width:100%; height:100%; position:absolute; left: 0; right: 0; transform: translateY(0%) scale(0); top:0; transition: all .5s ease;background:rgba(0,0,0,0.3); text-align:center;line-height:100%; background-image:url(../images/icon1.png); background-repeat:no-repeat; background-position:center} .in_categL li .in_categL_m .in_categL_img:hover>a.in_categL_btn{ transform: translateY(0%) scale(1); } .in_categL li .in_categL_m .in_categL_img>a.img{ display:block; width:100%} .in_categL li .in_categL_m .in_categL_img>a.img img{ width:100%} .in_categL li .in_categL_m h4{ text-align:center} .in_categL li .in_categL_m h4 a{ display:block; overflow:hidden; font-size:20px; color:#333333;font-family: 'teko-r'; line-height:28px; margin-top:24px; text-transform:uppercase; } .in_categL li .in_categL_m h4 a:hover{ color:#f3b4b7} @media only screen and (max-width: 1598px) { .in_title1{ padding-right:40px} } @media only screen and (max-width: 1024px) { in_categL.row{ margin:0 -10px} .in_categL li{ padding:0 10px} .in_title1{ padding-right:30px; padding-left:15px} .in_title1 span{ font-size:38px} } @media only screen and (max-width: 768px) { .in_title1{ float:none; width:100%; padding:0 0 20px; text-align:center; } .in_title1 .in_title1_more{ display:none} .in_categ{ margin-top:30px; float:none; width:100%} .in_title1 p{ display:none;} .in_title1:after{ height:40px; width:100%; bottom:0; top:inherit} .in_title1 span{ margin-top:5px} .in_categW{ margin-top:50px} .in_categL li .in_categL_m h4 a{ margin-top:15px} } @media only screen and (max-width: 485px) { .in_categL li{ width:100%} } .in_proW{ padding-top:44px; background:url(../images/bg2.png) no-repeat left bottom; padding-bottom:52px; position:relative} .in_proW:after{ position:absolute; right:0; top:-56px; background:url(../images/bg1.png) no-repeat; height:184px; width:193px; display:inline-block; content:'';} .in_title{ text-align:center;} .in_title em{ display:block; font-style:normal; color:#999999; font-size:12px; letter-spacing:2px; position:relative; z-index:9} .in_title span{ display:block; font-family: 'teko-r'; font-size:40px; color:#333333; text-transform:uppercase; margin-bottom:8px; line-height:40px;position:relative; z-index:9} .slick-slider{ position: relative; display: block; text-align:center; 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; overflow:hidden} .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-track { position: relative; left: 0; top: 0; display: block; zoom: 1; z-index: 999; } .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 { display:inline-block !important; margin:24px 0px 0; height: 34px; width: 51px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; 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; display:none !important} .slick-dots .li { position: relative; display: inline-block; height: 5px; width:52px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots .li button { border: 0; background: transparent; display: block; height: 5px; width:50px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#ddd;} .slick-dots .li button:focus { outline: none;} .slick-dots .li.slick-active button{background:#f5901c;} .slick-slide{ margin-bottom:16px;} .slick-prev{ text-align:center; vertical-align: middle; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; z-index:9999} .slick-next{ text-align:center; vertical-align: middle; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;z-index:9999} .in_proW .slider{padding-top:31px;} .in_proW .slider .li{padding:12px 15px 0;text-align:left;} .in_proW .slider .li .image{position:relative;overflow:hidden; transition:all .5s;} .in_proW .slider .li .image>a{ display:block;width:100%; border:1px solid #eeeeee; overflow:hidden} .in_proW .slider .li .image > a>img{max-width:100%;height:auto;transition:all .5s;} .in_proW .slider .li:hover .image>a{ border-color:#ffc7ca} .in_proW .slider .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));} .in_proW .slider .li .image .icon{position:absolute;left:0;top:10px;display:inline-block;} .in_proW .slider .li .box{ text-align:center} .in_proW .slider .li .title{display:block;color:#333333;font-size:15px; text-align:center; line-height:22px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .5s;margin:28px 0 0; font-family: 'poppins-semibold';} .in_proW .slider .li:hover .title{color:#f3b4b7;text-decoration:none;} .in_proW .slider .li .box>a{ display:inline-block; line-height:34px; color:#555555; font-size:12px; letter-spacing:1px; text-transform:uppercase; border:1px solid #848484; border-radius:25px; padding:0 21px; margin-top:23px} .in_proW .slider .li .box>a i{ font-size:16px; vertical-align:middle; margin-left:20px} .in_proW .slider .li .box>a:hover{ background:#ffc7ca; border-color:#f3b4b7; color:#fff;} .in_proW .slick-slider{ overflow:inherit; margin:0 -15px} .in_proW .slick-slide{ margin-bottom:0} .in_proW .slick-prev{width:24px;height:21px;position:absolute; left:-40px; top:45%; vertical-align: middle;filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;background:url(../images/prev.png) no-repeat center center;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0;} .in_proW .slick-next{width:24px;height:21px;position:absolute; right:-40px; top:45%; vertical-align: middle;filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;background:url(../images/next.png) no-repeat center center;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0;} .in_proW .slider:hover .slick-next,.in_proW .slider:hover .slick-prev{filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;} @media only screen and (max-width: 1199px) { .in_proW .slider .slick-prev{left:-7px;top:50%;} .in_proW .slider .slick-next{right:-7px;top:50%;} .in_proW .slick-slider{ margin:0} } @media only screen and (max-width: 1053px) { .in_proW .container{ max-width:100%} } @media only screen and (max-width: 992px) { .in_proW .slick-prev,.in_proW .slick-next{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;} .slider .li .image img{width:100%;} .in_proW .slider .li{ padding:12px 10px 0} } .in_aboutW{ background:url(../images/about_bg1.jpg) no-repeat left top,url(../images/about_bg2.jpg) no-repeat right bottom; background-color:#ededed; padding:64px 0 64px; margin-top:51px} .in_about_m{ text-align:center; font-size:12px; line-height:32px; overflow:hidden; color:#666666; max-height:160px; margin:17px auto 0; max-width:1278px;} .in_video{ margin-top:63px; border:7px solid rgba(255,255,255,0.5);} .in_video img{ width:100%} .in_more{ text-align:center; margin-top:44px;} .in_more a{ display:inline-block; line-height:34px; color:#555555; font-size:12px; letter-spacing:1px; text-transform:uppercase; border:1px solid #848484; border-radius:25px; padding:0 21px; margin-top:23px} .in_more a i{ font-size:16px; vertical-align:middle; margin-left:20px} .in_more a:hover{ background:#ffc7ca; border-color:#f3b4b7; color:#fff;} @media only screen and (max-width: 768px) { .in_aboutW{ margin-top:10px;background:url(../images/about_bg1.jpg) no-repeat left top ; background-color:#ededed; padding:50px 0} .in_more{ margin-top:25px} .in_video{ margin-top:35px} .in_about_m{ margin-top:0} } .in_serviceW{ margin-top:64px;} .in_serviceL{ margin-top:8px} .in_serviceL li{ list-style:none; margin-top:30px;} .in_serviceL li .in_serviceL_m .in_serviceL_img{ position:relative; overflow:hidden} .in_serviceL li .in_serviceL_m .in_serviceL_img>a.in_serviceL_btn{ display:block; width:100%; height:100%; position:absolute; left: 0; right: 0; transform: translateY(0%) scale(0); top:0; transition: all .5s ease;background:rgba(0,0,0,0.2); text-align:center;line-height:100%; background-image:url(../images/icon1.png); background-repeat:no-repeat; background-position:center} .in_serviceL li .in_serviceL_m .in_serviceL_img:hover>a.in_serviceL_btn{ transform: translateY(0%) scale(1); } .in_serviceL li .in_serviceL_m .in_serviceL_img>a.img{ display:block; width:100%; border-radius:5px 5px 0 0 } .in_serviceL li .in_serviceL_m .in_serviceL_img>a.img img{ width:100%} .in_serviceL li .in_serviceL_m .in_serviceL_w{ text-align:center; padding:0 20px} .in_serviceL li .in_serviceL_m .in_serviceL_w a{ display:block;font-family: 'teko-r'; font-size:20px; color:#222222; line-height:24px; text-transform:capitalize; margin-top:27px} .in_serviceL li .in_serviceL_m .in_serviceL_w a:hover{ color:#f3b4b7} .in_serviceL li .in_serviceL_m .in_serviceL_w p{ font-size:12px; color:#999999; line-height:30px; overflow:hidden; max-height:90px; margin-top:11px} @media only screen and (max-width: 1024px) { .in_serviceL.row{ margin:0 -10px} .in_serviceL li{ padding:0 10px;} .in_serviceL li .in_serviceL_m .in_serviceL_w{ padding:0} } @media only screen and (max-width: 485px) { .in_serviceL li{ width:100%} } .in_newsW{ margin-top:90px; margin-bottom:50px} .in_newsW .in_title1:after{ background:#c8e5e1} .in_news{ float:left; width:71.2%} .in_news_img{ float:left; width:46.6%; position:relative; padding:0 0 30px 30px;} .in_news_img:after{ background:#fff; width:80%; height:83%; border:10px solid #f0f0f0; position:absolute; left:0; bottom:0; display:block; content:''; z-index:0} .in_news_img a{ position:relative; z-index:9} .in_news_img a img{ max-width:100%; height:auto; width:100%} .in_newsL{ float:left; width:53.4%; padding-left:40px;} .in_newsL li{ transition: all .5s ease;list-style:none; background:#fff; padding-right:25px; margin-bottom:30px;} .in_newsL li>a{ display:block; width:22.9%; float:left;} .in_newsL li>a img{ width:100%; height:auto; max-width:100%} .in_newsL li .in_newsL_w{ float:left; width:77.1%; padding-left:25px; padding-bottom:3px} .in_newsL li .in_newsL_w h4 a{ display:block; overflow:hidden; font-size:13px; color:#333333; line-height:24px; text-overflow:ellipsis; white-space:nowrap;font-family: 'poppins-semibold'} .in_newsL li .in_newsL_w span{ display:inline-block; font-size:12px; font-style:italic; color:#989898; line-height:22px; text-transform:uppercase; margin-top:3px} .in_newsL li .in_newsL_w span i{ margin-right:7px; vertical-align:middle; font-style:normal} .in_newsL li .in_newsL_w h4 a:hover{color:#f3b4b7} .in_newsL li .in_newsL_w p{ font-size:12px; line-height:24px; overflow:hidden; max-height:48px; margin-top:8px; color:#999999} .in_newsL li:hover{transition: all .5s ease; box-shadow:0 3px 8px rgba(0,0,0,0.07)} @media only screen and (max-width: 1598px) { .in_newsL li>a{ width:30%} .in_newsL li .in_newsL_w{ width:70%; padding-left:15px} } @media only screen and (max-width: 1024px) { .in_newsL{ padding-left:30px} .in_newsL li>a{ width:35%} .in_newsL li .in_newsL_w{ width:65%; } } @media only screen and (max-width: 768px) { .in_news{ float:none; width:100%; margin-top:30px} .in_newsW{ margin-top:40px} .in_news_img{ width:100%; float:none} .in_newsL{ padding-left:0; width:100%; } .in_newsL li{margin:20px 0 0} } @media only screen and (max-width: 330px) { .in_newsL li>a{ width:40%} .in_newsL li .in_newsL_w{ width:60%} .in_newsL li{ padding-right:0} .in_newsL li:hover{ box-shadow:none} } .in_messageW{ background:url(../images/bg3.png) no-repeat left bottom, url(../images/bg4.png) no-repeat right top, url(../images/message_bg.jpg) repeat center; padding:46px 0 61px; } .in_messageW_t{ text-align:center; display:block;color:#333333;font-family: 'teko-r'; font-size:40px; line-height:40px;} .in_messageW .container>p{ line-height:24px; font-size:12px; color:#888888; overflow:hidden; max-height:48px; text-align:center; max-width:680px; margin:17px auto 0} .in_message{ max-width:1060px;margin:29px auto 0} .in_message .fot_input { float:left; width:50%; margin-bottom:30px; padding:0 15px;} .in_message .fot_input .meInput{height:50px;line-height:48px;border:1px solid #ffc7ca;padding:0 14px;display:inline;width:100%;color:#888888;font-size:12px; background:rgba(255,255,255,0.2); border-radius:0;} .in_message .fot_input .meInput:focus{} .in_message .fot_textare{ width:100%; padding:0 15px} .in_message .fot_textare .meText{height:168px; max-height:168px; max-width:100%;border:1px solid #ffc7ca;padding:16px 14px 10px;display:inline;width:100%;color:#888888;font-size:12px;background:rgba(255,255,255,0.2);border-radius:0;} .in_message .fot_textare .meText:focus{} .in_message .fot_send{ text-align:center; margin-top:38px} .in_message .btn_1{ display:inline-block; color:#fff; font-size:14px; text-transform:uppercase; line-height:44px; height:44px; padding:0 32px;background: #ffc7ca; border-radius:25px; border:none; box-shadow:none; font-weight:normal} .in_message .btn_1 i{ color:#ffffff; font-size:14px; margin-left:16px} .in_message .btn_1:hover{ background: #c8e5e1;} .in_message #meText::-webkit-input-placeholder { color:#888888; } .in_message #meText::-moz-placeholder { color:#888888; } /* firefox 19+ */ .in_message #meText:-ms-input-placeholder { color:#888888; } /* ie */ .in_message #meText.textarea:-moz-placeholder { color:#888888; } .in_message .meInput::-webkit-input-placeholder { color:#888888; } .in_message .meInput::-moz-placeholder { color:#888888; } /* firefox 19+ */ .in_message .meInput:-ms-input-placeholder { color:#888888; } /* ie */ .in_message .meInput.textarea:-moz-placeholder { color:#888888; } @media only screen and (max-width: 991px) { .in_messageW .container>p{ max-width:100%} } @media only screen and (max-width: 768px) { .in_messageW{ background: url(../images/bg3.png) no-repeat left bottom, url(../images/message_bg.jpg) repeat center;} } @media only screen and (max-width: 620px) { .in_message .fot_input{ padding:0 10px} .in_message .fot_textare{ padding:0 10px} .in_messageW_t{ font-size:34px} } @media only screen and (max-width: 375px) { .in_message .fot_input{ width:100%; padding:0} .in_message .fot_textare{ padding:0px} } /*footer*/ #footer{color:#777777; padding-top:58px; line-height:24px;font-size:13px; background:#323232 url(../images/fot_bg.jpg) no-repeat top left;} #footer ul li{ list-style:none;} #footer .modules a{ color:#848484;} #footer .modules a:hover{ color:#f3b4b7;} #footer .footer_quick{ float:left;width:16%} #footer .footer_pro{ float:left; width:20%;padding-right:3%;} #footer .footer_tags{ float:left; width:17%; padding-right:3%;} #footer .footer_con{ float:left; width:26%; padding-right:5%;} #footer .footer_email{ float:left; width:19%;} @media only screen and (max-width: 1598px) { #footer .footer_con{ padding-right:2%;} } @media only screen and (max-width:768px) { #footer .footer_quick{ float:left;width:100%} #footer .footer_pro{ float:left; width:100%;padding-right:0%;} #footer .footer_tags{ float:left; width:100%; padding-right:0%;} #footer .footer_con{ float:left; width:100%; padding-right:0%;} #footer .footer_email{ float:left; width:100%;} } #footer .footer_con ul li{ padding:7px 0; line-height:24px;} #footer .footer_pro ul li,#footer .footer_tags ul li,#footer .footer_quick ul li{ line-height:24px; padding:6px 0;} #footer .footer_pro ul li:before,#footer .footer_tags ul li:before,#footer .footer_quick ul 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;} #footer .footer_pro ul li:hover:before,#footer .footer_tags ul li:hover:before,#footer .footer_quick ul li:hover:before{ margin-left:10px; content:url(../images/fot_icon1_h.png);} #footer .footer_con ul li{ line-height:24px; padding:7px 0;} #footer .footer_con ul .li1{ background:url(../images/fot_add.png) no-repeat left 15px; padding-left:25px;} #footer .footer_con ul .li2{ background:url(../images/fot_tel.png) no-repeat left 10px; padding-left:25px;} #footer .footer_con ul .li3{ background:url(../images/fot_email.png) no-repeat left 12px; padding-left:25px;} #footer .footer_con ul .li4{ background:url(../images/fot_fax.png) no-repeat left 10px; padding-left:25px;} #footer .footer_con ul .li5{ background:url(../images/fot_whats.png) no-repeat left 10px; padding-left:25px;} *:focus {outline: none;} #footer .footer_email .p{ font-size:14px; color:#777777; line-height:24px; max-height:66px; overflow:hidden; margin-top:0;} #footer .email{ position:relative; width:100%; margin-top:34px; margin-bottom:20px;} #footer .email_main{height:38px;color:#666666;float:left; line-height:36px;font-size:12px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; border: none; background:none; border:1px solid rgba(255,255,255,0.1); padding-left:11px} #footer .email_main:focus{ border:1px solid #fff; color:#222;} #footer .email_btn{ background:url(../images/send_btn.png) no-repeat; position:absolute; right:0px; bottom:1px; width:55px; height:36px; border-left:1px solid rgba(255,255,255,0.1)} #footer .title_h4{font-size:18px; color:#ffffff;font-family:'teko-r';margin-bottom:22px; text-transform:uppercase;} .footer_sns a{ display:inline-block; width:28px; height:29px; margin:0px 8px 0 0;} .footer_sns a img{ width:28px; height:29px} .footer_bottom {padding:31px 0 50px; text-align:center; font-size:13px; color:#666666; line-height:22px;} .footer_bottom a{ color:#666666; font-size:12px !important;} .footer_cop{ float:left; text-align:left; } .footer_bottom a:hover{ color:#fff;} .footer_bottom .links a{ margin:5px; color:#666666 !important; font-size:13px;} .footer_bottom .links a:hover{ color:#fff !important;} .footer_bottom a.fot_logo{ float:right; display:inline-block} .footer_bottom a.fot_logo img{ height:auto; } .footer_bottom .copy{ font-size:13px; color:#666666;margin-top:11px} @media (max-width:1045px) { .footer_cop{ width:100%; text-align:center;} .footer_bottom a.fot_logo{ width:100%; text-align:center; margin-top:20px} .footer_sns a{ margin-right:5px} } @media (max-width: 768px) { #footer{ padding-top:35px} .title_h4{ position: relative; margin-bottom:10px !important; padding:15px 0; border-bottom: 1px solid rgba(255,255,255,0.1); padding-left:0;} .title_h4:after { display: block; content: "\f107"; font-family: "FontAwesome"; position: absolute; right:0; cursor:pointer; font-size:20px; top:13px; color:#ececec; } .title_h4.active:after { content: "\f106"; } } .page_banner{ position:relative} .page_banner img{ width:100%; height:auto; max-width:100%} .titleW{ position:absolute; left:0; top:40%; width: 100%;} .titleW .title{font-size:40px;color:#f3b4b7;display:inline-block; margin:0;text-transform:uppercase;line-height:40px; } .titleW p{ color:#666; font-size:14px; 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: 482px) { .titleW .title{ font-size:28px; line-height:28px} .titleW{ top:32%} } header.large.page_header{padding:0;background:#fff;} header.large.page_header .header{background:#fff;} header.large.page_header #logo{width:205px;height:62px;background:url(../images/logo_b.png) no-repeat center center;background-size:205px;} header.large.page_header #logo img{display:none;} header.large.page_header .hcon li,header.large.page_header .hcon li a{color:#333;} header.large.page_header .select dt>p,header.large.page_header .select dt:after{color:#888;} header.large.page_header .search i{background-color:#fe7d0b;border-radius:50%;} header.large.page_header .line{ display:none} header.large.page_header #cssmenu > ul > li > a{ color:#333} header.large.page_header #cssmenu > ul > li:hover > a, header.large.page_header #cssmenu > ul > li.active > a{ color:#f3b4b7} header.large.page_header #cssmenu > ul > li> a::after { background:#f3b4b7} header.large.page_header .top_logo2{ display:block} header.large.page_header .top_logo1{ display:none} header.large.page_header .attr-nav .search i{background-color:#f3b4b7;border-radius:50%; width: 40px; height: 40px;} header.large.page_header .top_call p,header.large.page_header .top_call a,header.large.page_heade .top_lan li a{ color:#777} header.large.page_header .attr-nav{ margin-top: 24px;} header.large.page_header{ position:relative} .page_banner img{ width:100%; height:auto; max-width:100%} .breadcrumb .title{display:block;color:#333;font-family: 'teko-r';font-size:32px;text-transform:uppercase;margin-top:0;margin-bottom:10px;line-height:36px;} .breadcrumb{border:none;padding:10px 15px 9px;background:#fafafa;width:100%;z-index:5;text-align:center;color:#444;margin:0;border-bottom:none;} .breadcrumb .bread-right>a{font-size:13px;display:inline-block; color:#444;} .breadcrumb .bread-right>a i{ margin-right:8px; font-size:13px; color:#777} .breadcrumb .bread-right h2{ display:inline-block} .breadcrumb .bread-right h2 a{display:inline-block;margin:0; ;font-size:13px; color:#444;} .breadcrumb .bread-right>i{ font-style: normal; font-size: 15px; line-height: 16px; margin: 0 8px;} .breadcrumb .bread-right a:hover{ color:#f3b4b7} .breadcrumb .bread-right span { font-size: 15px; color: #444; } .page-box{ padding:50px 0 60px; } .main_boxW{ padding-bottom: 60px} .about_detail{ line-height:26px; margin-top:0px; font-size:14px} .about_detail img{ max-width:100%} .main_boxW_t { position:relative; text-align:center; margin-bottom:35px;} .main_boxW_t span{ font-size:24px; background:#F7F8F9; display:inline-block; padding:0 15px; text-transform:uppercase; color:#555; line-height:30px; position: relative; z-index: 999;} .main_boxW_t:after{height: 1px; width:100%; content:''; display:block; background:#EBEBEB; position:absolute; top:15px} .about_web_m{ margin-top:40px} .about_web_w .about_webL{ float:left; width:50%; padding-right:15px;} .about_web_w .about_webL .about_webL_m{ margin-bottom:20px;} .about_web_w .about_webL .about_webL_m>span{ line-height:24px; color:#555; font-size:14px; display:block; } .about_web_w .about_webL .about_webL_m p{ line-height:24px; color:#999; margin-top:10px} .about_web_w .about_web_img{float:left; width:50%; padding-left:15px;} .about_web_w .about_web_img img{ max-width:100%; width:100%} @media only screen and (max-width: 768px) { .about_web_w .about_webL{ width:100%; float:none;} .about_web_w .about_web_img{ float:none; width:100%; margin-top:15px; padding-left:0} } /*message*/ .about_web .contact_l{list-style:none;padding:30px 0 40px 0;text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:40px;background-size:36%;} .about_web .contact_l li{border-right:1px solid #e5e5e5;padding:0 15px;} .about_web .contact_l .icon{position:relative;will-change:transform;transition:.33s all ease;-webkit-filter:blur(0);text-align:center;width:70px;height:70px;margin:auto;margin-bottom:20px;} .about_web .contact_l .icon::before, .about_web .contact_l .icon::after{ content:''; position:absolute; width:calc(100% - 35px); height:calc(100% - 35px); border:1px solid #e5e5e5; pointer-events:none; transition:.33s all ease; box-sizing:border-box; } .about_web .contact_l li:hover .icon::before, .about_web .contact_l li:hover .icon::after, .about_web .contact_l li:hover .icon::before, .about_web .contact_l li:hover .icon::after {width:100%;height:100%;border-color:#f3b4b7;} .about_web .contact_l .icon::before{top:0;left:0;border-width:1px 0 0 1px;} .about_web .contact_l .icon::after{bottom:0;right:0;border-width:0 1px 1px 0;} .about_web .contact_l span{display:block;width:70px;height:70px;padding:20px 0;} .about_web .contact_l .icon img{max-width:30px;height:auto;} .about_web .contact_l .title{display:block;font-size:16px;color:#333;text-transform:capitalize;margin-bottom:10px; font-family: 'poppins-semibold'} .about_web .contact_l p{margin-bottom:0;font-size:13px; color:#555} .about_web .contact_l p a{ color:#555} .about_web .contact_l p a:hover{color:#f3b4b7;} .about_web .contact_l li:last-child{border-right:none;} @media only screen and (max-width: 768px) { .about_web .contact_l{border:none;padding-bottom:0;margin-bottom:0;padding-top:0;} .about_web .contact_l li{padding:0;margin-bottom:20px;border-right:none;border-bottom:1px solid #e5e5e5;padding-bottom:20px;} .about_web .contact_l .icon{float:left;border:none;} .about_web .contact_l .text{text-align:left;padding-left:20px;float:left;width:70%;} .about_web .contact_l .title{margin-bottom:5px;font-size:16px;} } .main_more{margin-top:20px;display:inline-block;position:relative;overflow:hidden;overflow:visible; transition:background .4s, border-color .4s, color .4s;border-radius:0px;} .main_more a i{ margin-right:15px} .main_more a,.main_more input{ display: inline-block; line-height: 44px; color: #fff; font-size: 14px; text-transform: uppercase; background: #ffc7ca; padding: 0 30px; margin-top: 8px; border-radius:25px;} .main_more a:hover,.main_more:hover input{ background:#c8e5e1; color:#fff} .main_more a.main_more_see{ background:#242424; } .main_more a.main_more_see:hover{ background:#c8e5e1; } .page_title{display:block;color:#333333;text-transform:uppercase;font-size:24px;line-height:22px;margin-bottom:20px; font-family: 'teko-r'; letter-spacing:1px } .con_left{padding:0;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e5e5e5;} .message{position:relative;margin-top:0;text-align:left; background :url(../images/bg4.png) no-repeat right top, url(../images/message_bg.jpg) repeat center; padding: 46px 40px 50px;} .message p{font-size:12px;line-height:20px;color:#4e4e4e;position:relative;z-index:5;} .message ul{list-style:none;padding-top:25px;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:10px;top:10px;font-size:14px;} .message li span.ms_s: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{max-width:100%;border:1px solid #ffc7ca; background: rgba(255,255,255,0.8);display:block;width:100%;height:50px;line-height:50px;color:#808080;padding:0 15px;font-size:13px;border-radius:2px; padding-left: 40px; background-repeat: no-repeat;} .message li .meInput:focus{color:#333;} .message li .meText{border:1px solid #ffc7ca;width:100%;max-width:100%;height:100px;max-height:100px;padding:15px;line-height:20px;color:#808080;padding:15px;font-size:13px; background: rgba(255,255,255,0.8);border-radius:2px; padding-left: 40px; background-repeat: no-repeat;} .message li .meText:focus{color:#333;} .message li p{display:inline-block;font-weight:normal;font-size:14px;color:#333;text-align:left;margin-bottom:5px;text-transform:capitalize;} .message li a{color:red;} .message .main_more{margin-top:20px;} .message li span.ms_s input{background-image:url(../images/mee_t.png);background-position:10px 16px;} .message li span.ms_e input{background-image:url(../images/mee_m.png);background-position:10px 16px;} .message li span.ms_m .meText{background-image:url(../images/mee_e.png);background-position:10px 16px;} .message li input:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ .message li input::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */ .message li input::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ .message li input:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ .message li .meText:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ .message li .meText::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */ .message li .meText::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ .message li .meText:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ .map{margin-top:40px; padding-right:0; padding-top: 40px; border-top: 1px solid #e5e5e5;} .map img{max-width:100%;height:auto;} .map ifarme{max-width:100%;height:auto;width:100%;} @media only screen and (max-width: 768px) { .page_title{font-size:24px;} .con_left{padding:0;padding-top:20px;margin-top:20px;} .message{margin-top:20px;} .message li{padding:0;} .map{padding-left:0;padding-top:20px;margin-top:20px;} .message p{font-size:13px;} .message{ padding: 46px 15px 50px} } /*sitemap*/ .sitemap{width:100%;} .stp-listA>li{text-transform:capitalize;margin-bottom:10px; list-style:none; border: 1px solid #e5e5e5; 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:15px;text-transform:capitalize;display:block; } .stp-top a i{padding-left:10px;} .stp-top a:hover{color:#f3b4b7;text-decoration:none;} .stp-listB{display:block;padding:10px;background: #f7f7f7; border-top: 1px solid #e5e5e5;} .stp-listB>li{ list-style:none;width:18%;margin-right:2%;float:left;padding:8px 0;} .stp-listB li a{font-size:13px;line-height:22px;display:block;color:#4d4d4d;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} .stp-listB li a i{padding-right:5px;} .stp-listB>li>a:hover{color:#f3b4b7;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:12px} .stp-listC>li>a:hover{color:#f3b4b7;} @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%;} } /*left*/ .page_left{width:26%; padding-right:20px} .page_left .column .block>span em{ display:inline-block; background:#fff; font-size: 24px; color: #333; font-family: 'teko-r'; text-transform:uppercase; padding-right:10px; } .page_left .column .block>span{ background: url(../images/line_dot_h.png) repeat-x center center; display: block; position:relative;margin-bottom: 0px; line-height: 24px; padding: 8px 0; color: #fff;} .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:#f3b4b7;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:1px solid #eee; 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:14px; padding:10px 10px 10px ; 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;padding-left:5px; float:right; font-size:30px; line-height:22px; color:#fff; font-style:normal; padding:8px 15px; position:absolute; right:0; top:0;z-index:2; font-weight:normal} ul.mtree li.mtree-closed>b:before {content:"+";font-family:FontAwesome;padding-left:5px; float:right; font-size:20px; color:#f3b4b7;height:36px; font-style:normal; padding:2px 12px; position:absolute; right:0; top:0;z-index:2;line-height:36px;font-weight:normal} ul.mtree .mtree-level-1 li.mtree-open>b:before{ color:#f3b4b7} ul.mtree li.mtree-node > a {} ul.mtree>li:hover{} ul.mtree>li:hover>a{color:#f3b4b7;text-decoration:none;} ul.mtree>li.mtree-node{} ul.mtree>li.mtree-open{} ul.mtree>li.mtree-open>a{color:#fff;text-decoration:none; background: #ffc7ca;padding-left: 15px} 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:#f3b4b7; 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:#f3b4b7;padding:10px 10px; border-bottom:1px solid #ffc7ca} ul.mtree>li.mtree-node .mtrss-all:hover{color:#fff;} ul.mtree>li.mtree-node .mtrss-all:hover a{color:#fff;background:#ffc7ca;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:#fff;border: 1px solid #f5f5f5; border-top: none; border-bottom: none;} ul.mtree ul li{margin-bottom:1px;list-style:none} ul.mtree ul li:hoverul.mtree ul li a:hover{background:#e5e5e5;} ul.mtree ul li a:hover{} ul.mtree ul li ul{border:none;} ul.mtree ul li ul li{margin:5px 0;} ul.mtree li.mtree-node ul li a{display:block;font-size:13px;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:#f3b4b7;text-decoration:none;} ul.mtree .mtree-level-2{padding:0;border-bottom:1px solid #e5e5e5; background: #fafafa;} ul.mtree li ul li.mtree-open a{text-decoration:none;} ul.mtree li ul.mtree-level-2 li a{font-weight:normal;font-size:12px; color:#888;padding:5px 0px 5px 10px;} ul.mtree .mtree-level-2 li a:hover{text-decoration:none;color:#f3b4b7;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:30%;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:#ffc7ca} .page_left .left-pro ul li .lnews-right{float:left; padding-left:10px;width:70%;} .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:#f3b4b7;} .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:#f3b4b7; 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} .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: #ffc7ca; 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:#f3b4b7;} .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:#ffc7ca} .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:#f3b4b7;} @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; border-radius: 0;padding: 7px 10px;background: #ffc7ca;} .page_left .column .block>span em{ background:none; color:#fff; 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:28%;} .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:72%; 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; display: inline-block;} .news_list li .day i{ background:url(../images/day_icon.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:14px; color:#444; display:block; line-height:24px; overflow:hidden; max-height:24px; white-space:nowrap; text-overflow: ellipsis;font-family: 'poppins-semibold'; } .news_list li .text>a.news_list_t:hover{ color:#f3b4b7; 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:#f3b4b7; 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:#f3b4b7; font-size:14px;} .page_li a{ color:#666; margin-left:6px; font-size:13px} .page_li a:hover{ color:#f3b4b7;} .page_li{ background:#fafafa; border-left:3px solid #ffc7ca; 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:#ffc7ca; 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;font-family: 'poppins-semibold'; } .news-detail .title p{font-size:12px;color:#999;font-weight:400; display:inline-block; 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:#f3b4b7;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:#f3b4b7;} /*page-number*/ .page_num{width:100%;margin:30px auto 0 auto;text-align:center;} .page_num>span{display:inline-block;color:#fff;background:#ffc7ca;font-size:14px;text-transform:capitalize;margin-bottom:0;padding:5px 13px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; border-radius: 5px;} .page_num a{display:inline-block;color:#333;background:#EFEFEF;font-size:14px;text-transform:capitalize;padding:5px 13px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin:0 2px 5px; border-radius: 5px;} .page_num a:hover{color:#fff;text-decoration:none;background:#ffc7ca;} .page_num p{display:block;font-size:12px;margin-top:15px;} .page_num p:before{content:'[';padding-right:3px;} .page_num p:after{content:']';padding-left:3px;} .page_num p span{display:inline-block;margin:0 5px;} @media only screen and (max-width: 768px) {.page_num p{width:100%;margin-top:15px;}} @media only screen and (max-width: 400px) { .page_num li{margin:5px 0;} .page_num li>span,.page_num a{font-size:12px;} .page_num p{margin-top:10px;} } /*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:#f3b4b7;} 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:#f3b4b7; 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:#f3b4b7;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; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } ul.blog-list1 li a:hover{background:#ffc7ca;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:16px; color:#f3b4b7; font-family: 'poppins-semibold'; display:block; line-height:26px; overflow:hidden; max-height:26px;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px} .blog_list li .entry-content-top-right a:hover{ color:#f3b4b7; text-decoration:none} .blog_day{display:block; margin:0; padding-bottom:15px; } .blog_day span{ display: inline-block; color: #555; text-transform:uppercase; font-size:14px;} .blog_list li .p{ font-size:13px; color:#808080; 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:#ffc7ca; color:#fff; text-decoration:none} .blog_tag{padding:5px 12px;text-align:left;border:2px solid #f5f5f5;margin-top:15px;} .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:2px;} .blog_tag li i{padding-right:5px;color:#4d4d4d;} .blog_tag li:hover a{color:#fff;text-decoration:none;background:#ffc7ca;} .blog_tag li:hover i{color:#fff;} .blog_list li .blog_more{ display:inline-block; line-height:40px; color:#555555; font-size:14px; text-transform:uppercase; border:1px solid #555555; padding:0 39px; margin-top:30px; border-radius:25px;} .blog_list li .blog_more:hover{border-color:#f3b4b7; background:#ffc7ca; color:#fff} .entry-post-format-icon{ float: left; width: 45px; height: 45px; line-height: 45px; background-color:#f3b4b7; 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:#f3b4b7; 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:15px; padding-left: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:26px;font-size:14px;margin-bottom:20px; } .pro-text img{max-width:100%;} .page_right .pro-text{line-height:24px;font-size:13px;margin-top:0;color:#808080;} .page_right .pro-text img{max-width:100%;} .cbp-vm-switcher {width:100%;} .cbp-vm-options {text-align:right;margin-top:0;padding:0px 0px 4px;border-bottom: 2px solid #eee;} .cbp-vm-options em{float:left;display:inline-block;color:#808080;text-transform:uppercase;font-size:14px;margin-top:9px;} .cbp-vm-options p{display:inline-block; vertical-align:middle;padding-right:5px;font-size:12px;} .cbp-vm-options a {d display: inline-block; vertical-align: middle; padding: 8px; overflow: hidden; white-space: nowrap;color: #333; margin: 2px; border: 2px solid #f2f2f2;display: inline-block;} .cbp-vm-options span{display:inline-block;float:right;font-size:12px;margin-top:10px;color:#ccc;} .cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected { color: #fff;background: #ffc7ca;border: 2px solid #ffc7ca;} .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; margin-bottom:30px} /* Clear eventual floats */ .cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { content: " "; display: table; } .cbp-vm-switcher ul:after { clear: both; } .cbp-vm-switcher ul li {display: block;position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .cbp-vm-image{display: block;margin: 0 auto;position:relative;width: 100%; border: 1px solid #eeeeee;} .cbp-vm-image img{width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%;height:auto; background:#fff} .cbp-vm-image .img>a{ overflow:hidden; display:block;} .cbp-vm-image:hover{ border-color:#ffc7ca} .cbp-vm-image .img:hover>a img{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;} .cbp-vm-image .img .icon{ position:absolute; left:50%; top:40%; -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; filter:alpha(opacity=0);-moz-opacity:0;opacity:0; } .cbp-vm-image .img .icon span{display:inline-block;width:30px;height:30px;background-color:#f3b4b7;border-radius:50%;margin:0 5px;background-position:center center;background-repeat:no-repeat;} .cbp-vm-image .img .icon span.icon_l{background-image:url(../images/icon_links.png);} .cbp-vm-image .img .icon span.icon_m{background-image:url(../images/icon_more.png);} .cbp-vm-image .img:hover .icon{transform: translate(-50%, -50%) scale(1);top:50%;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .cbp-vm-switcher ul li em{font-size:14px;display:block;margin:10px 0;height:36px;color:#333333;text-transform:capitalize; word-wrap:break-word;line-height:18px;text-align:left;overflow:hidden;} .cbp-vm-switcher ul li .cbp-vm-details{color:#999;overflow:hidden;height:36px;font-size:12px;line-height:18px;text-align:center;} .cbp-vm-switcher ul li a.cbp-title:hover{ text-decoration:none;color:#f3b4b7;} .cbp-vm-view-grid .prol_more{display:none;} .cbp-vm-view-grid .pro-list-tags{display:none;} /* Common icon styles */ .cbp-vm-icon:before { font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .cbp-vm-grid:before {content: "\f00a";} .cbp-vm-list:before {content:"\f039";} .cbp-vm-add:before {content: "\f055";} /* Large grid view */ .cbp-vm-view-grid>ul {text-align: left;margin:0 -15px 30px;} .cbp-vm-view-grid ul li { width: 25%; padding:0 15px; float:left; text-align: center; display: inline-block; vertical-align: top; margin-top:30px; position:relative;transition: all .5s; } .cbp-vm-view-grid ul li .cbp-list-center{ text-align:left; background:#fff; padding:25px 0px 0;} .cbp-vm-view-grid ul li .cbp-title{ color:#333; font-size:15px; line-height:24px; height:24px; overflow:hidden; display:block; text-align:center; } .cbp-vm-view-grid ul li .cbp-vm-details{color:#999999; line-height:22px; height:44px; overflow:hidden; margin-top:6px} .cbp-vm-view-grid ul li .cbp-hover{ position:absolute; top:0; left:0; width:100%; transition: all .5s; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;} .cbp-vm-view-grid ul li .cbp-hover a{ display:block; width:100%;} .cbp-vm-view-grid ul li .cbp-hover a img{ max-width:100%; height:auto; width:100%;} .cbp-vm-view-grid ul li .cbp-list-more{display:none;} .cbp-vm-view-grid ul li .cbp-div{ background:#fff;} .cbp-vm-view-grid ul li .cbp-div:hover{ } .cbp-vm-view-grid ul li .cbp-div:hover .cbp-title{ color:#ffc7ca} .cbp-vm-view-grid ul li .cbp-div .cbp-vm-image{transition-duration: 0.6s; width:100%; transition-timing-function: ease-out; overflow:hidden; } .cbp-vm-view-grid ul li .cbp-div .cbp-vm-image 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;} .cbp-vm-view-grid ul li .cbp-div:hover .cbp-vm-image img{transform: scale(1.1);} .cbp-vm-view-grid .tags{ display:none} /* List view */ .cbp-vm-view-list li {padding:20px 0;border-bottom:1px solid #e5e5e5;white-space: nowrap;text-align:left;white-space:normal; overflow:hidden} .cbp-vm-view-list li:last-child{} .cbp-vm-view-list ul.row{margin:0;} .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: 24%;display:inline-block; vertical-align:middle;float:left; } .cbp-vm-view-list .cbp-vm-image:hover{ } .cbp-vm-view-list ul li .cbp-title{display:block; vertical-align:top;text-align:left;font-size:16px; color:#333;line-height:24px;max-height:24px;margin-top:0;margin-bottom:10px; overflow:hidden;} .cbp-vm-view-list ul li:hover .cbp-title{color:#f3b4b7;} .cbp-vm-view-list ul li .cbp-vm-details {overflow: hidden;white-space: normal;max-height:44px;line-height:22px;margin-bottom:15px; font-size:12px; height:auto; text-align:left;} .cbp-vm-view-list .pro-list-tags{width:100%;overflow:hidden;background:#f7f7f7;padding:3px 10px;border-radius:5px;} .cbp-vm-view-list .pro-list-tags p{display:inline-block;padding-right:0;text-transform:capitalize; font-size: 14px;} .cbp-vm-view-list .pro-list-tags li{padding:0;display:inline-block;margin:5px;border:none;} .cbp-vm-view-list .pro-list-tags li a:hover{color:#f3b4b7;} .cbp-vm-view-list .cbp-list-center{width:76%;display:inline-block; vertical-align:middle;padding-left:20px;} .cbp-vm-view-list .cbp-list-more{text-align:left; margin-top:20px} .cbp-vm-view-list .cbp-list-more .more1{ display: inline-block; background: #fff; color: #555; border:1px solid #555; text-transform:uppercase; font-size: 12px; border-radius:0px; line-height: 32px; padding: 0 25px; transition: all .15s ease;} .cbp-vm-view-list .cbp-list-more .more1:hover{ color:#fff;background: #ffc7ca; border-color:#ffc7ca} .cbp-vm-view-list .cbp-list-view i{ margin-left:8px; font-size:12px} @media screen and (max-width: 1024px) { .cbp-vm-view-list ul li .cbp-vm-details{height:40px;} .cbp-vm-view-list ul li .cbp-hover{ display:none} .cbp-vm-view-list .cbp-vm-image{ width:34%} .cbp-vm-view-list .cbp-list-center{ width:66%} .cbp-vm-view-grid ul li{ padding:0 10px;} .cbp-vm-view-grid>ul{ margin:0 -10p 30px} } @media screen and (max-width: 940px) {.cbp-vm-view-grid ul li {width: 50%;}} @media only screen and (max-width: 768px){ .pro-cat li{margin-bottom:10px;} .cbp-vm-options{margin-top:0;} .pro-text{ overflow:hidden; max-height:104px} } @media screen and (max-width: 620px) { .cbp-vm-view-list .cbp-vm-image{ width:40%} .cbp-vm-view-list .cbp-list-center{ width:60%} .cbp-vm-view-list .pro-list-tags{} } @media screen and (max-width: 425px) { .cbp-vm-view-list .cbp-vm-image{ width:100%} .cbp-vm-view-list .cbp-list-center{ width:100%; padding-left:0; margin-top:15px} } @media screen and (max-width: 315px) { .cbp-vm-view-grid ul li{ width:100%; } } .pro_detail .pro_detail_t{ border-bottom:1px solid #eee; margin-bottom:20px} .pro_detail .pro_detail_t span{ display:inline-block; color: #333; z-index: 99; text-transform:uppercase; font-size: 20px; border-bottom: 3px solid #b70001; padding: 14px 0 12px;} .pro_detail .page_title em:after{ background: url(../images/line_dot_h.png) repeat-x center center; height:1px; width:100px; content:''; display:block; margin-top:15px} .pro_detail .pro_detail_m { color:#555; margin-bottom:30px; line-height:24px; font-size:14px;} .pro_detail .pro_detail_m img{ max-width:100%;} .pro_table_de{ line-height:24px; overflow:hidden; max-height:72px; font-size:12px; color:#999} .products{ margin-bottom:35px} .products .pro_img{ padding-left:0} .products .pro_img>img{max-width:100%;max-height:100%;height:auto;width:100%;border:1px solid #eee;} .products .pro_img .pro_simples{margin-top:10px;} .products .pro_img .pro_simples img{max-width:76px;margin:4px 9px 0 0;border:1px solid #ebebeb;} .products .pro_img .pro_simples img:last-child{ margin-right:0} .products .pro_table{float:right; padding-right:0} .pro_table h1{font-size:16px; color:#555;display:block;text-transform:capitalize;margin:0 0 10px 0; padding:0; line-height:22px;font-family:'poppins-semibold'; } .pro_table ul{margin-top:15px; border-top:1px solid #eee; padding-top:15px} .pro_table ul li{margin:6px 0 0; font-size:13px; vertical-align:middle;text-transform:capitalize; list-style:none} .pro_table ul li p{display:inline-block;margin-right:10px;color:#555;font-size:13px; vertical-align:middle;padding-bottom:3px;} .prom_main{ margin:0px 0 40px;background: url(../images/bg3.png) no-repeat left bottom, url(../images/bg4.png) no-repeat right top, url(../images/message_bg.jpg) repeat center; padding: 46px 0 61px;} .pro_message{padding:0;padding-right:40px;margin:0; background:none} .pro_message .main_title{text-align:left;} .pro_message .main_title>em{background-position:left bottom;} .pro_message li .meInput{max-width:100%;width:100%; } .pro_message li .meText{width:100%; } .pro_message li p{color:#808080;font-size:14px;text-transform:capitalize;} .pro_message li p a{display:inline-block;margin-left:5px;} .prom_main .pro_con .text{font-size:14px;line-height:24px;} .prom_main .pro_con .text img{max-width:100%;} .prom_main .pro_con .text b,.prom_main .pro_con .text strong{} .prom_main .page_title > em{ } @media only screen and (max-width: 1200px) { .prom_main{padding:30px 0;} .pro_message{padding-right:0;} .pro_con{padding:0;padding-top:30px;} } .pro_web .page_li{ margin-top:25px} @media only screen and (max-width: 1199px){ .pro_table .more1 a{ display:block; width:100%; text-align:center} .pro_table .more1 .more1_free{ margin-left:0; margin-top:20px; background:#f2873b} .products .pro_img{ width:50%} .products .pro_table{ width:50%} } @media only screen and (max-width: 768px){ .pro_table .more1 a{ display:block; width:100%; text-align:center} .products .pro_img{ width:100%; padding:0} .products .pro_table{ padding:0; width:100%; margin-top:20px} .in_hot_pro .nbs-flexisel-nav-left{ right:7%} } .page_proW{ padding-top:20px} .in_title { text-align:center} .in_title span{ display:inline-block; font-size:34px; color:#222222; line-height:40px; text-transform:uppercase;} .slick-slider{ position: relative; display: block; text-align:center; 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; overflow:hidden} .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-track { position: relative; left: 0; top: 0; display: block; zoom: 1; z-index: 999; } .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 { display:inline-block !important; margin:24px 0px 0; height: 34px; width: 51px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; 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; display:none !important} .slick-dots .li { position: relative; display: inline-block; height: 5px; width:52px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots .li button { border: 0; background: transparent; display: block; height: 5px; width:50px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#ddd;} .slick-dots .li button:focus { outline: none;} .slick-dots .li.slick-active button{background:#f5901c;} .slick-slide{ margin-bottom:16px;} .slick-prev{ text-align:center; vertical-align: middle; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; z-index:9999} .slick-next{ text-align:center; vertical-align: middle; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;z-index:9999} .ny_proW .slider{padding-top:40px;} .ny_proW .ny_proL .ny_proL_m{ padding:0 15px;} .ny_proW .ny_proL .ny_proL_m>a{ display:block; position:relative; width:100%; overflow:hidden; background:#fff; border:1px solid #eee} .ny_proW .ny_proL .ny_proL_m>a img{ width:100%;} .ny_proW .ny_proL .ny_proL_m:hover>a{ border-color:#ffc7ca} .ny_proW .ny_proL .ny_proL_m:hover>a img{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;} .ny_proW .ny_proL .ny_proL_m .icon{ position:absolute; left:50%; top:40%; -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; filter:alpha(opacity=0);-moz-opacity:0;opacity:0; } .ny_proW .ny_proL .ny_proL_m .icon span{display:inline-block;width:30px;height:30px;background-color:#f3b4b7;border-radius:50%;margin:0 5px;background-position:center center;background-repeat:no-repeat;} .ny_proW .ny_proL .ny_proL_m .icon span.icon_l{background-image:url(../images/icon_links.png);} .ny_proW .ny_proL .ny_proL_m .icon span.icon_m{background-image:url(../images/icon_more.png);} .ny_proW .ny_proL .ny_proL_m:hover .icon{transform: translate(-50%, -50%) scale(1);top:50%;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .ny_proW .ny_proL .ny_proL_m .ny_proL_w{ text-align:center; margin-top:15px} .ny_proW .ny_proL .ny_proL_m .ny_proL_w h4 a{ display:block; overflow:hidden; font-size:15px; color:#333333; text-overflow:ellipsis; white-space:nowrap; line-height:22px;} .ny_proW .ny_proL .ny_proL_m .ny_proL_w h4 a:hover{ color:#ffc7ca} .ny_proW .ny_proL .ny_proL_m .ny_proL_w p{ font-size:12px; color:#999999; line-height:26px; height:52px; overflow:hidden; margin-top:12px} .ny_proW .ny_proL .ny_proL_m .ny_proL_w >a{ display: inline-block; line-height: 36px; color:#f3b4b7; font-size: 14px; text-transform: uppercase; border: 1px solid #ffc7ca; padding: 0 24px; margin-top: 15px;} .ny_proW .ny_proL .ny_proL_m .ny_proL_w >a:hover{ background:#ffc7ca; color:#fff} .ny_proW .slick-slider{ overflow:inherit; margin:0 -15px} .ny_proW .slick-slide{ margin-bottom:0} .ny_proW .slick-prev{width:14px;height:24px;position:absolute; left:-20px; top:45%; vertical-align: middle;filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;background:url(../images/prev.png) no-repeat center center;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } .ny_proW .slick-next{width:14px;height:24px;position:absolute; right:-20px; top:45%; vertical-align: middle;filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;background:url(../images/next.png) no-repeat center center;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } .ny_proW .slider:hover .slick-next,.ny_proW .slider:hover .slick-prev{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;} @media only screen and (max-width: 1199px) { .ny_proW .slider .slick-prev{left:-7px;top:50%;} .ny_proW .slider .slick-next{right:-7px;top:50%;} .ny_proW .slick-slider{ margin:0} } .page_quick{list-style:none; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:8px 0; text-align:center; margin :20px 0 35px} .page_quick_t{display: block;text-transform:capitalize;color:#333;font-size:14px;font-family: 'poppins-semibold';} .page_quick li{display:inline-block;margin:0 15px 0;list-style:none;} .page_quick li a{color:#666;font-size:13px;} .page_quick li a:hover{color:#fff; text-decoration:underline} .page_quickL{ border:1px solid #eee; background:#fff; padding:10px} .page_quickL .stp-listB{ border-top:none; } .page_quickL .stp-listB>li{ width:25%; margin-right:0; padding:8px 15px} .page_img{ margin:35px 0 0 15px} .page_img img{ width:100%} @media only screen and (max-width: 1024px) { .page_quickL .stp-listB>li{ width:33.33%} } @media only screen and (max-width: 625px) { .page_quickL .stp-listB>li{ width:50%} } @media only screen and (max-width: 425px) { .page_quickL .stp-listB>li{ width:100%} } /* side */ .side li,.side ul{list-style:none;} .side{position:fixed;width:50px;height:140px;right:0;top:214px;z-index:100;} .side ul li{width:50px;height:50px;float:left;position:relative; margin-top:1px} .side ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;background:#3cc4ea;opacity:1;filter:Alpha(opacity=100);color:#fff;font-size:12px ;line-height:50px;overflow:hidden;} .side ul li img{float:left;} @media only screen and (max-width: 962px) {.side{ display:none}} /*service*/ #online_qq_layer{z-index:9999999;position:fixed;right:5px;bottom:0;} #online_qq_layer a{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} #online_qq_layer a:hover{text-decoration:none;} #floatShow{ display:block; background: #ffc7ca; width:260px; float:right; height:34px; text-align:left; border:1px solid #fff; border-bottom:none } #floatShow i{font-size:14px;color:#fff;line-height:34px;float:right;padding-right:10px;} #floatShow p{color:#fff;font-size:14px;line-height:34px;display:inline-block; vertical-align:middle;padding-left:10px;text-transform:capitalize;font-family: 'poppins-semibold';} #floatHide{display:none;background: #ffc7ca url(../images/ser_1.png) no-repeat center left;width:300px;text-align:left;height:34px;text-transform:capitalize;padding-left:58px;border-bottom:none;} #floatHide p{color:#fff;font-size:14px;line-height:34px;display:inline-block; vertical-align:middle;text-transform:uppercase;font-family: 'poppins-semibold';} #floatHide i{font-size:14px;color:#fff;line-height:34px;float:right;margin-right:10px;} #onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #eee; background:#f6f6f6;} #onlineService .online_form{ padding:20px 10px;} #onlineService .online_form .btn_1{ display:inline-block; line-height:34px; height:34px; font-size:12px; color:#fff; text-transform:uppercase; border:none; width:100%; text-align:center; font-family:'poppins-semibold';background: #ffc7ca; } #onlineService .p{ margin:8px 0; color:#808080; line-height:22px; font-size:12px;} .online_form h4{ font-size:16px; color:#ff8e09 ; text-transform:uppercase;font-family:'poppins-semibold';} .online_form { padding:10px; padding-top:20px; padding-bottom:20px;} #onlineService .online_form .btn_1:hover{background: #c8e5e1; } #onlineService .online_form .input-group-addon{ background:none; border:none; border-radius:0px; padding:0px 10px;} #onlineService .online_form .input-group-addon i{ line-height:30px; font-size:13px;} #onlineService .online_form .textarea-group .input-group-addon{ vertical-align:top} #onlineService .online_form .form-control{ height:30px; border:none; background:none; border-radius:0px; line-height:30px; color:#999; font-size:12px;} #onlineService .online_form #message{ height:80px; max-height:80px; max-width:100% !important; width:100% !important} #onlineService .online_form .input-group{ border:1px solid #ddd; background:#fff; height:32px; margin-bottom:20px;} .mobile_nav{position:fixed;background: #ffc7ca; 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:#ffc7ca 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 #ffffff;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:60px; height:60px; position:fixed; right:10px; bottom:100px; z-index:9999; display:none; background:url(../images/top.png) no-repeat center;filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;} .back_top:hover{filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;} @media only screen and (max-width: 768px) {.back_top{right:0;bottom:60px;}} .table-responsive{ overflow-x:auto}