﻿body{ font-family:'微软雅黑'}
/*新六大类*/
.top_sl { width:1170px; overflow:hidden; margin:0 auto; margin-top:-5px;}
.top_sl ul { width:1170px; overflow:hidden; display:block;}
.top_sl ul li { width:195px; height:86px; float:left;}
.top_sl ul li a {display:block;width:195px; overflow:hidden; padding-top:4px;}
.top_sl ul li img { float:left; width:100%;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;}
.top_sl ul li:hover img{ margin-top:-4px;transition:all 0.1s ease-in;-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;}

/*四大类*/
.top_sl { width:1170px; overflow:hidden; margin:0 auto;}
.top_sl ul { width:1180px; overflow:hidden; display:block;}
.top_sl ul li { width:292px; height:66px; float:left;}
.top_sl ul li span { width:1px; height:20px; display:block; float:left; background:#ccc; margin-left:23px;

transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
}
.top_sl ul li:hover span{
	height:32px;
	transition:all .4s ease-in;
-webkit-transition:all .4s ease-in;
-moz-transition:all .4s ease-in;
-o-transition:all .4s ease-in;
	
	}
.top_sl ul li i { width:5px; height:5px; border:3px solid #ccc;border-radius:100%; display:block; float:left; margin-top:20px; margin-left:-6px;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;}
.top_sl ul li:hover i {margin-top:32px;border:3px solid #d60000;
transition:all .4s ease-in;
-webkit-transition:all .4s ease-in;
-moz-transition:all .4s ease-in;
-o-transition:all .4s ease-in;
}
.top_sl ul li a { text-align:center; font-size:25px; font-weight:bold; display:block; margin-top:12px; margin-left:30px;width:182px;}
.top_sl ul li a p { color:#333;font-size:14px;font-weight:100;}
.top_ly { background:url(../images/top_ly.jpg) right bottom no-repeat;}
.top_ly:hover a { color:#d60000;}
.top_gl {background:url(../images/top_gl.jpg) right bottom no-repeat;}
.top_ms {background:url(../images/top_ms.jpg) right bottom no-repeat;}
.top_sy {background:url(../images/top_sy.jpg) right bottom no-repeat;}
.top_sl ul li.top_sy a { width:260px;}
*/

body{ background:#f7f7f7;}
.banner { width:100%; height:600px;}
.slideBox { width:100%; text-align:center; height:600px; z-index:-1;}
.slideBox img {
	width: 1920px;
    height: 600px;
}
.slideBox img:hover {-moz-opacity: 1;opacity: 1; }
.slideBox .bd { width:100%; height:600px; margin:0 auto;}
.prev { 
	width:54px;
	height:81px; 
	position:relative; 
	left:50%; 
	background:url(../images/banner_l.png); 
	z-index:10; 
	display:block; 
	bottom:63%; 
	margin-left:-639px; 
/*    bottom: 70%;
    margin-left: -580px;*/
}
.prev:hover { background:url(../images/banner_l2.png)}
.next {
	width:54px; 
	height:81px; 
	position:relative; 
	left:50%; 
	background:url(../images/banner_r.png); 
	z-index:10; 
	display:block; 
	bottom:77%; 
	margin-left:585px;
/*	bottom: 83%;
    margin-left: 520px;*/
}
.bd ul{
	margin-top:15px;
}
.next:hover {background:url(../images/banner_r2.png);}
.xiao_nav { 
	width:1170px;
	 /*height:430px; */
	 margin:0 auto;
	 /*margin-top:-600px; */
	 z-index:999;}

.slideTxtBox{ width:1120px; padding-left:50px; position:relative;height:0px;}
.slideTxtBox .bd { height:518px; width:1170px; margin-left:-50px; background:url(../images/bg.png) repeat;z-index:999; display:none; margin-top:-66px;}
.slideTxtBox:hover .bd { display:block;}
.slideTxtBox .bd ul{ zoom:1; width:1130px; height:484px; padding:20px; position:relative;}
.slideTxtBox .bd ul span { width:100%; height:30px; border-bottom:1px solid #16aefd; font-size:18px; font-weight:bold; display:block; color:#16aefd;}
.slideTxtBox .bd ul p { width:1230px; height:60px; margin-bottom:15px; display:block; margin-top:10px;}
.slideTxtBox .bd ul p a {margin-right:108px; line-height:30px; color:#000;}
.slideTxtBox .bd ul p a:hover { color:#16aefd;}
.slideTxtBox .hd{ height:66px;position:relative; top: -80px;}
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px;  height:50px;}
.slideTxtBox .hd ul li{width:207px; height:50px; float:left; cursor:pointer; background:url(../images/bg1.png) no-repeat; margin-left:-70px;}
.slideTxtBox .hd ul li a { color:#fff; width:50%;height:100%;display:block;margin-left:26%;}
.slideTxtBox .hd ul li.on{ height:48px;  background:url(../images/bg1.png) no-repeat;margin-left:-70px; }
.slideTxtBox:hover .hd .on { background:url(../images/bg2.png) no-repeat; }
.slideTxtBox .hd ul li { font-size:18px; color:#fff; font-weight:bold; line-height:50px;}
.slideTxtBox .hd ul li i { 
	width:38px; 
	height:37px ; 
	display:block; 
	float:left;
	 /*margin:17px 10px 0 52px;*/
	margin:6px 10px 0 52px;
}
.slideTxtBox .hd ul li.ys i { background:url(../images/nav_tb.png) no-repeat;}
.slideTxtBox .hd ul li.ws i { background:url(../images/nav_tb.png) -76px 0 no-repeat;}
.slideTxtBox .hd ul li.sh i { background:url(../images/nav_tb.png) -0px -39px no-repeat;}
.slideTxtBox .hd ul li.gz i { background:url(../images/nav_tb.png) -76px -38px no-repeat;}
.slideTxtBox .hd ul li.mx i { background:url(../images/nav_tb.png) -0px -74px no-repeat;}
.slideTxtBox .hd ul li.haidao i { background:url(../images/nav_tb.png) -82px -74px no-repeat;}
.slideTxtBox .hd ul li.cs i { background:url(../images/nav_tb.png) -0px -112px no-repeat;}
.slideTxtBox .hd ul li.bf i { background:url(../images/nav_tb.png) -76px -114px no-repeat;}



.c_1200 {width:1170px; overflow:hidden; margin:15px auto;padding:15px; background:#fff;}
.c_1200_1 {  position:relative;}
.jrtt { width:262px; overflow:hidden; float:left;}
.jrtt_bt{ width:669px; height:22px; line-height:22px; font-size:18px; color:#000; margin-bottom:15px; }
.jrtt_bt a { width:20px; height:20px; background:#16aefd; color:#fff; text-align:center; line-height:17px;border-radius:100%; display:block; float:left; margin-right:10px; margin-top:2px;}
.jrtt_bt a:hover { background:#000;}
.jrtt span { width:262px; overflow:hidden; float:left;}
.jrtt span img { width:100%; height:151px; float:left;}
.jrtt span b { width:100%; height:22px; display:block; float:left; font-size:16px; font-weight:bold; margin-top:18px;}
.jrtt span i { width:100%; height:40px; display:block; float:left; margin-top:10px; color:#999;}
ul.jrtt2 { float:left; margin-top:18px;}
ul.jrtt2 li { height:29px; width:100%; line-height:29px; background:url(../images/jrtt.jpg) no-repeat; padding-left:12px;}
.rdzx { width:669px; overflow:hidden; float:left; margin-left:15px;}
.rdzx ul { width:669px; overflow:hidden; float:left;}
.rdzx ul li { width:209px; height:129px; margin-right:14px; float:left; margin-bottom:14px;}
.rdzx ul li img { width:100%; height:100%; float:left;}
.rdzx ul li p { display:none; width:100%; height:30px; float:left;position:relative; bottom:30px; color:#fff; line-height:30px; z-index:10; text-align:center;}
.rdzx ul li:hover p {display:block;}
.rdzx ul li i {display:none; width:100%; height:30px; float:left;position:relative; bottom:60px;opacity:0.5;filter:Alpha(opacity=50); background:#000; z-index:9;}
.rdzx ul li:hover i {display:block;}
.rdzx ul li a {color:#fff;}


/*热点资讯*/
/*for-majors*/
.major-list-outer{height:573px; overflow:hidden}
.major-list{margin-right:-32px;margin-bottom:-30px;*margin-bottom:0px}
.major-list li{width:216px;height:169px;margin-right:32px;margin-bottom:32px;float:left;position:relative}
.major-list li a, .major-list li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background:#000;line-height:129px;text-align:center; background: rgba(0,0,0,0.5);}
.front-face{z-index:2;background:url(/skin/new2017/images/traveler-choice.png) no-repeat 0 0}
.back-face{z-index:1;background:url(/skin/new2017/images/traveler-choice.png) no-repeat 0 0}
.major-list li a{overflow:hidden}
.major-list li:hover a .back-face{z-index:3; color:#fff;}
#dx .front-face, #dx .back-face{background-position:0 0}
#rj .front-face, #rj .back-face{background-position:-217px 0}
#jx .front-face, #jx .back-face{background-position:-434px 0}
#gdz .front-face, #gdz .back-face{background-position:-651px 0}
#jsj .front-face, #jsj .back-face{background-position:0 -170px}
#kz .front-face, #kz .back-face{background-position:-217px -170px}
#jg .front-face, #jg .back-face{background-position:-434px -170px}
#sx .front-face, #sx .back-face{background-position:-651px -170px}
#gl .front-face, #gl .back-face{background-position:-0 -340px}
#ch .front-face, #ch .back-face{background-position:-217px -340px}
#wl .front-face, #wl .back-face{background-position:-434px -340px}
#xw .front-face, #xw .back-face{background-position:-651px -340px}


.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-ms-keyframes flipInX {
    0% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -ms-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -ms-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-ms-keyframes flipOutX {
    0% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-ms-animation-name: flipOutX;
	-ms-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-ms-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	height: 100%;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-ms-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	animation-name: fadeOut;
	height: 0;
}

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}
@-ms-keyframes tada {
	0% {-ms-transform: scale(1);}	
	10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}
@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}
@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}
@-ms-keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}
@keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes bounceInUp {
	0% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(-30px);
	}
	
	80% {
		-ms-transform: translateY(10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.animated.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-ms-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes bounceInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(30px);
	}
	
	80% {
		-ms-transform: translateY(-10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.animated.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-ms-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(30px);
	}
	
	80% {
		-ms-transform: translateX(-10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-ms-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(-30px);
	}
	
	80% {
		-ms-transform: translateX(10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-ms-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes slideInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    -ms-transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes slideOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes slideOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-ms-keyframes slideOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
  	opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

/* Above all are from animate.css by daneden http://daneden.me/animate/ */

.from-top{
	-webkit-transform-origin: 0% 0%;
	 -moz-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	   transform-origin: 0% 0%;
}

.from-left{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.from-top, .from-left{
	-webkit-animation: enter-clockwise 0.23s ease-out;
	 -moz-animation: enter-clockwise 0.23s ease-out;
	  -ms-animation: enter-clockwise 0.23s ease-out;
	   animation: enter-clockwise 0.23s ease-out;
}

.from-right{
	-webkit-transform-origin: 100% 100%;
	 -moz-transform-origin: 100% 100%;
	  -ms-transform-origin: 100% 100%;
	   transform-origin: 100% 100%;
}

.from-bottom{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.from-right, .from-bottom{
	-webkit-animation: enter-anti-clockwise 0.23s ease-out;
	 -moz-animation: enter-anti-clockwise 0.23s ease-out;
	  -ms-animation: enter-anti-clockwise 0.23s ease-out;
	   animation: enter-anti-clockwise 0.23s ease-out;
}

.to-top{
	-webkit-transform-origin: 0% 0%;
	 -moz-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	   transform-origin: 0% 0%;
}

.to-left{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.to-top, .to-left{
	-webkit-animation: leave-anti-clockwise 0.23s ease-out;
	 -moz-animation: leave-anti-clockwise 0.23s ease-out;
	  -ms-animation: leave-anti-clockwise 0.23s ease-out;
	   animation: leave-anti-clockwise 0.23s ease-out;
}

.to-right{
	-webkit-transform-origin: 100% 100%;
	 -moz-transform-origin: 100% 100%;
	  -ms-transform-origin: 100% 100%;
	   transform-origin: 100% 100%;
}

.to-bottom{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.to-right, .to-bottom{
	-webkit-animation: leave-clockwise 0.23s ease-out;
	 -moz-animation: leave-clockwise 0.23s ease-out;
	  -ms-animation: leave-clockwise 0.23s ease-out;
	   animation: leave-clockwise 0.23s ease-out;
}

@-webkit-keyframes enter-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
}@-moz-keyframes enter-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
}@-ms-keyframes enter-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
}@keyframes enter-clockwise{
	from{
		z-index: 3;
		transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		transform: rotate(0deg);
	}
}

@-webkit-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
}@-moz-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
}@-ms-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
}@keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		transform: rotate(90deg);
	}
	to{
		z-index: 3;
		transform: rotate(0deg);
	}
}

@-webkit-keyframes leave-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(90deg);
	}
}@-moz-keyframes leave-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(90deg);
	}
}@-ms-keyframes leave-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(90deg);
	}
}@keyframes leave-clockwise{
	from{
		z-index: 3;
		transform: rotate(0deg);
	}
	to{
		z-index: 3;
		transform: rotate(90deg);
	}
}

@-webkit-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(-90deg);
	}
}@-moz-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(-90deg);
	}
}@-ms-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(-90deg);
	}
}@keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		transform: rotate(0deg);
	}
	to{
		z-index: 3;
		transform: rotate(-90deg);
	}
}

@-webkit-keyframes slideDown{
	from{
		-webkit-transform: translateY(-75px);
	}
	to{
		-webkit-transform: translateY(0px);
	}
}@-moz-keyframes slideDown{
	from{
		-moz-transform: translateY(-75px);
	}
	to{
		-moz-transform: translateY(0px);
	}
}@-ms-keyframes slideDown{
	from{
		-ms-transform: translateY(-75px);
	}
	to{
		-ms-transform: translateY(0px);
	}
}@keyframes slideDown{
	from{
		transform: translateY(-75px);
	}
	to{
		transform: translateY(0px);
	}
}

@-webkit-keyframes slideUp{
	from{
		-webkit-transform: translateY(0px);
	}
	to{
		-webkit-transform: translateY(-75px);
	}
}@-moz-keyframes slideUp{
	from{
		-moz-transform: translateY(0px);
	}
	to{
		-moz-transform: translateY(-75px);
	}
}@-ms-keyframes slideUp{
	from{
		-ms-transform: translateY(0px);
	}
	to{
		-ms-transform: translateY(-75px);
	}
}@keyframes slideUp{
	from{
		transform: translateY(0px);
	}
	to{
		transform: translateY(-75px);
	}
}

@-webkit-keyframes bounceStrenth {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes bounceStrenth {
	0% {
		opacity: 0;
		-moz-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-moz-transform: scale(1.2);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}
@-ms-keyframes bounceStrenth {
	0% {
		opacity: 0;
		-ms-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-ms-transform: scale(1.2);
	}
	
	100% {
		-ms-transform: scale(1);
	}
}
@keyframes bounceStrenth {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	
	60% {
		opacity: 1;
		transform: scale(1.2);
	}
	
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: scale(1.4);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		-moz-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-moz-transform: scale(1.4);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}
@-ms-keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		-ms-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-ms-transform: scale(1.4);
	}
	
	100% {
		-ms-transform: scale(1);
	}
}
@keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	
	60% {
		opacity: 1;
		transform: scale(1.4);
	}
	
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}
@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}








