@charset "utf-8";
/* CSS Document */
body { background:#fff; color: #666; font-size: 12px; font-family:"Microsoft YaHei"; overflow-x: hidden; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, b, em, span, i, pre, form, fieldset, label, input, textarea, blockquote{ padding: 0; margin: 0;}
input, select, textarea, botton { vertical-align: middle; outline: none; }
em, i { font-weight: normal; font-style: normal; }
li { list-style-type: none; }
ul, ol { list-style: none; }
img { border: 0; clear: both; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
a { color: #444; text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
.clearfix { clear: both;}

/*头部*/
.top_box{ background:#fff; width:100%; max-width:640px; margin:0 auto;}
.logo{ float:left; width:56%; margin:10px 0px 10px 2%;}
.tele{ float:right; width:31%; margin:12px 2% 0px 0px;}
.logoimg{ width:100%;}
.teleimg{ width:100%;}

/*导航*/
.nav_box{ margin:0 auto; width:100%; max-width:640px; background:url(img/nav_bg.png) repeat;}
.nav{ position:relative;}
.nav li{ float:left;}
.nav .nav_zai{ width:25;}
.nav .nav_long{ width:19%; border-left:1px solid #fff;}
.nav .nav_kuan{ width:0%; border-left:1px solid #fff;}
.nav li a{ font-size:12px; color:#fff; line-height:30px; display:block; text-align:center;}
.nav li .nav_btn{ background:url(img/ico_nav.png) no-repeat center center; height:20px; display:block; margin-left:20%; margin-top:5px; cursor:pointer;}
.sub{ position:absolute; left:0px; top:30px; z-index:999; display:none;}
.subshow{ display:block;}
.sub dd{}
.sub dd a{ display:block; font-size:12px; background:#fff; color:#000; padding:0 15px; line-height:28px; border-bottom:1px #e1e1e1 solid; opacity:0.9;}

/*banner*/
.content{ display:block;}
.content2{ display:none;}
	.mx-bugs_bunny{
		width: 100%;
		margin: 0px auto;		
		max-width: 640px;		
	}
	.ZI-slider{
	}
	.mx-navigation {
		margin: 4px;
		top: 42%;
	}
	.mx-prev{
		background-image: url(img/arr_l.png);
		background-repeat: no-repeat;
		background-position: 2px 5px;
	}
	.mx-next{
		background-image: url(img/arr_r.png);
		background-repeat: no-repeat;
		background-position: 8px 5px;
	}
	.mx-nav_dots{
		top: 80%;				
	}
	.mx-nav_dots span{
		margin: 0px 6px;
		background-color: #90a3a1;
	}
	.mx-nav_dots span.dotActive{
		background-color: #fc6c00;
	}	

/*产品中心*/
.title{ width:100%; max-width:640px; margin:0 auto;}
.titleimg{ width:100%; padding-top:30px;}
.title h1{ font-size:12px; text-align:center; margin-top:6px; color:#666;}
.product_box{ width:100%; max-width:640px; margin:0 auto;}
.product_nav{ background:#d9d9d9; margin-top:10px;}
.product_nav li{ float:left; background:#d9d9d9;}
.product_nav li a{ color:#333; padding:0 9px; font-size:12px; display:block; line-height:30px;}
.product_nav li .product_current{ background:#2265ab; color:#fff;}
.product_nav .pronav_right{ float:right; margin-right:2%;}
.product_nav .pronav_right .pronav_more{ font-size:10px; color:#666;}
.product{ margin-top:6px;}
.product dd{ float:left; width:47%; margin-left:2%;}
.proimg_box{ border:1px solid #d9d9d9; display:block; border-bottom:none; margin-top:12px;}
.proimg_box Img{ width:100%; height:180px;}
.proimg_box .protitle{ background:#1579c5; line-height:28px; color:#fff; font-size:14px; text-align:center;}
.pro_Btn{ border:1px solid #d9d9d9; border-top:none; padding:8px 0px;}
.pro_Btn a{ display:block; color:#fff; font-size:12px; line-height:24px; padding:0px 8px; border-radius:4px;}
.canshu{ background:#d9d9d9; float:left; margin-left:5%;}
.zixun{ background:#fe7e01; float:right; margin-right:5%;}
.product_link{ font-size:16px; background:#ff7e00; color:#fff; text-align:center; display:block; text-align:center; width:100px; margin:0 auto; line-height:32px; border-radius:4px; margin-top:16px;}

/*关于我们*/
.about_box{ width:100%; max-width:640px; margin:0 auto; background:url(img/about_bg.jpg) no-repeat top center; margin-top:30px; padding-bottom:20px;}
.about_title{ font-size:18px; color:#fff; font-weight:bold; text-align:center; padding-top:16px; padding-bottom:10px;}
.aboutimg_Box{ width:88%; margin:0 auto;}
.aboutImg{ width:100%;}
.about_text{ width:92%; margin:0 auto; font-size:12px; color:#fff; line-height:20px; margin-top:5px;}
.about_box .about_link{ font-size:14px; color:#fff; display:block; width:100px; margin:0 auto; text-align:center; line-height:28px; margin-top:10px; border:1px solid #fff;}

/*新闻中心*/
.news_box{ width:96%; max-width:640px; margin:0 auto; margin-top:16px;}
.news_title{}
.newstitle_left{ float:left;}
.newstitle_left p{ font-size:18px; color:#2464ac; font-weight:bold;}
.newstitle_left p span{ font-size:12px; color:#666; font-weight:normal;}
.newstitle_right{ float:right;}
.newstitle_right a{ float:right; font-size:12px; color:#666; margin-top:8px;}
.news{}
.news li{ border-bottom:#d9d9d9 1px solid; padding-bottom:10px; margin-top:20px;}
.news li .news_xuhao{ float:left; display:block; font-size:40px; border-right:1px solid #d9d9d9; font-weight:bold; color:#c4c4c4; padding:0px 10px;}
.news li p{ float:left; font-size:14px; color:#333; padding-left:10px; line-height:22px; margin-top:4px;}
.news li span{ font-size:12px; color:#666;}

/*案例*/
.anli_box{ width:100%; max-width:640px; margin:0 auto; padding-bottom:20px;}
.anli{}
.anli li{ float:left; width:47%; margin-left:2%; margin-top:16px;}
.anli li a .anliImg{ width:100%;height: 160px;}
.anli li a h3{ font-size:14px; color:#333; text-align:center; line-height:14px; margin-top:8px;}

/*底部*/
.footer_box{ width:100%; max-width:640px; margin:0 auto;}
.footer_blue{ background:#003c7e;}
.blue_left{ float:left; margin-left:2%; width:70%;}
.blue_left h4{ font-size:16px; color:#fff; line-height:18px; padding:14px 0px 8px 0px; border-bottom:1px solid #1c4986; width:160px; margin-bottom:4px;}
.blue_left p{ font-size:12px; color:#fff; line-height:18px;}
.blue_right{ float:right; width:24%; margin-top:16px;margin-bottom:35px;  margin-right:2%;}
.blue_right .codeImg{ width:100%;}
.blue_right p{ font-size:12px; color:#fff; line-height:22px; text-align:center;}
.footer_black{ background:#1d2026;}
.footer_black p{ font-size:12px; color:#fff; line-height:28px; margin-left:2%;}

/*产品内页*/
.inside_nav{ padding-top:10px;}
.inside_nav li{ float:left; padding-top:8px; margin-left:4%;}
.inside_nav li a{ font-size:12px; color:#333; line-height:24px; padding:0 10px; display:block; border-radius:4px; background:#ededed;}
.inside_nav li .inside_curr{ background:#fd6c01; color:#fff;}
.page{text-align:center; margin:0 auto;font-size:14px; margin-bottom:20px; margin-top:20px;}
.page a{color:#FFF;background-color:#ff7e00; padding:2px;font-size:14px; margin:0px 4px;}
.page .on{color:#FF0;background-color:#000;}
.page span{color:#FFF;background-color:#ff7e00; padding:2px;font-size:14px; margin:0px 4px;}

/*新闻内页*/
.newList{ margin-top:10px; width:100%; max-width: 640px; margin:0 auto; margin-top:10px;}
.newList li{ margin:0px 2%; border-bottom:1px dashed #f5f5f5; padding:3px; padding-left:10px;}
.newList li a{ display:block; font-size:14px; color:#333; line-height:30px;}
.newList li a i {
  width: 15px;
  height: 18px;
  float: right;
  margin-top: 8px ;
  background: url(img/xinagyoujiantou.png) no-repeat;
  background-size: 100%;
  display:block;
}

/*产品介绍页*/
.chanpin_intro{ width:96%; max-width:640px; margin:0 auto;}
.chanpin_nav p{ font-size:12px; color:#666; line-height:30px;}
.chanpin_nav p a{ font-size:12px; color:#333;}
.chanpin_nav p span{ font-size:12px; color:#0366bb;}
.intro_top{ margin-bottom:10px;}
.top_left{ float:left; width:45%; margin-right:2%; border:1px solid #d9d9d9;}
.top_left .neiyeImg{ width:100%;}
.top_right{ float:right; width:50%; margin-right:2%;}
.top_right h2{ font-size:18px; color:#333; font-weight:bold; margin-top:2px;}
.top_right p{ font-size:12px; color:#272727;}
.top_right .top_btn a{ background:#0366bb; color:#fff; padding:3px 8px; display:block; float:left; margin:4px 8px 4px 0px;}
.top_right h3{ font-size:12px; color:#333; font-weight:bold; line-height:18px;}
.top_right h3 span{ font-size:14px; color:#fe7e01; font-weight:bold;}
.intro_midd{ margin-bottom:10px;}
.intro_list{ border-bottom:1px solid #d9d9d9;}
.intro_list li{ float:left; font-size:12px; color:#fff; line-height:26px; background:#0366bb; padding:0px 8px; margin-right:6px; cursor:pointer;}
.intro_content dd .intro_title{ font-size:16px; font-weight:bold; color:#333; line-height:28px;}
.intro_content dd .intro_text{ font-size:12px; color:#333; line-height:18px;}
.intro_content dd p{ font-size:16px; line-height:25px; }
.intro_content dd p img{ width:100%;}
.caigou{ width:100%; max-width:640px; margin:0 auto; margin-bottom:20px;}
.caigou h1{ font-size:12px; color:#fff; text-align:center; line-height:26px; background:#0366bb;}
.caigou_content{ width:80%; margin:0 auto;}
.caigou_content li{ font-size:12px; color:#333; margin-top:10px;}
.caigou_content li .caigou_text{ text-align:right; width:80px; float:left; margin-right:10px; line-height:18px;}
.caigou_content li span{ color:#ff0000;}
.caigou_content li input{ float:left; border:1px solid #cccccc; line-height:12px; padding:4px 0px; width:180px;}
.caigou_content li textarea{ float:left; border:1px solid #cccccc; line-height:16px; width:180px; height:50px;}

.goumai{ width:100%; max-width:640px; margin:0 auto; margin-bottom:20px;}
.goumai h1{ font-size:12px; color:#fff; padding-left:2%; line-height:26px; background:#0366bb;}
.goumai_text{ background:#8f8f8f; line-height:28px; color:#fff; font-size:14px; text-align:center;}

/*-------------------------
电脑端模块隐藏，手机端显示
-------------------------*/
.wppc{
    display: none;
}
@media (max-width: 767px) {
  .wppc{
    display: block !important;
  }
}
/*-------------------------------
电脑端模块隐藏，手机端显示 结束
-------------------------------*/


/*-------------------------------
电脑端模块显示，手机端隐藏 开始
-------------------------------*/
@media screen and (max-width: 767px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
  .ying {
  display:none;
  }
}
/*-------------------------------
电脑端模块显示，手机端隐藏 结束
-------------------------------*/