@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#f3f3f3; font-family:Microsoft YaHei; z-index:2; padding-bottom:6.5em; box-shadow:0 10px 10px #ccc}
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%;}
}

.mb{ overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background-color:#000; opacity:0.7; display:none}
/*header*/
header { overflow:hidden; width:100%; height:4.5em; background-color:#fff; position:relative}
header h1{ float:left; margin:0 3%; width:30%;}
header h1 img{ display:block; width:100%;}
header .nav-icon{ display:block; position:absolute; width:8%; top:1.2em; right:3%;}

/*nav*/
.nav { overflow:hidden; overflow-y:auto; width:60%; height:100%; background-color:#f7f7f7; position:fixed; z-index:1;}
.nav li{ display:block; width:100%; }
.nav li i{ display: inline-block; width:0.2em; height:1.1em; background-color:#cecece; position:relative; left:-13%; top:2px;}
.nav li>a{ display:block; padding:1.1em 0; padding-left:20%; background:url(../images/Common/nav01.png) no-repeat 90% center; width:80%; border-bottom:1px solid #e3e3e3; font-size:1em; color:#666; background-size:4%;}
.nav li:nth-child(1){ margin-top:4.5em; border-top:1px solid #e3e3e3}
.nav li.on{background-color:#fff;}
.nav li.on i{ background-color:#164fb6;}
.nav li.on>a{ background:url(../images/Common/nav02.png) no-repeat 90% center; background-size:4%}
.nav .erji{ display:none; overflow:hidden; width:100%; background-color:#fff;}
.nav .erji a{ display:block; padding:1.1em 0; padding-left:20%; background:url(../images/Common/nav03.png) no-repeat 10% center; width:80%; border-bottom:1px solid #e3e3e3; font-size:1em; color:#666; background-size:2%;}



/*banner*/
.banner{ overflow:hidden; width:100%;}
.banner 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;font-size:0 }
.focus .hd ul .on{ background:#1a46a1;}
.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); /* 取消链接高亮 */ }

/*业务*/
.yewu { overflow:hidden; width:100%; background-color:#fff;}
.yewu a{ display:block; float:left; width:50%; padding:1.5em 0; background:url(../images/Index/yw00.png) repeat-y right top; border-bottom:1px solid #e8e8e8; text-align:center; font-size:1.2em; color:#173f9d;}
.yewu a:nth-child(2n){ background:none}
.yewu a img{ display:block; margin:0 auto; margin-bottom:0.7em;}

/*学院*/
.xueyuan { overflow:hidden; width:94%; margin:1.7em auto;}
.xueyuan img{ display:block; width:100%;}




/*news*/
.news { overflow:hidden; width:94%; margin:0 auto; margin-bottom:1.7em;}
.news h2{ font-weight:normal; font-size:1.3em; color:#333; padding-left:0.5em; border-left:3px solid #1a46a1; margin-bottom:0.7em;line-height: 18px;}
.news h2 a{ color:#333;}
.news .newsbox{ overflow:hidden; width:90%; padding:5%; background-color:#fff;}
.news .newslist{ overflow:hidden; width:100%; padding-bottom:5%; margin-bottom:5%; border-bottom:1px solid #e1e1e1;}
.news .newslist .tu{ display:block; width:42%; float:left; overflow:hidden}
.news .newslist .tu img{ display:block; width:100%;}
.news .newslist .wen{ overflow:hidden; float:right; width:55%;}
.news .newslist h3{ font-weight:normal; font-size:1em; color:#555; line-height:1.5em; height:2.9em; overflow:hidden; margin-bottom:1.25em;}
.news .newslist h3 a{ color:#555}
.news .newslist p{ font-size:0.7em; color:#999;}
.news .newslist i{ margin:0 3%;}
.news .newslist p img{ width:1em; margin-right:2%}
.news .newslist.last{ margin-bottom:0; padding-bottom:0; border:none}

/*客户*/
.kehu { overflow:hidden; width:94%; margin:0 auto; margin-bottom:1.7em;}
.kehu h2{ font-weight:normal; font-size:1.3em; color:#333; padding-left:0.5em; border-left:3px solid #1a46a1; margin-bottom:0.7em;line-height: 18px;}
.kehu h2 a{ color:#333;}
.kehu .khbox{ position:relative; overflow:hidden; width:100%; background-color:#fff; border-radius:0.5em; margin-bottom:0.8em;}
.kehu .khlist{ overflow:hidden; width:100%;} 
.kehu .khlist li{ float:left; width:33.33333333%; background:url(../images/Index/yw00.png) repeat-y right top; border-bottom:1px solid #f3f3f3}
.kehu .khlist li img{ display:block; width:99%; margin:0 auto}
.kehu .khlist li:nth-child(3n){ background:none}
.kehu .khbtn{ overflow:hidden; width:100%; text-align:center}
.kehu .khbtn span{ display:inline-block; width:0.5em; height:0.5em; border-radius:0.5em; background-color:#1a46a1; margin:0 0.2em;}
.kehu .khbtn span.on{ width:1.25em; background-color:#a8d432;}

.kehu .Afocus{ overflow:hidden; width:100%; text-align:center}
.kehu .Afocus ul{  overflow:hidden; width:100%; text-align:center}
.kehu .Afocus ul li{ display:inline-block; width:0.5em; height:0.5em; border-radius:0.5em; background-color:#1a46a1; margin:0 0.2em; text-indent:-999999em;}
.kehu .Afocus ul li.on{ width:1.25em; background-color:#a8d432;}

/*info*/
.info { overflow:hidden; width:94%; margin:0 auto;}
.info h2{ font-weight:normal; font-size:1.3em; color:#333; padding-left:0.5em; border-left:3px solid #1a46a1; margin-bottom:0.7em;line-height: 18px;}
.info .infobox{ overflow:hidden; width:90%; padding:5%; background-color:#fff;}
.info h3{ font-weight:normal; font-size:1.2em; color:#555}
.info i{ display:block; width:10%; height:1px; background-color:#1a46a1; margin:0.7em 0;}
.info p{ font-size:1em; line-height:1.5em; color:#888;}
.info p a{ color:#888}
.info .btn{ overflow:hidden; margin-top:1em; width:100%;}
.info .btn a{ display:block; float:left; width:15%; margin-right:2%;}
.info .btn img{ display:block; width:100%;}
.info .ewm{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:2}
.info .ewm b{ display:block; width:100%; height:100%; background-color:#000; opacity:0.8;}
.info .ewm img{ display:block; width:14em; height:14em; position:absolute; left:50%; top:50%; margin-left:-7em; margin-top:-7em;}

/*footer*/
footer { overflow:hidden; width:100%; background-color:#fff; position:fixed; left:0; bottom:0; z-index:3;border-top: 3px solid #1a46a1;}
footer a{ display:block; float:left; width:25%; text-align:center; font-size:0.9em; color:#555; padding:0.6em 0; background:url(../images/Index/yw00.png) repeat-y right top;}
footer img{ display:block; margin:0 auto; width:35%; margin-bottom:0.5em;}