.news {background-color:#fff; box-shadow: 0px 0px 5px rgba(123,123,123,0.4);}
/*.news.l{margin:30px 30px 0px 15px}
.news.r{margin:30px 0 0 0}*/
.news .site-nav {border-top-left-radius:2px;border-top-right-radius:2px;background-image:url(./images/navbg.jpg)}
.news .site-nav ul li{width:31%;color:#8cc8e1;background-color:#eee;border-top-left-radius:5px ;border-top-right-radius:5px;margin:6px 5px 0 5px;box-shadow: 5px -3px 5px rgba(123,123,255,0.4);text-align:center}
.site-nav{height:40px;background:#0483e5;}
.site-nav ul li a{height: 40px;line-height: 40px;}
@media screen and (max-width: 1200px):{
	.news .site-nav ul li{width:22.5%;font-size:14px;}
}
.mainContain .g-content{float:left;}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{margin:0;}
.span1{width: 8.33%}
.span2{width: 16.66%}
.span3{width: 25%}
.span4{width: 33.33%}
.span5{width: 41.66%}
.span6{width: 50%}
.span7{width: 58.33%}
.span8{width: 66.66%}
.span9{width: 75%}
.span10{width: 83.33%}
.span11{width: 91.66%}
.span12{width: 100%}
.news .site-nav ul li a{padding:8px 6px; height:20px; line-height:20px;font-size:16px;}
.news .site-nav ul li:hover{color:#8cc8e1}
.news .site-nav ul li.active{background-color:#fff; color:#0483e5;}
.news .title-box{padding:15px;height:262px;display:none;transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;  -moz-transition:0.3s;}
.news .title-box.active{height:242px;display:block;opacity:1;transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;  -moz-transition:0.3s;}
.news .title-box ul li {padding:10px 8px;color:#333;overflow:hidden; border-bottom:dotted rgba(200,200,200,0.4) 1px}
.news .title-box ul li div{width:283px; height:21px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .title-box ul li title{width:283px;float:left;}
.news .title-box ul li a{font-size:16px;}
.news .title-box ul li a:hover{color:999;}
.news .title-box ul li span{float:right;}
.news .more{text-align:right;margin:15px 30px 15px 0px;font-size:14px; color:#3bf;}
.scrollSpan{font-size:18px;line-height:40px;color:#eee;margin-left:24px;text-shadow: 0 0 20px #333;}

/*ÂÖ²¥\*/

.carousel.slide > div > div > a > img{height:280px;width:auto;margin:0 auto}
.carousel.slide > div > div > div > a > h5 {color:#fff;font-size:16px;}
.sr-only img{height:30px;margin-top:-5px;}
#carousel1 {color:#333}
#carousel1 .carousel-caption{background:#fff}
#carousel2 h3{color:#fff}
#carousel3 {color:#333}
#carousel3 .carousel-caption{background:#fff}
#carousel4 h3{color:#fff}
#carousel1 .carousel-caption{width: 40%; position: absolute; top: 0; left: 60%;}
#carousel3 .carousel-caption{width: 40%; position: absolute; top: 0; }
a.left.carousel-control{opacity:0;transition:0.3s}
a.right.carousel-control{opacity:0;transition:0.3s}
.carousel-caption{opacity:0;transition:0.3s}
.carousel.slide:hover .carousel-caption{opacity:0.6;transition:0.3s}
#carousel1:hover a.right.carousel-control,#carousel2:hover a.right.carousel-control,#carousel3:hover a.right.carousel-control,#carousel4:hover a.right.carousel-control{opacity:0.4;transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;  -moz-transition:0.3s;}
#carousel1:hover a.left.carousel-control,#carousel2:hover a.left.carousel-control,#carousel3:hover a.left.carousel-control,#carousel4:hover a.left.carousel-control{opacity:0.4;transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;  -moz-transition:0.3s;}
/*head slider*/
.g-login{float: left;width: 325px;background-color: none;padding-left:2px;height: 414px;}
.g-login .mod {
    padding: 30px 0 50px;
    margin-bottom: 10px;
    background: #eeeeee;
}
.nav {
    margin-bottom: 1px;
    margin-left: 0;
    list-style: none;
}
.flexslider {
    margin: 0px auto 5px;
    position: relative;
    width: 100%;
    height: 434px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    height: 482px;
    display: block;
}


/*chengshuxuanze*/
#select{width:1200px; margin:0 auto; border-radius:10px}
.cityul li {display: inline-block ;background:#fff; border-right:1px solid rgba(81,81,81,0.4);padding:3px 5px; border-radius: 3px; box-shadow: 1px 1px 3px rgba(81,81,81,0.4); margin-top:4px;margin-right: 10px}
.cityul li:hover{background: #f60;color:white; transition: 0.5s;}
.cityul{display: none;padding:4px;background-color:#f1f1f1;border-radius:5px}
.cityul a {color:#f60 }
.active {display: block}
.yourlocation {padding:10px 0 6px 0;background:none;font-size:20px;}

 .accordion {
 	width: 100%;
 	max-width: 360px;
 	margin: 25px auto 0px;
 }

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 72px;
	margin: 10px 15px;
	color: #4D4D4D;
	font-size: 18px;
	font-weight: 700;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius:4px;
	background: #fff;
}

.accordion .news{background-image:URL(images/news.jpg)}
.accordion .gonggao{background-image:URL(images/gonggao.jpg)}


.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #229EFF;
}

.accordion  li.open .news{background-image:URL(images/news.png)}
.accordion  li.open .gonggao{background-image:URL(images/gonggao.png)}

.accordion li.open i {
	color: #229EFF;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	font-size: 16px;

 }

 .submenu li {
	 margin: 5px 30px;
	 overflow: hidden;
	 border-radius:4px;
 }
.newsc.submenu li{background-image:URL(images/NEWSC.png)}
.gonggaoc.submenu li{background-image:URL(images/GONGGAOC.png)}
.submenu a {
	display: block;
	text-decoration: none;
	color: #26A2D5;
	padding: 12px;
	padding-left: 60px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.submenu a:hover {
 	background: #26A2D5;
 	color: #FFF;
}
.newsc a:hover{background-image:URL(images/NEWSH.png)}
.gonggaoc a:hover{background-image:URL(images/GGH.png)}
.newsc a.active{background-image:URL(images/NEWSH.png)}
.gonggaoc a.active{background-image:URL(images/GGH.png)}
.submenu a.active {
 	color: #FFF;
}



#owl-zyk .item{padding: 0px 0px;margin: 10px;color: #666; -webkit-border-radius: 3px;-moz-border-radius: 3px;  border-radius: 3px; text-align: center;height: 220px;}
#owl-gxk .item{padding: 0px 0px;margin: 10px;color: #666; -webkit-border-radius: 3px;-moz-border-radius: 3px;  border-radius: 3px; text-align: center;height: 220px;}
.owl-carousel .text{height: 24px; line-height: 24px;}
.owl-carousel img{height: 200px ; width: 100%}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}


	