@media (max-width: 1200px) {
	.row{
		margin: 0;
	}
	.navbar-brand {margin-left: 15px;}
	.form-horizontal .form-group{margin-left: 0;margin-right: 0;}
	
	.about-div2 .hidden-xs{padding: 0 10px;}
	
}
@media (min-width: 768px){
	.navbar-right{
	    margin-right: 0px;
	}
	
}

@media (min-width: 1220px) {
	.wrap{
	    max-width: 1200px;
	    margin: 0 auto;
	}
	.index-div1 .row>div.col-lg-8{
		width: 758px;
		padding: 0 30px;
	}
	.index-div1 .row>div.col-lg-4{
		width: 440px;
	}
	.news-container .news-list .row .textDiv{width: 790px;}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	ul.navbar-nav{font-size: 15px;}
	.index-banner{min-height: 524px;}
	.index-banner .wrap{padding-top: 0px;}
	.navbar-brand{width: 224px;}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{width: 50px;}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right: -15px;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left: -15px;}
	.glyphicon-chevron-right:before,.glyphicon-chevron-left:before{background-size: 100%;width: 50px;}
	.lx-div1 .textDiv .conDiv .text{margin-top: 30px;}
	.lx-div1 .textDiv .conDiv .div2{margin-top: 50px;}
	.lx-div1 .textDiv .conDiv img{margin-top: 20px;}
	.proDetail .row .textDiv .title{margin-bottom: 50px;}
	.proDetail .row .textDiv .zucheng{margin-bottom: 60px;}
	.news-container .news-list .row .textDiv{width: 620px;}
	.ryList .leftDiv{max-width: 16%;}
	.ryList .rightDiv{width: 84%;padding-left: 20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-brand {
    	background-image: url(../image/logo.png) !important; background-repeat: no-repeat !important; background-size: 155px 29px !important;
		height: 58px;
		width: 155px;
    }
	ul.navbar-nav{font-size: 15px;}
	ul.navbar-nav li a:focus, ul.navbar-nav li a.active{padding: 20px 0 10px;margin: 0 9px;background: url(../image/nav-bg.png) no-repeat center 38px;}
	ul.navbar-nav>li>a{padding: 20px 0 10px;margin: 0 9px;}
	.index-banner .top-content-text{padding: 0;}
	.top-content{margin-top: 58px;}
	.index-banner,.index-banner .carousel-inner>.item{min-height: 424px;}
	.index-banner .wrap{padding-top: 80px;}
	.index-container .index-div1 .row ul li{padding: 5px 0;}
	.index-container .index-div2,.index-div4{background-size:auto 100%;}
	.index-container .index-div2 .row .rowDiv a,.pro-container .proList .row .rowDiv a{padding: 11px 30px;}
	.index-div2-con .row>div,.pro-container .proList .row>div{padding: 0 5px;}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{width: 50px;}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right: -15px;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left: -15px;}
	.glyphicon-chevron-right:before,.glyphicon-chevron-left:before{background-size: 100%;width: 50px;}
	.bottomDiv .ewmDiv>span{text-align: center;}
	.lx-div1 .textDiv .conDiv .text{margin-top: 15px;}
	.lx-div1 .textDiv .conDiv .div2{margin-top: 25px;}
	.lx-div1 .textDiv .conDiv img{margin-top: 20px;}
	.lx-div1 .imgDiv .conDiv .ewmDiv img{width: 100px;height: 100px;}
	.lx-div1 .textDiv .conDiv h3{padding-bottom: 10px;}
	.lx-div1 .textDiv .conDiv span{margin-top: 10px;}
	.lx-div1 .textDiv .conDiv img{margin-top: 20px;width: 100px;}
	.index-container .index-div2 .row .rowDiv{padding-bottom: 15px;}
	.index-container .index-div2 .row h3,.pro-container .proList .row h3{font-size: 26px;}
	.index-container .index-div2 .row .rowDiv .topDiv,.pro-container .proList .row .rowDiv .topDiv{padding: 15px 10px 0;}
	.pro-container .proList .row .rowDiv .imgDiv,.index-container .index-div2 .row .rowDiv .imgDiv{height:180px;line-height: 180px;}
	.pro-container .proList .row .rowDiv .imgDiv img,.index-container .index-div2 .row .rowDiv .imgDiv img{width: 40%;}
	.zp-con .row1>div{padding: 0 5px;}
	.zp-con .row2{padding: 10px 0 15px 40px;text-align: left;}
	.zp-con .row2>div{margin-bottom: 10px;}
	.proDetail .row .textDiv{padding: 10px 15px 10px 25px;}
	.proDetail .row .textDiv .title{margin-bottom: 20px;}
	.proDetail .row .textDiv .zucheng{margin-bottom: 20px;}
	.news-container .news-list .row .textDiv span{margin-top: 0;}
	.news-container .news-list .row .textDiv p{margin: 10px 0 20px;}
	.news-container .news-list .row .dateDiv{padding: 10px 15px;}
	
	.ryList .leftDiv{max-width: 20%;}
	.ryList .rightDiv{width: 80%;padding-left: 25px;}
	.ryList .rightDiv .textDiv,.ryList .rightDiv span{padding: 15px 20px;}
	.about-div1 .row .textDiv{line-height: 30px;}
	.about-div1 .row2{margin: 30px 0;}
	.about-div2 .hidden-xs{padding: 0 10px;}
	.about-div2 .hidden-xs .imgDiv{max-width: 50%;margin-left: 20px;}
	.about-div2 .textDiv{line-height: 35px;}
	.guihua .leftDiv .textDiv span{padding: 5px 10px;}
}