/* 本例子css */
		.slideTxtBox3{ width:262px;height:241px; text-align:left;  }
		.slideTxtBox3 .hd ul{ float:left;  position:absolute; left:145px; top:188px; height:6px;   }
		.slideTxtBox3 .hd ul li{ float:left; height:6px;margin-right:5px;width:38px; cursor:pointer; background:#fff; }
		.slideTxtBox3 .hd ul li.on{ height:6px;  background:#16aefd;}
		.slideTxtBox3 .bd ul{zoom:1;  }
		.slideTxtBox3 .bd li{ height:10px; line-height:24px;   }
		.slideTxtBox3 .bd li .date{ float:right; color:#999;  }


.lyphb { width:222px; float:left;height:34px;font-size:16px;font-weight:bold;text-align: center;line-height: 28px; background:url(../images/ph_bg.jpg); color:#fff;}



/*jpg*/
/*base code*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
/*the animation definition*/
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    -ms-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    -ms-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
.rubberBand:hover {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}






/*phb*/
		.slideTxtBox2{ width:224px; text-align:left; float:right;margin-top: 3px; }
		.slideTxtBox2 .hd{ height:30px; line-height:30px;   position:relative; }
		.slideTxtBox2 .hd ul{ float:left;  position:absolute; height:32px;}
		.slideTxtBox2 .hd ul li{ float:left; width:74px;cursor:pointer; margin:0px; height:31px; line-height:31px; text-align:center; color:#000;}
		.slideTxtBox2 .hd ul li.on{ height:31px;  background:#000; color:#fff;}
		.slideTxtBox2 .bd ul{  zoom:1;  width:225px;}
		.slideTxtBox2 .bd li{ height:46px; line-height:46px; margin:0px; width:218px; margin-left:7px;border-bottom:1px dashed #e7e7e7}
		.slideTxtBox2 .bd li i {width:18px;height:18px;colro:#fff;background:#999; display:block;margin-right:10px; float:left;margin-top: 14px;line-height:18px;text-align: center;color:#fff;}
		.slideTxtBox2 .bd li:nth-child(1) i{background:#000;}
                .slideTxtBox2 .bd li:nth-child(2) i{background:#333;}
		.slideTxtBox2 .bd li .date{ float:right; color:#999;  }


/*meishi-right phb*/
		.slideTxtBox4{ width:279px; text-align:left; float:left; }
		.slideTxtBox4 .hd{ height:40px; line-height:40px; padding:0 10px 0 20px;   border-bottom:1px solid #16aefd;  position:relative; }
		.slideTxtBox4 .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:42px;   }
		.slideTxtBox4 .hd ul li{ float:left; width:78px;cursor:pointer; margin:0px; height:41px; line-height:41px; text-align:center; color:#000;}
		.slideTxtBox4 .hd ul li.on{ height:39px;  background:#fff; border:1px solid #16aefd; border-bottom:2px solid #fff; color:#16aefd;}
		.slideTxtBox4 .bd ul{zoom:1;width:279px; }
		.slideTxtBox4 .bd li{ height:33px;line-height:26px; margin:0;padding-left:16px;background: url(../images/jrtt.jpg) 0px 5px no-repeat; width:262px; padding-top:7px;border-bottom:1px solid #eee;}
		.slideTxtBox4 .bd li.phs1 {height:76px;}
		.slideTxtBox4 .bd li.phs1 img {width:108px;height:67px;margin-right:10px; float:left;display:block;}
		.slideTxtBox4 .bd:hover li.phs1 {height:33px;}
		.slideTxtBox4 .bd:hover li.phs1 img {display:none;}
		.slideTxtBox4 .bd li.phs1:hover {height:76px;}
		.slideTxtBox4 .bd li.phs1:hover img {display:block;}
		.slideTxtBox4 .bd li img {width:108px;height:67px;margin-right:10px; float:left;display:none;}
		.slideTxtBox4 .bd li:hover {height:76px;}
		.slideTxtBox4 .bd li:hover img {display:block;}



.mryj ul { width:892px;}
.mryj ul li:first-child { height:129px;}
.lp_cs { width:1170px; overflow:hidden; margin:30px auto; text-align:center; display:block;}
.cs_c { width:1170px; overflow:hidden; float:left;}
.cs_c li {width:292px; height:182px; float:left;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;
		  -webkit-transition:all 0.3s ease-in-out 0s;
		  -o-transition:all 0.3s ease-in-out 0s;
		  -ms-box-transition:all 0.3s ease-in-out 0s;}
.cs_c li:hover {transform:scale(0.92);
		  -moz-transform:scale(0.92);
		  -webkit-transform:scale(0.92);
		  -o-transform:scale(0.92);
		  -ms-box-transform:scale(0.92);}
.cs_c li img {width:292px; height:182px; float:left; margin:0px;} 
.cs_c li i { width:100%;height:100%; float:left; position:relative; top:-182px; color:#fff; text-align:center; line-height:182px; font-size:25px; font-weight:bold;z-index:1;}
.cs_c li b { width:100%;height:100%;position:relative; top:-364px; float:left; display:none;}
.cs_c li:hover b {position:relative; display:block; top:-364px; float:left; width:100%;opacity:0.5;background:#000;filter:Alpha(opacity=50); display:block; height:182px; z-index:0;}

/*jd*/
.jd_c { width:1170px; overflow:hidden; float:left;}
.jd_c img.bt { margin:0px;}
/*jd_list*/
	.picScroll-left{ width:1170px;  overflow:hidden; }
		.picScroll-left  .prev,.picScroll-left .next{ display:block;width:33px; height:66px; float:left;cursor:pointer; background:url("../images/arrow.png") no-repeat; position:relative; top:-339px; left:-33px;  z-index:99;}
		.picScroll-left  .next{ background-position:-33px 0px; left:1137px;}
		.picScroll-left .bd  { width:1170px; overflow:hidden;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin-right:18px; width:1188px; float:left; _display:inline; overflow:hidden; }
		.picScroll-left .bd ul li .pic{width:279px; overflow:hidden; float:left; margin-right:18px;}
		.picScroll-left .bd ul li .pic span { width:100%; overflow:hidden; float:left; font-size:18px; font-weight:bold; text-align:left; margin-top:15px;}
		.picScroll-left .bd ul li .pic p { width:100%; font-size:12px; text-align:left; margin-top:10px; color:#999; margin-bottom:15px; float:left;}
		.picScroll-left .bd ul li .pic img{ width:279px; height:174px; display:block; margin:0px;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.c_1200_zt {background:none;}


/*fx*/
.fx_c { width:1188px; overflow:hidden;}
.fx_c li { width:279px; overflow:hidden; margin-right:18px; float:left;margin-bottom: 15px;}
.fx_c li img { width:100%; float:left; height:174px;}
.fx_c li p { width:279px; overflow:hidden; display:block; margin-top:20px; text-align:left; font-size:18px; float:left; font-weight:bold;}
.fx_c li span { width:100%; overflow:hidden; display:block; margin-top:5px; float:left;text-align:left; color:#999;}

/*ms*/
.ms_c { width:1188px; overflow:hidden;}
.ms_c li { width:279px; height:192px; margin-right:18px; float:left;}
.ms_c li a { width:279px; height:174px; display:block;}
.ms_c li img { width:279px; height:174px; z-index:99;}
.ms_c li p { display:none;}
.ms_c li:hover p { display:block;width:100%; height:40px; float:left; position:relative; top:-40px; font-size:16px; line-height:40px; color:#fff; text-align:center; z-index:1;}
.ms_c li i {display:none; width:100%;height:40px;float:left;position:relative; top:-80px;background:#000;opacity:0.5;filter:Alpha(opacity=50);z-index:0;}
.ms_c li:hover i {display:block; }
.ms_c_2 { width:889px; float:left;}
.ms_c_2 li,.ms_c_2 li a,.ms_c_2 li a img { width:211px; height:132px;}
.ms_c_2 li  {margin-bottom: 9px;margin-right: 9px}

/*lp_sy*/
.lp_sy { background:url(../images/sy_bg.jpg) top center no-repeat; margin-top:-20px;}

/*lp_zx*/
.lp_zx { width:1170px; overflow:hidden; margin:0 auto;}
.lp_zx_1188 { width:1188px; overflow:hidden; float:left;}
.zx_list { width:279px; float:left; overflow:hidden; margin-right:18px; }
.lp_zx_bg { width:100%; border-bottom:1px solid #ccc; float:left; text-align:right; color:#ccc; margin-bottom:10px;}
.lp_zx_bg span { border-left:3px solid #16aefd; padding-left:10px; font-size:18px; margin-bottom:10px; display:block; float:left; color:#000;}
.lp_zx_bg a {height:24px; line-height:31px;display:block;float:right;color:#999;}
.lp_zx_bg a:hover {color:#16aefd;}
.zx_list ul { width:279px; float:left; overflow:hidden; display:block;}
.zx_list ul li { width:279px; float:left; overflow:hidden; margin-right:18px;}
.zx_list ul li img { width:100%; float:left; height:174px;}
.zx_list ul li p { width: 100%;overflow: hidden;display: block;margin-top: 5px;text-align: left;font-size: 18px;float: left;font-weight: bold;height: 32px;line-height: 32px;}
.zx_list ul li span {width: 100%;overflow: hidden;display: block;margin-top: 5px;float: left;text-align: left;color: #999;border-bottom: 1px solid #eee;padding-bottom: 15px;font-size:12px;line-height: 20px;}
.zx_list ul li i {padding: 4px 15px;position: relative;float: left;z-index: 10;top: -238px;background: rgba(22,174,253,0.9);color: #fff;}
.zx_list_2 { width:279px; overflow:hidden;margin-top:11px;float:left;}
.zx_list_2 ul { width:279px; float:left; overflow:hidden; }
.zx_list_2 ul li { width:279px; float:left;height:30px; line-height:30px;}
.zx_list_2 ul li span { float:right; color:#ccc; width:39px; margin:0px;}
.zx_list_2 ul li span {font-size:14px;line-height:30px;}


/*list_ny_fh*/
	.list_ny_fh { width:50px; height:50px; position:fixed; right:14%;bottom:20%;background:rgba(0,0,0,0.1); display:none;}
	.list_ny_fh:hover { background:#16aefd;}
	.list_ny_fh img { width:100%;}


/* link */
	.link {width:1170px; overflow:hidden; float:left;}
	.link span { border-bottom:2px solid #16aefd; float:left; font-size:18px; height:24px; line-height:18px; display:block;}
	.link i {width:1098px; height:24px; border-bottom:2px solid #eee; float:left; _height:22px;}
	.link ul li {float:left; padding-left: 11px; height:28px; line-height:28px;  font-size:14px;margin-top: 6px;text-align: center;}
	.link ul li a {border-right: 1px solid #ececec;padding-right: 11px;color: #666;}
	.link ul li:hover a { color:#16aefd;}


/*主题推荐*/

/* 本例子css */
	.picScroll-left2{ width:1170px;  overflow:hidden; position:relative;  }
	.picScroll-left2 .hd{height:0px;}
	.picScroll-left2 .hd .prev,.picScroll-left .hd .next{ margin-left:0px;left: 0;bottom: 285px;}
	.picScroll-left2 .hd .next{ background-position:0 -50px;width: 54px;height: 81px;position: relative;right:0;background: url(../images/banner_r.png);z-index: 10;display: block;bottom: 211px;margin-left: 523px;}
	.picScroll-left2 .hd .next:hover {background: url(../images/banner_r2.png);}
	.picScroll-left2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
	.picScroll-left2 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; url(../images/banner_r.png); }
	.picScroll-left2 .hd ul li.on{ background-position:0 0; }
	.picScroll-left2 .bd {width:1170px;}
	.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
	.picScroll-left2 .bd ul li{ margin-right:11px; float:left; _display:inline; overflow:hidden;width:224px;height:314px; text-align:center;background:url("../images/zhuti_bg.jpg") center bottom no-repeat;}
	.picScroll-left2 .bd ul li .pic{ text-align:center; }
	.picScroll-left2 .bd ul li .pic img{ width:224x; height:298px; display:block;}
	.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
	.tempWrap { width:1170px;}






