@charset "utf-8";

/* CSS Document */







/*公共样式开始*/



header{ height:80px; background:#fff}

.logo{ width:35%}

.logo,.choose { padding:20px 0 0}

.logo.fl img{ float:left;}

.laugese img{ float:left; margin-left:1em;}

.search{  margin-top:10px; margin-left:10px;}

.searchtext{ height:30px; line-height:30px; float:left; text-indent:0.5em; background:#fff; border:1px solid #898989; }

.searchsub{ width:27px; height:30px; background:url(../images/search.png) center center no-repeat #eaebea;border:1px solid #898989; border-left:none;  }

.foot{ padding:0; background:#404042; height:auto; overflow:hidden;}

.bottom{ background:#006699; padding:5px 0; color:#fff; font-size:14px;}

.bottom a{ color:#fff;white-space: nowrap;

    word-break: keep-all;}

.page{ background:#edecec}

.web-img{ position:relative; margin-bottom:4%;}

.web-img img{ width:100%}

.web-img .Bread-nav{ position:absolute; background: rgba(0, 0, 0, 0.65) !important; /* IE无效，FF有效 */ background:#000;filter: alpha(opacity=65); width:100%; padding:8px 0; text-indent:1em; color:#fff; left:0; bottom:0 }

.web-img .Bread-nav a{ color:#fff;text-overflow: ellipsis; overflow:hidden;

    white-space:nowrap; width}

.web-margin{ margin:0}

.page-tit{ padding:3%; background:#fff; margin-bottom:2%; height:auto; overflow:hidden;}

.page-tit h3{font-size:28px; font-weight:bold;  float:left}

.page-tit span{ float:right}

.article-up,.article-down{ background:#edecec; padding:8px 12px; text-align:center; margin-right:5px;}

.article-list{ background:#3e3e41; color:#fff; padding:8px 12px;}

.last{ margin-right:0 !important}

.contact h4, .contact-msg h4, .pro-tab .pane h4 {font-size: 18px;font-weight: bold;margin-bottom: 20px;width: 100%;}



header .free-tel{ float:right; background:url(../images/tel.png) no-repeat left center; margin-top:20px; padding-left:37px;padding-right: 20px; border-right:1px solid #c3bfbe; margin-right:20px;}

.free-tel font{ text-align:center;line-height:20px}

.free-tel .t1{ font-size:12px; color:#221815;}

.free-tel .t2{ color:#221815; font-size:16px; font-weight:bold;}





/*公共样式结束*/



/*语言选择下拉样式开始*/



.laugese {margin: 7px auto 0; text-align: center;} 

.laugese ul ul {display: none;}

.laugese ul li:hover > ul {display: block;}

.laugese ul {padding: 0;list-style: none;position: relative; z-index:4;display: inline-table;}

.laugese ul:after {content: ""; clear: both; display: block;}

.laugese ul li {float: left;background:#e7e7e8 url(../images/icon17.png) 5px center no-repeat; font-size:12px; min-width:120px;}

.laugese ul li:hover a {color: #fff;}

.laugese ul li a {display: block; color: #757575 !important; text-decoration: none; background:url(../images/icon18.png) 100px center no-repeat; padding:2px 0; }

.laugese ul ul {background: #5f6975; border-radius: 0px; padding: 0;position: absolute; top: 100%;}

.laugese ul ul li {float: none; border-top: 1px solid #6b727c;border-bottom: 1px solid #575f6a; position: relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:none}

.laugese ul ul li a {padding: 5px 10px;color: #fff !important; background:none}   

.laugese ul ul li a:hover {background: #4b545f;}

	

/*语言选择下拉样式结束*/



 /*导航样式开始*/

 .cd-main-content, .cd-main-header {

  /* Force Hardware Acceleration in WebKit */

  -webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);will-change: transform;}

.cd-main-content, .cd-main-header {

  position: relative;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}

.cd-main-content {z-index: 2;}

.cd-main-header {height: 40px;background: #006699;z-index: 3;}

.nav-is-fixed .cd-main-header {

  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */

  position: fixed;top: 0;left: 0;width: 100%;}



.cd-header-buttons {position: absolute;display: inline-block;top: 0;right: 2%;}

.cd-header-buttons li {display: inline-block;}



 .cd-nav-trigger {position: relative;display: block;width: 40px;height: 40px;overflow: hidden;white-space: nowrap;

  /* hide text */color: transparent;z-index: 3;}



.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {

  /* hamburger icon in CSS */

  position: absolute;display: inline-block;height: 3px;width: 24px;background: #fff;}

.cd-nav-trigger span {

  /* line in the center */

  position: absolute;top: 50%;right: 10px;margin-top: -2px;-webkit-transition: background 0.3s 0.3s;-moz-transition: background 0.3s 0.3s;transition: background 0.3s 0.3s;}

.cd-nav-trigger span::before, .cd-nav-trigger span::after {

  /* other 2 lines */

  content: '';right: 0;

  /* Force Hardware Acceleration in WebKit */

  -webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);

  -webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;

  -o-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transition: -webkit-transform 0.3s 0.3s;-moz-transition: -moz-transform 0.3s 0.3s;transition: transform 0.3s 0.3s;}

.cd-nav-trigger span::before {/* menu icon top line */top: -6px;}

.cd-nav-trigger span::after {/* menu icon bottom line */top: 6px;}

.cd-nav-trigger.nav-is-visible span {

  /* hide line in the center */background: rgba(46, 50, 51, 0);}

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {

  /* keep visible other 2 lines */background: #fff;}

.cd-nav-trigger.nav-is-visible span::before {

  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);

  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);

  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);

  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);

  transform: translateX(4px) translateY(-3px) rotate(45deg);

}

.cd-nav-trigger.nav-is-visible span::after {

  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);

  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);

  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);

  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);

  transform: translateX(4px) translateY(2px) rotate(-45deg);

}

@media only screen and (max-width: 767px) {

  .nav-on-left .cd-logo {left: auto;right: 5%;}

  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px);}

  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {-webkit-transform: translateX(260px);-moz-transform: translateX(260px);-ms-transform: translateX(260px);-o-transform: translateX(260px);transform: translateX(260px);}

  .nav-on-left .cd-header-buttons {right: auto;left: 5%;}

  .nav-on-left .cd-header-buttons li {float: right}

  .cd-primary-nav {

    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */

	visibility: hidden;-webkit-transition: visibility 0s 0.3s;-moz-transition: visibility 0s 0.3s;transition: visibility 0s 0.3s;}

  .cd-primary-nav.nav-is-visible {visibility: visible;-webkit-transition: visibility 0s 0s;-moz-transition: visibility 0s 0s;transition: visibility 0s 0s;}

}



.cd-primary-nav, .cd-primary-nav ul {

  position: fixed;top: 0;right: 0;height: 100%;width: 260px;background: #2e3233;overflow:hidden;-webkit-overflow-scrolling: touch;z-index: 2147483647;

  /* Force Hardware Acceleration in WebKit */

  -webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}

.cd-primary-nav a, .cd-primary-nav ul a {

  display: block;height: 50px;line-height: 50px;padding: 0 20px;color: #ffffff;-webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;overflow: hidden;text-overflow: ellipsis;

  white-space: nowrap;border-bottom: 1px solid #3a3f40;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);

  -o-transform: translateZ(0);transform: translateZ(0);will-change: transform, opacity;

  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}

.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {

  /* secondary navigations hidden by default */

  -webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);}

.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {

  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */

  -webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}





.cd-primary-nav .see-all a { display:none;

  /* different style for the See all button on mobile and tablet */

  color: #69aa6f;}

.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {

  /* items with picture (or icon) and title */height: 40px;line-height: 40px;}

.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {overflow: hidden;text-overflow: ellipsis; font-size:14px;}

.cd-primary-nav .cd-nav-gallery .cd-nav-item {padding-left: 40px;}

.has-children-nav .cd-nav-gallery .cd-nav-item{ padding-left:90px;}

.cd-primary-nav .cd-nav-gallery .cd-nav-item img {position: absolute;display: block;height: 40px;width: auto;left: 20px;top: 50%;margin-top: -20px;}

.cd-primary-nav .cd-nav-icons .cd-nav-item {padding-left: 75px;}

.cd-primary-nav .cd-nav-icons .cd-nav-item p {color: #2e3233;font-size: 1.3rem;

  /* hide description on small devices */display: none;}

.cd-primary-nav .cd-nav-icons .cd-nav-item::before {

  /* item icon */

  content: '';display: block;position: absolute;left: 20px;top: 50%;margin-top: -20px;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center center;background-size: 40px 40px;}





.has-children > a, .go-back a {position: relative;}

.has-children > a {padding-right: 40px;}

.has-children > a::before, .has-children > a::after {

  /* arrow goes on the right side - children navigation */

  right: 20px;-webkit-transform-origin: 9px 50%;-moz-transform-origin: 9px 50%;

  -ms-transform-origin: 9px 50%;-o-transform-origin: 9px 50%;transform-origin: 9px 50%;}



.cd-primary-nav .go-back a {padding-left: 40px;}

.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {

  /* arrow goes on the left side - go back button */

  left: 20px;-webkit-transform-origin: 1px 50%;-moz-transform-origin: 1px 50%;-ms-transform-origin: 1px 50%;-o-transform-origin: 1px 50%;transform-origin: 1px 50%;}



@media only screen and (min-width: 768px) {

  .has-children > a::before, .has-children > a::after {right: 15%;}

  .cd-primary-nav > .has-children > a {

    /* main navigation arrows on larger devices */

    padding-right: 30px !important;}



  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {

    /* remove arrows on secondary nav titles */

    display: none;}



  .cd-primary-nav .go-back a {padding-left: 20px;}

  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {left: 1px;}

}

 /*导航样式结束*/





/*PC导航样式开始*/

/*导航下拉菜单*/



#header{width:100%;margin:0px auto; height:40px; background:#006699}

.pc-nav{ display:block;  margin:0 auto; height:40px; position:relative;}

.pc-nav .jquery_out {float:left;line-height:32px;display:block; border-right:1px solid #fff; text-align:center; color:#fff;font:18px/32px "微软雅黑";}

.pc-nav .jquery_out .smile {padding-left:1em;}

.pc-nav .jquery_inner {margin-left:16px;}

.pc-nav .jquery {margin-right:1px;padding:0 2em;}

.pc-nav .mainlevel {background:#006699; float:left;  width:10%;/*IE6 only*/ position:relative}

.pc-nav .mainlevel a {color:#ffffff; text-decoration:none; line-height:40px; display:block; text-align:center; width:100%;}

.pc-nav .mainlevel:hover {color:#fff; text-decoration:none;background:#003366; color:#fff;}

.pc-nav .mainlevel ul {display:none; position:absolute;background: rgba(0, 0, 0, 0.85) !important; /* IE无效，FF有效 */ background:#000;   filter: alpha(opacity=85); position:absolute; width:100%; z-index:3; padding-top:5%}

.pc-nav .mainlevel li { width:100%;/*IE6 only*/}

.mainlevel.pro-nav p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }

.pc-nav .mainlevel li a:hover{ background:none}

.pro-nav{ position:static !important}

.pro-nav ul{ left:0; z-index:10}

.pro-nav li{ float:left; width:20% !important; margin:0 0 5%}





/*pc导航样式结束*/











/*底部样式开始*/



.foot h5{ color:#fff; font-size:18px; font-weight:800;  padding:0 0 15px; margin:0 8%;}

.foot-link1 ul, .foot-link2 ul, .foot-link3 ul, .foot-link4 ul{  margin:0 8%; padding:10px 0 }

.foot-link2 li{ float:left; width:50%; margin-bottom:12px;}

.foot-link1{ float:left; width:15%;  padding:25px 0; min-height: 265px;}

.foot-link2{ float:left; width:35%; padding:25px 0; min-height: 265px; }

.foot-link3{ float:left; width:34%; padding:25px 0; min-height: 265px; }

.foot-link4{ float:left; width:16%;padding:25px 0; min-height: 265px;}

.foot-link4 li{ margin-bottom:15px;}

.foot a{ color:#fff; font-size:12px;}

.foot-link1 li{ float:left; width:100%; margin-bottom:12px;}

.foot-link3 li{ float:left; width:100%; margin-bottom:5px; color:#fff; font-size:12px;}

.foot-link3 img{ float:left; margin-right:12px; text-align:center}

.foot-link1 img{ float:left; margin-right:8px;}

.foot-link3 .tel{ font-size:18px; height:34px; line-height:34px; color:#fff; font-family:Arial, Helvetica, sans-serif}

.foot-link3 .free-tel{font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif; height:30px; line-height:30px; font-weight:bold}

.foot-link3 li a{ font-size:14px;}

/*底部样式结束*/



/*banner样式开始*/

/* Browser Resets */

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {display: block;}

.flexslider .slides .new-img img {width: 100%;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

*********************************/

.flexslider {margin: 0; background: #fff;  position: relative;  zoom: 1;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}



.carousel li {margin-right: 5px}





/* Direction Nav */

.flex-direction-nav a {width: 40px; height: 60px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; z-index: 10;}

.flex-direction-nav .flex-next {background-position: 100% 0; right: 50px; }

.flex-direction-nav .flex-prev {left: 50px;}

.flexslider:hover .flex-next {opacity: 0.8;}

.flexslider:hover .flex-prev {opacity: 0.8;} 

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}

.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center;}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 8px; height: 8px; display: block; border-radius:50%; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px;  box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}

.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }

.flex-control-paging li a.flex-active { background: #be182e; background: rgba(190, 24, 46, 1) none repeat scroll 0 0; cursor: default; }



.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .active {opacity: 1; cursor: default;}



@media screen and (max-width: 860px) {

  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}

  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

}

/*banner样式结束*/





/*网站推荐内容样式开始*/

.section-bg{ background:#e6e6e6; height:auto; overflow:hidden; padding:4.5em 0}

.main-box-tit{ text-align: center; margin-bottom:5%}

.m2{ font-size:30px; font-weight:bold; color:#006699}

.m3{ margin:20px 0; font-size:18px;}

.m4{ margin-bottom:20px}

.main-box{  border-style: solid;border-width:0 10px 0 10px;border-color: transparent;}

.main-box-img{ position:relative}

.main-box-img img{ width: 320px;height: 200px;}

.main-box-p{background: #006699 none repeat scroll 0 0;

    border-bottom: 1px solid transparent;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);

    box-sizing: border-box;

    padding:10px;

    text-align: center;

    transition: border-color 0.3s ease-in-out 0s;

}

.main-box-p span a{ color:#fff; font-size:18px; font-weight:bold; line-height:36px}

.main-box-p p{ font-size:14px; color:#fff;letter-spacing:1px;}

.main-box-p p font{ color:#006699; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

.main-box-img .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.main-box-img .info{bottom:0;right:0;background:#333;background:rgba(0,0,0,0.6);opacity:0;filter: alpha(opacity=0);-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.main-box-img a:hover .info{opacity:1;filter: alpha(opacity=1);}

.main-box-img .info-back{ position:absolute; left:30%; top:22%}

/*网站推荐内容样式结束*/





/*网站新闻样式开始*/



.new{padding:5% 0; height:auto; overflow:hidden;}

.new-left{ position:relative}

.new-left .flex-viewport{ margin:15px 0 0}

.new-left .flex-control-paging li a{ background:url(../images/m2.png) no-repeat; width:40px; height:40px;box-shadow: none}

.new-left .flex-control-paging li a.flex-active,.new-left .flex-control-paging li a:hover {background:url(../images/m3.png) no-repeat;}

.new-left .flex-control-nav{ bottom:-20px}

.talk ol, .product ol{ display:none;}

.new-left .flex-direction-nav{ position:absolute; right:0; top:-40px; display:none}

.new-left .flex-direction-nav a{ margin:0; background:url(../images/icon5.png) no-repeat; height:15px; width:59px;}

.new-left .flex-prev{ display:none}

.new-left .flex-next{ right:0}

.new-img{ position:relative; float:left;width:50%}

.new-img .time{ position:absolute; left:0; bottom:0; float:left; z-index:2}

.box{font-size:0;letter-spacing:-0.5em;text-align:justify;text-justify:distribute-all-lines; /* for ie */width:100%;margin:0px auto;padding:0;}

.box:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}

.box .m5{ width:50%}

.box .m5 .new-img,.box .m5 .new-txt{ width:90%; float:left}

.box .m5 .txt{ margin:0}

.box .m6{ width:100% !important}

.box .m6 .txt-tit{ border-bottom:none}

.box li{display:inline-block;vertical-align:top;letter-spacing:normal;*display:inline;*zoom:1;width:100%;font-size:12px; text-align:left;}

.time {background-color: #006699;color: #fff;float: left;font-family: Arial;height: 60px;text-align: center;width: 60px;margin-right:12px;}

.time .day {display: block;font-size: 26px;font-weight: bold;line-height: 1;padding-top: 7px;}

.txt-tit{color: #000;font-size: 22px;font-weight:bold;height: 40px;line-height: 22px;margin-bottom: 10px; border-bottom:1px solid #c8c5c4; float:left; width:100%;}

.box .txt{color: #000;line-height: 22px;overflow: hidden;margin-top:12px;text-indent:2em;}

.new-txt{ float:right; width:48%}

.rec{ background:url(../images/m4.png) bottom right no-repeat; width:100%; overflow:hidden; height:auto; margin:10px 0; float:left}

.rec-img{ float:left; width:48%}

.rec-txt{ float:right; width:45%}

.rec-txt p{ margin-bottom:8px}

.rec-txt span{ font-weight:bold; float:left;}

.rec-txt p img{ float:left; margin-top:5px;}

.new-txt h2{ font-size:14px; font-weight:bold}

.new-txt .txt a{ float:right; background:#006699; color:#fff; padding:2% 8%; text-indent:0}

.new-right{ width:35%; position:relative; padding-top:15px}

.new-right .talk{ margin-top:15px;}

.talk li div{ border:1px solid #9e9a98; padding:0px 12px;}

.talk li div strong a{ font-size:12px; color:#333}

.talk li div p a{ font-size:12px; line-height:24px;color:#333}

.talk .flex-direction-nav{ position:absolute; right:0; top:-15px;}

.talk .flex-direction-nav a {background: url("../images/talkbg.png") no-repeat;cursor: pointer;display: block;height: 18px;margin: -20px 0 0;position: absolute;text-indent: -9999px;width: 19px;z-index: 10;}

.talk .flex-prev{right:19px; left:inherit}

.talk .flex-next{right:0;background-position:bottom right !important;}

.talk .flex-prev a{ background-position:top left; }

.talk .flex-prev:hover{ background:url(../images/talkleft.png) top left no-repeat}

.talk .flex-next:hover{ background:url(../images/talkright.png) top right no-repeat}



.news-voide h6{ margin:15px 0;}

.voide-box{font-size:0;letter-spacing:-0.5em;text-align:justify;text-justify:distribute-all-lines; /* for ie */width:100%;margin:0px auto;padding:0;}

.voide-box:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}

.voide-box li{display:inline-block;vertical-align:top;letter-spacing:normal;*display:inline;*zoom:1;width:70%;margin:13px 0;height:120px;background:#000;}







/*新闻内容图片开始*/

.news-img2{ float:left; width:50%; text-align:center; margin:20px auto}/*两张图并排样式*/

.news-img3{ float:left; width:33.3%; text-align:center; margin:20px auto}/*三张图并排样式*/

.news-img4{float:left; width:25%; text-align:center; margin:20px auto}/*四张图并排样式*/

.news-img2 span,.news-img3 span,.news-img4 span{ color: #fff;display: block;margin: 0 auto;padding: 5px 0;text-align:center;/*图片下面文字描述样式*/

/*max-width: 300px; 最大宽度以图片宽度为准 直接写在内容样式里*/

/*background: #000 none repeat scroll 0 0; 图片文字描述背景以该文章图片下面背景为准 直接写在内容样式里面*/

}

@media only screen and (max-width: 640px) {

.news-img2,.news-img3,.news-img4{ width:100%;}/*触屏移动端 两张图 三张图样式*/

}

/*新闻内容图片结束*/

/*相关产品 相关资讯样式开始*/

.pro-about{ font-size:18px; font-weight:bold; color:#595757; margin:4% 0 0;padding-bottom: 3%;border-bottom:1px solid #c8c5c4}

.pro-about-list{ margin:5px auto 0; display:table}

.pro-about-list a{ float:left; width:100%; border-bottom:1px solid #c8c5c4; padding:10px 0}

.bx-wrapper {position: relative;padding: 3% 0 0;*zoom: 1;}

.bx-wrapper img {max-width: 100%;display: block;}

.bx-wrapper .bx-pager {	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-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;}

/*相关产品 相关资讯样式结束*/





/*网站新闻样式结束*/





/*首页服务中心样式开始*/

.section-service{ position:relative;}

.m8{ position:absolute; max-width:none}

.service-link{ position:relative; z-index:1; width:65%; margin:3% auto; height:auto; overflow:hidden;}

.service-link h4{ font-size:24px; font-weight:bold; text-align:center; margin-top:3%; background:url(../images/a2.png) no-repeat center center;}

.service-link li{ float:left; width:16.6%; text-align:center; margin:3% 0}

.service-link li div{ width:85px; margin:0 auto}

.service-link li div a{ background:url(../images/a3.png) no-repeat; height:85px; width:85px; display:table }

.service-link li div img{ margin-top:28%;}

.service-link li .on a{ background:url(../images/a4.png) no-repeat !important;}

.service-link li div a:hover{ background:url(../images/a4.png) no-repeat;}

/*首页服务中心样式结束*/





/*产品中心页面样式开始*/

.product{ max-height:390px;}

.product img{ max-height:390px;}

.product .flex-prev{ left:-50px;}

.product .flex-next{ right:-50px;}

.pro-box{ width:100%; float:left}

.pro-box .pro-img{ background:none !important}

.pro-info{ float:left; width:50%; height:auto; background:#006699}

.pro-img{ float:left; width:50%; height:auto; background:url(../images/proimgbg.png) no-repeat left 30%; position:relative;}

.pro-icon{ position:absolute; left:0; top:30%; z-index:2}

.pro-no{ background:url(../images/probg.png) no-repeat center 25px #006699; font-family:Arial, Helvetica, sans-serif; font-size:48px; float:left; width:100%; height:140px; text-align:center; line-height:172px; color:#fff}

.pro-tit{ width:100%; text-align:center;height:140px; line-height:140px; float:left; }

.pro-tit a{ color:#fff; border:2px solid #fff; padding:2px 5px;}

.pro-line{ background:#fff;height:110px; width:100%; float:left; text-align:center;  line-height:110px;}

.pro-line a{ color:#000; font-size:18px; border-bottom:1px solid #006699 }





.owl-pagination{ display:none}

.owl-controls .owl-prev {left: -50px;position: absolute;top: 40%; cursor:pointer; background:url(../images/proleft.png) no-repeat}

.owl-controls .owl-next {position: absolute;right: -50px;top: 40%; cursor:pointer; background:url(../images/proright.png) no-repeat}

/* display none until init*/

.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}

.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left;}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{ display:none;}





.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px; width:34px; height:33px; font-size:0;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}

.owl-theme .owl-controls .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}

/*产品中心分类导航开始*/

.page-nav{}

.page-nav ul{  display:flex;}

.page-nav li{background:#404042; width:25%; float:left; text-align:center; font-size:12px;padding:10px 0; position:relative; border-right:1px solid #707071}

.page-nav li a{ color:#fff;display: list-item;}

.page-nav li i{ font-style:normal; line-height:48px;}

.page-nav li:hover,.page-nav li.on{ background:#006699}

.page-nav li span{top: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-top-color: #006699;border-width: 8px;left: 50%;margin-left: -8px;}

/*产品中心分类导航结束*/



/*产品分类样式开始*/



.product-tit{ width:36%; float:left; padding:5% 6.5%; background:#fff; height:326px;}

.product-tit h2{ font-size:24px; font-weight:bold}

.product-tit p{ border-bottom:1px solid #c8c5c4; width:100%; float:left; margin:7% 0 10%; padding-bottom:7%; line-height:28px;}

.product-tit a{ background:#006699; padding:5% 10%; color:#fff; float:left; }

.product-tit-img{ width:64%; float:right; background:#fff; height:326px;}

.pro-adv{ border-top:40px solid #dadada;  position:relative;  padding:35px 0 0; margin:10px auto 30px; height:auto; overflow:hidden}

.pane .pro-adv{border:none; padding:0; margin:0}

.pro-adv-fl{ float:left; width:37%; position:absolute; left:0; z-index:12}

.pro-adv-fr{ float:right; width:37%; text-align:right; position:relative; z-index:12}

.pro-adv-fl li h4,.pro-adv-fr li h4,.pro-adv-fl dd h4,.pro-adv-fr dd h4{ font-size:18px; font-weight:bold;}

.pro-adv-fl li h4 span, .pro-adv-fr li h4 span,.pro-adv-fl dd h4 span, .pro-adv-fr dd h4 span{border-radius: 50%;width: 25px;height: 25px; line-height:25px; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; vertical-align:middle; color:#fff; margin-right:8px; }

.pro-adv-fl li p span,.pro-adv-fr li p span,.pro-adv-fl dd p span,.pro-adv-fr dd p span{border-radius: 50%;width: 25px;height: 25px; line-height:25px; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; vertical-align:middle; color:#fff; margin-right:8px; }

.pro-adv-fr li h4,.pro-adv-fr dd h4{ width:auto; overflow:hidden; float:right;}

.pro-adv-fr li h4 span,.pro-adv-fr dd h4 span{ float:left;}

.pro-adv-fl li p,.pro-adv-fl dd p{ font-size:14px; padding:10px 0 10px 0px;}

.pro-adv-fr li p,.pro-adv-fr dd p{ font-size:14px; width:100%; float:left; padding:0 0 10px; }

.pro-adv-fl li,.pro-adv-fr li,.pro-adv-fl dd,.pro-adv-fr dd{ border-bottom:1px dashed #b3afaf; line-height:28px; padding:3px 0; height:auto; overflow:hidden;}

.pro-adv-fl li font,.pro-adv-fr li font,.pro-adv-fl dd font,.pro-adv-fr dd font{ font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.pro-adv-c{ width:26%; float:left; margin-top:20px; margin-left:37%}

.pro-list{ margin-bottom:40px; margin-top:20px;}

.pro-list .info-back{background: #006699 none repeat scroll 0 0;border-radius: 50%;color: #fff;font-size: 48px;height: 50px;left: 40%;line-height: 40px;position: absolute;text-align: center;top: 35%;width: 50px; display:none}

.pro-list span a{ color:#000; float:left; width:100%; border:1px solid #9e9a98; font-size:14px; font-weight:400; margin-bottom:25px;}

.pro-list .main-box-p{ padding:30px 10px; height:auto; overflow:hidden; background:#fff}

.pro-list .main-box-p p a{ color:#000; padding:3px 5px; border:1px solid #fff}

.pro-list span:hover a,.pro-list .main-box-p p:hover a{ color:#fff; border:1px solid #fff}

.pro-list:hover .main-box-p { background:#006699;transition:all 1.5s ease-in-out 0s; cursor:pointer}

.pro-list:hover .main-box-p a{ color:#fff; border:1px solid #fff}





/*产品分类样式结束*/





/*产品详情页面开始*/



.pro-page{ margin:3% 0; height:auto; overflow:hidden}

.pro-page-img{ float:left; width:50%; border:1px solid #756e6c; position:relative;}

.p—s{ position:absolute; right:0; bottom:0}

.pro-page-img:hover .p—s { display:none;}

.pro-page-img:hover .p_bg{ width:100%; height:100%; float:left; position: absolute; top:0; left:0; background:#000; filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */opacity: 0.5;display: block;}

.pro-page-img:hover .p_bq_icon{ background:url(../images/search1.png) center center no-repeat; width:27px; height:27px; position:absolute; display:block}

.pro-page-img:hover .p_bq_icon{ left:50%; top:45%; margin-left:-26px;}



.pro-page-info{ float:left; width:50%; padding:0% 0 0 5%}

.pro-page-info h1{ font-size:22px; font-weight:bold; margin-bottom:3%; line-height:30px}

.pro-page-info .cateby{ padding:3% 0; border-bottom:1px dashed #d8d7d7; border-top:1px dashed #d8d7d7;}

.pro-page-info .tel{ margin:5% 0; border-bottom:1px dashed #d8d7d7; padding-bottom:5%; height:auto; overflow:hidden}

.pro-page-info .tel .zx{ float:left; margin-right:5%;}

.pro-page-info .tel .tel-btn{ float:left;}

.pro-page-info .bshare-custom p{ float:left;}

.pro-tab .tabPanel ul{ width:100%; border-bottom:5px solid #dadada; margin-top:0; height:60px;}

.pro-tab .tabPanel ul li{ margin:0; width:18%; background:#dadada; padding:0; line-height:60px; height:60px; font-size:18px; font-weight:bold; color:#000; border-right:1px solid #fff}

.pro-tab .tabPanel .hit{ background:#404042; color:#fff;border-bottom:5px solid #006699; border-right:1px solid #fff}

.pro-tab .panes{ padding:4% 0}



.pro-char table{ border:none;table-layout:fixed}

.pro-char table tr{ background:none !important; border-bottom:1px solid #aba9a8;border-top:1px solid #aba9a8}

.pro-char table td{ vertical-align:middle; border:none; padding:10px;overflow:hidden;word-break:break-all;  }

.pro-char .char-a { width:17%; background:#006699;font-size:24px; color:#fff; line-height:36px;text-align:center;}

.char-c,.char-d{ width:17%; !important; text-align:center}

.char-e{ width:17%; text-align:center}

.pro-char .char-a1{ background:#404042; } 

.pro-char-box{border-bottom:1px solid #aba9a8; height:auto; overflow:hidden;}

.pro-char .char-b{ text-align:left; line-height:30px; }

.pro-char .char-a,.pro-char .char-b,.pro-char .char-c,.pro-char .char-d,.pro-char .char-e{ border-right:1px solid #aba9a8;}

.pro-char .char-a p,.pro-char .char-a1 p{ font-size:18px; font-weight:bold;}

.pro-char .char-b span{ font-size:16px; font-weight:bold; width:100%; float:left;}

.char-f{  width:25%; float:left; border-right:1px solid #aba9a8}

.pro-char .char-f p{font-size:12px; font-weight:normal; line-height:24px}



/*产品详情导航下拉样式开始*/

.pro-select{ margin:3% auto 0; width:100%; height:auto; overflow:hidden;}

.pro-select-list{}

.pro-select-list select{padding:1px; border:1px solid #898989;  width:230px; float:left; font-size:12px; margin-top:7px; margin-top:6px}

.pro-select-list option{padding:1px;}

.pro-select-link{ float:left; overflow:hidden;text-overflow:ellipsis;write-space:nowrap; width:77%; margin-left:2%}

.pro-select-link a{ margin:0 1%; height:29px; line-height:29px; font-size:12px;white-space: nowrap;word-break: keep-all;}

.pro-select-link a:hover {color: #006699;}

/*产品详情导航下拉样式结束*/



/*产品详情页面结束*/



/*产品需求定制样式开始*/

.pro-vip{ display:table; margin:2% auto 0; width:100%}

.pro-vip li,.pro-vip dd{ width:16.666%; float:left; text-align:center; padding:25px 0; min-height:243px;}

.pro-vip li img, .pro-vip dd img{ margin:0 auto 15px;}

.pro-vip li a,.pro-vip dd a{ font-size:16px; color:#000}

.pro-vip li a span,.pro-vip dd a span{ float:left; width:100%}

/*产品需求定制样式结束*/



/*人力资源样式开始*/



.resources a{ width:20% !important}

.resources-box{ height:auto; overflow:hidden; padding:3% 4%; background:#fff; margin-bottom:4%}

.resources-box-info td{ border-bottom:5px solid #fff}

.resources-box-info .s4{ background:#c0c4c7; color:#3e3a39; font-size:24px; font-weight:bold; line-height:36px;}

.resources-box-info .s5{ background:url(../images/rl/tdbg.jpg) right top repeat-y #edecec}

.resources-box-info .s6{ background:#006699; color:#fff; }

.resources-box-info .s7{ background:#edecec}



.resources-box-info .accordion{ margin-bottom:5px;}

.resources-box-info .accordion h5{ float:left; text-indent:.5em; font-size:14px;}

.resources-box-info .accordion h5 span,.resources-box-info .folding-txt font{ float:left; color:#006699; font-size:16px; font-weight:bold; margin-right:8px;}

.resources-box-info .accordion .fa {font-family: "Times New Roman",Helvetica,sans-serif;font-size: 26px;font-weight: bold;width: 24px;height:24px; line-height:24px}

.resources-box-info .accordion-desc{ padding:0}

.resources-box-info .folding-txt{ border:none; border-bottom:1px solid #918b8a; margin:0 0 10px}



.resources-search {height: auto;margin-bottom: 3%;overflow: hidden;}

.resources-search div{ float:left; width:50%; height:35px; line-height:35px;}

.resources-search div label{ float:left; font-size:18px; font-weight:bold; height:35px; margin-right:3%}

.resources-search .searchtext{ border:1px solid #979291; height:35px; width:40%}

.resources-search .searchsub{ background:url(../images/s1.gif) center center no-repeat #edecec; border:1px solid #979291; width:44px; border-left:none;height:35px;}

.resources-search select{ border:1px solid #979291; width:40%; height:33px; line-height:33px; }



.resources-op{ background:#edecec; border-bottom:3px solid #bd2b40; padding:2% 0; text-align:center; font-weight:bold; height:auto; overflow:hidden;}

.job-box{ text-align:center}

.job-box .folding-txt{ text-align:left;}

.job-box .folding-txt font{ width:100%; color:#000}

.job-box .accordion{ background:#fff; border-bottom:1px solid #918b8a}

.j1{ float:left; width:34%;}

.j2{ width:15%; float:left;}

.j3,.j4{ width:13%; float:left;}

.j5{ width:16%; float:left;}



.resources-hr{background:#dedede; height:auto; overflow:hidden; margin-top:3%}

.resources-hr img{ float:left;}

.hr-add{padding:4% 0 0% 2%; float:left}



/*人力资源样式结束*/



/*搜索样式开始*/



.seach-box .resources-search{ border-bottom:1px solid #c8c5c4; padding-bottom:3%}

.seach-box .resources-search div{ width:30%}

.seach-box .resources-search .searchtext{ width:70%}

.seach-box .resources-search div label{ font-weight:normal; font-size:14px;}

.search-res ul{ margin-top:3%;border-top:1px solid #c8c5c4; padding-top:3%}

.search-res h2{ font-size:14px; font-weight:bold;}

.search-res h2 font{ color:#006699; margin-right:1%}

.search-res ul li{border-bottom:1px solid #c8c5c4; padding:1.5% 0}



/*搜索样式结束*/





/*产品地图分布样式开始*/

.pro-map{ padding:5px 0 0}

.pro-map-tit{ text-align:center; width:100%; position:relative; font-size:30px;}

.map-tit-line{ position:absolute; top:50%; height:3px; width:30%; background:#000}

.pro-map-box img{ margin:30px auto}

.accordion {position: relative;background-color: #dadada;display: inline-block;width: 100%;color: #000;vertical-align: middle;cursor:pointer;border-bottom:1px solid #e2e1e1; padding:8px 0;}

.accordion .fa {position: relative;float: right;border-radius:50%; height:20px; width:20px; line-height:20px; text-align:center; font-family:Arial, Helvetica, sans-serif; background:#006699; color:#fff; font-size:18px; right:8px}

.accordion h4 {position: relative;margin: 0;font-size: 14px;text-indent:1em; float:left; width:75%;}

.accordion a {position: relative;display: block;color: #74777b;padding: 1em 1em 2.5em 1em;text-decoration: none;}

.accordion a:hover {text-decoration: none;color: #2cc185;background-color: #fff;transition: 0.3s;}

.accordion-desc {background-color: #fff;color: #000;z-index: 2;padding: 20px 15px; height:auto; overflow:hidden;}

.accordion-desc .a1,.accordion-desc .a2,.accordion-desc .a3,.accordion-desc .a4,.accordion-desc .a5{ float:left; padding:8px 0; font-size:14px; }

.accordion-desc .a1{ width:100%}

.accordion-desc .a2{ width:30%}

.accordion-desc .a4,.accordion-desc .a5{ width:100%;}

.accordion-desc .a5 a{ color:#006699}

.accordion-desc strong{background:url(../images/icon29.png) left center no-repeat; padding-left:12px;}



.map-select{ height:auto; overflow:hidden; margin-bottom:15px;}

.select { width:100%; height:auto; background:none; border:none;padding:5px; }      

#sleHid { display:block; width:auto; overflow:hidden; }      

#sleBG  { width:37%; float:left; margin:0 32px 0 0; height:auto; ; border:#c8c8c8 1px solid;  display:block;}

 @media (min-width:480px) {.container1 { max-width: 100%;margin:0 auto  4.5em}}

 @media (min-width:768px) {.container1 { max-width: 100%; margin:0 auto 4.5em}}

 

 /*产品地图分布样式结束*/

 

 

 

/*公司简介样式开始*/

.web-box,.service-box{ padding:3%; background:#fff; float:left; width:100%}

.web-box h4{ background:url(../images/icon30.png) left center no-repeat; text-indent:1.5em; font-size:24px; float:left; width:100%; margin-bottom:3%;}

.company-video{ width:25%; }

.company-txt{ width:70%; text-indent:2em; position:relative;}

.company-txt a,.service-txt a{ background:#006699; color:#fff; float:left; text-indent:initial; padding:5px 10px; line-height:24px; margin-top:10px;}



.web-box-list{ float:left; width:30%}

.list-margin{ margin:0 5%}

.box-list-txt  h3{ font-size:18px; font-weight:bold; border-bottom:1px solid #bfbfbf; padding:8px 0}

.list-txt-link{ height:100px; position:relative; width:100%}

.list-txt-link a{ float:left; height:25px; width:100%; background:url(../images/icon29.png) left center no-repeat; text-indent:1em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.list-txt-link a.fr{ position:absolute; bottom:0; right:0; background:#006699; padding:0px 8px; color:#fff; left:inherit; width:auto}





.earth-box{ float:left; width:100%}

.earth-box-left,.earth-box-right{ background:#edecec}

.earth-box-left{ width:65%; float:left; }

.earth-box-right{ width:30%; height:100%; float:right}

.earth-img{ position:relative; float:left; width:44%}

.earth-txt{ float:right; width:42%; margin:3% 7% 0}

.earth-box-left span{ position:absolute; right:0; top:40%; z-index:2}

.earth-txt h5,.earth-box-right h5{ font-size:18px; font-weight:bold; line-height:36px;}

.earth-txt p{ text-indent:2em;}

.earth-txt a,.earth-box-right a{ background:#006699; padding:5px 8px; color:#fff; margin-top:10px; float:left;}

.earth-box-right img{ margin:5% auto}

.earth-box-right h5{ padding:7% 0 0 2em;}

.earth-box-right a{ margin-left:2em; margin-bottom:20px !important}

.history{ float:left; width:100%; position:relative}

.history img{ margin:0 auto}

.history a{background: #006699;bottom: 2%;color: #fff;left: 40%;padding: 5px 10px;position: absolute;}



.web-brand{ height:295px; float:left; width:100%; background:#f8f3f3}

.web-we{  float:left; width:100%}

.brand-txt h5{ float: left;font-size: 24px;font-weight: bold;height: auto;line-height: 30px;margin: 20% 0;width: 100%;}

.brand-txt h5 span{ border-bottom:1px solid #bab6b6;font-size:14px; font-weight:normal; width:100%; float:left;}

.brand-left,.we-left{ width:65%;}

.brand-img{ float:left; width:58%}

.brand-txt{ float:left; width:32%; margin:0 5%;}

.brand-txt a{ background:url(../images/icon29.png) left center no-repeat; float:left; width:50%; text-indent:1em;}

.brand-right{ width:35%; height:100%; position:relative;} 

.brand-right img{ height:100%; margin:0 auto}

.brand-right a{ position:absolute; left:0; bottom:0; font-size:36px; color:#fff;  background: rgba(0,63,76) !important; /* IE无效，FF有效 */ background:#006699;   filter: alpha(opacity=71); height:50px; line-height:50px; width:100%; text-align:center;} 

.join{ width:39%; float:left; background:#006699;height:309px;}

.join-img{ width:61%; position:relative; float:left; height:100%}

.join-img span{ position:absolute; left:0; top:40%; z-index:2}

.join h5{ color:#fff; margin:40% auto 0; text-align:right; width:55%}

.join h5 a{ color:#fff; font-size:36px;}

.we-right{ height:309px; width:35%; position:relative;}

.we-right span{ position:absolute; right:10%; top:20%; width:30%}

.we-right p{ position:absolute; left:15%; top:20%; width:30%}

.we-right p a{ font-size:24px;}

.we-right img{ height:100%}

/*公司简介样式结束*/

 

/*新闻中心样式开始*/

.news-nav{ width:100%;}

.news-nav a{ float:left; width:24.25%; margin-right:1%; background:#fff; padding:15px 0; text-align:center; font-size:18px; font-weight:bold; }

.news-nav a:hover,.news-nav a.on{ background:#006699; color:#fff}

.news-nav a.last{ margin:0}

.news-box{ width:100%; margin:4% auto; height:auto; overflow:hidden;}

.page-box.news-box{ overflow:auto; display:table}

.news-box-left{ width:25%; height:auto;display:table;background:#fff;}

.news-box-search{ border-bottom:30px #eceded solid;}



.time-change {margin: 30px auto 0;z-index:3; position:relative} 

.time-change ul ul {display: none;}

.time-change ul li:hover ul {display: block;}

.time-change ul { width:80%;list-style: none; margin:0 auto}

.time-change ul:after {content: ""; clear: both; display: block;}

.time-change ul li {float: left; border: 1px solid #c8c6c5; font-size:12px; width:100%;position: relative; z-index:999;}

.time-change ul li:hover a {color: #fff;}

.time-change ul li a {display: block; padding: 5px 10px;color: #757575 !important; text-decoration: none; background:url(../images/icon34.png) right center no-repeat; }

.time-change ul ul { border-radius: 0px; padding: 0;position: absolute; top: 100%; width:100%;}

.time-change ul ul li {float: none; color:#000;  position: relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:none;border: 1px solid #c8c6c5;border-top:none;}

.time-change ul ul li a {padding: 5px 10px;color: #000 !important; background:#fff}   

.time-change ul ul li a:hover {background: #b61b32; color:#fff !important}

.news-search .time-change ul ul{ height:140px; overflow:auto}

.news-info-search{ margin:0 10%; width:80%; border:1px solid #c8c6c5; padding:5px 10px}

.time-sub{ margin:20px 0 20px 10%; width:81%; background:url(../images/icon35.png) center center no-repeat #006699; padding:10px 0}

.from-message{ float:left;  width:100%; margin-top:25px;}

.from-message input,.from-message textarea{background:#edecec; padding:12px 0; text-indent:1em; width:100%}

.message-sub{ background:#006699 !important; text-align:center; color:#fff;font-size: 18px;font-weight: bold; padding:1% 3%; text-indent:0 !important; cursor:pointer;}





.news-box-search h5,.news-box-message h5{ width:100%; text-align:center;padding:15px 0;font-size:18px; font-weight:bold; background:#006699; color:#fff}

.news-box-search,.news-box-message{ padding:30px 20px;}

.news-box-right{ width:72%; background:#fff;height:auto;overflow:hidden; padding:30px 4% 4%;}

.news-box-right li{background:#edecec; float:left; width:100%; margin-bottom:20px;}

.news-box-right li span{ width:60px; height:60px; background:#3e3e41}

.news-box-right li span.time .day{ padding-top:7px;}

.news-box-right li:hover p{color:#006699}

.news-box-right li:hover span{ background:#006699; }

.news-box-right li p{ line-height:40px;}

.page-paging{  margin-left: 50%; text-align:center;}

.page-paging a,.page-paging span{ padding:4px 12px; border:1px solid #edecec; margin:0 2px; float:left;}

.page-paging a:hover,.page-paging .on,.page-paging span{ background:#006699; color:#fff}





.news-list-nav{ width:100%; margin-bottom:25px; float:left}

.news-list-nav a{ float:left; width:23.5%; margin-right:2%; color:#fff; background:#3e3e41; padding:15px 0; text-align:center; font-size:18px; font-weight:bold; }

.news-list-nav a:hover,.news-list-nav a.on{ background:#006699; color:#fff}

.news-list-nav a.last{ margin:0}





.news-tab{ width:75%;}

.news-tab .owl-prev {left: 60%;position: absolute;bottom: 0; top:inherit; cursor:pointer; background:url(../images/proleft.png) no-repeat}

.news-tab .owl-next {position: absolute;right:30%;bottom: 0; top:inherit; cursor:pointer; background:url(../images/proright.png) no-repeat}

.news-tab .pro-img{ width:65%}

.news-tab .pro-info{ width:35%; background:#dedddd; padding:5%}

.news-tab h2{ font-size:18px; font-weight:bold}

.news-tab h2 span{ font-size:14px; color:#006699; float:left; width:100%; margin:5px 0}

.news-tab p{ text-indent:2em;} 

.news-tab p a{ float:left; width:100%; color:#006699; text-indent:0}

.news-tab .pro-box{ background:#dedddd;}



.news-search .time-change{ margin:15px auto 0}

.news-search.news-box-left{ overflow:inherit; height:inherit}

.news-search.news-box-search{ border-bottom:none;}



.news-list,.news-list-link{ padding:4%; float:left; background:#fff; margin-bottom:20px; width:100%;}

.news-list-link a{ width:22%; float:left; margin:0 4% 0 0}

.news-list-link a.last{ margin:0}



.news-list h3{ background:url(../images/icon30.png) left center no-repeat; text-indent:1.2em; font-size:24px; }

.news-list h3 span{ background:url(../images/icon40.png) left center no-repeat; float:right}



.news-list-box{ padding:35px 0}

.news-info{ width:30%; float:left; margin-right:5%}

.news-info.last{ margin:0}

.news-info-img{ position:relative;}

.news-info-img span{ position:absolute; left:0; bottom:0; height:60px; width:60px}

.news-info-img .time { padding-top:5px;}





.news-info-txt h2 {border-bottom: 1px solid #bfbfbf;font-size: 18px;font-weight: bold;line-height: 36px;  margin: 0 0 5px;padding: 5px 0; height:auto; overflow:hidden;}

.news-info-txt h2 a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; width:100%}

.mt-ceo{ width:72%; background:#006699; text-align:center; float:left;}

.mt-ceo h3{ color:#fff; background:none;text-indent:0em; float:left; width:100%; margin:20px 0;}

.mt-ceo h3 span{ font-size:16px; width:100%; float:left; margin:10px 0 0; float:left; width:100% }

.mt-ceo p{ background:url(../picture/n9.png) top center no-repeat; float:left; width:100%; color:#fff; padding:35px 0}





.news-project {float: left;margin-bottom: 20px;width: 100%;}

.project-icon{ float:left; width:20%;}

.project-txt{ float:left; width:50%; background:#edecec url(../images/icon44.png) right center no-repeat; padding:4% 5%;}

.project-txt h2{ border-bottom: 1px solid #bfbfbf;font-size: 18px;font-weight: bold;line-height: 36px;margin: 0 0 9px;padding: 5px 0;}

.project-txt .time{ width:60px; height:60px}

.project-txt .day{ padding-top:8px}

.project-img{ float:left; width:30%; background:#dedddd; padding:2%}

.project-img img{ margin:0 auto}



/*新闻中心样式结束*/ 

 

/*走近南方路机样式开始*/



.page-box{ background:#fff; padding:3% 5%; margin-bottom:4.5em; height:auto; overflow:hidden;}

.page-box h3{ font-size:20px; font-weight:bold; width:100%; float:left; border-bottom:1px solid #c9c5c6; padding:15px 0; margin-bottom:15px;}

.page-box h3 p{font-size: 14px;font-weight: normal;margin: 10px 0 0;text-indent: 0;}

.page-box p{  line-height:30px; min-height:15px;}



/*走近南方路机样式结束*/



/*联系我们样式开始*/



.us-info{ background:#006699; height:auto; overflow:hidden; padding:4%; color:#fff; text-indent:2em; line-height:36px;}

.us-info img{ float:right; margin-left:3%}

.contact{ margin-top:3%; padding:3% 0; border-top:1px solid #9f9a98; width:100%; height:auto; overflow:hidden;}

.contact-left,.contact-right{ float:left; width:50%; padding-left:4%;}

.contact-left strong,.contact-right strong{ font-size:18px; font-weight:bold; color:#006699}

.contact-info{ border-top:1px solid #9f9a98; border-bottom:1px solid #9f9a98; width:100%; padding:3% 0; margin-bottom:3%; height:auto; overflow:hidden;}

.contact-info-net{border-right:1px solid #9f9a98;}

.contact-info-net,.contact-info-line{ float:left; width:25%; text-align:center}

.contact-info-net img,.contact-info-line img{ margin-bottom:2%}

.contact-info-txt{ float:left; width:50%}

.contact-info-txt font{ color:#595757; font-size:18px; font-weight:bold;}

/*联系我们样式结束*/





/*文章页样式开始*/



.article-box{ background:#fff; height: auto;margin-bottom: 2.5em;overflow: hidden;padding: 3%;}

.article-box h1,.article-box h2,.article-box h3,.article-box h4 {float: left;font-size: 20px;font-weight: bold;margin-bottom: 5px;padding: 15px 0;width: 100%;}

.article-box h2{font-size: 18px;}

.article-box h3{font-size: 16px;}

.article-box h4{font-size: 14px;}

.article-span{border-bottom: 1px solid #c9c5c6; width:100%; height:auto; overflow:hidden;}

.article-span span{ float:left}

.article-txt{ height:auto; overflow:hidden; padding:4% 0}

.article-txt p a{ color:#006699}

.article-page-list{ height:auto; overflow:hidden; padding:2% 0; border-bottom:1px solid #bab7b6; border-top:1px solid #bab7b6; margin-bottom:4.5em}

.article-page-list div{ float:left; width:50%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.article-page-list span {background: #fff none repeat scroll 0 0;margin: 0 15px 0 0;padding: 5px 20px;}

.article-span .bshare-custom{ float:right; width:180px}

.article-span .bshare-custom  p{ float:left;}

.article-box .slide p{ text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*新增*/

.article-txt .last{ margin-right:0 !important}

.article-txt .p-img img{ margin:0 auto}

@media screen and (min-width:641px){

.article-txt .p-img{ float:left; width:30%; margin-right:5%}

.article-txt .p-img2{float:left; width:26%; margin-right:5%}

.article-txt .p-img1,.p-pmg3{ float:left; width:50%}

.pro-char .char-a span{ width:100%; float:left}

.foot-link4 img{ float:left; margin-bottom:8%}

}

@media screen and (max-width:640px){

.article-txt .p-img1 img,.article-txt .p-img3 img{ margin:0 auto}

.article-txt .p-img,.article-txt .p-img1,.article-txt .p-img2,.article-txt .p-img3{ float:left; width:100%; margin-bottom:5%}

.webmap-h2{ float:left; width:100% !important;}

.webmap-h3{ float:left; width:100% !important;}

}





/*文章页样式结束*/



/*服务中心样式开始*/



.service-box{ height:auto; overflow:hidden; margin-bottom:25px}

.service-txt{ width:60%; padding-left:10px;padding-left:35px; line-height:36px; height:auto; overflow:hidden;}

.service-txt-img{ width:40%; height:auto; overflow:hidden;}

.service-list .main-box{ width:30%; margin-bottom:5%; margin-right:5%; border:none}

.service-list .main-box p{ position:absolute; text-align:center; font-size:24px; color:#fff; top:50%; left:35%}

.service-list .service-info div{ background:url(../images/s5.png) center 35% #006699 no-repeat; width:100%; float:left; height:100%}

.service-list .service-info div p{ position:relative; left:0; line-height:36px;}

.acc-box{ float:left; width:33.3%; margin-right:6%}

.acc-txt{ background:#006699; color:#fff; padding:5%;}

.acc-txt h5 a{ font-size:20px; font-weight:bold; color:#fff}

.acc-txt p{ height:31px; line-height:31px;}

.acc-txt p a{ float:right;}

.custom-boxl{ width:37%; float:left}

.custom-boxl-txt {height: 55px;line-height: 55px;}

.custom-boxl-txt h5{background:#006699;float:left; width:100%; text-align:center; }

.custom-boxl-txt h5 font{ background: #fff;color: #006699;font-family: serif;font-size: 24px;margin-left: 5px;padding: 0 6px;}

.custom-boxl-txt h5 a{ font-size:20px; font-weight:bold; color:#fff }

.custom-boxr{ width:55%; float:right; height:260px; background:#006699}

.custom-boxr-img{ float:left; }

.custom-boxr-txt {float: right;padding: 10% 0 0 10%;width: 39%;}

.custom-boxr-txt h5 a{ font-size:20px; font-weight:bold; color:#fff }

.custom-boxr-txt p a{ color:#fff}

.custom-boxr-txt p font{ background: #fff;color: #006699;font-family: serif;font-size: 24px;margin-left: 5px; font-size:16px;padding: 0 3px;}

.service-xx {height: auto;margin: 5% 0; padding-bottom:5%;overflow: hidden;width: 100%; border-bottom:1px solid #999}

.service-xx div{ float:left; width:50%}

.service-bz{}

.service-bz li{ float:left; width:25%; min-height:380px;}

.service-bz li .bz-img{ border-bottom:1px solid #ccc}

.bz-xx{ padding:5% 0}

.bz-xx h5{ font-size:16px; font-weight:bold; text-align:center; margin:3% 0}

.bz-xx p{  background:url(../images/dian.png) 15px center no-repeat; width:200px; margin:0 auto; padding-left:30px;}

/*服务中心样式结束*/



/*服务中心解决方案样式开始*/

.service-tab ul{ width:100% !important; background:#fff; margin-top:0 !important; padding:25px 0}

.service-tab li{ width:25% !important; margin-right:0 !important; background:none !important}

.f2{ display:none;}

.service-tab .hit{ background:none !important;}

.hit .f2{ display:block;}

.hit .f1{ display:none;}

.service-tab-box{ margin:3.5% 0}

.service-tab-box h4{ background:url(../images/icon30.png) 30px center no-repeat; text-indent:1.5em; font-size:24px; float:left; width:100%; margin:30px 0; padding-left:30px} 

.tr-time{ border:40px solid #c8c8c8; border-left:none;border-right:none; padding:3% 5%; height:auto; overflow:hidden; width:100%; background:#edecec !important}

.tr-time-box{ background:url(../images/f5.png) repeat-x left center !important;height:340px; position:relative;}



.tr-box1,.tr-box2{ width:15%; height:340px; float:left; margin-right:5%; position:relative}

.tr-box1 .box-txt{ top:30px; position:absolute}

.tr-box2 .box-txt{ bottom:30px; position:absolute}

.tr-box1 .box-txt p{ background:#006699; padding:8px; color:#fff}

.tr-box1 .box-txt a{ background:#fff; color:#006699; padding:3px 8px;}

.tr-box1 .box-txt img {float: left;left: 5%;position: absolute;}

.tr-box1 .box-dian{border-radius:50%; width:20px; height:20px; background:#fff; border:#006699 solid 3px;left:0; position:absolute; top:46.5%;}

.tr-box1 .box-img {bottom: 30px;font-weight: bold;position: absolute;}

.box-img p{ text-align:center}

.tr-box2 .box-txt p{ background:#006699; padding:8px; color:#fff; margin-top:15px;}

.tr-box2 .box-txt a{ background:#fff; color:#006699; padding:3px 8px;}

.tr-box2 .box-txt img {float: left;left: 5%;position: absolute;}

.tr-box2 .box-dian{border-radius:50%; width:20px; height:20px; background:#fff; border:#006699 solid 3px; left:18px; position:absolute; top:46.5%;}

.tr-box2 .box-img {top: 30px;font-weight: bold;position: absolute;}

.tr-box3{ float:left; width:20%; margin-right:5%; position:relative; height:340px}

.tr-box3 .box-txt p{ background:#006699; padding:8px; color:#fff; line-height:32px;}

.tr-box3 .box-txt a{ background:#fff; color:#006699; padding:3px 8px; margin-left:10px}

.tr-box3 .box-txt img {float: left;left: 5%;position: absolute;}

.tr-box3 .box-dian{border-radius:50%; width:20px; height:20px; background:#fff; border:#006699 solid 3px;left:18px; position:absolute; top:46.5%;}

.tr-box3 .box-img {bottom: 40px;font-weight: bold;position: absolute;}

.tr-box5{ float:left; width:15%; position:relative; height:340px}

.tr-box5 .box-txt p{ background:#006699; padding:8px; color:#fff; line-height:32px;}

.tr-box5 .box-txt{ position:absolute; top:90px; right:0}

.tr-box5 .box-txt a{ background:#fff; color:#006699; padding:3px 8px;}

.tr-box5 .box-txt img {float: left;right: 5%;position: absolute;}

.tr-box5 .box-dian{border-radius:50%; width:20px; height:20px; background:#fff; border:#006699 solid 3px;right:0px; position:absolute; top:46.5%;}

.tr-box5 .box-img {bottom: 40px;font-weight: bold;position: absolute; right:0}

.folding-box h4{ margin:0}



.service-tab .pane{ padding:3% 4%}

.service-tab .pane .accordion{ background:#ededed; padding:0}

.service-tab .pane .accordion h5{ width:10%; height:44px; float:left;margin-right:2%; line-height:44px; background:#006699; font-size:24px; text-align:center; color:#fff}

.service-tab .pane .accordion span{ font-size:16px; line-height:44px; }

.service-tab .p1{ float:left; width:31%; height:250px; position:relative;}

.service-tab .add{ float:left; font-size:56px; color:#006699; width:3.5%; line-height:220px; position:relative; z-index:2}

.pane.tab-case div{ float:left; width:30%; margin-right:3%; margin-bottom:3%; position:relative}

.pane.tab-case div p{ background:url(../images/casebg.png); position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:2.5%; color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }



.p-txt{ position:absolute; bottom:0}

.p-txt {bottom: 0;position: absolute;text-align: center;width: 100%;}

.p2 {background: #404042;color: #fff;float: left;text-align: center;width: 49%; padding:5px 0}

.p3 {background: #006699;color: #fff;float: right;text-align: center;width: 49%; padding:5px 0}

.p3 a {color: #fff;width: 100%;}

.folding-box .fa{ background: #006699 none repeat scroll 0 0;border-radius: 50%;color: #fff;float: right;font-family: Arial,Helvetica,sans-serif;font-size: 24px;height: 24px;line-height: 24px;position: relative;right: 12px;text-align: center;width: 24px; top:12px}

.folding-txt{ float:left; width:100%; border:1px solid #bab7b6; height:auto; overflow:hidden; margin:10px 0; padding:8px}

.folding-txt h5{ font-size:14px; font-weight:bold;}

.folding-txt a{ float:right; background:#006699; padding:5px 10px; color:#fff}

.p4,.p5{ float:left; width:50%;}

.p5{ background:url(../picture/s10.png) no-repeat; height:397px; padding:5% 3%; overflow:auto}

.p5 h5{background: #006699 none repeat scroll 0 0;color: #fff;float: left;font-size: 24px;height: auto;overflow: hidden;padding: 10px 15px;width: auto;}

.p5 span{ font-weight:bold; float:left; width:100%; font-size:18px; border-bottom:1px solid #668498; margin:10px 0; padding-bottom:10px; }

.p5 p{  float:left; width:100%;}

.service-news{ width:100% !important; margin-top:2% !important; margin-bottom:2%}

.service-news li{ width:18% !important; margin-right:2.5% !important; background:#fff !important; color:#000 !important; padding:2% 2% !important; font-size:24px !important}

.service-news .hit{ color:#fff !important; background:#006699 !important}

.service-news .hit a{ color:#fff}

.service-news li.last{ margin-right:0 !important}

.service-main .pane{ padding:3% 4%; margin-bottom:4.5em; height:auto; overflow:hidden}

.service-news-img{ float:left; width:28%}

.service-news-img h2{  background:url(../images/icon30.png) left center no-repeat; text-indent:1.5em; font-size:16px; font-weight:bold; margin-bottom:15px;  float:left; width:100%;}

.service-news-a{ position:relative; float:left; width:100%; border-top:1px solid #bfbfbf;padding-top:15px; margin-bottom:15px}

.service-news-a span{ position:absolute; left:0; bottom:0}

.service-news-list{ width:60%; float:right}

.service-news-list .service-tit{ border-bottom:1px solid #bfbfbf; height:auto; overflow:hidden; margin-bottom:10px}

.service-news-list p{ float:left; margin: 15px 0 0;width: 88%;}

.service-news-list .time{ background:#3e3e42}

.service-news-list .service-tit:hover a{ color:#006699}

.service-news-list .service-tit:hover span{background:#006699;}

/*服务中心解决方案样式结束*/



/*服务保障体系样式开始*/

.m1{ margin-bottom:30px}

.main-info{ padding:3% 5%; background:#fff; float:left; width:100%; height:auto; overflow:hidden}

.main-a{ float:left; width:42%; position:relative;}

.main-a div{ position:absolute; right:0; top:47%;}

.main-a1{ float:right; width:58%; background:#f2f1f1; height:293px; padding:4% 5%;}

.main-info h5{ background:url(../images/icon30.png) no-repeat left center; font-size:20px; text-indent:1.2em; font-weight:bold; border-bottom:1px solid #bebbba; padding-bottom:10px; margin-bottom:30px; height:40px; line-height:40px;}

.ex-box { height:auto; overflow:hidden; padding:3% 5% 5px; background:#fff}

.ex-box h4{font-size:18px;font-weight:bold; }

.ex-box p{ float:left;margin-top:0px; width:100%;}

.ex-time{ color:#b91b33; border-bottom:1px solid #c7c5c4; padding-bottom:20px; margin-bottom:20px;}

.main-a1 p{ text-indent:2em;}

.main-b{ margin-bottom:30px;}

.main-b1{ margin-top:30px}

.main-b1 p{ background:#f2f1f1; float:left; width:100%; margin-bottom:5px}

.main-b1 p img{ float:left; margin-right:10px;}

.main-c{ float:left; width:69%; background:#f2f1f1; height:215px; padding:3% 4%; text-indent:2em}

.main-c1{ position:relative; float:right;width:31%}

.main-c1 div{ position:absolute; left:0; top:47%}

.m1 .mt-ceo{  border:15px solid #fff; border-bottom:none; border-top:none; max-width:167px; margin:0 4.5%;border-width:0  }

.m1 .mt-ceo h3{ font-size:18px; font-weight:bold; margin:10px auto;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.m1 .mt-ceo h3 span{ font-size:14px; font-weight:normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.m1 .mt-ceo p{ padding:30px 10px 20px}

/*专家不在线*/

.noline{ background:#000; width:100%; height:100%; position:fixed; right:0;  bottom:0; left:0; z-index:9999;background: rgba(0, 0, 0, 0.46) !important; /* IE无效，FF有效 */ background:#000;   filter: alpha(opacity=46);}

.noline-bg{  position:fixed; z-index:99999; top:25%; width:100%}

.noline-bg .no-page{  background:#fff; width:32%; position:relative; z-index:99999}

.noline-bg .tit{ background:#006699; color:#fff; width:100%; display:table; padding:3px 0}

.noline-bg .tit h4{ float:left; text-indent:1em;}

.noline-bg .tit .close{ float:right; margin-right:1em; color:#fff}

.noline-bg .no-page-txt{ padding:10% 5%}

.no-page-txt span a{ color:#006699}

/*专家不在线*/

.ex-online .hit{ background:#ba2c41 !important}

.ex-online ul { margin-top:1% !important}

.ex-online ul li{ background:#49494a !important; margin:0 8px 0 0 !important; font-weight:bold; padding:10px 0 !important}

.ex-info{ border-bottom:1px solid #c7c5c4; padding-bottom:20px; height:auto; overflow:hidden; margin-bottom:20px}

.ex-info .company-txt{ text-indent:inherit; display:table}

.ex-info .company-txt h5{ margin-bottom:10px}

.ex-info h5{font-weight: bold;font-size: 20px;}

/*服务保障体系样式结束*/





/*视频中心样式开始*/

.voide-ifo{ position:relative;}

.voide-ifo .vbox-item span {background: rgba(0, 0, 0, 0.6) url("../images/play.png") no-repeat scroll center center;display:block;height: 100%;left: 0;margin: 0;position: absolute;top: 0;width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); }

.voide-ifo .vbox-item .v1 {background: rgba(0, 0, 0, 0.6) url("../images/v1.png") no-repeat scroll center center;display:block;height: 100%;left: 0;margin: 0;position: absolute;top: 0;width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); }

.voide-ifo .vbox-item .v2 {background: rgba(0, 0, 0, 0.6) url("../images/v2.png") no-repeat scroll center center;display:block;height: 100%;left: 0;margin: 0;position: absolute;top: 0;width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); }

.voide-ifo .vbox-item  a:hover .v1,.voide-ifo .vbox-item a:hover  .v2{ background:none;}

.voide-ifo a:hover span{background:url("../images/play.png") no-repeat scroll center center;}

.voide-a h2{ background:url(../images/icon29.png) no-repeat left center; font-size:16px; font-weight:bold; text-indent:1em; margin:8px 0 0; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%}

.voide-a p{ margin:8px 0 8px 8px; float:left;}

.news-info.v3{ width:25%; position:relative}

.news-info .v5{ position:absolute; right:9px; top:47%}

.news-info.v4{ height:290px;}

.voide-b{ height:75px; background:#006699; color:#fff; text-align:center}

.voide-b h2{ padding-top:8px;}

.voide-b h2 a{ color:#fff; margin-top:10px; font-size:18px; font-weight:bold;}



.news-voide .voide-ifo { width:320px; height:210px;}

.news-voide .voide-ifo  span {background: rgba(0, 0, 0, 0.6) url("../images/play.png") no-repeat scroll center center;display:block;height: 100%;left: 0;margin: 0;position: absolute;top: 0;width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); }



.news-viode{ margin-bottom:3%; height:auto; overflow:hidden;}

.news-viode embed{ height:530px; margin-bottom:3%}

.news-viode h2{ font-size:18px; font-weight:bold; float:left;}

.news-viode .bshare-custom{ float:right;}

.news-viode .bshare-custom p{ float:left;}

.news-viode .a6{ float:left; width:100%; margin-top:12px}



.viode-list span {background: rgba(0, 0, 0, 0.6) url("../images/play.png") no-repeat scroll center center;display:block;height: 100%;left: 0;margin: 0;position: absolute;top: 0;width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); }

.viode-list h3{ background:url(../images/voidetit.png) no-repeat left center; height:36px; line-height:36px; color:#be182e; font-size:18px; font-weight:bold; margin-bottom:3%; padding-left:45px;}

.viode-list .news-info{ width:25%; margin:0 0 3%;border-color: transparent;

    border-style: solid;

    border-width: 0 10px;}

.viode-list .last{ margin:0}

/*视频中心样式结束*/









/*加入我们样式开始*/

.join-us{ float:left; width:29%;}

.join-us h5{ font-size:24px; margin:5px 0; padding:0% 5%}

.join-us p{ color:#666; padding:0% 5%; line-height:24px}

.join-us-txt{ background:#666; color:#fff; padding:10% 5%;height:auto; overflow:hidden}

.join-us-txt p{ color:#fff}

.join-us-txt a{ border:1px solid #fff; padding:3px 5px; color:#fff; float:right; }

.join-us span{ width:100%; text-align:center; float:left; margin-top:10px}

.join-us span a{ border:1px solid #666; padding:3px 25px; font-size:20px; font-weight:bold;}

/*加入我们样式结束*/





/*放眼全球样式开始*/

.gl{ margin-bottom:40px; float:left; width:100%; height:auto; overflow:hidden;}

.earth-fl{ float:left; width:60%; position:relative;}

.earth-fl div{ position:absolute;  right:0; top:50%; z-index:2}

.earth-fr{ float:left; width:40%; position:relative;}

.earth-fr div{ position:absolute; width:100%; left:0; top:0; color:#fff; padding:10% 8%}

.earth-fr div h5{ font-size:24px;}

.earth-fr div h5,.earth-fr div p{ margin-bottom:15px;}

.earth-p{ float:left; width:100%; margin-top:30px;}

.earth-p p{  border:1px solid #c9c5c6; padding:10px; margin-bottom:15px; line-height:24px }

.earth-p p img{ float:left; margin-right:5px; }

.gl-box{ width:33.3%; float:left}

.earth-txt-p{ background:#edecec; padding:6% 4%; height:220px; }

.earth-txt-p p{line-height:24px;}

.earth-box-img{position:relative;}

.earth-box-img img{ width:100%; max-height:220px;}

.earth-box-img div{ position:absolute; bottom:0; left:48%; z-index:2}

.earth-txt-p h5{ font-size:24px; color:#cf081d; border-bottom:1px solid #c9c5c6; margin-bottom:10px; padding-bottom:10px}

.gl-p{ position:absolute; background:url(../images/ebg.png) repeat-y; z-index:2; left:0; top:12%; padding:5% 4% }

.gl-p p{ font-size:28px; color:#fff; margin-bottom:15px;}

/*放眼全球样式结束*/



/*服务网点样式开始*/

.log{ padding:3% 6%; border:1px solid #ddd; width:100%; overflow:hidden; height:auto; margin-top:3%}

.cx{ float:left; width:70%; padding:2% 0;}

.fenlei { height:35px; line-height:35px; margin-top:3%}

.fenlei span{ background:#b61b32; color:#fff; text-align:center; float:left; padding:0 2%}

.dingdan{ height:35px; line-height:35px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; width:60%; float:left; text-indent:1em}

.fenlei .searchsub{ background:url(../images/icon35.png) no-repeat #b61b32 center center; padding:0 3%; float:left; height:35px }

.ewm{ text-align:center; float:left; width:30%}

/*服务网点样式结束*/



/*设备升级改造开始*/

.up-box{ height:auto; overflow:hidden; margin-bottom:5%}

.up-box h4{ font-size:18px; font-weight:bold; border-bottom:1px solid #ececed; padding-bottom:20px; margin-bottom:20px;}

.up-box-txt{ background:#5a5b5e; color:#fff; padding:20px 30px;}

.up-box h5{ height:38px;}

.up-box h5 span{ background:#dd939e; border-right:15px #fff solid; color:#fff; font-size:18px; font-weight:bold; background:#006699; line-height:38px;height:38px; float:left; padding:0 8px;}

.up-box h5 p{background:url(../images/s_line.png) repeat-x center left; height:38px;  }

.up-box h5 p img{ float:right}

.list-box { height:auto; overflow:hidden; margin:25px auto 0}

.list-box .news-info{border-color: transparent;border-style: solid;border-width: 0 10px;margin: 0 0 3%;width: 25%;}

.list-box .news-info p{ text-align:center}

.up-ad .up-ad-list{ width:33.333%; float:left;}

.up-ad-list .h6{ font-size:14px; font-weight:bold; list-style:none; margin:15px auto; background:none}

.up-ad-list ul{ width:100%; margin:0 auto}

.up-ad-list li{ background:url(../images/dian.gif) no-repeat left center; width:220px; text-indent:1em; margin:0 auto}

.up-ad-num li {float:left; width:25%; text-align:center; margin-bottom:20px}

.up-ad-num li p{  text-align:center; background:url(../images/unm1.png) center center no-repeat; color:#fff; height:79px; line-height:79px; font-size:24px;}

.up-ad-num li p:hover,.up-ad-num .on{ background:url(../images/unm.png) center center no-repeat;}

.up-tab ul{ width:100% !important; border-bottom:5px solid #006699}

.up-tab li{border-color: #fff;border-style: solid;border-width: 0px; width:50% !important; margin:0 !important; background:#5a5b5e !important; padding:12px 0 !important; font-size:18px !important; font-weight:bold;}

.up-tab .panes{ margin-top:4%;}

.up-tab .hit{ background:#006699 !important}

.up-online{ padding:4px 10px; background:#c92a41; color:#fff; position:absolute; z-index:2; right:141px; bottom:19px}

.up-online:hover{ color:#fff}

/*设备升级改造结束*/



/*行业地位开始*/



.pro-nav-link.ind{ margin-top:4%}

.pro-nav-link.ind a{ width:33.333%; padding:15px 2%}

.ind-h1{ font-size:16px;}

.ind-down{ float:right; border-bottom:1px solid #c8c5c4; width:100%; text-align:right; padding-right:2%}

.ind-a{ width:100%; float:left; margin-top:2%; padding-bottom:2%;border-bottom:1px solid #c8c5c4; cursor:default}

.ind-a img{ float:right; padding-right:2%;}



.pro-table .ind-rs{ float:right; width:60%; border:1px solid #918b8a;}

.pro-table .ind-rs img{ text-align:center; max-width:405px; float:none; padding:6% 4% 0 !important}

.pro-table .ind-rs span{ text-align:center; width:100%; float:left; margin:3% 0}

.pro-table .ind-list{ float:left; width:35%}

.pro-table .ind-list a{ background:url(../images/icon29.png) left center no-repeat; padding-left:15px !important;}

.ind-list li{ width:100% !important;}



.indbutton{ margin-bottom:4%}

.indbutton .callbacks_nav{left: 40.9%; top:47%}

.indbutton .callbacks_nav.next{ right:4%}

.ind-list .callbacks_here a,.ind-list .callbacks_here a:hover{ border:1px solid #fff !important; color:#d0102c}





/*行业地位结束*/



/*企业荣誉样式开始*/

.ProductList{overflow:hidden;}

.ProductList li{float:left;width:25%;height:190px;overflow:hidden; text-align:center}

.ProductList .unit{position:relative;z-index:4;height:190px;width:240px; margin:0 auto;}

.ProductList .images{display:block;height:160px;width:240px; border:1px solid #c9c5c6; padding:5px}





/* allProduct */

.allProduct{position:relative;z-index:2;}

.productTab{padding-top:8px;z-index:9999; height:auto; overflow:hidden;}

.productTab li{float:left;color:#fff;background-color:#8b8384; width:14.2%; text-align:center; border-right:1px solid #fff;font-size:14px; padding:8px 0}

.productTab li.last{ border-right:none;}

.productTab li:hover{background-color:#cf081d;}

.productTab li.on{background-color:#cf081d;}

.productTab  a{display:block;color:#fff;padding:0 10px;}

.allProduct .ProductList{width:100%;}

.allProduct li{margin-bottom:20px;}





/* isotope */

.isotope-item{z-index:2}

.isotope-hidden.isotope-item{pointer-events:none;z-index:1}

.isotope,.isotope .isotope-item{

	-webkit-transition-duration:0.8s;

	-moz-transition-duration:0.8s;

	-ms-transition-duration:0.8s;

	-o-transition-duration:0.8s;

	transition-duration:0.8s

}

.isotope{

	-webkit-transition-property:height, width;

	-moz-transition-property:height, width;

	-ms-transition-property:height, width;

	-o-transition-property:height, width;

	transition-property:height, width

}

.isotope .isotope-item{

	-webkit-transition-property:

	-webkit-transform, opacity;

	-moz-transition-property:-moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property:top, left, opacity;

	transition-property:transform, opacity

}

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{

	-webkit-transition-duration:0s;

	-moz-transition-duration:0s;

	-ms-transition-duration:0s;

	-o-transition-duration:0s;

	transition-duration:0s

}



/*企业荣誉样式结束*/



/*产品中心样式开始*/

.p-tit h3{ background:url(../images/icon30.png) left center no-repeat; font-size:28px; font-weight:bold; text-indent:1em; float:left; padding:3% 0; width:100%}

.pro-nav-link{ float:left; width:100%; border-bottom:5px solid #006699; background:#fff;}

.pro-nav-link a{ float:left; width:20%; font-size:18px; font-weight:bold; text-align:center; padding:15px 0; border-right:1px solid #edecec}

.pro-nav-link .on,.pro-nav-link a:hover{ background:#006699; border-bottom:1px solid #fff; color:#fff;}

.pro-table{ height:auto; overflow:hidden; position:relative; background:#fff; width:100%; padding:3% 4%}



.pro-table-img{ width:60%; float:left;}

.pro-table-info{ width:40%; float:left; padding-left:4%;}

.pro-table-info h1{ font-size:24px; font-weight:bold}

.pro-table-info span{ border-bottom:1px solid #edecec; margin:8px auto; padding-bottom:8px; float:left; width:100%;}

.pro-table-info p a{ background:url(../images/icon29.png) left center no-repeat; float:left; width:100%; text-indent:1.2em; margin-bottom:5px;}

.pro-table-info p a.more{ background:#006699; text-indent:inherit; width:auto; padding:6px 12px; color:#fff; margin-top:8px; }

.pro-tel{ position:absolute; right:4%; bottom:6.5%; width:33%}

.pro-tel .pro-tel-line{border:1px solid #edecec; height:auto; overflow:hidden; padding:2% 4%; color:#595757; font-size:24px; font-weight:bold; line-height:37px; width:80%; float:right; text-align:right; width:86%}

.pro-tel .pro-tel-line span{ font-size:12px; font-weight:bold; background:url(../images/p2.gif) 12px center no-repeat #dfdfe2; height:40px; line-height:40px; float:left; color:#000; padding:0px 8px; width:39%;}

.pro-tel-service{ float:right; width:86%; height:auto; overflow:hidden; padding:5% 4%; background:url(../images/p1.gif) 20% center no-repeat #efeff0; }

.pro-tel-service span{ float:right; background:#006699;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #006699; padding:10px 50px }

.pro-tel-service span a{ color:#fff; font-size:16px; font-weight:bold; text-align:center}





.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}

.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}

.rslides li:first-child {position: relative;display: block;float: left;}

.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}

#slider3-pager{ margin-top:3%}

#slider3-pager .last{ margin-right:0}

#slider3-pager li{ width:12.75%; float:left; margin-right:3%}

#slider3-pager a {display: inline-block;padding: 3px;border:1px solid #fff}

#slider3-pager li img {float: left; width:100%}

#slider3-pager .callbacks_here a{border:1px #cfcece solid}

.callbacks_nav {

  position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 41%;left: 4%;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}

.callbacks_nav:active {opacity: 1.0;}

.callbacks_nav.next {left: auto;background-position: right top;right: 40.8%;}

/*产品中心样式结束*/



/*404页面样式开始*/

.no-page{ margin:5% auto; width:40%; height:auto; overflow:hidden;text-align:center}

.no-page-txt{ background:#fff; padding:4% 5%; margin-bottom:3% }

.no-page-txt h2{ font-size:100px; height:100px; line-height:100px; font-family:Verdana, Geneva, sans-serif; color:#006699; font-weight:bold}

.no-page-txt p{ margin:2% auto 4%; font-size:24px; font-weight:bold; color:#595757}

/*404页面样式结束*/



.sub-page-box { padding:0 0 5%}

.sub-page-box .s1{ background:#006699; text-align:left; color:#fff; height:35px; line-height:35px; font-size:14px; font-weight:normal; padding-left:2%}

.sub-page-box .s1 a{ float:right; margin-right:2%; color:#fff; font-family:"Comic Sans MS"; font-weight:bold; cursor:pointer}

.sub-page-box .s2{ font-size:14px; font-weight:normal; color:#595757}

.sub-page-box .s3 a{ background:#006699; color:#fff; font-size:14px; font-weight:normal; padding:6px 12px; cursor:pointer}





/*网站地图开始*/



.webmap{ margin:4% auto}

.mapbox a{ margin:0 5px;}

.mapbox{ border-bottom:1px solid #bab7b6; padding-bottom:2%; margin-bottom:2%; height:auto; overflow:hidden;}

.webmap-tit{ width:100%;margin-bottom:1%}

.webmap-tit a, .webmap-h2,.webmap-h1{font-weight:bold}

.webmap-tit a{ color:#006699;}

.webmap-h2{ float:left; width:15%;}

.webmap-h3{ float:left; width:85%;}

.mapbox a:hover{ color:#006699}



/*网站地图结束*/



/*需求定制样式开始*/



.vip-custom{ margin:3% auto; height:auto; overflow:hidden;}

.vip-custom .slide{ float:left; width:160px !important; text-align:center; padding:0px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.vip-custom .bx-viewport{ margin:0 auto}

.vip-custom .slide img{ max-width:96px;}

.vip-custom-box{ width:84%; margin:0 auto; padding:25px 0; height:auto; overflow:hidden;}

.vip-custom-box h1{ border-bottom:1px solid #cdcdcd; font-size:20px; font-weight:bold; padding-bottom:20px;}

.vip-box-fl{ float:left; width:40%}

.vip-box-fr{ float:right; width:50%}

.vip-box-fr h3{ font-size:18px; font-weight:bold; margin:10px 0;}

.vip-box-fr h4{ font-size:16px; font-weight:bold; margin:10px 0;}

.vip-box-fr li{ list-style:url(../images/dian.gif); margin-left:1em;}

.vip-box-fl img{ border:1px solid #c8c8c8; background:#fff; width:330px}

.vip-custom h3{font-size:18px; font-weight:bold; margin-bottom:15px}

.vip-custom .news-info {border-color: transparent;border-style: solid;border-width: 0 10px;margin: 0 0 3%;width: 25%; position:relative; max-width:290px;}

.vip-custom .news-info p{ background:#fff; position:relative; z-index:3; text-align:center; padding:5px 0 0}

.vip-custom .news-info img{ border:1px solid #cdcdcd; padding:0px}

.vip-custom-block{ display:none;}

.vip-custom-block p{background:#b41c2e !important; color:#fff; font-size:12px; text-align:left !important;}

.vip-custom .news-info:hover .vip-custom-block{ display:block; position:absolute; z-index:2; background:#b41c2e; color:#fff;height: 100%;

    left: 0;

    padding:5%;

    top: 0;

    width: 100%;}

.in-list .news-info:hover .vip-custom-block{ display:block; position:absolute; z-index:2; background:#b41c2e; color:#fff;height: 100%;

    left: 0;

    padding:5%;

    top: 0;

    width: 100%;}

/*需求定制样式结束*/



/*研发与创新样式开始*/

.in-nav{ background:#fff; height:auto; overflow:hidden; padding:20px 0 10px}

.in-nav ul{ width:60%; margin:0 auto}

.in-nav li{ float:left; width:25%; text-align:center}

.in-box{ text-align:center; margin:5% auto; height:auto; overflow:hidden;}

.in-tit h3{ font-size:18px; font-weight:bold; margin-bottom:10px;}

.in-tit hr{ background:#006699; height:3px; display:block; margin:10px auto 0; width:10%; border:none}

.in-shuff .bx-wrapper{ margin:0 auto}

.in-shuff .slide{ height:350px; border:1px solid #d9d9d9; width:260px !important; background:#fff}

.in-shuff .slider4 .slide{ height:193px; width:326px !important; padding:0}

.in-shuff .slider4 .slide img{ margin:0}

.slide.other-side{ width:522px !important}

.in-shuff .bx-prev{ left:-50px !important}

.in-shuff .bx-next{ right:-50px !important}

.in-shuff .slide{ padding:15px}

.in-shuff .slide h4{ font-size:16px; font-weight:bold;}

.in-shuff .slide hr{background:#d9d9d9; height:3px; display:block; margin:10px auto; width:30%; border:none;}

.in-shuff .slide p{ text-align:left; font-size:13px; line-height:20px}

.in-shuff .slide img{ margin:15px auto}

.in-list{ width:80%; margin:20px auto}

.in-list .news-info{ position:relative; margin:0 auto; width:33.333%; max-width:300px;border-color: transparent;border-style: solid;border-width:5px;}

.in-list .vip-custom-block h3{ font-weight:bold}

.in-list .vip-custom-block b{ font-size:36px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif}

.in-list .vip-custom-block p{ font-size:12px; line-height:20px; text-align:left;}



.in-box-info{ margin-top:20px}

.in-box-left{ border:1px solid #d9d9d9; float:left; width:26%; background:#fff;}

.in-box-left p{ margin:20px; text-align:left}

.in-box-right{ float:left; width:65%; margin-left:9%;}

.in-box-list{ border:1px solid #d9d9d9; background:#fff; height:auto; overflow:hidden; margin-bottom:35px}

.in-box-list ul,.in-box-list p{ height:95px; padding:24px 0}

.in-box-list ul{ float:left; width:80%;}

.in-box-list li{ float:left; width:50%; text-align:left; text-indent:1.5em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; list-style:url(../images/dian.gif) inside}

.in-box-list p{ float:left; width:20%; background:#006699; color:#fff}

/*研发与创新样式结束*/





/*采购页面样式开始*/



.buy-select{position:relative; width:100%; margin:5% auto}

.buy-select dt{height:36px;display:inline-block;border:1px solid #d2ccc4;background:url("../images/icon34.png") no-repeat scroll right center #fcfcfb;line-height:36px;padding-left:10px;cursor:pointer;width:100%;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;}

.buy-select dt:hover,.select dt.cur{border:1px solid #409DFE;box-shadow:0 0 3px #409DFE;}

.buy-select dd{position:absolute;left:0;top:35px;border:1px solid #d2ccc4;background:#fff;display:none; z-index:999; width:100%; height:100%; min-height:100px; overflow-y:auto !important}

.buy-select dd ul{padding:4px;width:100%;overflow:auto;}

.buy-select dd ul li a{line-height:36px;display:block;padding:0 8px;}

.buy-select dd ul li a:hover{background:#f5f5f5;}





.buy-news{ margin-bottom:30px; height:auto; overflow:hidden;}

.buy-news h3{ background:#f4f3f3; height:40px; line-height:40px;}

.buy-news h3 font{ background:#006699; color:#fff; float:left; padding:0 12px; font-size:18px; margin-right:15px;}

.buy-news h3 a{ float:left; color:#006699; 

    text-overflow: ellipsis; overflow:hidden;

    white-space:nowrap; width:65%} 

.buy-news p{ margin:15px 0 0}

.buy-news .more a{ float:left; background:#868687; color:#fff; padding:4px 10px}

.pro-buy-txt{ float:left; width:40%;}

.pro-buy-wx{ float:left; }

.pro-buy-wx img{ float:left}

.pro-buy-info span{ float:left;}

.pro-buy-info p img{ float:left; margin:5px 0 0 10px}

.pro-buy-info p{ background:#edecec; float:left; width:100%; margin-bottom:20px; padding:5px 12px; min-height:inherit;word-break;:break-all;}

.pro-buy-txt p,.pro-buy-wx p{ background:none !important; margin-bottom:5px}

.order-buy {border-bottom: 1px solid #d2ccc4;border-top: 1px solid #d2ccc4;display: table;float: left;padding: 3% 0;width: 100%; margin-top:3%}

.order-buy h5{ font-size:16px; font-weight:bold; float:left; width:120px; height:36px; line-height:36px}

.order-buy .buy-select{ margin:0 auto; width:20%;  float:left;}



.buy-article{ background:#edecec; display:table; padding:5px 12px; width:100%}

.buy-article p{ margin-bottom:0; padding:0}

/*采购页面样式结束*/







/*选项卡切换样式开始*/

/**tabs**/



.tabPanel .tab-icon{float:left; width:17%; margin-right:3%;}

.tabPanel ul{ width:80%; float:left; margin-top:5%}

.tabPanel ul li{float:left;margin:0 4% 0 0;font-size:14px; padding:8px 0;width:22%;text-align:center;cursor:pointer;background:#8b8384; color:#fff}

.tabPanel .hit{cursor:pointer;color:#fff;background:#006699;}

.panes{ float:left; width:100%}

.pane{background-color:#fff;display:none;}

.panes-time p{background: #006699 none repeat scroll 0 0;color: #fff;font-size: 36px;margin: 0 auto;padding: 10px 15px;text-align: center;text-indent: 0;width: 40%; }

.panes-time img{ margin:0 auto}

.pane-txt{ text-align:center; margin:10px auto}

.pane-txt h4 {margin-bottom:15px;}

.pane-txt span{  width:auto;}

.pane-txt-tit{ font-size:20px; font-weight:bold; border-bottom:2px solid #000;  padding-bottom:10px;}

.pane-txt-p p{ font-size:16px; color:#666; width:auto; background:none; padding:2px 15px; text-indent:0}

.panes .cd-timeline-content img { float:left; margin-top:10px;}

 

/*选项卡切换样式结束*/



/*时间轴样式开始*/



/* -------------------------------- 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: 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: 50%;margin-left: -2px;}

  .panes #cd-timeline::before {left: 50%;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(110, 161, 224,1), 2px 2px 5px 5px rgba(110, 161, 224,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: #006699;}

.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: 50%;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;background: white;border-radius: 0.25em;padding: 0em;}

.cd-timeline-content:after {content: "";display: table;clear: both;}

.cd-timeline-content h2 {color: #fff; ; background:#006699; height:90px; float:left; width:25%; padding:20px 5px; text-align:left}

.panes .cd-timeline-content h2 {color: #006699; 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.5rem;}

  .cd-timeline-content p {font-size: 14px;font-size: 0.8rem;}

  .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: 45%; float:right}

  .cd-timeline-content::before {top: 46%;left: 100%;border-color: transparent;border-left-color: #006699 ;}

  .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;}

  .cd-timeline-block:nth-child(even) .cd-timeline-content {float: right;}

  .panes .cd-timeline-block:nth-child(even) .cd-timeline-content {float: left;}

  .panes .cd-timeline-block:nth-child(even) .cd-timeline-content img { float:right}

  .panes .cd-timeline-block:nth-child(even) h2 {text-align:right}

  .panes .cd-timeline-block:nth-child(even) p {text-align:right !important}

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {top: 46%;left: auto;right: 100%;border-color: transparent;border-right-color: #006699;}

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {float: right;}

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {left: auto;right: 122%;text-align: right;}

  .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;}

}



@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}

	} 



@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;}

	}

/*时间轴样式结束*/





/*弹出层样式开始*/

/* ------ venobox.css --------*/

.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{

    -webkit-backface-visibility: hidden;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

}

/* ------- overlay: change here background color and opacity ----- */

.vbox-overlay{background: #fdfdfd;background: rgba(0,0,0,0.85); width: 100%;height: 50px;position: fixed;top: 0;left: 0;bottom: 0;z-index: 999;opacity: 0;overflow-x: hidden;overflow-y:inherit;}



/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */

.vbox-preloader{

    position:fixed; width:32px; height:32px;left:50%; top:50%; margin-left:-16px; margin-top:-16px;background-image: url(../images/yuan.gif);text-indent: -100px;overflow: hidden;-webkit-animation: playload 1.4s steps(18) infinite;-moz-animation: playload 1.4s steps(18) infinite;-ms-animation: playload 1.4s steps(18) infinite;

-o-animation: playload 1.4s steps(18) infinite;animation: playload 1.4s steps(18) infinite;}

/* circle preloader */



@-webkit-keyframes playload {

   from { background-position:0px; }

     to { background-position: -576px; }

}

@-moz-keyframes playload {

   from { background-position:    0px; }

     to { background-position: -576px; }

}

@-ms-keyframes playload {

   from { background-position:    0px; }

     to { background-position: -576px; }

}

@-o-keyframes playload {

   from { background-position:    0px; }

     to { background-position: -576px; }

}

@keyframes playload {

   from { background-position:    0px; }

     to { background-position: -576px; }

}

/* ----- navigation ----- */

.vbox-close{cursor: pointer;position: fixed;top: -1px;right: 0;width: 46px;height: 40px;padding: 10px 20px 10px 0;display: block;background: url(../images/close.gif) no-repeat #161617;background-position:10px center;color: #fff;text-indent: -100px;overflow: hidden;

}

.vbox-next, .vbox-prev{box-sizing: content-box;cursor: pointer;position: fixed;top: 50%;color: #fff;width: 30px;height: 170px;margin-top: -85px;text-indent: -100px;border: solid transparent; /* Using border instead of padding to keep bg image in place */overflow: hidden;}

.vbox-prev{left: 0;border-width: 0 30px 0 10px;background: url(../images/prev.gif) center center no-repeat;}

.vbox-next{right: 0;border-width: 0 10px 0 30px;background: url(../images/next.gif) center center no-repeat;}



.vbox-title{width: 100%;height: 40px;float: left;text-align: center;line-height: 28px;font-size: 12px;color: #fff;padding: 6px 40px;overflow: hidden;background: #161617;position: fixed;display: none;bottom: -1px;left: 0;}

.vbox-num{cursor: pointer;position: fixed;top: -1px;left: 0;height: 40px;display: block;color: #fff;overflow: hidden;line-height: 28px;font-size: 12px;padding: 6px 10px;background: #161617;display: none;}

/* ------- inline window ------ */

.vbox-inline{width: 420px;height: 315px;padding: 10px;background: #fff;text-align: left;margin: 0 auto;overflow: auto;}



/* ------- Video & iFrames window ------ */

.venoframe{border: none;width: 960px;height: 720px;}

@media (max-width: 992px) {

    .venoframe{width: 640px;height: 480px;}

}

@media (max-width: 767px) {

    .venoframe{width: 420px;height: 315px;}

}

@media (max-width: 460px) {

    .vbox-inline{width: 100%;}

	.venoframe{width: 100%;height: 260px;}

}



/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */

.vbox-open{overflow: hidden;}

.vbox-container{position: relative;background: #000;width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 15px;}

.vbox-content{text-align: center;float: left;width: 100%;position: relative;overflow: hidden;}

.vbox-container img{max-width: 100%;height: auto;}



/*弹出层样式结束*/





/*产品详情表格样式开始*/

/*	--------------------------------------------------

	:: Tables

	-------------------------------------------------- */

	.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) {

	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) {

	.pinned{ width:45%}

	div.table-wrapper div.scrollable table { margin-left: 45%; }

	}

	.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);

  }

}

/*产品详情表格样式结束*/



/*留言样式开始*/

.form-container{padding-top:20px; padding-bottom:5px;padding-left:10px;padding-right:10px;}

.form-horizontal .control-label{ text-align:right}

.col-sm-2{ width:10%; float:left; padding-top:2px}

.col-sm-4{ width:45%; float:left;}

.col-sm-6{ width:45%; float:left}

.help-block{

    color: #737373;

    display: block;

    margin-bottom: 10px;

	 text-indent:3%;

}

.form-group {

    clear: both;

    display: table;

    margin-bottom: 1%;

    width: 100%;

}

.col-sm-offset-2{ margin-left:10%;}

.info-area-failure{ background:url(../images/error.gif) left center no-repeat; margin:0 3% 10px}

/**/

.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;margin-bottom: 1%;width: 100%;display:block;width:100%;height:31px;padding:6px 12px;font-size:12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-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)}







.news{ max-width:1160px; margin:0 auto}

.news img{ max-width:100%}

.news p{ margin:0}







/*加载样式*/

.overlay_loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;width:100%;height:100%;_padding:0 20px 0 0;background:#f6f4f5;opacity: 0.8;filter:alpha(opacity=80);}

.showbox_loading{position:fixed;top:0;left:50%;z-index:9999;margin-left:-80px;border:1px solid #ddd;color:#434343 ;font-size:12px;font-weight:bold; margin-top:250px;}

.showbox_loading div.loadingWord{width:180px;height:50px;line-height:50px;border:2px solid #dddddd ;background:#fff; background:url(../images/waiting.gif) no-repeat 10px center; padding-left:50px;}





/*链接标红*/

.pane.tab-case div:hover p,.pro-vip li a:hover,.Bread-nav a:hover,.mainlevel li a:hover,.mainlevel p:hover,.foot a:hover{ color:#006699}





/*返回顶部样式开始*/



.cd-top {

  display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;text-indent: 100%;white-space: nowrap;background:  url(../images/top.jpg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

  z-index:9999999

}

.cd-top.cd-fade-out {

  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */

  opacity: .5;

}

.no-touch .cd-top:hover {

  background-color: #e86256;opacity: 1;

}

@media only screen and (min-width: 768px) {

  .cd-top {right: 20px;bottom: 20px;}

}

@media only screen and (min-width: 1024px) {

  .cd-top {height: 60px;width: 60px;right: 0px;bottom: 75px;}

}

/*返回顶部样式结束*/





/*工程案例样式*/

.project-leftsidebar{ float:left; background:#fff; width:25%; margin-bottom:4%}

.project-leftsidebar li{ width:100%; text-align:center; font-size:1.6em;border-bottom:1px solid #edecec}

.project-leftsidebar li a{ padding:10px 0; display:table; width:100%}

.project-leftsidebar li a:hover,.project-leftsidebar li .hit{ background:#006699; color:#fff;}

.project-main{ float:right; width:70%; height:auto; overflow:hidden; background:#fff; padding:3% 0 3% 3%; margin-bottom:4%;}

.pro-main-box{ float:left; width:30%; margin-right:3%; margin-bottom:20px;}

.pro-main-box p{ background:#404042; border:1px solid #d5d5d5; color:#fff; padding:10px 15px; height:70px;}

.pro-main-box p:hover{ background:#006699}



.user-data{ height:auto; overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #cfcecd}

.user-data p{ background:#f1efef; padding:10px 20px}

.user-data .hit{ background:#fff}



.case-article{ padding-bottom:15px; margin-bottom:15px;}

.case-article .hit{background:#f1efef; padding:10px 20px; font-size:18px; font-weight:bold; height:auto; overflow:hidden;}

.case-article ol li{ list-style-image:url(../images/icon29.png)}



.case-tab{ margin:20px 0; border:1px solid #898989; height:auto; overflow:hidden;}

.case-tab .tabPanel ul{ height:auto !important; border-bottom:none !important}

.case-tab .tabPanel ul li{ font-size:14px !important; font-weight:bold !important; width:25% !important; height:auto !important; line-height:24px !important; padding:10px 0 !important}

.case-tab .tabPanel .hit{ background:#006699 !important; color:#fff !important; border-bottom:none !important}

.case-tab .panes{ padding:4% 3% !important}

.case-tab .panes .pane:first-child{display:block;}

.case-news-info{ background:#f1efef; height: auto;

    line-height: 36px;

    overflow: hidden;

    padding: 4%;

    text-indent: 2em;}

.case-news-info img{ float:left;margin-right: 3%;}

/*工程案例样式*/



/*关于服务*/

.service-line{ margin-bottom:20px}

.service-line p{ text-align:center; color:#898989; font-weight:bold; }

.service-line li span{ background: #fff; padding:0 12px;}

.service-line li{float: left; height: 30px; border: 0px solid #999999; width: 100%;}

.service-line .list1{border-bottom: 1px solid #999;width: 100%;margin-bottom: -19px;}

.service-line a{display: block;text-decoration: none;padding: 6px 5px;width: 100%;text-align: center;pointer-events:none;font-size:1.5em;font-weight:bold; }

#navlist{ margin-bottom:10px; height:auto; overflow:hidden}

.service-list{ margin:0px auto; width:85%;}

.service-scope{ border-color: transparent; float:left;border-style: solid;border-width: 5px;margin: 0 auto;max-width: 230px;position: relative;width: 25%;}

.service-scope .service-scope-info{ position:absolute; left:0; top:0; display:none; height:100%; width:100%; padding-top:20%}

.service-scope .service-scope-info b{ font-size:2em; }

.service-scope a:hover .service-scope-info{ display:block; color:#fff; text-align:center;background-color:#000;/*:rgba(0,0,0,0.3);*/ opacity:0.69;filter:alpha(opacity=69); }



/*实验中心*/

.experiment,.experiment1{ background:#f2f1f1; font-size:13px; overflow:hidden; height:auto; padding:15px;}

.experiment1{ margin-top:30px;}

.experiment img{border:1px solid #e4e4e4; padding:3px; float:right;background:#fff; margin-left:15px;}

.experiment1 img{border:1px solid #e4e4e4; padding:3px; float:left;background:#fff; margin-right:15px;}

/*翻页*/

.dede_pages{

}

.dede_pages ul{

	float:left;

	padding:12px 0px 12px 50%;

}

.dede_pages ul li{

	float:left;

	font-family:Tahoma;

	line-height:17px;

	margin-right:6px;

	border:1px solid #E9E9E9;

}

.dede_pages ul li a{

	float:left;

	padding:2px 4px 2px;

	color:#555;

	display:block;

}

.dede_pages ul li a:hover{

	color:#690;

	text-decoration:none;

	padding:2px 4px 2px;

}

.dede_pages ul li.thisclass,

.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{

	background-color:#F8F8F8;

	padding:2px 4px 2px;

	font-weight:bold;

}

.dede_pages .pageinfo{

	line-height:21px;

	padding:12px 10px 12px 16px;

	color:#999;

}

.dede_pages .pageinfo strong{

	color:#555;

	font-weight:normal;

	margin:0px 2px;

}