body,div,iframe,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,caption,form,input,button,select,textarea {margin:0;padding:0;}
input,button,textarea,select{font-size:100%;-webkit-appearance:none;}
h1, h2, h3, h4, h5, h6,em { font-size: 100%; font-weight: normal; font-style: normal; } 
ol,ul {
	list-style:none;
}
img {border:0;}
hr { height:1px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; }
.clear {clear:both;font-size:0;height: 1px;overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{zoom:1;}.clr { clear: both; }
.fl{float:left}
.fr{float:right}
body {
	background-color: #FFF;
	font-family: '微软雅黑', Helvetica, Arial, sans-serif;
	font-size:14px;
	background-repeat: repeat;
	padding-bottom: 50px;
}
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover, a:active { text-decoration: none; color: #FF6600; }
.mt10{margin-top:10px;}
#zh{
	min-width: 320px;
	max-width: 480px;
	margin:0 auto;
}
#header {
	background-color:#FFF;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	text-align: center;
}
#nav {
	display: block;
	height: 82px;
	background-color: #0E439E;
}
#nav li {
	width: 25%;
	display: inline-block;
	float: left;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#nav li a {
	text-align: center;
	color: #FFF;
	font-weight: bold;
	display: block;
	line-height: 40px;
	height: 40px;
}
#nav li a:hover {
	color: #000;
	background-color: #F9C401;
}
#nav li.b a {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}
#nav ul {
	height:82px;
}
#banner { text-align: center; }
#banner img { display: block; }
.tl {
	height: 44px;
	background-color: #0E439E;
}
.tl span{
	float:right;
	height: 44px;
	padding-right: 5px;
	line-height: 44px;
	font-size: 12px;
	color:#FFF
}
.tl a,.tl a:visited{
	color:#FFF;
}
.news-ul li {
	line-height: 34px;
	height: 34px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}
