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

/*----------------基本设置-------------------*/
body { background:#fbfbfb; color: #333; font-family:微软雅黑, Arial,Helvetica, sans-serif;}
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe { margin: 0; padding: 0; }
img { border: 0 none; vertical-align:middle; }
ul, li, ol { list-style-type: none; }
body, input, select, button, textarea { font-size: 14px; vertical-align:middle;}
button { cursor: pointer; }
i, em, cite { font-style: normal; }
a, a:link { color: #333; text-decoration: none; }
a:visited { }
a:active, a:hover {  color:#002fa7; text-decoration:none;  }
a:focus { outline: none; }
input:hover, textarea:hover { box-shadow:0px 0px 4px #eee inset; -webkit-box-shadow:0px 0px 4px #eee inset; -moz-box-shadow: 0px 0px 4px #eee inset; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; }
.h30 {display: block; height: 30px;}

/*----------------头部样式-------------------*/
.header { width: 100%; height: 146px; border-top:4px #002fa7 solid;}
.header_wrapper { width: 1780px; margin: 0 auto; position: relative;}
.header_logo { float: left; width: 426px; margin-top: 50px;}
.header_menu { float: left; width: 1063px; text-align: right; margin-top: 44px; line-height: 58px; border-right: 1px #333 solid;}
.header_menu a { margin: 0 34px; font-weight: bold;}
.header_menu a.on { color:#002fa7; }
.header_contact { float: left; width: 240px; margin-top: 44px; margin-left: 50px;}
.header_contact p.tel { background: url("../images/ico_10.png") no-repeat 0 4px; padding-left: 40px; font-size: 22px; margin-bottom: 4px; letter-spacing:3px; }
.header_contact p.mail { background: url("../images/ico_11.png") no-repeat 0 4px; padding-left: 40px; font-size: 18px; }
.header_language { display: inline-block; width: 150px; height: 22px; line-height: 20px; background: #002fa7; text-align: center; position: absolute; top:0; right: 0; color: #fff;}
.header_language a { color: #7383c4; margin: 0 10px;}
.header_language a.on { color: #fff;}

@media screen and (max-width: 1680px) {
    .header_wrapper { width: 1440px; }
    .header_menu { width: 723px; }
}

@media screen and (max-width: 1400px) {
    .header_wrapper { width: 1200px; }
    .header_logo { width: 279px; }
    .header_logo img { width: 279px; height: 34px;}
    .header_menu { width: 660px; }
    .header_menu a { margin: 0 30px; }
    .header_contact { float: left; width: 240px; margin-top: 44px; margin-left: 20px;}
}

/*----------------banner样式-------------------*/
.index_banner { width: 1832px; height: 750px; margin:0 auto;}
.page_banner { width: 1832px; height: 480px; margin:0 auto; }

@media screen and (max-width: 1680px) {
    .index_banner { width: 1500px; height: 616px; }
    .page_banner { width: 1500px; height: 393px; }
    .page_banner img { width: 1500px; height: 393px;}
}

@media screen and (max-width: 1400px) {
    .index_banner { width: 1300px; height: 534px;}
    .page_banner { width: 1300px; height: 341px; }
    .page_banner img { width: 1300px; height: 341px;}
}

/*----------------搜索样式-------------------*/
.index_search { width:100%; height: 126px; margin: 0 auto; text-align: center; padding-top: 68px; }
.index_search_input { display: inline-block; width: 540px; height: 58px;}
.index_search_input input { width: 424px; height: 57px; padding-left: 46px; border:none; border-bottom:1px #ddd solid; background: url(../images/ico_1.png) no-repeat 0 12px; font-size: 18px; }
.index_search_btn { display: inline-block; width: 240px; height: 58px;}
.index_search_btn a { display: block; width:240px; height:58px; line-height: 58px; background: #002fa7 url("../images/ico_2.png") no-repeat 140px 24px; font-size: 14px; color: #fff; text-align: center;  }
.index_search_btn a:hover { background: #002fa7 url("../images/ico_2.png") no-repeat 140px 24px;}
.page_crumbs { width: 1440px; height:80px; line-height: 80px; margin: 0 auto; }
.page_crumbs a, .page_crumbs em { color: #b6b6b6; }
.page_crumbs em { margin: 0 10px;}

@media screen and (max-width: 1400px) {
    .page_crumbs { width: 1200px; }
}

/*----------------vip样式-------------------*/
.index_vip { width: 100%; height: 156px; background: #002fa7; text-align: center; padding-top: 56px;}
.index_vip a { display: inline-block; width: 580px; height: 98px; line-height: 98px; margin: 0 16px; text-align: center; color: #313131; font-size: 18px; text-indent:70px;}
.index_vip a.vip { background: #e6edfd url(../images/ico_3.png) no-repeat 196px 32px;}
.index_vip a.oms { background: #e6edfd url(../images/ico_4.png) no-repeat 196px 26px;}
.index_vip a.vip:hover { background-color: #d2e0ff;}
.index_vip a.oms:hover { background-color: #d2e0ff;}
.tan_vip { background:#f8f6f2 url("../images/bg_2.jpg") no-repeat center right; height: 443px;}
.tan_vip h2 { font-size: 24px; text-align: center; padding: 50px 0 30px;}
.tan_vip p input { width: 318px; height: 42px; border: 1px #e5e5e5 solid;}
.tan_vip p.user { height: 44px; margin-bottom: 20px; padding-left: 50px;}
.tan_vip p.user input { background:#fff url("../images/ico_12.png") no-repeat 12px 12px; padding-left: 38px; width: 280px;}
.tan_vip p.pass { height: 44px; margin-bottom: 10px; padding-left: 50px;}
.tan_vip p.pass input { background:#fff url("../images/ico_13.png") no-repeat 12px 12px; padding-left: 38px; width: 280px;}
.tan_vip p.yzm { height: 44px; margin-bottom: 33px; padding-left: 50px;}
.tan_vip p.yzm input { width: 120px; padding-left: 18px;}
.tan_vip p.yzm img { width: 54px; height: 18px; margin: 0 6px;}
.tan_vip p.btn {padding-left: 50px;}
.tan_vip p.btn a { display: inline-block; width:320px; height: 50px; line-height: 50px; text-align: center; background:#e30000; color: #fff;}
.tan_vip p.btn a:hover { background:#002fa7; color: #fff;}

/*----------------profile样式-------------------*/
.page_about { width: 1440px; margin: 60px auto 120px;}
.page_about h2 { text-align: center; font-size: 30px; margin-bottom: 48px; }
.page_about p { font-size: 18px; line-height: 44px;}
.page_about_detail { width: 100%; height: 1708px; background: #f8f6f2 url("../images/bg_3.jpg") no-repeat center right;}
.page_about_detail_b, .page_about_detail_b dl { width: 1440px; margin: 0 auto; font-size: 18px; }
.page_about_detail_b h2 { text-align: center; font-size: 30px; padding: 105px 0 55px; }
.page_about_detail_b dl { float: left; line-height: 30px;}
.page_about_detail_b dl dt, .page_about_detail_b dl dd { float:left;}
.page_about_detail_b dl dt { width: 250px; padding: 30px 0 30px 50px; color: #002fa7; font-weight: bold;}
.page_about_detail_b dl dd { width: 1140px; padding: 30px 0;}
.page_about_detail_b dl.white { background: #fff;}
.page_company { width: 100%; height: 1050px; background: url("../images/bg_4.jpg") center center;}
.page_company_b { width: 1200px; margin: 0 auto;}
.page_company_b h2 { font-size: 30px; padding: 135px 0 65px; text-align: center; color: #fff;}
.page_company_b dl { width: 1200px; float: left;  line-height: 30px; color: #fff; background: rgba(0,47,167,0.6);}
.page_company_b dl dt { float: left; width: 250px; padding:30px 0 30px 50px; color: #fff; font-weight: bold;}
.page_company_b dl dd { float: left; width: 870px; padding: 30px 30px 30px 0;}
.page_company_b dl dd span { display: block; color: #313334; margin: 30px 0; height: 1px; border-bottom: 1px #4e6bb7 solid;}
.page_company_b dl.black { background: rgba(0,47,167,0.8);}

@media screen and (max-width: 1400px) {
    .page_about { width: 1200px; margin: 30px auto 80px;}
    .page_about h2 { text-align: center; font-size: 30px; margin-bottom: 48px; }
    .page_about p { font-size: 14px; line-height: 24px;}
    .page_about_detail_b, .page_about_detail_b dl { width: 1200px; font-size: 14px; }
    .page_about_detail_b dl dt { width: 150px; padding: 30px 0 30px 50px; color: #cf131c; font-weight: bold;}
    .page_about_detail_b dl dd { width: 1000px; padding: 30px 0;}
    .page_company { height: 1000px; }
    .page_company_b dl dt { float: left; width: 150px; padding:30px 0 30px 50px; color: #cf131c; font-weight: bold;}
    .page_company_b dl dd { float: left; width: 970px; padding: 30px 30px 30px 0;}
}

    /*----------------新闻样式-------------------*/
.index_news { height: 805px; background: #fafafa url("../images/bg_1.jpg") no-repeat; padding-top: 115px;}
.index_news h2 { font-size: 30px; text-align: center; margin-bottom: 66px;}
.index_news dl { width: 1440px; height: 94px; line-height: 94px; border-bottom: 1px #d1cfca solid; margin: 0 auto; font-size: 18px;}
.index_news dl dt { float: left; width: 170px; height: 94px; background: url("../images/ico_18.png") no-repeat center right;}
.index_news dl dd { float: left; width:1182px; height: 94px; background: url("../images/ico_17.png") no-repeat center right; overflow: hidden; padding-left: 60px;}
.news_more { text-align: center; padding-top: 65px;}
.news_more a { display: inline-block; width:180px; height:58px; line-height: 58px; background: #002fa7 url("../images/ico_2.png") no-repeat 168px 24px; font-size: 14px; padding-left: 60px; color: #fff; text-align: left;}
.news_more a:hover { background: #ab060e url("../images/ico_2.png") no-repeat 168px 24px;}
.news_more_cn { text-align: center; padding-top: 65px;}
.news_more_cn a { display: inline-block; width:240px; height:58px; line-height: 58px; background: #002fa7 url("../images/ico_2.png") no-repeat 168px 24px; font-size: 14px; color: #fff; text-align: center;}
.news_more_cn a:hover { background: #ab060e url("../images/ico_2.png") no-repeat 168px 24px;}

.page_news { background: #fafafa ;}
.page_news:after { content: ""; clear: both; display: block;}
.page_news h2 { font-size: 30px; text-align: center; margin:30px 0 66px;}
.page_news dl { width: 1440px; height: 94px; line-height: 94px; border-bottom: 1px #d1cfca solid; margin: 0 auto; font-size: 18px;}
.page_news dl dt { float: left; width: 170px; height: 94px; background: url("../images/ico_18.png") no-repeat center right;}
.page_news dl dd { float: left; width:1182px; height: 94px; background: url("../images/ico_17.png") no-repeat center right; overflow: hidden; padding-left: 60px;}
.page_news_pager { margin: 90px auto 190px; text-align: center;}
.page_news_pager a { display:inline-block; padding: 10px 20px; border: 1px #d1cfca solid;}
.page_news_pager a:hover, .page_news_pager a.on { background: #cf131c; border-color: #cf131c; color: #fff;}
.page_news h1 { font-size: 30px; text-align: center; margin:30px auto; width: 1440px; }
.page_news_date { width: 1440px; margin: 0 auto 40px; border-bottom: 1px #d2d2d2 dashed; text-align: center; color: #666; font-size: 16px; padding-bottom: 38px; }
.page_news_date .date { display: inline-block; width: 16px; height: 16px; background: url("../images/ico_22.png") no-repeat center center; margin: 0 6px 3px 0; vertical-align: middle;}
.page_news_date .no { display: inline-block; width: 18px; height: 12px; background: url("../images/ico_23.png") no-repeat center center; margin: 0 6px 2px 20px; vertical-align: middle;}
.page_detail { width: 1440px; margin: 0 auto 175px; line-height: 180%; color: #111;}
.page_share { text-align: right; padding: 60px 0 30px; border-bottom: 1px #d2d2d2 dashed;}
.page_share a { display: inline-block; width: 32px; height: 32px; background: #cf131c url("../images/ico_24.png") no-repeat center center;}
.page_share a:hover { border-color: #ab060e;}
.page_relevant { padding: 40px 0 0;}
.page_relevant:after { content: ""; clear: both; display: block; font-size: 14px;}
.page_relevant .prev  { float: left; width: 50%; background: url("../images/ico_26_1.png") no-repeat left center; padding-left: 30px; box-sizing:border-box;}
.page_relevant .prev:hover { background: url("../images/ico_26.png") no-repeat left center;}
.page_relevant .next { float: right; width: 50%; text-align: right; background: url("../images/ico_25_1.png") no-repeat right center; padding-right: 30px; box-sizing:border-box;}
.page_relevant .next:hover { background: url("../images/ico_25.png") no-repeat right center;}

@media screen and (max-width: 1400px) {
    .index_news dl { width: 1200px; height: 94px; font-size: 16px;}
    .index_news dl dd { width:1000px; padding-left: 30px;}
    .page_news dl { width: 1200px; font-size: 16px;}
    .page_news dl dd { width:970px; }
    .page_news h1 { width: 1200px; }
    .page_news_date { width: 1200px; }
    .page_detail { width: 1200px; margin: 0 auto 105px;}
}

/*----------------产品样式-------------------*/
.index_service { width:1440px; height: 410px; margin: 0 auto; padding-top: 120px;}
.index_service h2 { font-size: 30px; text-align: center; margin-bottom: 70px;}
.index_service .list_1, .index_service .list_2, .index_service .list_3, .index_service .list_4 { float: left; width: 354px; margin-right: 8px;}
.index_service .list_4 { margin-right: 0px;}
.list_box_1 { margin-bottom: 8px;}
.page_service { width: 1440px; margin: 60px auto 120px;}
.page_service:after { content: " "; display: block; clear: both; }
.page_service h2 { font-size: 30px; text-align: center; margin-bottom: 70px;}
.page_service ul li { float: left; width: 688px; margin-right: 64px;}
.page_service ul li:nth-child(2n) { margin-right: 0;}
.page_service ul li h4 { font-size: 30px; margin: 20px 0 15px;}
.page_service ul li p { font-size: 18px; color: #666; margin-bottom: 20px;}
.page_service ul li div { width: 688px; height: 450px; overflow: hidden;}
.page_service ul li div img { cursor: pointer;  transition: all 0.6s;}
.page_service ul li div img:hover{  transform: scale(1.2);}
.index_service_content {display: flex;}
.index_service_content a {flex: 1; background: #d0d1d8; color: #333; text-align: center; padding: 80px 0; margin: 0 30px; border: 1px #333 solid; font-size: 28px; font-weight: bold;}
.index_service_content a:hover {background: #c5c6cc;}
.index_service_content a.btn_2 {background: #0933a1; color: #fff;}
.index_service_content a.btn_2:hover { background: #082f95;}
.index_service_content a.btn_3 {background: #00477d; color: #fff;}
.index_service_content a.btn_3:hover {background: #2895cb;}
.page_service_detail { background: #fafafa url("../images/bg_1.jpg") no-repeat; padding: 0 0 110px;}
.page_service_detail h1 {font-size: 30px; text-align: center; margin:30px 0 66px; }
.page_service_detail_content { font-size: 18px;}
.page_service_detail_content dl { display: flex; padding: 38px 0; width: 1440px; border-bottom: 1px #d1cfca solid; margin: 0 auto; font-size: 18px; line-height: 34px; }
.page_service_detail_content dl dt { padding:0 20px 0; font-weight: bold;}
.page_service_detail_content dl dd { flex: 1; position: relative;}
.page_service_detail_content dl dd img {position: absolute; top:0; left: 0;}

@media screen and (max-width: 1400px) {
    .index_service { width:1200px; height: 410px; margin: 0 auto; padding-top: 80px;}
    .index_service .list_1, .index_service .list_2, .index_service .list_3, .index_service .list_4 { width: 295px; margin-right: 6px;}
    .index_service .list_4 { margin-right: 0px;}
    .page_service { width: 1200px; margin: 20px auto 80px;}
    .page_service ul li { width: 574px; margin-right: 52px;}
    .page_service ul li:nth-child(2n) { margin-right: 0;}
    .page_service ul li div img { width:574px; height: 375px; }
    .page_service ul li h4 { font-size: 20px; margin: 10px 0 8px;}
    .page_service ul li p { font-size: 14px; }
    .page_service ul li div { width: 574px; height: 375px; overflow: hidden;}
}

/*----------------人员样式-------------------*/
.page_employ { width: 1440px; margin: 60px auto 120px; text-align: center;}
.page_employ h2 { font-size: 30px; text-align: center; margin-bottom: 15px;}
.page_employ p { font-size: 18px; margin-bottom: 60px;}
.page_employ_b { display: inline-block; width: 1130px; height: 120px;}
.page_employ_b .contact { float:left; width:534px; height: 114px; border: 3px #002fa7 solid; }
.page_employ_b .contact span { float: left; width: 140px; height: 84px; background:#002fa7; padding-top: 30px;  }
.page_employ_b .contact b { display: block; padding: 22px 0 0 ;  font-size: 18px; text-align: left; margin-left: 182px;}
.page_employ_b .contact p { display: block; padding: 5px 0 0 ;  font-size: 16px; line-height: 24px; text-align: left; margin-left: 182px;}
.page_employ_b .tel { float:right;  width:534px; height: 114px; border: 3px #111111 solid; }
.page_employ_b .tel span { float: left; width: 140px; height: 84px; background:#111; padding-top: 30px;  }
.page_employ_b .tel b { display: block; padding: 22px 0 0 ;  font-size: 18px; text-align: left; margin-left: 182px;}
.page_employ_b .tel p { display: block; padding: 10px 0 0 ;  font-size: 24px; line-height: 24px; text-align: left; margin-left: 182px;}
.page_employ_b .tel p em { font-size: 14px;}
.page_employ_detail_1, .page_employ_detail_2 { width: 100%; height: 420px; background: #f8f6f2;}
.page_employ_detail_2 { background: #fff;}
.page_employ_detail_1 dl, .page_employ_detail_2 dl { width: 1440px; height: 320px; margin: 0 auto; padding-top: 100px;}
.page_employ_detail_1 dl dt, .page_employ_detail_2 dl dt { float: left; width: 200px;}
.page_employ_detail_1 dl dd, .page_employ_detail_2 dl dd { float: left; width: 1100px; padding-left: 120px;}
.page_employ_detail_1 dl dt span, .page_employ_detail_2 dl dt span { display:block; width: 200px; height: 130px; padding-top: 70px; text-align: center; background: #fff;}
.page_employ_detail_2 dl dt span { background: #f8f6f2; }
.page_employ_detail_1 dl dd h2, .page_employ_detail_2 dl dd h2 { font-size: 30px; border-bottom:1px #dbd8d1 solid; padding-bottom: 34px;}
.page_employ_detail_1 dl dd p, .page_employ_detail_2 dl dd p { font-size: 18px; line-height: 68px; border-bottom:1px #dbd8d1 solid;}
.page_employ_detail_1 dl dd p span, .page_employ_detail_2 dl dd p span { display: inline-block; width: 120px; color: #002fa7; font-weight: bold;}
.page_employ_detail_1 dl dd p.tip, .page_employ_detail_2 dl dd p.tip { font-size: 18px; line-height: 44px; border-bottom:none; color: #999;}

@media screen and (max-width: 1400px) {
    .page_employ_detail_1 dl, .page_employ_detail_2 dl { width: 1200px; height: 320px; margin: 0 auto; padding-top: 100px;}
    .page_employ_detail_1 dl dt, .page_employ_detail_2 dl dt { float: left; width: 200px;}
    .page_employ_detail_1 dl dd, .page_employ_detail_2 dl dd { float: left; width: 880px; padding-left: 120px;}
    .page_employ_detail_1 dl dd h2, .page_employ_detail_2 dl dd h2 { font-size: 20px; }
    .page_employ_detail_1 dl dd p, .page_employ_detail_2 dl dd p { font-size: 14px; }
    .page_employ_detail_1 dl dd p.tip, .page_employ_detail_2 dl dd p.tip { font-size: 14px; }
}


/*----------------联系样式-------------------*/
.index_tel { width: 100%; height: 230px; background: #d0d1d8; text-align: center; padding-top: 70px; color: #333; }
.index_tel h2 { font-size: 18px; margin-bottom: 35px;}
.index_tel .telbox { width: 670px; height: 58px; margin: 0 auto; }
.index_tel span.tel {float: left; height: 58px; line-height: 58px; font-size: 30px; border-right: 1px #333 solid; padding-right: 60px; margin-right: 60px;}
.index_tel span.tel em { font-size: 18px;}
.index_tel span.btn { float: right; width: 240px; height: 58px; }
.index_tel span.btn a { display: block; line-height: 58px; color: #fff; background: #002fa7 url("../images/ico_2.png") no-repeat 205px 24px;}
.page_contact { width: 1440px; padding: 50px 0 120px; margin: 0 auto; text-align: center;}
.page_contact h2 { font-size: 30px; text-align: center; margin-bottom: 10px;}
.page_contact p { font-size: 18px; text-align: center; margin-bottom: 46px;}
.page_contact_tel { display: inline-block; width: 380px; height: 100px; line-height: 100px; background: #002fa7 url("../images/ico_21.png") no-repeat 120px center; font-size: 36px; padding-left: 200px; color: #fff; text-align: left;}
.page_contact_cn { width: 1440px; padding: 50px 0 0; margin: 0 auto; text-align: center;}
.page_contact_cn h2 { font-size: 30px; text-align: center; margin-bottom: 10px;}
.page_contact_cn p { font-size: 18px; text-align: center; margin-bottom: 46px;}
.page_contact_tel_cn { width: 1200px; height: 90px; padding: 30px 0; margin: 0 auto 20px; background: #f8f6f2; }
.page_contact_tel_cn dl dt { float: left; width: 187px; height: 80px; border-right: 1px #d2d2d2 solid; text-align: center;}
.page_contact_tel_cn dl dt span { display: inline-block; width: 80px; height: 80px; border-radius: 40px; background: #002fa7; }
.page_contact_tel_cn dl dd { float: left; width: 962px; padding-left: 50px; text-align: left; font-size: 18px; }
.page_contact_tel_cn dl dd div { display: block;}
.page_contact_tel_cn dl dd div span { display: inline-block; color: #000; font-weight: bold; width: 100px;}
.map { width: 1832px; height: 480px; margin: 46px auto;}
.page_form { width: 100%; height:1364px; background: #f8f6f2 url("../images/bg_6.jpg") no-repeat center left; }
.page_form h2 { font-size: 30px; text-align: center; margin-bottom: 10px; padding-top: 120px;}
.page_form p { font-size: 18px; text-align: center; margin-bottom: 70px;}
.page_form dl { width: 1200px; padding: 30px 0; margin: 0 auto;}
.page_form dl:after { content: ""; display: block; clear: both;}
.page_form dl.white { background: #fff;}
.page_form dl dt { float: left; width: 250px; padding-left: 50px; color: #002fa7; font-weight: bold; font-size: 18px!important;}
.page_form dl dt span {display: inline-block; padding: 2px 8px; background: #002fa7; color: #fff; font-size: 12px!important; font-weight: normal; margin-left: 5px; }
.page_form dl dd { float: left; width: 900px;}
.page_form dl dd input, .page_form dl dd textarea { width: 90%; line-height: 30px; border: none; background: none; font-size: 18px;}
.page_form dl dd span { display: block; margin-bottom: 10px;}
.page_form dl dd input.add { border: 1px #d2d2d2 solid; width: 74px; height: 28px;}
.page_form dl dd input.add2 { border: 1px #d2d2d2 solid; width: 378px; height: 28px;}
.page_form dl dd a { display: inline-block; width: 174px; height: 58px; line-height: 58px; font-size: 18px; background: #002fa7 url("../images/ico_2.png") no-repeat 166px center; color: #fff; padding-left: 66px; margin-left: 170px;}
.page_form dl dd a:hover { background-color: #ab060e;}
.page_ok { width: 100%; text-align: center; padding: 126px 0 200px; font-size: 30px;}
.page_ok p { padding-top: 36px;}
.page_login { width: 1200px; margin: 56px auto 100px;}
.page_login p { margin: 0 0 30px;}
.page_login_box { width: 1200px; height: 170px; background: #f8f6f2 url("../images/bg_7.jpg") no-repeat right center; padding: 30px 40px; box-sizing: border-box;}
.page_login_user { float: left; }
.page_login_img { float: left; width: 80px; height: 80px; background: #fff url("../images/ico_27.png") no-repeat center center; margin-top: 15px; margin-right: 28px;}
.page_login_user span { display: inline-block; margin: 25px 0 12px; font-size: 18px;}
.page_login_user a { display: inline-block;  padding: 2px 10px; background: #cf131c; color: #fff; font-size: 14px;}
.page_login_btn { float: right;}
.page_login_btn a { float: left; padding: 0 40px; width: 80px; text-align: center;}
.page_login_btn a span { display: block; height: 80px; border-radius: 40px; margin-bottom: 10px; }
.page_login_btn a.query span { background: #cf131c url("../images/ico_28.png") no-repeat center center;}
.page_login_btn a.upload span { background: #fff url("../images/ico_29.png") no-repeat center center;}

@media screen and (max-width: 1400px) {
    .page_contact_cn { width: 1200px; }
}

/*----------------底部样式-------------------*/
.footer { height: 470px; width: 100%; background: #002fa7;}
.footer_top { width:1440px; border-bottom: 1px #8097d3 solid; height: 138px; padding-top: 150px; margin: 0 auto; }
.footer_top_l { float: left; width: 426px; height: 44px;}
.footer_top_r { float: right;}
.footer_top_r ul li { float: left; padding-left:76px; padding-bottom: 30px;}
.footer_top_r ul li a { color: #fff; font-size: 18px;}
.footer_top_r p { color: #fff; text-align: right; font-size: 12px; }
.footer_top_r p a {color: #fff; margin-left: 10px;}
.footer_bottom { width:1440px; margin: 0 auto; padding-top: 40px;}
.footer_bottom_l { float: left; color: #6682ca}
.footer_bottom_l em { margin: 0 10px;}
.footer_bottom_r { float: right;}
.footer_bottom_r a { margin-left: 38px;}
.footer_bottom_l a {color: #6682ca;}

@media screen and (max-width: 1400px) {
    .footer_top { width:1200px;}
    .footer_top_l img { width: 355px;}
    .footer_top_r ul li a { font-size: 14px;}
    .footer_bottom { width:1200px; margin: 0 auto; padding-top: 40px;}
}

.box {
    font-family: 'Ubuntu', sans-serif;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
}
.box:hover {
    box-shadow: 0 0 15px -5px #000;
}
.box:before {
    content: '';
    background-color: transparent;
    background-size: 30px 30px;
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s ease 0.2s;
}
.box:hover:before {
    opacity: 1;
}
.box img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}
.box .box-content {
    color: #fff;
    background-color: rgba(207,19,28,0.0);
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
.box:hover .box-content {
    background-color: rgba(207,19,28,0.6);
}
.box .title {
    color: #fff;
    font-size: 23px;
    width: 354px;
    font-weight: normal;
    text-align: center;
    position: absolute;
    z-index: 999;
}
.box .post {
    color: #fff;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.box .post2 {
    color: #fff;
    background-color: rgba(207,19,28,0.8);
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.box:hover .post2 {
    background-color: rgba(0,0,0,0.6);
}
.box .icon {
    background: rgba(50,194,135,0.6);
    text-align: center;
    height: 39%;
    width: 100%;
    padding: 15px 0 0;
    margin: 0;
    list-style: none;
    transform: translateX(50%);
    position: absolute;
    right: 50%;
    bottom: -100%;
    z-index: 1;
    transition: all 0.3s;
}
.box:hover .icon {
    bottom: 0;
}
.box .icon li {
    display: inline-block;
    margin: 0 3px;
}
.box .icon li a {
    color: #32c287;
    background-color: #fff;
    font-size: 18px;
    line-height: 40px;
    height: 40px;
    width: 40px;
    border-radius: 40%;
    display: block;
    transition: all 0.3s;
}
.box .icon li a:hover {
    color: #fff;
    background-color: #04a562;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.5), 0 0 5px rgba(0,0,0,0.5) inset;
}

@media only screen and (max-width:990px) {
    .box {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:479px) {
    .box .title {
        font-size: 20px;
    }
}