﻿@charset "utf-8";
/* CSS Document */
body,div,img,span,ul,ol,li,a,p,h1,h2,h3,h4,h5,input,select,dl,dt,dd,textarea{ margin:0; padding:0; font-size:13px;font-family:"微软雅黑"; color:#666; }

a{ text-decoration:none;color:#333;}
a:hover{text-decoration:none;}

ul,li{ list-style:none;}

.index_top{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px; margin-bottom:5px;}
.logo{ width:45%; overflow:hidden; float:left; display:block;}
.logo h2{ width:100%; overflow:hidden; color:#466CB3; font-weight:600; font-size:16px;}
.logo h6{ width:100%; overflow:hidden; color:#466CB3; /*font-size:9px; */margin-top:5px; display:block; font-weight:normal;}
.mobile_nav{ width:40px; height:40px; float:right; background:#466CB3;  border-radius:2px; }
.nav_center{ width:30px; overflow:hidden; margin:0 auto; margin-top:10px;}
.mobile_nav span{ width:30px; height:3px; margin-bottom:5px; background:#fff; display:block;}
.top_nav { width: 100%; overflow: hidden; background:#466CB3; display:none; position: absolute; /*top:30px;*/z-index:9999;}
.top_nav ul li { border-bottom: 1px solid #fff; padding:2% 0%;}
.top_nav ul li:last-child { border-bottom:none;}
.top_nav ul li a { font-size:14px; color: #fff; padding: 0% 5%}
.index_about{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}
.index_title{ width:100%; overflow:hidden;}
.index_title h2{ width:100%; overflow:hidden; text-align:center; font-size:16px; display:block; color:#333;}
.index_title span{ width:10%; height:1px; background:#466CB3;margin:0 auto; margin-top:5px;  display:block;}
.index_title h3{ width:100%; overflow:hidden; font-size:10px; color:#999; text-align:center; margin-top:5px; display:block; font-weight:normal;}
.index_about img{ width:100%; overflow:hidden; margin-top:10px; display:block;}
.about{ width:100%; overflow:hidden; margin-top:10px; font-size:10px; line-height:24px;}
.more{width:40%; height:30px; border:1px #466CB3 solid; background:#466CB3; border-radius:10px; font-size:14px; text-align:center; line-height:30px; display:block; margin:0 auto;
 margin-top:20px;color:#fff;}

.index_product{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}
.product{ width:100%; overflow:hidden; margin-top:10px;}
.product ul li{ width:48%; overflow:hidden; float:left; margin-left:4%; margin-bottom:10px;}
.product ul li:nth-child(2n+1){ margin-left:0px;}
.product ul li a{ width:100%; overflow:hidden; display:block;}
.product ul li a img{ width:100%; overflow:hidden;     height: 18vh; display:block;}
.product ul li a span{ width:100%; overflow:hidden; font-size:10px; text-align:center; margin-top:10px; display:block;}
.index_wap{ width:100%; overflow:hidden; background:url(../images/beijing.png) no-repeat; margin-top:20px;}
.index_wap ul{ width:94%; overflow:hidden; margin:0 auto; padding-top:20px; padding-bottom:20px;}
.index_wap ul li{ width:100%; overflow:hidden; margin-bottom:10px;}
.index_wap ul li a{ width:100%; overflow:hidden; display:block;}
.index_wap ul li a img{ width:30%; overflow:hidden; float:left; display:block;}
.index_wap ul li a .right{ width:66%; overflow:hidden; float:right; margin-top:10px;}
.index_wap ul li a .right h2{ width:100%; overflow:hidden; color:#fff; font-weight:normal; display:block;}
.index_wap ul li a .right h3{ width:100%; overflow:hidden; color:#fff; font-weight:normal; font-size:10px; line-height:20px; margin-top:5px; display:block;}
.advantage{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}
.index_case{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}
.case{ width:100%; overflow:hidden; margin-top:10px;}
.case ul li{ width:220px; overflow:hidden; float:left; margin-left:10px;}
.case ul li a{ width:220px; overflow:hidden; display:block;}
.case ul li a img{ width:220px; height:131px; display:block;}
.case ul li a span{ width:220px; overflow:hidden; font-size:10px; text-align:center; margin-top:10px; display:block;}
.index_new{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}
.select{ width:100%; overflow:hidden; margin-top:10px;}
.select ul li{ width:46%; height:30px; border:1px #ddd solid; border-radius:10px; float:left; margin-left:4%;}
.select ul li:nth-child(1){ margin-left:0px;}
.select ul li a{ width:100%; height:30px; font-size:10px; text-align:center; line-height:30px; display:block;}
.new{ width:100%; overflow:hidden; margin-top:20px;}
.new ul li{ width:100%; overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #ddd dashed;}
.new ul li a{ width:100%; overflow:hidden; display:block;}
.new ul li a h2{ width:65%; overflow:hidden; background:url(../images/21.png) no-repeat; padding-left:20px; font-size:10px; font-weight:normal; float:left; display:block;}
.new ul li a span{ width:25%; overflow:hidden; float:right; font-size:10px; color:#999; display:block;}
.index_footer{ width:100%; overflow:hidden; background:#466CB3; margin-top:20px; padding-bottom:10px;}
.footer_top{     width: 170px;
    height: 60px; margin:0 auto; padding-top:20px;}
.pic{ width:40px; height:40px; float:left;     margin-top: 10px;
    margin-right: 10px;}
.pic_right{ width:110px; height:42px; float:right; color:#fff; font-size:15px;}
.pic_top{ width:110px; height:21px; color:#fff; font-size:12px; line-height:21px; display:block;}
.pic_bottom{ width:200px; height:21px; font-size:15px; color:#fff; line-height:21px; display:block;}
.definite{ width:100%; overflow:hidden;}
.definite ul li{ width:100%; height:21px; font-size:12px; color:#fff; text-align:center; line-height:21px; margin-top:5px;}



.brife{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}
.brife_text{ width:100%; overflow:hidden; margin-top:10px; font-size:10px; line-height:30px;}

.productcenter{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}
.sel{ width:100%; overflow:hidden; margin-top:10px;}
.sel ul li{ width:48%; height:30px; float:left; margin-left:4%; margin-bottom:10px;}
.sel ul li:nth-child(2n+1){ margin-left:0px;}
.sel ul li a{ width:100%; height:30px; background:#cccccc; border-radius:5px; color:#fff; font-size:10px; text-align:center; line-height:30px; display:block;}
.sel ul li a:hover{ width:100%; height:30px; background:#ff9900; font-size:10px; color:#fff; text-align:center; line-height:30px; border-radius:5px; display:block;}
.sel ul li .on{width:100%; height:30px; background:#466CB3; font-size:10px; color:#fff; text-align:center; line-height:30px; border-radius:5px; display:block;}
.productlist{ width:100%; overflow:hidden; margin-top:10px;}
.productlist ul li{ width:48%; overflow:hidden; float:left; margin-left:4%; margin-bottom:10px;}
.productlist ul li:nth-child(2n+1){ margin-left:0px;}
.productlist ul li a{ width:100%; overflow:hidden; display:block;}
.productlist ul li a img{ width:100%;height:130px; overflow:hidden; display:block;}
.productlist ul li a span{ width:100%; overflow:hidden; font-size:10px; text-align:center; margin-top:10px; display:block;}
.page{ width:80%; overflow:hidden; margin:0 auto; margin-top:20px; font-size:12px;}


.newcenter{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}

.casecenter{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}

.online{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}
.online h4{ width:100%; overflow:hidden; font-size:10px; font-weight:normal; text-align:center; line-height:24px; margin-top:10px; display:block;}
.message{ width:100%; overflow:hidden; margin-top:10px;}
.message ul li{ width:100%; overflow:hidden; margin-bottom:20px;}
.message ul li span{ width:20%; height:30px; font-size:10px; text-align:center; line-height:30px; float:left; display:block;}
.message ul li input{ width:75%; height:28px; border:1px #ddd solid; float:right; padding-left:10px; color:#999; font-size:10px;}
.message ul li .cl{ width:20%; height:60px; font-size:10px; text-align:center; line-height:30px; float:left; display:block;}
.message ul li textarea{ width:78%; height:58px; border:1px #ddd solid; float:right;}
.message ul li .sub{ width:80%; height:30px;background:#ff8030; color:#fff; font-size:10px; text-align:center; line-height:30px; display:block; border-radius:10px; float:left;}


.detail{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}
.product_detail{ width:100%; overflow:hidden; margin-top:10px;}
.product_detail h2{ width:100%; overflow:hidden;  text-align:center; display:block;}
.product_detail span{ width:100%; overflow:hidden; font-size:10px; color:#999; margin-top:10px; display:block; text-align:center;}
.text{ width:100%; overflow:hidden; font-size:10px; line-height:24px; margin-top:10px; border-bottom:1px #ddd dashed; padding-bottom:10px;}
.text img{ width:100%; }
.next{ width:100%; overflow:hidden; font-size:10px; margin-top:10px; display:block; color:#999;}

.contact{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px;}
.contact_way{ width:100%; overflow:hidden; margin-top:10px;}
.contact_way ul li{ width:32%; overflow:hidden; float:left; margin-left:2%;}
.contact_way ul li:nth-child(1){ margin-left:0px;}
.contact_way ul li img{ width:70%; overflow:hidden; display:block; margin:0 auto;}
.contact_way ul li span{ width:100%; overflow:hidden; font-size:10px; text-align:center; line-height:20px; display:block; margin-top:10px;}
.map{ width:100%; overflow:hidden; display:block; margin-top:10px;}


.product_bottom{ width:100%; overflow:hidden; margin-top:10px;}
.top{ width:100%; height:30px; background:#eee; line-height:30px; padding-left:10px; font-size:10px;}
.caselist{ width:100%; overflow:hidden;}
.caselist ul li{ width:48%; overflow:hidden; float:left; margin-left:4%; margin-top:10px;}
.caselist ul li:nth-child(2n+1){ margin-left:0px;}
.caselist ul li a{ width:100%; overflow:hidden; display:block;}
.caselist ul li a img{ width:100%;height:135px; overflow:hidden; display:block;}
.caselist ul li a span{ width:100%; overflow:hidden; font-size:10px; text-align:center; margin-top:10px; display:block;}

.newlist{ width:100%; overflow:hidden; margin-top:10px;}
.newlist ul li{ width:100%; overflow:hidden; padding-bottom:10px; border-bottom:1px #eee dashed; margin-bottom:10px;}
.newlist ul li a{ width:100%; overflow:hidden; display:block;}
.newlist ul li a h2{ width:75%; overflow:hidden; float:left; font-size:10px; font-weight:normal; display:block;}
.newlist ul li a span{ width:20%; overflow:hidden; float:right; font-size:10px; display:block; color:#999; text-align:center;}