@charset "utf-8";
/*banner*/
.slide * {max-width: 100%;}
.slider .slide-prev {cursor: pointer;height: 60px;width: 40px;position: absolute;left: 0;top: 50%;margin-top: -24px;background-color: rgba(255,255,255,0.8);padding: 0px;}
.slider .slide-next {cursor: pointer;height: 60px;width: 40px;position: absolute;right: 0;top: 50%;margin-top: -24px;background-color: rgba(255,255,255,0.8);padding: 0px;}
.slider .slide-next:hover, .slider .slide-prev:hover {background-color: rgba(255,255,255,0.9);}
.slider .slide-next img, .slider .slide-prev img {position: relative;top: 0;left: 0;max-height: 100%;max-width: 100%;}
.es-caption {position: absolute;bottom: 0;text-align: center;background-color: rgba(0,0,0,0.8);color: #fff;padding: 16px;margin: 10px;width: auto;left: 0;right: 0;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border: 1px solid rgba(255,255,255,0.3);}
ul.es-pager {display: none;width: 100%;text-align: center;margin:  0;padding: 10px 0;line-height: 0px;background: rgba(255, 255, 255, 0.1) !important; /* IE无效，FF有效 */ background:#fff;filter: alpha(opacity=1);}
ul.es-pager li {display: inline-block;margin: 0 2px;padding: 0;height: 12px;width: 12px;background-repeat: no-repeat;background-position: 0 -16px;cursor: pointer;-webkit-border-radius: 50px;border-radius:50px; border:2px solid #cdcfd1}
ul.es-pager li:hover, ul.es-pager li.act {background-position: 0 0;background:#cdcfd1 !important;-webkit-border-radius: 50px;border-radius:50px;-moz-border-radius:50px; border:2px solid #cdcfd1}
ul.es-pager li.act {cursor: default;}
/*search*/
.search{ width:100%; background:#c9caca; margin:0 auto; margin-top:-5em; text-align:center; padding:1.05em 0; z-index:3; position:relative; cursor:pointer;}
.search form{  margin:0 auto; background:#fff; height:35px;}
.searchtext{ background:#fff; padding:0 1em;height:35px; float:left; width:85%; cursor:pointer;}
.search .searchsub{ background:url(../images/ico.png) no-repeat -6px -30px; height:35px; width:35px; float:right}
.index-tit h2{ margin:2em 0; line-height:2em; color:#221815; font-weight:bold;}
/*index-case*/
.index-case-tit{ background:url(../images/titline.jpg) left center repeat-x; margin:3em auto;}
.index-case-tit p{ text-align:center; color:#333; background:#fff; display:table; margin:0 auto; padding:0 3%; font-size:3em;}
.index-case a .title2{ background:#434242; color:#fff; font-size:1em; text-align:center; padding:0px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.index-case{ margin-bottom:6em; padding:0 10px}
.index-case img{ width:100%;}
.index-case a:hover .title2{ background:#d70c25; color:#fff;}
/*index news*/
.index-news{ margin:4em 0;}
.nf-11.index-news{ position:relative;}
.nf-11.index-news .nf-11 a{ position:absolute; bottom:0; right:30px; color:#d70c25; font-size:1em;font-weight:500}
.index-news .title3{ margin:0em 0 1.5em; color:#221815; border-bottom:1px solid #707070; padding:0 0 .5em; font-size:1.5em;}
.index-news p{ font-size:1.1em;  line-height:1.5em}
.index-news p.nf-6 a{ float:right; color:#d70c25; font-size:1em}
.index-news h3 a{ float:right; color:#d70c25; font-size:.7em; font-weight:500}
.index-tit p{ font-size:1.2em; line-height:2em;}
.index-news li{ margin-bottom:2em}
.news-time{ height:55px; width:55px; background:url(../images/datebg.png) no-repeat; color:#fff; font-size:2em; text-align:center; position:relative; float:left; margin-right:15px; font-family:Arial, Helvetica, sans-serif}
.news-time div{ transform:rotate(-30deg); font-size:.5em; font-weight:bold; position:absolute; left:2px; top:1px;
-ms-transform:rotate(-30deg); /* Internet Explorer */
-moz-transform:rotate(-30deg); /* Firefox */
-webkit-transform:rotate(-30deg); /* Safari 和 Chrome */
-o-transform:rotate(-30deg); /* Opera */}
.index-news .title2{ margin-left:70px; border-bottom:1px solid #727171; min-height:55px; padding-bottom:5px; font-size:1.25em}
.index-news .title2 a{ font-size:1.2em; color:#727171; font-size:.85em;  min-height:55px;}
.index-news .title2 a:hover{ color:#d70c25}
.news-time p{ padding-top:12px;font-size: 1.2em;font-weight: bold;line-height: 1.5em;}
.index-pro{ position:relative; margin:0 auto 2.5em;}
.index-pro img{ width:100%}
.index-pro-txt{ position:absolute; z-index:2; height:100%; width:100%;background:rgba(0, 0, 0, 0.54)!important;
filter:Alpha(opacity=54); background:#000;/*　IE*/text-align:center; color:#fff; }
.index-pro-txt1{background:rgba(215, 12, 37, 0.54)!important;filter:Alpha(opacity=54); background:#d70c25;/*　IE*/}
.index-pro-txt h2{ font-size:2.2em;}
.index-pro-txt p{ font-size:1.5em;  margin:2em 0}
.index-pro-txt span a{ color:#fff; background:#222;font-size:1.25em; font-weight:500;-moz-border-radius:4px;border-radius:4px;border-width:2px 2px 0 0;background: #d70c25; padding:10px 20px;}
.index-pro-txt1 span a{ background:#222 !important}
.index-txt{ margin:4em auto 7em;}
.index-txt p{text-align:center; font-size:1.5em;  margin-bottom:10px;}
.index1-txt{ padding:3em 0; height:33px; line-height:33px; display:table; margin:0 auto}
.index1-txt i{background:url(../images/ico.png) no-repeat -1px -77px; width:42px; height:33px; float:left;}
.index1-txt p{ float:left;  text-indent:5em; color:#fff; font-size:1.1em; font-weight:500; margin-right:5em;}
.index1-txt a{ color:#fff; background:#d70c25;font-size:1.2em; font-weight:bold;-moz-border-radius:4px;border-radius:4px;border-width:2px 2px 0 0;background-color: rgb(215, 12, 37); padding:0px 10px;float:left}
/*breadcrumb*/
.breadcrumb{  background:url(../images/breadbg.png) repeat-x; border-bottom:1px solid #d8dddd;  color:#484748; font-size:1.2em; padding:1em}
.breadcrumb a{color:#484748}
.breadcrumb em,.bottom em{ font-style:normal; margin:0 10px;}
/*product*/
.product{ overflow:hidden;}
.product .sidebar{ margin-top:3em;padding:0 }
.product .sidebar-right{ padding:3em 3em 0}
.sidebar-right h1{ margin-bottom:1em; color:#434343; font-size:2.5em; font-weight:inherit; line-height:1em;}
.pro-tit{ background:#d70c25; text-align:center; color:#fff; font-weight:bold; font-size:1.5em; height:40px; line-height:40px;text-transform:uppercase;}
.pro-tit .fa-reorder {background: #484748;float: right;height: 40px;line-height: 40px; padding:0 15px; display:none}
.order-tit{ background:#f7f7f7; color:#000; border:1px solid #ccc}
.order-tit i{ float:right; color:#d70c25; font-size:1.2em; margin-right:15px; margin-top:5px;}
.pro-search{ height:auto; overflow:hidden;}
.pro-search form{ height:37px; line-height:37px;  width:100%; margin:1em 0 3em 0; }
.pro-search .searchsub{ background:url(../images/ico.png) no-repeat -267px -68px #f7f7f7; border:1px solid #a9a9a9; color:#fff; height:37px; line-height:37px; font-weight:bold; width:15%}
.pro-search .searchtext{ height:37px; border:1px solid #a9a9a9; border-right:none; width:85%}
.sidebar hr{ height:1px; border:none;border-bottom:1px solid #5b5a5a; margin:2em 0}
.sidebar-nav{ margin-bottom:2em;}
.sidebar-nav .acc-item{ padding:0 15px 2em;border:1px solid #ccc; border-top:none;}
#sliderC .es-pager{ display:block !important; margin-top:-3em; z-index:3; position:relative; }
#sliderC .es-pager li{background:#636262; border:2px solid #fff; height:10px; width:10px;}
ul.es-pager li:hover, ul.es-pager li.act {background-position: 0 0;background:#fff !important;-webkit-border-radius: 50px;border-radius:50px; border:2px solid #636262 !important;}
ul.product-nav div.page-nav-tit{border-bottom: 1px solid #ccc;color: #434343;cursor: pointer;font-size: 1.25em;height: 20px;padding-bottom: 2em;padding-top: 1em;}
ul.product-nav li div.page-nav-tit .arrow,.product-h5 .arrow{float:right;width:20px;height:20px;overflow:hidden;background:url(../images/vicon.png) no-repeat 3px 2px;display:inline-block;margin-bottom:-5px;border: 1px solid transparent;}
ul.product-nav li div.page-nav-tit .arrow.up,.product-h5 .arrow.up{background-position:3px 2px;}
ul.product-nav li div.page-nav-tit .arrow.down,.product-h5 .arrow.down{background-position:3px -14px;}
.page-nav-menu{border-bottom: 1px solid #ccc;margin: 5px 0 0;padding-bottom: 1em;}
.page-nav-menu li{ padding:5px 0}
.page-nav-menu li a {background:url("../images/ico.png") no-repeat scroll -290px 3px;color: #000;display: block;font-size: 1.1em;padding-left: 1em;}
.page-nav-menu li a:hover,.page-nav-menu li.select a,.label.select{color:#d70c25;text-decoration:none;}
ul.product-nav li .page-nav-menu{display:none;}	


/*crushing page*/
.pro-team{ margin:1em 0 3em}
.crushing-banner{ text-align:center; margin:0 auto} 
.crushing-main{ margin:3em auto; height:auto; overflow:hidden;}
.pane .crushing-main{ margin:0 auto 3em}
.pane .crushing-main li{ text-align:left}
.crushing-main li{ float:left; width:100%; margin-bottom:4em}
.crushing-main li .nf-7 h2{ font-weight:inherit; font-size:2em; margin-bottom:1em; color:#000}
.crushing-main li .nf-7 p{ font-size:1.2em; margin-bottom:.8em}
.crushing-main li .nf-7 .more{ color:#d70c25;font-size:1.2em;}

/* Mouse Events */
ul.product-nav li div.page-nav-tit:hover .arrow,.product-h5:hover .arrow{border:1px solid #ddd;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
ul.product-nav div.page-nav-tit:hover{cursor:pointer;}
.product-h5{border-top: 1px solid #5b5a5a; height:auto;margin: 2em 0 4em;padding-top: 2em;cursor: pointer;}
.product-h5 h5{color: #000;font-size: 1.25em;font-weight: bold; float:left;}
.product-h5 .arrow{ float:left; margin-left:1em}
.introduce-box{ display:none}
.product-info-nav{ background:#efefef}
/*sidebar-right*/
.pro-main{ padding:3em 0; height:auto; overflow:hidden;}
.pro-tab h2{ font-size:1.2em; color:#000; border:1px solid #e6e6e6; border-right:none; background:#f7f7f7; padding:10px 15px;}
.pro-tab .hit h2{ background:#fdeff5; color:#d70c25;}
.pro-tab ul{ background:#f7f7f7; height:auto; overflow:hidden;}
.pro-box ul{ background:none}
.pro-tab .panes{ margin-top:3em}
.pro-img,.voide{ position:relative;}
.voide-bg{ color:#fff}
.pro-img img{ width:100%}
.pro-img-bg,.voide-bg{ position:absolute; text-align:center; display:none; left:0; top:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.42)!important;
filter:Alpha(opacity=42); background:#000;/*　IE*/ }
.pro-img-bg span{ color:#fff; font-weight:bold; padding:5px 8px;display:inline-block; vertical-align:middle; margin-top:30% }
.voide-bg i{margin-top:25%}
.voide:hover .voide-bg{ color:#0c1114;background:rgba(0, 0, 0, 0.0)!important;
filter:Alpha(opacity=0); background:#000;/*　IE*/  }
.pro-img:hover .pro-img-bg,.voide-bg{ display:block;}
.pro-box li{display:inline-block;vertical-align:top; margin-bottom:2em}
.pro-box li .pro-txt{ background:#484748; padding:10px; height:70px}
.pro-box li:hover .pro-txt{ background:#d70c25}
.pro-box li h2{ font-size:1.3em; font-weight:500; margin-bottom:0;color:#fff !important; padding:0; background:none !important; border:none;text-transform:capitalize; text-align:left;}
.page-banner,.about-banner{ text-align:center}
.project .pro-txt{ background:none !important; padding:10px 0 !important}
.project .pro-box li h2{ color:#727171 !important}
/*Product-info*/
.sidebar-fr{ float:right;  margin:2em 0;}
.sidebar-fr .nf-12 { padding:0 15px 2em}
.pro-show{ padding:1em 12px 0; height:auto; overflow:hidden;}
.pro-show li{ border-bottom:1px solid #ccc; padding-bottom:1em; margin-bottom:1em; height:auto; overflow:hidden;}
.pro-show li img{ float:left; margin-right:10px;margin-bottom:10px;}
.peo li img{border-radius:80px; width:80px; height:80px; border:1px solid #ccc;-moz-border-radius: 80px;-webkit-border-radius: 80px; padding:2px;}
.pro-show li h2 a{ color:#000; font-size:.65em; font-weight:300}
.sidebar-fl{ float:left; margin:2em 0}
.product-txt h1{ margin-bottom:1em; color:#000; font-size:2.7em; line-height:1.2em}
.product-txt p{ line-height:2em; font-size:1.3em}
.sidebar-fl .cao{  margin:2em auto; display:block}
.pro-contact{ background:#efefef; height:auto; overflow:hidden;}
.pro-contact,.pro-introduce{ position:relative; z-index:999}
.pro-contact a{ background:#d70c25; color:#fff; height:40px; font-weight:bold; float:left; border-left:5px solid #efefef; border-right:5px solid #efefef; text-align:center; }
.pane font {display: block;height: 40px;line-height: 40px; margin-top:15px;}
.pane font .online{background: #d70c25 url("../images/ico.png") no-repeat scroll 7px -111px;color: #fff;display: inline-block;height: 40px;padding: 0 25px;text-indent: 1em;}
.pro-contact a:hover{ background:#484748}
.pro-contact i,.pane font .online i{height: 40px; display:inline-table; width:27px}
.pro-contact span{ position:relative; top:-13px; left:5px;}
.pro-contact .online i,.pane font .online i{background: rgba(0, 0, 0, 0) url("../images/ico.png") no-repeat scroll -1px -111px;}
.pro-contact .tel i{background: rgba(0, 0, 0, 0) url("../images/ico.png") no-repeat scroll -1px -145px;}
.pro-contact .mail i{background: rgba(0, 0, 0, 0) url("../images/ico.png") no-repeat scroll -1px -179px;}
.pro-introduce .acc_trigger{ font-weight:bold; color:#000; font-size:1.25em; cursor:pointer;border-top:1px solid #5b5a5a; padding-top:2em; margin:2em 0;}
.pro-introduce .acc_trigger i{ background:url(../images/pronavclose.png) no-repeat center bottom ; height:20px; width:20px; display:inline-table; margin-left:1em}
.pro-introduce .acc_trigger.active i{background:url(../images/pronavopen.png) center bottom no-repeat}
.pro-introduce h4{ background:#efefef; color:#000; padding:.5em 0 .5em 1em; font-size:1.1em}
.introduce-txt{ height:auto; overflow:hidden; padding:2em 0}
.introduce-txt img{ border:1px solid #5b5a5a; padding:2px;margin-bottom:1em ; max-width:300px}
.product-info-txt{ height:auto; overflow:hidden;color:#434343; line-height:1.5em; font-size:1.25em}
.line{ width:100%;}
.line p{ text-align:center}
.line .fa-sort-asc{ color:#484748; max-height:20px;}
.line .txt{ background:#484748; color:#fff; font-size:1.5em; font-weight:bold; padding:1em 0}
.date-table table { background: #fff; margin: 0 0 18px; border:none;  }
	table {border-collapse: collapse;border-spacing: 0;}
	.date-table table thead tr th,
	.date-table table tfoot tr th,
	.date-table table tbody tr td,
	.date-table table tr td,
	.date-table table tfoot tr td { font-size: 12px; line-height: 18px; text-align: center; }
	.date-table table thead tr th,
	.date-table table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
	.date-table table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
	.date-table table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
	.pro-char table tr:ntd-child(even) { background: #f00; }
	.date-table table tbody tr.even,
	.date-table table tbody tr.alt { background: #f9f9f9; }
	.date-table table tbody tr:nth-child(even) { background: #edeeee; }
	.date-table table tbody tr td { color: #333; padding: 9px 10px; vertical-align:middle;  }
	table th { font-weight: bold; }
	.date-table table td, .date-table table th { padding: 9px 10px; text-align: center; border: 1px solid #cfcecd;}
	.responsive tr td:first-child,.pinned tr td:first-child,.date-table tr td:first-child,.date-table tr td:first-child{ font-weight:bold;}
/* Mobile */
@media only screen and (max-width: 979px) {
	.date-table{ position:relative}
	table.responsive { margin-bottom: 0; border-left:none }
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll;  border-right: 1px solid #cfcecd; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.date-table table td, table th{ border:none;}
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned table th{ border-right:none;}
	.pinned td:last-child { border-bottom: 0; }
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #cfcecd;border-top: 1px solid #cfcecd; }
	div.table-wrapper div.scrollable table { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	.responsive::before {background: rgba(0, 0, 0, 0) linear-gradient(to left, white 10%, rgba(255, 255, 255, 0)) repeat scroll 0 0;content: "";height: 100%;pointer-events: none;position: absolute;right: -1px;top: 0;width: 35px;z-index: 5;}
	.responsive td{ text-align:left !important}
}
@media only screen and (max-width: 979px) {
	div.table-wrapper div.scrollable table { margin-left: 35%; }
	}
	.date-table table tbody tr td,.date-table table tbody tr th{ border-left:1px solid #cfcecd;border-bottom:1px solid #cfcecd; vertical-align:middle}
.tabPanel .pane{ position:relative}
.cd-scroll-right {
  /* small right arrow that indicates it's possible to scroll right */
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  background: url(../images/small-arrow.png) no-repeat center center;
  z-index: 6;
  -webkit-animation: cd-scroll-right 1.5s infinite;
  -moz-animation: cd-scroll-right 1.5s infinite;
  animation: cd-scroll-right 1.5s infinite;
}
@media only screen and (min-width: 979px) {
 .cd-scroll-right {display: none;}
}

@-webkit-keyframes cd-scroll-right {
  0%, 100% {-webkit-transform: translateX(0);}

  50% {-webkit-transform: translateX(3px);}
}
@-moz-keyframes cd-scroll-right {
  0%, 100% {-moz-transform: translateX(0);}
  50% {-moz-transform: translateX(3px);}
}
@keyframes cd-scroll-right {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
  }
}
/*Inquiry*/
.form-control{background:#fff; border:1px solid #ccc; width:100%;}
.form-group .col-sm-6 p{ height:24px;}
.form-group.sub{ width:100%}
.form-container{padding:15px 0 5px;}
.form-horizontal .control-label{ text-align:left; width:100%; margin-bottom:.5em; font-size:1.2em}
.col-sm-2{ float:left; padding-top:2px}
.col-sm-4{ width:100%; float:left;}
.col-sm-6{ width:100%; float:left;}
.help-block{color: #fff;display: block; font-size:12px;}
.info-area-failure i{ margin-right:5px;}
.form-group {float:left; padding:0 1em}
.message-sub{ background:#b61b32 !important; text-align:center; color:#fff;font-size: 14px;font-weight: bold; padding:1% 3%; text-indent:0 !important; cursor:pointer;}
/**/
.element-error{color:red;border:1px dotted red}.info-area-init{color:#999;font-weight:normal;padding-left:4px}.info-area-success{color:#11b422}.info-area-failure{color:#d74f4f}.info-area-unique-validating{color:#fff}.toast{position:fixed; color:#fff;bottom:50%;background:black;padding:10px 20px;line-height:18px;border-radius:5px;-webkit-box-shadow:0 0 6px rgba(0,0,0,1);-moz-box-shadow:0 0 6px rgba(0,0,0,1);-o-box-shadow:0 0 6px rgba(0,0,0,1);box-shadow:0 0 6px rgba(0,0,0,1); color:#fff}
.form-control{clear: both;display: table;display:block;height:30px; line-height:30px;padding:0px 12px;font-size:12px;line-height:1.42857143border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}

/*projects*/
.project{ padding:2em 0}
.projects-nav{ padding:10px 15px 2em;border:1px solid #ccc; border-top:none;}
.projects-nav h2 {font-style: inherit;font-weight: initial;}
.projects-nav a{ width:100%; font-size:.85em; display:table; color:#434343; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #b3b3b3; background:url(../images/arrow_right.png) no-repeat right top}
.project-main{ padding-top:0}
.project-main h3{ font-size:2em; font-weight:normal;border-bottom:1px solid #b3b3b3;padding-bottom:10px; display:none}
.project-txt{margin:1em auto; font-size:1.2em; display:none}
.project .pro-img-bg{ display:block !important;  border:#2px solid #d70c25}
.project .pro-img-bg span{ border:2px solid #d70c25; background:#d70c25}
.project .pro-img-bg:hover span{ background:none; border:2px solid #fff}
.pro-box{ height:auto; overflow:hidden;}
.project-info p{ border-bottom:1px solid #c8c5c4; margin-bottom:1.5em; padding-bottom:1.5em; font-weight:bold; font-size:1.25em}
.bx-wrapper {position: relative;margin-bottom:2em;padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: none;}
.bx-wrapper .bx-prev {left: 10px;background: url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px;background: url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}

/*article-main*/
.article-main{ margin:4em auto; height:auto; overflow:hidden;}
.new-tit{ height:auto; overflow:hidden;padding-bottom:1em }
.article-main .new-tit h1{margin-bottom:15px;}
.article-main h1{ color:#d70c25; height:auto;}
.article-case-info{ margin:2em auto; height:auto; overflow:hidden; padding:1em 0; background:#f1b6bd}
.article-case-info .nf-6,.article-case-info .nf-10{ height:auto; overflow:hidden; margin:1em auto; background:#eee; color:#000; font-size:1.2em}
.article-case-info .nf-6 span{ height:40px; line-height:40px;border-right:1px solid #fff; color:#000;}
.article-case-info .nf-10 .nf-6{ margin:0}
.article-case-info b{ background:#eee; border-right:1px solid #fff; text-align:center; height:40px; line-height:40px; color:#000; font-size:1.2em; font-weight:bold;}
.article-txt{ height:auto; overflow:hidden; margin:2em 0 3em; line-height:1.8em; font-size:1.2em; color:#000}
.article-txt h3,.case-article-t{ color:#fff;  margin-bottom:2em; padding:10px 0; text-align:center; background:#d20e26;font-size:1.5em; font-weight:bold}
.article-txt ol{ margin-bottom:2.5em}
.article-txt ol li{ background:url(../images/ico.png) -290px 8px no-repeat; padding-left:1em; margin-bottom:5px;}
.about-p ol li{ background:url(../images/ico.png) -290px 3px no-repeat; padding-left:1em; margin-bottom:5px;}
.news-nav .acc_container li a,.sidebar-nav .acc_container li a{ background:url(../images/ico.png) -1px -211px no-repeat; padding-left:1em; font-size:1.1em; color:#434343}

/*news*/
.news-list{ height:auto; overflow:hidden;}

.news-list li{ display:table; width:100%; padding:1em 0 2.5em; line-height:1.8em;}
/*.news-list li:nth-child(2n){ background:#eee}*/
.news-introduction h2 a{ color:#d70c25; font-size:1em}
.news-introduction i{ font-style:normal; font-size:1.1em; color:#000}
.news-introduction p { margin:5px 0}
.news-introduction p a{font-size:1.3em;color:#000}
.news-introduction span a{color:#d70c25; font-size:1em; font-weight:500}
.news-introduction.nf-9 span{ font-weight:bold;}
.news-nav{ border-top:1px solid #ddd;}
.news-nav h5{border-bottom:1px solid #ddd; padding:.75em;background:url("../images/pronavclose.png") no-repeat right center; font-size:1.25em; cursor:pointer; font-weight:inherit; color:#434343}
.news-nav .active { background:url(../images/pronavclose.png) no-repeat right center; color:#d70c25 }
.news-nav .acc_container{border-bottom:1px solid #ddd; padding-bottom:10px;  padding-left:1em;}
.news-nav .acc_container li{ padding:10px 0 0;}
.naws-search{ height:auto; overflow:hidden; background:#c9caca;margin:2em auto; padding:1em 0}
.naws-search h3{ border-bottom:1px solid #9d9b9a; text-align:center; color:#000; padding-bottom:1em }
.naws-search-box{ padding:0 1em; margin:1em 0}
.naws-search-box p{ color:#000; font-weight:bold; margin-bottom:1em; font-size:1.25em}
.naws-search-input{ background:#fff; padding:5px; width:100%; margin-bottom:.5em}
.naws-search-sub{ border:2px solid #fff; background:#d70c25; text-align:center; color:#fff; font-weight:bold; width:100%; padding:8px 0; margin-top:1em;}
.article-paging{ height:auto; overflow:hidden; border-top:1px solid #999; margin:2em auto 0;}
.article-paging p{ border-bottom:1px solid #999; padding:0; height:40px; line-height:40px;}
.article-paging p i{ color:#9a9a9a; margin-top:3px; margin-right:5px; float:left;}
.article-paging p b{ float:left;}
.article-paging p a{ width:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left; color:#000}
.article-paging p span{ float:right}
.article-back{ float:right;margin-top:15px;}
.article-back a{ background:#333; color:#fff;  padding:5px 15px; display:block}
.article-back a:hover{ background:#d70c25}
/*voide*/
.news-voide-list,.news-voide-list li{ height:auto; overflow:hidden;}
.news-voide-list li{ margin-bottom:1em;}
.news-voide-list li h2{float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%; text-align:center; padding:3px 0; font-size:1em;}
#video_bf{ text-align:center; margin:1em auto}
.news-voide-list h5{ padding:0 15px; margin-bottom:2em}

/*404*/
.no-found{ background:url(../images/404.png) no-repeat; height:338px; width:100%; max-width:394px;margin:3em auto; text-align:center; padding:3em 0;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";-moz-background-size:100% 100%;  background-size:100% 100%;  }
.no-found font{ color:#d70c25; font-size:10em; display:block; width:100%; height:80px; margin-top:.5em}
.no-found span{ background:#000; color:#fff; padding:5px 8px; font-size:1.2em; font-weight:bold;}
.no-found a{ width:100%; display:block; margin-top:15px; text-decoration:underline}

/*sitemap*/
.sitemap{ border:1px solid #ddd; border-bottom:none;border-top:none;  background:#fff url(../images/breadbg.png) repeat-x top left; padding:3em}
.sitemap h4{ font-size:2.8em; font-weight:inherit; color:#000; margin:1em auto}
.sitemap-nav .page-nav-tit{background:#d70c25 !important;color:#fff !important; font-size:1.5em !important; margin:1em 0; padding:6px 15px !important; height:auto !important; font-weight:bold; border-bottom:none !important;}
.sitemap-nav .page-nav-menu{ border-bottom:none; height:auto; overflow:hidden; padding-bottom:0}
.sitemap-nav .page-nav-menu a {color: #d70c25;font-size: 1.3em;margin: 0 5px; float:left;}
.sitemap-nav .page-nav-menu em{ float:left; font-style:normal;color: #d70c25; margin:0 10px}
.sitemap-nav-sec li{ padding:0 15px !important}
.page-nav-menu .acc_trigger{ padding:15px 0 15px; font-size:1.2em; cursor:pointer; border-bottom:1px solid #ddd; color:#d70c25; background:url(../images/pronavclose.png) no-repeat center right}
.page-nav-menu .active{ background:url(../images/pronavopen.png) no-repeat center right}
.sitemap-nav-sec .acc_container li{ width:100%; height:auto; overflow:hidden;}
.sitemap-nav-sec .acc_container li a{border-bottom:1px solid #ddd; padding:8px 0px; width:100%; background:none; color:#727171; font-size:1em }
.sitemap-nav-sec .acc_container li a:hover{color:#d70c25; }


/*about*/
.about-banner{ background:url(../images/aboutbg.jpg) no-repeat;  width:100%;  text-align:center; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";-moz-background-size:100% 100%;  background-size:100% 100%;}
.about-time{ margin-top:2em;}
.about-time cite{ float:left; height:55px; width:55px; background:#484748;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px; border:1px solid #484748; color:#fff; line-height:55px; text-align:center; font-size:1.5em; margin-right:10px; font-style:normal}
.about-txt{ padding:3em 15px 6em; height:auto; overflow:hidden;}
.about-txt h4{ color:#d70c25; margin-bottom:1em; font-size:1.5em}
.about-txt p{ font-size:1.2em}
.about-p ol li{ font-size:1.1em}
.about-box{ margin:0 auto 6em; height:auto; overflow:hidden;}
.about-box .nf-6{ padding-bottom:3em;}
.about-box .nf-6 .nf-10,.about-txt .nf-2{ text-align:center}
.about-box .nf-a{ background:#d70c25; display:block; font-weight:bold; padding:8px 0; text-indent:1em; color:#fff;  width:100%; text-align:left;}
.about-box .nf-a a{font-size:1.5em; color:#fff}
.about-txt h5{ padding:0;font-size:2.8em; color:#000; font-style:inherit; font-weight:inherit}
.about-p{ height:auto; overflow:hidden; padding:2em 0px; line-height:2em;}
.about-p h6{ font-weight:bold; color:#000; font-size:1.5em; margin:1em 0}
.about-tab .pane h6{ background:#fdeff5; padding:8px 0; color:#000; font-style: inherit;font-weight: inherit !important; font-size:1.25em; font-weight:bold; text-indent:1em; margin:18px 0}
.about-tab{ height:auto; overflow:hidden; background:#fff; margin:3em auto 6em}
.about-tab .pane{ display:block; font-size:1.2em;}
.about-tab .pane p{ font-size:1em; line-height:1.5em}
.about-tab .hit{ background:#fff; color:#000}
.about-tab li{ background:#fdeff5; color:#d70c25; padding:15px 5px; border:1px solid #ddd; margin-left:-1px; border-top:none; border-right:none; font-size:1.5em; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width:33.3%}
.about-tab .pane strong{ background:url(../images/ico.png) -290px 3px no-repeat; padding-left:.7em; font-size:1.25em; color:#000; margin-bottom:10px; display:table}
.about-tab .pane h2{font-size:1.2em; margin:10px 0; color:#000}
.about-txt-div{ height:auto; overflow:hidden}
.about-txt-div .nf-4 img{ width:100%}
.history-tab{ margin:3em auto; background:#f6f6f6; height:auto; overflow:hidden; padding:0 0 2em 0;}
.history-tab ul li{ background:#fdeff5; max-width:25%; min-width:73px; text-align:center; padding:15px;border:1px solid #ddd; margin-left:-1px; font-size:1.2em; font-weight:bold; border-top:none; color:#d20e26}
.history-tab .hit{ background:#f6f6f6;  border-bottom:none; color:#000}
.about-nav hr{border:none; border-top:#d2d2d2 solid 1px;}
.about-nav a{ border-top:1px solid #d2d2d2; border-left:5px solid #d2d2d2; height:50px; line-height:50px; width:100%; display:table; font-size:1.25em; text-indent:1em;}
.about-nav a:hover,.about-nav .hit{border-left:5px solid #ed1c24; background:#eee;}
/*时间轴样式开始*/

/* -------------------------------- Modules - reusable parts of our design-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;max-width: 1170px;margin: 0 auto;}
.cd-container::after {/* clearfix */content: '';display: table;clear: both;}

/* -------------------------------- Main components -------------------------------- */

#cd-timeline {position: relative;padding:0 0 2em 0;margin-top: 2em;margin-bottom: 2em;
}
#cd-timeline::before {/* this is the vertical line */content: '';position: absolute;top: 0;left: 2px;height: 100%;width: 2px;background: #a09a9b;}
.panes #cd-timeline::before {/* this is the vertical line */content: '';position: absolute;top: 0;left: 2px;height: 100%;width: 1px;background: #d4d6d5;}
@media only screen and (min-width: 979px) {
	
  #cd-timeline {margin-top: 3em;margin-bottom: 3em;}
  #cd-timeline::before {left: 20%;margin-left: -2px;}
  .panes #cd-timeline::before {left: 20%;margin-left: 0px;}
}

.cd-timeline-block {position: relative;margin: 2em 0;}
.cd-timeline-block:after {content: "";display: table;clear: both;}
.cd-timeline-block:first-child {margin-top: 0;}
.cd-timeline-block:last-child {margin-bottom: 0;}
@media only screen and (min-width: 979px) {
.cd-timeline-block {margin: 0em 0;}
.cd-timeline-block:first-child {margin-top: 0;}
.cd-timeline-block:last-child {margin-bottom: 0;}
.panes .cd-timeline-img {position: absolute;border-radius: 50%;box-shadow: 0 0 0 4px white, inset 10px 2px 10px rgba(224, 110, 125, 1), 2px 2px 5px 5px rgba(224, 110, 125, 1);}
}
.panes .cd-timeline-img{ top:1.5%}
.cd-timeline-img {position: absolute;top: 50%;left: 0;width: 6px;height: 6px;border-radius: 50%;}
.cd-timeline-img img {display: block;width: 24px;height: 24px;position: relative;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;}
.cd-timeline-img.cd-picture {background: #a09a9b;}
.panes .cd-timeline-img.cd-picture {background: #ce0620;}
.cd-timeline-img.cd-movie {background: #a09a9b;}
.cd-timeline-img.cd-location {background: #a09a9b;}
@media only screen and (min-width: 979px) {
  .cd-timeline-img {width: 6px;height: 6px;left: 20%;margin-left: -4px;
  /* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
  .panes .cd-timeline-img{margin-left: -2px;}
  .cssanimations .cd-timeline-img.is-hidden {visibility: hidden;}
  .cssanimations .cd-timeline-img.bounce-in {visibility: visible;-webkit-animation: cd-bounce-1 0.6s;-moz-animation: cd-bounce-1 0.6s;animation: cd-bounce-1 0.6s;}
}
.cd-timeline-content {position: relative;margin-left: 20px;border-radius: 0.25em;padding: 0em;}
.cd-timeline-content:after {content: "";display: table;clear: both;}
.cd-timeline-content h2 {color: #fff;background:#cd091f; height:90px; float:left; width:25%; padding:20px 5px; text-align:left}
.panes .cd-timeline-content h2 {color: #404042; background:none;  float:left; width:100%; padding:0; height:auto; overflow:hidden; text-align:left}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {font-size: 13px;font-size: 0.8125rem; }
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {display: inline-block;}
.cd-timeline-content p {height:90px; padding:20px 15px; width:75%; float:left;line-height: 1.6; background:#959595; color:#fff}
.panes .cd-timeline-content p {height:auto; width:100%; overflow:hidden; float:left;line-height: 1.6; background:none; color:#666; text-indent:0; padding:5px 0 0px}
.cd-timeline-content .cd-read-more {float: right;padding: .8em 1em;background: #acb7c0;color: white;border-radius: 0.25em;}
.no-touch .cd-timeline-content .cd-read-more:hover {background-color: #bac4cb;  }
a.cd-read-more:hover{text-decoration:none; background-color: #424242;  }
.cd-timeline-content .cd-date {float: left;padding: .8em 0;opacity: .7;}
.cd-timeline-content::before {content: '';position: absolute;top: 46%;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid #cd091f;}
.panes .cd-timeline-content::before {content: '';position: absolute;top: 46%;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right:none;}

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {font-size: 20px;font-size: 1.5em; line-height:1.25em}
  .cd-timeline-content p {font-size: 14px;font-size: 1.25em;}
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {font-size: 14px;font-size: 0.875rem;}
}
@media only screen and (min-width: 979px) {
  .cd-timeline-content {margin-left: 0;width: 45%;}
  .panes .cd-timeline-content {margin-left: 0;width: 75%;  float:right; border-bottom:1px solid #ddd; padding-bottom:2em; margin-bottom:2em;}
  .cd-timeline-content::before {top: 46%;left: 100%;border-color: transparent;border-left-color: #cd091f ;}
  .cd-timeline-content .cd-read-more {float: left;}
  .cd-timeline-content .cd-date {position: absolute;width: 100%;left: 122%;top: 6px;font-size: 16px;font-size: 1rem;}
  .cssanimations .cd-timeline-content.is-hidden {visibility: hidden;}
  .cssanimations .cd-timeline-content.bounce-in {visibility: visible;-webkit-animation: cd-bounce-2 0.6s;-moz-animation: cd-bounce-2 0.6s;animation: cd-bounce-2 0.6s;}
  .cd-timeline-content > img{ float:left;}
}

@media only screen and (min-width: 979px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@media only screen and (max-width: 978px) {
	.tabPanel .tab-icon{ width:100% !important;}
	.tabPanel .tab-icon img{ margin:0 auto}
	.tabPanel ul{ width:100% !important}
	.panes-time{ margin-top:20px;}
	}
@media screen and  (min-width: 641px) and (max-width:979px){ 
	.panes-time p{ width:60% !important}
}
@media screen and  (max-width: 641px) {
	.panes-time p{ width:100% !important}
	.pane-txt h4{ border-bottom:2px solid #000}
	.pane-txt-tit{ border-bottom:none}
	.history-tab ul li{ padding:15px 0 !important}
	} 

@media only screen and (min-width: 979px) and (max-width: 1199px){
	.cd-timeline-content p{ padding:6px 15px 6px 0 !important}
	}
@media only screen and (min-width: 979px){
	.time-left h2 {float: right;}
	}
/*时间轴样式结束*/


/*search*/
.seach-box .resources-search{ border-bottom:1px solid #c8c5c4; padding-bottom:3%; padding-top:3%;}
.seach-box .resources-search .searchtext{ width:70%}
.seach-box .resources-search div label{ font-weight:normal; font-size:14px;}
.resources-search {height: auto; padding:3em 0;overflow: hidden; background:#f7f7f7}
.resources-search div label{ float:left; font-size:18px; font-weight:bold; height:45px; margin-right:3%}
.resources-search .searchtext{ border:1px solid #959595; border-right:none; height:45px; width:90%}
.resources-search .searchsub{ background:#d70c25;  width:10%; border-left:none;height:45px; color:#fff; font-size:1.5em}
.resources-search select{ border:1px solid #979291; width:40%; height:33px; line-height:33px; }
.resources-box.seach-box{ padding:4em 0; height:auto; overflow:hidden;}
.search-res{ height:auto; overflow:hidden;}
.search-res .nf-2 h4{ font-size:2em; color:#000; margin-bottom:1.5em}
.search-res .nf-8 h5{ font-size:1.3em; font-weight:inherit; margin-bottom:2.4em; color:#484748}
.search-res .nf-8 h5 strong{ font-weight:bold}
.search-nav{ height:auto; overflow:hidden; margin-bottom:7px;}
.search-nav h5{ color:#d70c25; font-size:1.5em; margin-bottom:1em;} 
.search-nav a{ width:100%; float:left; padding:12px; background:#eee; margin-bottom:10px; border:1px solid #bfbfbf; color:#484748; font-size:1.3em}
.search-nav a span{ color:#9fa0a0; font-family:Arial, Helvetica, sans-serif; font-size:.8em; margin-left:5px;}
.search-nav a:hover,.search-page-list a:hover p,.search-page-list a:hover h2{ color:#d70c25}
.search-nav a.hit{ border:1px solid #d70c25;color:#d70c25}
.search-res hr{ border-bottom:1px solid #e5e5e5; margin-bottom:2em}
.search-page-list li{ width:100%; display:table; margin-bottom:4em}
.search-page-list h2{ font-weight:inherit; font-size:2em; color:#484748; line-height:1em; margin-bottom:10px;}
.search-page-list h2 strong{ font-weight:bold }
.search-page-list p{ color:#484748; font-size:1.2em; font-weight:bold}
/*rc*/
.j1,.j2,.j3,.j4,.j5{ color:#000}
.j1{ float:left; width:34%;}
.j2{ width:15%; float:left;}
.j3,.j4{ width:13%; float:left;}
.j5{ width:16%; float:left;}
.rc-box{ height:auto; overflow:hidden;}
.rc-box{ background:#fff; padding-bottom:6em}
.rc-box-tit{ height:79px; width:100%; background:url(../images/rc_box_tit.jpg) repeat-x left top; line-height:79px; border-bottom:1px solid #b1b1b1}
.rc-box-tit span{ font-size:1.2rem; font-weight:bold; text-align:center}
.rc-box-info h5{ text-align:center; background:#fff url(../images/rc.png) center right no-repeat; border-bottom:#e2e1e1 1px solid; display:table; padding:8px 0; width:100%; font-size:1.2em; font-weight:normal}
.rc-box-info h5:hover{ background:#f7f8f8 url(../images/rc1.png) center right no-repeat; color:#da0432}
.rc-box-info .rc-txt{ width:100%; margin:0 auto; padding:20px 30px;border-bottom:#e2e1e1 1px solid;}
.rc-txt font{ font-weight:bold; margin: 0 0px 15px; display:table; color:#000}
.rc-txt { font-size:1.2em; line-height:1.5em; }
.rc-txt strong{ background:none; padding-left:5px; }
.rc-txt ul{ height:auto; overflow:hidden;}
.rc-txt li{display:table;border-bottom:#e2e1e1 1px solid;min-height:30px; padding:5px 0; line-height:33px; }
.rc-txt li img{ float:left; margin-top:6px; margin-left:5px; } 
.rc-w1{ width:30%; float:left}
.rc-w2{ width:70%; float:left}
.rc-sub a{ background:#da0432; color:#fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; padding:5px 10px; margin-top:20px; display:table}
.accordion-container .page-paging{ float:none;display: table;text-align: center; width:inherit}
.accordion-container .page-paging a{display: inline;}
/*wap*/
.wap-rc-box h5{ background:#fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; border:1px solid #e2e1e1; margin-top:20px; padding:8px 20px; text-align:left;}
.wap-rc-box h5 .r1{ font-weight:bold; color:#000;font-size:1.2em}
.rc-box-info h5:hover{ background:#fff; color:inherit; cursor:pointer; }
.wap-rc-box .rc-txt{ background:#fff; padding:20px; border-bottom:none}
.wap-rc-box .rc-txt li{ width:100% !important}
.wap-rc-box .accordion .r1{ width:100%; text-align:left; font-weight:bold; text-indent:0em;}
.wap-rc-box .accordion .r1,.web-rc-box .accordion p{ width:100%; text-align:left; text-indent:0em; font-size:14px;}
.wap-rc-box .accordion p{ color:#bbb}
.wap-rc-box .acc_trigger em{ margin:0 5px; font-style:normal}

/*SWT*/
#LR_Tb4 img{ max-width:none}

/*bauma2016*/
#footerPopup{ position: fixed; right: -325px; bottom: 0;}
#footerPopup span{ display: none; font-size: 16px; color:#fff; position: absolute; right: 5px; top: 5px; cursor: pointer;}

.inquiry-questions{ padding:0 !important; height:auto; overflow:hidden;}
.questions-txt{ font-size:1.3em; margin:20px 0 10px}
.inquiry-questions .form-group{ width:100% !important; padding:0 !important; height:55px;}
.inquiry-questions .message-sub{ font-weight:normal; background:#eee !important; color:#000; border:1px solid #bebebe; padding:1.5% 3%}
.sidebar-service{ height:auto; overflow:hidden;}
.sidebar-service li{ background:#e1e1e1;  margin-bottom:5px; font-size:1.25em; height:35px; line-height:35px;}
.sidebar-service li i{float:left; margin-right:10px; height:35px; width:35px;}
.service-phone{ background:url(../images/ico.png) no-repeat -1px -283px}
.service-tel{background:url(../images/ico.png) no-repeat -1px -320px}
.service-email{background:url(../images/ico.png) no-repeat -1px -356px}
.sidebar-service p{ background:#5f5e5f; margin:20px 0; padding:5px}
.sidebar-service p a{ color:#fff; font-size:1.3em; display:table; width:100%}
.sidebar-service p i{ float:right; margin-right:15px;}
.q_area{ color:#fff}