@charset "utf-8";*{margin:0;padding:0;}
body{width:100%;margin:0px auto;font-family:'Lato'}
@font-face{font-family:Ubuntu;font-style:normal;src:url("../fonts/Ubuntu.ttf");font-display:swap;}   
a{color:#333;}
table,tr,td{border:solid 1px #CCCCCC;border-collapse:collapse;}
table,tr,td p{margin-bottom: 0px;}
td{padding:6px 5px !important}
table{width:100% !important;margin:15px 0;table-layout:fixed;word-break:break-all;overflow:auto;}
table tr:nth-child(odd){background:#F0F0F0;}
table tr h3,table td h3{margin:0px auto !important;padding:10px 0px;text-align:center !important;font-weight:normal !important;color:#FFF;background:#72A8D1 !important;}
.h1,.h2,.h3,h1,h2,h3{font-family:OpenSans !important;}
.bgcolorblack{background-color:#666;}
/*.bgcolorblue{background-image:linear-gradient(to right,#090e22,#003f6c,#090e22);}*/
.bgcolorblue{background:#72A8D1;}
.bggray{background-color:#F6F6F6;}
.header{padding-top:3px;margin:0 auto;width:100%;height:auto !important;min-height:22px; background-color:#06244B;}
.header a{color:#FFF;}
.header a:hover{color:#FFF;}
.header_info{width:100%;color:#666;word-break:break-all;word-wrap:break-word;text-align:center;}
.companyname{color:#FFF; font-size:14px;}
.headcontact{text-align: center;color:#FFF; font-size:14px;}
.langsearch{font-size:14px;padding:0px;text-align:right;}
.langsearch i{color:#FFF;font-size:14px;}
.logo img{height:60px;width:auto}
.logo{clear:both;text-align:center;margin:5px auto;}
.divline{width:100%;border-bottom:1px solid #EFEFEF;height:1px;margin:5px 0px;clear:both;}
.btnbgcolor{color:#FFF;background:#72A8D1;}
.btnbgcolor:hover{color:#FFF;}
.search-box{display:none;position:absolute;margin:0px auto !important;padding:3px 5px;border:1px solid #CCC;background-color:white;z-index:1002;overflow: auto;border-radius:5px;}
.closebox{width:100%;height:20px;text-align:right;margin-bottom:10px;}
.closebox i{font-size:18px;color:#F00;}
.search-box input{width:80%;height:42px;margin-left:15px;padding-left:5px;float:left;border:1px solid #CCC;}
.search-box .keywords{width:80%;color:#456;height:42px;line-height:40px;border-right:0;padding-top:0;padding-right:5px;padding-bottom:0;padding-left:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.search-box .btn{width:42px;height:42px;cursor:pointer;margin-left:-1px;}
.searchboxauto{position:absolute !important;margin:42px auto auto 28px;float:left;width:auto;min-width:310px;background-color:#FFF;;color:#888;height:auto;line-height:25px;z-index:10;border:solid 1px #F08300;}
.searchboxauto ul{margin:0px;padding:0px}
.searchboxauto ul li{list-style-type:none;font-size:14px;color:#666;padding:5px;}
.searchboxauto ul li:hover{background-color:#CCC;}
.searcherror{width:100%;height:50px;margin:20px auto;font-size:16px;text-align:center;}
.langselect{color:#333;margin:0px;padding:0px;border:none;}
.langbtncenter{margin:5px auto 0px auto;text-align:center;}
/*searchbox*/
.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color: black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=88);} 
.white_content {display:none;position:absolute;top:100px;left:35%;width:500px;height:100px;padding:20px;border:1px solid #CCC;background-color:white;z-index:1002;overflow: auto;} 
/***navigation***/
.navbar-default{border:none!important;}
@media (min-width: 768px) {
.dropdown:hover > .dropdown-menu{display:block;opacity:1;transform: translateY(0);border-radius:5px;}
.dropdown-menu > li > a {padding: 8px 20px; margin:5px auto;}
.dropdown-submenu {position: relative;}
.dropdown-submenu > .dropdown-menu {top: 0;left: 100%;margin-top: -6px;margin-left: -1px;border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropdown-submenu > a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}
.dropdown-submenu:hover > a:after {border-left-color: #fff;}
.section-body h1{font-size:30px;}
}
@media (max-width: 767px) {
.dropdown-submenu > .dropdown-menu {padding-left: 20px;}
.navbar-toggle {margin-right: 0;}
.navbar-nav .open .dropdown-menu{background-color:#fff !important;}
.section-body h1{font-size:26px;}
}
/**banner**/
.banner{width:100%; max-width:1920px; height:auto;min-height:50px;margin:0px auto;padding:0px;}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{height:auto !important;max-height:1000px;margin:0px auto;}
.button{border:solid 1px #F0F0F0;background-color:#F9F9F9;text-align:center;text-decoration:none;display:inline-block;font-size:14px;border-radius:3px;}
.button:hover{background-color:#F0F0F0;}
.section{width:100%;max-width:1920px;height:auto;margin:15px auto;}
.section h3{text-align:center;width:100%;height:40px;margin:30px auto 20px auto;font-size:24px;}
.section h3 a{text-decoration:none;color:#333;}
.section h3 a:hover{color:#036;}
.section-body{width:100%;height:auto;margin:15px auto;}
.section-body h1{font-size:32px;}
.section-body h1 span{font-size:16px;}
.sectionmenu{width:100%;height:auto;margin:20px auto 0px auto;padding-bottom:10px;}
.tagcenterlist{justify-content:center!important;display:flex;flex-wrap: wrap;}
.tagcenterlist li a{font-size:16px;}
/*.sec-title{background-image:linear-gradient(to right,#0065ac,#090e22,#0065ac);color:#fff;text-align:center;font-size:20px;text-transform: uppercase;height:35px;margin-top:10px;padding-top:5px;}*/
.sec-title{text-align:center;height:35px;margin-top:15px;border-bottom:solid 1px #F2F2F2;font-family:'Ubuntu';}
.sec-title-sub{text-align:center;width:auto;min-width:260px;height:35px;margin:15px auto 0px auto;border-bottom:solid 1px #F2F2F2;font-family:'Ubuntu';}
.categories{margin:0px auto;width:100%;height:auto;}
.img-overlay-card{position: relative;overflow:hidden;text-align:center;margin-bottom:15px;}
.img-overlay-card img{text-align:center;width:100%;height:auto;}
.img-overlay-card .overlay-text {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);color:#fff;display:flex;flex-direction:column;justify-content: center;align-items:center;text-align:center;padding:10px;border-radius:15px;}
.img-overlay-card .overlay-text h4 a{font-size: 24px;color:#FFF;}
@media (max-width: 576px) {
.img-overlay-card .overlay-text h4 a{font-size:20px;}
}
.card-title{margin-bottom: .75rem;}
.sectionmargin{margin:25px auto;}
.sectionmargin p{width:100%;line-height:25px;}
.sectiondes{padding:10px 0px;line-height:25px;}
.ourteampub{text-align:center;}
.ourteampub-digit{font-weight:600;font-size:2.75rem;color:rgba(236, 181, 21, 1);}
.ourteampub-tag{font-size:14px;color:#666;}
.ourteamimg{width:100%;height:auto;margin:0px;}
.ourteamimg img{width:100%;height:auto;margin:0px;border-radius:10px;}
.ourteam-sec{width:100%;}
.home-aboutus img{width:auto;max-width:100%;height:auto;border-radius:5px;text-align:center;}
.home-aboutus-des{width:100%;height:auto;min-height:50px;overflow:hidden;margin:15px auto;}
.home-aboutus-des h1{margin-top:0px !important; font-size: 24px;font-family:'Ubuntu';}
.home-aboutus-des p{line-height:25px;}
.home-service-icon{text-align:center;margin:15px;}
.home-service-icon img{width:60px;height:60px;}
.company-icon{ width:100%; text-align:center;color:#909090;}
.company-icon i{font-size:32px;}
.companyintro{margin-top:15px;}
.home-service h4{text-align:center;font-weight:600;}
.home-service p{text-align:center;}
.home-shipment{width:100%;text-align:center;margin:15px 0px;}
.home-shipment h5{ width:100%;font-size:16px;}
.home-shipment img{width:100%;margin:0px;border-radius:5px;}
.home-shipment p{width:100%;font-size:14px;text-align:left;}
.border-bottom{border-bottom:solid 1px #F2F2F2;}
.case-customer{width:100%;margin:15px auto 5px auto;overflow:hidden;text-align:center;}
.case-customer h3{font-family:"OpenSans";font-size:16px; text-align:left;}
.case-customer p{width:100%;font-size:14px;margin:2px auto;text-align:left;}
.case-customer img{width:auto;height:auto;max-height350px;margin:5px 0px 10px 0px;text-align:center;border-radius:5px;}
/*brand news*/
.brandnews-list{width:100%;height:auto;min-height:1px;margin:20px 0;border:1px solid #eee;box-shadow:0 0 10px 0px #eee;border-radius:5px;padding:20px;text-align:center;}
.brandnews-list img{width:100%;height:auto;margin:5px 0px 10px 0px;text-align:center;border-radius:5px;}
.brandnews-con{width:100%;height:auto;min-height:1px;}
.brandnews-con h3{font-family:"OpenSans";font-size:18px;text-align:left;overflow:hidden;}
.brandnews-con div{width:100%;font-size:14px;color:#7d7d7d;line-height:25px;margin:2px auto;overflow:hidden;text-align:left;}
.brandnews-con p{font-size:14px;color:#7d7d7d;text-align:left;}
.brandnews-more{text-align:center;}
/**product box*/
.product-box{width:100%;margin:15px auto;text-align:center;overflow:hidden;border:#F2F2F2 1px solid;border-radius:5px;transition:transform 0.25s ease;}
.product-box-bg{position:relative;height:auto;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.product-box-bg img{width:100%;text-align:center;display:flex;align-items:center;justify-content:center;}
.product-box-bg:hover{opacity:1;visibility:visible;bottom:0px;}
.product-box h4{width:100%;height:50px;line-height:20px;margin:8px auto 0px auto;overflow:hidden;}
.product-box h4 a{color:#333;font-size:14px;margin:26px 0 12px;text-decoration:none;font-weight:normal;}
.product-box h4 a:hover{text-decoration:underline;}
.product-box:hover h4 a{color:#00366C;}
.product-box:hover{border:#87CEEB 1px solid;}
.product-box-foot{padding-top:2px;width:100%;height:auto;min-height:25px;}
.product-box-price{width:100%;float:left;color:#444;font-size:14px; font-weight:600;}
.product-box-minorder{width:100%;float:left;color:#444;font-size:14px;}
/*pdt-list-box*/
.pdt-list-box{width:100%;margin:15px auto;text-align:center;overflow:hidden;border:#F2F2F2 1px solid;border-radius:5px;transition: transform 0.25s ease;}
.pdt-list-box-bg{position:relative;height:auto;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pdt-list-box-bg img{width:100%;text-align:center;display:flex;align-items:center;justify-content:center;}
.pdt-list-box h4{width:100%;height:50px;line-height:25px;margin:8px auto 0px auto;overflow:hidden;}
.pdt-list-box h4 a{color:#333;font-size:14px;margin:26px 0 12px;text-decoration:none;font-weight:normal;}
.pdt-list-box:hover h4 a{color:#00366C;}
.pdt-list-box:hover{border:#003D79 1px solid;}
.pdt-list-box-price{color:#444;padding-top:2px;width:100%;height:auto;min-height:25px;font-size:14px;}
.pdt-list-box-price b{font-size:14px;font-weight:600;}
.pdt-list-box-price em{font-size:12px;}
.pdt-list-box-price span{font-size:14px;font-weight:300;}
.pdt-list-box:hover{transform:scale(1.1,1.1);box-shadow:0 0 5px #003D79;cursor:pointer;}
/**about-waper-list*/
.about-waper-list{width:100%;margin:15px auto;text-align:center;overflow:hidden;border:#F2F2F2 1px solid;border-radius:5px;transition:transform 0.25s ease;}
.about-waper-list img{width:100%; max-width:400px;text-align:center;}
.about-waper-list h3{width:100%;height:28px;line-height:25px;overflow:hidden;margin:15px auto;}
.about-waper-des{padding:5px;width:100%;height:auto;min-height:25px;max-height:200px;text-align:left;position: relative;}
.about-waper-des p{line-height:25px}
.toggle-checkbox{display: none;}
.toggle-label{position: absolute;bottom:0;right:0;background:white;padding:0 5px;cursor:pointer;z-index: 1;}
.toggle-label:after{content: 'Más ▼';}
.toggle-checkbox:checked + .about-waper-des {max-height: none;}
.toggle-checkbox:checked + .about-waper-des .toggle-label:after {content: 'Esconder ▲';}
/**about-waper-list*/
.about-waper-list{width:100%;margin:15px auto;text-align:center;overflow:hidden;border:#F2F2F2 1px solid;border-radius:5px;transition:transform 0.25s ease;}
.about-waper-list img{width:100%; max-width:400px;text-align:center;}
.about-waper-list h3{width:100%;height:50px;line-height:25px;overflow:hidden;}
.about-waper-list p{padding-top:2px;width:100%;height:auto;min-height:25px;}
/*about us*/
.about-des-img img{width:100%;height:auto;border-radius:5px;}
/*home-blog-list*/
.home-blog-list{width:100%;margin:15px auto;overflow:hidden;border:#F2F2F2 1px solid;border-radius:5px;transition:transform 0.25s ease;}
.home-blog-list:hover{border-color:#87CEEB;}
.home-blog-list img{width:100%;max-width:350px;height:auto;text-align:center;}
.home-blog-list h3{width:100%;height:50px;font-size:16px;line-height:25px;overflow:hidden;padding: 5px;}
.home-blog-list h3 a{}
.home-blog-list h3 a:hover{text-decoration: none;}
.home-blog-list p{padding:5px;width:100%;height:auto;min-height:25px;}
/*cop company lists*/
.cop-com-list{width:1160px;height:300px;margin:0px auto;}
#imageFlow{width:1160px;height:300px;overflow:hidden;position:relative;margin:0 auto 0 auto;}
#imageFlow .diapo{position:absolute;left:-1000px;cursor:pointer;overflow:hidden;}
#imageFlow .bank{visibility:hidden;overflow:hidden;}
.supplie_content{width:100%;height:auto;min-height:100px;clear:both;font-size:14px;line-height:25px;padding:10px 0px 0px 0px;margin:10px auto;}
.supplie_content h1{font-size:25px;font-weight:300;padding:15px 0 25px 0;text-align:center;}
.supplie_content h2{font-size:22px;font-weight:300;padding:15px 0 25px 0;text-align:center;}
.supplie_content img{max-width:100%;_width:expression(this.width > 100% ? "100%" :this.width);overflow:hidden;height:auto;background:url(../images/loading.gif) no-repeat 50% 50%;}
.supplie_content ul li a{color:#666 !important;text-transform:none !important;font-weight:600;}
.nav-tabs>li{border:solid 1px #ddd;border-radius:5px;}
.nav-tabs>li.active{font-weight:600;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color:#FFF !important;background-color:#72A8D1 !important;border-radius:5px;}
.nav-tabs>li>a{margin-right:0px !important;}
.page_content{clear:both;font-size:14px;line-height:25px;padding:10px 0px 0px 0px;margin:10px;height:auto;width:auto;color:#333;-webkit-user-select:none;}
.page_content img{display:block;text-align:center;margin:0 auto;}
.page_content h2{border-bottom:#F0F0F0 solid 1px;padding:0px;text-align:left;}
.page_content h2 span{font-size:18px;background-color:#F0F0F0;padding:5px 6px 4px 6px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom:#F0F0F0 solid 1px;}
.page_content h3{font-size:16px;padding:5px;font-weight:bold;text-align:left;}
.page_content a:hover{color:#06C;text-decoration:none;}
.page_news{clear:both;font-size:14px;line-height:25px;padding:10px 0px 0px 0px;margin:0px auto;height:auto;width:auto;color:#333;}
.page_news h1{font-size:20px;line-height:30px;height:auto;min-height:30px;}
.page_news h3{padding:0px;font-size:18px;height:auto;min-height:30px;}
.page_news img{display:block;text-align:center;margin:0 auto;max-width:100%;height:auto;}
.supinfo{width:96%;height:auto;min-heght:20px;margin:10px auto;font-size:14px;text-align:right;}
.page_media{width:100%;margin:0px;padding:10px 0px;height:auto !important;overflow:hidden !important;min-height:200px;text-align:center;}
.page_media video{text-align:center;}
.page_spec{padding:10px 0px;margin:0px;width:100%;height:auto !important;overflow:hidden !important;min-height:50px;}
.page_spec ul{float:left;margin:0px;padding:5px 0px;width:100%；height:22px;}
.page_spec ul em{float:left;margin:0px;width:45%;height:22px;text-align:center;border-bottom:dashed 1px #CCC;}
.page_spec ul li{float:right;margin:0px;width:55%;height:22px;text-align:left;border-bottom:dashed 1px #CCC;list-style-type:none;}
.brand_section h1{width:100%;text-align:center;color:#58595b;font-size:24px;padding-top:0px;padding-bottom:5px;font-weight:600;}
.profile_content{clear:both;font-size:16px;font-weight:300;line-height:25px;color:#666;}
.profile_content h2.content-title{display:none}
.profile_content strong, .content b{font-weight:400}
.profile_content a{color:#005CB9;text-decoration:none;}
.profile_content a:hover{color:#333;text-decoration:none;}
.profile_content img{display:block;text-align:center;margin:5px auto;}
/*footer*/
.latter input[type="text"]{border:1px solid #ddd;outline:none;background:#fff;font-size:1em;color:#777;width:61%;padding:8px;margin:0;}
.latter input[type="submit"]{outline:none;cursor:pointer;width:35%;padding:7px;background:#000;color:#fff;font-size:1.2em;font-weight:700;border:none;position:absolute;left:14.7em;top:15px;-webkit-apperance:none;}
.footer-bottom{padding:20px 0px;}
.footer-style{background-color:#06244B;overflow:hidden !important;margin-bottom:0px;padding-bottom:10px;}
.footer-bottom-cate{width:100%;padding-bottom:30px;}
.footer-bottom-cate h3{height:30px;font-size:14px;color:#fff;text-align:left;margin:0px;border-bottom:solid #FFF 1px;}
.footer-bottom-cate ul{padding:0;margin:0;font-weight:300;}
.footer-bottom-cate ul li{list-style:none;font-size:14px;color:#fff;padding:0.5em 0;}
.footer-bottom-cate ul li.phone{color:#fff;}
.footer-bottom-cate ul li a{text-decoration:none;color:#fff;}
.footer-bottom-cate ul li a:hover{color:#CCC;}
.bottom-grid-cat li{width:100%;float:left;}
.footermode img{border-radius:5px;}
.friendlist{display:inline-block;height:35px;line-height:35px;width:35px;font-size:0;}
.facebookicon{background-image:url(../images/share/facebook.webp); border-radius:5px;}
.twittericon{background-image:url(../images/share/twitter.webp); border-radius:5px;}
.linkedinicon{background-image:url(../images/share/linkedinicon.webp);border-radius:5px;}
.youtubeicon{background-image:url(../images/share/youtubeicon.webp);width:49px;border-radius:5px;}
.instagramicon{background-image:url(../images/share/instagram.webp); border-radius:5px;}
/***bread***/
.breadcrumb{width:100%;height:auto !important;min-height:22px;padding:0px 10px;margin:8px auto;list-style:none;border-bottom:solid 1px #F2F2F2;margin-bottom:0px !important;}
.breadcrumb>li{display:inline-block;line-height:22px;color:#666;}
.breadcrumb>li a{text-decoration:none;color:#5f5b57;font-size:14px;}
.breadcrumb>li a:hover{color:#666;text-decoration:underline;}
.breadcrumb>li+li:before{padding:0 5px;color:#999;content:">"}
.breadcrumb>.active{color:#777}
/***pagecontent***/
.pagesider{width:100%;height:auto !important;overflow:hidden hidden !important;min-height:101px;margin:0px;}
.pagecontent{height:auto !important;min-height:500px;margin:0px;}
.pagecontent h2{width:100%;line-height:29px;height:auto;min-height:30px;font-size:18px;margin:0px;padding-left:5px;font-weight:600;}
.content-tag{text-align:left !important;border-bottom:solid #e7e7e7 1px;padding:15px !important;}
.main_description{font-size:14px;color:#777;line-height:25px;height:auto !important;width:100%;border-bottom:1px solid #F2F2F2;padding:0px 5px;margin:0px 0px 10px 0px;};}
.main_description h3{font-size:20px;}
.content-body p{line-height:30px;}
/**sidebar**/
.sidelist{width:100%;height:auto !important;min-height:1px;margin:0px;padding:0px;font-size:14px;}
.sidelist h3{font-size:16px;padding-left:5px;line-height:30px;}
.sidelist ul li{line-height:30px;border-bottom:1px solid #E7E7E7;font-size:14px;list-style:none;}
.sidelist ul li:first-child{border-top:1px solid #E7E7E7;}
.sidelist ul li span{display:block;height:auto;min-height:46px;width:100%;/*position:relative;*/margin:0px;padding:10px 0px 0px 5px;color:#666;overflow:hidden !important;}
.sidelist ul li span:hover{background-color:#E2E2E2;cursor:pointer;}
.sidelist ul li span i{display:block;height:auto;min-height:16px;width:16px;/*position:absolute;*/right:10px;top:55%;margin-top:6px;transition:all 0.3s ease-out;transform:rotate(0deg);}
.sidelist ul li span i.action{ transition:all 0.3s ease-out;transform:rotate(270deg);}
.sidelist ul li>dl{ display:none;padding:0px;background:#F8F8F8;margin-bottom:0px;}
.sidelist ul li>dl dt{border-top:dashed 1px #CCC;height:auto;min-height:35px;margin:0px;padding:15px 0px 0px 0px;}
.sidelist ul li>dl dt:hover{background-color:#E2E2E2;}
.sidelist ul li>dl dt a{padding-left:15px;height:30px;margin-top:0px;font-size:14px;display:block;color:#666;text-decoration:none;font-weight:200;}
/**message**/
.mod-title{width:100%;height:auto;min-height:25px;margin:10px 0px 5px 0px;padding-left:5px;font-weight:100;font-size:20px;font-family:OpenSans;color:#333;}
.mod-title2{float:left;width:1200px;height:25px;margin:20px 0px 5px 0px;padding:0px;font-weight:100;font-size:1.4em;color:#333;}
.mod.logos{clear:both;height:auto;overflow:auto}
.mod .text{padding:20px 0;border:1px solid #ddd;border-width:1px 0;font-size:.9em;position:relative}
.mod .text strong{font-weight:100}
p.form-tip{width:90%;margin:0px;padding-left:5px;color:#888;font-style:italic;}
p.form-tip2{width:99%;margin:0px;padding:0px;color:#888;font-style:italic;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCCCCC;}
.commentbg{width:100%;height:auto;min-height:300px;margin:15px auto;background:rgba(248, 248, 248, 1) url(/public/images/commentbg.webp) no-repeat center center;background-size: cover;}
.comment{width:90%;max-width:750px;height:auto !important;min-height:300px;margin:0px;padding:0px;}
.comment form{width:auto;}
.comment p{display:block;clear:both}
.comment label{display:none}
.comment input,.comment textarea{border-radius:4px;line-height:24px;margin-bottom:5px;padding-left:2%;border:1px solid #ddd;}
.comment input{height:35px}
.comment textarea{font-family:Arial, Helvetica, sans-serif;height:150px}
.comment .Validate{width:100px;float:left;margin-right:10px}
.comment .submit{font-style:italic;font-weight:bold;width:130px;height:43px;margin-right:20px;margin-top:10px;float:left;padding:0;background:#faa000;border:0;color:#fff;font-size:1.1em;border-bottom:3px solid #c80;cursor:pointer;}
.comment .submit.success{background:#007b7b;border-bottom:3px solid #055}
.comment .submit.error{background:#f00;border-bottom:3px solid #a00}
.comment .alert{padding:0 15px;display:inline-block;float:left;line-height:40px;margin-top:10px;border:1px solid #aaa}
.comment .alert.alert-danger{border:1px solid #f00;color:#f00;}
.comment .alert.alert-success{border:1px solid #007b7b;color:#007b7b;}
.comment tr,.comment td{background:none !important;}
/*contact comment*/
.commentctt{width:100%;height:auto !important;min-height:300px;margin:0px;padding:10px;background-color:#F6F6F6;border-radius:10px;}
.commentctt form{width:auto;}
.commentctt p{display:block;clear:both}
.commentctt label{display:none}
.commentctt input,.commentctt textarea{border-radius:4px;line-height:24px;margin-bottom:5px;padding-left:2%;border:1px solid #ddd;}
.commentctt input{height:35px}
.commentctt textarea{font-family:Arial, Helvetica, sans-serif;height:100px !important;}
.commentctt .Validate{width:100px;float:left;margin-right:10px}
.commentctt .submit{font-style:italic;font-weight:bold;width:130px;height:43px;margin-right:20px;margin-top:10px;float:left;padding:0;background:#faa000;border:0;color:#fff;font-size:1.1em;border-bottom:3px solid #c80;cursor:pointer;}
.commentctt .submit.success{background:#007b7b;border-bottom:3px solid #055}
.commentctt .submit.error{background:#f00;border-bottom:3px solid #a00}
.commentctt .alert{padding:0 15px;display:inline-block;float:left;line-height:40px;margin-top:10px;border:1px solid #aaa}
.commentctt .alert.alert-danger{border:1px solid #f00;color:#f00;}
.commentctt .alert.alert-success{border:1px solid #007b7b;color:#007b7b;}
.commentctt tr,.commentctt td{background:none !important;}

.moreway{float:right;width:300px;height:auto;line-height:30px;padding:0px;margin:10px 0px 0px 0px;}
.moreway h3{margin:0 0 35 0;font-size:18px;color:#333}
.moreway p{font-size:14px;}
.moreway p a{color:#005BB7;text-decoration:none;}
.comment2{float:left;width:880px;height:auto !important;min-height:300px;margin:0px;padding:0px;}
.comment2 form{width:auto;}
.comment2 p{display:block;clear:both}
.comment2 label{display:none}
.comment2 input,.comment2 textarea{border-radius:4px;width:95%;line-height:24px;margin-bottom:5px;padding-left:2%;border:1px solid #ddd;}
.comment2 input{height:35px}
.comment2 textarea{font-family:Arial, Helvetica, sans-serif;height:150px}
.comment2 .Validate{width:100px;float:left;margin-right:10px}
.comment2 .submit{font-style:italic;font-weight:bold;width:130px;height:43px;margin-right:20px;margin-top:10px;float:left;padding:0;background:#faa000;border:0;color:#fff;font-size:1.1em;border-bottom:3px solid #c80;cursor:pointer;}
.comment2 .submit.success{background:#007b7b;border-bottom:3px solid #055}
.comment2 .submit.error{background:#f00;border-bottom:3px solid #a00}
.comment2 .alert{padding:0 15px;display:inline-block;float:left;line-height:40px;margin-top:10px;border:1px solid #aaa}
.comment2 .alert.alert-danger{border:1px solid #f00;color:#f00;}
.comment2 .alert.alert-success{border:1px solid #007b7b;color:#007b7b;}
.shareandlikestyle{width:100%;height:auto;min-height:25px;margin:20px 10px 10px 10px;padding-left:3px;font-size:20px;border-bottom:solid 1px #E2E2E2;color:#666;font-weight:normal;}
#result{width:100%;height:auto;min-height:30px;}
/**product pshowbox**/
.imgbox{width:100%;margin:0px;height:auto;overflow:hidden !important;padding:0px;border:1px solid #e7e7e7;border-radius:3px;}
.lh li{list-style-type:none;display:inline;}
.spec-control{display:block;position:absolute;top:415px;width:17px;height:54px;left:300px;}
.spec-control2{display:block;position:absolute;top:415px;width:17px;height:54px;left:15px;}
.lh img{border:1px solid #f5f5f5;margin-left:4px;margin-top:4px;}
#spec-forward{width:20px;height:60px;}
#spec-backward{width:20px;height:60px;}
.modal-content{text-align:center;}
#imgshow{width:100%;margin:0 auto;cursor:url(../images/imgbox.ico),auto;}
#imgshow img{cursor:url(../images/imgbox.ico),auto;border-bottom:solid 1px #e7e7e;background:url(../images/loading.gif) no-repeat 50% 50%;}
.spec-items ul{margin-bottom: 5px;}
#popup{position:fixed;left:0px;top:0px;width:100%;height:100%;text-align:center;display:none;}
#popup .bg{background-color:rgba(0,0,0,0.5);width:100%;height:100%;}
@media \0screen\,screen\9{#popup .bg{background-color:#000000;filter:Alpha(opacity=50);position:static;}
#popup .bg img{position:relative;}
}
#popup img{max-width:100%;max-height:100%;background:url(../images/loading.gif) no-repeat 50% 50%;}
#info{width:100%;height:auto;padding:0px;margin:0px;color:#333;font-size:14px;border-bottom:1px solid #e5e5e5;}
#info h1{font-size:24px;margin:0px;padding-bottom:7px;color:#333;line-height:35px;}
#info ul{ float:left;border-top:1px solid #e5e5e5;width:100%;}
#info ul li{height:auto !important;overflow:hidden !important;border-bottom:1px solid #e5e5e5;list-style-type:none;word-break:break-all;line-height:32px;padding-left:15px;}
#info ul li a{font-size:14px;color:#0E6ABE;text-decoration:none;line-height:30px;}
#info ul li span{float:left;width:50%;text-align:left;}
#info .contact-now{text-align:center;font-size:14px;}
.contact-now a{width:auto;padding-top:10px;font-size:18px;height:45px;color:#FFF;}
.contact-now p{margin-top:5px;color:#666;}
.productprice{width:100%;clear:both;}
.productprice li{width:50%;float:left;padding-left:15px !important;text-align:left;list-style-type:none;}
.productprice li h4{font-weight:600}
/**message form**/
.formtable,.formtable tr,.formtable td{border:none;clear:both;}
.formbutton{clear:both;width:200px;height:45px;margin:auto;padding:5px 0px;letter-spacing:0px;font-size:16px;font-weight:bold;border:1px solid silver;text-align:center;background-color:#72A8D1;cursor:pointer;color:#FFF;border-radius:5px;}
.form-control{resize:vertical;}
.msgtips{width:100%;height:auto;min-height:30px;padding:10px;margin:5px 0px;font-size:16px;background-color:#CCC;border-radius:5px;}
/**share button**/
#share-buttons{padding-left:10px;}
#share-buttons img{width:32px;height:32px;padding:5px;border:0;box-shadow:0;display:inline;}
/***similar***/
.similar{width:100%;height:auto;padding:10px 0px 0px 10px;margin:0px;}
.similar h3{color:#666;font-size:18px;font-weight:600;text-align:center;}
.similars{padding:0px;width:100%;padding:2px;margin:6px 0px 0px 0px;border:1px solid #e7e7e7;border-radius:3px;}
.similars:hover{border:1px solid #999;}
.similars a{display:block;margin:0px;padding:0px;text-decoration:none;}
.similars img{width:100%;text-align:center;margin:0px;background:url(../images/loading.gif) no-repeat 50% 50%;border-radius:3px;}
.similars a span{display:block;width:100%;font-size:20px;font-weight:700;color:#fff;text-align:center;position:absolute;margin:50px auto;left:0;top:0;}
.similars a:hover img{opacity:0.6;background:url(../images/loading.gif) no-repeat 50% 50%;}
.similars a:hover span{display:block;}
.similars a h3{width:100%;font-size:13px;font-weight:300;color:#666;background:#F7FCFF;height:35px;line-height:35px;padding:0px;margin:0px;text-align:center;overflow:hidden;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.list-group-item{height:auto;line-height:20px;max-height:80px;overflow:hidden;}
/*service_lists*/
.service_list{float:left;width:100%;height:auto !important;padding:0px;margin:0px;margin-bottom:10px;border-bottom:1px dashed #CCC;}
.service_list h3{width:100%;height:25px;display:block;}
.service_list h3 a{font-size:20px;color:#0F79B3;font-weight:normal;text-decoration:none;}
.service_list h3 a:hover{color:#228FF2}
.service_list_description{color:#666;width:100%;height:auto;padding:0px;margin:5px 0px 8px 0px;}
.service_list em{color:#999;width:100%;height:auto;padding:0px;margin:0px;font-size:14px;}
/**product table**/
.ke-zeroborder{width:auto;border:1px solid #CCC;word-wrap:break-word;word-break:normal;}
/*******service list*******/
.servicelist{padding:0px;height:auto!important;width:100%;}
.servicelist h3{font-size:16px;font-weight:normal;text-align:left;margin:0px;padding:0px;height:20px;width:100%;color:#0F79B3;border-bottom:1px solid #EFEFEF;}
.servicelist li{list-style-type:none;margin:6px 0px;padding:0px;float:left;height:auto;min-height:16px;}
.servicelist li a{text-decoration:none;color:#0F79C3;}
.servicelist li a:hover{color:#0C4EB1;}
.serviceline{width:100%;border-bottom:1px dashed #EFEFEF;height:1px;margin-top:5;margin-right:0;margin-bottom:5;margin-left:0px;clear:both;}
/****************pagination.css*****************/
.pagenation{width:100%;margin:10px auto;text-align:center;}
/* impa */
#photos{float:left;background:#EEE;text-align:center;width:384px;height:276px;margin:0px;border-radius:8px;}
#photos span{display:block;font-size:62px;margin:15px auto;color:#333;font-family:lucidafax;}
#photos em{display:block;margin-top:15px;font-size:28px;color:#aaa;}
#photos p{font-size:24px;margin-top:15px;color:#666;line-height:30px;}
.impagrid li{float:left;height:80px;background:#E4E4E4;margin-bottom:20px;width:21%;margin-right:2%;padding:0 1%;border-radius:5px;list-style-type:none;}
.impagrid li:nth-child(odd){background:#EBEBEB;}
.impagrid li:hover{background-color:#BFE1FF}
.impagrid li a span{display:block;color:#999;font-size:14px;margin:5px auto;}
.impagrid li a{display:block;color:#777;font-size:14px;text-decoration:none;line-height:18px;}
.breadimpa{width:1180px;height:auto !important;min-height:22px;padding:10px;margin:8px auto;list-style:none;border:solid 1px #D7EBFF;border-radius:5px;color:#999}
.breadimpa li{float:left;display:inline-block;line-height:22px;margin-left:5px;}
.breadimpa li a{text-decoration:none;color:#428bca;font-size:14px;}
.breadimpa li a:hover{color:#666;text-decoration:underline;}
.breadimpa .active{color:#777}
.search-impa{margin:0px 0px 0px 5px;}
.search-impa input{float:left;border:1px solid #F08300;line-height:22px}
.search-impa .keywords{width:300px;background:#fafafa;color:#888;height:22px;border-right:0;padding-top:0;padding-right:3px;padding-bottom:0;padding-left:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;}
.search-impa .submit{width:30px;cursor:pointer;height:24px;background-color:#F08300;color:#FFF;border-top-right-radius:3px;border-bottom-right-radius:3px;}
span.noimg{display:block;background:#f5f5f5;height:112px;}
.search-tips{position:absolute;width:300px;padding:5px;border:1px solid #eee;top:82px;right:161px;background:#fff;z-index:999}
.search-tips div{/*border-bottom:1px solid #ddd;padding-bottom:10px;*/margin-bottom:7px;font-size:.9em;}
a.more{float:right;font-size:.8em;color:#666;}
.catalog li{width:200px;height:283px;float:left;margin:0 30px 30px 0;background:#eee url('/public/image/book-cover.png') no-repeat;position:relative;}
.catalog li a{display:block;width:200px;height:283px;}
.catalog li h3{position:absolute;display:block;top:80px;left:20px;padding:10px;height:auto;width:160px;text-align:center;background:#007b7b;color:#fff;font-size:1.3em;font-weight:bold;border-radius:5px 0 0 5px}
.details .content img{max-width:600px}
.content.allinone img{max-width:450px;max-height:330px;display:inline;float:left;}
.content.allinone p,.content.allinone br{clear:both;}
.print .btn{border:1px solid #ddd;padding:5px 10px;color:#666;background:#eee}
/*contact*/
.contact-section{width:100%;max-width:1920px;margin:auto;height:auto;background:#FCFCFC;}
.contact_waper{width:100%;font-size:24px;padding:15px;text-align:center;}
.contact_waper h1{ margin-top:0px !important;}
.contact_waper div{font-size:16px;}
.contact_title{width:100%;color:#58595b;font-size:24px;padding-top:10px;font-weight:600;text-align:center;}
.contact_title h1{ margin-top:0px !important;}
.contact_title div{font-size:16px;}
.contact-box{margin:15px 5px 15px 5px;padding-top:10px;border-radius:5px;border-top:1px solid #EAEAEA;}
.contact-box-info{width:96%;height:auto;margin:auto;}
.contact-box-info h3{}
.contact-box-info h3 i{font-size:18px;}
.contact-box-info a:hover{text-decoration:none;}
.contact-box-img{width:30%;height:auto;}
.contact-box-img img{width:100%;max-width:200px;height:100%;border-radius:8px;}
.divleft{float:left !important;}
.divright{float:right !important;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.textcenter{text-align:center !important;}
/*partner*/
.partner-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap;width:100%;margin:0 auto;font-size:14px;color:#4C4C4C;}
.partner-block > .partnerul{max-height:70px;margin-bottom:10px;overflow:hidden;}
.partner-block > .partnerul img{width:60px;height:60px;margin:0px 13px 15px 13px;}
.partner-block > .action-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:150px;height:40px;margin:0 auto 0;}
.partner-block > .action-block div:nth-of-type(1){display:block;}
.partner-block > .action-block div:nth-of-type(2){display:none;}
.partner-block > [type="checkbox"]{position:relative;display:block;width:120px;height:24px;margin:-24px auto 0;z-index:1000;opacity:0;cursor:pointer;}
.partner-block > [type="checkbox"]:hover + .action-block{background-color:#f5f5f5;}
.partner-block > [type="checkbox"]:checked + .action-block div:nth-of-type(1){display:none;}
.partner-block > [type="checkbox"]:checked + .action-block div:nth-of-type(2){display:block;}
.partner-block > [type="checkbox"]:checked + .action-block + .partnerul{max-height:inherit;}
.suspension{position:fixed;bottom:25px;right:10px;}
.suspension img{width:50px;height:50px;border-radius:25px;}
.suspension:hover{cursor:pointer;transform:scale(1.1);}
.details{height:35px;font-size:16px;line-height:1.6;color:#83888d}
.details summary{width:100%;height:auto;min-height:35px;color: #3B3939;}
.details summary:hover{text-decoration:underline;cursor:pointer;}
.details[open]{height:auto}
/*浏览器宽度适配*/
@media screen and (min-width:1200px){
.navbar{margin-top:10px;}
.navbar-nav>li{padding:0px;}
.header_info{margin:40px 0px 0px 0px;font-size:20px;}
.carousel-caption{padding-bottom:50px !important;}
.ourbrands li img{width:114px;}
.search-box{top:100px;left:35%;width:500px;height:100px;}
.product-box{height:370px;}
.product-box-bg img{width:100%;height:261px;}
.pdt-list-box{height:423px;}
.pdt-list-box img{width:100%;height:261px;}
.pdt-list-box h4{height:30px;overflow:hidden;}
.home-blog-list img{height:261px;}
.ourteam-sec{margin-top:35px;width:100%;}
.home-shipment h5{margin-top:80px;}
.brandnews-con div{height:120px;}
.brandnews-con h3{margin-top:15px !important;}
.similars{height:289px;}
.similars img{height:240px;}
/*
.imgbox{height:590px;}
#imgshow img{height:528px;}
*/
#info li{min-height:35px;padding-top:6px;}
.comment input,.comment textarea{width:70%;}
.commentdetails{text-align:right;}
.suspen-mobile{display:none;}
.suspen-pc{clear:both;}
.contact_title{text-align:right;}
}
@media screen and (min-width:992px) and (max-width:1199px){
.navbar{margin-top:9px;}
.navbar-nav>li{padding:0px 5px;}
.header_info{margin:40px 0px 0px 0px;font-size:16px;}
.search-box{top:100px;left:25%;width:500px;height:100px;}
.carousel-caption{padding-bottom:50px !important;}
.product-box{height:330px;}
.product-box-bg img{height:211px;}
.pdt-list-box{height:363px;}
.pdt-list-box-bg img{height:211px;}
.home-blog-list img{height:211px;}
.ourteam-sec{margin-top:25px;}
.home-shipment h5{margin-top:50px;}
.brandnews-con div{height:80px;}
.brandnews-con h3{margin-top:15px !important;}
.similars{height:205px;}
.similars img{height:166px;}
/*
.imgbox{height:500px;}
#imgshow img{height:438px;}
*/
#info li{min-height:35px;padding-top:3px;}
.comment input,.comment textarea{width:70%;}
.commentdetails{text-align:right;}
.suspen-mobile{display:none;}
.suspen-pc{clear:both;}
.contact_title{text-align:right;}
}
@media screen and (min-width:768px) and (max-width:991px){
.navbar{margin-top:9px;border-top:solid 1px #F2F2F2 !important;}
.navbar-nav>li{padding:0px 6px;}
.header_info{margin:10px 0px 0px 0px;font-size:22px;}
.search-box{top:100px;left:18%;width:500px;height:100px;}
.carousel-caption{padding-bottom:10px !important;}
.carousel-indicators{bottom:-5px !important;}
.product-box{height:430px;}
.product-box-bg img{height:auto;min-height:340px;max-height:350px;}
.product-box h4{height:auto;}
.pdt-list-box{height:405px;}
.pdt-list-box-bg img{height:auto;min-height:340px;max-height:350px;}
.pdt-list-box h4{height:auto;}
.home-blog-list img{height:auto;min-height:340px;max-height:350px;}
.ourteam-sec{margin-top:25px;}
.home-shipment h5{margin-top:35px;}
.brandnews-con div{height:124px;}
.brandnews-con h3{margin-top:5px !important;}
.mod-title{text-align:center;}
.similar{border-top:1px solid #CCC;}
.similars{height:368px;}
.similars img{height:326px;}
.imgbox{height:auto;min-height:600px;max-height:740px;}
#imgshow img{height:auto;min-height:536px;max-height:680px;}
#info h1{padding-top:20px;}
#info li{min-height:35px;padding-top:3px;}
.pagesider{margin-left:5px !important;}
.comment input,.comment textarea{width:100%;}
.commentdetails{text-align:left;}
.suspen-pc{display:none;}
.suspen-mobile{clear:both;}
}
@media only screen and (min-width:480px) and (max-width:767px){
.navbar{margin-top:9px;border:solid 1px #F2F2F2 !important;border-radius:5px;}
.navbar-nav>li{padding:0px 15px;border-top:solid 1px #f8f8f8;}
.dropdown-menu>li>a{border-bottom:solid 1px #f8f8f8;}
.dropdown-menu>li>a:hover{color:#666 !important;}
.header_info{margin:10px 0px 0px 0px;font-size:20px;}
.search-box{top:200px;left:0%;width:100%;height:100px;}
.carousel-caption{padding-bottom:3px !important;display:none;}
.carousel-indicators{bottom:-10px !important;}
.product-box{height:auto;min-height:350px;max-height:410px;}
.product-box-bg img{height:100%;min-height:225px;max-height:335px;}
.product-box h4{height:auto;max-height:51px;}
.product-box-buy a{font-size:12px;}
.pdt-list-box{height:auto;min-height:325px;max-height:385px;}
.pdt-list-box-bg img{height:100%;min-height:225px;max-height:335px;}
.pdt-list-box h4{height:auto;}
.home-blog-list img{height:100%;min-height:225px;max-height:335px;}
.mod-title{text-align:center;}
.brandnews-con h3{height:120px;overflow:hidden;font-size:16px !important;margin-top:0px !important;}
.brandnews-con div{display:none;}
.similar{border-top:1px solid #CCC;}
.similars{height:282px;}
.similars img{height:240px;}
.imgbox{height:550px;}
.imgbox{height:auto;min-height:450px;max-height:710px;}
#imgshow img{height:auto;min-height:412px;max-height:650px;}
#info h1{padding-top:20px;}
#info li{min-height:35px;padding-top:3px;}
.pagesider{margin-left:5px !important;}
.comment input,.comment textarea{width:100%;}
.formtable, .formtable tr, .formtable td{text-align:center;}
.suspen-pc{display:none;}
.suspen-mobile{clear:both;}
}
@media only screen and (max-width:479px){
.navbar{margin-top:9px;border:solid 1px #F2F2F2 !important;border-radius:5px;}
.navbar-nav>li{padding:0px 15px;border-top:solid 1px #f8f8f8;}
.dropdown-menu>li>a{border-bottom:solid 1px #f8f8f8;}
.dropdown-menu>li>a:hover{color:#666 !important;}
.header_info{margin:10px 0px 0px 0px;font-size:18px;}
.search-box{top:200px;left:0%;width:100%;height:100px;}
.carousel-caption{padding-bottom:0px !important;display:none;}
.carousel-indicators{bottom:-10px !important;}
.product-box{height:auto;min-height:266px;max-height:305px;margin-bottom:15px;}
.product-box-bg img{height:auto;min-height:130px;max-height:190px;}
.product-box h4{line-height:22px;}
.product-box-buy a{font-size:12px;}
.pdt-list-box{height:auto;min-height:240px;max-height:380px;margin-bottom:15px;}
.pdt-list-box-bg img{height:auto;min-height:130px;max-height:190px;}
.pdt-list-box h4{line-height:22px;}
.home-blog-list img{height:auto;min-height:130px;max-height:190px;}
.mod-title{text-align:center;}
.brandnews-con h3{height:80px;overflow:hidden;font-size:14px !important;margin-top:0px !important;}
.brandnews-con div{display:none;}
.home-service p{height:auto;min-height:75px;}
.similar{border-top:1px solid #CCC;}
.similars{height:208px;}
.similars img{height:166px;}
.imgbox{height:400px;}
.imgbox{height:auto;min-height:400px;max-height:440px;}
#imgshow img{height:auto;min-height:336px;max-height:380px;}
#info h1{padding-top:20px;}
#info li{min-height:35px;padding-top:3px;}
.pagesider{margin-left:5px !important;}
.comment input,.comment textarea{width:100%;}
.formtable, .formtable tr, .formtable td{text-align:center;}
.suspen-pc{display:none;}
.suspen-mobile{clear:both;}
}