.m-banner{
	width:60%; 
	overflow:hidden;
	background: #666;
	position: relative;
	float:left;
}
.m-mright{ width: 620px; float:right;}

.u-code{ float: left; width: 239px; height: 315px; background: url(../images/home/pic_bg1.jpg) no-repeat 100% 100%;}

.u-Banners{ width:381px; height:315px; position:relative; float:right; background: #000;}
.u-Banners .title{ position: absolute; left: -39px; top: 0; width: 17px; height: 292px; padding: 23px 11px 0; background: rgba(70,120,175,.7);}
.u-Banners .title a{ font-size: 16px; color: #fff; line-height: 18px;}
.u-Banners .title a:hover{ color: #e1ecf8;}

.LeftT{position: absolute; left: -31px; top: 220px;}
.RightT{position: absolute; left: -31px; top: 276px;}
.CenterT{position: absolute; text-align:center; color: #FFF; font-size: 14px; left: -30px; top: 250px;}
.jt1{ display:block; width:24px; height:24px;background:url(../images/spirit_icons.png) no-repeat 0 0;}
.jt1:hover{background:url(../images/spirit_icons.png) no-repeat 0 -26px;}
.jt2{ display:block; width:24px; height:24px; background:url(../images/spirit_icons.png) no-repeat 0 -52px;}
.jt2:hover{background:url(../images/spirit_icons.png) no-repeat 0 -78px;}

.InRBanner li.TT1{ width: 381px; height: 315px; position: relative;}
.InRBanner li.TT1 b{ 
	position: absolute; left: 147px; top: 95px; display: block; width:83px; height: 83px; background: url(../images/spirit_icons.png) no-repeat -32px 0;
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	-moz-transition: -moz-transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.InRBanner li.TT1 a:hover b{
	-moz-transform:scale(1.12);
	-webkit-transform:scale(1.12);
	transform:scale(1.12);
}
.InRBanner li.TT1 .text{ position: absolute; left: 0; bottom: 0; width: 341px; height: 40px; padding: 5px 20px 0; background: rgba(0,0,0,.6); color: #fff;}
.InRBanner li.TT1 .text h3{ height: 35px; line-height: 35px; text-align: center; font-size: 16px; font-weight: normal;}
.InRBanner li.TT1 .text p{ line-height: 18px; font-size: 12px; text-indent: 2em;}

.u-situation{ position:relative; width: 620px; height: 120px; background: url(../images/home/yxlx_bg.jpg) no-repeat; float: left;}
.u-situation h2{ width: 164px; height: 33px; margin: 24px auto 0;}

.u-strategy{ float: left; width: 620px; background: #fff;}
.u-strategy ul{ width:110%;}
.u-strategy li{ position: relative; float:left; width:310px; height:164px; overflow:hidden; margin:0 1px 1px 0;}
.u-strategy li img{ 
	width:310px;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.u-strategy li a:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.u-strategy li .text{ position:absolute; left:0; bottom:0; width:100%; height:40px; background: rgba(0,0,0,.6);}
.u-strategy li .text p{ line-height:40px; text-align:center; color: #fff; padding: 0 10px;}

.z-list{ padding: 30px 0 0 13px; zoom:1;}
.z-list li{ position: relative; width: 88px; height: 88px; float: left; margin-right: 11px; border-radius: 50%; overflow: hidden;}
.z-list li a{ display: block; width: 100%; height: 100%;}
.z-list li.s1{ background: rgba(55,189,156,.8);}
.z-list li.s2{ background: rgba(246,187,67,.8);}
.z-list li.s3{ background: rgba(34,182,88,.8);}
.z-list li.s4{ background: rgba(22,159,165,.8);}
.z-list li.s5{ background: rgba(59,174,218,.8);}
.z-list li.s6{ background: rgba(150,123,220,.8);}
.z-list li i{ 
	position: absolute; left: 28px; top: 17px; display: block; width: 31px; height: 30px;
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	transform:translateY(0);
	-moz-transition: -moz-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.z-list li a:hover i{
	-moz-transform:translateY(-50px);
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);}
.z-list li.s1 i{ background: url(../images/home/travel_icon1.png) no-repeat center center;}
.z-list li.s2 i{ background: url(../images/home/travel_icon2.png) no-repeat center center;}
.z-list li.s3 i{ background: url(../images/home/travel_icon3.png) no-repeat center center;}
.z-list li.s4 i{ background: url(../images/home/travel_icon4.png) no-repeat center center;}
.z-list li.s5 i{ background: url(../images/home/travel_icon5.png) no-repeat center center;}
.z-list li.s6 i{ background: url(../images/home/travel_icon6.png) no-repeat center center;}
.z-list li b{
	position: absolute; left: 33px; top: 50px; display: block; width: 24px; height: 24px; color: #fff; font-weight: normal; font-size: 22px;
	-moz-transform:translateY(0) scale(1);
	-webkit-transform:translateY(0) scale(1);
	transform:translateY(0) scale(1);
	-moz-transition: -moz-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.z-list li a:hover b{
	-moz-transform:translateY(-22px) scale(1.45);
	-webkit-transform:translateY(-22px) scale(1.45);
	transform:translateY(-22px) scale(1.45);
}

.z-menu{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: rgba(0,0,0,.3);}
.z-menu ul{ padding-left: 110px; zoom:1;}
.z-menu ul li{ width: 86px; height: 40px; line-height: 40px; float: left; margin-right: 80px; background: url(../images/home/icon1.png) no-repeat right center;}
.z-menu ul li a{ color: #fff; font-size: 16px;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider{ width: 100%; overflow: hidden; position: relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides span { width: 100%;width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav{*height: 0;}
.flex-direction-nav a{ display: block; width: 70px; height: 70px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: transparent url(../images/spirit_icons.png) no-repeat -439px 25px;	}
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; background-position: -537px 25px;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 16px; height: 16px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: 9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}




.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-align: right;
	z-index:900;
}

.flex-control-paging li a {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border:1px solid #fff;	
}

.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
	background-color: #fff ;
}

.flex-direction-nav {
	height:90px;
	width: 100%;
	position: absolute;
	top:50%;
	left:0;
	margin: -50px 0 0; 	
	z-index:100;
}

.flex-direction-nav li {
	overflow:visible;
}

.flex-direction-nav a  { 
	overflow:visible;
	width: 90px; 
	height: 90px; 
	margin: 0; 
	opacity: 1;  
	top:0;
	color: rgba(0,0,0,0.8); 
	text-indent:-9999em;
	text-shadow: none; 
	-webkit-transition:  all 0.3s ease-out; 
	-moz-transition:  all 0.3s ease-out; 
	transition:  all 0.3s ease-out; 
	background-color: rgba(255,255,255,0) ;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;	
}

.flex-direction-nav .arrow {
	position: absolute;
	top:0;
	left:0;
	width: 90px; 
	height: 90px; 
	background: transparent url(../images/spirit_icons.png) no-repeat -439px 25px;	
	z-index:200;
}

.flex-direction-nav a.flex-next .arrow {background-position: -537px 25px;}

.flex-direction-nav .flex-prev { left:0px; }
.flex-direction-nav .flex-next { right:0px; text-align: left;}
.flexslider:hover .flex-prev { left:0; opacity:1}
.flexslider:hover .flex-next { right:0; opacity:1}
.flexslider:hover .flex-prev:hover .arrow { left:0; background: transparent url(../images/spirit_icons.png) no-repeat -439px 25px; background-color: #fff;}
.flexslider:hover .flex-next:hover .arrow { right:0; background-position: -537px 25px; opacity:1;  background-color: #fff;}

.flexslider:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover {
	background-color: rgba(255,255,255,1) ;
}


.u-sidebar{ position: absolute; left: 12px; bottom: 90px; width: 66px; height: 144px; z-index: 999; overflow: hidden;}
.u-sidebar li{ position: relative; width: 66px; height: 66px; margin-bottom: 4px; border-radius: 50%; background: rgba(209,79,66,0.9); cursor: pointer; overflow: hidden;}
.u-sidebar li a{ position: absolute; z-index: 1001; left: 50%; top: 50%; margin-left: -16px; margin-top: -21px; display: block; width: 32px; height: 42px; color: #fff; font-size: 16px; line-height: 18px;}
.u-sidebar li b{ 
	position: absolute; left: 0; z-index: 1000; background: #4678af;
	display: block; width: 66px; height: 66px;
	-moz-transform:translateX(-90px) rotate(45deg);
	-webkit-transform:translateX(-90px) rotate(45deg);
	transform:translateX(-90px) rotate(45deg);
	-moz-transition: -moz-transform 0.4s ease-out;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
}
.u-sidebar li:hover b{
	-moz-transform:translateX(0px) rotate(-45deg);
	-webkit-transform:translateX(0px) rotate(-45deg);
	transform:translateX(0px) rotate(-45deg);
}

.u-ntitle{ position: absolute; left: 50%; bottom: 0; z-index: 999; margin-left: -355px; width: 85px; height: 63px;}

.u-news{ position: absolute; left: 50%; bottom: 0; margin-left: -270px; width: 505px; height: 63px; background: rgba(255,255,255,0.9); z-index: 999; overflow: hidden;}
.u-news ul{ width: 437px; height: 210px; padding: 8px 8px 0 13px; border-right: 1px solid #ddd;}
.u-news ul li{ height: 46px; line-height: 46px; border-bottom: 1px dashed #ddd; background: url(../images/arr1.png) no-repeat left center; padding-left: 14px;}
.u-news ul li span{ float: right; font-size: 13px; color: #626262;}
.u-news ul li a{ font-size: 16px; color: #282828;}
.u-news ul li a:hover{ color: #cc3333;}

.u-news .icon{ position: absolute; right: 13px; top: 20px; display: block; width: 20px; height: 20px; background: url(../images/spirit_icons.png) no-repeat; cursor: pointer;}
.u-news .icon1{ background-position: 0 -116px;}
.u-news .icon2{ background-position: 0 -142px;}





@media screen and (max-width:1450px){
	.u-strategy h2{ margin:10px auto 0;}
	.z-list{ padding:10px 0 0 13px;}
}