@charset "utf-8";
/* CSS Document */

body, form, div, span, ul, ol, li, p, pre, dl, dt, dd, h1, h2, h3, h4, h5, h6, em, a, fieldset, legend, address, label, textarea, select, input, figure, table, th, td, b, i {margin: 0;padding: 0;font-family: 'Roboto';}
fieldset, img {border: 0;}
ul, li {list-style: none;vertical-align: middle;margin: 0;padding: 0;}
em, i {font-style: normal;}
table {border-collapse: separate;border-spacing: 0;}
a {text-decoration: none;}
a:focus, input, button, select, textarea {outline: none;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 20px;padding: 0;line-height: 1;font-weight: 400;}
h1 {font-size: 35px;}
h2 {font-size: 30px;}
h3 {font-size: 25px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 14px;}
input, select, img {vertical-align: middle;}
img {vertical-align: middle;border: none;max-width: 100%;}
legend {display: none;}
textarea {resize: none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.txtr {text-align: right;}
body {font-size: 14px;background-color: #fff;color: #6E6D6D;line-height: 200%;}
section {padding: 30px 0;}
.social-icons {display: inline-block;}
.language-icons {float: left;height: 30px;display: inline-block;position: relative;width: 120px;text-align: left;}
.language-icons span {line-height: 40px;padding: 0 10px 0 23px;display: block;cursor: pointer;}
.language-icons .language-list {display: none;position: absolute;z-index: 10000;color: #000;background-color: #eee;margin-top: 7px;width: 100%;border: 1px solid #ccc;left: -5px;}
.language-icons .language-list li {padding: 0 10px;line-height: 230%;position: relative;}
.language-icons .language-list a {color: #000;padding-left: 20px;}
.language-icons .language-list a:hover {color: #ffa200;}
.language-icons .language-list ul li a:before {position: absolute;content: "";width: 16px;height: 12px;left: 5px;top: 8px;background-image: url(../images/css-sprite.png);background-repeat: no-repeat;}
.language-icons span:before {position: absolute;content: "";width: 16px;height: 12px;left: 0px;top: 15px;background-image: url(../images/css-sprite.png);background-repeat: no-repeat;}
.English:before {background-position: 0 -74px;}
.French:before {background-position: -16px -74px;}
.German:before {background-position: -34px -74px;}
.Italian:before {background-position: -50px -74px;}
.Russian:before {background-position: -68px -74px;}
.Spanish:before {background-position: -85px -74px;}
.Portuguese:before {background-position: -102px -74px;}
.Dutch:before {background-position: -119px -74px;}
.Greek:before {background-position: -136px -75px;}
.Japanese:before {background-position: -153px -75px;}
.Korean:before {background-position: -170px -75px;}
.Arabic:before {background-position: -187px -75px;}
.Hindi:before {background-position: -204px -75px;}
.Turkish:before {background-position: -221px -75px;}
.Indonesian:before {background-position: -112px -63px;}
.Vietnamese:before {background-position: -129px -63px;}
.Thai:before {background-position: -146px -63px;}
.Bengali:before {background-position: -163px -63px;}
.Persian:before {background-position: -181px -63px;}
.Polish:before {background-position: -197px -63px;}
.Chinese:before {background-position: -214px -63px;}

.header-top{margin:0 auto;width:100%;max-width:1920px;margin:0 auto;}
.top1{width: 100%;height:30px;line-height:30px;overflow:hidden;border-bottom:1px solid #e8e8e8;background:url(../images/top.jpg) repeat-x top center}
.top1_1{width:1170px;margin:0 auto}
.head_l{float:left;}
.head_z{position: fixed;right: 0;top: 0;z-index: 10000;}
.head_z a{overflow:hidden;}
.head_r{float:right;width: 260px;padding-right: 75px;}
.head_r p{float:left;width:210px;}
.head_r p a{color:#fff;float:left;height:60px;line-height:56px;text-align:center;text-shadow: 1px 1px 0px #B49000;}
.header_right{width:15%;float:right;text-align:right}
.header_right ul{overflow:hidden;}
.header_right ul li{float:left;}
.header_right li a{height:22px;line-height:22px;padding: 0 3px;color:#222;padding-left:5px;padding-right:10px;}
.top2{width:1200px;overflow:hidden;position:relative;height:100px;margin: 0 auto;}
.logo_l{float:left;}
.logo_l img {max-height: 100px;width: auto;}
.site-branding-text {float: right;margin-left: 30px;}
.logo_r {float: right;width: 300px;}
.logo_r .phonetxt {margin-top: 20px;}
.logo_r .phonetxt i {float: left;margin-right: 12px;margin-top: 15px;}
.logo_r .phonetxt p {margin-top: 2px;float: left;font-size: 14px;color: #434343;line-height: 24px;margin-top: 10px;}
.logo_r .phonetxt p span {display: block;font-size: 18px;color: #009df4;font-weight: bold;}
.logo_r .phonetxt img {width: 45px;}
.tel1{display: block;display: block;font-size:15px;padding-left:60px;}
.tel1 span{color:#0975ff;font: bold 24px/32px "Arial";white-space: nowrap;}
.header-top .container {padding: 0 !important;background: none !important;}
.container {width: 1170px;margin: 0 auto;position: relative;}
.toggleMenu {display: none;} input.search-field{color: #333;}
.fa {margin-right: 5px;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.header-top a {color: #333;}
.header-top a:hover {color: #381305;}
.header {width: 100%;z-index: 9999;position: relative;box-sizing: border-box;background-color: #fff;}
.header-top {color: #8f8f8f;line-height: 36px;font-size: 14px;border-bottom: 1px #e2e2e2 solid;background-color: #fff;}
.header.fixed {position: fixed;top: 0;z-index: 999999;transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;border-top: 2px solid #005fb5;}
.header-inner {width: 1170px;margin: 0 auto;position: relative;}
.logo {float: left;text-align: left;width: 70%;padding: 15px 0;}
.logo .site-branding-text {display: inline-block;margin-left: 20px;border-left: 1px solid #ccc;padding: 0 20px;vertical-align: middle;}
.logo .site-branding-text h1 {font-size: 30px;color: #333;padding: 5px 0;margin: 0;font-weight: 600;font-family: "华文行楷";}
.logo img {height: 51px;}
.mainmenu {background-color: #005fb5;}
ul#menu-menus {text-align: center;}
.sitenav {padding: 0;position: relative;z-index: 9999;}
.sitenav ul {margin: 0;padding: 0;sans-serif;font-weight: 500;}
.sitenav ul li {border-right: 2px solid #50a847;display: inline-block;text-transform: uppercase;position: relative;}
.sitenav ul li a {padding: 10px 50px;display: block;text-align: center;transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;color: #fff;line-height: 24px;}
.sitenav ul li ul li {display: block;position: relative;float: none;top: 1px;border-bottom: 1px #666 solid;border-right: 1px #666 solid;}
.sitenav ul li ul li a {padding: 7px 15px;display: block;position: relative;top: 0;text-align: left;line-height: 180%;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li:hover a.parent {background-color: #f19000;}
.sitenav ul li ul.sub-menu li a:hover, .sitenav ul li.current_page_item ul.sub-menu li a:hover, .sitenav ul li ul.sub-menu li.current_page_item a {background-color: #f19000;}
.sitenav ul li ul {display: none;z-index: 9999;position: relative;}
.sitenav ul li:hover > ul {display: block;width: 185px;position: absolute;left: 0;text-align: left;}
.sitenav ul li:hover ul li ul {display: none;position: relative;}
.sitenav ul li:hover ul li:hover > ul {display: block;position: absolute;left: 185px;top: -1px;}
.sub-menu {background-color: #0e0e0e;}
.sub-menu2 {background-color: #0e0e0e;margin-left: -15px !important;}


.innerbanner {text-align: center;overflow: hidden;}
.innerbanner img {position: relative;background-size: cover;width: 100%;height: auto;}
.breadcrumb {background-color: #cccccc38;font-size: .92em;color: #777;padding: 10px 0;}
.breadcrumb nav{width:1170px; margin:0 auto;}
.breadcrumb a{color: #777;}
.breadcrumb a:hover{color: #ffa200;}
.prosweet {position: relative;text-align: center;}
h2.section_title {font-weight: 500;font-size: 33px;text-align: center;color: #ffba00;line-height: 200%;}
ul.products{clear: both;margin: 0 0 1em;padding: 0;list-style: none outside;}
ul.products::after,ul.products::before{content: ' '; display: table;}
ul.products li.first{clear: both;}
ul.products li.product{float: left;margin: 0 3% 2.992em 0;padding: 0;position: relative;width: 22%;margin-left: 0;}
ul.products li.product a {color:#0a0a0a;}
ul.products li.product a img {width: 100%; height: auto; display: block; margin: 0 0 1em;box-shadow: none;}
ul.products li.product .loop-category-title,ul.products li.product .loop-product-title, ul.products li.product h3 {padding: .5em 0; margin: 0;font-size: 1em;    text-align: center;}
.related{margin-top:50px;}
.columns-3 ul.products li{width:32.5% !important; margin-right:1%!important;}
.columns-3 ul.products li:nth-child(3n){margin-right: 0!important;}
.columns-3 ul.products li:nth-child(3n+1){clear:both!important;}
.columns-4 ul.products li:nth-child(4n){margin-right: 0;}
.columns-4 ul.products li:nth-child(4n+1){clear:both;}
.columns-5 li{width:19% !important; margin-right:1%!important;}
.columns-5 li:nth-child(5n){margin-right: 0!important;}
.columns-5 li:nth-child(5n+1){clear:both!important;}
.columns-4 .prolist-4:nth-child(4n),.columns-3 .prolist-3:nth-child(3n),.columns-5 .prolist-5:nth-child(5n){margin-right: 0;}
.columns-3 .prolist-3:nth-child(3n+1),.columns-4 .prolist-4:nth-child(4n+1),.columns-5 .prolist-5:nth-child(5n+1){clear:both;}
.lastcols{margin-right:0 !important;}
h1.page-title {font-weight: 600;font-size: 26px; padding-bottom: 20px; margin-bottom: 30px; position: relative;color: #282828;}
.product-gallery{width:420px;height:auto;overflow:hidden;float:left;position:relative;margin-bottom:15px;}
.product-gallery .btn{position:absolute;width:22px;height:70px;top:430px;cursor:pointer;z-index:999;font-size:50px;font-weight:bold;}
.product-gallery .prev{left:0;background:transparent url(../images/l.jpg) no-repeat scroll 0 center;width:29px;height:70px;position:absolute;top:430px;}
.product-gallery .prev:hover{background:transparent url(../images/ls.jpg) no-repeat scroll 0 center;width:29px;height:70px;}
.product-gallery .next{margin-right:-2px;right:0;background:transparent url(../images/r.jpg) no-repeat scroll 0 center;width:29px;height:70px;position:absolute;top:430px;}
.product-gallery .next:hover{background:transparent url(../images/rs.jpg) no-repeat scroll 0 center;width:29px;height:70px;}
.product-gallery .btns{position:absolute;width:22px;height:70px;top:267px;cursor:pointer;z-index:999;font-size:50px;font-weight:bold;}
.product-gallery .prevTop{display:none;left:0;background:transparent url(../images/l01.jpg) no-repeat scroll 0 0;width:25px;height:44px;}
.product-gallery .prevTop:hover{background:transparent url(../images/l01s.jpg) no-repeat scroll 0 0;width:25px;height:44px;}
.product-gallery .nextTop{display:none;right:0;background:transparent url(../images/r01s.jpg) no-repeat scroll 0 0;width:25px;height:44px;}
.product-gallery .nextTop:hover{background:transparent url(../images/r01.jpg) no-repeat scroll 0 0;width:25px;height:110px;}
.product-gallery li{float:left;}
.product-gallery .cf li{position:relative;width:634px;}
.product-gallery .picBox{width:100%;height:420px;margin:auto;position:relative;overflow:hidden;}
.product-gallery .picBox ul{height:422px;position:absolute;}
.product-gallery .picBox li{width:420px;height:420px;position:relative;}
.product-gallery .picBox li img{width:100%;height:100%;padding:0;}
.product-gallery .picBox li span{width:100%;position:absolute;height:30px;line-height:30px;bottom:12px;left:11px;color:#FFF;font-size:14px;text-align:center;}
.product-gallery .listBox{width:100%;margin:10px auto auto;height:70px;position:relative;overflow:hidden;}
.product-gallery .listBox ul{width:1000px;height:70px;position:absolute;overflow:hidden;margin-left:35px;}
.product-gallery .listBox li{width:75px;height:70px;cursor:pointer;position:relative;}
.product-gallery .listBox li i{display:none;margin:0 7px;}
.product-gallery .listBox li img{width:60px;height:60px;border:1px solid #E9E9E9;padding:4px;}
.product-gallery .listBox .on img{width:60px;height:60px;border:1px solid #A80901;padding:4px;}
.product-gallery .listBox .on i{display:block;}
.contact_now_m{display:none;}
.contact_now_pc,.contact_now_m{margin-top:20px;}
.contact_now_pc a,.contact_now_m a{background-color: #005fb5; color: #fff;padding: 8px 20px;font: 500 16px ;display: inline-block;transition: all .5s ease 0s;-o-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s;border-radius: 50px;}
.contact_now_pc a:hover,.contact_now_m a:hover{background-color:#ffba00;color: #fff;}

.copyright-txt-modal{background-color: #666666;color: white;font-size: 14px;padding: 10px;}

div.summary{float: right;clear: none;}
div.summary .product_title {font-size: 22px; margin-bottom: 30px; padding-bottom: 20px; color: #282828;position: relative;}
h1.entry-title::after {content: ""; position: absolute; width: 50px; height: 2px; background-color: #ffba00; bottom: 0; left: 0; right: 0;}
a, .slide_toggle a, .postby a, .news-box .PostMeta a, .post-title a {color: #383838;}
a:hover, .slide_toggle a:hover, .news-box h6 a:hover, .postby a:hover, .news-box .PostMeta a:hover{color:#005fb5;}
.site-main {width: 830px; margin: 0;  padding: 0; float: left;}
h1.entry-title::after {content: ""; position: absolute; width: 50px; height: 2px; background-color: #ffba00; bottom: 0;left: 0;right: 0;}
.post-title {margin-bottom: 10px; font-weight: 400; line-height: 25px;}
h3 {font-size: 20px; color: #282828;}
.alignleft, img.alignleft {display: inline; float: left; margin-right: 25px;  margin-top: 4px; margin-bottom: 6px; padding: 0; height: auto;}
article p {margin: 0 0 20px 0;}
p.read-more a {background-color: #005fb5; color: #fff; text-align: center; padding: 5px 15px; display: inline-block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
p.read-more a:hover{background-color:#ffae00;}
.spacer20 {height: 50px; clear: both;}

#sidebar {width: 270px;float: right;}
.sitewidget-bd,.news{margin-bottom: 15px;border: 1px solid #ccc;}
aside.widget ul {list-style: disc;}
.titlele,h3.widget-title { color: #333;margin-bottom: 0px;font-size: 14px;    background: url(../images/tit1n.gif) no-repeat;    height: 36px;    line-height: 36px;    padding-left: 18px;    overflow: hidden;    font-weight: bold;}
#sidebar ul li {border-bottom: 1px solid #ddd;color:#fff;}
#sidebar ul li a {display:block;padding:10px;font: 300 14px/18px "Raleway";color: #000;    }
.slight-submenu-pstRe a{background: url(../images/product-arrow1.png) left no-repeat #fcfcfc;margin-left: 5px;padding: 10px 0 10px 20px !important;}
#sidebar ul li ul{background-repeat:repeat;padding:10px 0;display:none;background-color: #efefef;}
#sidebar ul li ul li{border-bottom:0;margin-bottom:0;color:#00414e;}
#sidebar ul li ul li a:before{ }
#sidebar ul li ul li a{background-color:transparent;color:#00414e;padding: 0px 10px 0 20px;;font-size:14px;}
#sidebar ul li ul li a:hover{color:#FF8500;}
.news2 ul li {background: url(../images/icon1.gif) no-repeat scroll 5px 15px;padding-left: 17px;line-height: 29px;overflow: hidden;word-wrap: break-word;}
form.search-form,.widget{margin-bottom: 10px;}
.widget.contact{background-repeat:repeat;margin-bottom: 10px;    border: 1px solid #ccc;}
.contactdetail {padding: 10px;}
sidebar .search-form input.search-field {background-color: #ff8a01;width: 80%;padding: 12px 15px 13px 15px;box-sizing: border-box;	color:#fff;}
input.search-field::-webkit-input-placeholder {color: #777;}
input.search-field::-moz-input-placeholder {color: #777;}
input.search-field::-ms-input-placeholder {color: #777;}
#sidebar .search-form input.search-field::-webkit-input-placeholder {color: #fff;}
#sidebar .search-form input.search-field::-moz-input-placeholder {color: #fff;}
#sidebar .search-form input.search-field::-ms-input-placeholder {color: #fff;}
#sidebar .search-form input.search-submit {background: url(../images/search-icon.png) no-repeat center center #212121;padding: 12px 0 12px 0;font-size: 0;width: 20%;height: 40px;float: right;	background-color: #00414e;color: #ffffff;	cursor: pointer;}


.fa{margin-right:5px;}
.contactdetail a{color:#005fb5;}
.entry-summary p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
h1.entry-title {font-weight: 600; font-size: 26px; padding-bottom: 20px; margin-bottom: 30px; position: relative;}
.blog-post-repeat .post-thumb img {float: left; margin-right: 15px; margin-bottom: 15px; width:170px; height: auto;}
.case-thumb {text-align: center;}
.entry-content {margin-bottom: 10px;}

.footer {background-color: #191514;position: relative;color: #ffffff;padding: 30px 0;font-size: 14px;}
.footer a {color: #ffae00;}
.link-ul {height: 45px;border-bottom: 1px solid #555;margin-bottom: 30px;}
.link-ul li {display: inline-block;padding: 0 20px;}
ul#menu-footer {text-align: center;}
.footer a:hover {color: #ffae00 !important;}
.footer .cols-1 {width: 100%;float: left;margin: 0 0px 30px 0;position: relative;}
.footer .cols-2.widget-column-1 {width: 70%;float: left;margin: 0 30px 30px 0;position: relative;}
.footer .cols-2.widget-column-2 {width: 25%;float: left;margin: 0 0px 30px 0;position: relative;}
.footer .cols-4 {width: 23%;float: left;margin: 0 30px 30px 0;position: relative;}
.footer .cols-3.widget-column-1 {width: 22%;float: left;margin: 0 30px 30px 0;padding-right: 5px;position: relative;border-right: 2px solid #ccc;}
.footer .cols-3.widget-column-1 img{width:95%;margin-top:85px;}
.footer .cols-3.widget-column-2 {width: 35%;float: left;margin: 0 30px 30px 0;position: relative;border-right: 2px solid #ccc;}
.footer .cols-3.widget-column-3 {width: 37%;float: left;margin: 0 0px 30px 0;position: relative;}
.footer .cols-3.widget-column-3 .etxt{float: left;text-align: right;margin-right: 10px;}
.footer .cols-3.widget-column-3 .etxt .e1 {font-size:16px;color: #747474;line-height: 30px;}
.footer .cols-3.widget-column-3 .etxt .e2 {margin-top: 30px;color: #fff;font-size: 2.4rem;font-family: "Impact";}
.footer .cols-3.widget-column-3 .etxt .e2 img{width: 30px;}
.footer .cols-3.widget-column-3 .etxt .e2 i {margin-right: 10px;}
.footer .cols-3.widget-column-3 .etxt .e2 span {font-size:28px;}
.footer .cols-3.widget-column-3 .pic {float: right;}
.footer .cols-3.widget-column-3 .pic img{width: 175px;}
.footer h5 {padding-bottom: 30px;font-weight: 700;margin-bottom: 25px;position: relative;color: #fffefe;font-size: 18px;}
.footer h5:after {border-bottom: 3px solid #005fb5;bottom: 0;content: "";left: 0;margin: auto;position: absolute;width: 40px;}
.footer p i {margin-right: 5px;}
.footer .lastcols a:hover {color: #98cc4d;}
.footer .footerlogoheight {width: 80%;display: block;}
.copyright-wrapper {border-top: 1px solid #333;position: relative;padding: 15px 0;line-height: 1;}
ul.recent-post {margin: 0;padding: 0;list-style: none;}
ul.recent-post li {width: 100%;margin: 0;list-style: none;overflow: hidden;}
.footer ul li a {padding: 0;color: #fff;display: inline-block;line-height: 250%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.footer p {line-height: 200%;}
.footer ul li a:hover {color: #005fb5;}
.footer ul li a:before {font: normal normal normal 14px/1 FontAwesome;content: "\f105";font-weight: 900;font-size: 14px;padding-right: 10px;}
ul.recent-post li {font-size: 14px;float: left;margin: 0;padding-top: 0;width: 220px;overflow: hidden;text-overflow: ellipsis;}
#back-top {position: fixed;bottom: 115px;right: 25px; z-index:990;}
#back-top a {width: 64px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top span {width: 40px;height: 40px;border-radius: 5px;border: 1px solid #ccc;display: block;margin-bottom: 7px;background: url(../images/up-arrow.png) no-repeat center center;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;background-color: #fff;}
.footer2 {display: none;}
/*chen*/
.taxonomy-description strong:before {content:"";display:block;height:0;clear:both;}
.alignleft,img.alignleft{display:inline;float:left;margin-right:25px;margin-top:4px;margin-bottom:6px;padding:0;height:auto;}.alignright,img.alignright{display:inline;float:right;margin-left:25px;height:auto;}.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-top:0;height:auto;}
.pagination{display:table !important;clear:both;margin:10px auto !important;}
.pagination ul{list-style:none;margin:20px 0;}
.pagination ul li{display:inline;float:left;margin-right:5px;background-color: #3060b5;}
.pagination ul li span,.pagination ul li a{color:#fff;padding:5px 10px;display:inline-block;}
.pagination ul li .current,.pagination ul li a:hover{background:#f0b913;}
.leftSidebar{float:right!important;}
.profull{width:100% !important;}

.footer .lastcols p {margin: 0px;}
#crumbs {height: 50px;line-height: 50px;background-color: #cccccc38;padding-left: 10px!important;width: 1160px;margin: 10px auto!important;}
#crumbs a, #crumbs span{padding: 0 5px;}
h4.screen-reader-text {display: none; }.nav-previous{float:left;margin-top:10px;margin-bottom:10px;}.nav-next{float:right;margin-top:10px;margin-bottom:10px;}nav.post-navigation {padding: 10px 0 10px;background-color: #efefef;margin-bottom:10px;}
.newslist {color: #898989; no-repeat left 18px;font-size: 16px;    line-height: 22px;    padding: 12px 0px;    padding-left: 13px;    border-bottom: 1px dashed #e3e2e2;}
.newslist a {color: #2F2F2F;}
.newslist a:hover, .blog-post-repeat li a:focus {text-decoration: none;color: #ffa200;}
.newslist span.right_new_time {display: inline-block;    float: right;}

/*chen*/
@media screen and (min-width:769px) and (max-width:1024px){.container,.header-inner{width:1000px;}.footer .cols-4{width:22%;}}
@media screen and (min-width:421px) and (max-width:768px){.product-gallery .picBox {width: 390px;height: 390px;margin:0 auto;}.product-gallery .picBox ul {height: 392px;}.product-gallery .picBox li {width: 390px; height: 390px;}.product-gallery .prev{top: 400px;}.product-gallery .next{top: 400px;}}
@media screen and (min-width:401px) and (max-width:420px){.product-gallery .picBox {width: 370px;height: 370px;margin:0 auto;}.product-gallery .picBox ul {height: 372px;}.product-gallery .picBox li {width: 370px; height: 370px;}.product-gallery .prev{top: 380px;}.product-gallery .next{top: 380px;}}
@media screen and (min-width:360px) and (max-width:400px){.product-gallery .picBox {width: 330px;height: 330px;margin:0 auto;}.product-gallery .picBox ul {height: 332px;}.product-gallery .picBox li {width: 330px; height: 330px;}.product-gallery .prev{top: 340px;}.product-gallery .next{top: 340px;}}
@media screen and (min-width:320px) and (max-width:359px){.product-gallery .picBox {width: 290px;height: 290px;margin:0 auto;}.product-gallery .picBox ul {height: 292px;}.product-gallery .picBox li {width: 290px; height: 290px;}.product-gallery .prev{top: 300px;}.product-gallery .next{top: 300px;}}
@media screen and (max-width:767px){
    html{width:100%;overflow-x:hidden; }
    body{overflow-x:hidden; position:relative;}
    .product-gallery{width:100%; float:none;}
    .header .container {width: 60%;}
    .header-top .container .left {display: none;}
    .container {width: auto; padding:0 20px;}
    .header {position: relative; padding:10px;}
    .top2 {height: 65px;}
    .logo_l { width:70%;padding: 20px;}
    .logo_r { width:30%;}
    .logo_l img { height: 50px; }

    .header-inner {width: auto; padding: 0 20px;}
    .toggle {margin-top: -60px; position: absolute; right: 10px;}
    .toggleMenu {display: block;}
    .toggle a {width: auto;  color: #fff; background: url(../images/mobile_nav_right.png) no-repeat right center #005fb5; padding: 18px 23px; margin-top: 5px; font-size: 16px; text-align: left;}
    .sitenav ul li ul li a:before {content: "\00BB \00a0";}
    .sitenav ul li ul li ul li a:before {content: "\2013";}
    .sub-menu2 {margin-left: 0!important;}
    .sitenav{float:none;margin:0;top:0;position:relative;overflow-x:hidden; display:none;}
    .sitenav ul{color:#000;width:100%!important;float:none!important;margin:0;padding:0;}
    .sitenav ul li{border-top:1px #f1dbc7 solid;display:block;float:none;text-align:left;border-right:0}
    .sitenav ul li a{padding:5px 10px!important;display:block;text-align:left}
    .sitenav ul li a:hover,.sitenav ul li.current_page_item a,.sitenav ul li:hover a.parent{color:#000!important;background:none!important}
    .sitenav ul li.current_page_item ul li a{color:#fff!important;}
    .sitenav ul li ul,.sitenav ul li ul ul{display:block!important; background-color:transparent;}
    .sitenav ul li ul li a:before{content:"\00BB \00a0"}
    .sitenav ul li ul li{border-bottom:1px solid transparent!important;border-right:0}
    .sitenav ul li ul li a{padding-left:20px!important}
    .sitenav ul li ul li ul li a{padding-left:30px!important}
    .sitenav ul li ul li ul li ul li a{padding-left:40px!important}
    .sitenav ul li:hover>ul{background:none!important;width:auto!important;display:block;position:relative!important;left:0;right:0;top:0}
    .sitenav ul li:hover ul li ul,.sitenav ul li:hover ul li:hover>ul,.sitenav ul li:hover ul li:hover>ul li ul{background:transparent!important;display:block;position:relative!important;right:0;left:0;top:0}
    .sitenav ul li:hover ul li:hover ul,.sitenav ul li:hover ul li:hover ul li:hover ul{left:0!important}
    .breadcrumb nav {width: 95%;  line-height: 24px;  height: auto; background-color: #cccccc38; padding:5px 20px; font-size: .92em; color: #777;}
    .breadcrumb a {color: #777;}
    h1.page-title{padding-bottom:0; margin-bottom:0;}
    h2.section_title {font-size: 26px!important;}
    .products ul,ul.products {margin: 0 0 1em;padding: 0; list-style: none outside; clear: both;}
    ul.products[class*=columns-] li.product{width: 48% !important; float: left; clear: both;margin: 0 1% 1.5em;text-align:center;}
    ul.products[class*=columns-] li.product:nth-child(2n){float: right; clear: none!important;}
    ul.products li.product h2 {padding: .5em 0; margin: 0; font-size: 1em;}
    a, .slide_toggle a, .postby a, .news-box .PostMeta a, .post-title a {color: #383838;}
    nav.pagination{margin-bottom:20px;}

    .services p{text-align:center;}
    .teammember-list {width:100%!important; margin: 25px 0 25px 0; position: relative; text-align: center; padding: 0;}
    .thumnailbx {max-height: 326px;  width: 64%; margin: 0 auto;}
    .thumnailbx img{border-radius:50%;}
    .titledesbox { background-color: #eee;padding: 20px 10px;margin-top:5px;}
    .teammember-list h3 {font-size:20px; font-weight: 400;  color: #ffba00; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
    .teammember-list h3 a { color: #ffba00;}
    .teammember-list h3::after {content: ""; position: absolute; width: 25px; height: 2px; background-color: #ffba00; bottom: 0; left: 0; right: 0; margin: 0 auto;}
    .titledesbox cite {font: 400 14px ; color: #828181;}
    .contact_now_m{display:block; margin:30px 0; text-align:center;}
    .contact_now_m a{display:inline-block; width:88%; text-align:center;}
    .contact_now_pc{display:none;}
    .footer .cols-4:nth-child(1),.footer .cols-4:nth-child(2){display:none;}
    .footer .cols-4 {width:100%!important; margin:0;}
    .footer .cols-3:nth-child(1){display:none;}
    .footer .cols-3 {width:100%!important; margin:0;}
    .footer2 {font-size: 16px; position: fixed; bottom: 16px;left: 0px;height: 30px;line-height: 30px; text-align: center;background: #005fb5;width: 100%;opacity: 0.9; display: block; z-index: 2001;}
    .footer2 ul {width: 100%; display: table;table-layout: fixed;}
    .footer2 li {display: table-cell;text-align: center; color: #0093dd;border-right: 1px solid #fff; position: relative;}
    .footer2 a.bswt:before {background-position: -32px 0;}
    .footer2 a:before {content: " ";display: inline-block; height: 46px; vertical-align: middle;margin-right: 3px;}
    .footer2 a {display: block;color: #fff; background: #005fb5;position: relative;font-size: 1em; text-decoration: none;}
    .footer {font-size: 14px; background-color: #191514;position: relative;padding: 60px 0 60px;color: #c8c7c5;line-height: 250%;}
    .footer .cols-3{ border-right: none!important;}
    .footer .cols-3.widget-column-1,.footer .cols-3.widget-column-3 .etxt{display: none;}
    .footer .cols-3.widget-column-3 .pic{float: none;}
    .content-area {width: auto; margin: 0; padding: 20px;}
    .link-ul{display: none;}
    .product_title { margin-bottom: 30px; font-size: 22px;font-weight: 600;}
    div.summary{float: none; width: 100%; clear: none;}
    ul.columns-5 li.product{width: 48%!important; float: left; clear: both; margin: 0 1% 1.5em;text-align:center;}
    ul.columns-5 li.product:nth-child(5){display:none;}
    .entry-content
    .entry-content td{word-wrap:break-word;  padding:5px;}
    .entry-content img{width:100%; margin:5px 0;height: auto;}

    .content-area .blog-post-repeat h3.post-title{font-size:20px; font-weight:bold;}
    p.read-more a {font: 600 12px/22px ; background-color: #005fb5;color: #fff; text-align: center; padding: 5px 15px; display: inline-block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s;}
    .blog-post-repeat {border-bottom:1px solid #ccc; padding:20px 0;}
    .spacer20 {height: 0;}
    .blog-post-repeat:nth-last-child(1){border-bottom:0;}
    .blog-post-repeat .entry-summary p{overflow: hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
    h1.entry-title {font-weight: 600; font-size: 26px;  padding-bottom:0; margin-bottom: 0; position: relative;}
    h1.entry-title::after {content: ""; position: absolute; width: 50px;  height: 2px; background-color: #ffba00; bottom: 0; left: 0; right: 0;}
    .entry-content h3{font-size:20px;}
    .contact_form form input[type="text"], .contact_form form input[type="email"], .contact_form form input[type="tel"],.contact_form form textarea {font-family: Arial; width: 90%; background-color: #f9f9f9; color: #000;border: 1px solid #ccc;padding: 5px 15px;margin:4px 0;}
    .contact_form form textarea {height:130px;}
    .contact_form form input[type="submit"] {width:100%;color: #ffffff;background-color: #005fb5;font: 700 16px ;text-transform: uppercase; cursor: pointer;    padding: 7px 15px; border: none;}
    .middle-align {margin: 0 auto;padding: 0;}
    .site-main {width: 100%; margin: 0; padding: 0;float: none!important;}
    #sidebar{display:none;}
    .contact_form {width:100%;}
    .modal-content {margin-top: 70px;}
    .product_form{background-color:#f5f8fd;padding:20px 0px;color: #666;border: 1px solid #cfd7e4;border-radius: 6px;}
    .product_form li{float:none;width:100%!important;text-align: left;}
    .product_form li span{display:inline-block;width:120px;text-align: left;padding-left: 10px;}
    .product_form ul li:last-child{text-align: left;}
    .product_form li input[type="text"], .product_form li input[type="email"], .product_form li input[type="tel"]{font-family: Poppins;height: 25px;background-color: #fff;color: #555;border: 1px solid #ccc;padding: 7px 15px;margin: 0 8px 8px 8px;}
    .product_form .captcha-image {width: 80%!important;margin-left: 10px;}
    .product_form textarea {font-family: Poppins;height: 180px;background-color: #fff;color: #555;border: 1px solid #ccc;padding: 7px 15px;margin: 0 8px 8px 8px;}
    .product_form li input[type="submit"]{
        width:100%;padding: 5px 15px; margin-top:10px!important;
        font: 700 16px/24px 'Roboto';
        text-transform: uppercase;
        cursor: pointer;
        transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -webkit-transition: all .5s ease 0s;  border: none;
        color: #fff;background-color: #005fb5;}
    .product_form .captcha-image {width: 80%!important;}
    .contactform textarea {width: 100%;}
    .contactform #productQueryBtn{width: 103%;}
    .contactform {width: 98%;}
    .contactform .captcha-image {width: 100%; padding:1%;}
    #crumbs {width: 95%;line-height: 24px;height: auto;padding: 5px 20px;font-size: .92em;}
    .product-gallery {width: 100%;height:auto;}
    .entry-content table, .comment-body table {border-collapse: collapse;margin: 10px 0;table-layout: fixed;word-break: break-all;word-wrap: break-word;}
    .newslist span.right_new_time {display: none;}
    #back-top {bottom: 45px}
    #fb-messenger{bottom: 95px}
    .left-social-icons{bottom: 195px}
}