@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif, "宋体"; font-size:12px; max-width:640px; background: #FFF;  position: relative;}
a { font-style:normal;  text-decoration: none;}
a, a:link, a:visited, a:active { font-style:normal; }
a img{ border:none}
ul,li{ list-style:none;}
em{ font-style:normal;}
i{ font-style:normal;}

.box{ width:100%; margin:0 auto; overflow:hidden; position:relative; left:0; top:0;}
.main{ width:100%; margin:0 auto; overflow:hidden; max-width:640px;  margin-bottom:80px;}
.nav{ position:absolute;}

.toph{ width:100%; margin:0 auto; overflow:hidden; max-height:106px; background:#004098; position:relative;}
.top-left{ width:90%; padding:3.5% 0 3.5% 0; float:left; position:relative;}
.top-meb{ width:7.8125%; float:left; margin-left:5%; margin-top:1.2%; cursor:pointer;}
.top-meb img{ width:100%; max-height:35px;}
.top-logo{ width:40%; float:left; margin-left:30%;  position: absolute; z-index:0; height:auto;}
.top-logo img{ width:100%; height:auto; padding-top:1%; }
.search{ position:absolute; width:79.6875%; left:5%; top:10%; z-index:9999;}
.soubox{ width:100%; height:56.311%;  margin:2.3% 0 0.8% 3%; float:left; background:#004e93; overflow:hidden; padding:1%;border: 0px solid #d20300; -moz-border-radius: 8px;      /* Gecko browsers */-webkit-border-radius: 8px;   /* Webkit browsers */border-radius:8px;  }
.soubox .sosoinput{ width:90%; float:left; background:none; border:none; height:36px; margin-left:5%; line-height:36px; color:#fff; font-size:14px;}
@media screen and (max-width:540px){
	.soubox{ width:100%; height:56.311%; margin:2.3% 0 0.8% 3%; float:right;  overflow:hidden; border: 0px solid #d20300; -moz-border-radius: 8px;      /* Gecko browsers */-webkit-border-radius: 8px;   /* Webkit browsers */border-radius:4px; }
	.soubox .sosoinput{ width:90%; float:left; background:none; border:none; height:24px; margin-left:5%; line-height:24px; color:#fff; font-size:12px;}
}
.top-right{ width:10%; padding:3.5% 0 3.5% 0; float:right; position:relative;}
.top-sou{ cursor:pointer; width:62.5%; margin-top:7%;}
.top-sou img{ width:100%; max-height:40px;}

.banner{ width:100%; margin:0 auto; overflow:hidden;}
/** focus **/
.pic_focus { width:100%; position:relative; z-index:9;  margin:0 auto; overflow:hidden;}
.focus { width:100%; position:relative; left:0; top:0; overflow:hidden; transition:0.3s;}
.focus div { width:100%; display:block; position:relative; float:left; top:0;  -webkit-transition: -webkit-transform .4s ease-in-out; }
.focus img { width:100%;}
.title_focus { 
	height:30px; color:#fff; line-height:30px; font-size:1.5em; width:100%; position:absolute; z-index:2; bottom:0; left:0;
	background: #000 ; opacity:0.4;filter:alphaopacity=40;
	/*background: -moz-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -webkit-gradient(linear,left,from(rgba(0, 0, 0, 1)),to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -o-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));*/ /* 渐变效果*/
}
.title_focus a { color:#dedfca; display:none; margin: 0 0 0 15px; font-family:"微软雅黑"; font-size:20px;}
.title_focus a.on { display:block;}
.select_focus { position:absolute;  bottom:0; z-index: 3; height:28px; width:100%; text-align: center; line-height:35px;}
.select_focus span { width:12px; height:12px; display:inline-block; margin:0 3px 0 0; border-radius: 10px; background:#FFF;}
.select_focus span.on { background:#0e5995;}

.title_focus-b { 
	height:40px; color:#fff; line-height:40px; font-size:1.5em; width:100%; position:absolute; z-index:2; bottom:0; left:0;
	background: url(../ab001.png) no-repeat center center;
	/*background: -moz-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -webkit-gradient(linear,left,from(rgba(0, 0, 0, 1)),to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -o-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));*/ /* 渐变效果*/
}
.title_focus-b a { color:#dedfca; display:none; margin: 0 0 0 15px; font-family:"微软雅黑"; font-size:20px;}
.title_focus-b a.on { display:block;}
.select_focus-b { position:absolute; right:15px; bottom:0px; z-index: 3; height:28px; width:100%; text-align: center;}
.select_focus-b span { width:12px; height:12px; display:inline-block; margin:0 3px 0 0; border-radius: 10px; background: #FFF;}
.select_focus-b span.on { background: #f08200;}

.col{ width:100%; margin:0 auto; overflow:hidden; clear:both; background:#fff}
.col img{ width:100%; max-height:96px;}

.menu{ width:100%; margin:0 auto; overflow:hidden; background:#FFF;}
.menubox{ width:83.59375%; padding:1.5% 8.203125%;}
.menuli{ width:100%; overflow:hidden; margin:0 auto;}
.menuli ul{}
.menuli ul li{ width:31.028374%; float:left; margin-left:3%;}
.menuli ul li img{ width:100%; max-height:165px;}
#menulic{ margin-left:0;}

/*菜单*/
.m-nav{ width:100%;  position: fixed; max-width:640px; bottom:0; z-index:9999; }
.m-nav dl{ width:25%; float:left;}
.m-nav dl dt{ max-width:160px; cursor:pointer;}
.m-nav dl dt img { width:100%; display:block; overflow:hidden;}
.m-nav dl dd{ width:25%; display:none; bottom:0px;  position:absolute; z-index:2000; }
.m-nav dl dd ul{ text-align:center; overflow:hidden; padding:0; margin:0; border: 1px solid #004098; -moz-border-radius: 8px;      /* Gecko browsers */-webkit-border-radius: 8px;   /* Webkit browsers */border-radius:8px; background:#004098;}
.m-nav dl dd ul li{ width:100%;  overflow:hidden;}
.m-nav dl dd ul li p{ width:85%; margin:0 auto; border-bottom:1px solid #67cdf2; line-height:35px; color:#debf4a; font-family:"微软雅黑"; font-size:13px;}
.m-nav dl dd ul li p a{ display:block; line-height:35px; color:#fff; font-family:"微软雅黑"; font-size:10px;}
#bord{ border-bottom:none;}
.bg{ width:100%; display:block; overflow:hidden; background:url(../mebg002.png) no-repeat center bottom; padding:0; margin:-1px 0 0 0;  height:12px; }
.bg img{ width:100%; display:block;}

/*侧边菜单*/
.cbox{ width:40%; min-width:190px; max-width:236px; overflow:hidden; height:100%; position:absolute; z-index:999999; background:#02336b; top:0;}
.cbox h1{ display:block; width:100%; padding:4% 0 4% 6%; height:auto; color:#FFF;border-bottom:1px solid #1e497b;}
.ctxt{ width:80%; margin:0 auto; height:100%;}
.ctext{ padding-top:20%;}
.ctext ul{}
.ctext ul li{ color:#ffffff; font-family:"微软雅黑"; line-height:40px; font-size:20px; margin:10% 0; text-align:center;}
.ctext ul li a,.ctext ul li a:hover{ color:#ffffff; font-size:20px;} 

/*内页开始*/
.inbox{ width:100%; margin:0 auto; overflow:hidden;}
/*copyfoot*/
.foot{ width:100%;}
.foot p{ padding:2% 0; background:#d8d8d8; width:100%; height:auto; font-family:"微软雅黑"; font-size:12px; text-align:center; color:#003047; float:left;}

/*about*/
.ab-main{ width:90.625%; margin:0 auto; overflow:hidden; min-height:550px;}
.ab-logo{ width:100%; margin:0 auto; overflow:hidden;}
.ab-logo img{ width:100%; max-height:150px;}
.ab-txt{ width:100%; margin:0 auto; overflow:hidden;}
.ab-text{ width:100%; padding-bottom:5%;}
.about_btn{ width:90%;  height:auto; margin:0 auto; text-align:center; }
.about_btn a{ display:block; min-width:25%; float:left; margin:1% 3%; height:30px; line-height:30px; font-size:16px; color:#000; font-weight:bold; border:1px solid #064d9d; font-family:"微软雅黑";letter-spacing:2px;}
.about_btn .on{ background:#064d9d; color:#fff;}
.ab-text p{ color:#565656; font-family:"微软雅黑"; font-size:18px; line-height:36px; margin:2% auto; text-align:left;}
.ab-text h2,.ab-text h1{ color:#565656; font-family:"微软雅黑"; text-align:left;}
.ab-text p img{ max-width:100%;}

/*news*/ 
.news-main{ width:90.625%; margin:0 auto; overflow:hidden; min-height:550px;}
.news-logo{ width:100%; margin:3% auto 2% auto; overflow:hidden;}
.news-logo img{ width:35%;}
.news-main ul{ width:100%; margin:0 auto;  overflow:hidden;font-family:"微软雅黑";}
.news-main ul li{ width:95%; margin:0 auto 4% auto; overflow:hidden;height:100%;  background:#f7f7f7; padding:3% 2%;}
.news-main ul li dt {float:left;height:100%; margin-right:4%; width:35%; }
.news-main ul li dt img { max-width:100%; }
.news-main ul li dd {float:left;  width:60%; height:100%; }
.news-main ul li dd h2{ display:block; overflow:hidden; float:left; font-size:16px; width:100%; font-weight: bold; color:#212121;}
.news-main ul li dd span{ display:block; overflow:hidden; float:left;  width:100%; color:#999; font-size:10px; margin-top:1%;}
.news-main ul li dd p{ display:block; font-size:14px;float:left;  margin-top:2%; font-weight: normal;  width:100%; line-height:18px;overflow:hidden;  color:#565656; }

/*honor*/
.ho-main{ width:100%; margin:0 auto; overflow:hidden; margin-bottom:5%;}
.ho-logo{ width:100%; margin:0 auto; overflow:hidden;}
.ho-logo img{ margin-left:5%; width:32.65625%;}
.coubox{ width:100%; max-width:640px; overflow:hidden;background:#ffffff;}
.coulistbox{ width:100%; max-width:640px; overflow:hidden; }
.coulistbg{ width:100%; max-width:640px; overflow:hidden; background:#f8f8f8;}
.coulistxt{ width:100%; max-width:640px; overflow:hidden; background: url(../con001.png) no-repeat 6% center;}
.coulistxt p{ width:100%; cursor:pointer; color:#000; font-family:"微软雅黑"; line-height:60px; font-size:18px; margin-left:15%;}
#coubg0{ background:#e8eef6;}
.coulistpic{ width:85.9375%; margin:0 auto; overflow:hidden; margin-top:5%; text-align:center; margin-bottom:5%;}
.coulistpic img{ max-width:100%; max-height:371px; margin:0 auto; }


/*news*/

.news-con{margin:0 auto; overflow:hidden; min-height:550px; width:100%;}
.news-con .news-head img{  width:100%;}

.news-con .biaoti{text-align: center;  margin: 0 auto;  width: 90.625%;  padding-top: 30px;}
.news-con .biaoti dt{ font-size:19px;}
.news-con .biaoti dd{font-size: 13px;  color: #cacaca;  padding-bottom: 15px;  border-bottom: 2px solid #eee;  padding-top: 10px;}
.news-con .news-text{width: 86.5625%;  margin: 0 auto;  padding-bottom: 20px;  padding-top: 20px;  line-height: 30px;  font-size: 15px;}
.news-con .news-text p{text-indent: 28px; font-family:"微软雅黑";}
.news-con .news-text img{max-width:80%;  text-indent: 0px;}

/*product*/
.pro-main{ width:100%; margin:0 auto; overflow:hidden; min-height:550px;}
.pro-left{ width:30%; float:left; background:#bdcbef; height:100%; overflow:hidden; padding-bottom:20%;}
.pro-lxtk{ width:100%;}
.pro-lxtk ul li{ color:#7b7b7b; font-family:"微软雅黑"; font-size:18px; line-height:60px; text-align:center; border-bottom:1px solid #b9b1a0; border-top:1px solid #ffffff;}
.pro-lxtk ul li a{ color:#474747; font-family:"微软雅黑"; font-size:18px; line-height:60px;}
/*.pro-lxtk ul li a:hover{ background:#391f06; display:block; width:100%; color:#d2b447;}*/
#pro-top{ border-top: none;}
#pro-bottom{ border-bottom:none;}
.pro-lxtk ul li a.prbg{ background:url(../prothis.jpg) 100%; display:block; width:100%; color:#fff; }
.pro-right{ width:65%; float:left; min-height:480px;}
.pro-rcen{ width:100%; margin:0 auto; overflow:hidden;}

/*productend*/
.pro-pic{ width:90%; margin:0 auto; overflow:hidden; }
.pro-menu{ width:94%;  height:auto; margin:3% auto; }
.pro-menu a{ display:block; padding:2% 3%; text-align:center;    float:left; margin-left:20%;width:60%; border:1px solid #064d9d;  color:#000; margin-bottom:4%; line-height:26px; font-size:18px;}
.pro-top-title{	float:left; margin-top:3%; width:17%; font-size:12px; min-height:30px; text-align:right;}

.pro-btn{ width:53.8291%; margin:10% 35%; overflow:hidden; position:relative;}
.pro-rlbt{ width:30%; float:left; overflow:hidden;}
.pro-rlbt img { width:100%; max-height:70px;}




.pro-pic li{margin-bottom:5%; width:46%;float:left; margin-left:2%;}
.pro-pic ul{ width:100%; float:left;}
.pro-pic ul li dt{ padding:15% 2% 15% 2%; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; height:auto; border-top:1px solid #e7e7e7;text-align:center;}
.pro-pic ul li dt img{ max-width:100%; display:block; margin:0 auto;}
.pro-pic ul li dd{ background:#064d9d; text-align:center; font-family:"微软雅黑"; font-size:12px; line-height:18px; padding:2% 0; color:#FFF;}
.pro-pic ul li .prolist_lb{
	background:#fff;border:1px solid #064d9d; color:#000;
	}
.pro-pic .pro-text{
		width:90%;  font-family:"微软雅黑";
	}
.pro-pic .pro-text h1{ color:#054d9c; margin-bottom:6%;}
.pro-pic .pro-text p{color:#646566; font-size:18px; line-height:24px; margin-bottom:2%;}



.pro-pic dl{margin-bottom:4%;   width:auto; margin:0 auto;max-width:100%;}
.pro-pic dl dt{ padding:2% 2% 2% 2%; margin-top:3%; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; text-align:center;}
.pro-pic dl dt img{ max-width:100%; display:block; margin:0 auto 0 auto;}
.pro-pic dl dd{ background:#064d9d; text-align:center; font-family:"微软雅黑"; font-size:12px; line-height:18px; padding:2% 0; color:#FFF;}

.p-logo{ width:100%; margin:0 auto; margin-top:8%; margin-bottom:5%; overflow:hidden;}
.p-logo img{ width:100%; max-height:83px;}
.pic-list{ width:100%; min-height:150px;}
.pic-list ul{}
.pic-list ul p{ width:100%; margin:5% auto; overflow:hidden; text-align:center;}
.pic-list ul p img{ max-width:100%; display:block;}


/*cases*/
.cases-menu{ width:90%;  height:auto; margin:3% auto; }
.cases-menu a{ display:block; padding:2% 4%; text-align:center; float:left; margin:2%; min-width:35%; border:1px solid #064d9d; color:#999;}
.cases-menu .on{ background:#064d9d; color:#FFF;}
.cases-pic{ width:90%; margin:0 auto; overflow:hidden; }
.cases-pic dl{  width:100%; margin:0 auto;max-width:100%;}
.cases-pic dl dt{ padding:2% 2% 2% 2%; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; text-align:center; margin-top:4%;}
.cases-pic dl dt img{ max-width:100%; display:block; margin:0 auto 0 auto;}
.cases-pic dl dd{ background:#064d9d; text-align:center; font-family:"微软雅黑"; font-size:12px; line-height:18px; padding:2% 0; color:#FFF;}


.caseo-pic{ width:80%; margin:0 auto; overflow:hidden; font-family:"微软雅黑"; }
.caseo-pic strong{ display:block; width:100%; padding-left:5%; float:left;  line-height:30px;}
.caseo-pic p{ display:block; font-size:14px;float:left;  margin-top:2%; font-weight: normal; margin-left:25%; width:75%;line-height:20px;overflow:hidden;  color:#212121;  }
/*contact*/
.co-main{ width:100%; margin:0 auto; overflow:hidden;}
.co-map{ overflow:hidden; background:url(../map-xi.jpg) no-repeat bottom center;}

.m-map{width:100%; overflow:hidden; margin:0 auto;}/*地图*/
.co-txt{ width:90%; margin:4% auto; overflow:hidden; nin}
.co-text{ width:100%; margin-bottom:8%;}
.co-text h1{ font-family:"微软雅黑"; font-size:24px; color:#2f2f2f; margin:1% 0 1% 0;}
.co-text p{ font-family:"微软雅黑"; font-size:13px; color:#2f2f2f; margin:5% 0 3% 0;}
.co-text span{ font-weight:bold;}
.co-text i{ margin-left:80px; margin-top:2%; display:block;}
.co-text h2{ font-weight:normal; font-family:"微软雅黑"; font-size:12px;}
.co-call{ width:52.1875%; margin:0 auto; margin-bottom:8%; overflow:hidden;}
.co-call img{ width:100%; max-height:62px;}


/*contact*/
.contel{ background:url(../lxwm001.jpg) no-repeat; color:#737373; line-height:40px; padding-left:45px; margin:1% 0; margin-left:2%; font-size:20px;font-family:"微软雅黑"; margin-top:5%}
.coneml{ background:url(../lxwm002.jpg) no-repeat left 4px;color:#737373;line-height:48px; padding-left:45px; margin:2% 0; margin-left:2%; font-size:20px;font-family:"微软雅黑";}
.conad{ background:url(../lxwm003.jpg) no-repeat;line-height:40px;color:#737373; padding-left:45px; margin:1% 0; margin-left:2%; font-size:20px;font-family:"微软雅黑";}