/*reset*/
:focus{outline:0;}

body,ul,img,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:#333;}
input{padding:0px;vertical-align: middle;line-height: normal;border:none;} 
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: 'ubuntu-r', sans-serif;color:#666; 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:Arial;
    src:url(../font/ubuntu-b.eot);
    src: url(../font/ubuntu-b.eot?#iefix) format('embedded-opentype'),
	 url(../font/ubuntu-b.svg#ubuntu-b) format('svg'),
	 url(../font/ubuntu-b.woff) format('woff'),
	 url(../font/ubuntu-b.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntu-r';
    src:url(../font/ubuntu-r.eot);
    src: url(../font/ubuntu-r.eot?#iefix) format('embedded-opentype'),
	 url(../font/ubuntu-r.svg#ubuntu-r) format('svg'),
	 url(../font/ubuntu-r.woff) format('woff'),
	 url(../font/ubuntu-r.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}



/*top*/
.top_heardW{ background:#353535;}
.top_share{ float:left; margin-top:7px}
.top_share li{ display:inline-block; margin-right:7px}
.top_share li a{ display:block; width:32px; height:32px; border-radius:50%; background:#c6c6c6; text-align:center}
.top_share li a img{width:32px; height:32px; border-radius:50%;}
.top_share li a:hover{ background:#fff}


/* select */
.drop{ float:right; position:relative; background:none; padding:0px 0 0 16px; width:136px; z-index:9999999;height:46px;border-right:1px solid #434343}

.select dt{height:46px;display:inline-block;line-height:46px; text-transform:capitalize;cursor:pointer;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;color:#e0e0e0; font-size:13px; font-weight:normal; background:url(../images/lan_icon.png) no-repeat 92px center}
.select dt img,.select dd ul li a img{ width:100%; height:auto; max-width:24px; display:inline-block; margin-right:6px;    vertical-align: text-bottom;}
.select dt img{margin-right:11px; border:1px solid #cfcfcf}
.select dd{position:absolute;left:0;top:46px;border:1px solid #d0d0d0;background:#fff;display:none; z-index:999999;}

.select dd ul{padding:4px 6px 4px 16px;width:136px;max-height:304px;overflow:auto;}
.select dd ul li a{line-height:28px;display:block;color:#464646; font-size:12px;text-transform:capitalize;}
.select dd ul li a:hover{ text-decoration:underline; color:#e72833}



.search{ float:right; width:30%; max-width:274px; position:relative; border-left:1px solid #434343;border-right:1px solid #434343; background:#3f3f3f}
.search_main{height:46px;color:#828181;float:left; line-height:46px;font-size:13px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; padding-left:11px; width:100%; border: none; background:none;}
.search_main:focus{ background:#555;color:#fff; border:none;}
.search_btn{display:block; width:24px;height:24px;cursor:pointer;background: url(../images/search_btn.png) no-repeat center center; border:none; position:absolute; top:11px; right:13px;}


.topW{ margin-top:18px; position:relative; padding-bottom:30px }
.top{padding-bottom:23px}
.top .top_logo{ float:left; display:block;}
.top .top_logo h1{ margin:0; padding:0; line-height:inherit; font-size:inherit;}
.top .top_logo img{ max-width:291px; max-height:91px; height:auto; width:100%}
.top_call{ float:right; margin-top:25px}
.call_sky{ background:url(../images/top_conts.png) no-repeat center left; padding-left:59px;}
.call_sky,.call_email{ display:inline-block}
.call_email{ background:url(../images/cut.png) no-repeat center left; padding-left:44px; margin-left:29px;}
.call_sky span,.call_email span{ color:#e72833; font-size:16px; font-family:Arial; display:block; line-height:22px}
.call_sky a,.call_email a{ display:block;font-family:Arial; color:#575757; font-size:18px; line-height:20px; margin-top:5px}
.call_sky a:hover,.call_email a:hover{ color:#e72833}

#nav{ position:absolute;left:0px; z-index:999999;width:100%;}
#cssmenu{ background:#2b2b2b; text-align:right;}
.cssmenu_icon a{ padding:0 !important}

@media only screen and (max-width: 856px) {
	.call_sky{    padding-left: 47px;}
	.call_email{    margin-left: 12px;    padding-left: 26px;}
	.call_sky a, .call_email a{ font-size:16px}
	.call_sky span, .call_email span{ font-size:14px}
	}
@media only screen and (max-width: 768px) {
	#cssmenu{ background:#2b2b2b;}
	.top_heardW .top_share{ display:none}
	.search{ width:54%}
	.top .top_logo{ float:none; text-align:center}
	.top_call{ float:none;    text-align: center;}
	.call_sky,.call_email{ text-align:left}
	.cssmenu_icon{ display:none !important}
}
@media only screen and (max-width: 458px) {
	.top_call{ display:none}
	}
@media only screen and (max-width: 385px) {
	.search{ width:100%; max-width:100%; float:none; border-top:1px solid #434343}
	.drop{ float:none}
	}

/*xuanfu*/
.main-xuanfu{ width:100%;transition:all 0.3s ease 0s; z-index: 999;top: 0px;position: relative;}
.abc-01{display: block !important;}
.main-box{width: 100%;max-width:1170px;margin: 0 auto;}
.small-mdzz{position: fixed;z-index: 99999;top: 0px;right: 0; width:100%;}
.small-mdzz #nav{-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3); background:#212121;}
.small-mdzz #logo{ width:12%; margin:20px 0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.large-mdzz{position:relative;z-index: 99999;}
#banner{ position:relative;}




.in_mianW{ margin-top:30px;}
.in_mianL li{ margin-top:30px}
.in_mianL_m{ border:1px solid #e1e1e1; padding:19px;}
.in_mianL_m .in_mianL_t{ font-size:22px; color:#333333; text-transform:capitalize;font-family:Arial; display:block ; line-height:20px}
.in_mianL_m .in_mianL_img{ display:block; width:100%; margin-top:18px}
.in_mianL_m .in_mianL_img img{ width:100%; max-width:100%; height:auto;}
.in_mianL_m p{color:#666666; font-size:14px; line-height:24px; height:96px; overflow:hidden; margin-top:13px;}
.in_mianL_m .more1{ text-align:right; margin:16px 0 7px;}
.in_mianL_m .more1 a{ display:inline-block; background:#f5f5f5 url(../images/more_bg.png) no-repeat right; line-height:36px; padding:0 42px 0 15px; text-transform:uppercase; font-size:13px; color:#333333;}
.in_mianL_m .more1 a:hover{ background-color:#e72833; color:#fff}
@media only screen and (max-width: 1024px) {
	.in_mianL.row{ margin:0 -10px}
	.in_mianL li{ padding:0 10px;}
	}
@media only screen and (max-width: 768px) {
	.in_mianW{ margin-top:10px}
	}

.in_newsletterW{ margin-top:50px}
.in_newsletter{ background:url(../images/newsletter_bg.jpg) repeat; border-radius:6px; padding:21px 20px 21px 32px;}
.in_newsletter_l{ float:left; background:url(../images/newsletter_icon.png) no-repeat left center; padding-left:80px;}
.in_newsletter_l span{color:#fff; font-size:22px; text-transform:uppercase;font-family:'ubuntu-b'; display:block; line-height:20px;}
.in_newsletter_l p{ line-height:20px; color:#ededed; font-size:13px; margin-top:6px;}
.in_newsletter_r{ float:right; width:36.5%; position:relative; margin-top:1px; max-width:410px;}
.in_newsletter_r .email_input{ width:100%; background:#fff; line-height:42px; border-radius:5px; padding-left:6px; border-top-right-radius:50px; border-bottom-right-radius:50px; padding-left:10px; color:#8f8f8f}
.i_email_btn{ font-size:16px; color:#fff; line-height:36px;font-family:'ubuntu-b'; background:#e72833; border-radius:50px; padding:0px 20px; border:none; position:absolute; right:3px; top:3px; text-transform:uppercase;}

@media only screen and (max-width: 768px) {
	.in_newsletter{padding:21px 15px 21px 15px;} 
	.in_newsletter_l{ float:none; }
	.in_newsletter_r{ float:none; width:100%; max-width:100%; margin-top:25px}
	}



/*main left*/
.mian_box{  padding: 50px 0 0px;}
.main-left{ float:right}
.main-left .column .column_box>span,.pro-left .column .column_box>span{display:block; text-align:left; color:#fff; font-size:18px;text-transform:capitalize;  line-height: 44px; background:#f3f3f3;    margin-bottom: 2px;font-family:Arial;}
.main-left .column .column_box>span>em b,.pro-left .column .column_box>span>em b{ font-weight:normal; color:#e72833;  }
.main-left .left-nav,.main-left .left-cont,.main-left .left-news,.main-left .left-blog,.pro-left .left-newPro{position:relative;}
.main-left .column .column_box>span .column_icon_toggle,.pro-left .column .column_box>span .column_icon_toggle{display:none;}
.main-left .column .column_box>span em{ display:inline-block; line-height:44px; background:#2b2b2b url(../images/t_bg.png) no-repeat right; padding:0 32px 0 15px}
.main-left .column.left-cont .column_box>span{ display:none}
.mtree-skin-selector{display:none;}
ul.mtree {opacity: 0;margin-left: 0; margin-top:15px}
ul.mtree>li {list-style: none;}
ul.mtree>li>a{font-family:Arial;font-size:14px; padding:9px 0px 12px 0px; color:#555555;border-bottom: 1px solid #ebebeb;}
ul.mtree a {display: block;font-size:13px;}
ul.mtree li.mtree-node > a {font-size:13px;}
ul.mtree li.mtree-node > a.sel{font-size:14px;font-weight: bold;color: #3538C3;}
ul.mtree li.mtree-node>a:after{content:"\f055";font-family:FontAwesome;float:right;padding-right:5px;font-size:14px;color:#d0d0d0;}
ul.mtree li.mtree-active>a:after{content:"\f056";font-family:FontAwesome;padding-left:5px;font-size:14px;color:#d0d0d0;}
ul.mtree ul li.mtree-node>a:after{content:"\f055";font-family:FontAwesome;float:right;padding-right:0;font-size:14px;color:#d0d0d0;}
ul.mtree ul li.mtree-active>a:after{content:"\f056";font-family:FontAwesome;padding-left:0;font-size:14px;color:#DEDEDE;}
ul.mtree>li:hover{color:#e72833;}
ul.mtree>li:hover>a{color:#e72833;}
ul.mtree>li.mtree-node{}
ul.mtree>li.mtree-node a:hover{text-decoration:underline;}
ul.mtree>li.mtree-open{color:#e72833;}
ul.mtree>li.mtree-open>a{color:#e72833;}
ul.mtree>li.mtree-node:hover{color:#e72833;}
ul.mtree>li.mtree-node:hover>a{text-decoration:none;color:#e72833;}

ul.mtree>li.mtree-node .mtrss-all{text-transform:uppercase;margin:12px 0 0;font-size:13px;color:#555555;font-family:Arial; border-bottom:none; padding-bottom: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:13px;color:#555555;text-transform:uppercase;}
ul.mtree>li.mtree-node .mtrss-all a:hover{text-decoration:underline;color:#e72833;}

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{ background:#f9f9f9; padding: 6px 12px 19px 15px}
ul.mtree>li>ul>li{margin:11px 0 14px;}
ul.mtree li.mtree-node ul li a{display:block;font-size:13px;font-weight:normal; color:#777777}
ul.mtree li.mtree-node ul li a.sel2{font-weight: bold; color:#3538C3}
ul.mtree li.mtree-node ul li a:hover{color:#e72833;text-decoration:none;}
ul.mtree li.mtree-node>ul>li:hover>a{color:#e72833;}
ul.mtree .mtree-level-2{padding:5px 0px 7px 10px;    border-bottom: 1px solid #eee;}
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:13px;}
ul.mtree li ul.mtree-level-2 li a:hover{text-decoration:none;color:#e72833;font-weight:normal;}

ul.mtree ul li ul li a:before,ul.mtree 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,.pro-left .icon-minus-sign:before {content:"\f068";font-family:'FontAwesome';}
.main-left .icon-plus-sign:before,.pro-left .icon-plus-sign:before {content: "\f067";font-family:'FontAwesome';}



.main-left .left-news{margin-top:30px;}
.main-left .left-news ul{ background:#f3f3f3; padding:4px 10px}
.main-left .left-news .htmleaf-content ul li{ padding-bottom: 10px;
    border-bottom: 1px solid #fff; margin-top:10px
   }
.main-left .left-news .htmleaf-content ul li:last-child{ border-bottom:none}
.main-left .left-news .htmleaf-content ul li>a{display:inline-block;float:left;width:100%;max-width:98px;overflow:hidden; }
.main-left .left-news .htmleaf-content ul li>a img{max-width:100%;height:auto;width:100%;}
.main-left .left-news .htmleaf-content ul li .lnews-right{float:left;width:58%; padding-left:11px}
.main-left .left-news .htmleaf-content ul li .lnews-right>a.left-news-t{color:#555555;font-size:13px; display:block;margin:2px 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;font-family:Arial;}
.main-left .left-news .htmleaf-content ul li .lnews-right>a.left-news-t:hover{ color:#e72833; text-decoration:underline}
.main-left .left-news .htmleaf-content ul li .lnews-right p{color:#999999;font-size:12px;line-height:20px;overflow:hidden;height:40px;}
.left-news-m{font-family:Arial; color:#e72833; font-size:12px; text-transform:capitalize; line-height:20px; margin-top:7px; display:inline-block}
.left-news-m:after{content: "\f0da";font-family:'FontAwesome'; display:inline-block; text-align:right; margin-left:7px; font-size:12px; color:#e72833 }



.left_ques{ padding:10px 10px 42px 0px;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:30px; background:url(../images/conts_img.png) no-repeat bottom right; border:2px solid #f3f3f3}
.left_ques h4 a{ font-size:20px; color:#333333; text-transform:uppercase;font-family:Arial; display:block; margin:2px 0px 5px; margin-left:24px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.left_ques p{ font-size:14px; color:#178fec;font-family:Arial; line-height:20px; margin-left:24px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.left_ques .more{ font-size:14px; color:#fff; background:#000; line-height:32px; display:inline-block; padding:0px 8px; font-size:14px; text-transform:uppercase; font-family:Arial; margin-top:11px; margin-left:24px;}
.left_ques .more:hover{ background:#e72833;}
.left_ques:hover h4 a{ margin-left:30px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.left_ques:hover p{ margin-left:30px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}

.left-cont { margin-top:20px}
.left-cont ul{ border:1px solid #f0f0f0; padding:0 20px}
.left-cont ul li{ border-bottom:1px solid #f0f0f0; padding:12px 0 10px}
.left-cont ul li:last-child{ border-bottom:none}
.left-cont ul li img{ display:inline-block; float:left;}
.left-cont ul li:before,.left-cont ul li:after{line-height:0; display:table; content:"";}
.left-cont ul li:after{clear:both;}
.left-cont ul li a,.left-cont ul li p,.left-cont ul li span{ display:inline-block; float:left; font-size:13px; color:#444444; line-height:25px; width:80%; padding-left:14px}
.left-cont ul li a,.left-cont ul li span{ line-height:40px}
.left-cont ul li a:hover{ color:#e72833}
@media only screen and (max-width: 1299px) {
	.left_ques h4 a,.left_ques p,.left_ques .more{margin-left: 10px;}
	.left_ques{ padding:5px 10px 22px 0px}
	.left_ques p{ font-size:13px}
	.left-cont ul{ padding:0 10px}
	.left-cont ul li a, .left-cont ul li p, .left-cont ul li span{ width:79%;   padding-left: 10px;}
	.main-left .left-news .htmleaf-content ul li>a{max-width: 90px;}
	.main-left .left-news .htmleaf-content ul li .lnews-right{ width:56%}
	}
@media only screen and (max-width: 1024px) {
	.main-left .left-news .htmleaf-content ul li>a{max-width: 75px;}
	.main-left .left-news .htmleaf-content ul li .lnews-right{ width:52%;    padding-left: 5px;}
	.left-cont ul li a, .left-cont ul li p, .left-cont ul li span{ width:76%;   padding-left: 4px;}
	}
@media only screen and (max-width: 895px) {
	.left-cont ul li img{    width: 100%;max-width: 29px; height: auto;}
	.left-cont ul li a, .left-cont ul li span{ line-height:28px}
	.left-cont ul{ padding:0 5px}
	.left-cont ul li a, .left-cont ul li p, .left-cont ul li span{ width:77%;}
	.main-left .left-news .htmleaf-content ul li>a{max-width: 65px;}
	.main-left .left-news .htmleaf-content ul li .lnews-right{ width:48%; }
	}
@media only screen and (max-width: 768px) {
	
	.main-left{margin-bottom:20px; padding:0 15px;width:100%; float:none}
.main-left .column.left-cont .column_box>span{ display:block}
	.main-right{ padding:0 15px;width:100%; float:none;}
	.main-left .column .column_box>span .column_icon_toggle,.pro-left .column .column_box>span .column_icon_toggle{display: inline-block;position: absolute;right:10px;top:0px;font-style:normal;cursor:pointer;font-size:14px;color:#e72833;font-weight:normal;}
	.main-left .left-news{     margin-top: 16px;}
	.mian_box{  padding: 35px 0 0px;}
	.main-left .left-news .htmleaf-content ul li>a{max-width: 90px;}
	.main-left .left-news .htmleaf-content ul li .lnews-right{ width:62%; padding-left:12px}
}

.main-right{}
.page_title{display:block; text-align:left;   background:#f3f3f3;    margin-bottom: 3px;}
.page_title span{ display:inline-block;font-family:Arial;color:#fff; font-size:18px; line-height: 44px;text-transform:capitalize; line-height:44px; background:#2b2b2b url(../images/t_bg.png) no-repeat right; padding:0 32px 0 15px}

.in_proL li{ float:left; list-style:none; margin-top:27px;}
.in_proL li .in_proL_m{ position:relative;}
.in_proL li .in_proL_m .hot{ background:#178fec; position:absolute; right:5px; top:5px; color:#ffffff; width:30px; line-height:30px; text-align:center; display:inline-block; border-radius:50%; font-size:12px;}
.in_proL li .in_proL_m .new{ background:#178fec; position:absolute; right:10px; top:10px; color:#fff; width:30px; line-height:30px; text-align:center; display:inline-block; border-radius:50%; font-size:12px;}
.in_proL li .in_proL_img{ display:block; border:1px solid #ececec;}
.in_proL li .in_proL_img img{ width:100%; max-width:100%; height:auto}
.in_proL li h4 a{ color:#555555; font-size:14px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:18px 0px 3px;}
.in_proL li h4 a:hover{ color:#e72833}
.in_proL li .in_proL_w p{ font-size:12px; color:#999999; padding-right:40px; line-height:18px; height:36px; overflow:hidden;}
.in_proL li .in_proL_w{ position:relative;}
.in_proL li .more{ width:30px; height:30px; position:absolute; right:0px; top:0px; line-height:28px; text-align:center; color:#999; font-size:26px; background:#f4f4f4;}

.in_proL li .more:hover{border-radius:50%;color:#fff;transition: 0.7s all;-webkit-transition: 0.7s all;-o-transition: 0.7s all; -moz-transition: 0.7s all;-ms-transition: 0.7s all; background:#178fec}

@media only screen and (max-width: 1299px) {
	in_proL.row{ margin:0 -10px;}
	.in_proL li{ padding:0 10px;}
	}
@media only screen and (max-width: 768px) {
	.in_proL li{ width:33.333%}
	}
@media only screen and (max-width: 440px) {
	.in_proL li{ width:50%}
	}
@media only screen and (max-width: 310px) {
	.in_proL li{ width:100%}
	}

/*footer
#footer{ background:#2b2b2b;padding:38px 0px 58px; margin-top:50px;}
#footer .title_h4{ font-size:18px; font-family:'ubuntu-b'; color:#fff; text-transform:capitalize; margin:7px 0px 12px; display:block}
#footer .icon-minus-sign:before {content:"\f068";font-family:'FontAwesome';}
#footer .icon-plus-sign:before {content: "\f067";font-family:'FontAwesome';}

#footer .title_h4 .column_icon_toggle{display:none;}
.footer_about,.footer_hot,.footer_tags,.footer_follow{position:relative;}

#footer .block ul li{ list-style:none;transition:all 0.2s ease 0s; }
#footer .block ul li a{ display:block; padding:6px 0px 7px; color:#949494; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#footer .modules ul li a:hover{ background:url(../images/l_ico.gif) no-repeat left center; padding-left:10px; transition:all 0.2s ease 0s;}
#footer ul li a:hover{ color:#e72833;}*/


.footer_about{ float:left; width:26.8%; margin-right:110px}
.footer_hot{ float:left; width:24%; margin-right:30px }
.footer_tags{ float:left; width:18%;}
.footer_follow{ float:left; width:16%; }

.footer_about .more{ color:#178fec; margin-top:20px; display:block; text-transform:capitalize;}
.footer_about .more i{ margin-left:5px;}
.footer_about .more:hover{ margin-left:10px;}
.footer_about a.footer_about_img{ display:block; margin-bottom:2px}
.footer_about a.footer_about_img  img{ max-width:152px;}
.footer_about .footer_about_de{ color:#949494; line-height:24px; overflow:hidden; max-height:120px; margin-top:10px}

.foot_bottom{ border-top:1px solid #6c6c6c; margin-top:30px; padding-top:20px; color:#999;}
.foot_share a{ color:#2e2e2e; background:#c6c6c6; display:inline-block; width:37px; height:37px; border-radius:50%; text-align:center; font-size:20px;transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;}
.foot_share{ float:right;margin-top: 2px;}
.links{ margin-top:10px; margin-bottom:16px;}
.links a{ color:#949494; font-size:12px; margin:0px 6px;}
.links a:hover{ color:#d83740;}
.cop{ float:right; font-size:12px; color:#949494}
/*#footer h4{ color:#fff; margin:25px 0px 20px; text-transform:capitalize; font-size:18px;}*/

.Online .tt-wrapper a{ width:37px; height:37px; border-radius:50%;display:inline-block; margin:0px 7px;}
.Online .tt-wrapper img{ border-radius:50%; width:37px; height:37px; margin-right:10px;}
.Online>span{ float:left; line-height:37px; color:#178fec; margin-right:10px; text-transform:capitalize}
.service1{ background:url(../images/ser_2.jpg) no-repeat; width:37px; height:37px; background-size:contain; float:left;}
.service2{ background:url(../images/ser_1.jpg) no-repeat; width:37px; height:37px; background-size:contain; float:left;}
.service3{ background:url(../images/ser_4.jpg) no-repeat; width:37px; height:37px; background-size:contain; float:left;}
.service4{ background:url(../images/ser_5.jpg) no-repeat; width:37px; height:37px; background-size:contain; float:left;}
.service5{ background:url(../images/ser_3.jpg) no-repeat; width:37px; height:37px; background-size:contain; float:left;}

.tt-wrapper{ float:left;}
.tt-wrapper li a{
	display: block;
	width: 37px;
	height: 37px;
	margin: 0 8px;
	text-indent: -9000px;
	position: relative;
}
.tt-wrapper li a span{
	width:100px;
	height: auto;
	line-height: 20px;
	padding:5px 10px;
	left: 50%;
	margin-left: -51px;
	font-size: 14px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 1px solid #e72833;
	background:#e72833;
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom:100px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-transform:capitalize;
	font-size:12px;
}
.tt-wrapper li a span:before,
.tt-wrapper li a span:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.tt-wrapper li a span:after{
	bottom: -11px;
	margin-left: -10px;
	border-top: 10px solid #e72833;
}
.tt-wrapper li a:hover span{
	opacity:1;
	bottom:53px;
}
.tt-wrapper li{ float:left}


@media only screen and (max-width: 1299px) {
	.footer_hot{ margin-right:0}
	}
@media only screen and (max-width: 768px) {
.footer_about{ float:none; width:100%; margin-right:0; padding:0; text-align:center}
.footer_about .footer_about_de{ max-height:72px}
.footer_hot{ float:none; width:100%; margin-right:0; padding:0 }
.footer_tags{ float:none; width:100%; padding:0}
.footer_follow{ float:none; width:100%; padding:0 }
/*#footer .title_h4 .column_icon_toggle{display: inline-block;position: absolute;right:0px;top:8px;font-style:normal;cursor:pointer;font-size:14px;color:#fff;font-weight:normal;}*/
.foot_share{    width: 100%; margin-top: 15px;border-top: 1px solid #6c6c6c; padding-top: 15px;  text-align: center;}
.links{text-align: center; margin-top:15px}
.cop{ width:100%; text-align:center; margin-top:10px}
/*#footer{    padding: 30px 0px 58px;    margin-top: 30px;}*/
.footer_about .more{    margin: 10px 0 15px;}
}


.page_banner{ width:100%; max-width:1920px; margin:0 auto}
.page_banner img{ width:100%; max-width:100%}

/*page*/
.ny_box{     padding: 35px 0 0px;}
.ny_box .page_title{ background:none; border-bottom:1px solid #eee}
.ny_box .page_title span{ float:left; background:none; color:#444; font-size:28px; padding:0}
.breadcrumb{ background:none;border-radius:0; margin-bottom:0;  float:right; padding:0 10px 0 0} 
.breadcrumb i{padding:0 5px;}
.breadcrumb a{ font-size:14px;line-height:44px; display:inline-block; text-transform:capitalize}
.breadcrumb a i{ color:#e72833; font-size:16px}
.breadcrumb a:hover{color:#e72833;}
.breadcrumb h2{margin:0;display:inline-block;padding:0;font-size:13px;line-height:44px;text-transform:capitalize}

@media only screen and (max-width: 768px) {.breadcrumb{ padding:8px 0;}.ny_box .main-left{ float:left}
.ny_box .page_title span{ float:left; background:none; color:#444; font-size:20px; padding:0}
}

.about-main{line-height:24px;font-size:13px; padding:0 5px; margin-top:10px}
.about-main img{max-width:100%;}


/*news-list*/
.news_list{width:100%; margin-top:23px}
.news_list li{margin-bottom:15px;overflow:hidden;clear:both;border-bottom:1px solid #e5e5e5;padding-bottom:15px;}
.news_list li:last-child{border-bottom:none;margin-bottom:0;}
.news_list li .newl_left{width:70%;float:right; padding-left:20px}
.news_list li .newl_left>a{font-size:15px;display:block;margin-bottom:10px;color:#444; font-family:Arial;}
.news_list li:hover .newl_left em,.news_list li:hover .newl_left a{color:#e72833;text-decoration:none;}
.news_list li .newl_left .newm_date{margin-bottom:10px;color:#999999;font-style:italic;font-size:12px;}
.news_list li .newl_left .newm_date p{display:inline-block;margin-right:10px;}
.news_list li .newl_left .newm_date i{padding-right:5px;}
.news_list li .newl_left>div{color:#999;line-height:20px;font-size:13px;overflow:hidden;max-height:60px;margin:0;}
.news_list li .newl_left .newl_more{display:inline-block;background:#f08200;font-size:14px;color:#fff;text-transform:uppercase;padding:5px 30px;margin-top:20px;}
.news_list li .newl_left .newl_more:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;color:#fff;}

.news_list li .newl_right{float:left;display:inline-block;max-width:30%;width:100%;}
.news_list li .newl_right img{max-width:100%;height:auto;width:100%;}
@media only screen and (max-width: 768px) {
	.news_list li .newl_right{width:100%;margin-bottom:20px;float:none;max-width:100%;}
	.news_list li .newl_left{width:100%; padding-left:0}
}


/*page-number*/
.page_num{width:100%;margin:0 auto 0 auto;text-align:center;border-top:1px solid #e5e5e5;padding-top:30px;margin-top:10px;}
.page_num>p{display:inline-block;color:#fff;background:#e72833;font-size:14px;text-transform:capitalize;margin-bottom:0;padding:5px 13px;-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;background:#EFEFEF;font-size:14px;text-transform:capitalize;padding:5px 13px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin:0 2px;}
.page_num a:hover{color:#fff;text-decoration:none;background:#e72833;}
.page_num span{display:block;font-size:12px;margin-top:15px;}
.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;}
	.page_num span{margin-top:10px;}
}



/*sitemap*/
.sitemap_webW{ background:url(../images/body_bg.png) no-repeat center top}
.sitemap_web{ background:#fff; padding:15px 10px 0;}
.sitemap_web .breadcrumb{ float:none; padding:0}
.sitemap ul{ list-style:none;}
.stp-listA>li{text-transform:capitalize;margin-bottom:20px;}
.stp-top{width:100%;height:40px;line-height:40px; background:#fcfcfc; margin-bottom:15px;}
.stp-top a{padding:0 10px;font-size:14px;text-transform:capitalize; color:#666;font-family:'ubuntu-b';}
.stp-top a:hover{ color:#e72833;}
.stp-top a i{padding-left:10px;}
.stp-listB{display:block; margin:0px -10px;}
.stp-listB li{ float:left;}
.stp-listB li a{line-height:22px;display:block;color:#444;margin:10px 10px; display:inline-block; padding:5px 15px;}
.stp-listB li:hover a{ color:#e72833;}

/*news-main*/
.news_main{width:100%; margin-top:20px}
.news_main em{ font-family:Arial;font-size:16px;display:block;color:#555; margin-bottom:8px;text-align:left; text-transform:capitalize }
.news_main .newm_date{margin-bottom:10px;color:#999999;font-style:italic;font-size:12px;text-align:left;}
.news_main .newm_date p{display:inline-block;margin-right:10px;}
.news_main .newm_date i{padding-right:5px;}
.newm_date p{display:inline-block;color:#b3b3b3;font-size:12px;}
.newm_date i{padding-right:5px;}
.news_main div.news_main_de{margin-top:12px;line-height:24px;font-size:14px;}
.news_main div.news_main_de img{max-width:100%;height:auto;}


/*page turn*/
.page_turn{width:100%; margin-top:20px;}
.page_turn li{text-align:left;}
.page_turn li a{   font-family:Arial;  border-bottom: 1px solid #eee;display:block;text-transform:capitalize;font-size:13px;padding:5px 8px;border-radius:5px;}
.page_turn li a:before{content: "\f260"; margin-right:5px;    font-size: 14px; display:inline-block;text-align: right; font-family:FontAwesome;}
.page_turn li a p{font-family: 'ubuntu-r';display:inline-block;padding-left:5px;}
.page_turn li a:hover{text-decoration:none;color:#e72833;border-bottom: 1px solid #e72833;}
.page_turn li a:hover p{text-decoration:none;}
.page_turn li:first-child{ padding-left:0}
.page_turn li:last-child{ padding-right:0}

.contact{ padding:0 5px}
.map>img{ max-width:100%}
.contact_detial{ line-height:24px; font-size:13px}
.message{margin-top:30px;  background:#fff url(../images/contact-form.png) repeat-x left top; padding:20px;-webkit-box-shadow:0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1); border:1px solid #efefef; padding-top:30px;}
.message .p{ font-size:14px; color:#808080; margin-bottom:10px;}
.message .submite_p{ font-size:13px; color:#808080; margin:10px 0px;}
.message h2{ font-size:20px; color:#e72833; text-transform:uppercase; margin:5px 0 10px; font-family:Arial;}
.input3{ color:#808080; width:100%; border:1px solid #ccc; line-height:40px; margin-bottom:11px; background:#fff; padding-left:5px; font-size:14px;}
.input4{ color:#808080; width:100%; height:119px; border:1px solid #ccc; line-height:20px; margin-bottom:11px; background:#fff; padding-left:5px; font-size:14px;}
.send_btn{ background:#e72833; color:#fff; display:inline-block; padding:9px 20px; border:none; text-transform:uppercase; font-size:16px;font-family:Arial;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:15px;}
.send_btn:hover{ background:#c2d44e;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.message label{ font-size:13px; font-weight:normal; color:#333; font-family:Arial; margin-bottom:8px}
.message label span{ color:red; margin-left:4px;}
.subject{ font-size:13px; color:#333; border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:5px;}
.subject a{ color:#333;}
.subject a:hover{ color:#e72833;}


/*blog*/
.blog_web{ margin-bottom:15px}
.page-right{}
.blog-list{ margin-top:5px}
.left-blog{ margin-bottom:25px}
.main-left .column.left-blog .column_box>span em:after,.main-left .column.left-blog .column_box>span em:before{ display:none}
.left-blog .blog-list li{    margin-left: 0;  
   line-height:20px;
    -webkit-transition: all 0.2s linear;    padding: 10px 0px;
    border-bottom: 1px solid #eee;}
.left-blog .blog-list li i{ display:block; font-size:16px; vertical-align:middle; color:#4d4c4c; float:left; }
.left-blog .blog-list li a{ color: #4d4c4c; display:block; float:left; width:97%; padding-left:5px; font-size:14px; -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;}
.left-blog .blog-list li a:hover{ color:#2B69A5; padding-left:9px}
.left-blog .blog-list li:hover i{ color:#2B69A5;}
.left-blog .blog-list li:before,.left-blog .blog-list li:after{line-height:0; display:table; content:"";}
.left-blog .blog-list li:after{clear:both;}
.blog_list{width:100%;padding:0; margin-top:18px}
.blog_list>li{margin-bottom:15px;text-align:left;    border-bottom: 1px solid #eee;padding-bottom: 15px;}
.blog_list>li:last-child{ border-bottom:none; padding:0}
.entry-content-top-right{  width:100%}
.blog_list li .entry-content-top-right>a{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:#555;font-family:Arial;}
.blog_list li  .entry-content-top-right>a:hover{text-decoration:none;}
.blog_list li:hover  .entry-content-top-right>a{color:#e72833;}
.blog_list li .blog_date{display:block;margin-bottom:10px;}
.blog_list li .blog_date li{display:inline-block;margin-right:10px;color:#aaa;padding-right:10px;border-right:1px solid #e5e5e5;    font-style: italic;}
.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; color:#777}
.blog_list ul.blog-tags{ margin-top:15px;}
.blog_list ul.blog-tags a {
	font-size:14px;
	padding:4px 7px;
	background:#F2F2F2;
	margin:0 2px 5px 0;
	display:inline-block; color:#666;
}
.blog_list ul.blog-tags li{ display:inline-block;}

.blog_list ul.blog-tags a:hover {
	background:#e72833; color:#fff;
	text-decoration:none;

	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}


.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;
}
@media (max-width: 1004px) {.entry-content-top-right{     width:86%;}}
@media (max-width: 893px) {.left-blog .blog-list li a{     width: 94%;}}
@media (max-width: 530px) {.entry-content-top-right{       width: 76%;}}
@media (max-width: 325px) {.entry-content-top-right{       width: 71%;}.entry-post-format-icon{width:40px; height:40px; line-height:40px; margin-right:10px}.entry-post-format-icon i{ line-height:40px;}.entry-post-format-icon:after{ margin-bottom:15px}}
/*blog-main*/
.blog_main{width:100%; margin-top:18px}
.blog_main em{font-size:15px;overflow:hidden;display:block;margin-bottom:9px;text-overflow:ellipsis;white-space:nowrap;font-family:Arial;}
.blog_main a:hover{text-decoration:none;}
.blog_main .blog_date{display:block;margin-bottom:0px;color:#aaa; font-style:italic;}
.blog_main .blog_date i{padding-right:5px;}
.blog_main img{max-width:100%;height:auto;}
.blog_main div.blog_main_detail{font-size:13px;line-height:24px;text-align:left; margin-top:20px}
.blog_main ul.blog-tags{ margin-top:15px;}
.blog_main ul.blog-tags a {
	font-size:14px;
	padding: 4px 7px;
    background: #F2F2F2;
	margin:0 2px 5px 0;
	display:inline-block;    color: #666;
}
.blog_main ul.blog-tags li{ display:inline-block;}

.blog_main ul.blog-tags a:hover {
	background:#e72833; color:#fff;
	text-decoration:none;

	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
#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:#e72833;
  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:#e72833;
  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);
}



/*products*/
.main{ margin-top:0px}
.cbp-vm-switcher {width:100%;margin-top:18px;}
.cbp-vm-options {text-align: right;padding-bottom:4px;margin-top:0;}
.pro-text{line-height:22px; overflow:hidden;text-align:left; margin-bottom:10px;    color: #999;}
.pro-text img{max-width:100%;height:auto;}
.cbp-vm-options p{display:inline-block; vertical-align:middle;padding-right:5px;font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.cbp-vm-options a {display: inline-block; vertical-align:middle;width:26px;height:26px;overflow: hidden;white-space: nowrap;color: #ccc;margin: 2px;}
.cbp-vm-options a:hover,
.cbp-vm-options a.cbp-vm-selected {
	color: #e72833;
}
.cbp-vm-options a:before {width: 26px;height: 26px;line-height: 26px;font-size: 20px;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;overflow:hidden;}
.cbp-vm-image>a{display:block;width:100%; }
.cbp-vm-image a img {width:100%;cursor:pointer;position:relative;max-width:197px;max-height:197px;height:auto;   }
#cbp-vm  li:hover img{transform: scale(1.2);}
.cbp-vm-switcher ul li .cbp-vm-div-t{font-size:14px;display:block;margin:0;height:20px;word-wrap:break-word;line-height:20px;margin-bottom:0;overflow:hidden;margin-bottom:5px;font-family:Arial;}
.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 .cbp-vm-div-t:hover,.cbp-vm-switcher ul li:hover .cbp-vm-div-t{ text-decoration:none;color:#e72833;}



.cbp-vm-image span{     background: #178fec;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #ffffff;
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 12px; z-index:999}
.cbp-vm-image .tab-pro-back{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(2,2,2,0.1); opacity:0;filter:alpha(opacity=0);-moz-opacity:0;}
.cbp-vm-image:hover .tab-pro-back{ opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}
.cbp-vm-image .group-buttons{      position: absolute;   width: 100%; z-index: 5;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%);  transform: none;bottom: -15px;right: 0;}
.cbp-vm-image .group-buttons a{  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;   -o-border-radius: 50%; border-radius: 50%; background-color: #e72833; color: #fff;   padding: 0; text-align: center;font-size: 0;margin: 0 7.5px; transition: all 0.5s ease-out 0s; transform: scale(0.5);visibility: hidden;opacity: 0;filter: alpha(opacity=0); float: right; right: -22px; width: 48px;height: 48px; line-height:48px;    position: relative;}
.cbp-vm-image .group-buttons a:before{    content: ""; background-repeat: no-repeat;   display: inline-block;  background-position: center center;    width: 35px ;height:35px;margin-right: 10px;background-size: contain; background-image:url(../images/sear.png)}
.cbp-vm-image:hover .group-buttons a{
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
}


.prol_more{    color: #e72833;margin-top:5px;
    text-transform:uppercase;
    background:#fff; border:1px solid #e72833;
    display: inline-block; font-size:13px;
    height: 35px;
    width: 100px;
    text-align: center;
    line-height: 35px;font-family:Arial;}
.cbp-vm-switcher ul li:hover .prol_more{color:#fff; background:#e72833}
.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:100%;overflow:hidden;background:#f2f2f2;padding:0 10px;margin-bottom:10px; font-size:13px}
.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:7px 10px 7px 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; margin:0 -10px}

.cbp-vm-view-grid ul li {
	width: 25%;
	text-align: center;
	padding: 10px;
	    float: left;
	vertical-align: top;
	margin-bottom:2px;
}
.cbp-vm-view-grid ul li:hover .cbp-vm-image span{ border-color:#e72833}
.cbp-vm-view-grid .cbp-vm-div{     margin-top: 5px;
    padding: 5px 0px 10px;
    text-align: center;}
	
.cbp-vm-view-grid .cbp-vm-image a img {     transition-duration: 2s;
    transition-timing-function: ease-out; }

/* List view */
.cbp-vm-view-list li {padding: 20px 0;border-bottom:1px solid #e5e5e5;white-space: nowrap;text-align:left;white-space:normal;}
.cbp-vm-view-list li:last-child{ border-bottom:none}
.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 li .cbp-vm-div{ float:left; width:78%; padding-left:20px}
.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: 22%;display:inline-block; vertical-align:middle;float:left;    border: 1px solid #ececec;}
.cbp-vm-view-list ul li .cbp-vm-div-t{display:block; vertical-align:top;text-align:left;font-size:16px;color:#333;max-height: 44px; line-height:22px; margin-bottom:10px;font-family:Arial;}
.cbp-vm-view-list ul li .cbp-vm-details {    line-height: 20px;overflow: hidden;white-space: normal;height:40px;margin-bottom:10px;    text-align: left;}

.cbp-vm-view-list .cbp-vm-image img{max-width:100%; max-height:none}
.cbp-vm-view-list .cbp-vm-image a img {     transition-duration: 2s;
    transition-timing-function: ease-out; }
@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: 50%;}}

@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 li .cbp-vm-div{ float:none; width:100%; margin-top:10px}
	
	.cbp-vm-view-list .cbp-vm-image{width:100%; float:none;margin-bottom:0px}

}




.right-title2,.page-title{ padding-bottom:5px; border-bottom: 1px solid #eee; margin-bottom:20px;}
.page-title span,.right-title2 span{font-size:24px;display:inline-block;padding-right:20px;text-transform:capitalize;background:#fff;color:#333; font-weight: bold;font-family:Arial;}

.products{ margin-top:23px}
.pro_table_de{ line-height:200%;   font-size:15px; color:#666}
.products .pro_img{ padding-left:0}
.products .pro_img>img{max-width:100%;max-height:100%;height:auto;width:100%;border:1px solid #eee;}
.products .pro_img .pro_simples{margin-top:10px;}
.products .pro_img .pro_simples img{max-width:76px;margin:4px 9px 0 0;border:1px solid #ebebeb;}
.products .pro_img .pro_simples img:last-child{ margin-right:0}
.products .pro_table{float:right; padding-right:0}
.pro_table h1{font-size:18px;color:#000;display:block;font-weight: bold;text-transform:capitalize;margin:0 0 20px 0; padding:0; line-height:22px;font-family:Arial; }
.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:#e72833;font-size:13px;color:#fff;text-transform:uppercase;padding:9px 20px;margin-top:20px;border-radius:2px;}
.pro_table .pro_more:hover{ background:#178fec;text-decoration:none;}
.pro_table .pro_more2{background:#178fec; margin-left:10px}
.pro_table .pro_more2:hover{background:#e72833;}
.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.mostBox-detail{line-height:20px;font-size:16px;padding:0px; margin-bottom:20px}
.mostBox>div.mostBox-detail img{max-width:100%;height:auto;}
.mostBox>div.mostBox-detail p{line-height: 180%}
.mostBox>div.mostBox-detail p strong{font-size: 16px;text-transform: uppercase}

.relatedTags{width:100%;background:#F8F8F8;line-height:20px;margin:20px 0 10px;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:#e72833;text-decoration:underline;}
.reProTitle{width:100%;border-bottom:2px solid #1996e6;}
.reProTitle p{color:#1a1a1a;font-weight:bold;font-size:16px;margin-top:30px;}
#pre_next{ margin-top:20px; list-style:none; border-top:1px solid #ddd; padding-top:5px; font-size:14px;}
#pre_next span{  font-size:14px; text-transform:capitalize; margin-right:10px;font-family:Arial;  color:#333;}
#pre_next li{ padding:4px 0px; border-bottom:none; margin-bottom:0px;}
#pre_next a{color:#666; text-align:center;padding:5px 0px;}

#pre_next i{ margin:5px; color:#00a3eb;}
#pre_next a:hover{ color:#e72833;}




.in_hot_pro{max-width:945px;width:100%;margin:30px auto 0px 0; text-align:left;}
#flexiselDemo3{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;}

.in_hot_pro .nbs-flexisel-item{float:left;margin:0px;margin-top:5px;margin-bottom:0px;padding:0px;cursor:pointer;line-height:0px;text-align:center;min-height:250px;}
.in_hot_pro .nbs-flexisel-item .in_hot_pro_img{max-width:206px;max-height:206px;-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; border:1px solid #ececec}
.in_hot_pro .nbs-flexisel-item .in_hot_pro_img img{width:100%;cursor:pointer;position:relative;max-width:204px;max-height:204px;}

.in_hot_pro .nbs-flexisel-item .in_hot_pro_t{ overflow:hidden;height:40px;overflow:hidden;color:#333;display:block;line-height:20px;font-size:14px;margin:10px auto 5px;max-width:204px;}
.in_hot_pro .nbs-flexisel-item .in_hot_pro_t:hover,.in_hot_pro .nbs-flexisel-item:hover .in_hot_pro_t{ text-decoration:none;color:#e72833;}
.in_hot_pro .nbs-flexisel-item:hover .in_hot_pro_img{ border-color:#e72833}
.in_hot_pro .nbs-flexisel-item p{  margin:0px auto;max-width:184px;  color: #999999; line-height: 20px; overflow: hidden; height: 40px; font-size:13px}
.in_hot_pro .nbs-flexisel-item:hover span img{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.in_hot_pro .nbs-flexisel-nav-left,.in_hot_pro .nbs-flexisel-nav-right{width:11px;height:18px;position:absolute;cursor:pointer;z-index:100;top:-48px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; display:block;}
.in_hot_pro .nbs-flexisel-nav-left{right:3%;text-align:center;background:url(../images/prev_b.png) no-repeat;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.in_hot_pro .nbs-flexisel-nav-left:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.in_hot_pro .nbs-flexisel-nav-right{right:0%;text-align:center;background:url(../images/next_b.png) no-repeat;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.in_hot_pro .nbs-flexisel-nav-right:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

@media (max-width: 992px) and (min-width: 768px) {
	.in_hot_pro .nbs-flexisel-item .in_hot_pro_img{max-width:150px;max-height:150px;}
	.in_hot_pro .nbs-flexisel-item .in_hot_pro_img img{max-width:150px;max-height:150px;}
	.in_hot_pro .nbs-flexisel-item .in_hot_pro_t,.in_hot_pro .nbs-flexisel-item p{   max-width:150px;}
}

@media only screen and (max-width: 768px) {
	.in_hot_pro .nbs-flexisel-nav-left{right:8%;}
}
@media only screen and (max-width: 620px) {
	.in_hot_pro .nbs-flexisel-item .in_hot_pro_img { max-width:210px;max-height:210px}
.in_hot_pro .nbs-flexisel-item .in_hot_pro_img img{max-width:210px;max-height:210px;}
.in_hot_pro .nbs-flexisel-item .in_hot_pro_t,.in_hot_pro .nbs-flexisel-item p{   max-width:210px;}
}
@media only screen and (max-width: 450px) {
	.in_hot_pro .nbs-flexisel-item .in_hot_pro_img { max-width:100%;max-height:100%}
.in_hot_pro .nbs-flexisel-item .in_hot_pro_img img{max-width:100%;max-height:100%;}
.in_hot_pro .nbs-flexisel-item .in_hot_pro_img,.in_hot_pro .nbs-flexisel-item p{   max-width: 100%;}
}



/*service*/
#online_qq_layer{z-index:9999999;position:fixed;right:0px;bottom:0; }
#floatShow{display:block;}

#floatHide{display:none;}

#online_qq_tab{position:relative;z-index:9; width:350px;}

#online_qq_tab #floatShow{overflow:hidden;background:url(../images/ser_2.png) no-repeat right bottom; width:90%; height:50px;}
#online_qq_tab #floatShow img{ max-height:24px; float:right; margin-top:6px;}
#online_qq_tab #floatHide img{ max-height:32px; float:right; margin-top:2px;}
#online_qq_tab #floatHide{overflow:hidden;background:url(../images/ser_1.png) no-repeat; width:100%; height:40px;}
#onlineService{display:inline;width: 350px; overflow: hidden;display:none;background: #fff; font-size:13px;}
.i_message_inquiry { padding:20px;background:url(../images/pic_bg.jpg) no-repeat left center; background-size:cover; border:1px solid #eee;}
.i_message_inquiry .input_1{
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    line-height: 40px; height:40px;
    margin-bottom: 20px;
    padding-left: 10px;
    width: 100%; background:none;}
.i_message_inquiry .input_2{  border:none; border-bottom: 1px solid #ccc; color: #000; background:none;
    font-size: 14px;
    line-height: 22px; height:80px;
    margin-bottom: 20px;
    padding-left: 10px;
    width: 100%;}
.i_message_inquiry .input_1:focus,.i_message_inquiry .input_2:focus{  background:rgba(255,255,255,1); color:#333;}
.my_btn2{background: #e72833 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
   font-family:Arial;
    font-size: 14px;
    margin-top: 15px;
    padding: 8px 15px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;}
@media only screen and (max-width: 768px) {#online_qq_layer{display:none;}}




/*service*/
#service{position:fixed;right:-210px;top:10px;z-index:999999999;margin:200px 0 0 0; font:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#333;}
#service ul{ list-style:none; border:2px solid #e72833;}

.online_title{background:#e72833; text-align:center;    font-family:Arial; font-size:14px; color:#fff;}
.online_title img{ max-width:30px; margin-right:10px;}
#service a{ color:#333;}
#ser_main{float:left;position:relative;z-index:9;top:0px;    display: block;
    width: 29px;
    height: 191px;
    right: 0;}
#ser_main a{display:block;overflow:hidden;}
#ser_main #floatShow1{background:url(../images/ser-30.png) no-repeat;height:191px;width:29px;z-index:99999; position:absolute; left:0; top:0px;}

#online{float:left;background:#fff;overflow:hidden; width:210px;-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);position:relative;}
.onlineMenu ul li{ padding:10px 10px; border-bottom:1px dashed #ccc;}
.onlineMenu ul li:last-child{ border:none;}
.onlineMenu .serm_top{text-align:center;padding-bottom:10px;}
.onlineMenu .call{text-align:left;}
.call{ padding:6px 10px; border-bottom:1px solid #fff; font-size:13px;}
.call img{display:inline-block;vertical-align:middle; margin-right:6px; }
.call a:hover{color:#e72833 !important;}
#service:hover{ right:0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
#service:hover #ser_main #floatShow1{ left:120px; z-index:-11; opacity:0;}
#service h4{ font-size:14px; color:#666; margin:0px; line-height:25px;    font-family:Arial;}

@media only screen and (max-width: 768px) {
	#service{ display:none}
}

.fixed-con{width:100%;display:none;padding:0;color:#fff;position:fixed;bottom:0;left:0;height:50px;line-height:50px;font-size:16px;font-family:Arial;text-align:center;background:#e72833;text-transform:uppercase;box-shadow:0 0 10px 2px rgba(0,0,0,0.2);z-index:9999;}
.fixed-con:hover{background:#323232;color:#fff;text-decoration:none;}
@media only screen and (max-width: 768px) {
	body{padding-bottom:45px;}
	.fixed-con{display:block;}
}



/*back-top*/
.back_top{width:40px; height:40px; position:fixed; right:20px; bottom:100px; z-index:9999; display:none; background:url(../images/to_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:80px;}}


.in_pal{ margin-top:15px}

.table-responsive{ overflow-x:auto}