﻿/*
 * @Author: hqit
 * @Date: 2019-02-22 17:18
 * @LastEditors: chenlei
 * @LastEditTime:
 * @Description:
 */

@charset "utf-8";

body {font-size: 18px; font-family: "Microsoft Yahei", "\5b8b\4f53", Arial, Helvetica, sans-serif; line-height: 1.5; color: #333;     background: rgb(239,239,239);}
body {font-size: 18px; font-family: "Microsoft Yahei", "\5b8b\4f53", Arial, Helvetica, sans-serif; line-height: 1.5; color: #333;     background: rgb(239,239,239);}
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: none; }
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; }
.w-all { width: 100%; }
.w110 { width: 110px; }
.w160 { width: 160px; }
.w256 { width: 256px; }
.w280 { width: 280px; }
.w380 { width: 380px; }
.w420 { width: 420px; }
.w520 { width: 520px; }
.w560 { width: 560px; }
.w745 { width: 745px; }
.w416 { width:416px;}
.w1220 { width: 1220px; }

/*float*/
.fl { float: left; }
.fr { float: right; }

.lbzs_topdemo{
    position: relative;
    width: 1200px;
    top: 2px;
}


/*text-align*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.b { font-weight: bold;}

/*position*/
.po-r { position: relative; }
.po-a { position: absolute }
.po-f { position: fixed; }

/*margin*/
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 19px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mb50 { margin-bottom: 50px; }

.ml20{ margin-left:20px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml5{ margin-left:5px;}

/*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; }
.clear{clear:both; height:0; font-size:0; overflow:hidden;}

/*hide*/
.hidden { overflow: hidden; }
@media screen and (min-width: 1199px) {
    .nav .nav_list {
        width: 1256px;
        height: 42px;
        margin: 0 auto;
    }
    .nav .nav_list ul li {
        position: relative;
        float: left;
        font-size: 18px;
        line-height: 42px;
        text-align: center;
        margin: 0 20px 0px 27px;
    }
}
@media screen and (max-width: 980px) {
    body { min-width: 1200px; }
    .nav .nav_list {
        width: 1200px;
        height: 42px;
        margin: 0 auto;
    }
    .nav .nav_list ul li {
        position: relative;
        float: left;
        font-size: 18px;
        line-height: 42px;
        text-align: center;
        margin: 0 14px 0px 27px;
    }
}

