@charset "utf-8";
/* CSS Document */
#banner .carousel-inner img{ width:100%;}
.carousel-control{ }
	.carousel-control.left{ width:auto; background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);text-shadow:0 0px 0px rgba(0,0,0,0);filter:none;}
		
	#banner .carousel-control.left,
	#banner .carousel-control.right{ border-radius:0px 5px 5px 0; background:rgba(0,0,0,.3) url(../images/left.png) no-repeat center center; bottom:30%; top:30%; width:55px;}
	#banner .carousel-control.right{ border-radius:5px 0px 0px 5px; background-image:url(../images/right.png);}

	.carousel-control.right{ width:auto; background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); text-shadow:0 0px 0px rgba(0,0,0,0);filter:none;}
	
	
	.carousel-indicators{background:rgba(0,0,0,.4); border-radius:14px; padding:5px 0; width:20%; margin-left:-10%;}
	.carousel-indicators li{ background:#aed5da; border-color:#aed5da; margin:0 4px;}
	.carousel-indicators .active{background:#aed5da; border-color:#aed5da; width:22px;}

.area{}	
	.htit{ font-size:1.4em; margin-right:5px;}
		.htit span{ font-size:2em; margin-right:5px; vertical-align:middle; position:relative; top:-2px;}
	.area-notic{ margin:24px 0 0 0em;font-size:16px; overflow:hidden;}
		.area-notic ul{ height:30px; line-height:30px; overflow:hidden; }
		.area-notic ul li{ height:30px; line-height:30px; overflow:hidden; display:block; padding:0;}

.area_2{ padding-top:.5em;}
	.Imgbox{ border-radius:50%; border-radius:115px/9; margin:0 auto 2em auto; text-align:center; background:#f4f2f3; width:80%; width:230px; height:230px;  behavior: url(ie-css3.htc);
background: -webkit-linear-gradient(#f4f2f3, #eceaeb); 
  background: -o-linear-gradient(#f4f2f3, #eceaeb); 
  background: -moz-linear-gradient(#f4f2f3, #eceaeb); 
  background: linear-gradient(#f4f2f3, #eceaeb);	
	}
		.Imgbox:hover{ -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; cursor:pointer;}
		.Imgbox dt{ height:158px;}
		.Imgbox img{ margin:0 auto; padding:50px 0 0px 0; transition:all ease-in 1s;}
		.Imgbox:hover img{-webkit-transform:scale(0.95);-moz-transform:scale(0.95); transform:scale(0.95); transition:all ease-out 0.4s;}
		.Imgbox dd{ font-size:1.4em;}
		.Imgbox a:hover{ text-decoration:none;}


.area2,
.area3,
.area4{ background:#f6f6f6; padding:1.5em 0 3em 0;}
	.htit2{ position:relative; height:40px; height:40px; text-align:center; font-size:28px;}
		.htit2 i{ position:absolute; width:100%; height:0px; z-index:0; border-top:1px solid #d9d9d9; left:0; top:45%;}
		.htit2 span{ padding:0 1em; position:relative; z-index:1; background:#f6f6f6;}
	.Pstyle{ text-align:center; margin:0; line-height:180%;}
	
	.tabUl{-webkit-margin-before:0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
		.tabUl li{ border:1px solid #d5d4d4; font-size:1.1em;}
		.tabUl .Imbbox{ position:relative;}
		.tabUl .IcoeBox{ position:absolute; right:10px; text-align:center; bottom:12px;}
			.tabUl .IcoeBox a{ display:inline-block; width:1.8em; height:1.8em; line-height:2em; font-size:1.3em; border-radius:50%; margin-left:4px; background:#f8eee8; opacity:.8;}
			.tabUl .IcoeBox a:hover{}
			.tabUl .ul-p{ padding:20px; height:4em; overflow:hidden;}
			.tabUl .ul-d{ padding: 0 20px 20px; }
				.tabUl .ul-d p{ float:right;}
				.tabUl .ul-d img{ margin-right:5px; position:relative; top:-3px;}
 
 
	.tabTitle{ margin:2em 0.5em 0 0.5em;}
		.tabTitle .nav-tabs{ border:0;}
		.tabTitle a.more{ float:right; font-size:1.6em; text-align:right; font-family:宋体; margin-top:10px;}
		.tabTitle .nav-tabs>li{ margin-bottom:1px;}
		.nav-tabs>li>a{ border:0; font-size:1.2em; padding:10px 25px;}
		.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background:#0e8ac1; border:0; border-radius:0; color:#fff;}
	
	#myTabContent{}
		#myTabContent .carousel-control.left,
		#myTabContent .carousel-control.right{ font-size:9em; top:20%; line-height:40%;bottom:40%;}
	 
	 
	/*#myTabContent_1{ position:relative;}
		#myTabContent_1 .left,
		#myTabContent_1 .right{ top:-2%; height:0;}*/
 
.area3{ padding-bottom:2em;}
.area3,
.area3 .htit2 span{ background:#ffffff;} 
	.area3 .tabUl{ margin-top:2em;}
	.area3 .tabUl li{ border:0; padding-bottom:1em;}
	.area3 .tabUl li{ border:0;}
	.area3 .Imbbox{ margin-bottom:20px;}
	.area3 .ul-p{ margin:0 15px 5px 15px; height:auto; padding:0; text-indent:-5em; padding-left:5em;}
	.area3 .ul-p-tit{ height:2.6em; overflow:hidden;}
	.area3 .IcoeBox{ background:rgba(54,54,54,.9); font-size:1.5em; padding:.3em 1em; bottom:0; right:0; color:#fff;}
	.area3 .IcoeBox a{ display:inline; width:auto; height:auto; border-radius:0; background:none; font-size:inherit; line-height:inherit; text-align:right; color:#fff; opacity:1;}
	.area3 .IcoeBox a:hover{ color:rgba(255,255,255,.6);}

.area4{ padding-bottom:2em;}
	.area4 .tabUl{ margin:1em 0 0 0;}
	.area4 .tabUl li{ border:0; text-align:center;}
	.area4 .tabUl .Imbbox{ margin:0 auto; /*width:80%;*/width:60%;  padding:16px; background:#ffffff;}
	.area4 .tabUl .Imbbox img:hover{-webkit-transform: none; 
  -moz-transform:none;
  -ms-transform:none;
  -o-transform: none;
  transform: none;}
  	.area4 .tabUl li:last-child .Imbbox img:hover{webkit-transform: scale(1.05); 
  -moz-transform:scale(1.105);
  -ms-transform:scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);}
	
.footer{ margin-top:0;}

@media (min-width:768px){

.tabUl li{ float:left; width:32%;}	
	.tabUl li:nth-child(2){ margin:0 2%;}


.area3 .ul-p{ margin:0 10px 5px 10px;}
	.area3 .tabUl li{ padding-bottom:0em;}

/*.area4 .tabUl li{ width:23.5%;}
	.area4 .tabUl li:nth-child(2),
	.area4 .tabUl li:nth-child(3){ margin:0 0 0 2%;}
	.area4 .tabUl li:nth-child(3){ margin:0 2%;}
	.area4 .tabUl .ul-p{ padding:10px 0; height:auto; margin-bottom:0;}
*/
.area4 .tabUl li{ width:32%;}
	.area4 .tabUl li:nth-child(2){ margin:0 2%;}
	.area4 .tabUl .ul-p{ padding:10px 0; height:auto; margin-bottom:0;}

}	
	
@media screen and (min-width:768px) and (max-width:992px){
	.carousel-indicators{ width:12%; margin-left:-6%}
	#banner .carousel-control.left,
	#banner .carousel-control.right{ background-size:60% 60%; width:45px;}
}

@media screen and (min-width:992px) and (max-width:1200px){
	.carousel-indicators{ width:12%; margin-left:-6%}
	#banner .carousel-control.left,
	#banner .carousel-control.right{ background-size:60% 60%; width:45px;}
}


@media (min-width:1200px){
	
	.carousel-indicators{ width:10%; margin-left:-5%}
		
		}
	
@media (max-width: 992px){	
	.area4 .tabUl li .Imbbox{ width:70%;}
	
	.htit{ font-size:16px;}
		.htit span{ margin-left:5px;}
	.area-notic{ font-size:14px; margin-top:20px;}
	.htit2{ font-size:24px;}
	.Imgbox dd,
	.nav-tabs>li>a{ font-size:16px;}

.area3 .IcoeBox{ font-size:1.3em;}



}

@media (max-width:768px){
	#banner .carousel-control.left,
	#banner .carousel-control.right{ display:none;}
	.carousel-indicators{ width:20%; margin-left:-10%;}
	
}
@media (max-width:767px){
	/*body,html{ overflow:hidden;}*/
	.Imgbox{ width:100px; height:100px;}
	.Imgbox img{ max-width:50%; padding-top:15px; margin-bottom:5px;}
	.Imgbox dt{ height:auto;}
	.Imgbox dd,
	.tabUl .ul-p{ font-size:14px;}
	.area4 .tabUl li{float:left; width:33%;}
	.area4 .tabUl li .Imbbox{width:90%; padding:5px;}
	.htit2{ height:auto;}
	.area4 .tabUl .ul-p{ padding:10px;}
	.area4{ padding-bottom:1em;}
	.area3 .owl-demo .item{ border:0; }
	.area_2{ padding:0 15px; overflow:hidden;}
	.area_2 div{ padding:0;}
	.footer{ font-size:12px; padding:1.5em 0;}
	.area3 .tabUl{ margin:0;}
	.area3{ padding-bottom:0;}
	.area-notic ul{ margin-right:10px;}
	.area-notic ul li{ overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.htit{ margin-right:0;}
} 	
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
.carousel-indicators{ width:20%; margin-left:-10%;}
	#banner .carousel-control.left,
	#banner .carousel-control.right{ display:block; line-height:53%;}

}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
	
	#banner .carousel-control.left,
	#banner .carousel-control.right{ line-height:53%;}
}