/* Tyche Properties - Single Property HTML5 Template */
/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);*/
@import url('font-awesome.css');
@import url('font-google.css');
@import url('../fonts/font/flaticon.css');
/***
====================================================================
Reset
====================================================================
***/
* { margin: 0px; padding: 0px; border: none;outline: none;}
body { font-family: 'Open sans', sans-serif; font-size: 15px; color: #4d4d4d; line-height: 1.8em; font-weight: 400; background: #ffffff; background-size: cover; background-repeat: no-repeat;background-position: center top;-webkit-font-smoothing: antialiased;}
a { text-decoration: none;cursor: pointer; color: #000;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
h1,h2,h3,h4,h5,h6 { position: relative;font-family: 'Open sans', sans-serif; font-weight: normal; margin: 0px;background: none;line-height: 1.6em;}
input,button,select,textarea { font-family: 'Montserrat', sans-serif;}
p { position: relative; font-size: 14px; line-height: 1.7em;}
[class*='fa-']:before { font-weight: 400; font-family: "FontAwesome";}
[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after { margin-left: 0;}
.auto-container { position: static; max-width:100%; margin: 0 auto;}
.page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px;}
ul,li {list-style: none; padding: 0px; margin: 0px;}
.theme-btn { display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-family: 'Roboto', sans-serif;}
.theme-btn .fa { font-size: 16px;}
.preloader { position: fixed; left: 0px; top: 0px;width: 100%; height: 100%; z-index: 999999; background-color: #43b1e8;}
::-webkit-input-placeholder { color:#888; }
::-moz-placeholder { color:#888; }
:-ms-input-placeholder { color:#888; }
input:-moz-placeholder { color:#888; }
.btn-style-one { position: relative; padding: 12px 40px; line-height: 24px; text-transform: capitalize; background: #43B1E8; color: #ffffff; font-size: 17px; text-transform: uppercase; font-weight: 600;border-radius: 15px; transition: .5s ease; float:right;}
* + .row { margin-top: 26px;}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header { position: relative;left: 0px; top: 0px; z-index: 999;width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
.sticky-header { position: fixed; opacity: 0; visibility: hidden; left: 0px; top: 0px; width: 100%; padding: 0px 0px; background: #ffffff; z-index: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
.sticky-header .logo { padding: 5px 0px 2px; }
.sticky-header.now-visible {z-index: 9999; opacity: 1; visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.sticky-header .auto-container{ padding:0px 30px 0 20px}
.sticky-header .btn-outer{ right:10px ;position: absolute;top: 20px;}
.main-header .header-top { position: relative; background: #000000; color: #cccccc; }
.main-header .header-top .auto-container{ padding:0px 70px}
.main-header .header-top .top-right { position: relative; float: right; }
.main-header .header-top .info { position: relative; float: left; padding: 3px 0px; }
.main-header .header-top .info li { position: relative; float: left;}
.main-header .header-top .info li + li{ margin-left: 20px;}
.main-header .header-top .info li .icon:before { position: relative; top:2px; font-size: 15px; padding-right: 5px; }
.main-header .header-top .info li .branch{margin-left: 20px;background: #ffffff; color: #848484; font-size:12px;height: 20px;}
.main-header .header-top .info li a { color: #cccccc; display: block; font-size: 12px; margin-left:20px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.main-header .header-top .info li a:hover { color: #FFFFFF; }
.main-header .header-top .social-links { position: relative; font-size: 13px; text-transform: uppercase;}
.main-header .header-top .social-links a { position: relative; display: inline-block; margin: 3px 4px; font-size: 15px; color: #cccccc; transition: .5s ease; width: 25px; line-height: 25px; text-align: center; }
.main-header .header-top .social-links a:hover { border: 1px solid #FFFFFF; border-radius: 50%; color: #FFFFFF; transition: .5s ease; }
.main-header .header-top a:hover { color: #ffffff; }
.main-header .header-upper { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);position: relative; padding: 20px 0 0px; background: #ffffff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; z-index: 5; }
.transparent-bg.header-upper { background: none; }
.main-header .header-upper .auto-container{max-width: 1400px;}
.main-header .header-upper .logo{ position:relative; bottom:00px;}
.main-header .header-upper .upper-right { position: relative; padding: 0px 0px; }
.main-header .info-box { position: relative; float: left; min-height: 40px; margin: 20px 0px 10px 40px; padding-left: 35px; }
.main-header .info-box .icon-box { position: absolute; left: 0px; top: 0px; width: 30px; height: 40px; line-height: 40px; color: #43b1e8; font-size: 24px; }
.main-header .info-box .text { position: relative; line-height: 20px; font-size: 13px; color: #253d4a; }
.main-header .info-box li a { color: #253d4a; }
.main-header .header-lower { position: relative; left: 0px; top: 0px; width: 100%; background: none; z-index: 5; }
.main-header .header-lower .bg-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none; overflow: hidden; }
.main-header .header-lower .bg-layer:before { content: ''; position: absolute; left: 50%; top: 0px; width: 50%; height: 100%; background: #43b1e8; }
.main-header .nav-outer { position: relative; padding-right: 24px; background: none; margin-top: 5px;}
.main-menu .navigation { position: relative; margin: 0px; font-family: 'Montserrat', sans-serif; }
.main-menu .navigation > li { position: relative; float: left; padding: 0px; }
.sticky-header .main-menu .navigation > li { margin-right: 0px !important; margin-left: 0px !important; }
.main-menu .navigation > li > a { position: relative; display: block; padding:10px 20px 30px 20px;font-size: 18px; color: #000000; line-height: 25px; margin-right: 1px; border-top: none; font-weight: 400; text-transform: capitalize; opacity: 1; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.sticky-header .main-menu .navigation > li > a { padding: 10px 20px !important; }
.main-menu .navigation > li.dropdown > a { padding-right: 30px; }
.header-style-one .main-menu .navigation > li.dropdown > a{ padding-right: 15px; }
.sticky-header .main-menu .navigation > li > a { color: #000000; padding: 15px 25px 15px 10px; font-size: 14px; }
.header-style-one .sticky-header .main-menu .navigation > li > a{ padding: 15px 25px 15px 10px; line-height: 25px; }
.header-style-one .main-menu .navigation > li.dropdown > a:before{ right: 0px; line-height: 24px; }
.header-style-one .sticky-header .main-menu .navigation > li.dropdown > a:before{ right: 10px; line-height: 32px; }
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a { opacity: 1; }
.header-style-one .main-menu .navigation > li:hover > a, .header-style-one .main-menu .navigation > li.current > a, .header-style-one .main-menu .navigation > li.current-menu-item > a {color: #0070d9; opacity: 1;}
.sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li.current-menu-item > a { color: #43b1e8 !important; opacity: 1; }
.main-menu .navigation > li:hover > a:after { opacity: 1; }
.main-menu .navigation > li > ul { position: absolute; left: 0px; top: 120%; width: 200px; padding: 0px; z-index: 100; display: none; background: #ffffff; border-top: 2.5px solid #0070d9; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation > li > ul.from-right { left: auto; right: 0px; }
.main-menu .navigation > li > ul.from-right:before { right: 0px; text-align: right; padding-left: 0px; padding-right: 25px; }
.main-menu .navigation > li > ul > li { position: relative; width: 100%; border-bottom: 1px solid #d0d0d0; background: #F7F8FA; }
.main-menu .navigation > li > ul > li:last-child { border-bottom: 1px solid #d0d0d0; }
.main-menu .navigation > li > ul > li > a { position: relative; display: block; padding: 8px 15px; line-height: 24px; font-weight: 500; font-size: 13px; text-transform: capitalize; color: #000; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation > li > ul > li:hover > a { color: #ffffff; background:#0070d9; }
.main-menu .navigation > li > ul > li.dropdown > a:after { font-family: 'FontAwesome'; content: "\f105"; position: absolute; right: 10px; top: 10px; width: 10px; height: 20px; display: block; color: #253d4a; line-height: 20px; font-size: 16px; font-weight: normal; text-align: center; z-index: 5; }
.main-menu .navigation > li > ul > li.dropdown:hover > a:after { color: #43b1e8; }
.main-menu .navigation > li > ul > li > ul { position: absolute; left: 110%; top: 0px; width: 200px; padding: 0px; z-index: 100; display: none; background: #ffffff; border-top: 3px solid #0070d9; }
.main-menu .navigation > li > ul > li > ul > li { position: relative; width: 100%; border-bottom: 1px solid #F7F8FA; background: #ffffff; }
.main-menu .navigation > li > ul > li > ul > li:last-child { border-bottom: none; }
.main-menu .navigation > li > ul > li > ul > li > a { position: relative; display: block; padding: 8px 15px; line-height: 24px; font-weight: 500; font-size: 13px; text-transform: capitalize; color: #253d4a; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation > li > ul > li > ul > li > a:hover { color: #fff; }
.main-menu .navigation > li.dropdown:hover > ul { visibility: visible; opacity: 1; top: 100%; }
.main-menu .navigation li > ul > li.dropdown:hover > ul { visibility: visible; opacity: 1; left: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 34px; height: 30px; border: 1px solid #ffffff; background: url(../images/icons/submenu-icon.png) center center no-repeat; background-size: 20px; cursor: pointer; z-index: 5; display: none; }
.main-header .btn-outer .visit-btn { color: #0070d9; font-size: 18px; font-weight: 700; line-height: 22px; padding: 5px 0; text-decoration: none; }
.main-header.header-style-one .btn-outer .visit-btn{ line-height: 20px; padding: 10px 0px; }
.main-header .btn-outer .visit-btn:hover { opacity: 0.80; }
.main-header .get-btn:hover { background: #43b1e8; }
.main-header .get-btn .appt-btn:hover { color: #ffffff; }
.social-links-one { position: relative; }
.main-header .social-links-one { top: 7px; }
.social-links-one a { position: relative; display: inline-block; text-align: center; margin-left: 4px; width: 40px; height: 40px; line-height: 40px; font-size: 14px; color: #928d8d; border-radius: 50%; background: #f4f4f4; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.social-links-one a:hover { background: #43b1e8; color: #ffffff; }
.cf { zoom: 1; width:310px;padding: 8px 15px 8px 15px;background: #F7F8FA; position: absolute; right:0; display:none;top: 65px;border: 1px solid #F7F8FA;}
.cf input { width: 250px; margin: 0px 2px 0 2px; float: left; border: 0; background: #FFF;color:#000;border: 1px #D0E2E8 solid;border-radius: 5px;padding:2px;}
.cf input:-webkit-input-placeholder { color:#cccccc !important;; }
.cf input::-moz-placeholder { color:#cccccc !important;; }
.cf input:-ms-input-placeholder { color:#cccccc !important;; }
.cf input:-moz-placeholder { color:#cccccc !important;; }
.cf button{ color:#0070d9; width: 24px; height: 16px; background: rgba(0,0,0,0); border: 0;}
/***
====================================================================
cn_li
====================================================================
***/
.cn_li_2{overflow: hidden;}
.cn_li_2> li{width: 50%;float: left;padding:10px;overflow: hidden;}
.cn_li_2> li img{width: 100%;transition: all 0.5s ease 0s;}
.cn_li_2> li .img{overflow: hidden;}
.cn_li_2> li:hover img{transform: scale(1.03);}
.cn_li_3{overflow: hidden;}
.cn_li_3> li{width: 33.3%;float: left;text-align: center;padding:10px;}
.cn_li_3> li img{width: 100%;transition: all 0.5s ease 0s;}
.cn_li_3> li:hover img{transform: scale(1.03);}
.cn_li_4{overflow: hidden;}
.cn_li_4>li{display: inline-block;width: 24%;vertical-align: text-top;padding: 10px;;margin-bottom: 20px;}
.cn_li_4>li img{width: 100%;transition: all 0.5s ease 0s;}
.cn_li_4>li:hover img{transform: scale(1.03);}
.cn_li_5{overflow: hidden;}
.cn_li_5> li{width: 19.2%;float: left;text-align: center;padding:10px;}
.cn_li_5> li:hover img{transform: scale(1.03);}
.cn_li_5> li .img{overflow: hidden;}
.cn_li_5> li+li{margin-left:1%;}
.cn_li_5> li img{width: 100%;transition: all 0.5s ease 0s;}
.cn_li_6{overflow: hidden;}
.cn_li_6> li{width: 16.6%;float: left;padding: 10px;}
.cn_li_6> li img{width: 100%;margin-bottom: 25px;border: 1px solid #e5ecf2; transition: all 0.5s ease 0s;}
.cn_li_6> li:hover img{transform: scale(1.03);}
.cn_li_10{overflow: hidden;}
.cn_li_10> li{width:10%;float: left;text-align: center;padding:10px;}
.cn_li_10> li i{font-size: 50px;color: #FFFFFF;}
.cn_li_10> li h4{font-size:16px;min-height: 60px;margin-top: 18px;font-weight: 300;color: #FFFFFF;}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider { position: relative; width: 100%; }
.main-slider .tp-banner-container { overflow: hidden !important; }
.main-slider .bg-box .text { font-weight: 400; font-size: 14px; margin-bottom: 15px; }
.main-slider .bg-box .text a { display: inline-block; margin-left: 10px; color: #43b1e8; border-bottom: 1px dotted #43b1e8 !important; line-height: 24px; }
.main-slider .bg-box h1 { line-height: 1.2em; font-size: 48px; font-weight: 400; text-transform: uppercase; }
.main-slider .bg-box h2 { line-height: 1.2em; font-weight: 700; font-size: 40px; margin-bottom: 10px; }
.main-slider .bg-box h3 { line-height: 1.2em; font-weight: 700; font-size: 24px; margin-bottom: 10px; }
.main-slider .bg-box h4 { line-height: 1.2em; font-weight: 400; font-size: 20px; }
.main-slider .bg-box h5 { line-height: 1.2em; font-weight: 500; font-size: 18px; color: #43b1e8; margin-bottom: 10px; }
.main-slider .bg-box { position: relative; padding: 50px 40px 40px; display: block; max-width: 650px; background: rgba(26, 29, 31, 0.80); color: #ffffff; }
.main-slider .bg-box .inline-list { position: relative; margin-bottom: 10px !important; }
.main-slider .bg-box .inline-list li { position: relative; display: inline-block; margin-right: 15px !important; line-height: 24px !important; text-transform: capitalize; font-size: 13px; }
.main-slider .bg-box .inline-list li .icon { font-size: 14px; padding-right: 10px; display: inline-block; }
.main-slider .tp-bullets.preview3 .bullet { border: none !important; margin: 0px 4px; width: 28px !important; height: 4px !important; background: rgba(255, 255, 255, 0.50) !important; display: inline-block; }
.main-slider .tp-bullets.preview3 .bullet:hover, .main-slider .tp-bullets.preview3 .bullet.selected { background: #43b1e8 !important; }
.main-slider .tparrows.preview3 { background: none !important; width: 70px; }
.main-slider .tparrows.preview3::after { top: 20px; color:#000;background:rgba(255,255,255,0.3); font-size: 18px; height: 52px; line-height: 50px; width: 52px; border-radius: 50%; }
.main-slider .tparrows.tp-leftarrow.preview3::after { content: '\f104'; font-family: 'FontAwesome'; }
.main-slider .tparrows.tp-rightarrow.preview3::after { content: '\f105'; font-family: 'FontAwesome'; }
.main-slider .tparrows.preview3.tp-leftarrow { left: 20px !important; }
.main-slider .tparrows.preview3.tp-rightarrow { right: 0px !important; }
.main-slider .tparrows.preview3:hover::after { border-color: #43b1e8 !important; background: #43b1e8; opacity: 1; }
.main-slider .tparrows.preview3 .tp-arr-iwrapper { visibility: hidden; opacity: 0; }
.main-slider .tp-bannertimer { display: none !important; }
/***
====================================================================
Main production style
====================================================================
***/
.production-section {position: relative;background: #ffffff;padding:100px 0;}
.production-section .row { width: 100%;height: auto; margin:auto; overflow: hidden;margin-top: 20px;}
.production-section .row li { position: relative; float: left; width: 25%;padding: 10px 10px 20px;}
.production-section .product-grid img {width:100%;display: block; margin:auto;}
.production-section .product-grid h2 {text-align:center;color: #000000;font-size: 16px;margin-top: 10px;}
/***
====================================================================
Main customer style
====================================================================
***/
.customer-section{position: relative;background: #000000;padding:100px 0 50px;}
.customer-section .row{margin-top: 40px;}
.customer-section h2{color: #FFFFFF;}
.customer-section li{width:25%;float: left;padding: 0 10px;}
.customer-section img{width:100%;}
.customer-section .imgGradient{width: 100%;height: 80px;margin-top: 3px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(142, 142, 142, 0.40),endColorStr=rgba(0, 0, 0, 0));
background: -ms-linear-gradient(top,rgba(142, 142, 142, 0.40), rgba(0, 0, 0, 0));
background:-moz-linear-gradient(top,rgba(142, 142, 142, 0.40), rgba(0, 0, 0, 0));
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(142, 142, 142, 0.40)), to(rgba(0, 0, 0, 0)));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(142, 142, 142, 0.40)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(top, rgba(142, 142, 142, 0.40), rgba(0, 0, 0, 0));
background: -o-linear-gradient(top, rgba(142, 142, 142, 0.40), rgba(0, 0, 0, 0));
}
/***
====================================================================
Main services style
====================================================================
***/
.services-section {position: relative;background: #ffffff;padding:70px 0;}
.services-section .row { width: 100%;height: auto; margin:auto;}
.services-section .row .services {width:25%;float: left;text-align: center;}
.wrapper-block .block1 h2{ font-size:16px; font-weight:300;color:#4D4D4D;}
/***
====================================================================
Main footer style
====================================================================
***/
footer {background: #000000; position:relative;color:#666666;font-size: 14px;}
footer .auto-container { max-width:1400px;padding-top: 50px; padding-bottom: 10px;}
footer .auto-container>div:first-child{border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;padding: 30px 0 30px;}
footer a,footer .footer-menu>li p{color: #b4b4b7;}
footer a:hover,footer .footer-menu>li:hover p,footer .footer-menu>li:hover span{color: #FFFFFF;}
footer h2{color: #FFFFFF;font-size: 25px;padding-bottom: 35px;}
footer .footer-menu>li {overflow: hidden;line-height: 35px;}
footer .footer-menu>li span{float: left;margin-right: 10px;}
footer .cn_li_3> li img{width: auto;}
footer .cn_li_3> li:first-child{text-align: left;}
footer .cn_li_3> li:last-child{text-align: right;}
footer p{margin:0;line-height:inherit;}
footer .footer_bom{padding: 10px 0;font-size: 14px;color: #b4b4b7;}
footer .cn_li_3> li{line-height: 40px;}
/***
====================================================================
scroll-to-top
====================================================================
***/
.scroll-to-top { position: fixed; bottom: 40px; right: 15px; color: #ffffff; width: 45px; height: 45px; font-size: 24px; line-height: 46px; border: 1px solid #33CC99;background: #33CC99; text-align: center; z-index: 99; cursor: pointer; display: none; border-radius: 17px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.scroll-to-top:hover { background: #ffffff; color: #43b1e8;}
.box{ font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}
.box dl{font-size: 14px; color: #000000;z-index:99; display:table; position:fixed; bottom:-20px; right:5px; width:300px; background:#fff;box-shadow: 0 0 7px rgba(0,0,0,.3); border-top-left-radius:10px;border-top-right-radius:10px; }
.box dl dd{height: 40px;line-height: 40px; color:#fff; font-size: 16px;position: relative;padding-left: 10px; background:#027ECB; border-top-left-radius:10px;border-top-right-radius:10px;}
.box dl dd b{ display: block; height:40px; width:40px; position:absolute; top:0; right:0; cursor:pointer;}
.box dl dd b.up:after{content: "\f106";}
.box dl dd b.down:after{content: "\f107";}
.box dl ul{padding:10px 20px;display:none;}
.box dl ul li{ border-top: 1px dashed #EDEDED;}
.box dl ul li span{ display:inline-block; text-align:right;color:#5CA0D1;padding-bottom: 5px;}
.box dl ul li i{ font-style:normal; margin-left:10px;}
#form_message input{ line-height:26px; height: 26px;}
#form_message textarea{ height: 70px;}
#form_message input,#form_message textarea{ border: 1px solid #e4e4e4; max-width: 100%; width: 100%; padding: 4px; margin-bottom: 5px; font-size: .9em; border-radius: 3px; -moz-border-radius: 3px;}
#form_message input[type='submit']{ height: 32px; width: auto; font-size: 14px;padding: 3px 20px; /*margin: 5px 0 10px 0; */ border-radius: 3px; min-height: 0; clear: both;cursor: pointer;background: #ff933a none repeat scroll 0 0; border: medium none #ededed; color: white;float: right; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#form_message input[type='submit']:hover{ background:#43b1e8}
/***
====================================================================
====================================================================
inside news style
====================================================================
***/
.inside-news .row {padding:40px 0 60px 0px; margin: 0px;margin-bottom: 15px;}
/* .inside-news .row .vLine{height: 180px;width: 1px;background-color: #e2e3e7;display: inline-block;margin: 30px 30px 50px 30px;vertical-align: middle;}
.inside-news .row .hLine{height: 2px;width: 88%;background-color: #e2e3e7;display: block; margin:3% 6% 6% 6%;vertical-align: middle;} */
.inside-news .row .col_1{width: 49%;float: left;margin-right: 1%;height: 280px;}
.inside-news .row .col_1 h2{margin-left: 0px;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.inside-news .row .col_1 .col-6{width: 50%;float: left;}
.inside-news .row .col_1 .rm a{text-transform: uppercase; color:#537fc8;font-size: 13px; border-bottom: 1px #537fc8 solid;}
.inside-news .row .col_1 .rm a:hover{ color:#33CC99; border-bottom: 1px #33CC99 solid;}
.inside-news .row .col_1 .rm{margin-top: 20px;}
.inside-news .row h2 a{ font-size: 20px;color:#000000;margin-left: -9px; }
.inside-news .row .col_1 img{ height:120px;width:85%;}
.inside-news .row .col_1 .new-hasImg{ margin: 0 auto;}
.inside-news .row p { font-size: 14px; margin-top: 20px;color: #333;margin-left:18px;}
.inside-news .row .col_1 p{margin-top: 5px;height: 66px;margin-right:20px;margin-left: 0px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
time { display: block; font-weight:300; font-family:inherit;color: #777;font-size: 18px;margin:10px 0px 10px 18px;font-style: oblique;}
.fa-calendar:before{font-style: normal;}
.inside-news .content{padding:2% 0%;float: none;}
.next_pre { color:#000000;}
.inside-news .news-time {color: #537fc8;}
.inside-news .next_pre{padding:2% 0%;}
.inside-news .next_pre span{color: #537fc8;}
.inside-news .pro-related .row{margin-top:26px;padding:0 0%;}
.inside-news .tabBox .h2Line{height: 1px;width: 88%;background-color: #C3C6CF;display: block; vertical-align: middle;}
.inside-news .row .col_1 h4 {color: #ff933a; font-size: 20px;}
.inside-news .row h2{ line-height:1em; font-weight: 600; color:#000000;}
.inside-news .row h2 + p{ margin-top:20px;}
.inside-news .row h2 + h4{ margin-top:20px;}.content{ float:left;}
.inside-news .row .col_1 + .content{ margin-top:20px;}
.inside-news .row .theme-btn { float:left;}
.inside-news .content p img { max-width: 100%; height: auto;}
.next_pre span{color:#000; padding-right:10px; font-weight:700;}
.next_pre a{color:#848484}
/***
====================================================================
inside product style
====================================================================
***/
.por_top{ max-width: 1300px; padding-bottom:46px; }
.pro-tt .por_top li{width: 11.5%;}
.por_top li{ width: 13%; height: 40px;background: #fff; border:none; float: left;margin: 0.5%;}
.por_top li a{ background-color: #546E7A; border-left:none; width: 100%; height: 40px; display: block; line-height: 40px; text-align: center; font-size: 14px; color: #fff; font-weight: bold;}
.por_top li a:hover{background: #fff; color: #000;}
.por_top li a.active{background: #fff; color: #000;}
.navFix{position: fixed; top:75px;z-index: 10;padding-bottom: 10px;}
.tabBox .hd{ height:36px; line-height:36px; border-bottom: 1px solid #e7e7e7; }
.tabBox .title{ color: #202020; font-size:20px; font-weight:bold;line-height:36px; width: 100%; height: auto; overflow: hidden;z-index: 4 }
.tabBox .title a{ color: #202020; }
.tabBox .title a:hover{ color: #0266b1; }
.tabBox .title a.more{ color: #777; font-size: 14px; }
.tabBox .title a.more:hover{color: #0266b1 }
.tabBox .hd ul{ height:30px; position: relative; top:-32px; z-index: 5 }
.tabBox .hd li{ margin-left: 20px; float:left; text-align:center; line-height:30px; font-size: 14px; _font-weight:bold; color:#474747; display:block; cursor: default;}
.tabBox .hd li.on{ border-bottom: 3px solid #0266b1}
.tabBox .hd .view{ float: right; position: relative; top:-30px;width: 105px; height: 30px; margin-left: 20px; display: block; color: #33CC99; text-align: center; line-height: 30px;z-index:9;}
.tabBox .hd .view:hover{color:#027ECB}
.tabBox .bd{ position: relative; background-color: #fff;}
.inside-title span:first-child{width: 6px;height: 6px;background-color: #D82128;display: inline-block;margin-right: 18px;vertical-align: middle;border-radius: 50%}
.inside-title .pro-more{display: inline-block;margin-right: 20px;vertical-align: middle;font-size: 14px;float: right;color:#537fc8;font-weight: normal;}
.inside-title h2{text-transform: uppercase;color:#000;font-weight: 600;font-size: 24px;text-align: center;}
.inside-title h2 .new-title{text-transform: capitalize;color:#000;font-weight: 600;margin-left: -18px;font-size: 20px;}
.tabBox .bd ul{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;padding:20px 6% 0px 6%;text-align: center;}
.tabBox .bd ul li .thumbnail{border: none;}
.tabBox .bd ul li .thumbnail a p{font-size: 14px;}
.tabBox .bd ul li{ height: 280px; width: 22.3%; margin-right: 3.6%; margin-top: 25px; background: #fff; float: left;}
.tabBox .bd ul li:nth-child(4n){ margin-right:0;}
.tabBox .bd ul li .li_top{ height: 170px; width: 255px; overflow: hidden; }
.tabBox .bd ul li .li_top img{ height: 170px; width: 255px; transition: all 0.5s ease 0s;}
.tabBox .bd ul li a:hover .li_top img{ transform:scale(1.08)}
.tabBox .bd ul li a p{ width: 100%;text-align: center; color: #333; margin-top: 10px;font-size: 14px; line-height: 22px; }
.inside-products-section{position: relative; padding: 0 0px 0px;}
.common .auto-container{max-width: 1400px;}
.inside-product-section .row{ margin-left:auto; margin-right:auto; margin-bottom:30px;}
.inside-product-section .row .col_2{margin-left: auto;}
.inside-product-section .row .col_2:first-child{ width:30%; }
.inside-product-section .row .col_2:last-child{ width:65%; }
.inside-product-section .row .col_2 + .col_2{ margin-left:30px; }
.inside-product-section .row .col_1{margin-left:auto; width:100%;max-width: 330px;}
.inside-product-section .row .col_1 + .col_1{ margin-top:20px; }
.inside-product-section .row .col_1:last-child{ margin-top:30px;}
.inside-product-section .img_bd { width:100%; height: 220px; overflow: hidden;text-align: center; position: relative; z-index: 1;}
.inside-product-section .img_hd { height: auto; position: relative; margin-top:15px;overflow: hidden;}
.inside-product-section .img_hd .picmidleft { float: left; width: 24px; overflow: hidden;}
.inside-product-section .img_hd .picmidright { float: left; width: 24px; overflow: hidden;}
.inside-product-section .img_hd .picmidleft a ,.inside-product-section .img_hd .picmidright a{ background:#fff;color:#43b1e8;display: block; width: 24px; height: 55px; border: 1px solid #cfe2f0; line-height: 55px; font-size: 30px; text-align: center; margin-top:auto;}
.inside-product-section .img_hd .picmidleft a:hover ,.inside-product-section .img_hd .picmidright a:hover{background:#E3E3E3}
.inside-product-section .img_hd .tempWrap{float: left; width: 270px; overflow: hidden; padding-left: 5px;}
.inside-product-section .img_hd .tempWrap ul { width: 740px; overflow: hidden; position: relative; margin: 0;}
.inside-product-section .img_hd .tempWrap ul li{float: left;margin-top: 1px; display: inline; width: 82px; height: 55px; border: 1px solid #e4eff6; overflow: hidden; text-align: center; vertical-align: middle;}
.inside-product-section .img_hd .tempWrap ul li + li{ margin-left:8px; }
.inside-product-section .img_hd .tempWrap ul li img{ width:100%; height:auto;}
.inside-product-section .img_hd .tempWrap ul li.on { border: 3px solid #0f6eb5; margin-top: 0px;}
.inside-product-section .list-marked{margin-left: 50px;}
.inside-product-section .list-marked > li {color:#333;margin: 10px 0;font-size: 17px;}
.inside-product-section .list-marked>li>span:first-child{color:#999; vertical-align:top;}
.inside-product-section .list-marked>li>span{width: 50%;display: inline-block;}
#messege>ul>li{ height:32px; border: 1px solid #ddd; max-width: 100%; background-color: #F7F8FA;}
#messege>ul>li+li{ margin-top:10px; }
#messege>ul>li:last-child{ height:190px; }
#messege ul{margin-bottom: 0px;}
#messege input{ height:26px;}
#messege textarea{ height:180px;}
#messege input,#messege textarea{background-color: #F7F8FA; border: 0px solid #D0E2E8; max-width: 100%; width: 100%; padding:0 10px; margin-bottom: 5px; font-size:15px;color: #999;border-radius: 3px; -moz-border-radius: 3px;}
#messege input[type='submit']{height:45px;width: auto; font-size: 15px;padding: 10px 40px; margin: 10px 0 10px 0; border-radius: 0px; min-height: 0; clear: both;cursor: pointer;background: #1DA1F3 none repeat scroll 0 0;border: medium none #ededed;
color: white; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;float: right;}
#messege input[type='submit']:hover{ background:#33CC99}
.inside-product-section .row .col_2 .hd{background: #f4f3f4; height:40px;overflow: hidden; display:block; overflow: hidden; z-index: 50;width:100%; margin: 0 auto;}
.inside-product-section .row .col_2 .hd_con{position:relative; }
.inside-product-section .row .col_2 .hdFix{ position:fixed; top:55px;}
.inside-product-section .row .col_2 .hd ul{ float:left; position:absolute; left:0; top:0; width: 100%;}
.inside-product-section .row .col_2 .hd ul li{ float:left;width:188px; line-height: 38px; margin-right: 2px; cursor:pointer;font-size:16px;text-align: center;}
.inside-product-section .row .col_2 .hd ul li:last-child{ margin-right: 0; width: 190px;}
.inside-product-section .row .col_2 .hd ul li a{font-size: 18px; font-weight: 600;color: #4d4d4d; width: 100%; height: 38px; line-height:38px; display: block; background:none; margin-top:0; float:left }
.inside-product-section .row .col_2 .hd ul li span{ display:inline; padding: 5px 12px; margin-left: 10px;background:#3D3D3F; color:#fff; border-radius:80px}
.inside-product-section .row .col_2 .hd ul li.on a{color: #43b1e8}
.inside-product-section .row .col_2 .hd ul li.on span{ background:#43b1e8;}
.inside-product-section .row .col_2 .hd ul li.on i{color: #fff}
.inside-product-section .row .col_2 .bd .tab{ height: auto;overflow:auto;padding:25px 0; }
.inside-product-section .row .col_2 .bd .tab table { word-break:break-all; word-wrap:break-all; width: 100%; border-top: 1px solid #000; border-left: 1px solid #000;}
.inside-product-section .row .col_2 .bd .tab table tr { height: auto; overflow: auto; font-size: 13px; height: 32px; text-align: center;}
.inside-product-section .row .col_2 .bd .tab table tr td { border: 1px solid #000; padding: 0 5px;}
.inside-product-section .row .col_2 .bd .tab h4{ font-size:18px; color: #000;}
.inside-product-section .row .col_2 .bd .tab h4 + p{ margin-top:10px;}
.inside-product-section .row .col_2 .bd .tab p{ margin-bottom: 30px; line-height: 23px; color: #848484;}
.inside-product-section .row .col_2 .bd .tab p img{width: 240px; height: auto; margin: 10px;}
.casehall {width:100%;float:left;margin-top:40px; line-height:25px;}
.casehall ul {border-top:1px dotted #cbcbcb;padding-top:20px}
.casehall .tab { display: none;}
.casehall img { width:381px; height:216px;overflow:hidden;float:right;margin:0 0 0 5px;}
.casehall p{width:399px;padding-bottom: 16px;line-height: 20px; font-size:12px;}
.casehall p strong{font-weight:normal; color:#43b1e8}
.casehall h2 {line-height:40px; font-size:18px; color:#000000}
.casehall ul li h3{line-height:18px;}
.casehall ul li h3 a {font-size:14px;font-weight:normal; color:#666666}
.casehall .brief{width:180px; height:28px; line-height:28px; background:#43b1e8;text-align:center; font-family:Arial,Helvetica,sans-serif;}
.casehall .brief a{color:#FFF;}
.casehall li {width:100%;height:216px;}
.hall_btn span{width:8px;height:8px;background:url(../images/hall_btn.png) 0 0 no-repeat;display:block;float:left;margin-right:6px;cursor:pointer}
.hall_btn span.hall_btn_on {background:url(../images/hall_btn.png) -18px 0 no-repeat;}
.relatedproducts { margin-top: 40px; width: 100%; float: left;}
.relatedproducts {margin-bottom:30px;width:100%;float:left}
.relatedproducts a{ font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#666666}
.relatedproducts h2 {line-height:40px;font-size:18px; color:#000000}
.relatedproducts ul {border-top:1px dotted #cbcbcb;padding-top:15px;}
.relatedproducts img {width:100%;height:105px;overflow:hidden; margin-bottom:5px;}
.relatedproducts li {float:left;width:24.5%;height:135px; line-height:16px;}
.relatedproducts li+li{ margin-left:5px;}
.fuwu{margin-top:30px;width:100%;float:left}
.fuwu .clear {clear: both;}
.fuwu h3 {line-height:40px; font-size:18px; color:#000000}
.fuwu .server img{ float:right; margin-top:15px;max-height:180px;}
.fuwu h4 {line-height:40px; font-size:18px; margin-top:15px; color:#ff933a }
.fuwu h5 {height:30px; font-size:18px; margin-bottom:20px; color:#000000}
.fuwu h6 {height:20px; line-height:20px; font-size:16px; margin-top:20px; margin-bottom:10px; color:#000000}
.fuwu .xu{height:1px; width:100%; border-bottom:1px dotted #cbcbcb}
.fuwu p{font-size:14px; line-height:28px;}
.fuwu h6+p{ margin-top:0;}
.fuwu .ser{margin-bottom:10px;}
.fuwu .ser img{ width:100%}
.fuwu .ser2{margin-left:18px;}
.fuwu ul li{float:left; height:28px; line-height:28px; font-size:14px; font-weight:bold; width:50%;}
.fuwu ul img{padding-right:10px;}
.fuwu .bold{ font-weight:900;}
.fuwu .ser3{width:100%; height:auto; max-width:723px; max-height:681px;}
/***
====================================================================
inside cases style
====================================================================
***/
.inside-case {padding:3% 5%;}
.inside-case .row .thumbnail{padding:0px;background-color: #F7F8FA;border-radius: 0px;}
.inside-case .row .thumbnail .caption h3{font-size: 17px;margin:20px 10px;height: 56px;overflow:hidden;}
.inside-case .row .thumbnail .caption p{font-size: 13px;margin:20px 10px;height: 66px;overflow:hidden;}
.inside-case .row .thumbnail .caption div{font-size: 14px;margin:30px 10px;text-transform: capitalize;padding:5px 30px;background-color: #498BFC;color: #FFF; max-width:95px;}
.inside-case .row .thumbnail .caption div a{color:#fff;}
/*.inside-case .row .thumbnail .caption div:hover{background-color: #FFF;color: #000;}*/
.inside-case .row .thumbnail .caption:hover{background-color: #498BFC; color: #fff}
.inside-case .row .thumbnail .caption:hover h3{color: #fff}
.inside-case .row .thumbnail .caption:hover div{background-color: #FFF;color: #000;}
.inside-case .row .thumbnail .caption:hover div a{color: #000;}
.inside-case .row {margin-left:0px; margin-right: 0px;}
/***
====================================================================
inside contact style
====================================================================
***/
.inside-contact .inside-title h2{font-weight: 100; font-size: 27px!important;text-transform: none!important;padding-top:50px;}
.inside-contact .inside-title h2 span:nth-child(2){font-weight: 600;}
.inside-contact .row .col-lg-8{padding:0 0 0 19px;width:62%;}
.inside-contact .row .col-lg-4{padding-left: 0px;width: 37%;padding-right: 44px;margin-left:-7px;margin-top:2px;}
.inside-contact .word-list{margin:4% 0 4% 6%; }
.inside-contact .word-list li{display: inline-block;width:27%;height:35px;}
.inside-contact .word-list li:last-child{color:#000;display: inline-block; font-size: 14px;width: 44%;margin-left:5px;}
.inside-contact .word-list li div{display: inline-block;}
.inside-contact .word-list li:last-child div:last-child {line-height:20px;}
.inside-contact .word-list li div:first-child {width: 40px;height:40px;background-color: #3CC14C;text-align: center;border-radius: 5px;padding:10px;}
.inside-contact .word-list li div:first-child span{display: block; color:#fff;font-size: 18px; }
.inside-contact .word-list li .col-lg-9{padding-left:5px; padding-right: 0px;color:#666; margin-left: 5px;}
.inside-contact .word-list li .col-lg-9 a{color:#666;}
.inside-contact .map_model {padding:0 6% 5% 6%;}
.inside-contact .pe{display: block;height: 20px;margin-top:-2px;}
.inside-contact .input-list{padding:7% 0;margin-left:30px;}
.inside-contact #messege input{ height:48px;}
.inside-contact #messege input,#messege textarea{ max-width: 100%; width: 100%; padding:0 10px; margin-bottom: 0px; font-size: 14px;color:#000000;letter-spacing:0.5px;}
.inside-contact #messege input[type='submit']{height:45px;width: 405px;font-size: 16px;padding: 10px 80px; margin: 18px 0 0px 0;min-height: 0;background: #498BFC none repeat scroll 0 0;border: medium none #ededed;
color: #ffffff;float: left;border:1px #498BFC solid;}
.inside-contact #messege input[type='submit']:hover{ background:#33CC99;}
.inside-contact #messege textarea{height:249px; }
.inside-contact #messege>ul>li:last-child{ height:251px; }
.inside-contact #messege>ul>li{height:50px;max-width: 100%;width: 405px;margin-bottom: 5px;}
.inside-contact #messege>ul{color:#000000;}
.inside-contact #messege>ul span{color: #B80000;}
.inside-contact #messege>ul>li+li{ margin-top:8px; }
.inside-contact #messege p{font-size: 10px;color:#999;float:right;margin-right:2px;line-height: 10px;height: 10px;margin-bottom: 0px;}
#messege input:-moz-placeholder, #messege textarea:-moz-placeholder {color: #bbb!important;}
#messege input::-moz-placeholder, #messege textarea::-moz-placeholder{color: #bbb!important;}
#messege input:-ms-input-placeholder, #messege textarea:-ms-input-placeholder{color: #bbb!important;}
#messege input::-webkit-input-placeholder, #messege textarea::-webkit-input-placeholder{color: #bbb!important;}
.msg-section{background:#f3f3f3; border-top:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7}
.msg{ clear: both; width: 100%; border-collapse: collapse; font-size: 12px; position: relative; padding: 40px 0; color: #4d4d4d;}
.msg h2{text-align: center;color: #000000;}
.msg h3{font-size:14px;text-align: center;margin-top: 20px;color: #B80000;}
.msg h1 { color: #676767; font-weight: 700;}
.msg table{ font-size: 12px; width: 100%;}
.msg table td{ height: 50px; line-height: 50px;}
.msg form .radio{ width: 11px; height: 11px; margin-right: 8px;display: inline;}
.msg .cl span{ margin-right: 10px;}
.msg form input{ padding-left: 5px;height: 40px; line-height: 40px; border: 1px solid #dcdcdc;}
.msg .xj_m{ padding-left: 5px; height: 90px; border: #cdccd1 1px solid; margin-top: 20px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;}
.msg span.require{ color: red; margin-right: 5px; float:left;}
.msg form .t_submit { float:left; width: 95px; height: 30px; line-height:30px; float:right; cursor: pointer; padding: 0; margin: 10px;border: none; background: #33CC99; color: #ffffff;}
.msg form .t_submit:hover{background:#43b1e8;}
/***
====================================================================
inside service style
====================================================================
***/.inside-service-section .sec-title h2{ font-size:27px;}
.inside-service-section .row{ margin-left:0; margin-right:0; margin-top:0}
.inside-service-section .row + .sec-title{ margin-top:30px;}
.serv .serv_text img{ float: right;max-width:100%; margin-left:10px;}
.serv .serv_img img{ float: left;max-width:100%;margin-right:10px;}
.inside-faq-section .auto-container {max-width: 1400px; padding: 0;}
.inside-faq-section .row{ margin-left:0; margin-right:0; margin-top:0}
.inside-faq-section .row .col_3{ width:31.5%; float:left; margin-left:0; margin-right:30px; height: auto; min-height: 310px;}
.inside-faq-section .row .col_3:nth-child(3n){ margin-right:0;}
.inside-faq-section .row .col_3 h4{ color:#000; font-weight:600; margin-left: 60px;font-size:16px;}
.inside-faq-section .row .col_3 p{ display:block; margin-left: 70px;}
.inside-faq-section .row .col_3>div{border-radius: 5px; background: #43b1e8;color: #fff; width: 48px; height: 45px; text-align: center; line-height: 45px; float: left;}
.inside-faq-section .row .col_3>div>span{position: relative; right: -22px;color: #43b1e8;}
/***
====================================================================
inside search style
====================================================================
***/
.inside-search-section{position: relative;background: #f4f3f4;padding: 0 0px 85px;}
.inside-search-section .row{ margin-left:auto; margin-right:auto; margin-bottom:30px;}
.inside-search-section .row .col_1{ width:100%;margin-left:auto; }
.inside-search-section .row .col_1 + .col_1{ margin-top:60px; }
.inside-search-section .row .col_1 h4 {color: #ff933a; font-size: 22px;}
.inside-search-section .row .img{ width: 256px; height: 172px; float: left; margin-right: 20px;}
.inside-search-section .row h2{ line-height:1em; font-weight: 700;}
.inside-search-section .row h2 + p{ margin-top:20px;}
.inside-search-section .row h2 + h4{ margin-top:20px;}.content{ float:left;}
.inside-search-section .row .col_1 + .content{ margin-top:20px;}
.inside-search-section .row h2 a{ font-size: 20px; line-height: 20px;color:#000000;}
.inside-search-section .row p { line-height:20px; font-size: 14px; margin-top: 5px; color: #848484;}
.inside-search-section .row .btn{color: #ff933a; padding-left: 0;} .inside-search-section .row .btn:hover{ color:#43b1e8}
/*update*/
.main-header .header-upper .logo img { position: relative; display: inline-block; max-width: 100%;height: auto;max-height: 50px;}
.navbar-fixed-top{position: fixed;}
.main-header .header-upper .btn-outer{ position: absolute; right: 0; top: 0px; }
.main-menu { position: relative; }
.main-menu .navbar-collapse { padding: 0rem 8rem; margin-top:0px;}
.tid .tidContent{text-align: center; font-weight: 300;height: 47px;color:#1A1A1A;}
.tid .tidContent span{font-weight: 700;}
.tid .udline{text-align: center;}
.tid .udline span{background-color: #3DC04E;border-radius: 50%;display: inline-block;margin-right:1px;vertical-align: middle;}
.tid .udline .circle-lg{width: 6px;height: 6px;}
.tid .udline .circle-md{width: 4px;height: 4px;}
.tid .udline .circle-sm{width: 2px;height: 2px;}
.tid .udline .circle-xs{width: 1px;height: 1px;}
.home-banner video{width: 100%;height: auto;}
.home-pro .auto-container{max-width:1400px;margin-bottom: 20px; margin-top:20px;text-align: center;}
.home-pro .cn_li_3{text-align: center;}
.home-pro .cn_li_3 i{font-size: 70px;top: 20px;position: relative;}
.home-pro .cn_li_3 span{font-size: 20px;font-weight: 600;padding-left: 20px;}
.home-pro .cn_li_3 a:hover span,.home-pro .cn_li_3 a:hover i{color: #0070d9;}
.home-pro .cn_li_3 li{padding: 30px 0 80px;}
.home-yt{background-color: #F7F8FA;padding-top: 80px;}
.home-yt .auto-container{max-width:1400px;margin-bottom: 20px; margin-top:50px;}
.home-yt{min-height: 600px;background-image: url(/skin/yunt/images/yuntian_solutions.jpg);background-repeat: no-repeat;background-size: cover;background-color: #0070d9;color: #FFFFFF;}
.home-yt h2{font-size: 35px;font-weight: 700;
transform: scale(1,1.3);
-ms-transform: scale(1,1.3);
-webkit-transform: scale(1,1.3);
-moz-transform: scale(1,1.3);
-o-transform: scale(1,1.3);}
.home-yt p{font-size: 20px;margin-top: 10px;margin-bottom: 50px;}
.home-yt a{color: #FFFFFF;border: 1px solid #FFFFFF;padding: 5px 30px;}
.home-yt a:hover{color: #000000;background-color: #d0b42f;border: 1px solid #d0b42f;}
.home-yt .home-yt-solution{overflow: hidden;margin-left: -30px;}
.home-yt .home-yt-solution li{float: left;line-height: 60px;margin-left: 30px;}
.home-news .auto-container{max-width: 1400px;margin-top: 60px;margin-bottom: 100px;}
.home-news h2{text-align: center; margin-bottom: 60px;font-weight: 600;font-size: 38px;color: #000000;}
.home-news .home-news-list{width: 50%;float: left;}
.home-news .home-news-img{overflow: hidden;}
.home-news .home-news-list img{width: 100%;transition: all 0.5s ease 0s;}
.home-news .home-news-list:first-child img{min-height: 466px;}
.home-news .home-news-list a:hover img{transform: scale(1.03);}
.home-news .home-news-list h3{font-size: 16px;padding: 15px 20px;letter-spacing: 0.5px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: 600;background: #383842;color: #FFFFFF;line-height: 1.1;min-height: 66px;}
.home-news .home-news-list .cn_li_2 img{width: 100%;height: 190px;}
#carousel-generic .left,#carousel-generic .right{background-image: none;}
.bg-inside-section .auto-container{max-width:1400px;}
.breadcrumb { background-color: transparent; font-size: 16px; letter-spacing: 0.08em; padding: 16px 0;list-style: none; border-radius: 0;}
.breadcrumb a, .breadcrumb > li + li:before{color: #7C7D81;}
.bg-inside-section .auto-container .breadcrumb{margin-top:100px;margin-bottom: 30px;}
.bg-inside-section .auto-container .breadcrumb li a{text-transform: capitalize;color: #7C7D81;}
.bg-inside-section .auto-container .breadcrumb .active a{color: #000!important;}
.bg-inside-section .auto-container .breadcrumb .active {color: #000!important;}
#wrap_page ul{margin:0px;width: 100%;clear: both;padding:30px 0px;text-align: center;}
#page>li {padding: 1px 8px;vertical-align: middle;text-align:center;width: auto; height: auto; border: 1px solid #ccc; margin-right: 16px;display: inline-block;float: none;}
#page>li>a{color:#000000;font-size: 14px;}
#page .colorCloss {color:#000;}
#page .colorCloss>a {color:#000;}
#page .thisclass {color: #FFF; background-color: #546F7A;}
#page .thisclass a{color: #FFF; background-color: #546F7A;}
.tabBox {background-color: #fff;margin-bottom: 40px;}
.inside-product-section .inside-title h2{font-size: 30px;text-transform: capitalize;text-align: center;margin-bottom: 50px;}
.inside-product-section .content-box{padding:4% 5%; padding-bottom: 0px;}
.inside-product-section .content-box .row{border-bottom: 1px #ccc dashed;padding-bottom: 30px;margin-bottom: 0px;}
.inside-product-section .content-box .col-lg-4:last-child{padding-left: 30px;}
.pro-packaging .content-box .row{border-bottom: none;padding-bottom: 0px;}
.pro-packaging .content-box .pro-packaging-con { padding-bottom: 20px;font-size: 15px;margin-left:10px;}
.pro-packaging .content-box .pro-packaging-con span{margin-right: 15px;}
.pro-packaging .content-box .pro-packaging-con span:first-child{width:5px; height: 5px;background-color:#808080;display: inline-block; border-radius: 50%;vertical-align: middle;}
.pro-packaging .content-box .pro-packaging-con span:nth-child(2){color:#B1B1B1;min-width: 11%;display: inline-block;}
.pro-packaging .content-box .pro-packaging-con span:last-child{color:#555;}
.pro-speci{padding-bottom: 0px;}
.pro-speci .content-box .row{border-bottom: none;padding-bottom: 0px;}
.pro-speci .nav-tabs > li.active> a:hover{border:1px solid #546E7A;}
.pro-speci .nav-tabs > li.active> a{border:1px solid #546E7A;}
.pro-speci .nav-tabs > li.active > a {background-color: #546E7A;color:#FFF;}
.pro-speci .nav-tabs > li> a:hover {background-color: #546E7A;color:#FFF;border:1px solid #546E7A;}
.pro-speci .nav-tabs > li > a {background-color: #F7F8FA;border:1px #D0E2E8 solid;border-radius:0px;}
.pro-speci .nav-tabs > li{margin-right: 10px;min-width: 10%;text-align: center;}
.pro-speci .nav-tabs {border-bottom:none;}
.pro-speci .tab-content{background-color: #F7F8FA; border:1px solid #D0E2E8;}
.pro-speci .tab-content .active{padding:30px;}
.pro-speci .tab-content table td{border:1px solid #666;text-align:center;}
.pro-related{margin-top:40px;margin-bottom: 40px;}
.pro-related .tabBox{padding-bottom: 30px;}
.pro-related .row{padding:0px 5%;padding-bottom: 0px;margin-bottom: 0px;}
.pro-related ul li .thumbnail{border:none;}
.pro-related ul li .thumbnail i{padding: 60px;font-size: 60px;}
.pro-related ul li{list-style-type: none; float:left;width: 23%;margin-right: 2.6%;}
.pro-related ul li:last-child{margin-right: 0;}
.pro-related ul li a p{font-size: 14px;text-align: center;margin-top:10px;margin-bottom: 10px;}
.pro-related ul li a:hover p{color:#000000 !important;}
/*inside-about
=====================================================*/
.inside-about {padding-bottom: 100px;}
.inside-about .serv{margin-bottom: 20px;overflow: hidden;}
.inside-about .serv:last-child{margin-bottom: 20px;}
.inside-about h3,.inside-about h2{font-size:20px; color: #000; font-weight:600;line-height: 36px;}
.inside-about h3 a,.inside-about h2 a{color: #000; }
.inside-about h3 a:hover,.inside-about h2 a:hover{color: #0266b1; }
.inside-product .addthis_inline_share_toolbox{margin-left: 50px;margin-top:50px;}
.records{margin-top: 100px;}
.records h2{margin-bottom: 0px !important;}
.records .tri{width:0;height:0;border-width:40px 0 0px 220px;border-style:solid;border-color:transparent transparent transparent #D0E2E8;/*透明 透明 透明 灰*/margin:0px auto;margin-right:0px;position:relative;}
.records .tri span{display:block;width:0;height:0;border-width:38px 0 0px 222px;border-style:solid;border-color:transparent transparent transparent #F7F8FA;/*透明 透明 透明 黄*/position:absolute;top:-38px;left:-219px;}
.records .tri img{float: right;}
.records .tri .tg1 img{width: 60px; position: relative;top:-60px;left:-155px;}
.records .tri .tg2 img{width: 75px;position: relative;top:-75px;left:-145px;}
.records .tri .tg3 img{width: 90px;position: relative;top:-90px;left:-132px;}
.records .tri .tg4 img{width: 100px;position: relative;top:-100px;left:-125px;}
.records .record>li{width:22.7%;display: inline-block; margin-right: 2.5%;position: relative;bottom: 0px;}
.records .record>li:nth-child(3){top:20px;}
.records .record>li:last-child{margin-right: 0px;}
.records .record li .rect{width: 100%;height: 425px;background-color: #FFF;border: 1px #D0E2E8 solid;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);overflow: hidden;position: relative;top:-100px;}
.records .record li .rect div:first-child{overflow:hidden;}
.records .record li .rect div:first-child h3{position: absolute; font-size: 20px;font-weight:900;margin: 25px auto;color: #000;}
.records .record li div:nth-child(3){position: relative;width: 106%;height: 80px;margin-left:-3%;text-align: center;top:-450px;}
.records .record li div:nth-child(3) p{font-size: 14px;color: #fff;margin-bottom: 0px;line-height: 1.5em;}
.records .record li .rect1{background-color: #2BB1EE;padding:10px 15px;}
.records .record li .rect2{background-color: #3CC14C;padding:10px 15px;}
.records .record li .rect3{background-color: #CB2028;padding:10px 15px;}
.records .record li .rect4{background-color: #465A65;padding:10px 15px;}
.records .record li .rect ul{padding:15px 0;height: 213px; position: relative; top:150px;}
.records .record li .rect ul li { font-size: 14px;list-style-type:square;display: list-item;margin-left: 28px;margin-right: 10px;line-height: 21px;margin-bottom:8px;color: #000;}
.records .record>li:first-child .rect div:first-child h3{padding:0 40px;}
.records .record>li:nth-child(2) .rect div:first-child h3{padding:0 56px;}
.records .record>li:nth-child(3) .rect div:first-child h3{padding:0 19px;}
.records .record>li:last-child .rect div:first-child h3{padding:0 32px;}
.records .record>li:nth-child(3) .tri{top:-10px;}
.records .record>li:nth-child(2) .tri{top:-25px;}
.records .record>li:first-child .tri{top:-40px;}
.records .record>li:first-child{margin-left:3px;}
.records .record{position: relative;top:100px;padding: 0 5% 0 5%;}
@media only screen and (max-width: 1445px){
.main-header .header-upper .auto-container{padding:0px 3% 0px 6%;}
}
@media(max-width: 1311px){
.records .record>li:nth-child(2) .rect div:first-child h3{padding:0 46px;}
}
@media(max-width: 1300px){
.inside-contact .map_model iframe{width: 650px!important;}
.inside-contact .map_model{padding:0 5% 0 5%;}
.inside-contact .row .col-lg-8{width: 60%;padding:0 0 30px 0;}
.inside-contact .row .col-lg-4{width: 38%;padding:0 0 30px 0;}
.inside-contact .word-list li .col-lg-9{margin-left:2px;}
.inside-contact #messege p{float: left;}
.records .record>li{width: 22%;}
.records .record li .rect div:first-child h3{font-size: 18px;}
.records .record li .rect ul li{font-size: 13px;}
}
@media(max-width: 1200px){
.tid .tidContent{font-size: 30px;}
.main-menu .navigation > li > a{font-size: 16px;}
.main-header .header-upper .logo img{max-width: 80%;top:10px;}
.inside-contact .row .col-lg-8{width: 100%;padding:0 0 10px 0;}
.inside-contact .row .col-lg-4{width: 100%;padding:0 0 50px 0;}
.inside-contact .map_model iframe{width: 93%!important;}
.inside-contact .input-list{padding:2% 4% 5% 4%;margin-left:20%;}
.inside-contact #messege>ul>li{width: 65%}
.inside-contact #messege input[type='submit']{width: 65%}
.main-header .header-upper .btn-outer{display: none;}
.main-menu{padding-right: 0px;}
.records .tri span{border-width:28px 0 0px 182px;top:-28px;left:-179px;}
.records .tri{border-width:30px 0 0px 180px}
.records .tri .tg4 img{left:-105px;}
.records .tri .tg3 img{left:-112px;}
.records .tri .tg2 img{left:-125px;}
.records .tri .tg1 img{left:-135px;}
.records .record>li:nth-child(2) .rect div:first-child h3{padding:0 26px;}
.records .record>li:nth-child(3) .rect div:first-child h3{padding:0 5px;}
.records .record>li:nth-child(4) .rect div:first-child h3{padding:0 10px;}
.records .record>li:nth-child(1) .rect div:first-child h3{padding:0 15px;}
.records .record li div:nth-child(3) p{font-size: 13px}
}
@media(max-width: 1147px){
.por_top{padding-bottom:45px;}
.records .record li .rect{height: 435px;}
.records .record li div:nth-child(3){top:-470px;}
.records .record li .rect ul{top:140px;}
}
@media(max-width: 1058px){
.records .record li div:nth-child(3) p{height: 57px;overflow: hidden;}
.records .record>li:first-child{top:0px;}
.records .record>li:last-child{top:0px;}
.records .record>li:nth-child(3) .rect div:first-child h3{padding:0px;}
.records .record li .rect div:first-child h3{font-size: 17px}
.records .tri .tg1 img{width:50px;}
.records .tri .tg2 img{width:70px;}
.records .tri .tg3 img{width:85px;}
.records .tri .tg4 img{width:95px;}
.pro-tt .por_top li{width: 24.8%;background:#fff;margin: 0.3px;border-right: 1px solid #fff;}
.pro-tt .por_top{position: relative;overflow:hidden;}
.pro-tt .por_top{padding-bottom:10px;}
.pro-tt .por_top li:nth-child(4n){border-right: none;}
}
@media(max-width: 988px){
.records .record>li{width: 45.5%;}
.records .tri .tg1,.records .tri .tg2,.records .tri .tg3,.records .tri .tg4{display: none;}
.records .tri span{border-width:38px 0 0px 292px;top:-38px;left:-289px;}
.records .tri{border-width:40px 0 0px 290px;top:-100px;}
.records .record>li:first-child .tri{top:-100px;}
.records .record>li:nth-child(2) .tri{top:-100px;}
.records .record>li:nth-child(3) .tri{top:-100px;}
.records .record li .rect div:first-child h3{font-size: 20px;margin-left: 30px;padding:0px!important;}
.records .record li div:nth-child(3) p{font-size: 15px;}
.records .record li .rect ul li{font-size: 15px;}
.records .record li div:nth-child(3){top:-410px;}
.records .record li .rect ul{top:145px;}
.records .record>li{margin-right:8%}
.records .record>li:nth-child(2){margin-right: 0;top:40px;}
.records .record>li:first-child{top:40px;}
.records .record li .rect{height: 380px;}
}
@media(max-width: 948px){
.por_top{padding-bottom:44px;}
}
@media only screen and (max-width: 992px){
.thumbnail{margin-bottom: 0px;}
.inside-contact .input-list{padding:2% 4% 5% 4%;margin-left:8%;}
.inside-contact #messege>ul>li{width: 85%}
.inside-contact #messege input[type='submit']{width: 85%}
.inside-product #messege{display: none;}
.inside-product .col-sm-4:first-child{width: 50%}
.inside-product .col-sm-4:nth-child(2){width: 45%}
}
@media (max-width: 926px){
.main-header .header-upper .logo-outer{text-align:center;width: 100%}
.main-header .header-upper .logo img{max-width: 100%}
.inside-contact .input-list{margin-bottom: 20px;}
.pro-related{margin-bottom: 0px;margin-top: 20px;}
}
@media (max-width: 845px){
.inside-news .row .vLine{margin:30px 0px 50px 20px}
.records .record>li{width: 45.2%;}
.records .record li div:nth-child(3) p{line-height:1.3em;}
.records .tri span{border-width:38px 0 0px 272px;top:-38px;left:-269px;}
.records .tri{border-width:40px 0 0px 270px;top:-100px;}
}
@media (min-width: 768px){
.main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul {
display: block !important;
visibility: hidden;
opacity: 0;
}
}
@media (max-width: 1200px) and (min-width: 767px){
.inside-product-section:not(.pro-tt) .por_top li:nth-child(3){width: 160px;}
}
@media (max-width: 767px) and (min-width: 378px){
.pro-pro .pro-ul li .thumbnail a > p{font-size: 16px!important;}
}
@media only screen and (max-width: 767px){
.pro-tt .por_top{margin-bottom:0px;}
.records{display: none;}
.auto-container{padding:0px;}
.inside-product-section .tabBox{padding:10px;margin-bottom: 10px!important; }
.inside-about h3, .inside-about h2{font-size: 17px;}
.inside-about .inside-title h2{display: none;}
.inside-about .serv{margin-top: 10px;}
.serv .serv_text img{width: 100%;height:100%;}
.inside-about .serv{margin-bottom: 30px;}
.por_top li{width: 33.2%;margin: 0.1%}
.por_top li a{font-size: 13px;}
.por_top {margin-bottom: 46px;}
.bg-inside-section .auto-container .breadcrumb{margin-top:5px;padding:0px 10px;margin-bottom: 3px;letter-spacing: 0px;}
.por_top:not(.all-products) li:nth-child(3n){margin-right:0px;}
.por_top:not(.all-products) li:nth-child(3n+1){margin-left:0px;}
.all-products li:nth-child(3n+2){margin-left:0px;}
.all-products li:nth-child(3n+1){margin-right:0px;}
.serv .serv_img img{width: 100%;height:100%;}
.inside-product-section .row{margin-bottom:10px;}
.inside-contact .map_model{display: none;}
.inside-contact .input-list{margin-left: 2%;margin-top:20px;margin-bottom: 0px;}
.inside-contact .word-list li{width: 100%;margin-bottom: 20px;}
.inside-contact .word-list li .col-lg-9{margin-left: 10px;}
.inside-contact .word-list li:last-child{margin-left: 0px;}
.inside-contact .word-list{margin:4% 0 0 6%;}
.inside-contact .word-list li:last-child{width: 70%}
.inside-product-section .inside-title h2{font-size: 24px;padding-top:30px;}
.inside-contact .inside-title h2{font-size: 24px!important;padding-top:30px;}
.inside-contact .word-list li{font-size: 17px;margin-top:15px;}
.inside-contact .word-list li:last-child div:last-child{font-size: 16px;}
.inside-contact #messege>ul>li{width: 100%}
.inside-contact #messege input[type='submit']{width: 100%}
.inside-contact #messege p{float: right;}
.inside-contact .row .col-lg-4{margin-left: 0px;}
.inside-contact .row .col-lg-8{padding:0px;}
.inside-news .tabBox .tabBox{padding:0px!important;}
.inside-news .tabBox>.bd{padding-top:20px;}
.inside-news .tabBox>.bd>.inside-title h2{display: none;}
.inside-news .row .vLine,.inside-news .row .hLine,.inside-news .row .col_1 .rm{display: none;}
.inside-news .row .col_1:first-child .col-6 .new-hasImg, .inside-news .row .col_1:nth-child(3) .col-6 .new-hasImg{display: none;}
.inside-news .row .col_1:first-child{width: 100%;margin-left: 0px;max-height: 200px}
.inside-news .row .col_1:first-child time{margin-left:24px;margin-top:0px;}
.inside-news .row .col_1:first-child p{margin-left:24px;}
.inside-news .row .col_1:nth-child(3){width: 100%;max-height: 200px;margin-right:0px;}
.inside-news .row .col_1:nth-child(3) time{margin-left:24px;margin-top:0px;}
.inside-news .row .col_1:nth-child(3) p{margin-left:24px;}
.inside-news .row .col_1:first-child .col-6 , .inside-news .row .col_1:nth-child(3) .col-6{width: 100%;float: none;}
.inside-news .row .col_1:first-child h2 span:first-child, .inside-news .row .col_1:nth-child(3) h2 span:first-child{display: inline-block;}
.inside-news time{font-size: 16px;margin-left:14px;margin-top:0px;}
.inside-news .row .col_1 p{margin-left: 14px;margin-top:10px;}
.inside-news .row h2 a{ font-size: 17px;display: block;margin-left:30px;line-height: 24px;max-height: 48px;overflow:hidden;}
.inside-news .row .col_1 h2 span:first-child{float: left;margin: 0 10px; margin-top: 10px;}
.inside-news .inside-title{margin: 0 10px;}
.inside-news .row{margin-left:10px;padding:0px 0 20px 0;}
.inside-news .row .col_1:nth-child(5){margin-top:400px;}
.inside-news .row .col_1:first-child h2, .inside-news .row .col_1:nth-child(3) h2{margin-left:-8px;}
.inside-news .row .col_1:first-child h2 a, .inside-news .row .col_1:nth-child(3) h2 a{margin-left: 30px;}
#wrap_page ul{padding-bottom: 40px;}
.inside-products-section:not(.pro-tt) .por_top{display: none;}
.inside-products-section .tabBox{margin-bottom: 10px;}
.inside-products-section .tabBox>.bd>.inside-title h2{display: none;}
.inside-products-section .tabBox>.bd{padding-top: 20px;}
.inside-case{padding:1% 10px;}
.inside-case .col-xs-6{padding:0px;}
.inside-case .row .thumbnail .caption h3{margin: 1% 2%;font-size: 14px;height: 48px;font-weight: bold;}
.inside-case .row .thumbnail .caption{padding:1%;}
.inside-case .row .thumbnail .caption p{margin: 1% 2%;}
.inside-case .row .thumbnail .caption div{margin:15px 2%;font-size:13px;}
.inside-product-section .row .col_2:first-child{ width:100%;}
.inside-faq-section .row .col_3{ width:100%; min-height:100px;}
.inside-faq-section .row .col_3:nth-child(n){ margin-right:0;}
.inside-faq-section .row .col_3>div{line-height: 28px;height: 28px;width: 28px;}
.inside-faq-section .row .col_3>div>span{right: -12px;}
.inside-faq-section .row .col_3 h4{margin-left:40px;font-size: 16px;}
.inside-faq-section .row .col_3 p{margin-left:40px;font-size: 14px;}
.inside-faq-section .auto-container{margin-top:15px;}
.main-header .header-upper .logo img{max-width: 200px;}
.navbar-fixed-top .navbar-collapse{max-height: 100%;}
.navbar-fixed-top{position: relative;}
.main-header .header-upper .logo-outer{float:left;text-align: left;display: inline-block;width: auto;}
.sticky-header{ display:none; }
.main-header .nav-outer{ padding-right:0px; margin-top: 0; }
.main-header .btn-outer{ right:auto; left:10px; z-index:6; height:58px; top: 30px; }
.main-header .btn-outer .visit-btn{ padding:16px 0px; }
.main-header .header-top .top-right, .main-header .header-top .top-left { width: 100%; text-align:center; }
.main-header .header-top .top-right ul, .main-header .header-top .top-left ul { text-align: center; }
.main-header .main-menu{ padding-top:5px; width:100%; margin:0px; }
.pull-right.menu-outer {display: inline-block;width: 100%;margin-top:-40px;}
.main-menu .collapse { overflow:auto; float:none; width:100%; padding:10px 10px 0px; border:none; margin:0px; -ms-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-box-shadow:none; -ms-box-shadow:none; box-shadow:none; }
.main-menu .collapse.in, .main-menu .collapsing{ padding:10px 10px 0px; border:none; margin:0px 0px 15px; -ms-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
.main-menu .navbar-header{position:relative;float:none;display:inline-block;text-align:right;width:100%;padding:0 0 12px 0px; right:0px; z-index:12; }
.main-menu .navbar-header .navbar-toggle{ display:inline-block; z-index:7; border:1px solid #ffffff; float:none; margin:0px 15px 0px 0px; border-radius:0px; padding: 12px 15px; background:#1d80bd; } .search{ display:none;}
#searchform{ display:none;}
.cf{ display:block;position: static; margin-top: 10px;}
.main-menu .navbar-header .navbar-toggle .icon-bar{ background:#ffffff; }
.main-menu .navbar-collapse > .navigation{ float:none !important; margin:0px !important; width:100% !important; background:#ffffff; border:1px solid #ffffff; border-top:none; }
.main-menu .navbar-collapse > .navigation > li{ margin:0px !important; float:none !important; width:100%; }
.main-menu .navigation > li > a, .main-menu .navigation > li > ul:before{ border:none; }
.main-menu .navbar-collapse > .navigation > li > a{ padding:10px 10px !important; border:none !important; }
.main-menu .navigation li.dropdown > a:after, .main-menu .navigation > li.dropdown > a:before, .main-menu .navigation > li > ul > li > a::before, .main-menu .navigation > li > ul > li > ul > li > a::before{ color:#ffffff !important; right:15px; font-size:16px; display:none !important; }
.main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul{ position:relative; border:none; float:none; visibility:visible; opacity:1; display:none; margin:0px; left:auto !important; right:auto !important; top:auto !important; width:100%; background:#4bc700; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; border-radius:0px; transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -moz-transition:none !important; }
.main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul{ border-top:1px solid #2d2c2e !important; }
.main-menu .navbar-collapse > .navigation > li, .main-menu .navbar-collapse > .navigation > li > ul > li, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{ border-bottom:1px solid #2d2c2e !important; opacity:1 !important; top:0px !important; left:0px !important; visibility:visible !important; }
.main-menu .navbar-collapse > .navigation > li:first-child{ border:none; }
.main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{ padding:10px 10px !important; line-height:22px; color:#2d2c2e; background:#ffffff; text-align:left; }
.main-menu .navbar-collapse > .navigation > li > a:hover, .main-menu .navbar-collapse > .navigation > li > a:active, .main-menu .navbar-collapse > .navigation > li > a:focus{ background:#4bc700; }
.main-menu .navbar-collapse > .navigation > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li.current > a, .main-menu .navbar-collapse > .navigation > li.current-menu-item > a{ background:#43b1e8; color:#ffffff !important;border-top-left-radius: 0px; border-top-right-radius: 0px; }
.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{ display:block; }
.main-menu .navbar-collapse > .navigation li.dropdown:after, .main-menu .navigation > li > ul:before{ display:none !important; }
.main-header .social-links-one{ top:0px; }
.main-slider .tp-caption{ display:none !important; }
.main-slider{ margin-top:0px !important; }
.tid .tidContent{font-size: 24px;}
.pro-related .row {padding:0px;}
.pro-related ul li{width: 100%}
.pro-related ul li .thumbnail a > img{width: 30%;display: inline-block;margin-right: 10px;}
.pro-related ul li .thumbnail a > p{width: 60%;display: inline-block;text-align: left;font-size: 16px;}
.pro-pro .pro-ul{padding:0px!important;margin-bottom: 40px!important;}
.pro-pro .pro-ul li{width: 100%!important;height:110px!important;}
.pro-pro .pro-ul li div{width: 100%!important;height:110px!important;}
.pro-pro .pro-ul li .thumbnail a > img{width: 30%;display: inline-block;margin-right: 10px;}
.pro-pro .pro-ul li .thumbnail a > p{width: 60%;display: inline-block;text-align: left;}
.pro-tt .inside-title h2{font-size: 22px!important;padding-top:20px;}
.pro-tt .tabBox{padding-bottom: 20px!important;}
.inside-product .col-sm-4{padding:0px;}
.inside-product .col-sm-4:first-child{width: 100%}
.inside-product .col-sm-4:nth-child(2){width: 100%;margin-top:40px;}
.inside-product .inside-title h2{font-size: 20px!important;padding-top:10px;}
.inside-product .inside-title {margin:0px 10px;}
.inside-product .tabBox{padding:15px;}
.inside-product .content-box{padding:20px 0 10px 0;}
.inside-product .list-marked{margin-left: 0px;}
.inside-product .addthis_inline_share_toolbox{margin-left: 0px;margin-top:20px;}
.inside-product .content-box .row{padding-bottom: 10px;}
.pro-packaging .content-box .pro-packaging-con:last-child{padding-bottom: 0px;}
.pro-speci .tab-content .active{padding:10px;}
.pro-speci{padding-bottom: 0px;}
.pro-related{margin-top: 0px;}
.pro-related .inside-title h2{font-size: 20px!important;padding-top:10px;}
.news-div .por_top {display: none;}
.inside-new .inside-title h2{font-size: 20px!important;padding:10px;}
.inside-new time{margin-left: -10px;}
.inside-new .content,.inside-news .next_pre{padding:0px;}
.inside-new .content img{max-width: 100%;width: auto;display: block;height: auto;}
.inside-new .tabBox .h2Line{margin:10px 0;width: 100%}
.inside-new .pro-related .row{padding:0px;margin-left: 0px;margin-top: 10px;}
.inside-new .pro-related ul li .thumbnail a > p{width: 50%}
.case-div .por_top{padding-bottom: 0px;margin-bottom: 0px;}
}
@media (max-width: 575px) {
.pro-related ul li .thumbnail a > img{width: 35%;display: inline-block;margin-right: 10px;}
.pro-related ul li .thumbnail a > p{width: 60%;display: inline-block;text-align: left;font-size: 16px;}
.pro-pro .pro-ul li .thumbnail a > img{width: 35%;display: inline-block;margin-right: 10px;}
.pro-pro .pro-ul .thumbnail a > p{width: 60%;display: inline-block;text-align: left;}
}
@media(max-width: 480px) {
.inside-contact .word-list li:last-child{width: 100%}
.main-menu .navbar-header .navbar-toggle{padding:12px 10px;border-radius: 4px;}
.pro-pro .pro-ul li{width: 100%!important;height:90px!important;}
.pro-tt .por_top li{width: 33.1%;background:#fff;margin: 0px;border-right:none;}
.pro-tt .por_top{position: relative;overflow:hidden;}
.pro-tt .por_top{margin-bottom:10px;padding-bottom:0px;background-color: #546E7A}
.pro-tt .por_top li:nth-child(3n) a{border-right: none!important;}
.pro-tt .por_top li a{border-right:1px #FFF solid!important;border-bottom:1px #FFF solid;}
.pro-tt .por_top li:nth-child(7) a{border-bottom: none;}
.pro-tt .por_top li:nth-child(8) a{border-bottom: none;}
}
@media(max-width: 450px) {
}
@media(max-width: 413px){
.pro-tt .por_top li{width: 49.9%;background:#fff;margin: 0px;border-right:none;}
.pro-tt .por_top{position: relative;overflow:hidden;}
.pro-tt .por_top{margin-bottom:10px;padding-bottom:0px;background-color: #546E7A}
.pro-tt .por_top li a{border-right: 1px #fff solid!important;border-bottom: 1px #fff solid!important;}
.pro-tt .por_top li:nth-child(3n) a{border-right: 1px #fff solid!important;}
.pro-tt .por_top li:nth-child(2n) a{border-right: none!important;}
.por_top li{width: 49.9%;background:#fff;margin: 0px;border-right:none;}
.por_top{position: relative;overflow:hidden;}
.por_top{margin-bottom:10px;padding-bottom:0px;background-color: #546E7A}
.por_top li a{border-right: 1px #fff solid!important;border-bottom: 1px #fff solid!important;}
.por_top li:nth-child(2n) a{border-right: none!important;}
.inside-product-section:not(.pro-tt) .por_top li:nth-child(6) a{border-bottom: none!important;}
.inside-product-section:not(.pro-tt) .por_top li:nth-child(5) a{border-bottom: none!important;}
.pro-tt .por_top li:nth-child(7) a{border-bottom: none!important;}
.pro-tt .por_top li:nth-child(8) a{border-bottom: none!important;}
}
@media(max-width: 375px) {
.main-header .header-upper .logo img{max-width: 160px;}
.main-menu .navbar-header .navbar-toggle{padding:9px 7px;}
.pro-related ul li .thumbnail a > img{width: 35%;display: inline-block;margin-right: 10px;}
.pro-related ul li .thumbnail a > p{width: 60%;display: inline-block;text-align: left;font-size: 14px;}
.pro-pro .pro-ul li .thumbnail a > img{width: 30%;display: inline-block;margin-right: 10px;}
.pro-pro .pro-ul .thumbnail a > p{width: 60%;display: inline-block;text-align: left;}
.pro-pro .pro-ul li{width: 100%!important;height:80px!important;}
}