@charset "UTF-8";/*!/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
  font-family:"微软雅黑" !important;
}
h1,h2,h3,h4,h5,strong{font-family:"microsoft yahei";}

#navbar{background-color:#fff;clear:both;width:100%; }
.navbar{background-color:#fff;}
.navbar-nav{background-color:#fff;background-color:#333;width:100%; display:block;margin-top:25px;}
.navbar-nav li {padding:0 8px 0 8px;}
.navbar-nav li a{font-size:16px !important;color:#ccc !important;}
.navbar-right li a{font-size:18px !important;color:#888 !important;}
.navbar-nav > li > a:hover{color:#ff6600 !important;}

.navbar-brand img{height:45px;width:158px;}
.navbar-brand{margin-top:-15px !important;}
.navbar-header{height:50px;}
.navbar-toggle{color:#1963a4 !important;z-index:9999;margin-top:5px;}
#myCarousel{margin:0;padding:0;}
.carousel-indicators{top:345px;}
.circlebox{ border-radius:6px;}
.foot_box{clear:both; background-color:#215591;height:160px;color:#fff;}
.foot_logo{float:left;}
.foot_box p{padding:0 10px 0 10px}
.foot_box p a{color:#62a6f5;}
.jumbotron{height:315px;background:url(../images/wjbg.jpg) top center no-repeat;}
.jumbotron h2,.jumbotron p{color:#fff !important;}
.newslist{clear:both;border-bottom:1px dotted #eee !important;margin-bottom:10px;}
.case_img{float:left;margin:0px;padding:0px;}
.case_text{float:left;padding-left:20px;margin-top:15px !important;padding:0px !important; text-align:left;}
#shopping_right_bt {
  bottom: 5px;
  color: #fff;
  position: fixed;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  right: 8px;
  font-size:24px;
  z-index:10000;
}
#shopping_right_bt ul li{ list-style-type:none;width:50px;height:50px;clear:both;margin-bottom:3px; border-radius:5px;}
#shopping_right_bt ul li a{width:50px;height:50px; background-color:#215591 !important;opacity:0.8;float:left;margin-bottom:3px; border-radius:5px;color:#fff !important;font-size:30px !important;padding:3px 0 0 10px;}
#shopping_right_bt ul li a:hover{width:50px;height:50px; background-color:#ccc !important;opacity:0.9;float:left;margin-bottom:3px; border-radius:5px;color:#333 !important;}
.weixin_img{ position:absolute;right:60px; background-color:#fff;border:1px solid #ccc;padding:5px; display:none;}
.weixin_img img{width:145px !important;height:145px !important;}
.pagecout{clear:both !important;}
.jingpai{padding-top:10px;}
.hiddens{display:none;}

/*弹层选择*/
	#lqzs{position:fixed;top:135px;border:0px;z-index:99;margin:auto; text-align:center;}
	.shopp_info_box{width:100%;padding:0;margin-top:-20px;clear:both;}
	.shopp_info_box button{cursor:pointer;}
	.shopping_infos{width:100%;clear:both;}
	.shopping_infos img{margin:auto;}
	.shop_alpha{width:100%;height:8000px !important; z-index:98; background-color:#333; opacity:0.6; position:absolute; display:none;top:0;}
	.closebts{width:100%;position:fixed; z-index:10000;margin-top:30px;right:10px;}
	.page_clear{clear:both;padding-top:10px;}
	.login_btn{float:left;height:40px; text-align:center;border:0px;background-color:#ee3f62 !important; color:#fff; font-size:18px; border-radius:5px;cursor:pointer;}
	.l_input{float:left;height:40px; text-align:left;border:0px;background-color:#fff !important; color:#666; font-size:18px; border-radius:5px;cursor:pointer;padding-left:5px;}
	.submit_box{padding:10px 50px 10px 0px;text-align:center;}
	.box_title{font-size:16px;color:#fff;}
.srdz{float:left;padding-top:20px;}
@media (max-width: 1200px) {
.pull-right{display:none;}	
.jumbotron{padding:20px;}
.foot_box{clear:both; background-color:#215591;height:180px;color:#fff;}
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 0px;
  padding-left: 0px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  top:80px;
  height: 380px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 380px;
  background-color: #777;
  cursor:pointer;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 380px;
}
.login-btn{float:left;padding-top:8px;margin-right:10px;margin-left:13px;}
.nav_topline{height:15px; background-color:#fff;}
.nav_topline strong{float:left;padding:5px 0 0 10px;color:#fff;}
.contact_num{float:right;padding:5px 20px 0 0;}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing .col-lg-3 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0px;
  }
  .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: 0px;
  }

  /* 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: 90px;
  }
}
.rotate{
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	transition-property:transform;
	overflow:hidden;
	}
.rotate:hover{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
}