﻿﻿@charset "utf-8";
/* CSS Document */

body { font-size: 15px; font-family: '微软雅黑'; position: relative; }
/*<===================================================================================================>*/
.box { width: 1200px; margin: 0 auto; }

@media screen and (max-width: 1200px) {
.box { width: 100%; }
}
/*<===================================================================================================>*/
.i_top { height: 180px; background: url(../images/top_bg.jpg) center no-repeat; }

@media screen and (max-width: 1200px) {
    .i_top {/* height: 17.3vw; */background: url(../images/top_bg_2.jpg) center no-repeat;background-size: 100% 100%;}
}
.i_top .box { display: flex; height: inherit; }
.i_top .item1, .i_top .item2 {width: 50%;height: inherit;}
.i_top .item1 { display: flex; align-items: center; }
.i_top .item1 .elem {/* height: 52.9%; *//* width: 95%; */}
.i_top .item1 img { height: 100%; max-width: 100%; }
.i_top .item2 .elem { display: flex; height: inherit; flex-direction: column; justify-content: center; }
.i_top .item2 .biaoyu { height: 15.86%; padding-left: 23px; }
.i_top .item2 .biaoyu img { height: 100%; }
.i_nav .search_input, .i_top .item2 .search_input { height: 22.11%; margin-top: 5px; background: #fff; border-radius: 23px; padding: 0 23px; }
.i_nav .search_input form, .i_top .item2 .search_input form { height: 100%; width: 100%; display: flex; }
.i_nav .search_input input, .i_top .item2 .search_input input { height: 100%; border: none; outline: none; flex-grow: 1; }
.i_nav .search_input input[type="submit"], .i_top .item2 .search_input input[type="submit"] { background: url(../images/search_btn.png) no-repeat; text-indent: -9999px; width: 28px; background-size: 100% 100%; flex-grow: 0; }
.i_top .item2 .search_key { font-size: 14px; color: #fff; margin-top: 5px; padding-left: 23px; }
.i_top .item2 .search_key span { margin-left: 10px; }

@media screen and (max-width: 768px) {
    .i_top .item1 {width: 100%;}
    .i_top .item1 .elem {/* width: 100%; */text-align: center;/* height: 70%; */}
    .i_top .item2 { display: none; }
}
/*<===================================================================================================>*/
.i_nav { height: 43px; background: #d81920; max-width: 1920px; margin: 0 auto; }
.i_nav .navbar-default { background-color: transparent; }
.i_nav .navbar { min-height: 43px; margin-bottom: 0; border: 0; }
.i_nav .navbar-default .navbar-collapse { border-color: transparent; }
.i_nav .navbar-default .navbar-nav > li > a { color: #fff; }
.i_nav .container-fluid { padding-right: 0; padding-left: 0; }
.i_nav .navbar-collapse { padding-right: 0; padding-left: 0; }
.i_nav .navbar-header { display: flex; }
.i_nav .search_input { height: 33px; border-radius: 16px; padding: 0 16px; margin: 5px 15px; flex-grow: 1; }
.i_nav .search_input input[type="submit"] { width: 20px; }

@media screen and (min-width: 768px) {
.i_nav .navbar { border-radius: 0px; }
.i_nav .navbar-nav { width: 100%; display: flex; }
.i_nav .navbar-nav > li { flex-grow: 1; text-align: center; }
.i_nav .navbar-nav > li > a { padding: 0; line-height: 43px; font-size: 18px; }
.i_nav .navbar-nav > li > a:hover { background: #b6070e; }
.i_nav .navbar-nav > li > a.hover { background: #b6070e; }
.i_nav .search_input { display: none; }
}

@media screen and (max-width: 768px) {
.i_nav { height: auto; }
.i_nav .navbar-nav { margin: 0; }
.i_nav .container-fluid > .navbar-header { margin-right: 0; margin-left: 0; }
.i_nav .navbar-default .navbar-toggle { border-color: #fff; }
.i_nav .navbar-toggle { margin-top: 5px; margin-bottom: 4px; }
.i_nav .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.i_nav .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; }
.i_nav .nav > li { background: #b6070e; }
.i_nav .navbar-default .navbar-toggle:hover { background-color: transparent; }
}
/*<===================================================================================================>*/
.i_con { background: url(../images/bottom_bg.png) no-repeat; background-position: bottom center; }
.i_con .friend_links { padding-top: 15px; }
.i_con .friend_links .dropup { margin-top: 15px; }
.i_con .friend_links .dropdown-toggle { width: 100%; font-size: 16px; }
.i_con .friend_links .dropdown-menu { min-width: 100%; font-size: 16px; }
.i_swiper { margin-top: 30px; padding: 15px; border: 1px solid #ccc; background: #fff; }
.i_swiper .swiper-container { width: 100%; }
.i_swiper .swiper-button-prev { background-image: url(../images/swiper_btn_l.png); width: 28px; height: 28px; background-size: 28px 28px; margin-top: -14px; }
.i_swiper .swiper-button-next { background-image: url(../images/swiper_btn_r.png); width: 28px; height: 28px; background-size: 28px 28px; margin-top: -14px; }
.i_bottom_border { border-bottom: 7px solid #0094f2; max-width: 1920px; margin: 0 auto; margin-top: 30px; }
.i_copyright { padding: 0 15px; padding-top: 30px; padding-bottom: 20px; }
.i_copyright .p1 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.i_copyright .p2 { text-align: center; }

@media screen and (max-width: 1200px) {
.i_con { background-image: url(../images/bottom_bg2.png); background-size: 100%; }
}

.login_layout { padding:30px;}
.login_layout form p{width:300px; margin:0 auto; margin-bottom:15px;}
.login_layout .title { font-size:24px; color:#656464; text-align:center; margin-bottom:20px;}
.login_layout input { width:300px; height:50px;}
.login_layout input[type="text"] { padding-left:10px;}
.login_layout input[type="password"] { padding-left:10px;}
.login_layout input.iftu-login-submit-btn {background: #0f99f4;border: 0;border-radius: 5px;color: #fff;font-size: 18px;}
.login_layout p a { font-size:12px; color:#0f99f4;text-decoration: none;}

.friend_links .foot1 {position:relative;overflow:hidden;height:30px;padding-left:150px;line-height:30px;display:flex;justify-content:space-around;}
.friend_links .foot1 a {color: #0044a0;font-size:18px;line-height:30px;text-decoration:none;font-weight: 600;}
.friend_links .foot1 a.a {background:url(../images/f_m_20160310.png) no-repeat right center;padding-right:16px;}
.friend_links .foot1 a.b {background:url(../images/f_m_20160318.png) no-repeat right center;padding-right:16px;}
.friend_links .link {position:relative;height:0px;z-index:2;}
.friend_links .link .link_more {display:none;text-align:left;margin:auto;position:absolute;padding:2px 10px;background:url(../images/link0318.png);z-index:2;top:8px;overflow:auto;height:128px;width:280px;}
.friend_links .link .link_more a {color:#002558;padding:0px 10px;display:block;font-size:14px;}
.friend_links .link .jgsj a {width:210px;float:left}