﻿/*reset*/
:focus{outline:0;}

body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;}
em{font-style:normal;}
img{border:none;}
li,ul,ol{list-style:none;}
a{text-decoration:none;color:#5e5d5d;}
input{padding:0px;vertical-align: middle;line-height: normal;border:none;height:36px;font-size:14px;margin-left:10px;} 
body{overflow-x:hidden;}

::selection {
background:#808080; 
color:#fff;
}
::-moz-selection {
background:#808080; 
color:#fff;
}
::-webkit-selection {
background:#808080; 
color:#fff;
}

.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display:table; content:"";}
.clearfix:after{clear:both;}

/*share*/
body{font-size:12px;font-family:  'opensans', sans-serif;color:#444; background: #fff;}
.clear{clear:both;} 


.fl{float:left}
.fr{float:right}
*:link,*:visited,*:hover,*:active,*:focus{
 transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;
 -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;}

@font-face {
    font-family: 'opensans';
    src:url(/img/opensans.eot);
    src: url(/img/opensans.eot?#iefix) format('embedded-opentype'),
	 url(/img/opensans.svg#opensans) format('svg'),
	 url(/img/opensans.woff) format('woff'),
	 url(/img/opensans.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src:url(/img/OpenSans-Bold.eot);
    src: url(/img/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),
	 url(/img/OpenSans-Bold.svg#OpenSans-Bold) format('svg'),
	 url(/img/OpenSans-Bold.woff) format('woff'),
	 url(/img/OpenSans-Bold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'zrnic';
    src:url(/img/zrnic.eot);
    src: url(/img/zrnic.eot?#iefix) format('embedded-opentype'),
	 url(/img/zrnic.svg#zrnic) format('svg'),
	 url(/img/zrnic.woff) format('woff'),
	 url(/img/zrnic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*top*/

.topW{ background:url(/img/top_bg.png) repeat-x center top; width:100%; padding:6px 0 12px;}
.top_left{ float:left;}
.top_left a{ margin-right:14px}
.top_left p,.top_left a{ display:inline-block; color:#787775; line-height:22px}
.top_left p img{ display:inline-block; margin-right:3px}
.top_left a img{ display:inline-block; margin-right:7px}
.top_right{ float:right; margin-top:3px}
.top_right em{ display:none; color:#444444;}
.top_right a{ display:inline-block; color:#444444; margin-left:8px}
.top_right a img{ display:inline-block; width:24px; height:16px; margin-right:7px;}
.top_right a:hover{ color:#008cd6}
.top_left a:hover{ color:#008cd6; text-decoration:underline}
.top_heard{ margin-top:14px}
.top_logo{ display:block; float:left; width:41%}
.top_logo img{ width:100%; height:auto; max-width:184px; max-height:76px;}
.top_sarchW{ float:right;}
.top_sarchW .top_sarch{  background:#fff; width:301px; height:38px; border:1px solid #cbcbcb; position:relative; float:right; margin-top:15px; border-radius:4px}
.search_main{ line-height:36px; color:#999999; font-size:12px; width:265px; padding-left:12px; background:none; font-family: 'opensans', sans-serif;}
.search_btn{ position:absolute; top:9px; right:11px; background:url(/img/search_btn.png) no-repeat;width:18px; height:18px;}

.top_sarchW .top_share{ float:right; margin:22px 0 0 17px}
.top_share li{ display:inline-block; margin-left:13px}
.top_share li a{ display:block;}
.top_share li a i{ font-size:17px; color:#999999;}
.top_share li a i.fa-twitter{ font-size:20px}
.top_share li a i.fa-linkedin{ font-size:19px}
.top_share li a:hover i{ color:#44ccf6}

@media only screen and (max-width: 1199px) {
	.top_sarchW .top_share{ float:right; margin:22px 0 0 0px}
	}
@media only screen and (max-width: 925px) {
	.top_sarchW .top_sarch{ width:241px;}
	.top_logo{  width:44%}
	.search_main{ width:205px;}
	}
@media only screen and (max-width: 768px) {
	.top_logo{  width:100%;    text-align: center;}
	.top_sarchW{ float:none;}
	.top_sarchW .top_sarch{ float:none; width:100%}
	.search_main{ width:94%;}
	.top_sarchW .top_share{ float:none; text-align:center}
	.top_left a{ margin-right:7px}
	.top_right{ line-height:20px}
	.top_right a img{ display:none}
	.top_right em{ display:inline-block; margin:0 2px}
	.top_right a{ margin-left:0;    text-transform: capitalize;}
}
@media only screen and (max-width: 604px) {
	.top_left{ display:none}
	.top_right{ float:none; text-align:center}
	}

@media only screen and (max-width: 311px) {.top_right em{ display:inline-block; margin:0px}}
/*悬浮导航*/
.fixedNav{display: block;height:56px;position: fixed; _position:absolute; top:-70px;    _top:eval(document.documentElement.scrollTop-50); left:0;transition: top 0.3s ease-out 0s; -ms-transition:top 0.3s ease-out 0s; width: 100%;z-index:99999;}

.move{ top:0; _top:expression(documentElement.scrollTop+0)}
.fixedBox{height:56px; margin:0 auto;}

/*main-banner*/

#image-gallery li img{width: 100%}


/*main about*/
.mainBox{ margin-top:40px}
.main-about{    width:69.41%; padding-left:0}
.main-about .about-title{margin-bottom:10px;background:url(/img/sl.png) repeat-x left center;}
.main-about .about-title em{font-size:24px;font-family: 'OpenSans-Bold';color:#000033;display:inline-block;padding-right:18px;background:#fff;}
.main-about .about-left{float:left; width:50%}
.main-about .about-left img{max-width:100%;height:auto;}
.main-about .about-right{width:48%;float:right;}
.main-about .about-right>p{font-size:14px;color:#555555;line-height:30px;height:180px;overflow:hidden;}
.main-about .about-right .about-more{color:#fff;text-transform:capitalize;font-family: 'Arial'; font-weight:bold;font-size:14px;background:#008cd6;margin-top:15px;padding:7px 30px 7px;border-radius:4px;display:inline-block;}
.main-about .about-right .about-more:hover{background: #145c82;text-decoration:none;}
@media only screen and (max-width: 1199px) {
	.main-about .about-left{width:50%}
	.main-about .about-right>p{    line-height: 24px; max-height:120px}
}
@media only screen and (max-width: 768px) {
	.main-about{margin-bottom:30px;}
	.main-about .about-left{width:50%;}
}

@media only screen and (max-width: 512px) {
	.main-about .about-left{width:100%;}
	.main-about .about-right{width:100%; margin-top:15px}
}

/*news*/
.main-zs{    width:29.9%; float:right; padding-right:0}
.main-zs .glyphicon{font-family:FontAwesome;}
.main-zs .panel{margin:0;}
.main-zs .panel #demo3{}
.main-zs .panel-default{border:1px solid #008cd6;}
.main-zs .panel-default > .panel-heading{
	color:#fff;
	background-image: -moz-linear-gradient(top, #008cd6, #008cd6);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008cd6), color-stop(1, #008cd6));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f98337', endColorstr='#df712b', GradientType='0');
	background:linear-gradient(to bottom, #008cd6, #008cd6);
}
.main-zs .panel-body {
    padding:15px 15px 5px;
}
.main-zs .panel-default > .panel-heading span.fa{font-size:18px; vertical-align:middle;}
.main-zs .panel-default > .panel-heading b{padding-left:9px;font-size:18px;font-weight:normal;font-family: 'OpenSans-Bold';text-transform:uppercase; vertical-align:middle;}
.main-zs .panel-footer{display:inline-block;float:right;padding:0;border:none;background:none;}
.main-zs .pagination > li > a,.main-zs .pagination > li > span{border: 1px solid #145c82;background: #1273a6;color: #145c82;}
.main-zs .pagination > li > a:hover,.main-zs .pagination > li > span:hover{background:#fff;}
.main-zs .pagination > li > a.prev{border-radius:5px 0 0 5px;}
.main-zs .glyphicon-chevron-down:before{content:"\f053";}
.main-zs .glyphicon-chevron-up:before{content:"\f054";}
.main-zs .main-zs-m{ padding:0}
.main-zs .news-item{}
.main-zs .news-item>a{ display:inline-block; width:50%; padding:0 10px;}
.main-zs .news-item>a img{ width:100%; height:auto; max-height:193px; max-width:143px;}
@media only screen and (max-width: 768px) {.main-zs{    width:100%; float:none;padding-left: 0;}.main-about{  float:none;  width: 100%;padding-right: 0;}}
@media only screen and (max-width: 360px) {

	.main-zs .panel #demo3{max-height:510px;}
	
}

/*pro*/
.in_proW{ margin-top:30px}
.in_pro_t{ background:url(/img/sl.png) repeat-x left center; text-align:center;}
.in_pro_t>em{ float:left; background:url(/img/t_bg.png) no-repeat center; text-align:center; line-height:27px; height:27px; width:27px; color:#ffffff; font-size:20px; text-transform:uppercase; letter-spacing:0.5px; display:inline-block; margin-top:8px;    padding-left: 4px;}
.in_pro_t>a{ display:inline-block; background:#fff; padding:0 10px; color:#202020; font-size:34px; text-transform:uppercase;font-family: 'zrnic';}

.in_pro_l{ margin:0 -10px} 
.in_pro_l li{ float:left; width:20%; padding:0 10px; margin-top:15px}
.in_pro_l li .in_pro_m>a.in_pro_img{ display:block; width:100%; border:1px solid #f2f2f2; background:#fff; border-radius:6px;}
.in_pro_l li .in_pro_m>a.in_pro_img img{ width:100%; height:auto; border-radius:6px; width:216px; height:216px;}
.in_pro_l li .in_pro_m>a.in_pro_w{ display:block; width:100%; overflow:hidden; font-size:13px; line-height:20px; height:40px; margin-top:10px; text-align:center; color:#5e5d5d}
.in_pro_l li .in_pro_m:hover a.in_pro_img{border-color:#008cd6}
.in_pro_l li .in_pro_m:hover a.in_pro_w{ color:#008cd6}

@media only screen and (max-width: 694px) {
	.in_pro_l li{ width:33.333%; }
}
@media only screen and (max-width: 458px) {
	.in_pro_l li{ width:50%; }
}

@media only screen and (max-width: 325px) {
	.in_pro_l li{ width:100%; }.in_pro_l li .in_pro_m>a.in_pro_img img{max-width:100%; max-height:none}
}



.in_NewsExibitionW{ margin-top:31px}
.in_NewsExibition_t{ background:url(/img/news_t_bg.png) repeat-x center top; padding-top:17px}
.in_NewsExibition_t>span{ color:#202020; font-size:34px;font-family: 'zrnic'; text-transform:uppercase; display:inline-block; float:left; line-height:30px;}
.in_NewsExibition_t>a{float:right;color: #008cd6;font-size:13px;line-height:22px;display:inline-block;}
.in_NewsExibition_t>a:after{content: "\f105";font-size: 14px; display:inline-block;color:#008cd6; margin-left:5px;text-align: right;font-family: FontAwesome;}
.in_NewsExibition_t>a:hover{ text-decoration:underline;}
.in_news_l{ margin-top:14px}
.in_news_l li{margin-bottom:15px; width:100%}
.in_news_l li .in_news_img{display:block; float:left;    width: 24.57%;}
.in_news_l li .in_news_img img{width:100%; display:block}
.in_news_l li .in_news_w{width:72%; float:right}
.in_news_l li .in_news_w .in_news_list_t{ color:#333333; font-size:14px; line-height:20px; height:20px; overflow:hidden;   text-overflow: ellipsis; -o-text-overflow: ellipsis;white-space: nowrap; width:100%;display: block;}
.in_news_l li .in_news_w .in_news_list_t:hover{ color:#008cd6;}
.in_news_l li .in_news_w .in_news_list_date{color:#aaaaaa; border-bottom:1px dashed #e5e5e5; padding-bottom:8px;margin-top:2px}
.in_news_l li .in_news_w .in_news_list_miao{line-height:20px; max-height:40px; overflow:hidden;margin-top: 7px; color:#777777;}




.in_part_m{ width:100%; margin-top:14px}
.in_part_m .in_part_m_l{float:left;width: 100%;}
.in_part_m .in_part_m_l li{float:left; margin-right:20px; width:264px; height:180px;}
.in_part_m .in_part_m_l>a{ display:block;width:100%; position:relative}
.in_part_m .in_part_m_l>a img{ width:100%; max-width:186px; max-height:332px; height:auto}
.in_part_m .in_part_m_r{ float:right; width:67.368%}
.in_part_m .in_part_m_r .in_part_m_r_top .in_part_m_r_top1{ float:left; padding-left:6px;width: 50%;}
.in_part_m .in_part_m_r .in_part_m_r_top .in_part_m_r_top1>a{display:block;width:100%; position:relative}
.in_part_m .in_part_m_r .in_part_m_r_top .in_part_m_r_top1>a img{width:100%; max-width:185px; max-height:160px; height:auto}
.in_part_m .in_part_m_r .in_part_m_r_bottom{ margin-top:6px; width:100%; padding-left:7px}
.in_part_m .in_part_m_r .in_part_m_r_bottom>a{display:block;width:100%; position:relative}
.in_part_m .in_part_m_r .in_part_m_r_bottom>a img{width:100%; max-width:378px; max-height:165px; height:auto}

.in_part_m a {
    position: relative;
    overflow: hidden;
    display: block;
}

.in_part_m img { 
 width:100%;
    height: 147px;
    vertical-align: middle;
    border: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.in_part_m span {
   
    bottom: -100px;
    left: 0;
    width: 100%; 
    font-size: 16px; line-height:26px;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
    color: #333;
   
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.in_part_m a:hover span {
    bottom: 0;
}

@media (max-width: 1199px){
	.in_news_l li .in_news_img{ width:27%}
	.in_news_l li .in_news_w{width:70%}
	.in_news_l li .in_news_w .in_news_list_miao{ margin-top:2px;    line-height:18px; max-height:36px;}
	.in_news_l li .in_news_w .in_news_list_date{ padding-bottom:4px;}
	.in_news_l li{ margin-top:10px}
	}


@media (max-width: 987px) and (min-width: 768px) {.in_part_m span { bottom:0;   padding: 8px 0;}}

@media (max-width: 768px){
	.in_ExibitionW{width:100%; margin-top:20px}
	.in_newsW{width:100%}
	.in_part_m .in_part_m_l>a img,.in_part_m .in_part_m_r .in_part_m_r_top .in_part_m_r_top1>a img,.in_part_m .in_part_m_r .in_part_m_r_bottom>a img{ max-width:100%; max-height:none}
	}

@media (max-width: 425px){.in_news_l li .in_news_img{width:35%}
.in_news_l li .in_news_w{width:61%}

}
@media (max-width: 365px){
	.in_part_m .in_part_m_l{width:100%; float:none}
	.in_part_m .in_part_m_r{width:100%; float:none;}
	.in_part_m .in_part_m_r .in_part_m_r_top .in_part_m_r_top1{ padding-left:0; width:100%; float:none; margin-top:6px}
	.in_part_m .in_part_m_r .in_part_m_r_bottom{padding-left:0}
	}


@media (max-width: 322px){.in_news_l li .in_news_img{width:42%}
.in_news_l li .in_news_w{width:56%}

}

.in_bg{ background:url(/img/sl.png) repeat-x; width:100%; height:8px; margin:21px 0}

.in_caseW{ width:100%; text-align:center}
.in_case{wdith:100%}
.in_case_t{ text-align:center;    margin-bottom: 30px; }
.in_case_t>span{ display:inline-block; color:#333333; font-size:34px; text-transform:uppercase; font-family: 'zrnic';}
#flexiselDemo1{display:none;}
.nbs-flexisel-container{position:relative;max-width:100%;}
.nbs-flexisel-ul{position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:left;}
.nbs-flexisel-inner{float:left;width:100%;overflow:hidden;}
.nbs-flexisel-item{float:left;margin:0px;margin-top:16px;margin-bottom:0px;padding:0px;cursor:pointer;line-height:0px;text-align:center;}
.nbs-flexisel-item span{max-width:214px;max-height:214px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;width:100%;height:auto;display:inline-block;position:relative;}
.nbs-flexisel-item span img{width:100%;cursor:pointer;position:relative;max-width:214px;max-height:214px;}
.nbs-flexisel-item span .pro-news{position:absolute;right:-10px;top:-24px;}
.nbs-flexisel-item span .pro-news img{max-width:40px;max-height:43px;}
.nbs-flexisel-item .in_case_w{ overflow:hidden;height:35px;overflow:hidden;color:#333333;display:block;line-height:35px;font-size:14px;margin:9px auto 0;max-width:214px; border:1px solid #008cd6;background-image: -moz-linear-gradient(top, #E6E6E6, #fff);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #008cd6));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#df712b', GradientType='0');
	background:linear-gradient(to bottom, #fff, #008cd6);}
.nbs-flexisel-item:hover .in_case_w{ color:#008cd6}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{width:10px;height:17px;position:absolute;cursor:pointer;z-index:100;top:-25px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.nbs-flexisel-nav-left{left:48.2%;text-align:center;background:url(/img/prev-b.png) no-repeat;}
.nbs-flexisel-nav-left:hover{background:url(/img/prev-b-h.png) no-repeat;}
.nbs-flexisel-nav-right{right:48.2%;text-align:center;background:url(/img/next-b.png) no-repeat;}
.nbs-flexisel-nav-right:hover{background:url(/img/next-b-h.png) no-repeat;}

@media only screen and (max-width: 902px) {
	.nbs-flexisel-item span { max-width:174px;max-height:131px}
.nbs-flexisel-item span img{max-width:174px;max-height:131px;}
.nbs-flexisel-item .in_case_w{max-width:174px}
}
@media only screen and (max-width: 768px) {.nbs-flexisel-nav-left{left:46%;}.nbs-flexisel-nav-right{right:46%;}}
@media only screen and (max-width: 575px) {
	.nbs-flexisel-item span { max-width:150px;max-height:113px}
.nbs-flexisel-item span img{max-width:150px;max-height:113px;}
.nbs-flexisel-item .in_case_w{max-width:150px}
}
@media only screen and (max-width: 490px) {
	.nbs-flexisel-item span { max-width:132px;max-height:99px}
.nbs-flexisel-item span img{max-width:132px;max-height:99px;}
.nbs-flexisel-item .in_case_w{max-width:132px}

}
@media only screen and (max-width: 440px) {
	.nbs-flexisel-item span { max-width:100%;max-height:none}
.nbs-flexisel-item span img{max-width:100%;max-height:none;}
.nbs-flexisel-item .in_case_w{max-width:100%}

}

/*footer*/
.footerW{ background:#332e41;width:100%; padding:38px 0 28px; margin-top:50px}
.footer{ margin:0 -15px}
.footer_links .block>span em{color: #008cd6;font-size:24px;text-transform:uppercase;font-family: 'zrnic';}
.footer_followW{ width:15%; margin-right:76px}
.footer_links .footer_follow{ margin-top:10px}
.footer_links .footer_follow ul li{}
.footer_links .footer_follow ul li a{ font-size:14px; color:#d9d9d9; display:block; line-height:22px; margin:0px 0 6px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.footer_links .footer_follow ul li p{font-size:14px; color:#d9d9d9;line-height:22px; margin:0px 0 9px 0; }
.footer_links .footer_follow ul li a:hover{ text-decoration:underline; color:#008cd6; }

.footer_contsW{margin-left:110px; margin-right:60px;    width: 22.9%;}
.footer_tagsW{ width:18.5%; }
.footer_contsW .footer_follow ul li a{margin:0px 0 9px 0;}

.footer .fot_sendW{width:23%}
.footer .fot_send ul{ margin-top:16px}
.footer .fot_send ul li>input {
	    width: 100%;
	border:1px solid #514964;
	height: 30px; line-height:30px;
	margin-bottom:9px;
	background:none;
	color: #d5d5d5; font-size:14px;
	padding-left:8px;
}

.footer .fot_send ul li>input:focus {
	border: 1px solid #4C4C4C; background:rgba(255,255,255,0.1);
	
}
.footer .fot_send ul li textarea {
	  width: 100%;
	border:1px solid #434552;
	height: 70px;
	resize: none;
	background:none;
	color: #b2b2b2;font-size:14px;
	padding:4px 0px 0 8px;
}
.footer .fot_send ul li textarea:focus{border: 1px solid #4C4C4C; background:rgba(255,255,255,0.1);}
.footer .fot_send ul li span{ display:block;}
.left_tj {
	display: inline-block;
	width: 100px;
	height: 32px;
	background: #008cd6; line-height:32x; text-align:center;
	border: none;
	color: #ffffff;
	font-size: 14px; text-transform:capitalize;
	margin-top: 22px; border-radius: 4px;
}
.left_tj:hover {
	background: #145c82;border-radius: 4px;
}

.icon-minus-sign:before {content:"\f056";font-family:'FontAwesome';}
.icon-plus-sign:before {content: "\f055";font-family:'FontAwesome';}
.footer_links.column .block>span .column_icon_toggle {display: none;}





@media only screen and (max-width: 1199px) {
	.footer_contsW{    margin-left: 30px;width:26%; margin-right: 30px;}
	.footer_tagsW{width:20%}
	.footer .fot_sendW{width:26%}
	.footer_followW{    width: 16%; margin-right: 30px;}
	}
@media only screen and (max-width: 856px) {
	.footer_contsW{    margin-left: 0px;width:30%; margin-right:0px;}
	.footer_tagsW{width:23%}
	.footer .fot_sendW{width:29%}
	.footer_followW{    width: 18%; margin-right: 0px;}
	}
	


.fot_copyW{ width:100%; padding:11px 0 15px; text-align:left; }
.fot_copy_l{ float:left; margin-top:13px}
.fot_copyW .fot_flinks{color:#666666; font-size:12px; margin:8px 0 6px; text-transform:capitalize;}
.fot_copyW .fot_flinks a{color:#666666; display:inline-block; font-weight:normal; margin:0 8px 0 3px; text-transform:none; font-weight:normal}
.fot_copyW .fot_flinks a:hover,.fot_copyW .fot_copy a:hover{ color:#008cd6; text-decoration:underline;}
.fot_copyW .fot_copy_m{ color:#666666; font-size:12px; margin-top:13px}
.fot_copyW .fot_copy_m a{color:#666666;}
.fot_copy_r{ float:right;}
.fot_copy_r .top_share{ float:right; margin-top:40px; margin-right:20px}
.fot_copy_r img{ float:right;width:104px; height:104px}
@media only screen and (max-width: 780px) {
	.fot_copy_l{ float:none; margin-top:0; text-align:center}
	.fot_copy_r{ float:none; margin-top:5px}
	.fot_copy_r .top_share{ float:left;}
	.fot_copyW .fot_flinks{ margin-bottom:0; margin-top:0}
	.fot_copyW .fot_flinks a{ margin-bottom:7px}
	.fot_copyW .fot_copy{ margin-top:0px}
	.fot_copyW .fot_copy_m{ margin-top:0}
	}
@media only screen and (max-width: 309px) {.fot_copy_r{ text-align:center}.fot_copy_r .top_share{ float:none; text-align:center;    margin:0px;}.fot_copy_r img{ float:none; margin-bottom:5px}}
@media only screen and (max-width: 768px) {
	.footer{ margin:0}
	.footer .fot_sendW{ width:100%;}
	.footer_links { width:100%; float:none; margin-bottom:15px;padding:0}

.footer_links .block>span{display:block;padding:3px 10px;background:none;cursor:pointer;position:relative;font-size:13px;text-transform:uppercase;color:#fff;    border: 1px solid #505050; border-radius:1px}
.footer_links .block>span em{font-size:22px}
.footer_links.column .block>span .column_icon_toggle{display: inline-block;position: absolute;right:14px;top:8px;font-style:normal;cursor:pointer;font-size:14px;color:#008cd6;}
.footer_links .block>span em:after{ display:none}

}


.page_banner{ width:100%;}
.page_banner img{ width:100%; height:auto; max-width:100%}

.mainbaoxie{ padding:10px 0 7px 0; background:url(/img/breadcrumbs.png) repeat;    border-bottom: solid 1px #f3f3f3;   text-align: right; }

.breadcrumb{ background:none;    margin-bottom: 0;    padding: 4px 0px 8px;}
.breadcrumb ul li{margin:0 5px;display:inline-block; vertical-align:middle;}
.breadcrumb ul li:after{content:"/";color:#808080; vertical-align:middle;padding-left:10px;padding-right:5px;}
.breadcrumb ul li:last-child:after{display:none;}
.breadcrumb ul li p{font-size:14px;text-transform:capitalize;display:inline-block; vertical-align:middle;}
.breadcrumb ul li .home{font-size:14px;color:#008cd6;}
.breadcrumb ul li .home i{ font-size:18px; margin-right:5px}
.breadcrumb ul li .home:hover{color:#008cd6;}
.breadcrumb ul li a{font-size:14px;text-transform:capitalize; vertical-align:middle;}
.breadcrumb ul li a:hover{color:#008cd6;}


/*main left*/
.mian_box{ margin:20px 0 30px}
.main-left{padding-left:0}
.main-right{padding-right:0}
.main-left .column .column_box>span{display:block; background:#008cd6; text-align:left; color:#fff; 
font-size:13px;text-transform:uppercase;padding:10px 0 8px 15px; margin-bottom:10px;    background: #008cd6;
    font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
.main-left .left-nav,.main-left .left-blog{ background:#fbfbfb}
.main-left .left-news{background:#f4f4f4}
.main-left .left-nav,.main-left .left-news,.main-left .left-blog{position:relative;}
.main-left .column .column_box>span .column_icon_toggle{display:none;}
.main-left .column .column_box>span em{
    padding-bottom: 6px;}

.mtree-skin-selector{display:none;}
ul.mtree {margin-left: 0;}
ul.mtree>li {list-style: none;    padding: 6px 10px 11px;border-bottom: 1px solid #F0F0F0; margin-bottom:6px}
ul.mtree>li:last-child{border-bottom:none}
ul.mtree a {display: block;font-size:14px;padding-left:0px;}
ul.mtree li.mtree-node > a {font-size:14px;}
ul.mtree li.mtree-node>a:after{content:"\f0d7";font-family:FontAwesome;float:right;padding-right:5px;font-size:18px;color:#DEDEDE;}
ul.mtree li.mtree-active>a:after{content:"\f0d8";font-family:FontAwesome;padding-left:5px;font-size:18px;color:#DEDEDE;}
ul.mtree ul li.mtree-node>a:after{content:"\f107";font-family:FontAwesome;float:right;padding-right:5px;font-size:18px;color:#DEDEDE;}
ul.mtree ul li.mtree-active>a:after{content:"\f106";font-family:FontAwesome;padding-left:5px;font-size:18px;color:#DEDEDE;}
ul.mtree>li:hover{color:#008cd6;}
ul.mtree>li:hover>a{color:#008cd6;}
ul.mtree>li.mtree-node{}
ul.mtree>li.mtree-node a:hover{text-decoration:underline;}
ul.mtree>li.mtree-open{color:#008cd6;}
ul.mtree>li.mtree-open>a{color:#008cd6;}
ul.mtree>li.mtree-node:hover{color:#008cd6;}
ul.mtree>li.mtree-node:hover>a{text-decoration:none;color:#008cd6;}

ul.mtree>li.mtree-node .mtrss-all{text-transform:uppercase;font-size:14px;color:#008cd6; border-bottom:none; padding-bottom:0; margin:0}
ul.mtree>li.mtree-node .mtrss-all span{display:inline-block;padding-right:5px;border:none;margin-bottom:0;}
ul.mtree>li.mtree-node .mtrss-all a{font-size:14px;color:#008cd6;text-transform:capitalize;}
ul.mtree>li.mtree-node .mtrss-all a:hover{text-decoration:underline;color:#008cd6;}

ul.mtree a {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

ul.mtree ul {padding:0px;width:100%;}
ul.mtree>li>ul>li{margin:9px 0;padding-bottom:10px;border-bottom:1px dotted #CFCFCF;}
ul.mtree li.mtree-node ul li a{display:block;font-size:13px;font-weight:normal;}
ul.mtree ul li a:hover{color:#008cd6;text-decoration:none;}

ul.mtree .mtree-level-2{padding-left:10px;padding-bottom:10px;}
ul.mtree li ul li.mtree-open a{text-decoration:none;}
ul.mtree li ul.mtree-level-2 li a{font-weight:normal;font-size:14px;}
ul.mtree .mtree-level-2 li a:hover{text-decoration:none;color:#808080;font-weight:normal;}

ul.mtree ul li ul li a:before{content:"\f105";font-family:FontAwesome;padding-right:5px;}

ul.mtree.jet ul {margin-left: 0;}
ul.mtree.jet li {margin-bottom: 1px;}
ul.mtree.jet li:last-child {margin-bottom: 0px;}
ul.mtree.jet li:first-child {margin-top: 1px;}
ul.mtree.jet li.mtree-active a {background: #E3E3E3;}
ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a {
  background: #008cba;
  color: #FFF;
  border-radius: 3px 3px 0px 0px;
}
ul.mtree.jet li > a:hover {
  background: #FFC000;
  color: #FFF;
}
ul.mtree.jet a {
  padding: 5px 0px 5px 1em;
}
ul.mtree.jet li li > a {
  padding-left: 2em;
}
ul.mtree.jet li li li > a {
  padding-left: 3em;
}
ul.mtree.jet li li li li > a {
  padding-left: 4em;
}
ul.mtree.jet li li li li li > a {
  padding-left: 5em;
}

ul.mtree a:hover{text-decoration:none;}

.main-left .icon-minus-sign:before {content:"\f068";font-family:'FontAwesome';}
.main-left .icon-plus-sign:before {content: "\f067";font-family:'FontAwesome';}


.main-left .left-news .htmleaf-content{border-top:none; padding:0 10px}
.main-left .left-news .htmleaf-content ul li{margin:0px 0 15px;}
.main-left .left-news .htmleaf-content ul li>a>span{display:inline-block;float:left;width:100%;max-width:90px;max-height:90px;overflow:hidden;margin-right:10px; border:1px solid #e2e2e2}
.main-left .left-news .htmleaf-content ul li:hover>a>span{ border-color:#008cd6}
.main-left .left-news .htmleaf-content ul li>a>span img{max-width:100%;height:auto;width:100%;}
.main-left .left-news .htmleaf-content ul li .lnews-right{float:right;width:58%;}
.main-left .left-news .htmleaf-content ul li .lnews-right em{color:#008cd6;font-size:14px; display:block;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.main-left .left-news .htmleaf-content ul li .lnews-right a:hover em{ color:#222;}
.main-left .left-news .htmleaf-content ul li .lnews-right p{color:#555;font-size:13px;line-height:20px;overflow:hidden;height:40px;}
@media only screen and (max-width: 1199px) {
	.main-left .left-news .htmleaf-content ul li>a>span{ float:none; display:block;max-width:100%;max-height:none; margin-right:0}
	.main-left .left-news .htmleaf-content ul li .lnews-right{ float:none; width:100%; margin-top:15px}
	}


@media only screen and (max-width: 768px) {
	.main-box{margin:10px 0;}
	.main-left{margin-bottom:30px; padding:0;width:100%; float:none}
	.main-right{ padding:0;width:100%; float:none;}

	.main-left .column .column_box>span .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:9px;font-style:normal;cursor:pointer;font-size:14px;color:#fff;font-weight:normal;}
}

/*right*/
.main-right .right-title{ background: none; text-align: left; color: #333; font-size: 17px;  text-transform: uppercase; padding: 5px 0 6px 0; border-bottom: 1px dotted #e4e9f0;margin-bottom: 10px;}
.main-right .right-title>span{    border-bottom: 2px solid #008cd6;   margin: 0 0 -2px 0;  padding-bottom: 6px;}

.acontuld1{ clear:both; line-height:24px; color:#666; margin-top:20px}
.acontuld1 .alid{  padding:5px 0 0; overflow:hidden;  }
.acontuld1 .alid .l{ float:left; width:16%; font-size:18px; padding-top:10px; }
.acontuld1 .alid .l p{ width:35px; float:right; border-top:1px #D7D7D7 solid; }
.acontuld1 .alid .l h3{ clear:both; text-align:right; padding-top:0px; font-size:20px}
.acontuld1 .alid .r{ float:left; width:84%; padding-left:30px}

.apiculd1{ clear:both; padding:30px 0; overflow:hidden; zoom:1; }
.apiculd1 ul{ clear:both; width:1116px; }
.apiculd1 li{ float:left; width:357px; height:252px; margin-right:15px; }



@media only screen and (max-width: 887px) {
	.acontuld1 .alid .l{ width:20%; }
	.acontuld1 .alid .r{ width:80%}
	}


@media only screen and (max-width: 715px) {
	.acontuld1 .alid .l{ width:25%; }
	.acontuld1 .alid .r{ width:75%}
	}
@media only screen and (max-width: 578px) {
	.acontuld1 .alid .l{ width:100%; float:none}
	.acontuld1 .alid .l p{ float:none}
	.acontuld1 .alid .l h3{ text-align:left}
	.acontuld1 .alid .r{ width:100%; float:none; margin-top:10px; padding-left:0}
}

.acontuld2_m{ line-height:24px; font-size:13px;}
.acontuld2_m img{ max-width:100%}





/*contact*/
.contact_us_web{ margin-top:15px}
.con-main{margin-bottom:50px;}
.con-main>em{font-size:18px;display:block;margin-bottom:10px;color:#231815;text-align:center;margin-top:20px;}
.con-main>p{font-size:13px;margin-bottom:35px;color:#808080;text-align:center;}
.con-left{ margin-bottom:25px}
.con-text{margin-bottom:10px;}
.con-text>em{font-size:18px;display:inline-block; vertical-align:middle;text-transform:uppercase;margin-bottom:10px;margin-top:14px;}
.con-text div{line-height:24px;font-size:13px;}
.con-text p{font-size:14px; line-height:35px;}

.con-left .con-mes{border-top:1px solid #f2f2f2;padding-top:20px;}
.con-left .con-mes>em{font-size:14px;display:block;margin-bottom:5px;}
.con-left .con-mes .con_input{height:40px;background:#fff;line-height:40px;color:#999;border:1px solid #e5e5e5;text-transform:capitalize;padding-left:10px;font-size:13px;display:inline-block;width:84%;}
.con-left .con-mes .con_input:focus{color:#333333;border:1px solid #ccc;}
.con-left .con-mes .send{width:40px;height:40px;color:#fff;background:#008cd6;text-transform:uppercase;text-align:center;line-height:0;cursor:pointer;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.con-left .con-mes .send:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.con-left .con-mes a:hover{color:#008cd6;text-decoration:none;}

.message{background:#fafafa;padding:15px; border-top: 2px solid #008cd6;}
.message ul{overflow:hidden;width:100%;}
.message li{margin-bottom:20px;}
.message p{font-size:14px;margin-left:0;display:block;margin-bottom:15px;text-transform:capitalize;color:#333;}
.message p b{font-weight:normal;padding-right:5px;}
.message p a:hover{color:#fb8239;}
.message label{display:inline-block;width:100%;font-weight:normal;text-align:left;font-size:14px;vertical-align:middle;margin-bottom:5px;}
.message .meInput{width:90%;height:40px;background:#fff;border:1px solid #ccc;padding-left:10px; vertical-align:middle;font-family:Arial,serif;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.message .meInput:focus{border:1px solid #ccc;background:#fff;}
.message .meText{width:90%;min-height:160px;background:#fff;border:1px solid #ccc;max-width:100%;padding:10px; vertical-align:middle;font-family:Arial,serif;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.message .meText:focus{border:1px solid #ccc;background:#fff;}
.message .send{display:inline-block;background:#008cd6;font-size:14px;color:#fff;text-transform:uppercase;padding:7px 53px;margin-top:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.message .send:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;text-decoration:none;}

@media only screen and (max-width: 768px){
	.message{margin-top:30px;}
	.con-main> p{margin-bottom:30px;}
}




/*news*/
.newsBox{margin-top:25px;}
.newsBox-main{margin-top:15px;}
.news_list{width:100%;}
.news_list li{border-bottom:1px dashed #e5e5e5;margin-bottom:20px;padding-bottom:20px;text-align:left;}
.news_list li>a{ display:block; padding-left:0}
.news_list li img{max-width:100%;width:100%;}
.news_list li .news_right{ padding-right:0}
.news_list li .news_right em{font-size:17px;text-transform:capitalize;display:block;line-height:22px;max-height:44px;overflow:hidden;margin-bottom:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; color:#444}
.news_list li .news_right>a:hover em{color:#008cd6}
.news_list li .news_right .news_date{color:#008cd6;display:inline-block;font-size:14px;}
.news_list li .news_right .news_date i{padding-right:5px;}
.news_list li .news_right>p{line-height:22px;max-height:88px;overflow:hidden;font-size:13px;margin-top:10px;color:#808080;}
.news_list li .news_right .news_more{background:#008cd6;border-radius:4px;font-size:14px;color:#fff;text-transform:capitalize;padding:7px 20px;display:inline-block;margin-top:20px;}
.news_list li .news_right .news_more:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;text-decoration:none;}
.news_list li:hover a,.news_list li:hover em{color:#008cd6;text-decoration:none;}
@media only screen and (max-width: 1199px) {
	.news_list li .news_right>p{ max-height:66px;    margin-top: 3px;}
	.news_list li .news_right em{ font-size:16px; margin-bottom:5px}
	.news_list li .news_right .news_more{ margin-top:10px}
	}
@media only screen and (max-width: 768px) {
	.news_list li>a{  padding:0}
	.news_list li .news_right{margin-top:15px; padding:0}
	.news_list li .news_right .news_more{margin-top:20px;}
}

/*page-number*/
.page_num{width:100%;margin:2em auto 2em auto;text-align:center;}
.page_num li{display:inline-block;margin-left:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.page_num li p{display:inline-block;color:#fff;background:#008cd6;font-size:14px;text-transform:capitalize;margin-bottom:0;padding:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.page_num a{display:inline-block;color:#333;font-size:14px;text-transform:capitalize;padding:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.page_num a:hover{color:#fff;text-decoration:none;background:#008cd6;}
.page_num span{display:block;font-size:12px;margin-top:10px;}
.page_num span:before{content:'[';padding-right:3px;}
.page_num span:after{content:']';padding-left:3px;}
.page_num span p{display:inline-block;margin:0 5px;}
@media only screen and (max-width: 768px) {.page_num span{width:100%;margin-top:15px;}}
@media only screen and (max-width: 400px) {
	.page_num li{margin:5px 0;}
	.page_num li p,.page_num a{font-size:12px;padding:8px;}
}

/*news main*/
.news_main>em{font-size:17px;display:block;margin-bottom:10px;}
.news_main .newm_date{display:block;margin-bottom:10px;color:#008cd6;}
.news_main .newm_date p{display:inline-block;margin:0;}
.news_main .newm_date p i{padding-right:5px;}
.news_main img{max-width:100%;height:auto;}
.news_main div.news_mian_de{font-size:14px;line-height:24px;margin-bottom:20px;text-align:left;}
.news_main div.news_mian_de{line-height:32px;}


/*page turn*/
.page_turn{width:100%;border-top:1px dotted #e5e5e5;padding-top:20px;}
.page_turn li{text-align:left; }
.page_turn li:first-child{padding-left:0}
.page_turn li:last-child{padding-right:0}
.page_turn li a{background:#efefef;display:inline-block;text-transform:capitalize;font-size:14px;padding:5px 10px;border-radius:5px;}
.page_turn li a p{display:inline-block;padding-left:5px;}
.page_turn li a:hover{text-decoration:none;color:#fff;background:#008cd6;}
.page_turn li a:hover p{text-decoration:underline;}
@media only screen and (max-width: 768px) {.page_turn li{margin-bottom:15px;}}




/*sitemap*/
.sitemap{width:100%;margin-top:20px;}
.stp-listA>li{text-transform:capitalize;margin-bottom:15px;border:1px solid #e5e5e5;background:#fff;padding:10px;border-radius:5px;}
.stp-top{width:100%;height:34px;line-height:34px;}
.stp-top a{padding:0;font-size:14px;text-transform:capitalize;display:block;}
.stp-top a i{padding-left:10px;}
.stp-top a:hover{color:#008cd6;text-decoration:none;}
.stp-listB{display:block;padding:10px 0;border-top:1px solid #cfcfcf;;}
.stp-listB li{width:18%;margin-right:2%;float:left;padding:8px 0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.stp-listB li a{font-size:12px;line-height:22px;display:block;color:#4d4d4d;}
.stp-listB li a i{padding-right:5px;}
.stp-listB li:hover a{color:#008cd6;text-decoration:underline;}

@media only screen and (max-width: 768px){
	.stp-listB li{width:48%;}
	.stp-listB li a{font-size:14px;}
}
@media only screen and (max-width: 400px){
	.stp-listB li{width:100%;margin-right:0;margin-bottom:2%;}
}


/*products main*/
.page-title{margin-bottom:20px;background:url(/img/sl.png) repeat-x left center;}
.page-title2{}
.page-title em,.page-title2 em{font-size:18px;display:inline-block;padding-right:15px;text-transform:uppercase;background:#008cd6;color:#ffffff;padding-left:15px;border-radius:4px 4px 0 0;}
.products{ margin-top:15px}
.products .pro_img{ padding-left:0}
.products .pro_img a>img{max-width:100%;max-height:100%;height:auto;width:100%;border:1px solid #f2f2f2;border-radius:5px;}
.products .pro_img .pro_simples{margin-top:10px;}
.products .pro_img .pro_simples a>img{max-width:78px;margin:4px 7px 0 0;border:1px solid #ebebeb;}
.products .pro_img .pro_simples a:nth-child(4)>img,.products .pro_img .pro_simples a:nth-child(8)>img{ margin-right:0}
.products .pro_table{float:right; padding-right:0}
.pro_table em{font-size:17px;color:#444;display:block;text-transform:capitalize;margin-bottom:14px;}
.pro_table ul{margin-top:10px;}
.pro_table ul li{margin:5px 0;font-size:13px; vertical-align:middle;text-transform:capitalize;}
.pro_table ul li p{display:inline-block;margin-right:10px;color:#999;font-size:13px; vertical-align:middle;padding-bottom:3px;}
.pro_table .pro_more{display:inline-block;background:#008cd6;font-size:13px;color:#fff;text-transform:uppercase;padding:10px 20px;margin-top:20px;border-radius:5px; margin-bottom:15px}
.pro_table .pro_Download{    margin-left: 10px;
    background: #2A2A2A;}
.pro_table .pro_Download:before{content: "\f0ed"; font-family: FontAwesome; display:inline-block; text-align:right; margin-right:5px;font-size: 16px;color: #fff;}
.pro_table .pro_more:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;text-decoration:none;}

.mostBox{margin-top:30px;}
.mostBox>em{color:#547ac0;text-transform:uppercase;display:block;font-size:20px;margin-bottom:30px;padding-bottom:5px;border-bottom:2px solid #bbcae6;}
.mostBox>div{line-height:20px;font-size:13px;padding:0px;}
.mostBox>div img{max-width:100%;height:auto;width:auto;}

.relatedTags{width:100%;background:#f2f2f2;line-height:20px;margin:10px 0;padding:10px;overflow:hidden;}
.relatedTags p{float:left;overflow:hidden;margin:0;margin-right:10px;font-size:14px;}
@media only screen and (max-width: 768px) {.relatedTags p{width:100%;}.products .pro_table{padding-left:0; margin-top:15px}.products .pro_img{padding-right:0}.con-left{padding:0}}
.re_main{width:85%;display:block;float:left;}
.re_main a{margin-right:15px;color:#4c4c4c;text-transform:capitalize;}
.relatedTags a:hover{color:#008cd6;text-decoration:underline;}
.reProTitle{width:100%;border-bottom:2px solid #1996e6;}
.reProTitle p{color:#1a1a1a;font-weight:bold;font-size:16px;margin-top:30px;}

.pro_inquiry{margin-top:20px;}
.pro_inquiry .prom_title{color:#547ac0;text-transform:uppercase;display:block;font-size:20px;margin-bottom:15px;padding-bottom:5px;border-bottom:2px solid #bbcae6;}

.pro_inquiry .con-text{ margin-bottom:0}
@media only screen and (max-width: 768px) {.pro_inquiry .message{ margin-top:0}}

/*page-turning*/
.page_turn1{padding:5px 0; margin-top:10px}
.page_turn1 li{display:block;margin-bottom:5px;}
.page_turn1 li p{display:inline-block;color:#808080;font-size:14px;text-transform:capitalize;margin-bottom:0; }
.page_turn1 li a{display:inline-block;font-size:13px;margin-left:0px;padding:2px 10px 5px 5px;border-radius:200px;text-transform:capitalize;}
.page_turn1 li a:hover{color:#008cd6;}


.in_Relatedpro .nbs-flexisel-item span img{    max-height: 214px;}
.in_Relatedpro .nbs-flexisel-item span{    max-height: 214px;    border: 1px solid #f2f2f2;
    background: #fff;
    border-radius: 6px;}

@media only screen and (max-width: 902px) {
	.in_Relatedpro .nbs-flexisel-item span { max-height:174px}
.in_Relatedpro .nbs-flexisel-item span img{max-height:174px;}

}
@media only screen and (max-width: 575px) {
	.in_Relatedpro .nbs-flexisel-item span { max-height:150px}
.in_Relatedpro .nbs-flexisel-item span img{max-height:150px;}

}
@media only screen and (max-width: 490px) {
	.in_Relatedpro .nbs-flexisel-item span { max-height:132px}
.in_Relatedpro .nbs-flexisel-item span img{max-height:132px;}


}

/*products*/
.main{ margin-top:0px}
.cbp-vm-switcher {width:100%;margin-bottom:10px;}
.cbp-vm-options {text-align: right;padding-bottom: 5px;margin-top:-44px;}
.pro-text{font-size:14px;line-height:22px; overflow:hidden; max-height:66px;margin-bottom:10px; text-align:justify}
.pro-text img{max-width:100%;height:auto;}
.cbp-vm-options p{display:inline-block; vertical-align:middle;padding-right:5px;font-weight:bold;}
.cbp-vm-options a {display: inline-block; vertical-align:middle;width:35px;height:35px;overflow: hidden;white-space: nowrap;color: #ccc;margin: 2px;}
.cbp-vm-options a:hover,
.cbp-vm-options a.cbp-vm-selected {
	color: #008cd6;
}
.cbp-vm-options a:before {width: 35px;height: 35px;line-height: 35px;font-size: 24px;text-align: center;display: inline-block;}

/* General list */
.cbp-vm-switcher ul {list-style: none;padding: 0;margin: 0;}

/* Clear eventual floats */
.cbp-vm-switcher ul:before, 
.cbp-vm-switcher ul:after { 
	content: " "; 
	display: table; 
}
.cbp-vm-switcher ul:after { clear: both; }

.cbp-vm-switcher ul li {display: block;position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.cbp-vm-image {display: block;margin: 0 auto;position:relative;}
.cbp-vm-image span{display:inline-block;width:100%;height:auto;border-radius:3px;border:1px solid #dedede; overflow:hidden}
.cbp-vm-image img {width:100%;cursor:pointer;position:relative;max-width:182px;max-height:182px;border-radius:3px;}

.cbp-vm-switcher ul li em{font-size:14px;display:block;margin:10px 0;height:40px;word-wrap:break-word;line-height:20px;margin-bottom:0;overflow:hidden;margin-bottom:10px;}
.cbp-vm-switcher ul li .cbp-vm-details{color:#999;overflow:hidden;height:32px;font-size:13px;line-height:18px;}
.cbp-vm-switcher ul li a:hover,.cbp-vm-switcher ul li:hover em{ text-decoration:none;color:#008cd6;}

.cbp-vm-view-grid .prol_more{display:none;}

.cbp-vm-view-grid .pro-list-tags{display:none;}
.cbp-vm-view-list .pro-list-tags{width:68%;overflow:hidden;background:#f2f2f2;padding:0 10px;}
.cbp-vm-view-list .pro-list-tags p{display:inline-block;text-transform:capitalize;}
.cbp-vm-view-list .pro-list-tags li{padding:0;display:inline-block;margin:10px 10px 10px 0;border:none;}


/* Common icon styles */
.cbp-vm-icon:before {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.cbp-vm-grid:before {content: "\f00a";}
.cbp-vm-list:before {content: "\f00b";}
.cbp-vm-add:before {content: "\f055";}

/* Large grid view */
.cbp-vm-view-grid ul {text-align: left;}

.cbp-vm-view-grid ul li {
	width: 24%;
	text-align: center;
	padding: 15px;
	display: inline-block;
	vertical-align: top;
	margin-bottom:2px;
}
.cbp-vm-view-grid ul li:hover{background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.1)}
.cbp-vm-view-grid ul li:hover .cbp-vm-image span{ border-color:#008cd6}
/* List view */
.cbp-vm-view-list li {padding: 20px 0;border-top:1px solid #e5e5e5;white-space: nowrap;text-align:left;white-space:normal;}
.cbp-vm-view-list li:before, 
.cbp-vm-view-list li:after { 
	content: " "; 
	display: table; 
}
.cbp-vm-view-list li:after { clear: both; }
.cbp-vm-view-list .cbp-vm-image,
.cbp-vm-view-list .cbp-vm-title,
.cbp-vm-view-list .cbp-vm-details,
.cbp-vm-view-list .cbp-vm-price,
.cbp-vm-view-list .cbp-vm-add {
	display: inline-block;
	vertical-align: middle;
}

.cbp-vm-view-list .cbp-vm-image {width: 30%;display:inline-block; vertical-align:middle;margin-right:2%;float:left;}
.cbp-vm-view-list ul li em{display:inline-block; vertical-align:top;width:68%;text-align:left;font-size:17px;color:#008cd6;font-family:segoeuib,arial,sen-serif;    height: 20px;}
.cbp-vm-view-list ul li .cbp-vm-details {width: 68%;overflow: hidden;white-space: normal;height:36px;margin-bottom:10px;    text-align: justify;}
.cbp-vm-view-list .prol_more{color:#fff;display:inline-block;font-size:14px;text-transform:uppercase;background:#008cd6;border-radius:5px;padding:5px 20px;margin-top:25px;font-family:segoeuib,arial,sen-serif;}
.cbp-vm-view-list li:hover .prol_more{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;color:#fff;text-decoration:none;}
.cbp-vm-view-list .cbp-vm-image img{max-width:100%; max-height:none}
@media screen and (max-width: 940px) {.cbp-vm-view-grid ul li {width: 49%;}.cbp-vm-image img{max-width:100%; max-height:none}}

@media screen and (max-width: 420px) {.cbp-vm-view-grid ul li {width: 100%;}}
@media only screen and (max-width: 768px){
	.pro-cat li{margin-bottom:10px;}
}


@media screen and (max-width: 520px) {
	.cbp-vm-view-list ul li .cbp-vm-details{height:36px;}
	.cbp-vm-view-list .prol_more{font-size:13px;}
	.cbp-vm-view-list .pro-list-tags{width:100%; }
	.cbp-vm-view-list .cbp-vm-image{ margin-bottom:15px}
	.cbp-vm-view-list .prol_more{ margin-top:15px}
}

@media screen and (max-width: 425px) {
	.cbp-vm-view-list ul li em{width:100%;}
	.cbp-vm-view-list ul li .cbp-vm-details{width:100%;}
	.cbp-vm-view-list .cbp-vm-image{width:100%; float:none;margin-bottom:0px}
	.cbp-vm-view-list .pro-list-tags{width:100%}
}


/*blog*/
.column .block .blog_main { margin-bottom:0;padding:10px;padding-bottom:20px;}
.blog_list>li{margin-bottom:20px;padding-bottom:20px;text-align:left;}
.blog_list>li:last-child{border-bottom:none;margin-bottom:0;}
.blog_list>li .blog-left{width:24%;display:inline-block;float:left;margin-right:15px;}
.blog_list>li .blog-left img{max-width:100%;height:auto;}
.blog_list>li .blog-right{max-width:70%;float:left;}
.blog_list>li .blog-right em{font-size:16px;display:inline-block;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;font-family:segoeuib,arial,sen-serif;width:83%;}
.blog_list>li:hover em{color:#008cd6;}

ul.blog-list, ul.blog-list1{padding: 0;list-style: none;background:url(/img/hr.jpg) repeat-x bottom left;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #ccc;text-align:left;}
ul.blog-list li {background: url(/img/icon-circle.png) no-repeat left 7px;margin:0 20px 10px 0;padding-left:15px;}
ul.blog-list1 p, ul.blog-list p {font-size:16px;color:#333;margin-bottom: 15px;text-transform:capitalize;}
ul.blog-list li a {color:#808080;font-size:13px;vertical-align: initial;text-decoration: none;}
ul.blog-list li a:hover{color:#008cd6;text-decoration:underline;}
ul.blog-list3 li.blog-list3-img{float: left;width: 24%;margin-right: 5%;}
.blog-list3-img img{width:60;border-radius:5px;height:45px;border:solid 1px #eee;}

ul.blog-list1 li {display: inline-block;margin: 10px 3px;} 
ul.blog-list1 li a {
	text-decoration: none;
	background:#A2A2A2; color:#fff;
	padding:7px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	
}
ul.blog-list1 li a:hover{background:#008cd6;color:#fff;}

.blog_list{width:100%;padding:0;}
.blog_list>li{margin-bottom:25px;text-align:left;}
.blog_list li em{font-size:15px;display:block;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; color:#222}
.blog_list li a:hover{text-decoration:none;}
.blog_list li:hover em{color:#008cd6;}
.blog_list li .blog_date{display:block;margin-bottom:10px;}
.blog_list li .blog_date li{display:inline-block;margin-right:10px;color:#808080;padding-right:10px;border-right:1px solid #e5e5e5;}
.blog_list li .blog_date li:last-child{border:none;}
.blog_list li .blog_date li i{padding-right:5px;}
.blog_list>li>a{overflow:hidden;display:inline-block;}

.blog_list li p{font-size:13px;line-height:24px;overflow:hidden;max-height:72px;margin-top:10px;}
.blog_list li .blog_tag{margin-top:20px;list-style-type: none;
    color: #8f8e8e;
    font-size: 13px;
    border: 1px solid #eee;
    -moz-box-shadow: 3px 4px 7px #EEECEC;
    -webkit-box-shadow:3px 4px 7px #EEECEC;
    box-shadow: 3px 4px 7px #EEECEC;
    overflow: hidden;
    padding: 15px 12px;}
.blog_list li .blog_tag li{background:#eee;display:inline-block;margin-right:10px;}
.blog_list li .blog_tag li a{padding:8px 5px 7px;display:inline-block;}
.blog_list li .blog_tag li i{padding-right:5px;color:#BFBFBF;}
.blog_list li .blog_tag li:hover{background:#008cd6;}
.blog_list li .blog_tag li:hover a{color:#fff;}
.blog_list li .blog_tag li:hover i{color:#fff;}
.blog_list .blog_more{	padding:6px 20px;margin-top:20px;
	border-radius:5px;
	background-image: -moz-linear-gradient(top, #ffa128, #fc9818);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa128), color-stop(1, #fc9818));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa128', endColorstr='#fc9818', GradientType='0');
	background:linear-gradient(to bottom, #ffa128, #fc9818);
	display:inline-block;
	text-transform:capitalize;
	color:#fff;
	font-size:14px;
}
.blog_list .blog_more:hover{
	color:#000;
	text-decoration:none;
	box-shadow:0 0 5px 1px #e5e5e5;
	background:#ffe400;
}

/*blog-main*/
.blog_main{width:100%;margin-bottom:30px;}
.blog_main em{font-size:17px;overflow:hidden;display:block;margin-bottom:9px;text-overflow:ellipsis;white-space:nowrap;}
.blog_main a:hover{text-decoration:none;}
.blog_main .blog_date{display:block;margin-bottom:10px;color:#808080;}
.blog_main .blog_date i{padding-right:5px;}
.blog_main img{max-width:100%;height:auto;}
.blog_main div{font-size:13px;line-height:24px;margin-top:10px;text-align:left;}
.blog_main .blog_tag{margin-top:20px;list-style-type: none;
    color: #8f8e8e;
    font-size: 13px;
    border: 1px solid #eee;
    -moz-box-shadow: 3px 4px 7px #EEECEC;
    -webkit-box-shadow:3px 4px 7px #EEECEC;
    box-shadow: 3px 4px 7px #EEECEC;
    overflow: hidden;
    padding: 15px 12px;}
.blog_main .blog_tag li{background:#eee;display:inline-block;margin-right:10px;}
.blog_main .blog_tag li a{display:inline-block;padding:5px;}
.blog_main .blog_tag li i{padding-right:5px;color:#808080;}
.blog_main .blog_tag li:hover{background:#008cd6;}
.blog_main .blog_tag li:hover a{color:#fff;}
.blog_main .blog_tag li:hover i{color:#fff;}
#loop-nav-singlular-post{margin-top:20px;padding-top:10px;}
#loop-nav-singlular-post i{padding:0 5px;}
/* Sweep To Right */
.hvr-sweep-to-right {
	float:left;
	margin-top:10px;
	padding:8px 20px;
	background:#f2f2f2;
	color:#1a1a1a;
	font-size:14px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #008cd6;
  color:#fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #fff;text-decoration:none;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
	float:right;
	margin-top:10px;
	padding:8px 20px;
	color:#1a1a1a;
	background:#f2f2f2;
	font-size:14px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #008cd6;
  color:#fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: #fff;text-decoration:none;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

@media only screen and (max-width: 768px) {
	.column .block .blog_main{width:100%;border-top:none;margin-top:0;}
	.left-blog { margin-bottom:15px}
}






/*chat online*/

#service{position:fixed;right:0px;top:260px;z-index:9999;}

*html #service{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

#ser_main{float:left;position:relative;z-index:9;height:111px;margin-top:4px;}
#ser_main a{display:block;overflow:hidden;}
#ser_main a#floatShow2{height:111px;width:45px;z-index:999999;}
#ser_main a#floatHide2{height:111px;width:45px;z-index:999999;}


#onlineService2{border:1px solid #008cd6; border-right:none;background:#f9f9f9;float:left;border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px; width:220px; display:none}

.onlineMenu p{margin:8px 0px;display:block;overflow:hidden;padding:2px 0; color:#777}
.onlineMenu p img{vertical-align:middle;float:left;margin:0 6px;}
.onlineMenu p b{color:#555;}
.onlineMenu p a{display:block;float:left;color:#555;    width: 180px; font-family:Arial, Helvetica, sans-serif}
.onlineMenu p span{display:block;float:left;color:#555;    width: 180px; font-family:Arial, Helvetica, sans-serif}
.onlineMenu p a:hover{color:#008cd6;}

@media (max-width: 768px) {#service{ display:none}}



.chat_inline{ display:none; position:fixed; bottom:0; right:15px;}
.chat_inline>a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#008cd6; display:inline-block; background:url(/img/head-con-bg.png) no-repeat center 7px;    margin: 0px 5px -15px 5px; text-align:center; height:60px; width:60px; line-height:60px; text-transform:capitalize}

@media (max-width: 768px) {.chat_inline{ display:block}.fot_copyW{ padding-bottom:50px}}

/*back-top*/
.back_top{width:51px; height:51px; position:fixed; right:20px; bottom:30px; z-index:9999; display:none; background:url(/img/top.png) no-repeat;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.back_top:hover{filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;}
@media only screen and (max-width: 768px) {.back_top{right:0;bottom:40px;}}


.table-responsive{ overflow-x:auto}


