ul,li{ list-style: none;margin: 0; padding: 0;}
	h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}
	p{margin: 0; padding: 0;}
	a{transition: 0.5s ease;}
	body{font-family: "微软雅黑";}
	.mt10{margin-top: 10px;}
	
	.wt_top{width: 100%; height: 30px; background: #f9f9f9;line-height: 30px; border-bottom: 1px solid #eee;}
	.header{width: 100%; padding: 15px 0; background: #fff; overflow: hidden;}
	.logo{float: left; width: 250px;}
	.logo img{width: 250px;}
	.header-contact{float: right; width: 200px;}
	.header-contact img{width: 200px;}
	
	.bs-docs-nav { margin-bottom: 0; background: rgba(255, 255, 255, 1);  border-bottom: 0 }
	.bs-home-nav .bs-nav-b { display: none }
	.bs-docs-nav .navbar-brand,
	.bs-docs-nav .navbar-nav>li>a { font-weight: 500; color: #fff; }
	.bs-docs-nav .navbar-nav>li>a:hover,
	.bs-docs-nav .navbar-nav>.active>a,
	.bs-docs-nav .navbar-nav>.active>a:hover { color: #463265; background-color: #f9f9f9 }
	.bs-docs-nav .navbar-toggle .icon-bar { background-color: #c00 }
	.bs-docs-nav .navbar-header .navbar-toggle { border-color: #fff }
	.bs-docs-nav .navbar-header .navbar-toggle:hover,
	.bs-docs-nav .navbar-header .navbar-toggle:focus { background-color: #fff; border-color: #fff }
	
	.navbar{min-height: 0;}
	.navbar{background: #c00;}
	.navbar-toggle {
		margin-top: -60px;
	}
	
	.swiper-container {
		width: 100%;
	}
	
	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.swiper-slide img{width: 100%;}
	
	.imain{padding: 10px ;}
	.cmain{padding: 20px 10px;}
	
	footer{padding:15px 0;background: #f6f6f6; color: #888; border-top: 2px solid #e0e0e0; text-align: left; font-size: 12px; line-height: 1.8;}


	.footercopy{text-align: left; line-height: 2}
	.footercode{text-align: center; margin-top: 20px}
	.footercode img{width: 100px; height: 100px}

	.project-show{overflow: hidden; margin-bottom: 10px;}
	.project-show .hd{height: 36px; border-bottom: 2px solid #e0e0e0; background: #f6f6f6;}
	.project-show .hd h3{height: 16px; margin:10px 0 10px 10px; border-left: 3px solid #c00; line-height: 16px; font-size: 16px; padding: 0 0 0 10px; float: left;}
	.project-show .bd{padding: 10px; border: 1px solid #eee; overflow: hidden;}
	.project-show .bd ul li{ position: relative; padding-bottom: 9px; border-bottom: 1px dashed #ddd; margin-bottom: 10px;}
	.project-show .bd ul li .xmpic{width: 120px; height: 80px;}
	.project-show .bd ul li .xmpic img{width: 120px; height: 80px;}
	.project-show .bd ul li .xmtext{position: absolute; top: 0; left: 130px;}
	.project-show .bd ul li .xmtext h4{height: 40px; line-height: 30px; font-size: 16px;}
	.project-show .bd ul li .xmtext h4 a{color: #444;}	
	.project-show .bd ul li .xmtext .xmmore a{background: #c00; color: #fff; padding: 4px 8px; font-size: 12px; border-bottom: 2px solid #900;}
	.project-show .bd .project-more{ float: left; position: relative; width: 100%;}
	.project-show .bd .project-more a{display: block; width: 80%; height: 40px; text-align: center; line-height: 40px; background: #fff; margin: 0 auto; color: #444; border: 1px solid #e0e0e0;}
	.project-show .bd .project-more a:hover{background: #e0e0e0; text-decoration: none;}
	
	
	
	.iabout{}
	.iabout .hd{height: 36px; border-bottom: 2px solid #e0e0e0; background: #f6f6f6;}
	.iabout .hd h3{height: 16px; margin:10px 0 10px 10px; border-left: 3px solid #c00; line-height: 16px; font-size: 16px; padding: 0 0 0 10px; float: left;}
	.iabout .bd{padding: 10px; border: 1px solid #eee;}	
	.iabout .bd .abouttext{ text-indent: 2em; line-height: 24px; overflow: hidden;}
	.iabout .bd .aboutmore{text-align: right; line-height: 24px; color: #c00;}
	.iabout .bd .aboutmore a{color: #c00;}
	
	.ivideo{/*background: #ccc;*/ margin-top: 10px;}
	.ivideo img{ width: 100%;}
	
	.izigongsi{}
	.izigongsi .hd{height: 36px; border-bottom: 2px solid #e0e0e0; background: #f6f6f6;}
	.izigongsi .hd h3{height: 16px; margin:10px 0 10px 10px; border-left: 3px solid #c00; line-height: 16px; font-size: 16px; padding: 0 0 0 10px; float: left;}
	.izigongsi .bd{padding: 10px; border: 1px solid #eee;}	
	.izigongsi .bd ul li{height: 30px; line-height: 30px; overflow: hidden;}
	.izigongsi .bd ul li a{color: #444;}

	.inews{ margin-left: -15px; margin-right: -15px;}
	.inews .hd{height: 36px; border-bottom: 2px solid #e0e0e0; background: #f6f6f6;}
	.inews .hd .more{float: right; position: relative; height: 16px; margin-top: 10px; margin-right: 10px; line-height: 16px; font-size: 14px; color: #666}
	.inews .hd .more a{ text-decoration: underline; color: #666; }
	.inews .hd h3{height: 16px; margin:10px 0 10px 10px; border-left: 3px solid #c00; line-height: 16px; font-size: 16px; padding: 0 0 0 10px; float: left;}
	.inews .bd{padding: 10px; border: 1px solid #eee;}
	.inews .bd .topnews{margin-bottom: 15px; position: relative; padding-bottom: 15px; margin-top: 19px; border-bottom: 1px dashed #ddd;}
	.inews .bd .topnews .toppic{width: 150px; height: 100px;}
	.inews .bd .topnews .toppic img{width: 150px; height: 100px;}
	.inews .bd .topnews .toptext{position: absolute; top: 0; left: 160px; }
	.inews .bd .topnews .toptext h4{width: 100%; height: 24px; line-height: 24px; font-size: 16px; overflow: hidden;}
	.inews .bd .topnews .toptext h4 a{color: #c00;}
	.inews .bd .topnews .toptext .newsinfo{width: 100%; margin-top: 6px; height: 70px; line-height: 23px; font-size: 14px; overflow: hidden; color: #999;}
	.inews .bd ul li{height: 31px; line-height: 31px; overflow: hidden;}
	.inews .bd ul li a{color: #444; font-size: 14px;}
	.inews .bd ul li span.date{float: right; font-size: 12px; color: #999;}	


	.cnav{padding: 10px; border: 1px solid #eee; border-top: 3px solid #c00; margin-bottom: 15px;}
	.cnav .pagetit{width: 100%; height: 40px; line-height: 30px; font-size: 18px;}
	.cnav .pagetit span.en{padding-left: 10px; font-size: 14px; color: #c00; font-style: italic;}
	.cnav ul{width: 100%; overflow: hidden;}

	.cnav ul li a:hover{color: #c00; text-decoration: none;}
	.cnav ul li a.current:hover{color: #fff;}
	
	.cnav ul li{width: auto; text-indent: 0;}
	.cnav ul li a{width: auto; padding: 6px 8px; float: left; line-height: 20px; margin: 0 5px 4px 0; border: 1px solid #eee; color: #444;}
	.cnav ul li a.current{border: 1px solid #666; background: #666; color: #fff;}	
	
	.cpage{margin-left: -15px; margin-right: -15px;}
	.content { font-size: 14px;  line-height: 2;  color: #555;}
	.content img{max-width: 100%; margin: 10px auto;}
	
	.cpage h1.newstit {width: 100%;padding-bottom: 20px;font-size: 22px;font-weight: 500;line-height: 1.5;}
	.cpage .newsinfo {width: 100%; color: #999; height: 30px; background: #f6f6f6; line-height: 30px; font-size: 12px; padding: 0 10px; margin-bottom: 10px;}	
	
	.newslist{position: relative; overflow: hidden;}
	.newslist ul {    width: 100%;    float: left;    padding-bottom: 25px;}
	.newslist ul li{ width:100%; float:left; padding:14px 0;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; border-bottom:1px solid #dddddd;}
	.newslist ul li .left_84{ float:left; width:64px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
	.newslist ul li .left_84 .t_84{ float:left; width:100%; height:30px; background:#f7f7f7; color:#888888; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:30px;-webkit-transition: all 0.2s ease-out 0s; 
	-moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
	.newslist ul li .left_84 .d_date{ float:left; width:100%; color:#888; font-size:18px; height:50px; background:#f7f7f7; text-align:center; line-height:50px; font-family:Arial, Helvetica, sans-serif; margin-top:3px;
	-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
	
	.newslist ul li .z_text_3{ margin-left:80px;}
	.newslist ul li .z_text_3 .z_tit_2{ font-size:16px; /*font-weight:bold;*/ color:#333;}
	.newslist ul li .z_text_3 .z_tit_2 a{ display:block; width:90%; overflow:hidden; text-overflow:ellipsis;}
	.newslist ul li .z_text_3 .text_3_b{ width:100%; float:left; font-size:14px; color:#777; margin:11px 0 0 0; line-height:24px; height:48px; overflow:hidden;text-align: justify;}
	.newslist ul li .z_text_3 .l_fb{ float:left; color:#aaaaaa; line-height:28px; margin-top:5px; font-size: 12px;}
	.newslist ul li .z_text_3 .l_fb img{ vertical-align:middle; margin-top:-3px;}
	.newslist ul li:hover{ background:#f7f7f7;}
	
	.newslist ul li:hover .left_84{ margin-left:10px;}
	.newslist ul li .z_text_3{  /*margin-left:161px;*/ margin-right:0;}
	.newslist ul li:hover .left_84 .t_84,.newslist ul li:hover .left_84 .d_date{ background:#fff;}
	.newslist ul li:hover .z_text_3 .z_tit_2 a{ color:#003366;} 
		
	.chanyelist li {float: left;width: 100%;padding: 15px 0;border-bottom: 1px solid #dddddd;}
	.chanyelist .z_240 { width: 100%; box-sizing: border-box;}
	
	.chanyelist .z_240 img{ display:block; width:100%;}
	.chanyelist li .z_550 { float: none; margin-left: 0; margin-top: 10px;}
	.chanyelist li .z_550 .tit2{ float:left; width:100%;}
	.chanyelist li .z_550 .tit2 a{ float:left; width:100%; color:#333333; font-size:18px; /*font-weight:bold;*/ line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis;}
	.chanyelist li:hover .z_550 .tit2 a{ color:#9e7939;}
	.chanyelist li .z_550 .text1{ float:left; width:100%; margin-top:8px; height:52px; overflow:hidden;}
	.chanyelist li .z_550 .text1 a{ color:#777777; font-size:14px; line-height:26px;text-align: justify; float:left;}
	.chanyelist li .z_550 .more{ float:left; width:100%; margin-top:15px;}
	.chanyelist li .z_550 .more a{ color:#aa1018; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}		
	
	.chanyecon h1.newstit{width: 100%; padding-bottom: 20px; font-size: 18px; font-weight: 500; line-height: 1.5; border-bottom: 1px dashed #d9d9d9; margin-bottom: 20px;}
	.onepage h1.newstit{width: 100%; padding-bottom: 20px; font-size: 22px; font-weight: 500; line-height: 1.5; border-bottom: 1px dashed #d9d9d9; margin-bottom: 20px;}
	
	
	.projectlist{padding-bottom: 20px; overflow: hidden;}
	.projectlist li {float: left;width: 100%; margin-right:50px;padding: 15px 0;border-bottom: 1px solid #dddddd;}
	.projectlist .z_240 { width: 100%; box-sizing: border-box;}	
	.projectlist .z_240 img{ display:block; width:100%;}
	.projectlist li .z_550 { float: none; margin-left: 0; margin-top: 10px;}
	.projectlist li .z_550 .tit2{ float:left; width:100%;}
	.projectlist li .z_550 .tit2 a{ float:left; width:100%; color:#333333; font-size:18px; /*font-weight:bold;*/ line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis;}
	.projectlist li:hover .z_550 .tit2 a{ color:#9e7939;}
	.projectlist li .z_550 .text1{ float:left; width:100%; margin-top:8px; height:52px; overflow:hidden;}
	.projectlist li .z_550 .text1 a{ color:#777777; font-size:14px; line-height:26px;text-align: justify; float:left;}
	.projectlist li .z_550 .more{ float:left; width:100%; margin-top:15px;}
	.projectlist li .z_550 .more a{ color:#aa1018; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

	.project-banner{width: 100%; height: 400px;}
	.project-banner .project-name{width: 100%; height: 400px; position: relative; text-align: center; font-weight: 500; color: #fff; text-shadow: #000000 0 2px 0; font-size: 48px;}	
	.project-banner .project-name h1{ position:absolute; left: 15%; top: 160px; width:70%; height: 80px; line-height: 80px; background: rgba(0,0,0,.7); font-size: 30px;}
	.project-box{padding: 10px; border: 1px solid #eee; border-top: 3px solid #c00; margin-bottom: 15px;}
	.project-box .hd{width: 100%; height: 40px; line-height: 30px; font-size: 18px; border-bottom: 1px dashed #ddd;}
	.project-box .bd{padding-top: 10px;}
	.project-intro{ line-height: 1.5;}
	.project-intro p{margin-bottom: 15px;}
	.project-news{line-height: 2;}
	.project-pics{}
	.project-pics ul{width: 100%; overflow: hidden;}
	.project-pics ul li{width: 100%;margin-bottom: 10px; float: left;}
	.project-pics ul li img{width: 100%;  padding: 9px; border: 1px solid #ddd;}
	
.pagelist {
	position: relative;
    padding-left: 0;
    list-style: none;
    color: #999;
    text-align: left;
}
.pagelist>li {
    display: inline-block;
}
.pagelist>li>a, .pagelist>li>span {
    position: relative;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    line-height: 1.2;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 5px;
    margin-right: 5px;
}
.pagelist>.am-active>a{
	    z-index: 2;
    color: #fff;
    background-color: #0e90d2;
    border-color: #0e90d2;
    cursor: default;
}


		
@media (min-width: 768px){
	.navbar .container{background: #c00;}
	.navbar-right {
	    float: left!important;
	    margin-left: -15px;
	}
	.navbar-nav>li>a {
		display: block;
	    color:#fff;
	    font-size: 12px;
	    border-right: 1px solid #e68080;
	    padding-left: 0;
	    padding-right: 0;
	    width: 83px;
	    text-align: center;    
	}
	.navbar-nav li:last-child a{border-right: none;}
	.nav > li > a:hover,
	.nav > li > a:focus {
	  text-decoration: none;
	  background-color: #444;
	}	
	.project-show .bd ul li{width: 50%; float: left;}
	
	.newslist ul li{ padding:34px 0;}
	.newslist ul li .left_84{ width:84px;}
	.newslist ul li .left_84 .d_date{font-size: 24px;}
	.newslist ul li .z_text_3{ margin-left:120px; margin-right: 20px;}
	.newslist ul li:hover .left_84{ margin-left:20px;}
	
	.chanyelist li {padding: 35px 0;}
	.chanyelist .z_240{ width:240px; float:left; overflow:hidden; border:solid 1px #eee;}
	.chanyelist li .z_550{ float:none; margin-left:270px;}
	
	.projectlist li{ width: 48%; float: left; margin-right: 2%; padding: 35px 0;}
	.projectlist .z_240{ width:150px; float:left; overflow:hidden;}
	.projectlist .z_240 img{ display:block; width:150px; height: 100px;}
	.projectlist li .z_550{ float:none; margin-left:170px; margin-right: 10px; margin-top: 0;}
	
	.project-banner .project-name h1{left: 25%;  width:50%;}
	.project-pics ul{width: 850px; overflow: hidden;}
	.project-pics ul li{width: 200px; height: 150px; margin-right: 10px; margin-bottom: 10px; float: left;}
	.project-pics ul li img{width: 200px; height: 150px; padding: 9px; border: 1px solid #ddd;}

	.footercode{margin-top: 0}
	
}
@media (min-width: 992px){
	.navbar-nav>li>a {
	    font-size: 14px;
	    width: 107px;
	    
	}
	.navbar-nav li:last-child a{border-right: none;}
	
	.project-show{margin-bottom: 0;}
	.project-show .bd ul li{width: 100%; float: left;}
	.inews{margin-left: 0; margin-right: 0;}
	.iabout .bd .abouttext{height: 240px;}
	.ivideo{/*height: 248px;*/ margin-top: 0;}
	.ivideo img{height: 248px;}
	
	footer{font-size: 14px; text-align: center;}
	
	.cnav{margin-bottom: 0;}
	.cnav ul li{width: 100%; text-indent: 10px; font-size: 14px; }
	.cnav ul li a{display: block; width: 100%; height: 40px; line-height: 40px; background: #fff;color:#444;border-top: 1px solid #eee;border-bottom: 1px solid #fff; border-left: 0; border-right: 0; padding:0; margin: 0;;}
	.cnav ul li a.current{background: #666; color: #fff; border: none;}
	
	.cpage{margin-right: -15px; margin-left: 0;}
	
	
	.projectlist .z_240{ width:180px; float:left; overflow:hidden;}
	.projectlist .z_240 img{ display:block; width:180px; height: 120px;}	
	.projectlist li .z_550{ float:none; margin-left:190px; margin-right: 20px;}
	
	
}
@media (min-width:1200px){
	.header{height: 100px; padding: 25px 0;}
	.navbar-nav>li>a {
	    width: 130px;
	}
	
	.project-show .bd ul li{width: 100%; float: left;}
	.cpage{margin-right: -15px; margin-left: 10px;}
	
	.newslist ul li .z_text_3{ margin-left:140px;}
	.newslist ul li .z_text_3 .l_fb{ font-size: 14px;}
	
	.projectlist .z_240{ width:240px; float:left; overflow:hidden;}
	.projectlist .z_240 img{ display:block; width:240px; height: 160px;}	
	.projectlist li .z_550{ float:none; margin-left:270px; margin-right: 20px;}	

}