@charset "utf-8";
body,html {padding: 0;margin: 0;font-size:14px;color:#999999; background-color:#f5f5f5;line-height:30px;font-family: "Lucida Grande", "Microsoft JhengHei", "Microsoft YaHei"; }
a{color:#999999;text-decoration:none;}
a:hover{ color:#c60019; }
ul,li,div,img{ list-style:none;}
img{ max-width:100%;}
.clear{ clear: both;}
/*MENU*/
.top_bg{width:100%;height:60px; background-color: #ffffff; position: fixed; top:0; border-bottom:1px solid #f5f5f5;}
.nav {position: relative;width: auto;display: inline-block;border: none;}
.btn-nav {position: fixed;top:-5px;right: 10px;background: transparent;border: none;padding: 10px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease;-ms-transition: all .5s ease; -o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999;color:#c60019; }
.btn-nav:focus {outline: 0;}
.icon-bar {display: block;margin: 4px 0;width: 30px;height: 4px;background-color: #c60019;}
.btn-nav:hover .icon-bar {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; background-color: #c60019;}
.nav-content {position: fixed;top: -100%;bottom: 0; left: 0;right: 0;background: #232323; display: block;height: 100%;z-index: 9;}
.nav-list {list-style: none;padding: 0; position: relative;top: 15%;}
.item-anchor:after {content: "";position: absolute;width: 3px;height: 3px;left: 0;bottom: 0;z-index: 9;background: transparent;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
}
.item-anchor {color: #fff;font-size:18px;text-transform: uppercase; position: relative;text-decoration: none;padding: 10px;}
.item-anchor:hover,
.item-anchor:focus {color: #ffffff; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;}

.item-anchor:hover:after,
.item-anchor:focus:after{width: 100%;background: #ffffff;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;}
.nav-item {margin: 20px auto;text-align: center;}
.animated {display: block;margin: 0 auto;}
.animated:hover .icon-bar,
.animated:focus .icon-bar{ background-color: #ffffff;}
.animated:focus {cursor: pointer;z-index: 9999;}
.middle {margin: 0 auto;}
.icon-bar {-webkit-transition: all .7s ease; -moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease; z-index: 999999;}
.animated .icon-bar {z-index: 999999; background-color: #FCA311;}
.animated .top {
	-webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}

.animated .middle {width: 0;}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {display: none;}
/*MENU*/

.banner{width:100%; margin:0 auto;margin-top:60px; background-color:#c60019;}
.main{ width:100%; margin:0px auto; background-color:#ffffff; margin-top:-10px;}
.itips{ background-color:#c60019; line-height:35px; color:#ffffff; text-align:center;}
.itips a{color:#ffffff; display:block;}
.itips a:hover{color:#ffffff;}
.i_title{font-size: 20px;color: #0067b2; text-align: center; padding-top:30px;}
.i_title .pp{ color:#999999; text-align:center;font-size:14px; padding:5px 0;}
.i_title .s{border-bottom: 3px solid #c60019;line-height:10px; width: 25px; margin: 0 auto; margin-top: 5px;}
.content_i{ padding:10px 10px; padding-bottom:20px;}
.main1{ width:100%; margin:8px auto; background-color:#ffffff; }
.topmenu{background-color:#c60019; line-height:45px; color:#ffffff; text-align:center;}
.topmenu ul
{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.topmenu li
{
	float:left;
	overflow:hidden;
	height:45px;
	line-height:45px;
	margin-left:0px;
}

.topmenu li a
{
	display:block;
	padding:0 10px;
	text-decoration:none;
	color:#ffffff;
	line-height:45px;

}

.topmenu li a:hover
{
	
	color:#ffffff;
	background-color:#0067b2;
}


.n9{ width:98%;}
.n10{ height:50px;line-height:50px; color:#fff; margin-bottom:1px; padding-left: 2em;overflow:hidden; font-size:16px;background-color: #13c6ed}
.n10:hover{height:50px; padding-left:45px; line-height:50px; color:#ffffff; cursor:pointer;}
#scurrent{background:url(../images/pbg1.jpg) no-repeat; height:50px; padding-left:30px; line-height:50px; color:#ffffff; cursor:pointer;}

.maincontent {margin:0 auto;}
#productslist {overflow: hidden;}
#productslist li {width:112%; margin-bottom: 20px; font-size: 16px; float: left; text-align: left;  margin-left:-40px;}
#productslist a {display: block; overflow: hidden; padding: 10px; background-color: #f5f5f5;text-align: center;}
#productslist a:hover { padding: 10px;background-color: #0067b2; color:#ffffff;}
#productslist h3 { font-size: 16px; }
#productslist p {margin: 0;  overflow: hidden; }
.footer{position:fixed; bottom:5%; right:10px; width:30%; line-height:40px; background-color:#c60019; color:#ffffff; text-align:center}
.footer a{ display:block; color:#ffffff;}