@charset "utf-8";
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
	color: #000;
}
html, body, div, span, ul, li, p, h1, h3, h4, dl, dd, dt,input {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a{  color:#000;}
a:hover{text-decoration:none; }
.logo {
	padding:0;
}
.rp{ display:none !important;}
.imgg{}
.fbb{ height:24px; background:url(../images/fb.jpg) repeat-x;}
.imgg img{ float:right;}
.bgbg{ background-color:#0035a9;   padding:40px 0;}
.tbg{ padding:20px 0;text-align:center; }
.tbg h4{ margin-top:20px;}
.tbg:hover{ background-color:#3d3cf9;}
.tbg a:link,.tbg a:visited{ color:#fff;}
.tbg a:hover{ color:#F00;}
.top{ background-color:#0035a9;padding:10px 0 20px 0;}
.top1{ background-color:#0035a9;padding:10px 0 0px 0;}


/*--自适应焦点图--*/

.wrapper {margin: 56px 0 0 0;
	position:relative;
}

.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	height:577px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	height:577px !important;
	position:relative;
}

.full-2{height:577px !important;}
#about-slider{height:577px !important;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#e1472f !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 20px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 15px;
    height: 15px;
    float: left;
	border-radius:7px;
	margin:5px 2px;/*-焦点图切换那妞颜色-*/
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}




/*--自适应 slide end--*/
.tab-h2 {
	font-size: 20px;
	text-align: center;
	letter-spacing: 1px;
	color: #0059b2;
}
.tab-p {
	font-size: 15px;
	text-align: center;
	letter-spacing: 1px;
	color: #999;
	margin: 20px 0 40px 0;
}
.tab1 {
	margin: 30px 0;
	color: #666;
}
.tab1 .text-muted {
	color: #999;
	text-decoration: line-through;
}
.tab1 .media-heading {
	margin: 5px 0 20px 0;
}
.tab1 .col {
	padding: 20px;
}
.tab2 {
	background-color: #eee;
	padding: 60px 20px;
	text-align: center;
}
.tab2 img {
	width: 40%;
	height: 40%;
}
.tab3 {
	padding: 60px 20px;
	text-align: center;
}
.tab3 img {
	width: 65%;
	height: 65%;
}
.text h3 {
	font-size: 20px;
}
.text p {
	font-size: 14px;
}
.jumbotron {
	background-image: url(../img/bg.jpg);
	margin: 50px 0 0 0;
	color: #ccc;
}
.jumbotron h1 {
	font-size: 26px;
	padding: 0 0 0 20px;
}
.jumbotron h4 {
	font-size: 15px;
	padding: 0 0 0 20px;
}
#information {
	background-color: #eee;
	padding: 40px 0;
}
.info-content {
	background-color: #fff;
	margin: 0 0 20px 0;
	box-shadow: 2px 2px 3px #ccc;
}
.info-content img {
	margin: 12px 0;
}
.info-content h4 {
	color: #333;
	padding: 2px 0 0 0;
	font-size: 14px;
}
.info-content p {
	line-height: 1.6;
}
.info-right {
	background-color: #fff;
	box-shadow: 2px 2px 3px #ccc;
}
.info-right blockquote {
	margin: 0;
	padding: 0;
}
.info-right h2 {
	font-size: 20px;
	color: #333;
	padding: 5px;
}
.info-right h4 {
	color: #333;
	font-size: 16px;
	padding: 2px 0 0 0;
	line-height: 1.6;
}
#case {
	padding: 40px 0;

	text-align: center;
}
#case h4 {
	color: #666;
}
#case p {
	color: #666;
	line-height: 1.6;
}
#about {
	
	padding:20px 0;
}

#about .info1 { line-height:200%; font-size:24px;padding:20px 0;

}
#about .info1 .tt{ font-size:25px;text-transform:uppercase; color:#000; line-height:40px; margin:40px 0;}

