@charset "utf-8";
/* CSS Document */

body {
	width:100%;
	height:100%;
	margin:0 auto;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif ;
	font-family:"微软雅黑";
	list-style:none;
}
a:link {color: #000; text-decoration: none}
a:active { color: #000;text-decoration: none }
a:visited {
	color: #000;
	text-decoration: none
}
li{ list-style:none}
.clear{ clear:both}
.folatleft{ float:left;}
.folatright{ float:right;}


.whole{ width:100%;margin:auto; }
.top_bj{ position:fixed; /* 绝对定位，fixed是相对于浏览器窗口定位。 */
    top:0; /* 距离窗口顶部距离 */
    left:0; /* 距离窗口左边的距离 */
    width:100%; /* 宽度设置为100% */
    height:143px; /* 高度 */
    z-index:99; /* 层叠顺序，数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
	background:url(../images/top_bj.jpg) repeat-x;}
.top_m{ position:fixed; /* 绝对定位，fixed是相对于浏览器窗口定位。 */
    top:0; /* 距离窗口顶部距离 */
    left:0; /* 距离窗口左边的距离 */
    width:100%; /* 宽度设置为100% */
    height:143px; /* 高度 */
    z-index:99; /* 层叠顺序，数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
	background:#fff;
	}
.top{ margin-bottom:1%}
.top_logo{ float:left;}
.top_logo_m img{ margin:auto; margin-top:2%; margin-bottom:2%}

.top_text p a{ text-align:right; width:50%; color:#0066FF;}



.navbar-default .navbar-nav>li>a{ color:#000;}
.navbar-default .navbar-nav>li>a:hover{color:#fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:url(../images/nav_bj.jpg) repeat-x;　border-radius:5px; color:#fff;}
.navbar-nav>li{ margin: auto; margin-left:8px;border-radius:5px;}
.navbar-nav>li>a{ padding:10px;}
.navbar-nav>li:hover{ background:url(../images/nav_bj.jpg) repeat-x;　border-radius:5px;  color:#fff;}
.dropdown-menu>li>a:hover{background:#c03c35; color:#fff;}
.dropdown-menu{background:#e2534b; color:#fff;}
.dropdown-menu>li>a{ color:#fff;}
.banner{ margin-top:120px;}
@media (max-width: 1179px) {
 .navbar-default{  border:none; padding-top:2%;}
.top_m{ position:fixed; /* 绝对定位，fixed是相对于浏览器窗口定位。 */
    top:0; /* 距离窗口顶部距离 */
    left:0; /* 距离窗口左边的距离 */
    width:100%; /* 宽度设置为100% */
    height:223px; /* 高度 */
    z-index:99; /* 层叠顺序，数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
	background:#fff;
	}
.banner{ margin-top:223px;}

  }

@media (max-width: 479px) {
.top_m{ position:fixed; /* 绝对定位，fixed是相对于浏览器窗口定位。 */
    top:0; /* 距离窗口顶部距离 */
    left:0; /* 距离窗口左边的距离 */
    width:100%; /* 宽度设置为100% */
    height:183px; /* 高度 */
    z-index:99; /* 层叠顺序，数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
	background:#fff;
	}

.banner{ margin-top:183px;}

}



.mian_bj{ width:100%; margin:auto; background:url(../images/main_bj.jpg) repeat-x;}
.title{ margin-top:5%; margin-bottom:5%; color:#000; text-align:center}
.about p{ text-align:justify; line-height:25px; color:#000; margin-bottom:8%; }


.why p{text-align:justify; line-height:20px; color:#000; margin-bottom:8%; margin-top:8%; padding-left:2%; padding-right:2%;}
.why2 p{text-align:justify; line-height:20px; color:#000; margin-bottom:8%; margin-top:8%; padding-left:2%; padding-right:2%;}

.more{ width:100%; height:50px; background:#2b2f30; color:#fff; font-size:20px; line-height:50px; margin-bottom:3%; text-align:center}

.sy_pro{ margin-bottom:5%;}
.sy_pro h2{ text-align:left; font-size:25px; color:#0f3870; font-weight:bold; margin-bottom:3%;}
.pro_left img{ border:3px #000000 solid; margin:auto;}
.pro_right p{ text-align:justify; padding-top:3%; color:#000;}
/*滚动*/
.kongzhi{ background:#000; width:255px; height:255px; float:left; margin:auto;}
.kongzhi h6{ color:#fff; font-size:30px; padding-left:5%; padding-top:5%;}
.kongzhi p{color:#fff; font-size:16px; padding-left:5%; padding-top:5%;}
#wrapper{        overflow: hidden;        width: 850px;        height: 250px; float:right;        position: relative; margin-bottom:5%;              }      
#wrapper ul {      position: absolute;        left: 0;        top: 0;   overflow:hidden;    }      
#wrapper li{        float: left;        list-style: none; margin-left:10px;      }      
#wrapper li img{        width: 250px;        height: 250px;         border:5px #000000 solid;      }      
input[type=button]{        margin-top: 20px; margin-left:15px;    width: 35px;         height: 25px;        line-height: 25px;      }  
#btn1{ background:url(../images/left.jpg); width:40px; height:41px; border:none;}
#btn2{ background:url(../images/right.jpg); width:40px; height:41px; border:none;}


.fot_bj{ width:100%; background:#2b2f30; }
.fot_list h3{ font-size:25px; color:#fff; text-align:left; padding-top:5%;}
.fot_list a{color:#0066FF}
.fot_list p{color:#fff;text-align:justify;padding-top:5%; font-size:10px; padding-bottom:8%; line-height:20px; }
.fot_list_center h3{ font-size:25px; color:#fff; text-align:center; padding-top:5%;}

.fot_list_center ul{ padding:0px;}
.fot_list_center li{ width:50%; margin:auto; height:35px; line-height:35px;font-size:10px; text-align:center;}
.fot_list_center li a{ color:#fff;}
.fot_line { color:#fff;border-top:1px #454545 solid;}
.fot_line p{ padding:2%;}

.ny_bj{width:100%; margin:auto; background:#f7f7f7; margin-top:140px; padding-bottom:5%;}
@media (max-width: 1179px) {
.ny_bj{width:100%; margin:auto; background:#f7f7f7; margin-top:170px; padding-bottom:5%;}

}
.ny_title{ padding:2%; background:url(../images/ny_line.jpg) bottom no-repeat; text-align:center;}
.ny_nr{text-align:left; text-align:justify; line-height:35px; padding-top:3%; padding-bottom:3%; background:#fff; border-radius:10px; margin-top:3%; margin-bottom:3%;}
.ab_box_bj{text-align:left; text-align:justify; line-height:35px; padding-top:3%; padding-bottom:3%; background:#fff; border-radius:10px; margin-top:3%; margin-bottom:3%;}
.ab_box_right p{ line-height:22px;}
.ab_box_left img{ border:1px #999999 solid; padding:5px; margin:auto; margin-bottom:2%;}



.pro_box_bj{text-align:left; text-align:justify; line-height:35px; padding-top:2%;background:#fff; border-radius:10px; margin-top:2%; margin-bottom:2%}
.pro_box_bj h4{font-weight:bold; color:#00c0ff; font-size:20px; padding:0px; margin:auto; padding-bottom:3%; margin-left:210px;}
.pro_box_left img{ border:1px #999999 solid;border-radius:10px; padding:5px; margin:auto; margin-bottom:2%; width:180px; height:150px;}
.pro_box_right h4{ font-weight:bold; color:#00c0ff; font-size:20px; padding:0px; margin:auto;}
.pro_box_right p{ line-height:22px; margin-top:5px;}
.pro_more{ float:right;border-radius:5px; }
.pro_more a{color:#fff; padding:5px;}

/*滚动*/
.carousel-control.left{ background:none !important;background-image:none !important; width:80px;}
.carousel-control.right{  background:none !important;background-image:none !important;}
.carousel {
  width: calc(100% - ($button-spacing * 2));
}
.carousel[data-shift="1"] .carousel-inner > .item {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  padding-left:3%;

}
.carousel .carousel-inner > .item.row {
  margin: 0;
}
.carousel .carousel-control {
  background: none;
  color: transparent;
  overflow: hidden;
  text-shadow: none;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 30px;
}
.carousel .carousel-control:before {
  color: #444;
  font-family: 'Glyphicons Halflings';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
}
.carousel .carousel-control:after {
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  content: '';
  height: 60%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
}
.carousel .carousel-control:hover:after {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.7);
}
.carousel .carousel-control.left {
  left: -30px;
}
.carousel .carousel-control.left:before {
  content: '\e079';
}
.carousel .carousel-control.left:after {
  right: -100%;
}
.carousel .carousel-control.right {
  right: -30px;
}
.carousel .carousel-control.right:before {
  content: '\e080';
}
.carousel .carousel-control.right:after {
  left: -100%;
}

.pro_gd img{ margin:auto; border:1px #CCCCCC solid;border-radius:5px; }
.pro_gd img:hover{border:1px #fb7600 solid;border-radius:5px; }
.pro_gd span{ text-align:center; margin:auto;}
.caption p{ text-align:center; line-height:25px; height:50px;}

.cont_left{ text-align:left; padding:3%;}
.cont_left h5{ font-size:20px; color:#00c0ff; font-weight:bold;}
.cont_left p{ line-height:35px;}
.cont_right img{ padding-top:5%;}

.biaoge{ padding-left:5%; padding-right:5%; padding-top:1%; min-height:400px; background:url(../images/message_bj.jpg) bottom right no-repeat;}
.name{ padding:10px; margin:auto; text-align:left; margin-top:1%; width:80%;}
.beizhu{ padding:10px; margin:auto; text-align:left; margin-top:1%; }
.map{ padding-top:5%;}


.pro_list{ margin-top:3%;}

.ny_title_text{ height:35px; line-height:35px; border-bottom:1px #CCCCCC dashed; text-align:left; margin-bottom:30px; margin-top:30px;}
.info{ text-align:center; margin-bottom:20px;}
.content{padding:12px 16px;line-height:25px;color:#333; text-align:left; text-align:justify; font-size:16px;}
.content img{ max-width:100%;}
.pro_img{ min-height:250px;}

.xw_title{ text-align:center;}
.cp2{ border-radius:5px; vertical-align:middle;text-align:center;*display: block; margin-bottom:2%; margin-top:2%;}
.cp2 img{  margin:auto; }

.enquiry img{ margin:auto; text-align:center; margin-bottom:2%;}










