@charset "utf-8";
html { font-size: 37.5%; -webkit-text-size-adjust: 100%; }
@media screen and (min-width:320px) and (max-width:375px) { html { font-size: 37.5%; } }
@media screen and (min-width:376px) and (max-width:414px) { html { font-size: 43.75%; } }
@media screen and (min-width:415px) and (max-width:639px) { html { font-size: 50%; } }
@media screen and (min-width:640px) and (max-width:719px) { html { font-size: 56.25%; } }
@media screen and (min-width:720px) { html { font-size: 62.5%; } }

body {font-family: "Microsoft YaHei", Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height:2rem; color: #222222; background-color:#F5F7FA; text-align:left; }
/*css定义超链接四个状态也有顺序的。*/
a:link, a:visited {text-decoration:none; color:#333333;}
a:hover, a:active {text-decoration:none; color:#0D3271;}
img{max-width:100%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.w, .container { width:100% !important; min-width:320px !important; max-width:750px !important; padding:0px; margin:0px auto;}


/*顶部*/
.header { height: 19.9rem; position:relative; z-index:1000; }
.header .container { height: 19.9rem; position:fixed; top:0px; left:0px; right:0px; z-index:1000; background:url(../img/index2/menu-bg.jpg) center center no-repeat; background-size:100% 100%;  }
.header .container .navbar { width:6.2rem; height:6.2rem; position:absolute; top:3rem; right:3rem; min-height:initial; cursor:pointer; background:url(../img/icon-menu.png) center center no-repeat; background-size:100% 100%; }
/*.header .container .navbar .icon-bar { width:100%; height:4px; margin-top:5px; display:block; background-color:#222222; border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#navbar.is-active{animation: smallbig 0.6s forwards;}
#navbar.is-active .icon-bar:nth-child(2),
#navbar.is-active .icon-bar:nth-child(3){-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
#navbar.is-active .icon-bar:nth-child(2){opacity: 0;}
#navbar.is-active .icon-bar:nth-child(1){-webkit-transform: translateY(13px) rotate(45deg);-ms-transform: translateY(13px) rotate(45deg);-o-transform: translateY(13px) rotate(45deg);transform: translateY(13px) rotate(45deg);}
#navbar.is-active .icon-bar:nth-child(3){-webkit-transform: translateY(-6px) rotate(-45deg);-ms-transform: translateY(-6px) rotate(-45deg);-o-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg);}
@keyframes smallbig{
  0%, 100%{ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50%{ -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
}
.header .container .account {position:absolute; top:2.3rem; right:3rem;}
.header .container .account .img { width:4.4rem; height:4.4rem; display:inline-block;margin-right:1.5rem;}
.header .container .account .txt { font-size:2.6rem; line-height:4.2rem; display:inline-block;}*/
.header .container .logo { width:20rem;  margin:3.5rem 0px 1.5rem 2.6rem; }

.header .container .account { text-align:center;}
.header .container .account div { display:inline-block; border: 2px solid #5f89cb; width:40%; height:6rem; line-height:5.4rem; margin:2rem 3%; background-color:#3374be;}
.header .container .account div a { display: block; font-size: 3rem; font-family: Adobe Heiti Std; font-weight: normal; color: #FFFFFF; }


.header .container .menu { position:fixed; top:19.9rem; z-index:10000; height:100%; background: rgba(0,0,0,0.4); display:none; text-align:center; }
.header .container .menu .list { background-color: #FFFFFF; border-radius: 0px 0px 2rem 2rem; overflow:hidden;  }
.header .container .menu .list ul li {font-size: 3rem; margin:6rem auto; text-align:center;}
.header .container .menu .list ul li a { color: #939DB9;}
.header .container .menu .list ul li.cur a { color: #222222;}

/*底部*/
.footer { background-color:#000018; color:#FFFFFF; font-size: 2rem;  text-align:center; }
.footer a { color: #FFFFFF;  font-size:2.4rem; }
.footer .container { padding:0rem 3.2rem;}
.footer .container .logo {margin-top:5rem;}
.footer .container .row { margin :3.8rem auto 0px auto; }
.footer .container .row .item { padding:0 5px;}
.footer .container .fx { margin-top:5rem; line-height:3rem;}
.footer .container .copyright { color:#999999; margin:3.8rem auto 6.4rem auto; }

/*子导航*/
.subnav { height: 8.8rem; position:relative; z-index:100;  }
.subnav .container { height: 8.8rem; position:fixed; top:19.9rem; left:0px; right:0px; z-index:2000; background-color:#ffffff; }
.subnav .container .navbar { width: 100%; height: 8.8rem; position: relative; overflow: hidden; }
.subnav .container .navbar .scroller { position: absolute; z-index:10; }
.subnav .container .navbar .scroller ul li { height: 8.8rem; float: left; line-height: 8.8rem; }
.subnav .container .navbar .scroller ul li a { color: #75779D; font-size:2.8rem; display: block; margin: 0 2rem; }
.subnav .container .navbar .scroller ul li.cur a { color: #000000; font-weight:bold; }

/*分页*/
.paging { margin: 40px auto; text-align: center; }
.paging a { width: 54px; height: 40px; line-height: 40px; display: inline-block; color: #666666; font-size: 16px; text-align: center; margin: 5px 5px; background-color: #FFFFFF; border: 1px solid #C4C4C4; border-radius: 5px; }
.paging a:hover, .paging a.cur { background-color: #3352CB; color: #FEFEFE; border: 1px solid #FEFEFE; }
.paging a.txt { width: 65px; }