/*
 * @author: omt.xu 
 * @date: 2019-07-01 15:10:00 
 * @last modified by:   wxh
 * @last modified time: 2019-09-02 10:27:35
 */

 @charset "utf-8";

 /*========================= reset =========================*/
 *,
 *:before,
 *:after {
     -webkit-transition: .5s;
     transition: .5s;
 }
 html,
 body {
     overflow-x: hidden;
 }
 body {
     min-width: 1200px;
     font-size: 18px;
     font-family: "microsoft yahei", "\5b8b\4f53", arial, helvetica, sans-serif;
     line-height: 1.5;
     color: #333;
 }
 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;
 }
 input,
 select,
 button,
 textarea {
     font-size: 100%;
     font-family: inherit;
     outline: none;
     border: none;
 }
 ul,
 ol {
     list-style: none;
 }
 img {
     border: 0;
 }
 a {
     color: #333;
     text-decoration: none;
 }
 a:hover {
     color: #ea1515;
     text-decoration: underline;
 }
 a img {
     vertical-align: top;
 }
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 small,
 .small {
     font-size: 12px;
 }
 big,
 .big {
     font-size: 18px;
 }
 :focus {
     outline: 0;
 }
 
 /*========================= common =========================*/
 /*width*/
 .w {
     width: 1200px;
     margin: 0 auto;
 }
 .w590 {
     width: 590px;
 }
 .w60 {
     width: 60px;
 }
 .w63 {
     width: 63px;
 }
 .w78 {
     width: 78px;
 }
 
 /*float*/
 .fl,
 .left {
     float: left;
 }
 .fr,
 .right {
     float: right;
 }
 
 /*text-align*/
 .tl {
     text-align: left;
 }
 .tc {
     text-align: center;
 }
 .tr {
     text-align: right;
 }
 
 /*position*/
 .po-r {
     position: relative;
 }
 .po-a {
     position: absolute;
 }
 .po-f {
     position: fixed;
 }
 
 /*margin*/
 .mt18 {
     margin-top: 18px;
 }
 .mt10 {
     margin-top: 10px;
 }
 .mt20 {
     margin-top: 20px;
 }
 .mt25 {
     margin-top: 25px;
 }
 .mt30 {
     margin-top: 30px;
 }
 .mt35 {
     margin-top: 35px;
 }
 .mt40 {
     margin-top: 40px;
 }
 .mt45 {
     margin-top: 45px;
 }
 .mt60 {
     margin-top: 60px;
 }
 .mt70 {
     margin-top: 70px;
 }
 .mtb20 {
     margin: 20px 0;
 }
 .mtb30 {
     margin: 30px 0;
 }
 .mtb35 {
     margin: 35px 0;
 }
 .ml30 {
     margin-left: 30px;
 }
 .mr8 {
     margin-right: 8px;
 }
 
 /* padding */
 .pd030 {
     padding: 0 30px;
 }
 .pdtb15 {
     padding: 15px 0;
 }
 .center {
     margin: 0 auto;
 }
 .skewx10 {
     -webkit-transform: skewx(-10deg);
     transform: skewx(-10deg);
     left: 4px;
 }
 .inlinebox {
     display: inline-block;
     *display: inline;
     *zoom: 1;
 }
 .inline {
     display: inline;
     *display: inline;
     *zoom: 1;
 }
 
 /* bg-color */
 .bg-white {
     background-color: #fff !important;
 }
 .bg-blue {
     background-color: #2f51c6 ;
 }
 .bg-d-blue {
     background-color: #324fb1 !important;
 }
 .bg-grey {
     background-color: #f3f3f3 !important;
 }
 .bg-yellow {
     background-color: #ff9000 !important;
 }
 
 /* border */
 .border-bottom-white {
     border-bottom: 1px solid #fff;
 }
 .border-blue {
     border-color: #1e41b9 !important;
 }
 .border-white {
     border-color: #fff !important;
 }
 .border-bottom-blue {
     border-bottom: 1px solid #1e41b9;
 }
 .border-up-grey {
     border-top: 1px solid #e5e5e5;
 }
 .border-bottom-grey {
     border-bottom: 1px solid #e5e5e5;
 }
 
 /* 瀛椾綋棰滆壊 */
 .color-white {
     color: #fff !important;
 }
 .color-blue {
     color: #1e41b9;
 }
 
 /*red*/
 .color-red,
 .color-red a {
     color: #ea1515;
 }
 a.color-red:hover,
 .color-red a:hover {
     text-decoration: underline;
 }
 
 /*clearfix*/
 .clearfix:after {
     clear: both;
     height: 0;
     display: block;
     content: '';
 }
 .clearfix {
     zoom: 1;
 }
 
 /*hide*/
 .hide {
     display: none;
 }
 .hidden {
     overflow: hidden;
 }
 
 /*transition*/
 .trans-none,
 .trans-none ul {
     -webkit-transition: none;
     transition: none;
 }
 
 /*img-load*/
 .img-load .image,
 img.img-load,
 .img-load img {
     display: block;
     overflow: hidden;
 }
 .img-load .image,
 img.img-load,
 .img-load img {
     background-color: #f0f0f0;
 }
 
 /*img-zoom */
 .img-zoom .image:hover img {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
 }
 
 /*media*/
 @media screen and (max-width: 980px) {
     body {
         min-width: 1200px;
     }
 
     .main-body {
         min-height: 2000px;
     }
 }