@charset "UTF-8";
/* CSS Document */

body{}
ul,menu{list-style:none;margin:0;padding:0}
a{color:#333;text-decoration:none}
.bg-white{background:#fff;width:100%}
.bg-black{background:#000;}
.bg-gray{background:#f5f5f5;width:100%;}
.shadow{box-shadow: 3px 3px 2px #666;}
.r15{-moz-border-radius: 15px; -webkit-border-radius: 15px;  border-radius:15px;}

#header{background: #fff; width: 1200px; height: 100px;position:relative;z-index:100}
.logo{width:250px;background:url(../images/logo.png) left center no-repeat;height:100%;float:left}

.h100{width:100%;height:60px;background:#000;opacity:0.8;z-index:1;display:none;position:absolute;top:100px}

/*PC屏幕导航*/
menu{margin-top:30px;width:atuo;display:block;float:right;}
menu li{ float:left;text-align:center;line-height:50px;height:auto;}
menu li a{ display:block;color:#333;font-size:16px;padding:0 20px 20px;}
menu li a:hover{display:block;color:#c00;text-decoration:none;background:url(../images/icon15.png) center bottom no-repeat}
menu li a span{padding:0 5px;display:block;text-align:center;}
menu li.sel a{color:#c00}
menu li.sel li a{color:#fff}

menu ul{ visibility:hidden;position:absolute;z-index:10;padding:0;height:60px;}
menu li:hover ul.second{visibility:visible}
menu ul li { float:left;display:block;position:relative}

menu ul li a{color:#fff;padding:15px!important;font-size:14px;font-weight:normal;text-align:center;display:block;line-height:30px;height:60px;}

menu ul a:hover {color:#fff;background:#C30}
.third{ top:0px; left:100px; width:97px;}
menu ul li:hover ul.third, menu ul a:hover ul.third { visibility:visible; }

menu ul ul li{ border-right:none;}
menu ul ul a { background:#000;}
menu ul ul a:hover { background:#B45B3E; color:#369; }

.navbar-default{border-radius:0;margin:3px 0;background:#fff;border:0;}
.navbar-brand{margin:0;padding:0}

.navbar-toggle {margin-top: 4px;margin-bottom: 4px;border:0}

/*--------------banner------------------*/
.banner{width:100%;display:block;position:relative;background:#000}
.banner .slides{width:auto;margin:0;padding:0}
.banner .slides > li  img{width:100%;display:block;} 

/*slides*/
.flexslider .slides{width:100%;height:600px;display:block;}
.flexslider .slides > li {width:100%;height:100%;background-size:980px;background-position:center center;background-repeat:no-repeat} 

.flexslider .slides img {width: 980px; display: block;position:relative;margin:20px auto;}
.flex-pauseplay span {text-transform: capitalize;}

/* FlexSlider Default Theme
*********************************/
.wrap{position:relative;height:600px}
.flexslider { margin: auto; width:1000px;position: relative; zoom: 1;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel{background:url(../images/black_bg.jpg);width:100%;height:600px;position:absolute;top:0}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px;top:40%;position:absolute; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(../images/arr.png) no-repeat; text-indent:-999em;}
.flex-direction-nav .flex-prev { left:60px; background-position:0 0; }
.flex-direction-nav .flex-next { right: 60px; background-position:-132px 0}
.flexslider:hover .flex-prev { opacity: 1}
.flexslider:hover .flex-next { opacity: 1}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
/*.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }*/

/* Control Nav */

.flex-control-nav {width: 99%; position:relative;bottom:40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #fff; }
.flex-control-paging li a.flex-active { background: #fff; cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

.solution{width:100%;background:#000;margin-top:-14px;position:relative}
.solution ul{}
.solution ul li{padding:0;margin:0}
.solution ul li a{padding:20px 0;display:block;font-size:1.5em;text-align:center;}
.solution ul li small{font-size:0.6em;}
.solution li:first-child a{background:#eca229}
.solution ul li a{color:#fff;text-decoration:none;display:block;}
.solution ul li a:hover{background:#eca229}

#block ul{width:100%;height:33.33333%;display:block;background:#000}
#block ul li{width:20%;height:33.3333%;background:#ccc;background-size:cover;float:left;display:block;animation-duration:1s;overflow:hidden}
#block ul li a{color:#fff}

#block ul.one >li:first-child {background:#e64c65 url(../images/icon3.png) center 20% no-repeat;position:relative}
#block ul.two>li:last-child {background:#3468af url(../images/icon1.png) center 20% no-repeat;position:relative}
#block ul.three >li:first-child {background:#00a185 url(../images/icon2.png) center 20% no-repeat;position:relative}
#block ul li big{font-size:24px;color:#fff;text-indent:1em;position:absolute;bottom:1em}

#block ul li p{width:100%;height:100%;background:#000;display:none;animation-duration:0.5s;opacity:0.6}
#block ul li p a{color:#fff;padding:30px 10px;display:block;}
#block ul li p b{line-height:1.5em;font-size:15px;}

#banner_c{padding:0;position:relative}
#banner_c img{position:relative}
#banner_c .desc{position:absolute;height:auto;font-weight:100;background:#000;opacity:0.5;color:#fff;font-size:40px;right:0;top:80px;padding:40px}

.w_set { margin:auto;padding:0 0 0 180px;height: 42px;line-height:42px;position: relative;}
.w_900 { min-height:600px;float:right;}
.w_216 { width:216px;float:left;height:auto;}
.w_216  .title { line-height: 280px; height: 216px;background:#65CDD8 url(../images/icon_13.png) center 30px no-repeat;margin-top:-130px;z-index:2;position:relative;pointer-events: none;}
.w_216  .title h3 a { display:block;color: #FFF; font-size:28px;letter-spacing:2px;padding-top:145px;text-align:center }
.about_c img{width:100%;height:100%}

ul.submenu{}
ul.submenu li{text-align:center;border-bottom:1px solid #ddd;height:45px;line-height:45px;font-size:15px;background:url(../images/web_nav.gif) 10px center no-repeat}
ul.submenu li a{color:#666;}
ul.submenu li a:hover{color:#C00;}
ul.submenu li.select a{color:#C00}

/*图片列表*/
#pagelist {padding:30px 0}
#pagelist li{margin-bottom:30px}
#pagelist img{display:block;border:1px solid #f5f5f5;margin-bottom:5px}

#pagelist li .ldt { display:block; text-align:left; color:#ccc;height:18px;}
#pagelist li .lbt {display:block; color:#666;font-size:15px;line-height:30px;height:30px;overflow:hidden}

.breadcrumb{padding:0;line-height:2.8em;margin:0;color:#666}
.breadcrumb a{color:#666;padding:0 5px}
/* THUMBNAIL
-------------------------------------------------- */
.gird-item{border:none}
.thumbnail{border:none;border-radius:0}
.thumbnail p{font-size:12px;color:#666}

nav ul.pagination{float:right}

div.bg-white .product{padding:20px}
div.bg-white .product h1{color:#c00;}
div.bg-white .product p{line-height:1.75em;margin:20px 0}
div.bg-white:nth-child(odd){background:#f5f5f5}
div.bg-white:nth-child(odd) .product:nth-child(even){float:left}
div.bg-white:nth-child(odd) .product:nth-child(odd){float:right}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel {}
.carousel-caption {z-index: 10;}

.carousel .item {background-color: #777;}
.carousel-inner > .item > img {}
.carousel-indicators{position:absolute;bottom:5px}
.carousel-indicators li{background:#333;border:0;}

.footer{height:80px;background:#fff;border-top:1px solid #fff;clear:both}
.footer p{color:#666;line-height:1.7em;font-size:0.9em}
.bdsharebuttonbox{float:right;margin:20px 0 0 0;}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width:768px){
	.logo{width:250px;background:url(../images/logo.png) left center no-repeat;height:45px;float:left}
	.solution ul li a{padding: 5px 0;display:block;font-size:1em;line-height:1em;text-align:center;}
	#block ul li{width:50%;}
	#block ul li p small{display:none}
	#block ul li p b{display:block}
	#banner_c .desc{width:100%;top:0;padding:0}
	#banner_c h1{font-size:0.4em}
	.flexslider .slides, .wrap,.carousel{width:100%;height:230px;display:block;}
	.flexslider .slides > li {width:100%;height:100%;background-size:100%} 
    h1{font-size:1.5em;}
	.footer{border-top:1px solid #ccc}
	.footer p{font-size:0.6em}
	.bdsharebuttonbox{margin:auto;width:250px}
}

@media (min-width: 768px) {
	#block ul li{width:20%;}
	
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin: 20px;
  }
  
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}
/*--------------在线客服------------------*/
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;z-index:10}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:194px;background-position:0 -222px;}

.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-feedback .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}

/*--------------网站地图------------------*/
#webmap{padding:20px 0;clear:both;}
#webmap ul{padding:0 70px 0 15px;float:left;font-size:0.9em;}
#webmap ul li a{line-height:2.3em;color:#ccc;}
#webmap ul li a:hover{text-decoration:underline}
#webmap ul li a.jt {font-size:1.2em;color:#fff}

/*文章*/
.editor{ float:left; font-size:12px; margin:11px 0; width:545px; text-align:right;}
#newscontent{ }
#newsconttitle a:hover{ color:#04d;}

#newsconttitle h1{ font-size:1.5em;color:#666;text-align:center;}
#newsconttitle p{ width:100%; height:40px; line-height:20px; float:left; padding:10px 0; margin:10px 0 0 0; color:#666; border-top:1px solid #ccc;border-bottom:1px #ddd solid;}
#newsummary{margin: 10px 0px 0px;padding: 12px 5px 6px;width:98%; background:#FFF;;border: 1px solid #DCDDDD; }
#newsummary h2{text-indent: 2em;font-size: 14px;line-height: 20px;color:#666; font-weight:500;}
#newcontent{ line-height:22px; color:#666; margin:10px 5px 0 5px;  }
#newcontent p{ padding:0; margin:0;line-height:2em;}
#newcontent p a:hover{ color:#04d;}
#newsleft .ad{ margin:10px 0; float:left;}
#newsright{ float:left; width:350px; margin-left:10px; display:inline;}
#articeBottom{ width:100%; text-align:right; margin:6px 0 0 0; padding-top:10px;}
#articeBottom span{ float:left;}
#articeBottom span a{ font-size:12px;}
#articeBottom span a:hover{ color:#0099FF;}
#articeBottom{}
#articleHeader { margin:5px auto; padding:5px 0;height:60px;background:#f5f5f5;}
#articleHeader h4{font-size:12px; color:#333; line-height:12px;height:12px;font-weight:normal;padding-left:35px;}
#articleHeader h4 a{ font-size:12px; color:#039;text-decoration:underline}