/*栏目*/
.abt{  line-height:30px; background-color:#0e0d2f; display:block;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav1{ height:34px; line-height:34px; background:#0e0d2f;  position:relative; z-index:1;  }
		.nav1 a{ color:#fff;  }
		.nav1 .nLi{ float:left;height:34px; line-height:34px;  position:relative; display:inline;  }
		.nav1 .nLi h3{ float:left;height:34px; line-height:34px;  }
		.nav1 .nLi h3 a{ display:block; padding:0 70px; font-size:16px; font-weight:bold;  }
		.nav1 .sub{ display:none; width:100px; left:0; top:34px;  position:absolute; background:#4E4E4E;  line-height:26px; padding:5px 0;  }
		.nav1 .sub li{ zoom:1; }
		.nav1 .sub a{ display:block; padding:0 10px; }
		.nav1 .sub a:hover{ background:#6d6d6d; color:#fff;  }
		.nav1 .on h3 a{ background:#4b3ff7; color:#fff;height:34px; padding:0 70px; line-height:34px;   }

.ma{ margin-top:20px;}
.news{ padding:20px 0;}
.news .nt1{ background-color:#f1f1f1; padding:10px; line-height:30px;}
.news .nt1 strong{ font-size:25px;}
.news .nt1 p{ font-size:16px;}
.tt1{ background-color:#f2f2f2; font-size:22px;  text-align:center; padding:10px 0;}
.tt2{ text-align:left;}
.tt2 strong{ font-size:25px;}
.tt2 span{ display:block;}
.conter{ line-height:200%;}
.text1{ padding:14px 0; line-height:25px;}
.new17{ line-height:200%; padding:20px 0;}
.new17 ul{}
.new17 ul li{ height:40px; line-height:40px; background:url(../images/dot1.jpg) no-repeat 10px center; border-bottom:#ccc 1px dashed; padding-left:40px;}
.new17 ul li span{ float:right;}
.dz{text-align:justify; line-height:30px;}
.x1:hover{ background:url(../images/x11.png) no-repeat top center; }
#footer { background:url(../images/fbg.jpg) repeat;

	padding: 20px;
	text-align: left; line-height:35px;
	color: #eee;
}
.yaya{ display:none;}
.navv{ display:none;}
.ban{ margin-top:60px;}
ul.gallery li { position:relative; 
width:50%;	
}ul.gallery {
	
	list-style: none;
	margin: 0 auto; padding: 0px 0px 0px 90px;
}ul.gallery li a.thumb {
	width: 326px;
	height:189px;
	cursor: pointer; display:block;
}ul.gallery li span {
	width:326px;
	height: 189px; overflow:hidden; 
	display: none;
}

/*没有小于768px，是因为Bootstrap3以移动端优先设计*/

/* 小屏幕（平板，大于等于768px） */
@media (max-width: 768px) {.navv{ display:none;}
.navbar { display:block; } 
	.htop{ height:45px !important;}
	.bannerSlide{width:100% !important; margin: 0 auto; height: 185px !important;}
	.slide_ul li{width:100% !important; height: 185px !important; background-size:100% auto!important;}
	ul.gallery{padding:0 15px;}
	ul.gallery li a.thumb{width:100%; height: 94px !important; overflow:hidden;}
	ul.gallery li span{width:100%;}
	ul.gallery li img{width:100%;}
	.navbar-brand>img{width:98%;}
	.navbar-toggle{position:absolute!important; top:5px; right:5px;}
	.info1 img,.conter img{width:100%; margin: 0 auto;}
}



@media (min-width: 768px) {.new17{ font-size:15px;}
	.abt{  line-height:30px; margin-top:0; background-color:#0e0d2f; display:block;}
.dz{ text-align:center;}
	.wrapper {margin: 92px 0 0 0;
	position:relative;
}
ul.gallery li {position:relative; left:30px;
	
	text-align: center;
	
}
	.info1{ font-size:18px;}
.navv{ display:block;}
	.navbar{ display:none;}
.yaya{ display:block;}
.ban{margin-top:60px;}

}

/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {new17{ font-size:15px;}
	.abt{  line-height:30px; margin-top:0; background-color:#0e0d2f; display:block;}
.dz{ text-align:center;}
	.wrapper {margin: 92px 0 0 0;
	position:relative;
}

ul.gallery li {position:relative; left:30px;
	
	text-align: center;
	
}
.gallery li:hover{ background:url(../images/tt11.png) no-repeat top center;}
	.navv{ display:block;}
	.info1{ font-size:10px;}
	.navbar{ display:none;}
	
.yaya{ display:block;}
.ban{margin-top:60px;}
}

/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {new17{ font-size:15px;}
.new17 a:link,.new17 a:visited{ color:#0e0d2f; font-weight:700;}
	.abt{  line-height:30px; margin-top:0; background-color:#0e0d2f; display:block;}
.dz{ text-align:center;}
	.wrapper {margin: 92px 0 0 0;
	position:relative;
}
ul.gallery li {position:relative; left:30px;
	
	text-align: center;
	
}

.mg{ margin-left:50px;}
.gallery li:hover{ background:url(../images/tt11.png) no-repeat 16px center;}
	.navv{ display:block;}
		.news .nt1 strong{ font-size:18px;}
.news .nt1 p{ font-size:14px;}

	.navbar{ display:none;}

#about .info1 { font-size:14px;
}

.ban{margin-top:60px;}
.yaya{ display:block;}

}

@media (min-width: 1440px) {
.top{ background:url(../images/top2.jpg) repeat-x; padding:10px 0 20px 0;}


.gallery li:hover{ background:url(../images/tt11.png) no-repeat 16px center;}

.bgbg{ background:url(../images/bgbg1.jpg) repeat top center; padding:40px 0;}
.fbb{ height:24px; background:url(../images/fb0.jpg) repeat-x;}

#footer { background:url(../images/fbg2.jpg) repeat;

	padding: 20px;
	text-align: left; line-height:35px;
	color: #eee;
}
}

@media (max-width: 1680px) {
.top{padding:10px 0 20px 0; background-color:#0035a9}

.gallery li:hover{ background:url(../images/tt11.png) no-repeat 18px center;}

.bgbg{ padding:40px 0; background:url(../images/cgbg.jpg) repeat-x;}
.fbb{ height:24px; background:url(../images/fb0.jpg) repeat-x;}

#footer { background:url(../images/fbg0.jpg) repeat;

	padding: 20px;
	text-align: left; line-height:35px;
	color: #eee;
}
}

@media (min-width: 1920px) {
.top{ background:url(../images/top1.jpg) repeat-x; padding:10px 0 20px 0;}

.gallery li:hover{ background:url(../images/tt11.png) no-repeat 16px center;}

.bgbg{ background:url(../images/bgbg1.jpg) repeat top center; padding:40px 0;}
.fbb{ height:24px; background:url(../images/fb1.jpg) repeat-x;}


#footer { background:url(../images/fbg1.jpg) repeat;

	padding: 20px;
	text-align: left; line-height:35px;
	color: #eee;
}
}

@media(max-width：768px){
	
}