body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #000000; background-color: #fff;    text-transform: capitalize;}
a{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; color:#000000 ;text-decoration: none;}
a:hover, a:focus{ color:#2c509c !important;text-decoration: none;}

header .nav-link { color: #000000;}
header .nav-link.active { color: #2c509c !important;}
ol,ul,li {list-style:none;}
.top_menu{font-size: 12px; color: #000000; width: 100%; height: 30px;}
.language{float: right;height: 30px; padding: 4px 10px 0px 10px; }
.top_name{display: inline-block; padding-top:6px;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
/* .flash div.bx-controls-direction{ display:none; } */
.main{ padding:30px 0px 10px 0px;}
.:hover,.opacity_img:hover{opacity: 0.8;}

pre {white-space: pre-wrap;word-wrap: break-word; background-color:#FFFFFF; border:none;line-height:
28px;font-family:Arial,'microsoft yahei',Helvetica, sans-serif;color: #2F2F2F;font-size: 14px;}
.product_con .tags a {margin-right: 3px;padding: 0 8px;line-height: 26px;color: rgba(0,0,0,.5);background:
rgba(0,0,0,.04);display: inline-block;}
.form-group {margin-bottom: 15px;overflow: hidden;}
.goog-te-spinner-pos,div#goog-gt-tt{ display:none; height:0px;width: 0px;overflow: hidden;left: -50px;top: -50px;}
.product_con tr,.product_con td{border:1px solid #ccc; padding:3px 5px;}

.navbar{ margin:0px; background-color:#fff; border: none; margin-top:40px;
box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #2c509c;}

.aboutus{margin-top: 50px;}
.aboutus img{width: 100%;max-width: 520px; display: block; float: right;}
.aboutus h2{color: rgb(94, 94, 94);font-size: 24px; font-weight: bold; background: url(../images/h2_title.png) left 3px
no-repeat; padding-left: 10px;margin: 0px;text-transform: uppercase;}
.aboutus span{color: #bbb; display: block; padding-left: 10px; font-family: "Times New Roman";text-transform:
uppercase;margin-top:3px;}
.aboutus p{line-height: 26px; font-size: 13px;padding-left: 10px; margin-top: 6px;}
.view-all{display: inline-block; border: 1px solid #2c509c; border-radius: 12px; color: #2c509c; padding: 5px 23px;
font-size: 12px; margin-left: 10px;}
.view-all:hover,.view-all:focus{text-decoration: none; background:#2c509c; color: #fff; }

.our_service{clear: both; margin-top: 60px; color: #FFFFFF; text-align: right; padding-top: 40px; padding-bottom:
50px;background-position:center;background-repeat:no-repeat;}
.our_service h2{color: #fff;font-size: 24px; font-weight: bold; background: url(../images/h2_service.png) right center
no-repeat; padding-right: 12px; text-transform: uppercase;}
.our_service p{color: #FFFFFF; line-height: 26px; margin-top: 20px;}
.service-all{display: inline-block; border: 1px solid #FFFFFF; border-radius: 12px; color: #FFFFFF; padding: 5px 23px;
font-size: 12px; margin-left: 10px;}
.service-all:hover,.service-all:focus{text-decoration: none; background:#FFFFFF; color: #2c509c; }
.case_img img{border-radius: 10%;}

.list_box{clear: both; padding:10px 0px 0px 0px;font-family: DINPro-Regular;}
.page_bg{height: 160px;}
.ring_h{padding:20px 0 0 0; margin:0px; font-size:25px;}
.left_p{padding:20px 0 0 0;}

.search-box {padding: 14px 0;background:#2c509c;word-wrap: break-word;}
.container {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;min-width: 300px;}
.searchimage {line-height: 35px;background-color:#2c509c;border: none;color: #fff;}
#keyword{background:#fff;line-height:33px; height:37px;width:100%;padding-left:15px;border:#d9d9d9 1px solid}
.hottag{line-height:36px; color:#ccc;}
.hottag a{color:#ccc;}

.top_menu {font-size: 12px;background-color:#2c509c;color: #ffffff;width: 100%;height: 40px;}
.language a{ color:#FFF;}
.language i{ color:#FFF; margin-left:30px;}
.language{float: right; height: 40px; padding: 9px 10px 0px 10px; font-size: 14px;position: relative;}
.language a{ color:#fff;}
.top_name{display: inline-block; padding-top:12px;}
.top_name a {margin-right: 0px;height: 40px;color: #fff;}

.case_bg{background-color: #fff; }
.index_case{margin:15px 0px 15px 0px;}
/* .index_case h2{margin-top:80px;} */
.index_case h2{margin-top:80px;text-align: center; margin-top:40px; font-size: 30px; color: #545454;background:
url(../images/pro_line.png) center bottom no-repeat; padding-bottom:0px;}
.case_line{padding: 3px 0px; background: url(../images/case_line.jpg) center center no-repeat;}
.case_p{color: #AFAEAE;text-align: center; font-size:16px; text-transform: uppercase;padding:0px;}
.case_list{clear: both; padding: -35px 0px 0px 0px;margin-right: -15px;margin-left: -15px;}

.search_group{margin: 22px 0px 30px 0px; border:1px solid #dfe1e3;}
.search_group input.form-control{ border-radius: 0px;box-shadow: none; color: #787878; padding: 12px 10px;
height: 36px; background: transparent; border: none;}
.search_group input.form-control:focus{box-shadow: none;border-color: #b2e0fb;}
.mysearch_btn{ background-color:#00A43B;color:#fff;}
.mysearch_btn:hover,.mysearch_btn:focus{ background-color:#303c4b; color:#fff;}
#submit_search{color:#31363c;font-size: 13px;}
#submit_search:hover{color:#46d8ad;cursor: pointer;}

.index_product{margin-top: 50px;}
.index_product h2{text-align: center;color: #2c509c; line-height: 24px; font-size: 18px; margin: 0px;}
.index_product span{text-align: center;color: #000000; font-family: "Times New Roman";text-transform: uppercase;
display:
block;background: url(../images/h2_line.png) center 30px no-repeat; padding: 0px 0px 30px 0px;}
.eindex_product h2{font-size: 24px; font-weight: bold; text-transform: uppercase;}
.product_list{clear: both; padding: 20px 0px 0px 0px;margin-right: -15px;margin-left: -15px;}
.product_list2{padding-top: 20px;}
.product_img{padding-left: 15px; padding-right: 15px; min-height: 330px;}
.product_img img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto; margin-bottom: 10px;
max-height: 280px;}
.product_list2 div.product_img{min-height: 250px;}
.product_title a{color: #000000; }
.product_title a:hover{text-decoration: none;color:#000000;}
.related_list{padding-top: 20px;}

.news_box{margin:10px 0px 18px 0px;}
.index_news{clear: both; list-style:none;margin:0px; padding:15px 0px 0px 0px;}
.index_news li{color:#545455;border-bottom: 1px dotted #dddddd;background: url(../images/li.png) no-repeat left
12px;line-height:21px; padding: 10px 0px; padding-left:16px;}
.index_news li a{color:#000000;}
.index_news li a:hover{ text-decoration:none;color:#303c4b; }
.news_time{ float:right;}
.left_news{clear: both;margin-bottom:30px;}
.left_news > ul {padding-top: 0px; }
.left_news span.news_time{display: none;}

.news_bg{background-color:#f4f4f4; margin-top: 20px; padding-top: 50px; /*padding-bottom: 50px;*/}
.news_index{padding-bottom: 0px;}
.news_index h2{text-align: center;color: #5E5E5E; line-height: 24px; margin: 0px; font-size: 24px; font-weight: bold;
text-transform: uppercase;}
.news_index i{display: block; width: 90px; margin: 0 auto; height: 1px; background-color: #2c509c;margin-top:15px;}
.news_box{background-color: #fff;border: 1px solid #e5e5e5; border-radius: 5px; margin-top: 30px; padding: 10px
15px;min-height: 200px;}
.news_box h4{margin:10px 0px 15px 0px;}
.news_box h4 a{color: #333; font-size: 17px; font-weight: bold; text-transform: capitalize; }
.news_box h4 a:hover{text-decoration: none; color:#4576be;}
.news_box time{color: #949494; }
.news_box span.glyphicon-calendar{color: #949494; font-size: 12px;}
.news_box p{margin-top: 15px;color: #666; line-height: 22px;}

.list_news{clear: both; list-style:none;margin:0px; padding:12px 0px 20px 0px;}
.list_box a{color: #333;}
.list_box a:hover{color: #0068b7;text-decoration:none;}
.list_news li a{color: #333;font-size:14px; display: inline-block;}
.list_news li a:hover{color: #0068b7;text-decoration:none;}
.news_time{ float:right;}
.new_list li{list-style: none; border-bottom: 1px solid #ddd;margin: 10px 0;}
.contents{clear: both; padding:15px 2px 0px 2px; line-height:28px; overflow: auto;}
.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #2c509c;
font-size:18px;color:#434343;font-weight:bold; line-height: 34px;}

.time i{color:#717375; padding: 10px 10px 10px 0;}
.time {color:#a5aaae;}
.title a {color:#282828; font-size: 20px; letter-spacing: normal; margin-top: 0;margin-bottom: 12px; line-height: 1.4;
overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;display:block;}
.zhai{color:#666;line-height: 23px;font-size: 14px;}
.new_bnt { background: #717375; color: #fff; padding: 4px 10px; font-family: 'poppins-semibold'; transition: 0.5s all;
-webkit-transition: 0.5s all; -o-transition: 0.5s all;
-moz-transition: 0.5s all; -ms-transition: 0.5s all; margin-top: 6px; font-size: 12px;}
a.new_bnt:hover{ color:#fff;}

.index_contact{margin:10px 0px 15px 0px;background:url(../images/title_line.jpg) left 25px no-repeat;}
.index_contact p{clear: both;color:#000000; padding-bottom: 5px;}

.page_bg{height: 160px; margin-top: 76px;}
.list_box{clear: both; padding:5px 0px 0px 0px;}
.path_title{border: 1px solid #f2f2f2;padding: 8px 19px;overflow: hidden;}

.left_nav{ clear: both; padding-top:5px;}
.title_h2{float: left;font-size: 18px;color: #5E5E5E;margin: 0px;}
.title_span{float: left; padding-top:4px;text-indent:4px;font-size: 12px;color: rgb(125, 125, 125);}
.pr,.left_h3,.left_h2{background:url(../images/title_line.jpg) left bottom no-repeat; display: block; margin-top:15px;
padding: 0px 0px 10px 0px;font-size: 18px;color: #5E5E5E;text-transform: uppercase; }
.left_nav_ul{list-style:none;margin:0px;padding:0px; margin:10px 0px 0px 0px;padding-bottom: 10px;}
.left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(../images/left_li.gif) 6px 15px
no-repeat;padding:8px 0px 8px 18px; }
.left_nav_ul > li > a{text-decoration:none; color:#303c4b;}
.left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#303c4b;}

ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;}
ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px; background: url(../images/left_sli.gif) 0px 13px no-repeat;}
ul.left_snav_ul > li > a{border:0;color:#000000;padding: 5px 0px 5px 0px;text-decoration: none}
ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#2c509c;}
.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px;
text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;}
.menu_head:hover{ color: #303c4b;}

.list_news{clear: both; list-style:none;margin:0px; padding:0px 0px 20px 0px;}
.list_news li{color:#000000;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px;
padding-left:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ }
.list_news li a{color:#303c4b;}
.list_news li a:hover{text-decoration:none;color:#303c4b;}

.contents{clear: both; padding:4px 2px 20px 2px; line-height:28px; color:#000000;overflow: auto;}
.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #2c509c;
font-size:22px;color:#434343;font-weight:bold; line-height: 34px;}

.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}
.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin:
2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #2c509c 1px solid; padding:4px 9px;color: #fff;
background-color: #31363c;}
.page .current {font-family: Arial;border: #2c509c 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;
background-color: #31363c}

#pic-page {text-align: center; margin-top:10px;}
#pic-page a {margin: 0 2px;}
#pic-page a img {width:40px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;}
#pic-page a:hover img,#pic-page a.active img {border: solid #5280DD 1px;}
.showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;}
.product_h1{ margin:0px; line-height:40px; font-size:25px; color: #2c509c; padding-bottom:10px;border-bottom: 1px dotted
#cccccc;}
.product_info{list-style:none; padding:0px; margin-top:10px;}
.product_info li{ line-height:24px; padding-bottom:12px;}
.product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:10px 0px 0px 0px;
line-height:26px; color:#000000;overflow: auto;}

.related_h1{padding: 30px 0px 12px 0px; color: #303c4b; margin:0px; display: block; font-weight:300; font-size:24px;
border-bottom:5px solid #f4f5f6;}

.download_btn{text-align: right; margin: 10px 10px 20px 0px;}
.page-btn{background-color: #2c509c; border: none;color: white;}
.page-btn:hover,.page-btn:focus{background-color:#2c509c; color: #fff;}
.grey-btn{border: none; background-color: #E8E8E8;}
.grey-btn:hover,.grey-btn:focus{background-color: #ccc;}
.related_news{ padding-top: 0px; clear: both;}

.a2a_default_style{display: inline-block;}

.right_contents,.feedback{margin-top:15px; margin-bottom: 40px;}
.form-horizontal .form-group { margin-right: -10px;margin-left: -10px;}
.codeimg{ margin: 0px 0px -10px -18px;}

.point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px;}
.point span.to_prev{text-align:center; }
.point span.to_prev a{color:#0068b7;}
.point span.to_prev a:hover{color: #ea042b}
.point span.to_next{text-align:center; }
.point span.to_next a{color:#0068b7;}
.point span.to_next a:hover{color: #ea042b}

.tags{ margin: 12px 0px 10px 0px}
.tags a{ margin: 0px 5px 8px 0px}
.tags_list{padding: 5px 10px 100px 10px}

.tags_ul{ margin-top: 0px;}
.tags_ul li{line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}
.tags_ul h3{font-size: 14px; padding: 0px; margin: 0px;line-height: 20px;}
.tags_ul p{font-size: 13px;padding: 0px; margin: 0px; color: #a0a0a0; line-height: 20px; padding-top: 8px;}

ul.ul_sitemap{margin: 30px 0px 40px 30px;}
ul.ul_sitemap li{list-style: none; line-height: 26px;clear: both;}
ul.ul_sitemap li a{color: #7d7d7d;}
li.small_li_sitemap{clear: both;padding-left: 12px;}
li.small_li2_sitemap{float: left; padding-left: 20px;}

#translate{width:180px; margin: 0 auto; }
#translate-this{margin: 15px 0px 10px 0px;}

.copyright{ line-height:20px;}
.copyright a{ color:#ababa8;}
.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;}
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}
.foot_nav a{color:#000000;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;}
.webshare{width: 230px; padding: 5px;}
.ewebshare{width: 200px; padding: 5px;}

footer{background-color:#b4dcef;color:#000000;width: 100%;}
footer a{color:#000000;}
/* Footer logo styling */
.footer-logo {
max-height: 50px;
width: auto;
}

/* Footer text styling */
.footer-text {
font-size: 16px;
color: #000000;
margin: 0;
}

#footer #section-footer{padding-top:40px;padding-bottom:45px;}
#footer #section-footer .section-content .heading{font-size:19px;font-weight:700;margin-bottom:25px}
#footer #section-footer .about-us{font-size:15px}
.foot-news li{line-height:1.6;margin-bottom:13px}
.foot-contact li{line-height:1.6;margin-bottom:10px}
.f-qrcode{padding-top:5px}
#section-copyright b{color:#F85B5B}
#wrapper #footer #section-footer .logo .img-responsive{width:auto}
#footer #section-footer,#wrapper #footer #section-footer{padding:35px 0 25px!important}
.cs{margin-left:-35px;font-size:12px;color:#fff;padding-top:5px;padding-top:12px}
.footer .decor-brand{margin:19px 0 26px}
.decor-brand{background:url(../images/decor-brand-red.png)}
.decor-brand{display:block;width:46px;height:15px;margin:28px
auto;background:url(../images/decor-brand-red.png);background-repeat:no-repeat}
.icons{margin-top:15px;width:30px;height:30px;line-height:30px;margin-right:8px;text-align:center;border-radius:50%;background-color:transparent;color:#fff;display:inline-block;vertical-align:top;
border:none;}
.icons:hover{ background:none;}
.ddtt {padding-bottom: 5px;border-bottom: solid 2px #2c509c;}

.footer-m{display:inline-block;padding:5px 10px;background-color:#2c509c;border-radius:3px;font-size:12px;color:#fff;}
.footer-m:hover{color:#fff;background-color:#2c509c}
.footer-bar{padding:10px 0;margin-top:20px;text-align:center;border-top:#1e4a98 solid 1px}
.list-unstyled{padding-left:0;list-style:none}
li,ul{list-style:none;margin:0;padding:0}
.list-unstyled
ul{display:block;list-style-type:disc;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px}

.features_sec17{width:100%;padding:45px 0;background-color:#f4f4f4; }
.clients .jcarousel-skin-tango .jcarousel-container-horizontal{width:100%;text-align:left;float:left}
.par{ text-align:center; padding-bottom:20px;margin-left: -28px;}
.par
h2{text-align:center;color:#5E5E5E;line-height:24px;margin:0;font-size:24px;font-weight:700;text-transform:uppercase}
.par i{display:block;width:90px;margin:0 auto;height:1px;background-color:#2c509c;margin-top:15px}
.scroll{width:50px;height:50px;background:#2c509c;color:#fff;line-height:50px;text-align:center;position:fixed;right:30px;bottom:50px;cursor:pointer;font-size:14px;
border-radius:50px;}

@media screen and (min-width: 769px) {
.logo{max-height: 76px; max-width:260px;padding-top: 10px;padding: 10px;}}
.flash{margin-top: 76px;}
.navbar{min-height: 76px;}
.navbar-nav{float:left;}
.navbar-nav > li > a { text-align: left;}
.navbar-default .navbar-nav > li > a{padding-top: 28px; padding-bottom:28px;color: #5e5e5e;text-transform: uppercase;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #fff;
background-color: #2c509c;
}

.navbar-default .navbar-nav-c > li > a{font-size:14px;font-family:'microsoft yahei';}

.small-nav{min-height: 60px; background: rgba(255,255,255,0.9); margin-top: 0px;}
.small-nav .navbar-nav > li > a{padding-top: 20px; padding-bottom:20px;}
.small-nav img.logo{max-height: 76px; margin-top:10px; max-width:220px; }

.nav_small{ background-color:#fff; background: rgba(255,255,255,0.9);padding: 10px 0px 10px 0px; border: none;
box-shadow: none; min-width: 135px;}
.nav_small > li{text-align: center;}
.nav_small > li > a{line-height:24px; color: #5e5e5e; padding-left:28px; padding-right:28px; }
.nav_small > li > a:hover{color: #fff; background-color: #2c509c;}

/* .nav_small{background: #414141;padding: 1px 0px 1px 0px; border-radius: 0px; border: none; }
.snav_small{top: 0;left: 100%; position: absolute;background: #3f51b5;padding: 8px 0px 8px 0px; border-radius: 0px;
border: none;}
.snav_small > li{}
.snav_small > li > a{line-height:26px; color: #fff; font-size: 13px; }
.snav_small > li > a:hover{color: #fff; background-color:#4f62ce;text-decoration:none;}
.nav_small > li > a{line-height:26px; color: #fff; font-size: 13px;}
.nav_small > li > a:hover{color: #fff; background-color:#545252;}
*/
.nav_small > li:hover>ul {z-index: 999;display:block;}
.nav_small > li{position: relative;}

.dropdown-menu2{position:absolute;left:100%;z-index:22;display:none;top:0;width:100%; min-width:230px; background:
rgba(255,255,255,0.9);}
.dropdown-menu2 li{height:32px;line-height:32px;color:#2c509c;}
.dropdown i{display:none;}
.dropdown-menu2 li a{color:#5e5e5e;text-decoration:none;font-size:13px;display:block;}
.dropdown-menu2 li:hover{background:#2c509c}
.dropdown-menu2 li:hover a{color: #fff;}
.dropdown-menu li.dropdown{position:relative;}
.dropdown-menu li.dropdown a{}
.dropdown-menu li.dropdown:hover .dropdown-menu2{display:block!important;}

#app_menudown,#small_search{ display:none; }
.index_left_nav,.footer_nav{display:none; }


@media screen and (max-width: 768px) {
  .navbar{ margin:0px; background-color:#fff; border: none; margin-top:0px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);}
.dropdown-menu2{ padding-left:30px;}
.dropdown-menu2 li a{ color:#5e5e5e;}
.top_menu{display: none;}
.navbar{}
.navbar-default .navbar-brand {color: #fff;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {color: #fff;}
.navbar-toggle{border-color: #ccc;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #ddd;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background: none;}
.navbar-default .navbar-toggle .icon-bar{background-color: #ccc;}
.navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
.navbar-default .navbar-nav > li {}
.navbar-default .navbar-nav > li:last-child{border: none;}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #5e5e5e;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
background-color: #2c509c; color: #fff;}
.small-nav{background: rgba(255,255,255,0.9); margin-top: 0px;}
.xcang {display: none;}
.flash{        margin-top: 6rem;}
.top_name{display: none;}
.logo{margin:8px 0px 0px 7px; max-width:180px; max-height: 50px;}
.aboutus{margin-top:25px;}
.aboutus img{display: none;}
.our_service{background-position:left center; text-align: center;margin-top: 30px;}
.our_service h2{background-image: none;padding-right:0px;}
.aboutus{text-align: center;}
.aboutus h2{background-image: none; padding-left: 0px;}
.aboutus span,.aboutus p{padding-left: 0px;}
.view-all{margin-left: 0px; margin-top: 10px;}
.index_product{margin-top: 30px;}
.page_bg{display: none;}
.list_box{margin:70px 0px 0px 0px; }

.index_adv{margin-top:20px; margin-bottom:40px; padding-left: 10px; padding-right: 10px;}
.index_adv div.bx-pager{ display:none;}

.flash div.bx-pager{ /*display:none;*/}
.left_h2{margin-top: 0px;}
#product div.flash,#product h2.left_h1,#photo div.flash,#photo h2.left_h1{display: none;}
.index_left_nav{margin:0px 15px 15px 15px;}
.product_con img,.contents img{width:100%;}
.news_time{ display:none;}
.footer_nav{background-color: #fafafa;}
#pic-page a img {width:35px;}
#cmsFloatPanel{ display: none;}
.point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}
footer{ margin-bottom:0px;}
.cc{text-align:center;}
#nam1{display:none;}
.co { margin-top:40px; }
.allim{padding:0 1px 0 1px;}
.scroll{ height:auto;}
.par{margin-left:0px;}
}

@media screen and (max-width: 767px) {
.copyright_p{ display:none;}
}

@media screen and (min-width:370px) and (max-width:768px) {
.col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10,
.col-mm-11, .col-mm-12 {
float: left;
}
.col-mm-12 {
width: 100%;
}
.col-mm-11 {
width: 91.66666667%;
}
.col-mm-10 {
width: 83.33333333%;
}
.col-mm-9 {
width: 75%;
}
.col-mm-8 {
width: 66.66666667%;
}
.col-mm-7 {
width: 58.33333333%;
}
.col-mm-6 {
width: 50%;
}
.col-mm-5 {
width: 41.66666667%;
}
.col-mm-4 {
width: 33.33333333%;
}
.col-mm-3 {
width: 25%;
}
.col-mm-2 {
width: 16.66666667%;
}
.col-mm-1 {
width: 8.33333333%;
}
.product_img,.product_list2 div.product_img{min-height: 270px;}
}
@media screen and (min-width:371px) and (max-width:400px) {
.product_img,.product_list2 div.product_img{min-height: 230px;}
}
@media screen and (min-width:250px) and (max-width:370px) {
.product_img,.product_list2 div.product_img{min-height: 350px;}
}

.case_img{

text-align: center;
padding:0 0 10px 0;
}

.circle-border{
margin-top:0px;
width: 90px;
height: 90px;
line-height: 90px;
margin-right: 12px;
text-align: center;
/*border-radius: 50%;border: 1px solid #4498f1;*/
background-color: transparent;

background-color:white;
display: inline-block;
vertical-align: top;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;

}

.circle-border i{

color:#4498f1;
}

.circle-border:hover {

/* border-color: #4498f1;
border:2px solid #4498f1;*/
transform: scale(1.2);
overflow:hidden;
}

.vca {
color:#444444;
text-align: center;
}

.opacity-black { background-color: #2c509c; }
.opacity-black a { transition: opacity .5s; opacity: 1;
}

.tags{ margin: 8px 0px 10px 0px}
.tags a{ margin: 0px 5px 8px 0px; background-color:#F9F9F9; border:none;}
.tags_list{padding: 5px 10px 100px 10px}
.tags_ul{ margin-top: 10px;}
.tags_ul li{line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}
.tags_ul h3{font-size: 14px; padding: 0px; margin: 0px;line-height: 25px; border:none;}
.tags_ul p{font-size: 13px;padding: 0px; margin: 0px; color: #fff; line-height: 25px; padding-top: 8px;border:none;}

.tags a:hover{ background-color:#11fd27;}

.footer .decor-brand {
margin: 19px 0 26px;
}
.decor-brand {
background: url(../images/decor-brand-red.png);

}
.decor-brand {
display: block;
width: 46px;
height: 15px;
margin: 28px auto;
background: url(../images/decor-brand-red.png);
background-repeat: no-repeat;
}

.footer-m{
display: inline-block;
padding: 5px 10px;
background-color: #2c509c;

border-radius: 3px;
font-size: 12px;
color:#ececec;
}
.footer-m:hover{
color:#ececec; background-color:#00c959;
}

.footer-bar{
padding: 10px 0;
margin-top:20px;
text-align: center;

border-top: #1e4a98 solid 1px;
}

.list-unstyled {
padding-left: 0;
list-style: none;
}

ul, li {
list-style: none;
margin: 0;
padding: 0;
}

.list-unstyled ul {
display: block;
list-style-type: disc !important;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

.butt{padding-top:20px;}
.butt button {width:150px;height:35px;background-color:#2c509c; font-size:15px;border:none;color:white;}

.countt li {

padding:0 0 10px 0;

}

.countt li i{

color:#2c509c;
font-size:15px;
text-align:center-left;
width:20px;
height:20px;

}
.vv li i{
color:#2c509c;font-size:15px;text-align:center-left;width:20px; height:20px;

}

.vv a{

color:white;
}

.mm h2{
font-size:18px;

}

.mm p{

color:white;
font-size:13px;
margin-top:5PX;
}
.mm i{

color:white;
}
.mm h4{

color:white;
font-size:12px;
}

.but1{

padding-top:20px;
}
.but1 button{

width:150px;
height:35px;
background-color:#e0c503;
font-size:15px;
border:none;
color:white;

}
.i i {

color:white;
font-size:15px;
text-align:center-left;
width:20px;
height:20px;
}

.left {

color:white;
font-size:12px;
}
.left i{

color:#FFE109;
}

@import url('../../css');

.ss {
margin-top:20px;
padding-left:500px;
/* width: 130px; */
/* background-color: #fff; */
font-family: 'Raleway', sans-serif;
}

/* .search__container {
padding-top: 48px;
} */

.search__title {
font-size: 22px;
font-weight: 900;
text-align: center;
color: #ff8b88;
}

.search__input {

padding: 12px 24px;
background-color: transparent;
transition: transform 250ms ease-in-out;
font-size: 14px;
line-height: 18px;
color: #575756;
background-color: transparent;
/* background-image: url(http://mihaeltomic.com/codepen/input-search/ic_search_black_24px.svg); */
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: 95% center;
border-radius: 50px;
border: 1px solid #575756;
transition: all 250ms ease-in-out;
backface-visibility: hidden;
transform-style: preserve-3d;
}

.search__input::placeholder {
color: rgba(87, 87, 86, 0.8);
text-transform: uppercase;
letter-spacing: 1.5px;
}

.search__input:hover,
.search__input:focus {
padding: 12px 0;
outline: 0;
border: 1px solid transparent;
border-bottom: 1px solid #575756;
border-radius: 0;
background-position: 100% center;
}

.credits__container {
margin-top: 24px;
}

.credits__text {
text-align: center;
font-size: 13px;
line-height: 18px;
}

.credits__link {
color: #ff8b88;
text-decoration: none;
transition: color 250ms ease-in;
}

.credits__link:hover,
.credits__link:focus {
color: rgb(191, 137, 135);
}

.path_bg span{

color:#2c509c;
font-size:14px;
}
.path_bg{

/* padding:10px 0 10px 900px; */
text-align:right;

padding:20px 0 20px 0;
}
.path_bg a{

color:#1635cd;
font-size:15px;
}

.cc{
padding:20px 20px 10px 20px;display:block;
}
.co a:hover{
ursor:pointer;

}

.co{

padding:0 40px 0 0px;
float:right;
}

.co a{
font-size:18px; width:200px; display:block; margin-top:-80px; height:40px; line-height:40px;
overflow:hidden;background-color:#2c509c; border-radius:3px; text-align:center;
}

.index_adv{margin-top:40px; margin-bottom: 70px;}
.adv_img{transition: 0.4s;}
.adv_img:hover{margin-top: 12px;opacity: 0.7;}

.mdetails{display: inline-block;
background-color: #2c509c;
text-align: center;
width: 100%;
line-height: 24px;
text-transform: uppercase;
}
a.mdetails{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; color:#fff !important;}
a.mdetails:hover, a:focus{ color:#000000 !important}
.menquiry{display: inline-block;
color: #fff;
background-color: #2c509c;
text-align: center;
width: 50%;
display: inline-block;
line-height: 24px;
text-transform: uppercase;
float:right;
}
.product_title{ padding:15px 2px 15px 2px; text-align: center;min-height: 70px;}
.allim {
    margin-top: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(136, 136, 136, 0.8);
    transition: all 0.3s ease-in-out; /* Add smooth transition effect */
  }
  
  .allim:hover {
    /* background: #efefef; */
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    transform: scale(1.05); /* Slightly increase the scale */
    -webkit-transform: scale(1.05); /* For webkit browsers */
    background: #fff;
    border: none;
  }
  

.live-chat-title, .live-chat-box, .live-chat-icon .live-chat-box span, .live-chat-icon .live-chat-box strong
{background-color: #2c509c;color: #fff;}
.live-chat{position:fixed;top:16%;z-index:99; right:0px;}
.live-chat-title{padding:6px 15px;width:100%;font-weight:700;box-sizing:border-box}
.live-chat i.fa{margin-right:10px;font-size:18px;width:18px;text-align:center;vertical-align:middle}
.live-chat-box{padding:10px 5px;-moz-box-shadow:0 0 3em rgba(0,0,0,.4);-webkit-box-shadow:0 0 3em
rgba(0,0,0,.4);box-shadow:0 0 3em rgba(0,0,0,.4)}
.live-chat-box p{padding:2px 0}
.live-chat-box p:hover{background:rgba(0,0,0,.085)}
.live-chat-box a,.live-chat-box a:hover,.live-chat-box a:link,.live-chat-box a:visited{padding:3px
10px;text-decoration:none;display:inline-block;cursor:pointer; color:#FFFFFF;}
.live-chat-icon{text-align:center}
.live-chat-icon i.fa{margin-right:0;width:auto}
.live-chat-icon .live-chat-box{padding:0}
.live-chat-icon .live-chat-box p{border-bottom:1px solid rgb(0 0 0 / 10%);position:relative; padding:0px;
margin-bottom:0px;}
.live-chat-icon .live-chat-box p:last-child{border-bottom:0}
.live-chat-icon .live-chat-box a{padding:8px 10px;display:block;}
.live-chat-icon .live-chat-box span,.live-chat-icon .live-chat-box strong{padding:0
15px;height:100%;font-weight:400;white-space:nowrap;position:absolute;top:0;right:-200px;z-index:-1;opacity:0;display:flex;justify-content:center;align-items:center}
.live-chat-icon .live-chat-box i.fa span,.live-chat-icon .live-chat-box i.fa strong{font-size:14px}
.live-chat-icon.prt .live-chat-box span:after,.live-chat-icon.prt .live-chat-box strong:after{content:"
";position:absolute;top:50%;right:-4px;margin-top:-5px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px
0 5px 5px}
.live-chat-icon.plt .live-chat-box span:before,.live-chat-icon.plt .live-chat-box strong:before{content:"
";position:absolute;top:50%;left:-4px;margin-top:-5px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px
5px 5px 0}
.message-form-box{max-width:320px;position:fixed;bottom:0;right:10px;z-index:100}
.message-form-box-lt{right:auto;left:10px}
.message-form-box
.message-header{height:36px;line-height:36px;font-size:14px;color:#fff;background-color:#2c509c;cursor:pointer;overflow:hidden;-moz-box-shadow:0
0 1.5em rgba(0,0,0,.3);-webkit-box-shadow:0 0 1.5em rgba(0,0,0,.3);box-shadow:0 0 1.5em rgba(0,0,0,.3)}
.message-form-box .message-header i{width:36px;height:36px;line-height:36px; }
.message-form-box .message-header .label{float:left;padding:0px;}
.message-form-box .message-header .label
i{font-size:20px;text-align:center;background:rgba(0,0,0,.12);-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px}
.message-form-box .message-header b{margin:0 12px;font-weight:400}
.message-form-box .message-header .arrow-toggle{float:right;text-align:center;font-size:20px;opacity:.75}
.message-form-box .message-form{padding:15px;background:#fff;display:none;-moz-box-shadow:rgba(0,0,0,.15) 0 0
1.5em;-webkit-box-shadow:rgba(0,0,0,.15) 0 0 1.5em;box-shadow:rgba(0,0,0,.15) 0 0 1.5em}
.message-form-box .message-form p{margin:0 auto 6px}
.message-form-box .wpcf7 p{margin:12px auto 0}
.message-form-box .wpcf7 .wpcf7-captchar,.message-form-box .wpcf7 .wpcf7-select,.message-form-box .wpcf7
.wpcf7-text{width:100%;box-sizing:border-box}
.message-form-box .wpcf7 .wpcf7-textarea{width:100%;box-sizing:border-box}
.message-form-box .wpcf7 .wpcf7-submit{width:100%;box-sizing:border-box;background-color: #2c509c;color: #fff;}
.message-form-box .wpcf7 span.wpcf7-not-valid-tip{margin:0}
input, textarea, select {/*padding: 6px;*/line-height: 20px;border: 1px solid #ddd;box-sizing:
border-box;-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-shadow: inset 0 1px 1px
rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out
.15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out
.15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.duo_fanyi{ position:relative; float:right;line-height: 35px; margin-left:10px;}
.top_name{ position:relative;float:center;padding: 10px;;}
#duolang{color: #fff;border-left: 1px solid #e5e5e5;}
#duolang img{ height:18px;}
.langlist{ position:absolute;right:0px;overflow:auto;z-index:9999;
background:#FFFFFF;border-radius:5px;padding:10px;width:330px;transform:scale3d(1, 1,
1);opacity:1;visibility:visible;transition:all 0.3s ease-in-out;border:1px solid #eee;display:none;}
.langlist a{ width: 100px;display: block;float: left;line-height: 2;}
@media screen and (max-width: 768px) {
.langlist{width:330px;}
}