/* ------------------------------------------
 *  $Desription:   style.css
 *  $Version:      1.1(2014-10-12)
 *  $Authon:       VINK
------------------------------------------ */
/* Background
------------------------------------------ */
.mod_1 { background: url(../images/bg_01.jpg) no-repeat scroll center 0 transparent;}
.mod_2 { background: url(../images/bg_02.jpg) no-repeat scroll center 0 transparent;}
.mod_3 { background: url(../images/bg_03.jpg) no-repeat scroll center 0 transparent;}
.mod_4 { background: url(../images/bg_04.jpg) no-repeat scroll center 0 transparent;}
.mod_5 { background: url(../images/bg_05.jpg) no-repeat scroll center 0 transparent;}
.mod_6 { background: url(../images/bg_06.jpg) no-repeat scroll center 0 transparent;}
.mod_7 { background: url(../images/bg_07.jpg) no-repeat scroll center 0 transparent;}
.mod_8 { background: url(../images/bg_08.jpg) no-repeat scroll center 0 transparent;}
.mod_9 { background: url(../images/bg_09.jpg) no-repeat scroll center 0 transparent;}
.mod_10 { background: url(../images/bg_10.jpg) no-repeat scroll center 0 transparent;}
.mod_11 { background: url(../images/bg_11.jpg) no-repeat scroll center 0 transparent;}
.floatIco { background: url(../images/floatIco.png) no-repeat scroll 0 0 transparent;}
/* main
------------------------------------------ */
.mod_1 { height: 300px; margin: 0 auto;}
.mod_2 { height: 388px; margin: 0 auto;}
.mod_3 { height: 72px; margin: 0 auto;}
.mod_4 { height: 434px; margin: 0 auto;}
.mod_5 { height: 406px; margin: 0 auto;}
.mod_6 { height: 404px; margin: 0 auto;}
.mod_7 { height: 466px; margin: 0 auto;}
.mod_8 { height: 436px; margin: 0 auto;}
.mod_9 { height: 204px; margin: 0 auto;}
.mod_10 { height: 544px; margin: 0 auto;}
.mod_11 { height: 572px; margin: 0 auto;}

.w1100 { margin: 0 auto; position: relative; width: 1100px;}
.mod_2 .w1100 { height: 388px;}
.colockbox{width:360px;height:24px;overflow: hidden; color:#000000; position: absolute; left: 420px; bottom: 0;}
.colockbox span{float:left;display:block;width:30px;height:24px;line-height:24px;font-size:14px; font-weight:bold;text-align:center;}
.colockbox .count { background-color: #333;color:#FFF;}
.colockbox .text { background-color: #FFF;color:#333;}

.site-nav { background: url(../images/hd-bg.jpg) repeat-x scroll 0 0 transparent; color: #FFF; height: 50px; line-height: 56px; overflow: hidden; padding-top: 6px;}
.site-nav .l-nav { float: left; height: 54px; overflow: hidden;}
.site-nav .r-nav { float: right;}
.site-nav .nav-con { display: inline; float: left; margin-left: 30px;}
.site-nav a { color: #FFF; font-size: 14px; font-weight: 700;}
.site-nav .line { color: #daa875; padding: 0 10px;}
#slide { overflow: hidden;}

.more { display: inline-block; height: 42px; margin: 110px 0 0 818px; width: 98px;}
.more2 { display: inline-block; height: 42px; margin: 34px 0 0 820px; width: 98px;}
.backToTop {background-color: #ffcc00; color: #493A00; cursor: pointer; display: block; height: 38px; padding: 8px 6px 0; text-align: center; width: 34px;}
.backToTop:hover { color: #FFF; text-decoration: none;}

.footer { background-color: #d22a21; background-image: none; color: #FFF; padding: 20px 0;}
.footer a { color: #FFF;}
.footer a:hover { color: #FFF;}