@media (max-width: 767px) {
    .navbar-brand {
    	background-image: url(../image/logo.png) !important; background-repeat: no-repeat !important; background-size: 155px 29px !important;
		height: 58px;
		width: 200px;
    }
	.navbar.navbar-no-bg { background: #fff;}
	.navbar-brand { margin-left: 15px;}
	.navbar-collapse { border: 0; }
	.navbar-toggle { margin-top: 15px; padding: 6px 10px;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{background: #eee;}
	.navbar-toggle .icon-bar { background: #08a3e9;}
	.navbar-toggle .icon-bar1{color: #08A3E9;font-size: 30px;display: none;line-height: 0;}
	ul.navbar-nav li a { padding-top: 0px; padding-bottom: 15px; display: inline-block;}
	ul.navbar-nav li a:focus, ul.navbar-nav li a.active{padding: 0px 0px 15px;background: none;}
	.index-banner .top-content-text img{max-width: 90%;padding-left: 0;}
	.top-content{margin-top:58px;}
	.top-content img{ width:100%;}
	.index-banner,.index-banner .carousel-inner>.item{min-height: 280px;}
	.index-banner .top-content-text{padding: 50px 0 0;}
	.carousel-indicators{margin-bottom: 0;}
	.index-container .index-div1{padding-top: 0px;}
	.index-container .index-div1 .row{margin-top: 30px;}
	.index-container .index-div1 .row ul li .timeDiv{width: 20%;}
	.index-container .index-div1 .row ul li .textDiv{width: 80%;}
	.index-container .index-div1 .row ul li .timeDiv span{font-size: 30px;}
	.index-container .index-div2,.index-div4{background-size: auto 100%;}
	.index-container .index-div2 .tabDiv ul li{width: 25%;margin: 0 0 5px 0;}
	.index-container .index-div2 .row .rowDiv{padding-bottom: 10px;}
	.index-container .index-div2 .row .rowDiv .imgDiv{height: 180px;line-height: 180px;}
	.index-container .index-div2 .row .rowDiv .imgDiv img{width: 80%;}
	.index-container .index-div2 .row .rowDiv .topDiv{padding: 10px 10px 0;}
	.index-container .index-div2 .row .rowDiv a{padding: 8px 20px;}
	.index-container .index-div2 .row .titleDiv{padding-bottom: 5px;}
	.index-container .index-div2 .row h3{font-size: 16px;}
	.index-container .index-div2 .row .titleDiv .topDiv span{font-size: 14px;}
	.index-container .index-div2 .row .titleDiv .tagDiv{line-height: 15px;margin-top: 3px;}
	.index-container .index-div2 .row .titleDiv .tagDiv span{font-size: 12px;}
	.index-container .index-div2 .row>div{margin-bottom: 20px;padding: 0 10px;}
	.index-div3 .row2 .row>div{margin-bottom: 20px;padding: 0 5px;}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{width: 35px;}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right: -5px;top: 37%;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left: -5px;top: 37%;}
	.glyphicon-chevron-right:before,.glyphicon-chevron-left:before{background-size: 100%;width: 35px;}
	.index-div4 .row{margin: 30px 35px;}
	.index-div4 .row .conDiv{height: 92px;line-height: 92px;}
	.index-div3 .row2 .bgDiv{width: 80px;height: 80px;}
	.index-div3 .row2 .conDiv img{margin-bottom: 0;}
	.index-div3 .row2 .conDiv{font-size: 12px;}
	.bottomDiv .formDiv{padding-left: 15px;margin-bottom: 20px;}
	.bottomDiv .formDiv .row>div input{margin-bottom: 15px;width: 100%;}
	.bottomDiv .formDiv .groupDiv textarea{margin-top: 0;}
	.bottomDiv .ewmDiv>span{text-align: center;}
	.position{margin-top: 0;}
	.position ul li{width: 30%;height: 40px;line-height: 40px;}
	.position ul li span,.position ul li a{padding: 0;}
	.con-title{padding: 30px 0;}
	.lx-div1 .imgDiv .conDiv .ewmDiv{padding: 6px;}
	.lx-div1 .imgDiv .conDiv .ewmDiv img{width: 80px;height: 80px;}
	.lx-div1 .textDiv{margin-top: 20px;}
	.lx-div1 .textDiv .conDiv .text{margin-top: 15px;}
	.lx-div1 .textDiv .conDiv .div2{margin-top: 25px;}
	.lx-div1 .textDiv .conDiv img{margin-top: 20px;}
	.lx-div1 .mapDiv{margin: 20px auto 40px;}
	.lx-div1 .textDiv .conDiv img{margin-top: 10px;width: 100px;margin-bottom: 10px;}
	.form-horizontal .form-group>div{margin-bottom: 20px;}
	.form-group{margin-bottom: 0;}
	.pro-container .proList .row>div{margin-bottom: 20px;padding: 0 10px;}
	.pro-container .proList .row .rowDiv{padding-bottom: 10px;}
	.pro-container .proList .row .rowDiv .imgDiv{height:180px;line-height: 180px;}
	.pro-container .proList .row .rowDiv .imgDiv img{width: 80%;}
	.pro-container .proList .row .rowDiv .topDiv{padding: 10px 10px 0; height:auto;}
	.pro-container .proList .row .rowDiv a{padding: 8px 20px;}
	.proDetail .row .imgDiv img{ width:100%;}
	.pro-container .proList  .row .rowDiv .detailBtn{padding:7px 25px; font-size:12px;}
	.index-container .index-div2 .row .rowDiv .detailBtn{ padding:7px 25px; font-size:12px;}
	.index-div3 .row2 .conDiv{ top:25%}
	.pro-container .proList .row .titleDiv{padding-bottom: 5px;}
	.pro-container .proList .row h3{font-size: 16px;}
	.pro-container .proList .row .titleDiv .topDiv span{font-size: 14px;}
	.pro-container .proList .row .titleDiv .tagDiv{line-height: 15px;margin-top: 3px;}
	.pro-container .proList .row .titleDiv .tagDiv span{font-size: 12px;}
	.zp-con .row1{padding: 45px 0 20px;}
	.zp-con .row1>div{padding: 0 5px;margin-bottom: 15px;}
	.zp-con .row1>div>div{margin-top: 5px;}
	.zp-con .textDiv{padding:15px;line-height: 30px;}
	.zp-con .row2{padding: 10px 0 15px 0px;text-align: left;}
	.zp-con .row2>div{margin-bottom: 10px;}
	.zp-con .row1>div>div{font-size: 16px;}
	.zp-container .position ul li,.wh-container .position ul li,.about-container .position ul li{width: 25%;}
	.qyln-container .col-xs-12 .conDiv img{ width:100%;} 
	.proDetail .row .textDiv{padding:30px;}
	.proDetail .row .textDiv .title,.proDetail .row .textDiv .zucheng{margin-bottom: 30px;}
	.proDetail .pro-intro .tabDiv{padding: 0;}
	.proDetail .pro-intro .tabDiv a{width: 33.3%;padding: 10px 0;font-size: 15px;}
	.proDetail .pro-intro .textDiv{padding: 30px 15px;line-height: 30px;font-size: 14px;}
	.news-container .position ul li,.pro-container .position ul li,.pro-detail-container .position ul li{width: 20%;}
	.news-container .news-list .row{padding: 20px 5px 20px 10px;}
	.news-container .news-list .row .textDiv span{margin-top: 0;}
	.news-container .news-list .row .imgDiv img{ max-width:100%;}
	.news-container .news-list .row .textDiv p{margin: 5px 0 10px;line-height: 16px;}
	.news-container .news-list .row .dateDiv{padding: 10px 15px;}
	.news-container .news-list .row .textDiv a.detailBtn{padding: 5px 25px 5px 10px;}
	.news-container .news-list .row .textDiv a.detailBtn{font-size: 12px;}
	.position ul li span{font-size: 16px;}
	.position ul li a{font-size: 13px;}
	
	.page_view_tit{ width:100%; text-align:center; font-size:16px; font-weight:bold; color:#09aaeb; padding-bottom:15px; border-bottom:1px solid #e1e1e1; margin-bottom:10px; padding-top:35px; line-height:20px; }
.page_view_tit div{ color:#999999;font-size:12px; font-weight:normal;  margin-top:5px;}

.page_view_tit #newtitle{font-size:18px; font-weight:bold; color:#8b9700;}
#contents{ width:95%; margin:0 auto; text-align:justify; line-height:28px; padding-bottom:20px;text-align:justify; text-justify:inter-ideograph; font-size:14px; height:auto; _height:400px; min-height:400px; display:block; }
#contents img{ width:100%;}	
	
	.wh-div1 .row2 .imgDiv{margin-bottom: 20px;}
	.wh-div1 .row3{margin: 10px 0;}
	.wh-div1 .row3 .imgDiv{margin: 20px 0;}
	.wh-div1>.textDiv{padding: 0 15px;}
	.guihua>.row{padding: 0 10px;}
	.guihua .leftDiv{max-width: 30%;padding-right: 20px;}
	.guihua .rightDiv{width: 70%;padding-left: 20px;}
	.guihua .leftDiv img{margin-top: -8px;right: -8px;width: 16px;height: 16px;}
	.guihua .leftDiv .textDiv:after{border-left: 10px solid #007eb7;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
	.guihua .rightDiv .textDiv:before{top: 27px;border-right: 10px solid #fff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
	.guihua .leftDiv .textDiv{min-height: 70px;font-size: 14px;}
	.guihua .rightDiv .bgDiv{padding: 10px 15px;font-size: 14px;line-height: 28px;}
	.guihua .leftDiv .textDiv:after{top: 27px;margin-top: 0;}
	.guihua .rightDiv .textDiv{padding-right: 12px;}
	/*.guihua .rightDiv .textDiv:after{top: 15px;right: 6px;}*/
	.guihua .leftDiv .textDiv span{background: #007eb7;padding: 5px;}
	.about-div3 .leftImgDiv{text-align: center;}
	.about-div3 .leftImgDiv img{max-width: 50%;}
	.about-div1 .row2{margin: 40px 0;}
	.about-div1 .row .textDiv,.about-div2 .textDiv{line-height: 30px;}
	.about-div2{background-size:auto 100%;}
	.ryList .leftDiv img{margin-top: -9px;right: -9px;z-index: 1;width: 18px;}
    .ryList .leftDiv{padding: 0px 10px 0px 0;max-width: 23%;}
    .ryList .leftDiv .textDiv{text-align: left;font-size: 24px;}
    .ryList {margin-top: 30px;}
    .ryList .rightDiv{width:75%;padding: 0 0 0 20px;}
    .ryList .rightDiv span,.ryList .rightDiv .textDiv{padding: 10px;font-size: 14px;}
    .ryList .rightDiv .textDiv{margin-bottom: 15px;}
    .ryList .rightDiv .imgDiv{margin: 15px 0 20px;}
    .con-title .leftDiv h2,.proDetail .row .textDiv .title h3,.bottomDiv .row .listDiv h3,.lx-div1 .textDiv .conDiv h3{font-size: 20px;}
    .bottomDiv .row .listDiv h2{font-size: 30px;}
    .index-div3,.index-div4{padding: 30px 0 20px;}
    .index-container .title h2,.lx-div2 .title{font-size: 20px;}
    .lx-div2 img{width: 7%;}
    .index-container .index-div2 .tabDiv ul li a{max-width: 94%;font-size: 12px;}
	  a.backtop{
  	bottom: 40px;
  	right: 20px;
  	zoom: .8;
  }
}
@media (max-width: 320px) {
	.pro-container .proList .row h3{font-size: 18px;}
	.pro-container .proList .row .titleDiv .topDiv span{font-size: 14px;}
	.pro-container .proList .row .rowDiv .imgDiv{height:160px;line-height: 160px;}
	
	.index-container .index-div2 .row h3{font-size: 18px;}
	.index-container .index-div2 .row .titleDiv .topDiv span{font-size: 14px;}
	.index-container .index-div2 .row .rowDiv .imgDiv{height:160px;line-height: 160px;}
	
	.zp-con .row1>div>div{min-height: 50px;}
	.proDetail .row .textDiv{padding:30px 10px;}
	.news-container .news-list .row .textDiv a.detailBtn{padding: 3px 25px 3px 10px;}
	.position ul li span{font-size: 15px;}
	.position ul li a{font-size: 12px;}
	.about-history-list .slides li{max-width: 210px;}
	.index-div3 .row2 .bgDiv{width: 75px;height: 75px;}
}

/* Retina-ize images/icons */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	
}