﻿/*  样式重置  */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5tahoma, arial,\5b8b\4f53; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: couriernew, courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none; }
a, a:visited { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important; }
body { font-family: "微软雅黑" !important; background-color: #eee; }
table { border-collapse: collapse; border-spacing: 0; }

/* header */
.header_box { width: 1100px; /*border: 1px solid blue;*/ margin: 0 auto; height: 80px; display: flex; justify-content: flex-start; align-items: center; }
.header_text { display: flex; justify-content: space-around; }
.header_btns { display: flex; justify-content: space-between; }
.header_img { width: 30%; /*border: 1px solid red;*/ }
.header_img img { width: 180px; height: 80px; }
/*.header_text { width: 56%; }*/
.header_nav { color: #666; font-size: 16px; text-align: center; line-height: 40px; }
.header_btns { width: 12%; margin-left: 4%; }
.header_btns .btn { padding: 0 10px; height: 30px; text-align: center; background: rgba(255,255,255,1); border: 1px solid rgba(255,62,61,1); border-radius: 4px; font-size: 15px; font-weight: 400; color: rgba(255,62,61,1); line-height: 30px; }
.header_btns .btn:hover { cursor: pointer; }
.header_nav:hover { cursor: pointer; }
.header_active { color: #333; font-weight: bold; border-bottom: 4px solid #FF3E3D; }


/*footer*/
#footer { background: #4d82f5; height: 450px; width: 100%; min-width: 1200px; }
.footer { width: 1100px; margin: 0 auto; height: 410px; box-sizing: border-box; padding-top: 20px; }
.footer_top { display: flex; justify-content: space-between; height: 344px; box-sizing: border-box; /*border-bottom: 1px solid #555555;*/ }
.footer_left { display: flex; justify-content: space-between; align-items: center; width: 550px; height: 180px; }
.footer_left_list a { color: #FFFFFF; }
.footer_left_list { height: 110px; }
.footer_left_list p:nth-child(1) { font-size: 15px; font-weight: 400; color: rgba(255,255,255,1); }
.footer_p, .footer_left_list p:nth-child(3), .footer_left_list p:nth-child(4) { font-size: 16px; font-weight: 400; margin-top: 8px; color: rgba(255,255,255,1); }
.footer_p { margin-top: 28px; }
.footer_right_title { text-align: center; font-size: 18px; font-weight: bold; margin-top: 36px; margin-bottom: 22px; color: rgba(255,255,255,1); }
.footer_right_list { width: 260px; display: flex; justify-content: space-around; }
.footer_bottom p { text-align: center; font-size: 12px; font-weight: 400; margin-top: 15px; color: rgba(255,255,255,1); }
.footer_bottom p:nth-child(2) { margin-top: 7px !important; }
.footer_right_list div { width: 120px; text-align: center; }
.footer_right_list img { margin-top:20px; background: rgba(255,255,255,1); border-radius: 5px; }
.footer_right_list p { font-size: 16px; font-weight: 400; margin-top: 8px; color: rgba(255,255,255,1); }
.footer_left_list p { color: #fff; font-size: 16px; margin-bottom: 5px; }

.content { width: 1200px; padding: 0 15px; margin: 0 auto; background-color: #fff; }
.overflow { overflow: hidden; }
.overflow:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
h2 { font-size: 20px; }
/*body { background-color: #eee; }*/
body, html { width: 100%; height: 100%; /*overflow: auto;*/ }

.index_body { width: 1100px; margin: 0 auto; }

.img-box img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.img-box img { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }

