/*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: 'Tahoma';} 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: 'Tahoma'; 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: 'poppins_Medium'; src:url(../font/poppins_Medium.eot); src: url(../font/poppins_Medium.eot?#iefix) format('embedded-opentype'), url(../font/poppins_Medium.svg#poppins_Medium) format('svg'), url(../font/poppins_Medium.woff) format('woff'), url(../font/poppins_Medium.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppins-regular'; src:url(../font/poppins-regular.eot); src: url(../font/poppins-regular.eot?#iefix) format('embedded-opentype'), url(../font/poppins-regular.svg#poppins-regular) format('svg'), url(../font/poppins-regular.woff) format('woff'), url(../font/poppins-regular.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto-BoldC'; src:url(../font/Roboto-BoldC.eot); src: url(../font/Roboto-BoldC.eot?#iefix) format('embedded-opentype'), url(../font/Roboto-BoldC.svg#Roboto-BoldC) format('svg'), url(../font/Roboto-BoldC.woff) format('woff'), url(../font/Roboto-BoldC.ttf) format('truetype'); font-weight: normal; font-style: normal; } .top_headW{ background:#222222;line-height:46px; height:46px} .top_head{ position:relative} .top_logo{ float:left; } .top_logo a{ display:block} .top_logo h1{ margin:0; padding:0; line-height:inherit} .top_logo img{ max-width:156px; height:auto; width:100%} .top_call{ float:right; text-align:left; line-height:46px; height:46px;} .top_headW .top_call a{ margin-left:17px;} .top_headW .top_call p,.top_headW .top_call a{ display:inline-block;color:#a1a1a1; font-size:12px; border-left:1px solid rgba(255,255,255,0.07); padding-left:20px} .top_headW .top_call p img,.top_headW .top_call a img{ display:inline-block; margin-right:15px; vertical-align:middle} .top_headW .top_call a:hover{ text-decoration:underline; color:#3a6ea5} .top_share{ float:left; line-height:46px; } .top_share li{ list-style:none; display:inline-block; margin-right:10px; opacity:0.5} .top_share li a{ display:block; height:28px; width:28px} .top_share li a img{ width:28px; height:28px; display:inline-block; } .select{position:relative;float:right;display:inline-block;text-align:left;vertical-align:middle; margin-left:20px; border-left:1px solid rgba(255,255,255,0.07); border-right:1px solid rgba(255,255,255,0.07); padding:0 20px} .select dt{display:inline-block;cursor:pointer;position:relative;z-index:9999999;color:#a1a1a1; padding-left:30px;text-transform:capitalize;font-size:12px;font-weight:normal; vertical-align:middle;line-height:46px; height:46px; background: url(../images/lan_img.png) no-repeat left center,url(../images/lan_icon.png) no-repeat right center; width:120px;} .select dt>p{color:#a1a1a1;display:inline-block; text-transform:capitalize;font-size:12px;} .select dd{position:absolute;right:0;top:46px;display:none;z-index:9999999999;background:#f5f5f5;} .select dd ul{padding:5px;width:150px;max-height:330px;overflow:auto;list-style:none;} .select dd ul li{margin-bottom:0;} .select dd ul li a{line-height:24px;display:block;padding:6px 10px;text-align:left;color:#4e4e4e;} .select dd ul li a:hover{background:;color:#9bc942;} .select dd ul li img{max-width:21px;max-height:17px;width:100%;height:auto;vertical-align:middle;} .select dd ul li p{padding-left:5px;font-size:12px;line-height:16px;display:inline-block;text-transform:capitalize;vertical-align:middle;margin:0;} /* Top Search*/ .search_box{float:right;z-index:99999999; margin-top:7px; } .search i{width:30px; height:30px; 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:102px;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:#3a6ea5;} .top-search .form-control {box-shadow:none;border:none;border-radius:0;border:1px solid #e5e5e5;background:#fff;color: #808080;height: 48px;line-height: 48px;padding: 0 60px 0 20px;text-align: left;font-size:13px;border-radius:25px;} .top-search input.form-control:focus{color:#333;font-style:inherit;} .top-search .input-group-addon.close-search {cursor: pointer;} .top-search .input-group{ width:100%;padding:10px 40px 10px 10px;} .btn_search1 {background: url(../images/search_btn.png) no-repeat center center;top: 2px;height:44px; position: absolute;right:2px;width:44px;z-index: 3;} .header_search {position: relative;} .top-search .input-group-addon{background-color: transparent;border: none;color: #666;padding-left: 0;padding-right: 0;} .top-search .input-group-addon.close-search{cursor: pointer; float:right;position:absolute;right:0;top:0;} .attr-nav{float:right; z-index:9999999;display:inline-block; margin-left:40px} .attr-nav>a{ color:#cfcfcf; text-transform:uppercase; font-size:12px;} .attr-nav ul li{ list-style:none;} .top-search .input-group { max-width:100%; margin:0 auto;} /* Sizes for the bigger menu */ header{width: 100%;z-index: 99999; background:#fff;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;position:relative} .large_m{ padding:30px 0 23px; position:relative} header.large{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; } .fix{ display:none} @media only screen and (max-width: 1299px) { .attr-nav{ margin-left: 20px;} } @media only screen and (min-width: 993px) { 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; box-shadow: 0 0 12px rgba(0,0,0,0.2);} header.small .large_m{ padding:10px 0} header.small .top_logo img{ max-width:120px;} header.small .top-search{ top:64px} } @media only screen and (max-width: 992px) { .large_m{ padding:20px 0 0} .top-search{ top:87px} } @media only screen and (max-width: 823px) { .top_share{ display:none} .top_headW .top_call a{ display:none} } @media only screen and (max-width:375px) { .top_headW .top_call{ display:none} .top_headW .top_call p img, .top_headW .top_call a img{ margin-right:2px} } .in_title{ text-align:center;} .in_title span{ display:inline-block; color:#333333; font-size:40px; line-height:40px; text-transform:uppercase;font-family: 'Roboto-BoldC';} .in_title span em{ text-align:left; display:block; color:#333333; font-size:12px; font-family: 'poppins-regular'; width:70px; border-bottom:1px solid #dbdbdb; margin-bottom:15px; line-height:22px;} .in_title p{ color:#aaaaaa; line-height:24px; max-height:48px; overflow:hidden; font-size:12px; margin:15px auto 0; max-width:877px;} /*******features-tab********/ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; z-index: 9; } .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .in_proW .tab-content{ max-width:1388px; margin:0 auto; text-align:center} .in_proW .tab-scroll{text-align:center; margin-top:45px; margin-bottom:24px} .in_proW .nav-tabs{ border:none;} .in_proW .nav-tabs > li{ margin-top:10px;list-style: none;cursor: pointer; float:none; display: inline-block; } .in_proW .nav-tabs > li> a{ display: block; text-align:center;background: url(../images/theme-plus.png) no-repeat left 22px, url(../images/theme-plus-r.png) no-repeat right 22px;padding: 0 30px;} .in_proW .nav-tabs > li> a span{ display:inline-block; width:58px; height:50px; overflow:hidden; background-position: 0 0; background-repeat: no-repeat; transition: all .5s;} .in_proW .nav-tabs > li> a em{ display:block;color: #333333; font-size: 13px; line-height: 24px; margin-top:13px;} .in_proW .nav-tabs > li.active> a span, .in_proW .nav-tabs > li> a:hover span, .in_proW .nav-tabs > li.active> a:focus span{background-position:0 -50px;} .in_proW .nav-tabs > li.active> a em, .in_proW .nav-tabs > li> a:hover em, .in_proW .nav-tabs > li.active> a:focus em{ color:#3a6ea5; } .in_proW .owl-carousel .owl-wrapper-outer{background:transparent;} .in_proW .single-product{padding:10px 15px 7px;} .in_proW .in_proL_m{ position:relative; padding-bottom:109px; overflow:hidden; background:#fff;box-shadow:0 0px 7px rgba(0,0,0,0.04);} .in_proW .in_proL_m>a{ display:block; width:100%;} .in_proW .in_proL_m>a img{ width:100%; max-width:100%; height:auto;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_proW .in_proL_m:hover a >img{transform: scale(1.1)} .in_proW .in_proL_m .icon{display:inline-block;position:absolute;right:-20px;top:20px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index:15;width:40px;transition:all .5s;} .in_proW .in_proL_m:hover .icon{right:0px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .in_proW .in_proL_m .icon > a{display:inline-block;margin-bottom:1px;width:40px;height:35px;background-repeat:no-repeat;background-color:#f3f3f3;background-position:center center;position:relative;border-radius:18px 0 0 18px;transition:all .5s;} .in_proW .in_proL_m .icon > a:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} .in_proW .in_proL_m .icon a.link{background-image:url(../images/pro_icon1.png);} .in_proW .in_proL_m .in_proL_w{position: absolute; bottom: -22px; width: 100%; left: 0px; transition: all 0.3s ease 0s; z-index: 10; padding: 0 10px 0; background: #fff; text-align:center;} .in_proW .in_proL_m .in_proL_w .in_proL_d{ padding: 14px 10px 14px;} .in_proW .in_proL_m .in_proL_w h4 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:26px; color:#333333; font-size:14px;font-family: 'poppins-semibold';} .in_proW .in_proL_m .in_proL_w p{font-size:12px; line-height:24px; overflow:hidden; max-height:48px; color:#999999; margin-top:5px;} .in_proW .in_proL_m .in_proL_w .in_proL_more>a{font-family: 'poppins-semibold'; color:#fff; font-size:13px; letter-spacing:1px; text-transform:capitalize; display:inline-block; margin-top:5px} .in_proW .in_proL_m .in_proL_w .in_proL_more>a i{ margin-left:5px; background:url(../images/more_icon1.png) no-repeat; height:8px; width:12px; display:inline-block; vertical-align:middle} .in_proW .in_proL_m:hover .in_proL_w { bottom:10px;transition: all 0.3s ease 0 } .in_proW .in_proL_m:hover .in_proL_w .in_proL_d{ background:#3a6ea5; } .in_proW .in_proL_m:hover .in_proL_w h4 a{ color:#fff} .in_proW .in_proL_m:hover .in_proL_w p{ color:#f2f2f2} .in_proW .owl-theme .owl-controls .owl-buttons div { background: inherit; padding: 0; position: absolute; top: 44%; text-indent:-9999px; overflow:hidden; } .in_proW .owl-theme .owl-controls .owl-buttons div.owl-prev {left:-50px;background:url(../images/prev_p1.png) no-repeat center center; width:15px; height:28px;} .in_proW .owl-theme .owl-controls .owl-buttons div.owl-next {right:-50px;background:url(../images/next_p1.png) no-repeat center center;width:15px; height:28px;} .in_proW .owl-theme .owl-controls .owl-buttons div i{ display:none} .in_proW .main_more{ margin-top:50px} @media only screen and (max-width: 1600px) { .in_proW .nav-tabs > li> a{ padding:0 26px;} } @media only screen and (max-width: 1565px) { .in_proW .nav-tabs > li> a{ padding:0 16px;} .in_proW .owl-theme .owl-controls .owl-buttons div.owl-prev {left:0;} .in_proW .owl-theme .owl-controls .owl-buttons div.owl-next {right:0px;} .in_pro{ padding:0 15px} } @media only screen and (max-width: 1440px) { .in_proW .nav-tabs > li> a{ padding:0 10px;} } @media only screen and (max-width: 1265px) { .in_proW .nav-tabs > li> a{ padding:0 15px;} .in_proW .tab-scroll{ margin-top:15px} } @media only screen and (max-width: 1024px) { .in_proW .single-product{ padding:10px 10px 7px} } @media only screen and (max-width: 992px) { .in_proW{ background-image:url(../images/pro_bg.jpg); margin-top:0; padding-top:30px} } @media only screen and (max-width: 768px) { .in_proW{ padding:25px 0 35px} .in_proW .nav-tabs > li> a{ padding:0 5px; background:none} .in_proW .nav-tabs > li> a em{ margin-top:8px; font-size:12px;} .in_title span{ font-size:26px; line-height:26px} .in_title p{ overflow:hidden; max-height:24px; margin-top:8px} } @media only screen and (max-width: 465px) { .in_proW .nav-tabs > li> a{ padding:0 3px} .in_proW .nav-tabs > li> a span{ display:none;} .in_proW .nav-tabs > li> a em{ border-radius:5px; border:1px solid #eee; padding:0 8px;} .in_proW .nav-tabs > li{ margin-top:0px} } .main_more{margin-top:37px;display:inline-block;position:relative;overflow:visible;transition:background .4s, border-color .4s, color .4s;background:#3a6ea5;border-radius:25px; text-align:center;overflow:hidden;} .main_more a,.main_more input{background:none;padding:0 40px;display:inline-block;position:relative;z-index:2;color:#ffffff;font-size:13px;line-height:42px;font-family: 'poppins-semibold';text-transform:uppercase; letter-spacing:1px;transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);border-radius:25px;} .main_more:hover a,.main_more:hover input{color:#fff;text-decoration:none;} .main_more:before{ position:absolute; content:''; top:-100%; left:-100%; width:101%; height:101%; background:#3a6ea5;border-radius:25px; opacity:0; filter:alpha(opacity=0); transition:all 0.5s; } .main_more:hover:before{ opacity:1; filter:alpha(opacity=100); left:0; top:0; } .main_more i{padding-left:5px;} .in_aboutW{ background:url(../images/about_bg.jpg) no-repeat center; background-size:cover; padding:60px 0 0; position:relative; overflow:hidden} .in_aboutW:after{ position:absolute; top:0; right:0; background:url(../images/about_bg2.png) no-repeat; height:535px; content:''; display:block; width:811px;} .in_aboutW .tab-scroll{text-align:center; margin-top:45px; margin-bottom:0; padding-right:134px; position: absolute; bottom: 60px; right: 0; z-index: 999;} .in_aboutW .nav-tabs{ border:none; text-align:right} .in_aboutW .nav-tabs > li{ margin: 0 -2px;list-style: none;cursor: pointer; float:none; display: inline-block; text-align:center} .in_aboutW .in_about{ position:relative; z-index:9} .in_aboutW .nav-tabs > li> a{ display: block; text-align:center; position:relative; padding:0 45px} .in_aboutW .nav-tabs > li> a:before{ content:''; display:block; width:100%; height:1px; background:#c8c8c8; position:absolute; top:24px; left:0} .in_aboutW .nav-tabs > li> a span{ display:inline-block; width:48px; height:48px; border-radius:50%; border:1px solid #c8c8c8; background:#fff; overflow:hidden; position:relative;transition: all .5s;} .in_aboutW .nav-tabs > li> a span img{ position:absolute; bottom:0; left:0; width:46px;transition: all .5s;} .in_aboutW .nav-tabs > li> a em{ display:block;color: #555555; font-size: 14px; text-transform:uppercase;font-family: 'poppins-semibold'; line-height: 24px; margin-top:13px;} .in_aboutW .nav-tabs > li.active> a span, .in_aboutW .nav-tabs > li> a:hover span, .in_aboutW .nav-tabs > li.active> a:focus span{ background:#3a6ea5; border-color:#3a6ea5} .in_aboutW .nav-tabs > li.active> a span img, .in_aboutW .nav-tabs > li> a:hover span img, .in_aboutW .nav-tabs > li.active> a:focus span img{ bottom:-46px;} .in_aboutW .nav-tabs > li.active> a em, .in_aboutW .nav-tabs > li> a:hover em, .in_aboutW .nav-tabs > li.active> a:focus em{ color:#3a6ea5; } .in_aboutW .nav-tabs > li.active> a:before,.in_aboutW .nav-tabs > li> a:hover:before{ background:#3a6ea5} .in_aboutW .main_more{ border:1px solid #3a6ea5; background:none} .in_aboutW .main_more a{ color:#3a6ea5} .in_aboutW .main_more:hover{ border-color:#3a6ea5} .in_aboutW .main_more:hover a{ color:#fff} .in_aboutW .tab-content{ position:relative} .in_aboutW .in_about_img{ float:left; width:50%; } .in_aboutW .in_about_img .in_about_img1{ display:block; } .in_aboutW .in_about_img .in_about_img1 img{max-width:697px; height:auto} .in_aboutW .in_about_img .in_about_img2{ position:absolute; bottom:8px; left:634px; display:inline-block} .in_aboutW .in_about_img .in_about_img2 a{ display:block; width:100%; position:relative;} .in_aboutW .in_about_img .in_about_img2 a:after{ content:''; display:block; width:100%; height:100%; background:none; border:9px solid rgba(255,255,255,0.35); position:absolute; top:0; left:0; border-radius:50%; } .in_aboutW .in_about_img .in_about_img2 img{ height:332px; width:332px; border-radius:50%; display:block;} .in_aboutW .in_about_m{ float:left; width:50%; text-align:right; padding-right:134px; position:relative; z-index:9} .in_aboutW .in_about_m .in_title{ text-align:right} .in_aboutW .in_about_m .in_title span em{ text-align:right; margin:0 0 15px auto} .in_aboutW .in_about_m .in_title p{ max-height:24px} .in_aboutW .in_about_m .in_about_d>p{ color:#3a6ea5; font-size:18px; text-transform:uppercase; line-height:22px;font-family: 'poppins-semibold'; margin-top:33px;} .in_aboutW .in_about_m .in_about_d .text{ color:#555555; font-size:12px; line-height:34px; overflow:hidden; max-height:204px; margin-top:15px} @media only screen and (max-width: 1600px) { .in_aboutW .in_about_img{ width:45%} .in_aboutW .in_about_m{ width:55%; padding-right:120px} .in_aboutW .tab-scroll{ padding-right:120px} } @media only screen and (max-width: 1450px) { .in_aboutW .in_about_img{ width:50%} .in_aboutW .in_about_m{ width:50%; padding-right:60px} .in_aboutW .in_about_m .in_about_d>p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap} } @media only screen and (max-width: 1435px) { .in_aboutW .in_about_m{ padding:0 40px 0 60px} .in_aboutW .tab-scroll{ padding-right:50px; bottom: 40px;} .in_aboutW .nav-tabs > li> a{ padding:0 25px} .in_aboutW .tab-scroll{ padding-right:40px} } @media only screen and (max-width: 1310px) { .in_aboutW .in_about_m{ padding:0 20px 0 70px} .in_aboutW .in_about_img .in_about_img1 img{ max-width:550px;} .in_aboutW .in_about_img .in_about_img2 img{ width:265px; height:265px;} .in_aboutW .in_about_img .in_about_img2{ bottom:2px;left: 497px;} .in_aboutW{ padding-top:35px} .in_aboutW .in_about_m .in_about_d>p{ margin-top:15px} .in_aboutW .tab-scroll{ padding-right:20px} } @media only screen and (max-width: 1200px) { .in_aboutW .in_about_m .in_about_d>p{ display:none} .in_aboutW .in_about_m .in_about_d .text{ margin-top:8px} .in_aboutW .tab-scroll{ bottom:20px} } @media only screen and (max-width: 986px) { .in_aboutW .in_about_img .in_about_img2{ display:none} .in_aboutW .in_about_img{ width:50%} .in_aboutW .in_about_m{ width:50%;padding:0 15px 0 20px} .in_aboutW .in_about_img .in_about_img1 img{ max-width:550px; width:100%} .in_aboutW .tab-scroll{ bottom:auto; position:inherit; text-align:center; padding:0; margin-top:0} .in_aboutW .nav-tabs{ text-align:center} } @media only screen and (max-width: 716px) { .in_aboutW{ padding-bottom:35px} .in_aboutW .in_about_img{ display:none; } .in_aboutW .in_about_m{ width:100%; padding:0 15px; text-align:left} .in_aboutW .in_about_m .in_title{ text-align:left} .in_aboutW .in_about_m .in_title span em{ margin:0 auto 15px 0; text-align:left} .in_aboutW .main_more{ margin-top:20px} } .in_advanTW{ background:#fafafa; padding:46px 0 52px} .in_advanW{ background-size:cover; padding:48px 50px 40px; background-position:center; background-repeat:no-repeat; position:relative} .in_advan_l{background: rgba(255,255,255,0.95); width: 60%;float: left; box-shadow: 0px 0px 15px rgba(0,0,0,0.15); margin-top:30px} .in_advanW .in_advan_l .hot_pro{ padding:52px 65px 50px 30px; } .in_advanW .in_advan_l .hot_pro .img{ position:relative; width:42%; float:left; text-align:center; padding-right:9px;} .in_advanW .in_advan_l .hot_pro .img a{ display:block;} .in_advanW .in_advan_l .hot_pro .img a img{ width:100%; height:auto; max-width:100%} .in_advanW .in_advan_l .hot_pro .text{ float:left; width:58%; padding-left:45px; margin-top:45px} .in_advanW .in_advan_l .hot_pro .text h4 a{ font-size:24px; color:#000000; display:block; border-bottom: 1px solid #ddd; margin-bottom: 21px;padding-bottom: 24px;font-family: 'poppins-semibold'; line-height:26px;} .in_advanW .in_advan_l .hot_pro .text .p{ font-size:12px; color:#666666; line-height:30px; max-height:210px; overflow:hidden;} .in_advanW .main_more{ border:1px solid #3a6ea5; background:none; margin-top:28px} .in_advanW .main_more a{ color:#3a6ea5; padding:0 33px} .in_advanW .main_more:hover{ border-color:#3a6ea5} .in_advanW .main_more:hover a{ color:#fff} .in_advanW .in_advan_r{ width:40%;float: left;padding-left: 60px; padding-right:30px; position:relative; z-index:99} .in_advanW .in_advan_r .in_advanL li{ list-style:none; margin-bottom:22px;} .in_advanW .in_advan_r .in_advanL li>a{ float: left; display: inline-block; width: 64px; height: 64px; border: 2px solid rgba(255,255,255,0.36); border-radius: 50%; margin-top:9px} .in_advanW .in_advan_r .in_advanL li .in_advanL_w{ width:80%; float:left; padding-left:19px} .in_advanW .in_advan_r .in_advanL li .in_advanL_w h4 a{color:#ffffff; font-size:16px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-family: 'poppins-semibold';} .in_advanW .in_advan_r .in_advanL li .in_advanL_w p{color:#ffffff; font-size:12px; line-height:22px; overflow:hidden; max-height:44px; margin-top:6px;} .bottom_svg{ position:absolute; bottom:-1px; left:0; background:url(../images/bg1.png) no-repeat bottom right; background-size:100%; height:100px; width:100%} @media only screen and (max-width: 1600px) { .in_advanW .in_advan_l .hot_pro .img{ width:51%; padding-right:6px;} .in_advanW .in_advan_l .hot_pro .text{ width:49%; padding-left:18px} .in_advanW .in_advan_l .hot_pro{ padding:52px 50px 50px 30px; } .in_advan_l{ min-height:548px} } @media only screen and (max-width: 1440px) { .in_advanW .in_advan_l .hot_pro .img{ width:54%; padding-right:0px;} .in_advanW .in_advan_l .hot_pro .text{ width:45%; padding-left:12px; margin-top:25px} .in_advanW .in_advan_l .hot_pro{ padding:52px 30px 50px 20px; } .in_advanW .in_advan_r{ padding-right:0; padding-left:40px} } @media only screen and (max-width: 992px) { .bottom_svg{ display:none} .in_advanW{ padding:50px 20px} .in_advanW{ background-position:left center !important;} .in_advan_l{ width:100%; min-height:inherit; margin-top:0} .in_advanW .in_advan_r{ width:100%; background:rgba(235,82,7,0.85); padding:30px 15px 0} .in_advanW .in_advan_r .in_advanL li{ float:left; width:50%; padding-right:30px;} .in_advanW .in_advan_r .in_advanL li .in_advanL_w p{ height:44px} } @media only screen and (max-width: 792px) { .in_advanW .in_advan_r .in_advanL li .in_advanL_w{ width:74%; padding-left:10px} .search i{width: 30px; height: 30px; text-align: center; background: url(../images/search_btn.png) no-repeat center center; display: inline-block; vertical-align: middle; margin-top: 10px;} } @media only screen and (max-width: 768px) { .in_advanW .in_advan_l .hot_pro .text{ margin-top:0} .in_advanW .in_advan_l .hot_pro{ padding:38px 15px 30px 15px} .in_advanTW{ padding: 20px 0 22px;} } @media only screen and (max-width: 638px) { .in_advanW .in_advan_r .in_advanL li{ width:100%; padding-right:0} } @media only screen and (max-width: 500px) { .in_advanW .in_advan_l .hot_pro{ padding:20px; padding-top:50px;} .in_advanW .in_advan_l .hot_pro .img{ width:100%;} .in_advanW .in_advan_l .hot_pro .text{ width:100%; padding-left:0;} } .in_videoW{ margin-top:20px} .in_videoL li{ list-style:none; margin-top:30px;} .in_videoL li.in_videoL_t{ background:url(../images/video_bg.png) no-repeat center left} .in_videoL li .in_title{ text-align:left} .in_videoL li .in_title span em{ margin:0 auto 15px 0; text-align:left} .in_videoL li .in_title p{ max-height: 96px;} .in_videoL .main_more{ border:1px solid #3a6ea5; background:none; margin-top:28px} .in_videoL .main_more a{ color:#3a6ea5; padding:0 33px} .in_videoL .main_more:hover{ border-color:#3a6ea5} .in_videoL .main_more:hover a{ color:#fff} .in_videoL li .in_videoL_m a{ display:block; overflow:hidden; position:relative;} .in_videoL li .in_videoL_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_videoL li .in_videoL_m:hover a >img{transform: scale(1.1)} .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; width:46px; height:33px; background:url(../images/video_btn.png) no-repeat; } @media only screen and (max-width: 1299px) { .in_videoL{ margin:0 -10px} .in_videoL li{ padding:0 10px; margin-top:20px} .in_videoL li .in_title p{ max-height:48px} } @media only screen and (max-width: 1024px) { .in_videoL .main_more a{ line-height:36px;} .in_videoL{ margin:0 -5px} .in_videoL li{ padding:0 5px; margin-top:10px} .in_videoL .main_more{ margin-top:15px} .in_videoL .in_title span{ font-size: 32px; line-height:32px} .in_videoL li .in_title p{ margin-top:5px} } @media only screen and (max-width: 840px) { .in_videoL li .in_title p{ display:none} .in_videoL .in_title span{ font-size:26px; line-height:26px} } @media only screen and (max-width: 418px) { .in_videoL li{ width:100%} .in_videoL li .in_title{ text-align:center} .in_videoL li .in_title p{ display:block} .in_videoL li.in_videoL_t{ text-align:center; padding:15px 5px} } .in_appliW{ background:#f5f5f5 url(../images/case_bg.png) no-repeat bottom left; background-size:cover; padding:80px 0 95px; margin-top:52px; position:relative;} .bottom_svg1{position:absolute; top:-1px; left:0; background:url(../images/bg2.png) no-repeat top left; background-size:100%; height:100px; width:100%} /*******Slider********/ /* 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 -15px; padding: 0 0 54px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand;} .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; margin:0 auto;} .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } /* Dots */ .slick-dots { 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: 5px; width:52px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 5px; width:52px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#eeeeee;} .slick-dots li button:focus { outline: none;} .slick-dots li.slick-active button{background:#0db26d;} /* 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; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999; } .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px;border-radius:50%; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: #d8d8d8; display: block; height: 12px; width: 12px;border-radius:50%; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; border:none;padding:0;} .slick-dots li button:focus { outline: none;} .slick-dots li.slick-active button{background:#3a6ea5;} .slick-prev{} .slick-next{} .in_appliW .slick-prev,.in_proW .slick-next{ display:none !important} .in_appliW .slick-dots{ display:block} .in_appliW .slick-slider{ margin-top:30px} .in_appliW .li{ padding:0 15px;} .in_appliW .li .in_appliL_m{ position:relative; padding-bottom:85px; overflow:hidden;} .in_appliW .li .in_appliL_m .in_appliL_img{ position:relative;} .in_appliW .li .in_appliL_m .in_appliL_img>a{ display:block; width:100%; overflow:hidden;} .in_appliW .li .in_appliL_m .in_appliL_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_appliW .li .in_appliL_m:hover .in_appliL_img>a img{transform: scale(1.1)} .in_appliW .li .in_appliL_m .in_appliL_img .mian{ position:absolute; width:100%; padding:10px; height:100%; top:-100%; left:0;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_appliW .li .in_appliL_m:hover .in_appliL_img .mian{ top:0} .in_appliW .li .in_appliL_m .in_appliL_img .mian_box{ background:rgba(255,255,255,0.9); padding:45px 25px 0; height:100%; width:100%; text-align:center; } .in_appliW .li .in_appliL_m .in_appliL_img .mian_box>a{font-family: 'poppins-semibold'; display:block; overflow:hidden; line-height:26px; font-size:15px; color:#333333; max-height:52px;} .in_appliW .li .in_appliL_m .in_appliL_img .mian_box>a:hover{ color:#3a6ea5} .in_appliW .li .in_appliL_m .in_appliL_img .mian_box .line{ margin:6px auto 21px; display:block; width:50px; height:1px; background:#3a6ea5;} .in_appliW .li .in_appliL_m .in_appliL_img .mian_box p{color:#808080; font-size:12px; line-height:26px; overflow:hidden; max-height:78px;} .in_appliW .li .in_appliL_m .in_appliL_t{ position:absolute; bottom:0; left:0; padding:0 10px; text-align:center; z-index:9;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; width:100%;} .in_appliW .li .in_appliL_m .in_appliL_t h4{ box-shadow:0 3px 6px rgba(0,0,0,0.04); background:#fff; padding:26px 30px 26px} .in_appliW .li .in_appliL_m .in_appliL_t h4 a{font-family: 'poppins-semibold'; display:block; overflow:hidden; line-height:26px; font-size:15px; color:#333333;height:52px;} .in_appliW .li .in_appliL_m:hover .in_appliL_t{ bottom:-100%} .in_appliW .li .in_appliL_m .in_appliL_more{ display:block; width:100%; position:absolute; bottom:33px; text-align:center; opacity:0} .in_appliW .li .in_appliL_m .in_appliL_more a{ display:inline-block; color:#3a6ea5; text-transform:capitalize;font-family: 'poppins-semibold'; letter-spacing:1px; font-size:13px;} .in_appliW .li .in_appliL_m .in_appliL_more a i{ display:inline-block; margin-left:10px; background:url(../images/more_icon2.png) no-repeat; height:8px; width:12px;} .in_appliW .li .in_appliL_m:hover .in_appliL_more{ opacity:1} @media only screen and (max-width: 1299px) { .in_appliW .li .in_appliL_m .in_appliL_img .mian_box{ padding:25px 15px 0} .in_appliW .li .in_appliL_m .in_appliL_img .mian_box>a{ font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap} .in_appliW .li .in_appliL_m .in_appliL_img .mian_box .line{ margin:6px auto 10px} .in_appliW .li .in_appliL_m .in_appliL_img .mian_box p{line-height:23px; max-height:48px;} .in_appliW .li .in_appliL_m .in_appliL_t h4{ padding:15px 15px} .in_appliW .li .in_appliL_m .in_appliL_t h4 a{ font-size:14px; line-height:22px; max-height:44px;} .in_appliW .li .in_appliL_m{ padding-bottom:58px} .in_appliW .li{ padding:0 10px;} .in_appliW .slick-list{ margin:0 -10px} } @media only screen and (max-width: 992px) { .in_appliW{ padding:35px 0 } .bottom_svg1{ display:none} } @media only screen and (max-width: 768px) { .in_appliW .li .in_appliL_m .in_appliL_img .mian{ display:none} .in_appliW .li .in_appliL_m:hover .in_appliL_t{ bottom:0} } @media only screen and (max-width: 470px) { .in_appliW .slick-list{ margin-top:20px} } .in_blogW{ margin-top:30px;} .in_blogL .li{ list-style:none; margin-top:30px; padding:0 15px;} .in_blogL .li .in_blogL_m .in_blogL_img{ padding-right:40px; position:relative} .in_blogL .li .in_blogL_m .in_blogL_img>a{ display:block; width:100%; overflow:hidden} .in_blogL .li .in_blogL_m .in_blogL_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_blogL .li .in_blogL_m:hover .in_blogL_img>a img{transform: scale(1.1)} .in_blogL .li .in_blogL_m .in_blogL_img .in_blogL_date{ background:#3a6ea5; position:absolute; top:10px; left:14px; width:44px; border-radius:25px; text-align:center; padding:17px 5px 13px} .in_blogL .li .in_blogL_m .in_blogL_img .in_blogL_date span{ display:block; color:#ffffff; font-size:16px; line-height:22px; border-bottom:1px solid rgba(255,255,255,0.12); margin-bottom:8px; padding-bottom:6px;} .in_blogL .li .in_blogL_m .in_blogL_img .in_blogL_date p{ font-size:14px; color:#ffffff; line-height:22px; text-transform:capitalize;} .in_blogL .li .in_blogL_m .in_blogL_box{ padding-left:40px; margin-top:-30px; position:relative; z-index:9} .in_blogL .li .in_blogL_m .in_blogL_box .in_blogL_w{ background:#fafafa; padding:20px 20px 16px; box-shadow:0 0 5px rgba(0,0,0,0.08);} .in_blogL .li .in_blogL_m .in_blogL_box .in_blogL_w h4 a{ display:block; overflow:hidden; font-size:16px; line-height:22px; color:#333333; text-overflow:ellipsis; white-space:nowrap;} .in_blogL .li .in_blogL_m .in_blogL_box .in_blogL_w p{ font-size:12px; margin-top:8px; color:#999999; line-height:26px; height:52px; overflow:hidden} .in_blogL .li .in_blogL_m .in_blog_tegs{ margin-top:6px;} .in_blogL .li .in_blogL_m .in_blog_tegs span{ display:inline-block; color:#333333; font-size:12px;} .in_blogL .li .in_blogL_m .in_blog_tegs a{ display:inline-block; color:#3a6ea5; font-size:12px; text-decoration:underline; margin:0 8px 0 4px} .in_blogL .li .in_blogL_m .in_blog_tegs a:hover{ color:#3a6ea5} .in_blogL .li .in_blogL_m:hover .in_blogL_box .in_blogL_w h4 a{ color:#3a6ea5} @media only screen and (max-width: 1299px) { .in_blogL .li .in_blogL_m .in_blogL_img{ padding-right:0} .in_blogL .li .in_blogL_m .in_blogL_box{ padding:0 10px} } @media only screen and (max-width: 1024px) { .in_blogL .slick-list{ margin:0 -10px;} .in_blogL .li{ padding:0 10px;} } .in_messageW{ background:url(../images/message_bg.jpg) no-repeat; background-size:cover; padding-bottom:65px; position:relative; margin-top:90px} .in_messageW .in_conts{ float:left; width:40%; padding-right:40px; padding-top:135px;} .in_messageW .in_conts p,.in_messageW .in_conts a{ display:block; line-height:30px; color:#ffffff; font-size:13px; padding:2px 0 2px 50px; margin-bottom:30px} .in_messageW .in_conts p.in_conts_phone{ background:url(../images/conts_phone.png) no-repeat center left;} .in_messageW .in_conts a.in_conts_email{ background:url(../images/conts_email.png) no-repeat center left;} .in_messageW .in_conts p.in_conts_whats{ background:url(../images/conts_whats.png) no-repeat center left;} .in_messageW .in_conts p.in_conts_add{ background:url(../images/conts_add.png) no-repeat center left;} .in_messageW .in_conts p.in_conts_weixi{ background:url(../images/conts_weixi.png) no-repeat center left;} .in_messageW .left{ background:rgba(58,110,165,0.8); padding:32px 40px 46px;float:right; width:57%; box-shadow:0 3px 13px rgba(0,0,0,0.1); position:relative; z-index:99; margin-top:-20px;} .in_messageW .left .in_title{ text-align:left;} .in_messageW .left .in_title span{ color:#fff} .in_messageW .left .in_title span em{ color:#ffffff; border-color:rgba(219,219,219,0.45)} .in_messageW .left .in_title p{ color:#efefef; margin: 15px 0 0; max-width: 604px;} .in_messageW .list{list-style:none; margin:21px -10px 0} .in_messageW .list li{margin-bottom:25px; 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:#666666;max-width:100%;height:50px;line-height:50px;font-size:12px;padding:0 15px;padding-left:48px;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:100px;max-height:100px;padding:15px 15px 15px 48px;font-size:12px;color:#666666; 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/mes_t.png);background-position:18px 16px;} .in_messageW .list li span.ms_e input{background-image:url(../images/mes_e.png);background-position:18px 16px;} .in_messageW .list li span.ms_m .meText{background-image:url(../images/mes_m.png);background-position:18px 16px;} .in_messageW input:-ms-input-placeholder{color:#666666;}/* Internet Explorer 10+ */ .in_messageW input::-webkit-input-placeholder{color:#666666;}/* WebKit browsers */ .in_messageW input::-moz-placeholder{color:#666666;}/* Mozilla Firefox 4 to 18 */ .in_messageW input:-moz-placeholder{color:#666666;}/* Mozilla Firefox 19+ */ .in_messageW .meText:-ms-input-placeholder{color:#666666;}/* Internet Explorer 10+ */ .in_messageW .meText::-webkit-input-placeholder{color:#666666;}/* WebKit browsers */ .in_messageW .meText::-moz-placeholder{color:#666666;}/* Mozilla Firefox 4 to 18 */ .in_messageW .meText:-moz-placeholder{color:#666666;}/* Mozilla Firefox 19+ */ .in_messageW .main_more{margin-top:9px; background:rgba(255,255,255,0.2)} .in_messageW .main_more input{ color:#fff; line-height:40px; padding:0 27px;} @media only screen and (max-width: 1299px) { .in_messageW .in_conts{ padding-right:20px;} } @media only screen and (max-width: 1024px) { .in_messageW .in_conts{ width:43%} .in_messageW .in_conts p, .in_messageW .in_conts a{ line-height:26px; padding:4px 0 4px 50px; } .in_messageW .left{ padding:22px 20px 26px} } @media only screen and (max-width: 992px) { .in_messageW{ margin-top:60px;} .in_messageW .in_conts{ padding-top:60px} } @media only screen and (max-width: 768px) { .in_messageW{ padding-bottom:40px; margin-top:40px} .in_messageW .in_conts{ padding-top:30px; padding-right:0; width:100%} .in_messageW .left{ width:100%; margin-top:0px} .in_messageW .left .in_title p{ max-height:48px;} } @media only screen and (max-width: 425px) { .in_messageW{ display:none} } .footer{position:relative;z-index:5;background:url(../images/fot_bg.jpg) no-repeat center center;background-size:cover; padding:56px 0 40px} .footer .fot_title{position:relative;display:block;margin-bottom:9px;} .footer_m{ overflow:hidden} .footer .fot_title em{display:block;color:#ffffff;font-size:20px;text-transform:capitalize; line-height:36px; } .footer ul,.footer li{list-style:none;} .icon-minus-sign:before {content:"\f068";font-family:'FontAwesome';} .icon-plus-sign:before {content: "\f067";font-family:'FontAwesome';} .fot_title .column_icon_toggle {display: none;} .fot_con{float:left;padding-right:123px;width:36%;} .fot_con .fot_title{display:none;} .fot_con .f_logo{display:inline-block;margin-bottom:18px;} .fot_con .f_logo img{max-width:156px;height:auto;} .fot_con .f_tecxt{color:#fff;font-size:12px;line-height:34px;overflow:hidden;max-height:204px; } .fot_con .list{list-style:none;padding-top:0;} .fot_con .list li{margin-bottom:20px;color:#fff;padding-left:30px;font-size:13px;line-height:20px;} .fot_con .list li a{color:#fff;font-size:13px;} .fot_con .list li a:hover{color:#3a6ea5;} .fot_con .list li.fcon_p{background:url(../images/fot_tel.png) no-repeat left 2px;} .fot_con .list li.fcon_e{background:url(../images/fot_email.png) no-repeat left 3px;} .fot_con .list li.fcon_a{background:url(../images/fot_add.png) no-repeat left 2px;} .fot_nav{float:left;width:16%;padding-right:50px;} .fot_nav li{margin-bottom:10px;} .fot_nav li a{font-size:13px;text-transform:capitalize;color:#fff;} .fot_nav li a:hover{color:#3a6ea5;} .fot_tag{float:left;width:19%;padding-right:50px;} .fot_tag li{margin-bottom:10px;} .fot_tag li a{font-size:13px;color:#fff;} .fot_tag li a:hover{color:#3a6ea5;} .fot_sub{width:29%;float:left;} .fot_sub .fot_title > em{color:#3a6ea5;padding-left:42px;background:url(../images/newsletter_icon.png) no-repeat left center;} .fot_sub .text{color:#fff;font-size:12px;line-height:28px;} .fot_sub .letter-input{ margin-top:36px; position:relative} .fot_sub .fot_input{display:block;height:42px;line-height:42px;border:none;border-radius:0;padding:0 60px 0 0;color:#fff;font-size:12px; background:none;border-bottom:1px solid rgba(255,255,255,0.1);width:100%;max-width:100%; } .fot_sub .fot_input:focus{color:#eee;} .fot_sub input:-ms-input-placeholder{color:#fff;}/* Internet Explorer 10+ */ .fot_sub input::-webkit-input-placeholder{color:#fff;}/* WebKit browsers */ .fot_sub input::-moz-placeholder{color:#fff;}/* Mozilla Firefox 4 to 18 */ .fot_sub input:-moz-placeholder{color:#fff;}/* Mozilla Firefox 19+ */ .fot_sub .send{background:url(../images/send_btn.png) no-repeat center right; text-transform:uppercase; font-size:12px; letter-spacing:1px; color:#3a6ea5;width:30px;height:21px;position:absolute;right:0;top:11px; text-align:left} .foot_bot{padding:28px 0 0;text-align:center;margin-top:48px;border-top:1px solid rgba(255,255,255,0.05);} .copy{color:#fff;margin-top:10px;font-size:13px;} .copy span{display:inline-block;color:#676767;font-size:13px;} .copy a{color:#4b4b4b;} .copy a:hover,.copy span a:hover{color:#3a6ea5;} .fot_sub .top_share{ float:none; margin-left:0; margin-top:23px} .fot_sub .top_share li{ opacity:1} .fot-fri{list-style:none; } .fot-fri p{display:inline-block;text-transform:capitalize;color:#676767;font-size:13x;} .fot-fri li{display:inline-block;margin:0 10px; list-style:none} .fot-fri li a{color:#676767;font-size:12px;} .fot-fri li a:hover{color:#3a6ea5;} @media only screen and (max-width: 1369px) { .fot_con{padding-right:65px;} } @media only screen and (max-width: 1199px) { .fot_nav,.fot_tag{ padding-right:15px;} .fot_con{padding-right:15px;} .footer .fot_title em{ font-size:18px;} } @media only screen and (max-width: 768px) { .foot_top .f_sns{float:none;text-align:center;} .footer{padding:30px 0 0 0;margin-top:35px;} .footer .fot_tag,.footer .fot_nav,.footer .fot_con,.footer .fot_sub,.footer .fot_news{width:100%;padding:0;} .footer .fot_title em{margin-bottom:0;font-size:16px;line-height:20px;} .footer .fot_title span{display:none;} .footer .fot_title,.fot_con .fot_title{display:block;border-bottom:1px solid #232323;padding-bottom:13px;cursor:pointer;margin-bottom:13px;font-size:20px;} .footer .fot_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:5px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal;color:#808080;} .footer .toggle_content{padding-bottom:15px;padding-top:0;} .foot_bot{border:none;margin-top:0;padding:10px 0;} .foot_bot .left{float:none;text-align:center;} .f_sns{float:none;} .fot_sub .fot_title > em{padding-left:0;background:none;color:#fff;} .foot_top{padding:10px 0;} .foot_top .letter{text-align:center;} .foot_top .letter p{font-size:14px;margin-bottom:20px;} .foot_top .letter .letter-input{margin:0;width:100%;} .f_sns li{margin:5px;} } .page_banner img{ width:100%; height:auto; max-width:100%} /*n_main*/ .mbx_section{position:relative; text-align:center; background:#F5F5F5; padding-bottom: 28px;} .mbx_section .img img{ width:100%; height:auto;} .mbx_section .h4{font-family: 'Roboto-BoldC'; color:#333; font-size:30px; text-transform:capitalize; line-height:24px; padding:15px; text-align:center; margin-top:10px; margin-bottom:0} .mbx_section .mbx{font-size:13px;margin-top:0px; padding-bottom:15px; position:relative; z-index:99} .mbx_section .mbx a{color:#777; font-size:13px; border-bottom:1px solid rgba(255,255,255,0);} .mbx_section .mbx a:hover{ color:#3a6ea5; border-bottom:1px solid #3a6ea5;} .mbx_section .mbx a>i{ margin-right:4px; color:#3a6ea5;} .mbx_section .mbx>i{ font-size:13px; color:#dcdcdc; margin:0px 10px;} .mbx_section .mbx h2{ display:inline-block; color:#777; font-size: 13px;} .mbx_section .mbx h2 a{ color:#777; font-size:13px; display:inline-block;} .mbx_section .mbx>span{ color:#777; font-size:13px; display:inline-block;} @media only screen and (max-width: 962px) { .mbx_section{ padding-bottom:0} } @media only screen and (max-width: 768px) { .mbx_section .h4{ width:100%; text-align:center; font-size:24px; padding:0 0 5px} .mbx_section .mbx{ width:100%; text-align:center; margin-top:0px;} .mbx_section h4{ border-bottom:none;} .mbx_section{ padding-left:0;} .mbx_section h4{ margin-top:10px; line-height:24px;} } .page-box{ padding:50px 0 0; } .about_web {} .about_detail{ line-height:24px; margin-top:0px; font-size:14px} .about_detail img{ max-width:100%} /*left*/ .page_left{width:26%; padding-right:20px} .page_left .column .block>span{ display: block; position:relative;margin-bottom: 0px; line-height: 24px; color: #fff;border-bottom: 2px solid #f5f5f5; padding-bottom: 10px;} .page_left .left-nav.column .block>span{ background:#3a6ea5; background-size:12%; padding: 10px; border: none; margin: 0;} .page_left .column .block>span em{ display:inline-block; font-size: 24px; color: #333;font-family: 'Roboto-BoldC'; text-transform:uppercase; } .page_left .left-nav.column .block>span em{ color:#fff; font-size:22px} .page_left .column .block>span .column_icon_toggle{display:none;} .page_left .column .block>span em:before { content: ''; background: #3a6ea5; width: 40px; height: 2px; position: absolute; left: 0; bottom: -2px; display: inline-block; } .page_left .left-nav.column .block>span em:before{ 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:#3a6ea5;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: #3a6ea5; 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:#3a6ea5} ul.mtree li.mtree-node > a {} ul.mtree>li:hover{} ul.mtree>li:hover>a{color:#3a6ea5;text-decoration:none;} ul.mtree>li.mtree-node{} ul.mtree>li.mtree-open{} ul.mtree>li.mtree-open>a{color:#3a6ea5;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:#3a6ea5; 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:#3a6ea5;padding:10px 10px; border-bottom:1px solid #3a6ea5} ul.mtree>li.mtree-node .mtrss-all:hover{color:#fff;} ul.mtree>li.mtree-node .mtrss-all:hover a{color:#fff;background:#3a6ea5;color:#fff;} ul.mtree a { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } ul.mtree ul {padding:0;background:#f0f3f3; border-top: none; border-bottom: none;} ul.mtree ul li{margin-bottom:1px;list-style:none} ul.mtree ul li:hoverul.mtree ul li a:hover{background:#e5e5e5;} ul.mtree ul li a:hover{} ul.mtree ul li ul{border:none;} ul.mtree ul li ul li{margin:5px 0;} ul.mtree li.mtree-node ul li a{display:block;font-size:13px; color:#555;font-weight:normal;padding: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:#3a6ea5;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:#3a6ea5;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:15px 0 10px; list-style:none; } .page_left .left-pro ul li .img{display:inline-block;float:left;width:40%;overflow:hidden; position:relative; border:1px solid #eee;} .page_left .left-pro ul li .img>a img{max-width:100%;height:auto;width:100%;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .page_left .left-pro ul li:hover .img>a img {-webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05));} .page_left .left-pro ul li .overly{ position:absolute; left:-100%; top:0px; background:rgba(46,119,211,0.7) url(../images/cer_icon1.png) no-repeat center center; width:100%; height:100%; background-size:30px auto;} .page_left .left-pro ul li:hover .overly{ left:0px;} .page_left .left-pro ul li:hover { border-color:#3a6ea5} .page_left .left-pro ul li .lnews-right{float:left; padding-left:10px;width:60%;} .page_left .left-pro ul li .lnews-right h4>a.left-pro-t{color:#333;font-size:14px; display:block;margin-top:0px;overflow:hidden; line-height:24px; max-height:48px } .page_left .left-pro ul li .lnews-right h4>a.left-pro-t:hover,.page_left .left-pro ul li:hover .lnews-right a.left-pro-t{ color:#3a6ea5;} .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:#3a6ea5; font-size:13px; line-height:22px; display:inline-block; text-transform:uppercase; margin-top:10px; } .page_left .left-pro ul li .lnews-right a.tab-pro-more i{ margin-left:6px;} .page_left .left-pro ul li .lnews-right a.tab-pro-more:hover{ text-decoration:underline} .page_left .icon-minus-sign:before {content:"\f0d8";font-family:'FontAwesome';} .page_left .icon-plus-sign:before {content: "\f0d7";font-family:'FontAwesome';} .page_right{width:74%; padding-left:25px} .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:#3a6ea5} .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:#3a6ea5;} @media only screen and (max-width: 768px) { .left-img{ display:none} .left-blog, .left-nav{padding:0 !important; margin:0} .left-bg{display:none;} .page_left{padding:0;background:none;width:100%; } .page_right{padding:0;width:100%; margin-top:30px} .about_webW .page_left,.about_webW .page_right{ width:100%;} .page_left .column .block>span { position: relative; margin-bottom: 0; background: #fafafa; border: 1px solid #ebebeb;padding:8px 10px 7px; } .page_left .column .block>span em{ background:none; font-size:16px; } .page_left .column .block>span .column_icon_toggle{display: inline-block;position: absolute;right:10px;top:6px;font-style:normal;cursor:pointer;font-size:20px; color:#999;font-weight:normal;} .page_left .left-nav.column .block>span .column_icon_toggle{ color:#fff} .left-nav ul{padding:0;} .left-nav ul li a{font-size:16px;} .page_left .left-pro{ display:none} .page_left .column .block>span em:before{ display:none} .page-box{ padding:40px 0 0} } .pro_down{ font-size:14px; margin:0px 0 20px; background:none; padding:0; } .pro_down .down_name{ float:left;} .pro_down .down_name a{ color:#666; font-size:14px;} .pro_down .down_name a:hover{ color:#3a6ea5;} .pro_down .down_name i{ font-size:18px; color:#fff; margin-right:20px; width:46px; height:46px; text-align:center; line-height:46px; border-radius:50%; background:#3a6ea5} .pro_down .more i{ margin-left:6px;} .pro_down .more{ float:right; background:#3a6ea5; color:#fff; padding:4px 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; margin-top:6px; font-size:14px; border-radius:25px} .pro_down .more:hover{ background:#3a6ea5; color:#fff;} .download ul li{ list-style:none; border-bottom:1px solid #eee; padding:5px 0 14px; margin-bottom:10px;} .conts_web .contact_l{list-style:none;padding:0 0 40px 0;text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:40px; } .conts_web .contact_l li{border-right:1px solid #e5e5e5;padding:0 10px; width:20%} .conts_web .contact_l .icon{position:relative;width:70px;height:70px;margin-bottom:20px;text-align:center;display:inline-block;padding:4px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .conts_web .contact_l .icon:before{content:'';z-index:-1;position:absolute;left:5px;top:5px;right:5px;bottom:5px;display:block;background:#3a6ea5;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; border-radius:10px} .conts_web .contact_l li:hover .icon:before{ -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; transform: rotateY(180deg); background:#3a6ea5;border-radius:10px } .conts_web .contact_l span{display:block;border-radius:50%;width:60px;height:60px;padding:16px 0;} .conts_web .contact_l .icon img{max-width:34px;height:auto;} .conts_web .contact_l .title{display:block;font-size:20px;color:#3f4551;text-transform:capitalize;margin-bottom:10px;} .conts_web .contact_l p{margin-bottom:0;font-size:14px;line-height:22px; color:#444;word-break: break-word;} .conts_web .contact_l p a{color:#444} .conts_web .contact_l p a:hover{color:#3a6ea5;} .conts_web .contact_l li:last-child{border-right:none;} @media only screen and (max-width: 995px) { .conts_web .contact_l p{ font-size:12px;} } @media only screen and (max-width: 768px) { .conts_web .contact_l{border:none;padding-bottom:0;margin-bottom:0;padding-top:0;} .conts_web .contact_l li{padding:0;margin-bottom:10px;border-right:none;border-bottom:1px solid #e5e5e5;padding-bottom:10px; width:100%} .conts_web .contact_l .icon{float:left;width:50px;height:50px;border:none;} .conts_web .contact_l span{width:40px;height:40px;padding:9px 0;} .conts_web .contact_l .icon img{max-width:26px;} .conts_web .contact_l .text{text-align:left;padding-left:20px;float:left;width:70%;} .conts_web .contact_l .title{margin-bottom:5px;font-size:16px;} } .page_title{display:block;position:relative;margin-bottom:15px;text-align:left;border-bottom:2px solid #f5f5f5;color:#333;padding-bottom:10px;text-transform:uppercase;font-size:22px;line-height:24px;font-family: 'Roboto-BoldC';} .page_title:before{content:'';background:#3a6ea5;width:40px;height:2px;position:absolute;left:0;bottom:-2px;display:inline-block;} .con_left{padding:0;padding-top:0;} .con_left .text{font-size:14px;line-height:24px;} .con_left .text img{max-width:100%;height:auto;} .page_map{ margin-top:25px;} .page_map img{} /*sitemap*/ .sitemap{width:100%;} .stp-listA>li{text-transform:capitalize;margin-bottom:15px;list-style:none;} .stp-top{width:100%;} .stp-top a{font-size:16px;text-transform:capitalize;display:block;text-transform:capitalize;color:#333;background:#f7f7f7;padding:8px 10px;border-radius:5px;} .stp-top a:hover{text-decoration:none;color:#fff;background:#3a6ea5;} .stp-top a i{padding-left:5px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .stp-top a:hover i{padding-left:8px;} .stp-listB{display:block;padding:15px;background:#fafafa;padding:5px 15px;list-style:none;margin-top:1px;border-radius:5px;} .stp-listB>li{width:25%;padding:8px 10px;float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} .stp-listB>li>a{font-size:14px;line-height:22px;display:block;color:#4d4d4d;} .stp-listB>li>a i{padding-right:5px;} .stp-listB>li:hover>a{color:#3a6ea5;} .stp-listB li .stp-listC{width:100%;padding-top:15px;list-style:none;} .stp-listB li .stp-listC li{width:100%;margin-bottom:8px;} .stp-listB li .stp-listC li a{color:#333;font-size:13px;-webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms);} .stp-listB li .stp-listC li a i{padding-right:5px;} .stp-listB li .stp-listC li a:hover{color:#3a6ea5;padding-left:5px;} @media only screen and (max-width: 768px){ .stp-listB>li{width:50%;padding:8px 0;} } @media only screen and (max-width: 400px){ .stp-listB li{width:100%;margin-right:0;margin-bottom:2%;} } .ny_videoL{ margin:0px } .ny_videoL li{ margin:00px 0 20px; list-style:none} .ny_videoL li .in_videoL_m{ background:#fff; width:100%;transition: all .5s; padding-bottom:10px} .ny_videoL li .in_videoL_m>a.in_videoL_img{ display:block; position:relative; width:100%} .ny_videoL li .in_videoL_m>a.in_videoL_img img{ width:100%; max-width:100%; height:auto;} .ny_videoL li .in_videoL_m>a.in_videoL_img i{ display:inline-block;height:55px; width:54px; background:url(../images/video_btn.png) no-repeat; position:absolute; margin: -19px 0 0 -29px; top:50%; left:50%} .ny_videoL li .in_videoL_m>a.in_videoL_t{ color:#444; font-size:14px; line-height:20px; display:block; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:15px 0 0; text-align:center;} .ny_videoL li .in_videoL_m p{ font-size:14px; text-align:center; overflow:hidden; line-height:22px; text-overflow:ellipsis; white-space:nowrap; margin-top:15px;} .ny_videoL li .in_videoL_m:hover>a.in_videoL_t{ color:#0188cc; text-decoration:none} .ny_videoL li .in_videoL_m:hover{ box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.08); -webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08);transition: all .5s;} @media only screen and (max-width: 1024px) { .ny_videoL.row{ margin:0 -10px} .ny_videoL li{ padding:0 10px;} } @media only screen and (max-width: 768px) { .ny_videoL li{ width:50%} } @media only screen and (max-width: 375px) { .ny_videoL li{ width:100%} } /*page-number*/ .page_num{width:100%;margin:0 auto 0 auto;text-align:center;} .page_num span{display:inline-block;color:#fff;background:#3a6ea5;font-size:12px;text-transform:capitalize;margin-right:5px;padding:0 15px;overflow:hidden;vertical-align:middle;line-height:32px;border:1px solid #3a6ea5;border-radius:5px;} .page_num a{background:#fff;padding:0 15px;display:inline-block;text-transform:capitalize;font-size:12px;margin-right:5px;position: relative;z-index: 0; vertical-align:middle;line-height:32px;border:1px solid #e5e5e5;border-radius:5px;} .page_num a:hover{background:#3a6ea5;text-decoration:none;color:#fff;border:1px solid #3a6ea5;} .page_num a i{line-height:36px;} .page_num p{display:block;font-size:12px;margin-top:10px;} .page_num p:before{content:'[';padding-right:3px;} .page_num p:after{content:']';padding-left:3px;} .page_num p strong{display:inline-block;margin:0 5px;font-weight:normal;} @media only screen and (max-width: 768px) { .page_num{text-align:center;} .page_num span,.page_num a{font-size:12px;margin:5px;padding:0 10px;line-height:25px;} .page_num a i{line-height:25px;} .page_num p{width:100%;margin-top:15px;} .page_num a{background:#fff;} } /*page-turning*/ .page_turn{width:100%;text-align:left;margin-top:20px;} .page_turn li{display:block;padding:8px 5px;background:#fafafa;border-radius:25px;margin-bottom:5px;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .page_turn li p{text-align:left;display:inline-block;font-size:12px;text-transform:uppercase;margin-bottom:0;margin-right:5px;color:#3a6ea5;vertical-align:middle;} .page_turn li p i{background:#3a6ea5;text-align:center;margin-right:5px;font-size:13px;color:#fff;border-radius:50%;width:20px;height:20px;line-height:20px;} .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:#4d4d4d;} .page_turn li:hover a{color:#3a6ea5;} @media only screen and (max-width: 768px) { .page_turn li{border-radius:5px;} .page_turn li a{margin:0;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;display:inline-block;width:80%;} } .news li{position:relative;list-style:none;margin-bottom:30px;border:1px solid #e3e3e3;padding:15px 10px;border-radius:5px;} .news li .image{float:left;width:34%;display:block;overflow:hidden;-webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms);} .news li .image>a{z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;display:block;} .news li .image{position:relative;text-align:center;overflow:hidden;} .news li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);width: 100%;} .news li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05));} .news li .main{float:left;width:66%;padding-left:20px;} .news li .main h4{margin:0;} .news li .title{color:#333;display:block;font-size:17px;margin-bottom:10px;overflow:hidden;line-height:24px;max-height:48px;} .news li:hover .title{color:#3a6ea5;text-decoration:none;} .news li .text{color:#808080;font-size:13px;height:44px;line-height:22px;overflow:hidden;margin-top:10px;} .news li .date{padding-left:30px;color:#3a6ea5;text-transform:uppercase;font-size:12px;background:url(../images/icon_date.png) no-repeat left center; display:block;} .news li .more{display:inline-block;border-radius:20px;border:1px solid #3d414d;background:#fff;color:#3d414d;padding:5px 20px;text-transform:uppercase;margin-top:15px;} .news li .more i{padding-left:5px;transition:all .5s;} .news li .more:hover{background:#3a6ea5;color:#fff;text-decoration:none;border-color:#3a6ea5;} .news li .more:hover i{padding-left:8px;} @media only screen and (max-width: 768px){ .news li .title{font-size:14px;} .news li .text{height:44px;} } @media only screen and (max-width: 480px){ .news li{margin-bottom:20px;} .news li .image{width:48%;} .news li .main{width:52%;} .news li .title{font-size:14px;line-height:20px;max-height:60px;} .news li .text{display:none;} .news li .date p.date002{display:none;} .page_num{margin-top:0;} .news li .more{padding:2px 10px;} } .news_main .title{display:block;font-size:18px;line-height:24px;margin-bottom:10px;} .news_main .date{padding-left:29px;color:#3a6ea5;text-transform:uppercase;font-size:12px;background:url(../images/icon_date.png) no-repeat left center; display:block;} .news_main .text{font-size:14px;line-height:24px;margin-top:20px;border-top:1px solid #f0f0f0;padding-top:20px;border-bottom:1px solid #f0f0f0;padding-bottom:20px;} .news_main .text img{max-width:100%;height:auto;} .news_main .text a{color:#3a6ea5;} @media only screen and (max-width: 480px){ .news_main .title{font-size:16px;} .news_main .text{font-size:12px;line-height:24px;} } .lab_list{list-style:none; margin:0 -15px 25px} .lab_list li{padding:0 15px;text-align:center;margin-bottom:20px;} .lab_list li .image{position:relative;display:block;overflow:hidden;} .lab_list li .image > a{width:100%;display:block;} .lab_list li .image> a img{max-width:100%;height:auto;transition:all .5s; width:100%} .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 .main{background:#fff;padding:15px;box-shadow:0 5px 27px rgba(0,0,0,.05)} .lab_list li .title{color:#333333;font-size:18px;line-height:28px;overflow:hidden;height:28px;display:block;margin-bottom:5px;} .lab_list li:hover .title{color:#3a6ea5;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: 1024px) { .lab_list{ margin:0 -10px} .lab_list li{ padding:0 10px;} } @media only screen and (max-width: 992px) { .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{ width:50%} } @media only screen and (max-width: 480px) { .lab_list{ margin:0 -5px} .lab_list li{ padding:0 5px} .lab_list li .main{padding:10px 5px;} .lab_list li .title{font-size:16px;line-height:20px; } } @media only screen and (max-width: 300px) { .lab_list li{ width:100%} } /*blog*/ .left-blog{margin-bottom:30px;} .blog-list{list-style:none;border-bottom:1px dotted #ddd;padding-bottom:15px;margin-top:15px;} .blog-list p,.blog-cat p{display:block;margin-bottom:5px;text-transform:uppercase;font-size:17px;color:#222;} .blog-list li{display:block;position:relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;overflow:hidden;} .blog-list li a{font-size:12px;padding:3px 0;display:block;position:relative;overflow:hidden;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#555} .blog-list li:hover a{color:#3a6ea5;text-decoration:none;padding-left:10px;} .blog-list li a:before{content:"\f0da";font-family:FontAwesome;padding-right:5px;color:#3a6ea5;position:absolute;left:-10px;top:3px;-webkit-transition:all var(--transition-time,500ms); -o-transition:all var(--transition-time,500ms); transition:all var(--transition-time,500ms);} .blog-list li a:hover:before{left:0;} .blog-cat{list-style:none;border-bottom:1px dotted #ddd;padding-bottom:15px; margin-top:15px} .blog-cat li{display:inline-block;margin:5px;} .blog-cat li a{display:inline-block;border:2px solid #eee;padding:2px 10px;border-radius:25px; font-size:12px} .blog-cat li a:hover{color:#fff;background:#3a6ea5;border:2px solid #3a6ea5;text-decoration:none;} .blog_list{list-style:none;} .blog_list li{border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:20px;position:relative; } .blog_list li .date{padding-left:29px;color:#3a6ea5;text-transform:uppercase;font-size:13px; display:block;background:url(../images/icon_date.png) no-repeat left center;} .blog_list li .image{display:block;overflow:hidden;margin-bottom:20px;} .blog_list li .image img{ max-width:100%; height:auto; -webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } .blog_list li:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .blog_list li .title{font-size:16px;color:#555555;display:block;margin-bottom:10px;} .blog_list li:hover .title{color:#3a6ea5;} .blog_list li .blog_img a{ display:block; margin-bottom:10px; width:100%} .blog_list li .text{color:#999999;font-size:12px;line-height:22px;margin-top:15px; overflow:hidden; max-height:44px} .blog_list li .more{display:inline-block;border-radius:20px;border:1px solid #3d414d;background:#fff;color:#3d414d;padding:5px 20px;text-transform:uppercase;margin-top:20px;} .blog_list li .more i{padding-left:5px;transition:all .5s;} .blog_list li .more:hover{background:#3a6ea5;color:#fff;border-color:#3a6ea5;text-decoration:none;} .blog_list li .more:hover i{padding-left:8px;} .blog_list li .blog_tag li a{border:2px solid #e5e5e5;color:#808080;} .blog_list li .blog_tag li a i{color:#808080;} .blog_list li .blog_tag li:hover a{color:#fff;text-decoration:none;background:#3a6ea5;border:2px solid #3a6ea5;} .blog_list li .blog_tag li:hover i{color:#fff;} .blog_tag{text-align:left;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:#3d414d;font-size:13px;text-transform:capitalize;border:2px solid #eee;border-radius:20px;} .blog_tag li i{padding-right:5px;color:#3d414d;} .blog_tag li:hover a{color:#fff;text-decoration:none;background:#3a6ea5;border:2px solid #3a6ea5;} .blog_tag li:hover i{color:#fff;} @media only screen and (max-width: 992px) { .blog_list li .right{padding-left:65px;width:100%;} } @media only screen and (max-width: 768px) { .blog_list li{padding-top:0;} .blog_list li .date{left:0;} .blog_list{border:none;} .blog_tag>p{display:block;} .blog_list li .right{padding-left:80px;} .left-blog{margin-bottom:0;} .blog_list li .main-more{padding:6px 20px;} } @media only screen and (max-width: 480px) { .blog_list li .date{position:inherit;width:100%;} .blog_list li .date span{border-radius:0;height:auto;width:auto;padding:0 20px;border-radius:25px;} .blog_list li .date>span p{display:inline-block;padding-left:5px;} .blog_list li .right{padding:0;padding-top:10px;} } .page_right .pro_text{ padding:0 0 25px;} .cbp-vm-switcher {width:100%;margin-bottom:15px;padding-top:5px;border-top:1px solid #e5e5e5;} .cbp-vm-options {text-align:right;margin-bottom:5px;} .cbp-vm-options em{display:inline-block;float:left;font-size:24px;color:#4d4d4d;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:#3a6ea5;border:2px solid #3a6ea5;} .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;padding-top:0px; } .cbp-vm-image > a{position:absolute;right:0;top:0;display:block;z-index:5;width:100%;height: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:#3a6ea5 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:30px 0 10px 0;} /* 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 -10px;} .cbp-vm-view-grid ul li { width: 33.33%; float:left; text-align: center; display: inline-block; vertical-align: top; position:relative; padding:0 10px; margin:10px 0; } .cbp-vm-view-grid ul li>div{transition:all .5s;display:block;border:1px solid #f0f0f0;border-radius:5px;padding:10px;} .cbp-vm-view-grid ul li>div:hover{background:#fff;box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0); border-color:#3a6ea5} .cbp-vm-view-grid ul li .cbp-title{display:block;margin-bottom:10px;color:#555555;font-size:16px;line-height:20px;overflow:hidden;height:40px;} .cbp-vm-view-grid ul li:hover .cbp-title{color:#3a6ea5;} .cbp-vm-view-grid ul li .cbp-vm-details{color:#999999;font-size:12px;line-height:22px;overflow:hidden;height:44px;} .cbp-vm-view-grid ul li .cbp-list-more{display:none;} /* List view */ .cbp-vm-view-list>ul{margin:0;margin-top:20px;} .cbp-vm-view-list>ul>li {padding-bottom:20px;border-bottom:1px solid #e5e5e5;margin-bottom:20px;white-space: nowrap;text-align:left;white-space:normal;} .cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table; } .cbp-vm-view-list li:after { clear: both; } .cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title, .cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-price, .cbp-vm-view-list .cbp-vm-add { display: inline-block; vertical-align: middle; } .cbp-vm-view-list .cbp-vm-image {width: 30%;text-align:center;display:inline-block; vertical-align:middle;float:left; border:1px solid #eee; padding-top:0} .cbp-vm-view-list ul li>div .cbp-list-center{width:70%;display:inline-block;} .cbp-vm-view-list ul li .cbp-title{display:block;margin-bottom:10px;color:#555555;font-size:18px;line-height:22px;overflow:hidden;max-height:44px;} .cbp-vm-view-list ul li:hover .cbp-title{color:#3a6ea5;} .cbp-vm-view-list ul li:hover .cbp-vm-image { border-color:#3a6ea5} .cbp-vm-view-list ul li .cbp-vm-details {color:#999;font-size:12px;margin-top:0;line-height:22px;overflow:hidden;max-height:44px;padding:0;} .cbp-vm-view-list ul li .main_more{margin-top:20px;padding:4px 20px;font-size:13px; } .cbp-vm-view-list ul li .cbp-list-left .more{display:inline-block;border-radius:20px;border:1px solid #3d414d;background:#fff;color:#3d414d;padding:5px 20px;text-transform:uppercase;margin-top:10px;} .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:#3a6ea5;color:#fff;border:1px solid #3a6ea5;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:#3a6ea5;border:2px solid #3a6ea5;} .pro-list-tags li:hover i{color:#fff;} .cbp-vm-view-list .cbp-hover{display:none;} .cbp-vm-view-list .cbp-list-center{width:76%;display:inline-block; vertical-align:middle;padding:0 0 0 20px;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:#bd1e2e;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:#bd1e2e;color:#fff;} @media only screen and (max-width: 992px){ .pro_top li a{font-size:14px;} } @media only screen and (max-width: 768px){ .pro_top li a{font-size:12px;padding:6px 15px;} .pro_text{font-size:12px;line-height:20px;} .cbp-vm-switcher{border:none;padding:0;} .cbp-vm-options{background:#fafafa;} .pro-cat li{margin-bottom:10px;} .cbp-vm-options{margin-top:0;text-align:center;} .cbp-vm-options a{border-radius:0;} .cbp-vm-view-list ul li .cbp-title{font-size:16px;} .cbp-vm-view-grid ul{ margin:0 -5px} .cbp-vm-view-grid ul li{ width:50%; padding:0 5px} } @media screen and (max-width: 520px) { .cbp-vm-view-list>ul>li{width:100%;} .cbp-vm-view-list ul li .cbp-vm-details{height:40px;} .cbp-vm-view-list .prol_more{font-size:13px;padding:2px 20px 7px 20px;} .cbp-vm-view-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 .cbp-title{font-size:14px;} .cbp-vm-view-grid ul li .cbp-title{font-size:12px;margin-bottom:0;font-family:'poppins-regular';} .cbp-vm-view-list .cbp-list-view{display:none;} .cbp-vm-view-grid ul li .cbp-vm-details{display:none;} .cbp-vm-view-list ul li>div .cbp-list-center,.cbp-vm-view-list .cbp-list-center .cbp-list-left{width:100%;padding:0;} .cbp-vm-view-list .pro-list-tags p{display:block;} .cbp-vm-view-list .cbp-list-more{padding:0;} .cbp-vm-view-list .cbp-list-more .main-more{display:inline-block;margin-right:10px;} .cbp-vm-view-grid .cbp-list-center{padding:20px 0 0 0;} .cbp-vm-options em{display:block;float:none;margin-bottom:10px;} } @media screen and (max-width: 400px) { .cbp-vm-view-grid ul li .cbp-title{font-size:12px;margin-top:10px;line-height:18px;height:36px;} .cbp-list-left{padding:0;} .cbp-vm-image .image_more{display:none;} } /* CSS for the loading div */ .sp-loading { text-align: center; max-width: 100%; border: 2px solid #fafafa; padding:2px; border-radius: 0; font-size: 12px; color: #888; } .sp-loading img{max-width:100%;height:auto;} /* Element wrapper */ .sp-wrap { display: none; line-height: 0; font-size: 0; border-radius: 3px; position: relative; /************** Set max-width to your thumbnail width ***************/ text-align:center; max-width: 100%; width:100%; } /* Thumbnails */ .sp-thumbs { text-align: left; display: block; background:#f7f7f7; padding:10px 0; border-top: 1px solid #fff; } .sp-thumbs a{position:relative;border:1px solid #f7f7f7;} .sp-thumbs a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .sp-thumbs a:hover:before{filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;} .sp-thumbs img { min-height: 56px; min-width: 56px; max-width: 56px; } .sp-thumbs a:link, .sp-thumbs a:visited { width: 70px; height: 70px; overflow: hidden; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; display: inline-block; background-size: cover; background-position: center; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; margin:0 3px; } .sp-thumbs a:hover { opacity: 1; border:1px solid #3a6ea5; } /* Styles for the currently selected thumbnail */ .sp-thumbs a:active, .sp-current { opacity: 1!important; position: relative; border:1px solid #3a6ea5 !important; } .sp-thumbs a.sp-current:after{transform:scaleX(1);visibility:visible;} /* Image currently being viewed */ .sp-large { position: relative; overflow: hidden; top: 0; left: 0; width:100%; } .sp-large a img { max-width: 100%; height: auto; width:100%; } .sp-large a { display: block; } /* Panning Zoomed Image */ .sp-zoom { position: absolute; left: -50%; top: -50%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; display: none; } /* Lightbox */ .sp-lightbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .9); z-index: 9999999; display: none; cursor: pointer; } .sp-lightbox img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 90%; max-height: 90%; border: 2px solid #fff; } #sp-prev, #sp-next { position: absolute; top: 50%; margin-top: -25px; z-index: 501; color: #fff; padding: 14px; text-decoration: none; background: #000; border-radius: 25px; border: 2px solid #fff; width: 50px; height: 50px; box-sizing: border-box; transition: .2s; } #sp-prev { left: 14%; } #sp-prev:before { content: ''; border: 7px solid transparent; border-right: 15px solid #fff; position: absolute; top: 16px; left: 7px; } #sp-next { right: 14%; } #sp-next:before { content: ''; border: 7px solid transparent; border-left: 15px solid white; position: absolute; top: 16px; left: 18px; } #sp-prev:hover, #sp-next:hover { background: #444; } /* Tweak styles for small viewports */ @media screen and (max-width: 768px) { #sp-prev {left:10px;} #sp-next {right:10px;} } @media screen and (max-width: 400px) { .sp-wrap { margin: 0 0 15px 0; } #sp-prev, #sp-next { top: auto; margin-top: 0; bottom: 25px; } } .sp-current-big img{ width:100%;} .sp-large img{ max-width:none;} .pro_web{ margin-top:30px} .products .pro_img{padding:0;text-align:center;padding-bottom:0;border:1px solid #f7f7f7;} .products .pro-right{padding-left:30px;} .products .pro-right>h1{padding:0;margin:0;display:block;font-size:18px;text-transform:capitalize;color:#333;margin-bottom:8px;line-height:24px;} .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:#3a6ea5;} .message{position:relative;margin-top:0;text-align:left;padding-left:0;} .message p{font-size:12px;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/mes_t.png);background-position:10px 15px;} .message li span.ms_e input{background-image:url(../images/mes_e.png);background-position:10px 15px;} .message li span.ms_m .meText{background-image:url(../images/mes_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:12px;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:12px;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+ */ .prom_main{background:#f7f7f7;padding:60px 0;} .pro_message{margin-top:10px;padding:30px;position:relative;overflow:hidden;box-shadow:0 5px 27px rgba(0,0,0,.05);background:#fff;} .pro_message .page_title{padding-left: 40px;position: relative;} .pro_message .page_title:after{content:'';background:url(../images/icon_contact_p.png) no-repeat left center;display:inline-block;width:24px;height:24px;position:absolute;left:0;top:3px;} .pro_message .main_more input{ line-height:40px} .send_box.pro_message ul li .meInput{max-width:100%;width:100%;height:46px;line-height:46px;} .send_box.pro_message ul li .meText{width:100%;height:90px;max-height:90px;} .send_box.pro_message ul li span.ms_e input,.send_box.pro_message ul li span.ms_p input{background-position:10px 15px;} .send_box.pro_message ul li p{color:#808080;font-size:12px;text-transform:capitalize;background:#fff;padding:10px;width:100%;border-radius:10px;margin:0;} .pro_message li p a{display:inline-block;margin-left:5px;} .pro_message li.mes_sub p{background:#fafafa;display:block;padding:8px 15px;border-radius:0;border:1px solid #e5e5e5;} .pro_message li.mes_sub p:before{content:"\f0ca";font-family:'FontAwesome';padding-right:10px;} .prom_main .pro_con .text{font-size:12px;line-height:24px;} .prom_main .pro_con .text img{max-width:100%;} .prom_main .pro_con .text b,.prom_main .pro_con .text strong{ } @media only screen and (max-width: 992px) { .sp-thumbs a:link, .sp-thumbs a:visited{width:50px;height:50px;} .products .pro_img{width:100%;padding:0;} .products .pro-right{width:100%;padding:0;padding-top:20px;} .send_box.pro_message{display:block;padding:20px 0;margin-bottom:10px;border-bottom:1px solid #fc7f46;} } @media only screen and (max-width: 768px) { .pro-right{padding:0;margin-top:0;margin-bottom:20px;} .sp-thumbs{text-align:left;} .pro-table{margin-top:20px;} .products .pro_inquiry .message{padding:0;} .mostBox{margin-top:0;} .mostBox .tab-scroll{margin-left:0;padding-bottom:0;} .products .pro-list-tags p{display:block;} .pro_message{margin:0;margin-top:20px;padding: 15px 15px 20px;} .pro_message li .meInput,.pro_message li .meText{width:100%;} .pro_message .main_title{text-align:center;} .pro_message .main_title>em{background-position:center bottom;} .mostBox .title,.message .main_title .title{font-size:20px; } .mostBox .text{font-size:14px;} .prom_main{padding:40px 0;} .prom_main .pro_con{display:none;} .products > .title{margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;} .products > .title h1{font-size:24px;line-height:28px;max-width:70%;margin-left:5px; vertical-align:top;} .pro_message form{max-width:100%;} } @media only screen and (max-width: 480px) { .products .pro-right{margin-bottom:0;} .products .pro-right .main_more{display:block;text-align:center;margin-bottom:20px;} .products .pro-right .main-more.pro-down{margin-left:0;} } .page_proW{ padding:20px 0 0} .page_pro{padding:10px 0 0px;} .page_pro .main_title{margin-bottom:20px;} .page_pro .slick-list{ padding-bottom:10px; margin:0 -10px} .page_pro .slick-dots{ display:none !important} .page_pro .slider{padding-top:0;position:relative;} .page_pro .slider .li{padding:6px 10px 0px;} .page_pro .slider .li .box{box-shadow:0 0 10px 1px rgba(0,0,0,0.05);border-radius:5px;background:#fff;padding:8px;transition:all .5s;text-align:center;} .page_pro .slider .li:hover .box{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} .page_pro .slider .li .image{position:relative;display:block;overflow:hidden;} .page_pro .slider .li .image img{max-width:100%;height:auto;transition:all .5s;width:100%;} .page_pro .slider .li:hover img{-webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05));} .page_pro .slider .li .main{padding-top:35px;padding-bottom:10px;} .page_pro .slider .li .title{display:block;margin-bottom:8px; margin-top:10px;font-size:14px;line-height:20px;overflow:hidden;height:40px; } .page_pro .slider .li:hover .title{color:#3a6ea5;} .page_pro .slider .li .text{color:#999999;font-size:12px;line-height:22px;overflow:hidden;height:44px;} .page_pro .slick-prev{width:27px;height:14px;display:inline-block;right:30px;top:-38px;bottom:auto;background:url(../images/prev_p.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:0;top:-38px;bottom:auto;background:url(../images/next_p.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} /*service*/ .online_section{position:fixed;z-index:99999;top:200px;right:-220px;transition:all .3s ease;} .online_section ul li{ list-style:none;width:260px;height:40px;color:#fff; padding-left:40px; margin-bottom:3px;border-radius:5px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:12px;} .online_section ul li a{ line-height:40px; font-size:12px; color:#fff;} .online_section .online_tel{background:#FBB03B url(../images/online_t.png) no-repeat;} .online_section .online_email{background:#00AFF0 url(../images/online_e.png) no-repeat;} .online_section .online_whatsapp{background:#2CBDA5 url(../images/online_w.png) no-repeat;} .online_section .online_skype{background:#09BB07 url(../images/online_wi.png) no-repeat;} .online_section .online_coad{background:#ef7600 url(../images/online_c.png) no-repeat; padding:0px;} .online_section .online_coad p{ padding-left:50px; font-size:14px;} .online_coad .img{ max-width:150px; padding:10px 30px; margin:0 auto; padding-top:0px;} @media only screen and (max-width: 992px) {.online_section{display:none;}} #online_qq_layer{z-index:9999999;position:fixed;right:30px;bottom:0; } #floatShow{display:block;} #floatHide{display:none;} #online_qq_tab{position:relative;z-index:9;} #online_qq_tab #floatShow{ overflow:hidden; background:url(../images/online.png) no-repeat center center; height:50px; width:146px; float:right; line-height:40px; -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:#3a6ea5;text-transform:capitalize; width:100%; height:45px;font-size:16px; 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 #3a6ea5;border-top:none;} #online_qq_layer .inquiry .main_more{margin-top:10px;} #online_qq_layer .inquiry .main_more input{padding:0 35px; line-height:36px; } #onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:12px;} .i_message_inquiry { padding:20px 10px 20px 10px;} .i_message_inquiry .inquiry .form-control{ border:none; background:none; border-radius:0px; line-height:40px;height:40px; color:#999; font-size:12px;width:100%;border:1px solid #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_t.png);background-position:8px 8px;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_e input{background-image:url(../images/mes_e.png);background-position:8px 8px;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_m .form-control{height:80px;padding-top:10px;line-height:20px;background-image:url(../images/mes_m.png);background-position:8px 8px;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: #3a6ea5; 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:#3a6ea5 url(../images/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:15px;margin-left:-25px;border:2px solid #e5e5e5;border-radius:50%;text-indent:-999999px;z-index:9999999999;} #online_qq_tab #floatShow i{display:none;} #online_qq_tab #floatHide{ width:100%; width:100%; height:36px;box-shadow:0 0 10px 1px rgba(255,255,255,0.3);} #online_qq_tab #floatShow span{ display:none;} .mobile_nav{display:block;} body{padding-bottom:60px;} #onlineService .i_message_inquiry .main-more input{padding:8px 20px;} .side{ display:none} } @media only screen and (max-width: 375px) { .mobile_nav a p{display:none;} #online_qq_tab #floatShow{width:42px;height:42px;background-size:42px;bottom:10px;} body{padding-bottom:50px;} } /*back-top*/ .back_top{width:60px; height:60px; position:fixed; right:10px; bottom:100px; z-index:9999; display:none; background:url(../images/top.png) no-repeat center;filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;} .back_top:hover{filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;} @media only screen and (max-width: 768px) {.back_top{right:0;bottom:60px;}} .table-responsive{ overflow-x:auto}