@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}

/*header*/
header { overflow:hidden; width:100%; padding-bottom:1.2em; position:relative;}
header .phone{ display:block; text-align:center; margin-bottom:1.4em; font-size:1.2em; color:#fff; padding:0.8em 0; background-color:#e50012; }
header .phone img{ width:1em; margin-right:0.2em; position:relative; top:0.1em;}
header .headerMenu{width:2rem; position:absolute; top:1rem; right:0.5rem;}
header .headerMenu img{ display:block; width:100%;} 
header h1{ float:left; width:32%; margin-left:3%; margin-right:1.5%;}
header h1 img{ display:block; width:100%;}
header .wen{ overflow:hidden; width:58%; padding:0.2em 0; padding-left:1.5%; border-left:1px solid #ccc;}
header h2{ font-size:1.3em; color:#03316c;}
header p{ font-size:1.3em; color:#3f3f3f; margin-top:0.2em;}

/*nav_menu*/
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu img{display: block;width: 100%;}
.nav_menu .top{width: 100%;padding-top:.297rem;padding-bottom: .25rem;}
.nav_menu .Navlog{width: 54%;display: block;margin-left: 4%;}
.nav_menu .btn{display: block;width: 12%;position: absolute;top: 3%;right: 5%;}
.nav_menu .btn img{display: block;width: 100%;}
.nav_menu ul{overflow:hidden; width:100%;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; background:url(../images2/nav_icon01.png) no-repeat 89% center;height: 3rem;border-bottom: 1px solid #eaeaea;}
.nav_menu li:first-child{border-top:1px solid #eaeaea;}
.nav_menu li p a{ color:#333333;font-size: 1rem;display: block;height: 3rem;line-height: 3rem;box-sizing: border-box;padding-left: 6%;}

/*nav*/
nav { overflow:hidden; width:100%; background-color:#03316c;}
nav a{ display:block; float:left; width:33.33333333333%; text-align:center; font-size:1em; color:#e7e7e7; padding:1.2em 0; border-bottom:1px solid #021c3d; border-top:1px solid #19539d; background:url(../images2/nav.png) repeat-y right top;}

/*banner*/
.banner{ overflow:hidden; width:100%; position:relative}
.banner img{ display:block; width:100%;}  /*
.banner .btn{ overflow:hidden; width:100%; height:15px; text-align:center; position:absolute; left:0; bottom:5%; z-index:5}
.banner .btn span{ display:inline-block; width:8%; height:2px; margin-top:3px; margin:0 0.5%; background-color:#fff;}
.banner .btn span.on{ margin-top:0; background-color:#e50012; height:5px;}
*/

h3.ht{ text-align:center; font-weight:normal; font-size:1.55em; margin-top:1.7em; margin-bottom:0.4em;}
h3.ht a{ color:#0a3d8f;}
i.ht{ display:block; margin:0 auto; width:5%; height:2px; background-color:#c6c6c6; margin-bottom:1.2em;}


/*pro*/
.pro { overflow:hidden; width:100%;}
.pro .menu{ overflow:hidden; width:94%; margin:0 auto; margin-bottom:1.6em;}
.pro .menu li{ float:left; width:24%; margin:0.5%; font-size:1em; color:#fff; padding:0.6em 0; background-color:#0c4389; text-align:center;}
.pro .menu li.on{background-color:#e50012;}
.pro .list { overflow:hidden; width:96%; margin:0 auto}
.pro .list li{ float:left; width:46%; margin:0 1.1% 0 1.5%; border:2px solid #e7e7e7; margin-bottom:1.6em;}
.pro .list li img{ display:block; width:100%; border-bottom:2px solid #e7e7e7;height: 160px;}
.pro .list li span{ display:block; width:94%; padding:0.5em 3%; font-size:0.8em; color:#333; background:url(../images2/pro_more.png) no-repeat 95% center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro .more{ display:block; margin:0 auto; width:30%; text-align:center; font-size:1em; color:#333; background-color:#e7e7e7; padding:0.8em 0; margin-bottom:1.7em;}

/*特点*/
.td { overflow:hidden;}
.td .menu{ width:100%; position:relative; z-index:1}
.td .menu li{ float:left; width:24%; background:url(../images2/td.jpg) repeat-y right top; font-size:1em; color:#333; background-color:#eee; position:relative; padding:1.3em 0; text-align:center;}
.td .menu li img{ display:none; position:absolute; width:20%; left:40%; bottom:-12%;}
.td .menu li.on{ background-color:#e20505; font-weight:bold; color:#fff;}
.td .menu li.on img{ display:block}
.td .tdbox{ overflow:hidden; width:100%; position:relative}
.td .btn{ overflow:hidden; width:100%; height:15px; text-align:center; position:absolute; left:0; bottom:5%; z-index:5}
.td .btn span{ display:inline-block; width:8%; height:2px; margin-top:3px; margin:0 0.5%; background-color:#fff;}
.td .btn span.on{ margin-top:0; background-color:#e50012; height:5px;}
.td .list{ overflow:hidden; width:100%;}
.td .list li{ float:left; width:100%;}
.td .list li img{ display:block; width:100%;}

/*case*/
.case { overflow:hidden; width:100%;}
.case .menu{ overflow:hidden; width:94%; margin:0 auto; margin-bottom:1.6em;}
.case .menu li{ float:left; width:24%; margin:0.5%; font-size:1em; color:#fff; padding:0.6em 0; background-color:#0c4389; text-align:center;}
.case .menu li.on{background-color:#e50012;}
.case .list { overflow:hidden; width:96%; margin:0 auto}
.case .list li{ float:left; width:44%; margin:0 2%;}
.case .list li img{ display:block; width:96%; padding:2%; background-color:#dedede; margin-bottom:0.5em;}
.case .list li span{ display:block; width:94%; padding:0.5em 3%; font-size:1em; color:#02224a; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:1.6em;}
.case .more{ display:block; margin:0 auto; width:30%; text-align:center; font-size:1em; color:#333; background-color:#e7e7e7; padding:0.8em 0; margin-bottom:1.7em;}

/*about*/
.about { overflow:hidden; background:url(../images2/about_bg.jpg) repeat center; width:100%;}
.about img{ display:block; width:86%; padding:2%; background-color:#e6e6e6; margin:0 auto; margin-bottom:1.5em;}
.about p{ width:90%; margin:0 auto; overflow:hidden; font-size:1em; color:#484848; line-height:1.7em; text-indent:2em; text-align:justify; margin-bottom:2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.about .more{ display:block; margin:0 auto; width:30%; text-align:center; font-size:1em; color:#333; background-color:#e7e7e7; padding:0.8em 0; margin-bottom:1.7em;}

/*news*/
.news{ overflow:hidden; width:100%; margin-bottom:7em;}
.news img{ display:block; width:86%; padding:2%; background-color:#e6e6e6; margin:0 auto; margin-bottom:1.5em;}
.news .list{ overflow:hidden; width:90%; margin:0 auto}
.news .list li{ overflow:hidden; background:url(../images2/news_s.jpg) no-repeat left center; background-size:1.2%; padding-left:2%; width:98%; line-height:2.5em; border-bottom:1px dashed #e1e1e1; font-size:1em;}
.news .list li a{ color:#262626; display:block; width:80%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .list li span{ float:right; font-size:0.8em; color:#959595;}

footer { overflow:hidden; width:100%; background-color:#03316c; position:fixed; left:0; bottom:0; z-index:10}
footer a{ display:block; float:left; width:25%; text-align:center; font-size:1.1em; color:#fff; padding:0.8em 0; background:url(../images2/f05.png) no-repeat right center;}
footer a:nth-child(4){ background:none;}
footer a img{ display:block; margin:0 auto; width:25%;}

a.top{ display:block; width:14%; position:fixed; left:43%; bottom:5%; z-index:8}
a.top img{ display:block; width:100%;}


/*首页广告  */
.focus{ width:100%;margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; text-indent:-999em; }
.focus .hd ul .on{ background:#041A48;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮  }


/*
.focus{ width:100%;margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd .btn{ overflow:hidden; width:100%; height:15px; text-align:center; position:absolute; left:0; bottom:5%; z-index:5}
.focus .hd .btn span{ display:inline-block; width:8%; height:2px; margin-top:3px; margin:0 0.5%; background-color:#fff;}
.focus .hd .btn span.on{ margin-top:0; background-color:#e50012; height:5px;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
/*
.banner .btn{ overflow:hidden; width:100%; height:15px; text-align:center; position:absolute; left:0; bottom:5%; z-index:5}
.banner .btn span{ display:inline-block; width:8%; height:2px; margin-top:3px; margin:0 0.5%; background-color:#fff;}
.banner .btn span.on{ margin-top:0; background-color:#e50012; height:5px;}

*/