.tl-h {
	font-weight: bold;
	color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tl-h a,
.tl-h a:visited {
	color: #029CCE;
}
#team-list { display: block; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; }
#team-list li { display: inline-block; float: left; width: 25%; text-align: center; }
#team-list li img { width: 90%; }
#footer {
	color: #333;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 55px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.footer-nav {
	height: 120px;
}
.footer-nav a,
.footer-nav a:visited {
	color: #FFF;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
}
.footer-nav li {
	float: left;
	height: 60px;
	width: 33%;
}
.footer-nav li a {
	display: block;
	height: 36px;
	background-color: #009933;
	line-height: 36px;
	text-align: center;
	border: 4px solid #FFF;
	border-radius:20px 20px 20px 20px;
	box-shadow:0 1px 3px rgba(34,25,25,0.2);
}
.footer-copyright { line-height: 30px; background-color: #FFF; color: #333; }
.footer-info { padding: 30px 0;  text-align:center; background-color:#F5F5F5;}
.footer-info a, .footer-info a:visited{color:#FFF;}
.tl-p {
	padding: 10px;
	background-color: #EEE;
}
.about-page {
	padding: 10px;
	line-height: 22px;
}
.about-page img {
	max-width:100%;
	display:block;
}
.page-news-list { padding: 10px; }
.page-news-list li { padding-left: 15px; background-image: url(../Images/dot.jpg); background-repeat: no-repeat; background-position: 5px 15px; padding-top: 8px; padding-bottom: 8px; }
.page-news-list li span { color: #666; font-size: 12px; font-weight: normal; padding-left: 10px; }
.page-num { text-align: center; padding-top: 10px; }
.page-num a, .page-num span{ display:inline-block; padding:4px;}
.page-num .current{ background:#F9C401; color:#FFF;}
.page-news-list li.br { background-image: none; padding-top: 0px; padding-bottom: 0px; border-top-width: 1px; border-top-style: dashed; border-top-color: #CCC; }
.per-nex { margin-top: 10px; }
.per-nex li { padding-top: 5px; padding-bottom: 5px; }
.page-news-show { padding: 10px; }
.page-news-show h2 { text-align: center; line-height: 30px; font-weight: bold; }
.page-news-show .info { color: #666; text-align: center; font-size: 12px; }
.page-news-content { margin-top: 10px; font-size: 14px;line-height:24px;}
.page-team-list { padding: 10px; }
.page-team-list .pic img { width: 100%; }
.page-team-list .info { margin-top: 10px; }
.page-team-list .info h4 { font-weight: bold; }
.page-team-list .info p { font-size: 0.9em; color: #666; }
.page-team-list li { padding-bottom: 10px; }
.page-images-list { padding: 10px; }
.page-images-list .pic img {
	width: 90%;
	border: 1px solid #CCC;
	height: 150px;
}
.page-images-list li {
	text-align: center;
	float: left;
	width: 50%;
}
#guestbook { padding: 15px; }
.gustbook-form { padding-top: 10px; }
#guestbook dl { padding: 10px; border: 1px solid #F0F0F0; margin-bottom: 10px; }
#guestbook dt { line-height: 30px; height: 30px; padding-right: 8px; padding-left: 8px; background-color: #F1FDE3; }
#guestbook dt span { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #666; float: right; }
#guestbook dt strong { color: #F60; }
#guestbook dd { padding: 8px; }
#guestbook .reply strong { color: #0E8109; }
#tool-bar{
	height: 54px;
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index:1001;
	background-color: #0E439E;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.tool-bar-int {

}
.tool-bar-int li {
	display: inline-block;
	height: 44px;
	float: left;
	width: 25%;
	text-align: center;
	padding-top: 5px;
}
.tool-bar-int li a { display: inline-block; height: 44px; width: 100%; }
.tool-bar-int li a:visited{#FFF;}
.tool-bar-int i {
	background-image: url(../images/tool-bar-i.png);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
}
i.i-tel { background-position: left top; }
i.i-email { background-position: 0px -100px; }
i.i-map { background-position: 0px -40px; }
i.i-message { background-position: 0px -60px; }
i.i-share { background-position: 0px -20px;}
i.i-star { background-position: 0px -122px;}
.tool-bar-int ul li a span { font-size: 12px; color: #FFF; padding-top: 3px; display: block;}
.tool-bar-br {
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #EEE;
}
/* Swipe 2 required styles */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
/* END required styles */
.welcome { background-color: #CC3333; color: #FFF; line-height: 26px; padding-top: 8px; padding-bottom: 12px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #DD7878; border-bottom-color: #B12C33; }
.welcome h2 { color: #FF0; font-weight: bold; }

.logo img {
	max-width:100%;
}
.tel {
	font-size: 12px;
	background-image: url(../Images/tel.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-right: 10px;
	float: right;
}
.tel strong {
	color: #FF0000;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
}
.tl h3 {
	font-weight: bold;
	height: 44px;
	line-height: 44px;
	color: #FFF;
	text-align: center;
	padding-left: 10px;
	float: left;
	font-size: 16px;
	padding-right: 10px;
}
.pro-ul { padding-top:10px; }
.pro-ul li {
	float:left;
	width:50%;
	text-align:center;
	padding-bottom:10px;
	display: block;
}
.pro-ul .pic img {
	width:90%;
	border: 1px solid #CCC;
	height: 150px;
}
.pro-ul .name { margin-top:8px; overflow: hidden; line-height: 30px; height: 30px; }.price { font-weight: bold; color: #F9C401; }
.box{
	display:block;
	background-color: #FFF;
}
.ul-pic li {
	float: left;
	display: block;
	text-align: center;
	width: 50%;
	padding-bottom: 10px;
}
.ul-pic {
	padding: 10px;
}
.ul-pic span { display: block; padding-top: 6px; line-height: 30px; height: 30px; overflow: hidden; }
.ul-pic img {
	width: 92%;
	border: 1px solid #DDD;
}
.ul-pic2 li {
	float: left;
	display: block;
	text-align: center;
	width: 33%;
}
.ul-pic2 { padding-top: 10px; }
.ul-pic2 span { display: block; padding-top: 6px; line-height: 30px; height: 30px; overflow: hidden; }
.ul-pic2 img {
	width: 93%;
	border: 1px solid #CCC;
}
.news-ul {
	padding: 10px;
}
.tRight { text-align: right; }
.redfont { color: #F9C401; }
.form-gusetbook { background-image: url(../Images/pic-contact.png); background-repeat: no-repeat; background-position: left bottom; padding-top: 8px; padding-right: 8px; padding-bottom: 30px; padding-left: 8px; }
.contact-ul {
	line-height: 24px;
	padding: 10px;
}
#footer .nav {
	line-height: 40px;
	height: 40px;
}
#footer .nav a,
#footer .nav a:visited {
	color: #000;
	margin-right: 5px;
	margin-left: 5px;
}
#footer .info {
	font-size: 12px;
	color: #333;
	text-align: center;
	line-height: 20px;
}
#footer .info a,
#footer .info a:visited {
	color: #333;
}
.InputBorder { padding: 4px; border: 1px solid #CCC; }
.page-content { padding: 8px; }
.goods-pic { text-align: center; }
.goods-spce-ul { line-height: 24px; padding-top: 10px; }
.goods-remark { line-height: 24px; padding: 8px; overflow:hidden; }
.goods-remark img{ width:100%;}
.products-list li {
	float: left;
	width: 50%;
	text-align: center;
	margin-bottom: 8px;
}
.products-list .img img {
	width: 90%;
	border: 1px solid #CCC;
	height: 150px;
}
.products-list .name {
	padding-top: 8px;
	height: 36px;
	font-size: 14px;
}
.news-ul li span { float: right; color: #666; }
#header .weibo {
	position: absolute;
	top: 17px;
	right: 5px;
	color: #FFF;
	font-size: 12px;
}
#header .weibo p {
	padding-top: 5px;
}
#header .weibo img {
	margin-right: 7px;
	margin-left: 7px;
}
.bgc {
	background-color: #F4F4F4;
	padding-top: 15px;
}
.about {
	line-height: 22px;
	padding-top: 15px;
}
.about p {
	line-height: 22px;
	padding-top: 5px;
}
.brand-ul {
	padding-top: 10px;
}
.brand-ul li {
	text-align: center;
	float: left;
	display: inline-block;
	width: 50%;
	padding-bottom: 10px;
}
.video-ul {
	background-color: #FFF;
	padding-top: 10px;
}
.video-ul li {
	height: 55px;
	float: left;
	width: 50%;
}
.video-ul li a {
	background-image: url(../Images/video-li.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	width: 110px;
	display: block;
	line-height: 44px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding-left: 44px;
	margin-right: auto;
	margin-left: auto;
}
.tl-tab {
	height: 42px;
	background-image: url(../Images/tl-tab.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.tl-tab ul {
	height: 42px;
}
.tl-tab ul li {
	width: 33.33%;
	display: inline-block;
	float: left;
	line-height: 42px;
	text-align: center;
	height: 42px;
	font-size: 15px;
	box-sizing:border-box;
}
.tl-tab ul li.hover {
	background-image: url(../Images/tl-tab-hover.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.headline {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.headline img{
	width:100%;
}
.headline h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 28px;
}
.headline p {
	color: #666;
	line-height: 20px;
}
.tl ul {
	height: 54px;
}
.tl ul li {
	display: inline-block;
	float: left;
	height: 54px;
	font-size: 16px;
	color: #FFF;
	line-height: 54px;
	text-align: center;
	font-weight: bold;
	width: 33.3%;
}
.ava-ul {
	padding-top: 10px;
	padding-bottom: 10px;
}
.ava-ul li {
	width: 25%;
	float: left;
}
.ava-ul li img {
	width: 100%;
	height: 80px;
}
.tl-h h3 {
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	background-color: #0058AE;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 30px;
	border-radius: 20px 20px 20px 20px;
}
.weibo-code {
	padding: 10px;
}
.banner{
	position: relative;
}
.banner .slider {
	z-index: 1;
	display:block;
	margin:0 auto;
	max-width:480px;
	overflow:hidden;
	position:relative;
}
.banner .slider .sliderlist{ position:absolute; width:2000px; left:0; top:0px;}
.banner .slider .sliderlist li{
	float:left;
	width:480px;
	display:block;
	text-align:center;
}
.banner .slider .sliderlist li span{
	max-width:480px;
	margin:0 auto;
	display:inline-block;
}
.banner .slider .sliderlist li img{}
.banner .slider #pagenavi{
	position:absolute;
	left:0;
	bottom:10px;
	text-align:center;
	width:100%;
}
.banner .slider #pagenavi a{width:14px;height:14px;line-height:99em;background:#FFF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.banner .slider #pagenavi a.active{ background:#F9C401;}
#adv {
	display: block;
	text-align: center;
}
#adv img{
	max-width:100%;
}
#adv li {
	display: block;
}
#adv li h5 {
	display: block;
	font-size: 15px;
	line-height: 40px;
	color: #F9C401;
	font-weight: bold;
	padding-left: 35px;
	height: 50px;
}
#adv li p {
	font-size: 12px;
	line-height: 22px;
	color: #666;
	padding-left: 20px;
	background-image: url(../Images/ys-p.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.ul-case {
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.ul-case li .pic {
	float: left;
	width: 40%;
}
.ul-case li .info {
	float: right;
	width: 55%;
}
.ul-case li .pic img {
	width: 100%;
}
.ul-case li .info h3 {
	font-weight: 700;
	padding-bottom: 5px;
}
.ul-case li .info p {
	line-height: 20px;
	color: #666;
	font-size: 12px;
}
.ul-case li {
	padding-bottom: 10px;
}
#page {
	background-color: #FFF;
}#header .qrcode {
	height: 34px;
	width: 34px;
	position: absolute;
	top: 19px;
	right: 76px;
}
#weixin-code {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 32px;
	left: -65px;
	z-index: 99999999;
	display: none;
	border: solid #999 1px;
	background-color: #FFF;
	padding: 3px;
}

.adt {
	padding-top: 5px;
	padding-bottom: 5px;
}
.p8 {
	padding: 8px;
}
.ct {
	text-align: center;
}
.tl-s {
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #054FAE;
}
.tl-s h3 {
	line-height: 40px;
	color: #FFF;
	float: left;
	font-weight: bold;
	text-align: center;
	height: 40px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #F9C401;
	padding-left: 10px;
}
.tl-s span {
	float: right;
	line-height: 40px;
	padding-right: 8px;
}
.adv-video-btn {
	position: absolute;
	top: 5px;
	right: 5px;
}
.adv-video {
	text-align:center;
	padding:8px;
	background-color:#000;
	color: #FFF;
}
.faq dl { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #D2D9D6; padding-bottom: 10px; padding-top: 5px; }
.faq dt span { font-weight: 700; color: #FF6600; }
.faq dd span { color: #1FB530; font-weight: 700; }
.faq dl dt {
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 5px;
	background-image: url(../Images/faq-q.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 25px;
}
.faq dl dd {
	line-height: 18px;
	color: #666;
	padding-top: 7px;
	padding-bottom: 5px;
	background-image: url(../Images/faq-a.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 25px;
}
.about strong {
	color: #333;
}
.contact-ul img {
	float: right;
}
.btn {
	color: #FFF;
	background-color: #F90;
	border: 1px solid #F60;
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
}
.page-images-list li .name {
	display: block;
	height: 40px;
	padding-top: 5px;
	overflow: hidden;
}
.cert {
	text-align: center;
	padding-top: 15px;
}
#retop {
	display: inline-block;
	padding: 10px;
	color: #FFF;
	background-color: #F60;
	border-radius:20px;
}
.cate-ul {
	padding-top: 10px;
	padding-bottom: 10px;
}
.cate-ul li {
	line-height: 16px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 33.33%;
}
.cate-ul li a {
	background-image: url(../Images/dot-yellow.gif);
	background-repeat: no-repeat;
	background-position: 5px 1px;
	display: inline-block;
	padding-left: 25px;
}
.cate-ul dt{
	clear:both;
	font-weight:700;
	font-size:16px;
	line-height:30px;
	background-image: url(../Images/tl-l-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 31px;
	margin-bottom: 6px;
}
.cate-ul dd {
	float: left;
	width: 50%;
	line-height: 16px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cate-ul dd a {
	background-image: url(../Images/dot-gray.jpg);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	display: inline-block;
	padding-left: 20px;
}
.tl-h span {
	float: right;
	font-weight: normal;
	padding-right: 5px;
}
#adv li strong {
	color: #F9C401;
}
.ul-case .info .more {
	padding-top: 10px;
	padding-right: 10px;
}
.foot-words {
	font-size: 20px;
	color: #ECEC00;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.tips {
	padding: 10px;
}
.pro-slider {
	z-index: 1;
	display:block;
	max-width:640px;
	overflow:hidden;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 20px;
}
.pro-slider-list { position:absolute; width:2000px; left:0; top:0px;}
.pro-slider-list-li{ float:left; width:640px; display:block; text-align:center;}
.pro-slider-pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.pro-slider-pagenavi a{
	width:32px;
	height:12px;
	line-height:99em;
	background:#b5b5b5;
	overflow:hidden;
	cursor:pointer;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
}
.pro-slider-pagenavi a.active{ background:#DB0317;}
.font-orange {
	font-weight: 700;
	color: #F60;
}
.adv-tl {
	background-color: #FFF;
	background-image: url(../Images/adv-tl.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
	padding-bottom: 15px;
}
.adv-tl h3 {
	line-height: 44px;
	color: #083EB1;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.adv-tl h3 strong {
	color: #FFF;
	font-size: xx-large;
}
#adv ul li .pic {
	padding-top: 5px;
	text-align:center;
}
#adv ul li .pic img {
	max-width: 100%;
}
.tl-h ul {
	height: 32px;
	padding-left: 5px;
}
.tl-h li {
	float: left;
	height: 28px;
	line-height: 28px;
	padding-right: 12px;
	padding-left: 12px;
	margin-top: 4px;
}
.tl-h li.hover {
	background-image: url(../Images/tl-tab.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	color: #03418A;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.ul-cate {
	padding-top: 10px;
}
.ul-cate li {
	float: left;
	height: 40px;
	width: 33.33%;
}
.ul-cate li a {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../Images/dot-plus.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 35px;
}
.tl ul li.hover {
	color: #FFF;
	background-color: #F32323;
}
.ul-you-can {
	padding-top: 10px;
}
.ul-you-can li {
	height: 26px;
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
.tl-h h3 strong {
	color: #F60;
}
.ul-you-can li span {
	display: block;
	line-height: 26px;
	height: 26px;
	border: 1px dashed #CCC;
	padding-left: 20px;
	margin-right: 5px;
	margin-left: 5px;
}
.more {
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-color: #EEE;
}
.more a {
	color: #333;
}
.cate-ul dt a {
	display: block;
	background-image: url(../Images/tl-l-h3.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 34px;
}
.adv {
	background-color: #FFF;
	text-align: center;
}
.adv img{
	max-width:100%;
}
.tl-h h3 small {
	color: #666;
	font-size: 16px;
}
.pro-ul li span {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	display: block;
}
.adv-tl p {
	text-align: center;
	font-size: 18px;
	color: #666;
}
.adv-1 {
	padding-top: 30px;
	padding-left: 205px;
	height: 190px;
}
.adv-2 {
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 230px;
	height: 190px;
}
.adv-3 {
}
.adv-3 {
	padding-top: 5px;
	padding-left: 210px;
	padding-right: 5px;
}
.tl-s span a, .tl-s span a:visited {
	color: #FFF;
}
.cate {
	padding:10px;
}
.cate li {
	height: 34px;
	overflow: hidden;
	line-height: 34px;
	float: left;
	width: 50%;
}
.cate li a {
	padding-left: 28px;
	background-image: url(../Images/cate-dd.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.cate dt {
	line-height: 34px;
	height: 34px;
	font-size: 15px;
	overflow: hidden;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 5px;
	border: 1px dashed #CCC;
	background-color: #FAFAFA;
	text-align:center;
}
.tl-h p {
	color: #DDD;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
.box-bg {
	background-image: url(../Images/con-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
}
#search{
	height:40px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.ipt-search{
	width:68%;
	float:left;
	border:3px solid #F7A63A;
	height:32px;
	text-indent: 32px;
	background-image: url(../Images/search-icon.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}
.btn-search{
	width:30%;
	float:left;
	background-color: #F7A63A;
	border:1px solid #F7A63A;
	color:#FFF;
	height:38px;
}
.solution-info {
	padding: 10px;
}
.solution-info h4 {
	color: #0058AE;
	font-weight: bold;
	font-size: 24px;
}
.solution-info p {
	color: #999;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	font-size: 15px;
}
.solution-info ul {
	padding-top: 15px;
}
.solution-info ul li {
	background-image: url(../Images/ys-p3.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 20px;
	padding-bottom: 10px;
	line-height: 22px;
	font-size: 14px;
	color: #666;
}
.solution-slider-page {
	height: 25px;
	text-align: right;
	padding-right: 15px;
}
.solution-slider {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	padding-bottom: 10px;
}
.solution-slider-page li {
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-left: 5px;
	background-color: #CCC;
}
.solution-slider-page li.hover {
	background-color: #F90;
}
.solution-slider-ul {
	text-align: center;
}
.solution-slider-ul li img {
	width: 96%;
}
.solution-slider-ul li span {
	display: block;
	margin-top: 5px;
	margin-right: 30px;
	margin-left: 30px;
	line-height: 30px;
	height: 30px;
}
.index-guestbook {
	padding: 10px;
	background-color: #FFF;
}
.index-guestbook p {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DDD;
}
.index-guestbook p strong {
	color: #F60;
}
#area p span {
	margin-right: 12px;
}#area {
	padding: 10px;
	line-height: 22px;
}
.service-r h3 {
	color: #F79B1E;
	font-weight: bold;
	font-size: 28px;
}
.service-r h4 {
	color: #F79B1E;
	font-size: 18px;
	font-weight: bold;
}
.service-r h5 {
	font-size: 24px;
	color: #198513;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 10px;
}
.service-r ul li {
	color: #FFF;
	line-height: 30px;
	font-size: 15px;
	background-image: url(../Images/service-p.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}.service-r {
	background-image: url(../Images/service-bg.png);
	background-repeat: repeat;
	background-position: left top;
	padding: 10px;
}
.ys li {
	text-align: center;
	width: 50%;
	float: left;
}
.ys li span{
	height:50px;
	width:50px;
	color:#FFF;
	line-height:50px;
	display: block;
	text-align: center;
	font-size: 1.5em;
	float: left;
	margin-right: 10px;
	background-image: url(../Images/ys-num.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:100%;
}
.ys li h5 {
	display: block;
	font-size: 16px;
	color: #362C24;
	font-weight: normal;
	height: 35px;
}
.ys li h6 {
	display: block;
	font-size: 14px;
	color: #F79B1E;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ys li p {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
	color: #555;
	padding-top: 10px;
}
.ys-tit img {
	max-width: 100%;
}
.get-free {
	position: relative;
	background-image: url(../Images/gg-bg.png);
	height: 231px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #0E8609;
	padding-left: 15px;
}
.get-free .word {
	padding-top: 30px;
}
.get-free .word h3 {
	font-size: 33px;
	font-weight: bold;
	color: #FFF;
	line-height: 40px;
	height: 44px;
}
.get-free .word p {
	font-size: 14px;
	color: #FFF;
}
.get-free .form {
	height: 47px;
	padding-top: 30px;
}
.ipt-s {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 6px;
	width: 230px;
	font-size: 15px;
	line-height: 31px;
	height: 31px;
}
.btn-s {
	background-color:#F9C401;
	color:#FFF;
	border-top-width: 0px;
	border-top-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.index-pro li p {
	background-color: #EFFFE5;
	padding: 10px;
	text-indent: 24px;
	line-height: 22px;
}
.font-green {
	color: #53A406;
}
.index-pro li img {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;	
}
.faq {
	padding: 10px;
}
.cert img {
	max-width: 100%;
}
.ys-tit {
	text-align: center;
	background-color: #0074E4;
}
.ys li img {
	width: 50%;
}
.ys-tit h3 {
	font-size: 1.5em;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
}
.ys-tit p {
	font-size: 1em;
	color: #FFF;
	text-align: center;
}
.ys-pic {
	text-align: center;
	position:relative;
	overflow:hidden;
}
.ys-pic img {
	max-width: 100%;
	display:block;
}
.ys li h4 {
	font-size: 1.4em;
	color: #0B8AD3;
	font-weight: normal;
}
.ys li p strong {
	font-size: 16px;
	line-height: 30px;
}
.ys {
	padding-top: 10px;
}
.why-tel {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;
}
.why-tel img{
	width:100%;
	display:block;
}
.why-tel span {
	font-size: 16px;
	background-image: url(../Images/tel.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	padding-left: 52px;
	padding-right: 10px;
	line-height: 38px;
}
.why-tel strong {
	font-size: 14px;
	color: #FFF;
	display: inline-block;
	padding-right: 25px;
	line-height: 38px;
}
a.why-tel-qq {
	line-height: 39px;
	background-image: url(../Images/btn-qq.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 164px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	height: 39px;
}
.tl-b {
	text-align: center;
	padding: 20px 0 10px 0;
}

.tl-b h3 {
	font-weight: bold;
    font-size: 1.8rem;
    line-height: 2rem;
    text-align: center;
    color: #333;
}
.tl-b h3 span {
    color: #063B96;
}
.tl-b p {
    font-size: 1.2rem;
    text-align: center;
    font-weight: normal;
    padding-top: 5px;
    color: #666;
}
.tl-tab ul li small {
	display: none;
}
.tl-tab ul li.hover small {
	background-image: url(../Images/case-arr.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
	width: 100%;
	position: absolute;
	top: -4px;
	display: block;
	left: 0px;
}
.why-tel strong a {
	color: #D30100;
}
#header .top-tit {
	float: right;
}
.area-nav {
	height: 50px;
	width: 54px;
	position: absolute;
	right:10px;
	top: 40%;
}
.area-nav strong {
	font-size: 14px;
	line-height: 30px;
	display: block;
	height: 30px;
}
.area-nav-a span {
	display: block;
	line-height: 18px;
	text-align: center;
	height: 18px;
	border: 1px solid #EEEEEE;
	color: #999;
	cursor: pointer;
	font-size: 12px;
}
.area-nav-a span.on{
	color: #FFF;
	background-color: #E15620;
}
.area-nav-a {
	height: 20px;
	position: relative;
}
.area-nav-a p {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #EEE;
	line-height: 30px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	right: 0px;
	top: 19px;
	width: 200px;
	z-index: 1000;
	display: none;
}
.area-nav-a p a {
	font-size: 14px;
	color: #333;
	margin-right: 5px;
	display:inline-block;
	margin-left: 5px;
}
.area-nav-a p a:hover {
	color: #E15620;
}
.pro-banner{
	max-width:480px;
}
.pro-banner li img{
	width:100%;
}
.why-tel h3 {
	font-size: 18px;
	font-weight: bold;
}
.tl-pic {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EEE;
	border-bottom-color: #EEE;
}
.tl-pic img{
	max-width:100%;
}
.tl-service {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.tl-service ul li {
	float: left;
	height: 40px;
	width: 50%;
	text-align: center;
	background-color: #FFF;
	margin-bottom: 10px;
	line-height: 40px;
	font-size: 16px;
	box-sizing:border-box;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F4F4F4;
	border-left-color: #F4F4F4;
}
.tl-service ul li.hover {
	color: #FFF;
	background-color: #E15620;
}
.service-con-info {
	padding: 10px;
}
.service-con-info p{
	padding-bottom:10px;
	line-height:22px;
}
.service-con-info img{
	width:100%;
	display:block;
}
.tl-tab-s{
	text-align:center;
	padding:10px;
}
.tl-tab-s li{width:14px;height:14px;line-height:99em;background:#EEE;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1; display:inline-block;}
.tl-tab-s li.hover{
	background:#009901;
}
.index-cate {
	padding: 10px;
}
.index-cate li {
	width: 100%;
	height:300px;
	padding-bottom:40px;
	margin-bottom:40px;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.index-cate li:last-child{
	margin-right:0;
}
.index-cate  li a {
	display:block;
	background-color: #FFF;
	height: 160px;
	width: 60%;
	position: absolute;
	left: 20%;
	bottom: 0px;
	text-align: center;
}
.index-cate li h4 {
	line-height: 50px;
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 15px;
}
.index-cate li span {
	font-size: 16px;
	color: #FFF;
	background-color: #063B96;
	height: 48px;
	line-height: 48px;
	width: 188px;
	display: inline-block;
	background-image: url(../images/arr-btn.png);
	background-repeat: no-repeat;
	background-position: 138px center;
	text-align: left;
	text-indent: 48px;
}
.index-cate li img{
	width: 100%;
}
.index-cate li a:hover {
	webkit-transform: translate3d(0,-10px,0);
	-moz-transform: translate3d(0,-10px,0);
	-ms-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: ease-in-out .3s;
	transition: ease-in-out .2s;
	-moz-transition: ease-in-out .3s;
	-ms-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s
}


.cases-tit {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 15px;
}
.cases-tit p {
	color: #999;
	font-size: 0.8em;
	font-weight: normal;
}
.cases-tab {
	height: 54px;
	background-color: #959595;
}
.cases-tab .tab-ul li {
	float: left;
	height: 54px;
	width: 25%;
	line-height: 54px;
	color: #FFF;
	text-align: center;
	font-size: 16px;
}
.cases-tab .tab-ul li.hover {
	background-color: #063B96;
	color:#FFF
}
.cases-img {
	width: 100%;
	max-height:300px;
	display:block;
}
.cases-tab-con {
	padding-top: 10px;
	background-color: #FFF;
}
.cases-cons {
	padding: 12px;
	background-color: #063B96;
	color:#FFF;
}
.cases-cons h3 {
	font-weight: bold;
	font-size:16px;
}
.cases-cons em {
	font-weight: bold;
	color: #0073DF;
	line-height: 30px;
}
.cases-cons p {
	line-height: 22px;
	color: #FFF;
}
.tit {
	line-height: 50px;
	background-image: url(../Images/tit.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	text-align: center;
}
.tit h3 {
	font-size: 18px;
	color: #1880E1;
}
.index-guestbook li {
	text-align: center;
	color: #333;
	padding-top: 4px;
	padding-bottom: 4px;
}
.index-guestbook h3 {
	color: #333;
	text-align: center;
	font-size: 18px;
	padding-bottom: 5px;
}
.tel span {
	padding-left: 20px;
	line-height: 20px;
	height: 20px;
}
.cases-tit h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #0E439E;
}
.font-red {
	color: #FF0000;
}

.tel-s {
	padding: 10px;
}
.tel-s p {
	background-color: #F00;
	color: #FFF;
	height: 40px;
	line-height:40px;
	text-align: center;
	border-radius:20px;
}
.tel-s p strong {
	font-size: 1.2em;
}
.p10 {
	padding: 10px;
}
.about-pic {
	background-image: url(../Images/video.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
	min-height:200px;
}
.about h3 {
	font-size: 1.4em;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-remove:before {
  content: "\e014";
}

#header .menu {
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 17px;
    color: #000;
    border: solid 1px #000;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    z-index: 3;
}
.index_nav {
    position: fixed;
    right: 0;
    top: 0;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
    width: 150px;
    bottom: 0;
    background: #fff;
    z-index: 11!important;
    padding-top: 20px;
    margin-right: 0;
    margin-top: 0;
    height: 100%;
	display:none;
}
.index_nav .menu_close {
    font-size: 22px;
    padding: 10px;
    background: #fff;
    color: #000;
    position: absolute;
    top: 0;
    left: -44px;
    z-index: 10;
	font-size: 18px;
    margin-left: 5px;
    box-shadow: -2px 0 10px 2px rgba(0,0,0,.1);
}
.index_nav ul li {
    margin-left: 0;
    margin-right: 0;
    width: 100%!important;
    height: 50px;
}
.index_nav ul li>a {
    color: #000!important;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    padding: 0;
    width: 100%;
    border: 0;
}

.hsbtm {
    background: rgba(0,0,0,.1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}
.ys-box{
	background-color:#F5F5F5;
	padding:10px;
}
.ys-tab-nav{
	padding:8px;
	text-align:center;
	width:100%;
}
.ys-tab-nav a{width:14px;height:14px;line-height:99em;background:#FFF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.ys-tab-nav a.active{ background:#0E439E;}

.pro-index-box {
	height: 335px;
	position: relative;
}
.pro-index-box-info {
	background-color: #FFF;
	padding:10px;
}
.pro-index-box-info img{
	width:100%;
}
.at-con strong {
	font-weight: bold;
	color: #063B96;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #063B96;
}
.at-con h3 {
	font-size: 34px;
	line-height: 60px;
	padding-top: 10px;
}
.at-con p {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding-bottom:10px;
}
.at-con p span {
	color: #063B96;
}


.company-con {
	position: relative;
}
.company-con img{
	width: 100%;
	display:block;
}
.company-info {
	background-image: url(../Images/bg-black.png);
	background-repeat: repeat;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	color: #FFF;
}
.company-info h3 {
	font-size: 18px;
	padding-left: 10px;
}
.company-info p {
	padding-left: 10px;
}.company-scroll {
	position: relative;
	z-index: 0;
}
.company-scroll-l {
	position: absolute;
	z-index: 5;
	left: 20px;
	top: 40%;
	height:30px;
}
.company-scroll-r {
	position: absolute;
	z-index: 5;
	right: 20px;
	top: 40%;
	height:30px;
}

.ys-tab {
	height: 54px;
	background-color: #F5F5F5;
}
.ys-tab li {
	float: left;
	height: 54px;
	width: 25%;
	line-height: 54px;
	color: #333;
	text-align: center;
	font-size: 16px;
}
.ys-tab li.active {
	background-color: #063B96;
	color:#FFF
}

.index-about{
	padding:10px;
	background-color:#F5F5F5;
}

.index-about-con h3{
	text-align:center;
	color:#063B96;
	padding:10px;
	font-size:1.4rem;
}
.index-about-con p{
	line-height:20px;
	padding-bottom:10px;
}
.btn-list{
	text-align:center;
}
.btn-list a {
	line-height: 38px;
	font-size:16px;
	color: #FFF;
	height: 38px;
	display: inline-block;
	width: 33%;
	text-align: center;
	margin:0 8px;
}
.btn-gray {
    background-color: #323232;
}
.btn-blue {
    background-color: #073D95;
}

.cate-remark{
	border: solid 1px #DDD;
    padding: 10px;
    font-size: 16px;
    line-height: 30px;
}
.cate-remark img{
	max-width:100%;
}
.cate-remark p {
	padding-bottom:10px;
}

.products-cate-list{
	border: solid 1px #DDD;
    padding: 10px;
}
.products-cate-list ul{
	width:100%;
	position:relative;
}
.products-cate-list li{
	float: left;
    text-align: center;
    width: 50%;
	padding:8px;
	box-sizing:border-box;
}

.products-cate-list li .img img{
	width:100%;
}
.products-cate-list li .name{
	margin-top:5px;
	font-size:14px;
}
.products-cate-list li .name h3 a{
	background: #F9C401;
    padding: 10px 0;
	display:block;
}
.products-cate-list li .name h3 a:hover{
	background: #063B96;
	color:#FFF;
}


.cases-cate-list{
	padding-top:20px;
}
.cases-cate-list ul{
	width:100%;
	position:relative;
}
.cases-cate-list li{
	float: left;
    text-align: center;
    width: 245.5px;
    margin-right: 20px;
    border: solid 1px #DDD;
    padding: 10px;
	margin-bottom:15px;
}

.cases-cate-list li .img img{
	width:100%;
}
.cases-cate-list li .name{
	padding-top:10px;
	font-size:18px;
}
.cases-cate-list li .name h3 a{
	background: #F9C401;
    padding: 10px;
	display:block;
}
.cases-cate-list li .name h3 a:hover{
	background: #063B96;
	color:#FFF;
}
.cases-info dl {
	padding: 10px;
	border: solid 1px #DDD;
}
.cases-info dl dt h1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
.cases-info dl dd {
	font-size: 15px;
	line-height: 28px;
}