@charset "utf-8";

.cl:after,.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clear {clear:both;}
.cl,.clearfix {zoom:1;}

.fl {float:left;}
.fr {float:right;}

.container {width:1200px; margin:auto;overflow:hidden}

.site {width:100%;padding:10px 0 10px 0;margin: 0 0 0px 0;line-height:35px;border-bottom: 1px #ddd solid;background: #f9f9f9;}
.site h3 {float:left;padding-left: 15px;color:#555;font-size:18px;margin-top: 11px;line-height: 15px;border-left: 3px #00a2ad solid;}
.site .frame {color: #999;font-size:13px;line-height:35px;padding-left:20px;}
.site .frame:before {margin-right:5px;font-size: 18px;color: #999;}
.site a {display:inline-block;color: #999;font-size:13px;}
.site a.icon-home:before {font-size:15px;color: #999;}
.site a:hover {color:#00a2ad}

.banner-within {position:relative;height:320px; width:100%; overflow: hidden;}
.banner-within img {display:block;height:320px;width:1920px; position: absolute; margin-left:-960px;left:50%;}
.banner-within img { transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}

@-webkit-keyframes minus {from {-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to {-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes minus {from {-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to {-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}

.rack {float:left;width:100%;padding: 50px 0 50px 0;}
.rack .lefter {width:240px;}
.rack .righter {width:930px;}

.rack h2  {margin:20px 0 10px 0}


.con-txt01 {font-size:25px;}
.con-txt02 {font-size:14px; margin-left:35px;}
.con-txt03 {font-size:14px;}
.con-txt04 {font-size:16px; font-weight:bold; margin-left:35px;}
.contact_img img {width:500px;}
.icon_call {width:20px; height:20px; background-image: url(/web/upload/contact/tel_icon.png); background-repeat:no-repeat; background-size:20px; float:left;}
.icon_mail {width:20px; height:20px; background-image: url(/web/upload/contact/mail_icon.png); background-repeat:no-repeat; background-size:20px; float:left;}
.icon_map {width:20px; height:20px; background-image: url(/web/upload/contact/map_icon.png); background-repeat:no-repeat; background-size:20px; float:left;}