@charset "utf-8";
/* CSS Document */

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ min-width:1180px; background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; background:#fff; position:absolute; left:0; top:0; z-index:99; transition:all ease 0.4s;}
.header .head{ width:1140px; height:114px; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; width:560px; height:114px; background:url(../images/common/logo1.png) no-repeat; transition:all ease 0.4s;}
.header h1.logo a img{ display:none; height:114px;}

.header.fixed{ background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.2); position:fixed;}
.header.fixed h1.logo a{ background-image:url(../images/common/logo1.png);}

/*导航*/
ul.nav{ display:block; height:114px; font-size:16px; position:relative; float:right;}
ul.nav li{ display:block; float:left; position:relative; margin:0 0 0 20px;}
ul.nav li a{ display:block; line-height:114px; color:#333; text-align:center; padding:0 5px; position:relative; transition:all ease 0.4s;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#44e5ff;}
ul.nav li p.sub{ display:none; min-width:100%; background:#fff; position:absolute; left:50%; top:100%; transform:translate(-50%,0); z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ width:auto; line-height:3; color:#444; font-size:0.9375em; font-weight:normal; padding:0 0.6em; border-radius:0; white-space:nowrap; margin:0; background:none; transition:all ease 0.4s;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; background:#44e5ff;}

.header.fixed ul.nav li a{ color:#333;}
.header.fixed ul.nav li a:hover,
.header.fixed ul.nav li.on a,
.header.fixed ul.nav li.cur a{ color:#44e5ff;}

/*banner*/
.banner{ width:100vw; height:306px; background-size:cover !important; overflow:hidden; position:relative; margin:114px 0 0;}
.banner form.search{ display:block; width:334px; height:40px; font-family:"Nunito Light"; overflow:hidden; border-radius:5px; position:absolute; right:50%; margin-right:-570px; bottom:30px;}
.banner form.search input.txt{ display:block; width:248px; height:40px; line-height:40px; color:#7695c3; font-size:16px; padding:0 14px 0 38px; background:#fff url(../images/common/search.png) left 14px center no-repeat; border:0; box-sizing:border-box; float:left;}
.banner form.search input.txt::placeholder{ color:#7695c3;}
.banner form.search input.btn{ display:block; width:86px; height:40px; line-height:40px; color:#fff; font-size:16px; background:#44e5ff; border:0; cursor:pointer; float:left;}

/*底部*/
.footer{ background:#334359; padding:0px 0 0;}
.footer .foot{ width:1140px; margin:0 auto; position:relative;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer a.logo{ display:block; float:left;}
.footer a.logo img{ display:block; width:258px; height:60px;}
.footer p.links{ display:block; overflow:hidden; float:right; padding:9px 0;}
.footer p.links a{ display:block; overflow:hidden; border:2px solid #fff; border-radius:50%; float:left; transition:all ease 0.4s; margin:0 0 0 22px;}
.footer p.links a img{ display:block; width:38px; height:38px;}
.footer p.links a:hover{ background:#395f90;}
.footer .info{ overflow:hidden; clear:both; padding:28px 0 46px;}
.footer .info .left{ width:64%;}
.footer .info .right{ width:36%;}
.footer .info h3{ display:block; line-height:4; color:rgba(255,255,255,0.8); font-size:18px; font-weight:normal; border-bottom:1px solid #29384c; margin:0 0 1em;}
.footer .info p{ display:block; line-height:30px; color:rgba(255,255,255,0.6); font-size:16px;}
.footer .copyright{ line-height:2; color:rgba(255,255,255,0.6); font-size:16px; text-align:center; overflow:hidden; padding:2em 0; border-top:1px solid #41546e;}
.footer .copyright a:hover{ color:#fff;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; background-size:contain; position:fixed; right:20px; bottom:46px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}

/*主体样式*/
.main{ position:relative; z-index:3;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.main .position{ line-height:4.5em; font-size:16px; font-family:"Nunito Light"; overflow:hidden; padding:20px 0 0;}
.main .position p{ display:block; color:#333; overflow:hidden;}
.main .position p a:hover{ color:#395f90; text-decoration:underline;}

/*内容样式*/
.main .attr{ width:1140px; margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; line-height:4.25; color:#333; font-size:36px; text-align:center;}
.main .attr h2.sub{ display:block; line-height:5; color:#395f90; font-size:24px; font-weight:normal; padding:1.5em 0 0;}
.main .attr h3.title{ display:block; line-height:1.5; color:#333; font-size:30px; overflow:hidden; padding:0.4em 0;}
.main .attr h3.sub{ display:block; line-height:4; color:#395f90; font-size:24px; font-weight:normal; overflow:hidden; padding:0 0 0;}
.main .attr h3.sub::before{ content:''; display:block; width:8px; height:1em; background:#395f90; float:left; margin:1.5em 0.5em 0 0;}
.main .attr p.mark{ display:block; line-height:3; color:#999; font-size:15px; text-align:center; background:#f7f7f7;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ line-height:2.25; color:#333; font-size:16px; font-family:"Nunito Light"; text-align:justify; overflow:hidden; padding:0 0 3em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

.intro{ padding:0 0 34px;}
.intro::before,
.intro::after{ content:''; display:block; overflow:hidden; clear:both;}
.intro img.pic{ display:block; width:391px; height:410px; float:left; box-shadow:0 0 6px rgba(68,229,255,0.2); margin-right:60px;}
.intro .txt{ line-height:2.5; color:#333; font-size:16px; font-family:"Nunito Light"; overflow:hidden; padding-left:20px; background:url(../images/icons/dot.png) left top repeat-y;}

/*文章切换*/
.main .change{ overflow:hidden; font-size:16px; font-family:"Nunito Light"; border-top:3px solid #395f90; padding:44px 0 70px; margin:6px 0 0;}
.main .change p{ display:block; line-height:2.25; color:#666;}
.main .change p a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a:hover{ color:#395f90; text-decoration:underline;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 80px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; min-width:18px; height:24px; line-height:24px; color:#395f90; text-align:center; padding:7px 11px; border:1px solid #395f90; margin:0 9px; cursor:pointer;}
.pages a:hover,
.pages span{ color:#fff; background:#395f90; border-color:#395f90;}

.member{ background:#f5fafb; padding:0 0 40px; margin:40px 0 0;}
.member ul{ display:block; overflow:hidden; margin:0 -56px; padding:16px 0 0;}
.member ul li{ display:block; width:20%; overflow:hidden; position:relative; float:left;}
.member ul li a{ display:block; width:136px; overflow:hidden; position:relative; margin:0 auto;}
.member ul li a img{ display:block; width:136px; height:136px; box-sizing:border-box; border:3px solid #395f90; border-radius:50%; margin:0 auto; transition:all ease 0.4s;}
.member ul li a span{ display:block; height:48px; line-height:24px; color:#395f90; font-size:14px; font-family:"Nunito Light"; text-align:center; padding:16px 0 20px;}
.member ul li a:hover img{ border-color:#44e5ff;}
.member ul li a:hover span{ color:#44e5ff; font-weight:bold;}

.main .cate{ font-size:16px; font-family:"Nunito Light"; overflow:hidden; padding:56px 0 36px; border-bottom:3px solid #395f90;}
.main .cate a{ display:block; min-width:44px; line-height:40px; color:#395f90; text-align:center; padding:0 20px; border:1px solid #395f90; border-radius:5px; float:left; margin:0 14px 12px 0; transition:all ease 0.4s;}
.main .cate a:hover,
.main .cate a.cur{ color:#fff; background:#395f90;}

.main ul.bookList{ display:block; margin:0 -26px; padding:80px 0 16px;}
.main ul.bookList::before,
.main ul.bookList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.bookList li{ display:block; width:20%; float:left; /*padding:0 0 30px;*/}
.main ul.bookList li a{ display:block; width:206px; position:relative; transition:all ease 0.4s; margin:0 auto;}
.main ul.bookList li a img{ display:block; width:200px; height:210px; border:3px solid #eceef1; border-radius:3px; box-shadow:0 0 20px rgba(209,209,209,0.35); transition:all ease 0.4s; margin:0 auto;}
.main ul.bookList li a span{ display:block; line-height:56px; color:#333; font-size:15px; font-family:"Nunito Light"; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; z-index:3;}
.main ul.bookList li a:hover img{ border-color:#44e5ff; box-shadow:0 0 20px rgba(68,229,255,0.35);}
.main ul.bookList li a:hover span{ color:#44e5ff; font-weight:bold;}

.main .attr h2.contact{ display:block; line-height:3.5; color:#395f90; font-size:18px; font-weight:normal; padding:2em 0 0;}
.main h2.contact + .article{ padding-bottom:0;}

form.msg{ display:block; width:674px; padding:0 0 90px;}
form.msg label{ display:block; line-height:48px; color:#333; font-size:16px; font-family:"Nunito Light";}
form.msg label font{ color:#f00; font-weight:bold; margin-right:4px;}
form.msg input.text{ display:block; width:100%; height:50px; line-height:48px; color:#333; font-size:16px; font-family:"Nunito Light"; padding:0 18px; border:1px solid #b5b5b5; border-radius:4px; box-sizing:border-box; margin:0 0 20px;}
form.msg textarea{ display:block; width:100%; height:228px; line-height:32px; color:#333; font-size:16px; font-family:"Nunito Light"; padding:8px 18px; border:1px solid #b5b5b5; border-radius:4px; box-sizing:border-box; margin:0 0 52px; resize:none;}
form.msg input.btn{ display:block; width:100%; height:50px; line-height:50px; color:#fff; font-size:16px; background:#395f90; border:0; border-radius:4px; cursor:pointer;}











/**/