@font-face { font-family: Cuprum; src: url('/share/fonts/Cuprum-Regular_0.ttf'); } 
@charset "utf-8";

body { min-width: 1300px; }
.bgr1 {
	background-image: url(/share/images/site/bgr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.bgr2 {
}
.up_site {
	position:absolute;
    right:0px;
    top:0px;
    width:1100px;
    height:92px;
    border:none;
    z-index:300;
    margin:0;
    padding:0;
	background-image: url(/share/images/site/bgr2.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.menu {
	position:absolute;
	right:0px;
	top:92px;
	width:1100px;
	height:37px;
	border:none;
	z-index:300;
	margin:0;
	padding:0;
	background-color: #019FCE;
}
.banner {
	position:absolute;
	right:0px;
	top:129px;
	width:1100px;
	height:319px;
	border:none;
	z-index:300;
	margin:0;
	padding:0;
}
.shadow {
	position:absolute;
	right:0px;
	top:128px;
	width:1100px;
	height:14px;
	border:none;
	z-index:400;
	margin:0;
	padding:0;
}
.services {
	position:absolute;
	bottom:0px;
	width:1100px;
	height:211px;
	border:none;
	z-index:400;
	margin:0;
	padding:0;
	left: 0px;
}
.white_bgr {
	background-color: #FFF;
}
.table1 {
	background-color: #FFF;
	background-image: url(/share/images/site/table1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.padding_10 {
	padding:10px;
}
.down_bgr {
	background-image: url(/share/images/site/down_bgr.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.white_bgr1 {
	background-color: #FFF;
	background-image: url(/share/images/site/down_bgr.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.sh-left {
	background-image: url(/share/images/site/shadow1.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 31px;
}
.sh-right {
	background-image: url(/share/images/site/shadow2.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 31px;
}









#banners {
    border: medium none;
    
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    
    /*z-index: 100;*/
}
#banners ul {
    display: block;
    float: left;
    width: 1100px;
	height: 320px;
    margin: 0;
    padding: 0;
    position: relative;
    
}
#banners ul li {
    display: block;
    float: left;
    top: 0; left: 0;
    position: absolute;
    width: 1100px;
	height: 320px;
}

#banners ul li .mask {
      position:absolute;
      right:0px;
      top:0px;
    width: 1100px;
	height: 320px;
      margin:0;
      padding:0;
      background-image: url(/share/images/site/transparant.png);
      background-repeat: repeat-y;
      background-position: right;
}

#banners ul li .copy {
	display: block;
	float: right;
	width: 212px;
	height: 225px;
	position: absolute;
	top: 27px;
	right: 0;
}
#banners ul li .copy .blue_18 { display: block; text-align: center; }
#banners ul li .copy a { display: block; margin: 0 auto; width: 161px; }

#banners ul li > img {
    display: block;
    
    /*left: 0;
    position: absolute;
    top: 0;*/
    width: 1100px;
	height: 320px;
}

#banners1 {
    border: medium none;
    
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    
    /*z-index: 100;*/
}
#banners1 ul {
    display: block;
    float: left;
    width: 1100px;
	height: 320px;
    margin: 0;
    padding: 0;
    position: relative;
    
}
#banners1 ul li {
    display: block;
    float: left;
    top: 0; left: 0;
    position: absolute;
    width: 1100px;
	height: 320px;
}
#banners1 ul li img {
    display: block;
    
    /*left: 0;
    position: absolute;
    top: 0;*/
    width: 1100px;
	height: 320px;

}


#header_slider { position: relative; overflow: auto; height: 320px; width: 1100px; padding-bottom: 0px; background-image: url(/share/images/site/shadow1.png); background-position: 0 288px ;  background-repeat: no-repeat;}
#header_slider ul { margin: 0; padding: 0;}
#header_slider li { list-style: none; margin: 0; padding: 0; height: 320px; width: 1100px;}
#header_slider ul li { float: left; }
#header_slider .dots { display: block; float: left; height: 15px; position: absolute; bottom: 0px; left: 50%; margin-left: -50px; z-index: 999;}
#header_slider .dots .dot { display: block; float: left; margin-right: 5px; width: 12px; height: 13px; background-image: url(/share/images/site/dot_1.png); text-indent: -9999px; cursor: pointer;}
#header_slider .dots .dot.active { background-image: url(/share/images/site/dot_2.png); }
#slideshow_prev {
	display: block;
	width: 22px;
	height: 43px;
	position: absolute;
	left: 66px;
	margin-left: -55px;
	bottom: 130px;
}
#slideshow_next {
	display: block;
	width: 22px;
	height: 43px;
	position: absolute;
	right: 26px;
	margin-left: 110px;
	bottom: 130px;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }