/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-size: 12px;
	font-family:"΢ÈíÑźÚ";
	color: #333333;
}
a {
	font-size: 12px;
	color: #333333;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #FF3300;
}
a:active {
	text-decoration: none;
	color: #FF3300;
}


a.homecd {
	font-size: 16px;
	color: #333333;
	transition: all 0.5s;
transform: scale(1.0);
}
a.homecd:link {
	text-decoration: none;
}
a.homecd:visited {
	text-decoration: none;
	transition: all 0.5s;
transform: scale(1.0);
	color: #333333;
}
a.homecd:hover {
transition: all 0.5s;
transform: scale(1.0);
	text-decoration: none;
	color: #de1620;
}
a.homecd:active {
transition: all 0.5s;
transform: scale(1.0);
	text-decoration: none;
	color: #de1620;
}



a.botcd {
	font-size: 14px;
	transition: all 0.5s;
transform: scale(1.0);
	color: #999999;
}
a.botcd:link {
	text-decoration: none;
}
a.botcd:visited {
	text-decoration: none;
	transition: all 0.5s;
transform: scale(1.0);
	color: #999999;
}
a.botcd:hover {
transition: all 0.5s;
transform: scale(1.0);
	text-decoration: none;
	color: #ffffff;
}
a.botcd:active {
transition: all 0.5s;
transform: scale(1.0);
	text-decoration: none;
	color: #ffffff;
}

.STYLE3 {
	font-size: 30px;
	color: #284593;
}

#demo0 { 
    width:1200px;
 height:236px;
 overflow:hidden;
 margin:auto;
} 
#demo0 img { 
    float:left;
 margin-left:1px;
 border:1px #ffffff solid;
}
#indemo0 { 
    float: left; 
    width: 800%; 
} 
#demo10 { 
    float: left; 
} 
#demo20 { 
    float: left; 
}


#sdemo0 { 
    width:908px;
 height:48px;
 overflow:hidden;
 margin:auto;
}
#sdemo0 img { 
    float:left;
 margin-left:1px;
 border:1px #ffffff solid;
}
#sindemo0 { 
    float: left; 
    width: 800%; 
} 
#sdemo10 { 
    float: left; 
} 
#sdemo20 { 
    float: left; 
}
#video {
	width: 400px;
	height: 240px;
	margin: 0 auto;
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}


.STYLE4 {
	color: #0A61B0;
	font-size: 24px;
}

.big_bg{
transition: all 0.5s;
transform: scale(1.0);
background:#ff8300; font-size:14px; color:#ffffff; border-radius:8px; cursor:pointer;}
.big_bgs{
transition: all 0.5s;
transform: scale(1.0);
background:#ff5000; color:#FFFFFF; font-size:14px; border-radius:8px; cursor:pointer;}


.top11 {width:100%; height:78px; position:fixed; z-index:999999999999999999999999999999999999999999999999999999999999999; *bottom: 0; *position:relative;margin-top:-0px;*margin-top:0px;_margin-top:0px;
*clear: both; 
z-index:99999;}
.about{
background:#999999; color:#FFFFFF; cursor:pointer;}
.abouts{
transition: all 0.8s;
transform: scale(1.0);
background:#e85700; color:#FFFFFF; cursor:pointer;}

.new_menu{
transition: all 0.8s;
transform: scale(1.0); 
cursor:pointer; font-size:14px; color:#ffffff;}
.new_menus{
transition: all 0.8s;
transform: scale(1.0); 
border-bottom:#88dda8 solid 2px; font-size:14px; cursor:pointer; color:#88dda8;}


ul{list-style:none ;}
img{border:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}

/* banner-box */
.banner-box{min-width:1210px;height:389px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:389px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1200px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=60);-moz-opacity:0.4;-khtml-opacity:0.6;opacity:0.6;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:212px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}


.STYLE1 {
	font-size: 18px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a:link {
	color: #0066CC;
}
a:visited {
	color: #0066CC;
}
a:hover {
	color: #FFCC00;
}
a:active {
	color: #FF9900;
}
.STYLE2 {font-size: 24px}
.top11 {width:100%; height:78px; position:fixed; z-index:999999999999999999999999999999999999999999999999999999999999999; *bottom: 0; *position:relative;margin-top:-0px;*margin-top:0px;_margin-top:0px;
*clear: both; 
z-index:99999;}
.footer { position:fixed; width:100%; height:89px; bottom:0;}

.iphone {
  width: 100%;
  height:100%;

  position: relative;
  display: inline-block;
  background: #fff;
}
.iphone__item {
  width: 16.06em;
  height: 1em;
  position: absolute;
  bottom: -2em;
  color: #158f76;
  text-align: center;
}

.iphone__screen {

  width: 100%;
  height:150px;

  position: absolute;

  overflow: hidden;
}

/**
* Navigation Defaults
*/
.nav {
  position: absolute;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active .nav {
  opacity: 50;
  background-color: #333;
}
.nav__list {
  margin: 0;
  padding: 10px;
}
.nav__item {
  list-style-type: none;
  color:#FFFFFF;
  font-size:12px;
  line-height:38px;
  text-align: left;
  padding-left:10px;
}
.nav__link {
  font-size: 1.3em;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 10px;
  top: 35px;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 5px;
  background-color: #f65700;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  background: #f65700;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -10px;
}
.nav__icon:after {
  margin-top: 10px;
}
/* Don't nest if you don't have to. */
/**
* Style #1
*/
.style-1 .nav {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  height: 100%;
}
.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.style-1 .nav--active .nav__link {
  opacity: 1;
}
.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.footer { position:fixed; width:100%; height:89px; bottom:0;}
/**