@font-face {
    font-family: Gisha;
    src: url('./font/gisha.ttf'), url('./font/gisha.eot'), url('./font/gisha.otf'), url('./font/gisha.woff'), url('./font/gisha.svg');
}

@font-face {
    font-family: Gishabd;
    src: url('./font/gishabd.ttf'), url('./font/gishabd.eot'), url('./font/gishabd.otf'), url('./font/gishabd.svg'), url('./font/gishabd.woff');
}

body{margin:0;padding:0;width:100%;height:auto;background-color:#F6F6F6;font-family: Gisha;}
a{text-decoration: none;}
img {border:0;}
.clear{clear: both;}
.top .bg_top{width:100%;height:30px;background-color: #5A3F69;}
.top .bg_top .container{width:1140px;height:30px;margin:0 auto;line-height: 30px;}
.top .bg_top .container .welcome{font-size: 13px;color:#DBDBDB;float: left;}
.top .bg_top .container .contactus{font-size: 13px;color:#DBDBDB;float: right;}

.top .bg_center{width:1140px;height:60px;margin:0 auto;}
.top .bg_center .logo{margin-top: 10px;float: left;}
.top .bg_center .share{margin-top: 18px;float: right;margin-right: 10px;}
.top .bg_center .submit{margin-top: 13px;float: right;margin-right: 20px;}

.top .bg_bottom{width:1144px;height:50px;margin:0 auto;background-image: url(../img/common/nav_bg.png);font-size:18px;font-family: Gishabd;line-height: 40px;z-index:100;font-weight:bold;}
.top .bg_bottom .home{width:70px;height:41px;border-top: 4px solid #5A3F69;float: left;color:#FFFFFF;margin-left: 90px;text-align: center}
.top .bg_bottom .books{width:70px;height:41px;border-top: 4px solid #5A3F69;float: left;color:#FFFFFF;text-align: center}
.top .bg_bottom .journals{width:90px;height:41px;border-top: 4px solid #5A3F69;float: left;color:#FFFFFF;text-align: center}
.top .bg_bottom .submission{width:117px;height:41px;border-top: 4px solid #5A3F69;float: left;color:#FFFFFF;text-align: center}
.top .bg_bottom .openScience{width:134px;height:41px;border-top: 4px solid #5A3F69;float: left;color:#FFFFFF;text-align: center}
.top .bg_bottom .joinus{width:80px;height:41px;border-top: 4px solid #5A3F69;float: left;color:#FFFFFF;text-align: center}
.top .bg_bottom .news{width:64px;height:41px;border-top: 4px solid #5A3F69;float: left;color:#FFFFFF;text-align: center}
.top .bg_bottom .unsubscribe{width:170px;height:41px;border-top: 4px solid #5A3F69;float: left;color:#FFFFFF;text-align: center}
.top .bg_bottom .nav_line{width:1px;height:20px;background-color: #DBDBDB;float: left;margin-left: 10px;margin-right: 10px;margin-top: 12px;}

.top .top_line{width:100%;height:3px;background-color: #5A3F69;margin-top: -27px;z-index:-1;position:relative}

.bottom .bg_top{width:100%;height:320px;background-color: #5A3F69;}
.bottom .bg_top .container{width:1140px;margin:0 auto;}
.bottom .bg_top .container .left{width:360px;margin-top: 30px;float: left;}
.bottom .bg_top .container .left .title{font-size: 13px;color:#FFFFFF;font-family: Gishabd;font-weight:bold;}
.bottom .bg_top .container .left .line{width:360px;height:1px;background-color: #999999;margin-top: 10px;}
.bottom .bg_top .container .left .logo{margin-top: 20px;display: block;}
.bottom .bg_top .container .left .contact{font-family: Arial;font-size: 12px;color:#FFFFFF;line-height: 22px;margin-top: 20px;}
.bottom .bg_top .container .left .contact .email{color:#FFFFFF;}

.bottom .bg_top .container .b_center{float: left;margin-left: 50px;width:340px;margin-top: 30px;}
.bottom .bg_top .container .b_center .title{font-size: 13px;color:#FFFFFF;font-family: Gishabd;font-weight:bold;}
.bottom .bg_top .container .b_center .line{width:340px;height:1px;background-color: #999999;margin-top: 10px;}
.bottom .bg_top .container .b_center .c_left{font-size: 13px;line-height: 20px;width:97px;float: left;margin-top: 20px;}
.bottom .bg_top .container .b_center .c_right{font-size: 13px;line-height: 20px;width:130px;float: left;margin-left: 60px;margin-top: 20px;}
.bottom .bg_top .container .b_center a{color:#FFFFFF;}

.bottom .bg_top .container .right{float: right;width:340px;margin-top: 30px;}
.bottom .bg_top .container .right .title{font-size: 13px;color:#FFFFFF;font-family: Gishabd;font-weight:bold;}
.bottom .bg_top .container .right .line{width:340px;height:1px;background-color: #999999;margin-top: 10px;}
.bottom .bg_top .container .right .field{font-size: 13px;color:#FFFFFF;font-family: Gishabd;width:60px;float: left;margin-top: 18px;font-weight:bold;}
.bottom .bg_top .container .right .input{width:268px;height:26px;border: 1px solid #FFA815;float: left;background-color: #FEFEFE;margin-top:10px;}
.bottom .bg_top .container .right .textarea{resize:none;width:264px;height:48px;border: 1px solid #FFA815;float: left;background-color: #FEFEFE;margin-top:10px;}
.bottom .bg_top .container .right .send{font-size: 14px;color:#FFA815;font-family: Gishabd;margin-top: 20px;margin-left: 70px;display: block;font-weight:bold;}
.bottom .bg_bottom{width:100%;height:80px;background-color: #FFA815;font-size: 13px;color:#555555;line-height: 80px;text-align:center;}