@charset "utf-8";
root {display: block;}
html, body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td ,img,textarea{border: 0px;margin: 0px;outline: 0px;padding: 0px;}
fieldset, img { border: 0; }
img { display:inline-block; }
:focus { outline: 0; }
li {display: list-item;text-align: -webkit-match-parent;}
em ,i{font-style: normal;}
h1, h2, h3, h4, h5, h6 { font-weight:normal }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size:100%; }
input, button, textarea, select { *font-size: 100%;font-family:"Microsoft YaHei";}
ol, ul { list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
:link, :visited, ins { text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a{ color: #333}
div {display: block;}
a:hover{ color:#F90}
html,body{
    margin: 0;
    padding: 0;
    color: #232323;
    font-size: 12px;
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,STHeiti;
    letter-spacing: 0px;
	 height: 100%;
     width: 100%;
}

.left{ float:left}
.right{ float:right}
.center{ text-align:center}
.relative{ position:relative}
.marginbottom{margin-bottom:20px;}
.clearfix:after,
ul:after,
li:after{
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
	clear: both;
	font-size: 0;
	line-height: 0;
}
.margin{ margin:20px 0px}
.text-center {
    text-align: center;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box; 
}
 .container{ width:1180px; margin:0 auto;}
/**********************顶部样式属性******************/
.top_header{ height:80px; background-color:#FFF; width:100%; border-bottom:1px solid #dddddd}
.top_header .header_mun{ width:1180px; margin-left:auto; margin-right:auto; height:80px;}
.top_header .header_mun .logo{ width:350px; height:60px; display:block; margin-top:0px; float:left}
.top_header .header_mun .menu{ width:620px; float:left; margin-left:10px;}
.top_header .header_mun .menu .menu_list{ margin-top:30px;}
.top_header .header_mun .menu .menu_list  li{ float:left; padding:0px 25px;}
.top_header .header_mun .menu .menu_list a{ font-size:16px;}
.top_header .header_mun .contact_phone{ margin-top:10px; float:right;}
.top_header .header_mun .contact_phone .p_name{ font-size:16px; color:#F63}
.top_header .header_mun .contact_phone .phone_info{ font-size:22px; font-weight:bold; color: #097EC6; margin-top:5px}
.top_header.fixToTop,
.product_menu.fixToTop{ position:fixed; box-shadow:0px 3px 5px #999; z-index:111; width:100%; top:0px;}

/***********幻灯片样式**************/
.slideBox{ height:484px; overflow:hidden; position: relative;z-index:2; margin-bottom:20px;width:100% }
.slideBox .hd{ 
  height: 20px;
  left: 0;
  position: absolute;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index: 20; 
}
.slideBox .hd .smallUl {
  height: 20px;
  margin: 0 auto;
  position: relative;
  z-index: 21;
  text-align: center;
}
.slideBox .hd .smallUl li {
  background: #FFF;
  border-radius: 50%;
 /* box-shadow: 0 0 2px;*/
  color: #000;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-right: 8px;
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  width: 20px;
  text-align: center;
  overflow: hidden;
}
.slideBox .hd ul li.on{ background: #CC0000; color:#fff; filter:alpha(opacity=70);opacity:0.7;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{  height:484px; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ 
	position:absolute; 
	left:3%; 
	top:50%; 
	margin-top:-25px; 
	display:block; 
	width:40px; 
	height:70px; 
	background: url(../images/backg_img.png) repeat; 
	filter:alpha(opacity=50);
	opacity:0.5;   
}
.slideBox .next em.right_arrow{ background:url(../images/slider-arrow.png) left 0px  no-repeat; display:block; width:20px; height:32px; margin-top:19px; margin-left:10px;}
.slideBox .prev em.left_arrow{background:url(../images/slider-arrow.png) -116px 0px  no-repeat; display:block; width:20px; height:32px; margin-top:19px; margin-left:10px;}
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.mark_main {
    overflow: hidden;
    margin-bottom: 10px;
}
.mark_main .boxs {
    float: left;
    width: 186px;
    color: #FFF;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
	height:180px;
    padding: 10px;
	text-align:center
}
.mark_main .color1 {
    background: #C00 ;
}
.mark_main .boxs h2 {
    font-size: 16px;
    color: #FFF;
	margin-bottom:5px;
}
.mark_main .color2 {
    background: #090 ;
}
.mark_main .color3 {
    background: #09F ;
}
.mark_main .color4 {
    background: #90F ;
}
.mark_main .color5 {
    background: #F90 ;
}
.mark_main .color6 {
    background: #F0F ;
}
.zhixiao_moshi .title_name{ font-size:24px; text-align:center; margin:20px 0px;}
.list li {
    width: 285px;
    height: 80px;
    float: left;
    _overflow: hidden;
	border:1px solid #dddddd;
	padding:10px;
	margin:5px;
}
.list .ico4 .pic {
    background: url(../images/ico4.gif) no-repeat;
}
.list .ico22 .pic {
    background: url(../images/ico18.gif) no-repeat;
}
.list .ico6 .pic {
    background: url(../images/ico6.gif) no-repeat;
}
.list .ico7 .pic {
    background: url(../images/ico7.gif) no-repeat;
}
.list .ico8 .pic {
    background: url(../images/ico8.gif) no-repeat;
}
.list .ico9 .pic {
    background: url(../images/ico9.gif) no-repeat;
}
.list .ico10 .pic {
    background: url(../images/ico10.gif) no-repeat;
}
.list .ico19 .pic {
    background: url(../images/ico15.gif) no-repeat;
}
.list .ico20 .pic {
    background: url(../images/ico16.gif) no-repeat;
}
.list .ico5 .pic {
    background: url(../images/ico5.gif) no-repeat;
}
.list .ico37 .pic {
    background: url(../images/ico33.gif) no-repeat;
}
.list .ico38 .pic {
    background: url(../images/ico34.gif) no-repeat;
}
.list .ico1 .pic {
    background: url(../images/ico1.gif) no-repeat;
}
.list .ico2 .pic {
    background: url(../images/ico2.gif) no-repeat;
}
.list .pic {
    width: 65px;
    height: 65px;
    float: left;
    margin-right: 10px;
}
.list li .cont h3 {
    padding-top: 0px;
	font-weight:bold
}
h3 {
    font-size: 14px;
}.cont h3 font {
    width: 24px;
    height: 15px;
    background: url(../images/hot.png) no-repeat;
}
/*system*/
.system{overflow:hidden;}
.system-l{float:left;width:736px;}
.system-r{float:left;width:444px;}
.system-ul{margin-top:30px;overflow:hidden;}
.system-ul li{float:left;width:353px;height:243px;
					-webkit-border-radius:2px;
						-moz-border-radius:2px;
							-o-border-radius:2px;
								border-radius:2px;
}
.system-ul .summary{margin:25px;}
.system-ul li a{float:left;color:#fff;height:100%;}
.system-ul li a .caption{padding:0 25px;font-size:14px;}
.system-ul .b2c a{background:#2086a8;}
.system-ul .wechat a{background:#81ad09;}
.system-ul .mall a{background:#c74554;}
.system-ul .O2O a{background:#cf9824;}
.system-ul li a:hover{background:#333;}
.system-ul .b2c{margin-right:10px;}
.system-ul .wechat{}
.system-ul .mall{margin-top:10px;}
.system-ul .O2O{margin:10px 10px 0 10px;}
.system-ul .name{display:block;font-size:28px;}
.system-ul li.multi{width:444px;height:496px;}
.system-ul .multi a{background:#39a1c0;}
.system-ul .multi .pic{text-align:center;margin-top:50px;}
.system_name .title_name{ font-size:24px; font-weight:bold; text-align:center; margin-top:30px;}
.content_box{ width:226px; height:190px; padding:5px 0px; float:left; position:relative; border:1px  solid #ffffff; margin:10px 5px; text-align:center}
.content_box a:hover{ color:#FFF}
.content_box h3{ font-size:16px; font-weight: bold; margin-bottom:10px;}
.content_box:hover{ border:1px solid #333333; background-color:#333; color:#FFF}
.content_box img{ width:220px; height:150px; border:3px solid #CCC; margin-bottom:5px;}
.answer_list li{ width:580px; height:130px; border:1px solid #dddddd; padding:10px; float:left; margin:5px;}
.answer_list li h3{ font-size:18px; color:#F33; font-weight: bold}
.answer_list li p{ margin-top:10px; font-family:"新宋体"; line-height:20px;}
.footer{ background-color:#333333; padding:10px; text-align:center; line-height:30px; color:#FFF}
.footer a{ margin:0px 5px; color:#FFF}
.footer .footer_link{ height:30px; border-bottom:1px solid  #999;}
.page_bannar{ height:300px; border-bottom:1px solid #dddddd;  background-image:url(../images/12.jpg); background-position:center; background-repeat:no-repeat}
.page_bannar1{ height:300px; border-bottom:1px solid #dddddd; background-image:url(../images/11.jpg); background-position:center; background-repeat:no-repeat}
.page_bannar2{ height:300px; border-bottom:1px solid #dddddd; background-color:#dedede; background-image:url(../images/13.jpg); background-position:center; background-repeat:no-repeat}
.page_style{ padding:10px;}
.page_style .title_name{ font-size:24px; font-weight:bold; text-align:center; color:#666;}
.page_style .title_name h5{ font-size:16px; color:#999; margin-top:10px}
.page_style .content{ font-size:14px; line-height:30px; color:#666}
.page_style .content h4{ font-weight:bold; font-size:18px; color:#000}
.boox table {
    border: 1px solid #e6e2e5;
    border-top: none;
    border-right: none;
    font-size: 12px;
    color: #494948;
	 margin:30px 0px
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.boox table .top_tit {
    background: #f1f1f1;
    font-size: 20px;
    color: #494948;
    padding: 0;
    height: 70px;
    font-weight: 700;
}
.boox table .top_tit td {
    padding: 0;
}
.boox table td {
    border-top: 1px solid #e6e2e5;
    text-align: center;
    border-right: 1px solid #e6e2e5;
    padding: 0 8px;
}
.boox table .top_tita {
    background: #fff;
    font-size: 14px;
    color: #494948;
    padding: 0;
    font-weight: 700;
    padding: 15px 0;
}
.boox table .top_titb {
    background: #eef5d7;
}
.boox table .top_titc {
    background: #d9e4b6;
}
.Contactus{ margin:40px 0px; font-size:16px; line-height:40px;}
.Contactus table .heading {
    width: 80px;
}
.Contactus table a{ color:#1672A3}