@charset 'sut-8';

.banner { position:relative; margin: 0 auto; width:1000px; height:500px; z-index:1; border-top: 2px solid #004182; border-bottom: 2px solid #1192ce;}

.hometeaser {background-color: #FFFFFF;cursor: pointer;float: left;height: 500px;overflow: hidden;position: absolute;width: 333px;}
#teaser_top {height: 500px;width: 1000px;background-color: #FFFFFF;position:relative;}

.teasernav {z-index: 20;position: absolute;top: 394px;}
.teasernav IMG {position: absolute;z-index: 2;}
.teasernav .img1 {position: absolute; width: 240px; background: url(../images/icon-5.jpg) no-repeat right center #ff9900; z-index: 2; color: #fff; font-size: 20px; line-height: 44px; text-indent: 20px; font-weight: bold;}
.teasernav .img2 {position: absolute; width: 240px; background: url(../images/icon-5.jpg) no-repeat right center #ff9900; z-index: 1; color: #fff; font-size: 20px; line-height: 44px; text-indent: 20px; font-weight: bold;}
.teaserlnbox {position: absolute;top: 106px;left: 20px;width: 530px;padding: 16px 15px 10px 5px;background-color: #FFFFFF;opacity: 0.8;}
.tsnl {width: 239px;height: 21px;line-height: 21px;padding: 5px 6px 5px 10px;float: left;margin: 0 0 5px 10px;color: #444444;font-size: 14px;font-weight: bold;background: #DDD url(../images/navi_link.gif) 228px 5px no-repeat;font-family:"microsoft yahei";}
.tsnl:hover {color: #0092dc;background: #DDD url(../images/navi_link.gif) 228px -44px no-repeat;}
.tsnl img {position: static;float: right;}
#home_teaser_1 {width: 333px;z-index: 11;}
#ts1_bg1 {position: absolute;width: 333px;height: 500px;background-repeat: no-repeat;background-position: -50px;}
#ts1_bg2 {position: absolute;width: 333px;height: 500px;background-image: url(../images/ts1_2.jpg);background-repeat: no-repeat;background-position: -50px;}
#home_teaser_2 {left: 333px;width: 334px;z-index: 12;}
#ts2_bg1 {position: absolute;width: 334px;height: 500px;background-image: url(../images/ts1.jpg);background-repeat: no-repeat;background-position: -120px;}
#ts2_bg2 {position: absolute;width: 334px;height: 500px;background-image: url(../images/ts1_2.jpg);background-repeat: no-repeat;background-position: -120px;}
#home_teaser_3 {left: 667px;float: right;width: 333px;z-index: 13;}
#ts3_bg1 {position: absolute;width: 333px;height: 500px;background-image: url(../images/ts1.jpg);background-repeat: no-repeat;background-position: -195px;}
#ts3_bg2 {position: absolute;width: 333px;height: 500px;background-image: url(../images/ts1_2.jpg);background-repeat: no-repeat;background-position: -195px;}

.i-news { float: left; width: 332px; height: 268px; background: #fff;}
.i-news .video { width: 332px; height: 123px;}
.i-news ul { padding: 76px 20px 0;}
.i-news ul li { color: #555; font-size: 12px; line-height: 28px; font-family: SimSun;}
.i-news ul li:before { padding-right: 5px; content: ">"; font-size: 10px;}
.i-news ul li:hover { color: #1091d0;}

.i-about { float: left; width: 284px; height: 268px; padding: 0 23px; border-left: 1px solid #d9d9d9; background: url(../images/img-2.jpg) no-repeat right bottom #f4f4f4; border-right: 1px solid #d9d9d9;}
.i-about h2 { padding: 25px 0 15px; color: #004182; font-size: 16px; line-height: 16px; font-weight: normal;}
.i-about p { height: 160px; color: #555; font-size: 12px; line-height: 24px; font-family: SimSun;}
.i-about a.more { display: block; width: 52px; height: 13px; background: url(../images/icon-3.png) no-repeat 40px center #004182; color: #fff; font-size: 10px; line-height: 14px; text-indent: -1px; border-radius: 2px;}
.i-about a.more:hover { background: url(../images/icon-3.png) no-repeat 40px center #1091d0;}

.i-contact { float: left; padding: 0 26px; width: 283px; height: 268px; background: url(../images/img-3.jpg) no-repeat center bottom #eee;}
.i-contact .bd { height: 168px; overflow: hidden;}
.i-contact .bd h2 { margin: 25px 0 10px; color: #004182; font-size: 16px; line-height: 16px; font-weight: normal;}
.i-contact .bd p { color: #666; font-size: 12px; line-height: 22px; font-family: SimSun;}
.i-contact .hd { padding-top: 10px; margin-left: -10px;}
.i-contact .hd li { float: left; padding: 0 10px; background: url(../images/icon-4.jpg) no-repeat right center; color: #004182; font-size: 12px; line-height: 24px; font-family: SimSun; cursor: pointer;}
.i-contact .hd li.on { color: #ff0000;}
.i-contact .tel { padding-left: 28px; background: url(../images/tel.png) no-repeat left center; color: #004182; font-size: 18px;}
.i-contact .mail { color: #1091d0; font-size: 12px;}

