body {font: normal 16px/1 "Microsoft Yahei",Arial,Simsun,sans-serif; color: #333; max-width: 1920px; margin:0 auto; background: #fff;  }

a{ color: inherit;}
a:hover, a:focus{ color: inherit; text-decoration: none;}
ul,ol,.navbar,h1, .h1, h2, .h2, h3, .h3,p,dl,ul,ol,.h4,h4{ margin: 0; padding: 0;}
h1, .h1, h2, .h2, h3, .h3{ font-weight: 700;}
input:focus,textarea:focus{ outline: none;}
textarea{ resize: none;}
dt,dd{ line-height: 1;}
i,em{ font-style: normal;}

.f16{ font-size: 16px; line-height: 36px;}
.f14{ font-size: 14px; line-height: 30px;}
.links a:hover{ text-decoration: underline; color: inherit;}
.text-overflow-1{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.text-overflow-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-overflow-num{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.box1{ padding: 60px 0;}
.box2{ padding-top: 60px;padding-bottom: 60px;}
.box3{ padding-bottom: 60px;}
.table-responsive{ border: 0;}
.pos-rel{ position: relative;}
.img100 img{ width: 100%;}
.aBlock a{ display: block;}

.top{ line-height: 40px; font-size: 14px; background: #ededed;}
.top li{ float: left;}
.top-rexian{ margin-right: 40px; font-weight: bold; color: #c40000;}
.top-icons a{ float: left; width: 22px; height: 40px; background: url("../images/top.png") no-repeat 0 center; margin-left: 5px;}
.top-icons .wx{ background-position: -24px center;}
.top-icons .phone{ background-position: -48px center;}
.top-tanchuang{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(119, 119, 119,.7); z-index: 99;}
.top-tanchuang .tc-weixin{ position: absolute; left: 50%; top: 50%; margin: -215px 0 0 -215px; }
.top-tanchuang .tc-phone{ position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -225px; padding: 20px 25px; font-size: 32px; background: #fff; }

.daohang{ background: #fff; }
.logo a{ display: block; width: 410px; height: 90px; background: url("../images/logo.png") no-repeat center;}
.daohang ul{ padding-top: 16px;}
.daohang li{ position: relative; float: left; padding: 0 5px; margin-left: 40px; line-height: 72px; border-bottom: 2px solid transparent;}
.daohang li a{ display: block; font-size: 18px; color: #1f1a17;}
.daohang li:hover{ cursor: pointer; border-bottom: 2px solid #c40000;}


.base-form{ padding: 45px 0; background: #dbe4ed;}
.base-form ul{ margin: 0 -15px;}
.base-form li{ float: left; width: 21%; padding: 0 15px; }
.base-form li:last-child{ width: 16%;}
.base-form .input{ width: 100%; height: 54px; line-height: 52px; color: #787878; padding: 0 5px; border: 1px solid #787878;}
.base-form .input:focus-visible{ outline: 0;}
.base-form .submit{ border: 0; color: #fff; background: #c40101; }
.myform li{ position: relative; }
.myform .LV_validation_message{ position: absolute; left: 0; bottom: -15px; font-size: 13px; color: #c40101; }
.myform .LV_valid{ font-size: 0; }

.base-form .LV_validation_message{ left: 15px; }

/*footer*/
.footer-top{ padding: 40px 0 35px; color: #fff; background: #173974;}
.footer-top dl{ float: left; }
.footer-top dl + dl{ margin-left: 120px;}
.footer-links dt{ font-size: 20px; margin-bottom: 8px; padding-bottom: 15px; border-bottom: 1px solid;}
.footer-links dt img{ margin-right: 10px; padding-right: 10px; border-right: 1px solid;}
.footer-links dd{ line-height: 40px;}
.footer-links .f-list3 dt{ padding-bottom: 0; margin: -10px 0 12px; border-bottom:0; line-height: 46px;}
.footer-links .f-list4 dd{ line-height: 36px;}
.footer-links .f-list4{ margin-left: 100px; }
.footer-media p{ margin-top: 15px; text-align: center;}
.footer-copy{ color: #fff; line-height: 54px; font-size: 14px; background: #0c2041;}


/*bottom*/
.bottom{ position: fixed; bottom: 0; left: 0;  width: 100%; z-index:99; }
.bottom ul > li{ position: relative; float: left; width: 25%; padding: 6px 0; text-align: center; color: #fff; background: #c40000; cursor: pointer;}
.bottom ul > li:hover{ background: #d32e26;}
.bottom h3{ font-size: 13px; font-weight: 400;}
.bottom i{ display: inline-block; font-size: 24px; line-height: 22px; margin-bottom: 6px; }
.bottom .icon-product{ font-size: 20px; }
.bottom .icon-fangan{ font-size: 20px; }
.bottom .icon-chat{ font-size: 23px; }
.bottom ol{ position: absolute; left: 0; bottom: 53px; width: 100%;}
.bottom ol li{ text-align: center; line-height: 34px; font-size: 13px; color: #000; background: #e1e1e1; border: 1px solid #b4b4b4; }
.bottom ol li + li{ border-top: 0;}
.bottom ol a{ display: block;}
.bottom ol li:hover{ background: #fa3c3c; color: #fff;}

.sbanner{ color: #fff; padding: 170px 0; background: url("../images/banner-about.jpg") no-repeat center/cover;}
.sbanner h2{ margin-bottom: 20px; font-size: 48px; }
.sbanner p{ font-size: 18px;}
.sbanner2{ padding: 120px 0 230px;}
.sbanner2 h2{ position: relative; display: inline-block; padding-bottom: 24px; margin-bottom: 40px; }
.sbanner2 h2::before{ position: absolute; left: 0; bottom: 0; content: ''; width: 80%; border-top: 7px solid #c40101;}

.crumbs{ color: #333; line-height: 40px;}
.daohang + .crumbs{ background: #f0f0f0;}
.sbanner2 + .crumbs{ margin-top: -110px; color: #fff;}

p + .table,p + .table-responsive,.table + p,.table-responsive + p{ margin-top: 10px; }
.table{ max-width: 1000px; width: 100%; margin: 0 auto; color: #282828; background: #fff;}
.table table{ width: 100%;}
.table th,.table td{ padding: 7px 10px!important; font-size: 14px; text-align: center; font-weight: 400; border: 1px solid #ccc; vertical-align: middle!important;}
.table thead tr,.table th,.table tr:hover{ background: #d32e26; color: #fff;}

.swt19{ position: fixed; right: 0; top: 50%; margin-top: -124px; width: 60px; z-index: 999; }
.swt19 a{ display: block; position: absolute; top: 0; width: 180px; padding: 0; text-decoration: none; color: #000; font-size: 20px; text-align: center; padding: 0 20px 0 80px; line-height: 60px; height: 60px; overflow: hidden; background: #fff url("../../scx/images/swt19.png") no-repeat 0 0; }
.swt19 .swt19-kefu{ top: 62px; background-position: 0 -62px; }
.swt19 .swt19-tel{ top: 124px; /*right: -200px;*/ width: 250px; background-position: 0 -124px; }
.swt19 .swt19-baojia{ top: 186px; background-position: 0 -186px; }
.swt19 .swt19-weixin{ top: 248px; width: 210px; height: 150px; background-color: transparent; background-position: 0 -248px;  }
.swt19-weixin img{ position: absolute; left: 60px; }
.swt19 a:hover{ right: 0!important; }

/*gotop*/
.gotop.icon-top{ display: none; position: fixed; right: 10px; bottom: 80px; width: 50px; font-size: 26px; text-align: center; line-height: 50px; background: #888; color: #fff;  z-index: 9999;}
.gotop.icon-top:hover{ background: #c40000; cursor: pointer; }


@media screen and (min-width: 992px){

}

@media screen and (max-width: 1249px){
    .box1{ padding: 50px 0;}
    .box2{ padding-top: 50px;}
    .box3{ padding-bottom: 50px;}

    .sbanner{ padding: 140px 0; }
    .sbanner h2{ font-size: 40px; }
    .sbanner2{ padding: 90px 0 170px;}

    .daohang li{ margin-left: 15px;}

    .base-form ul{ margin: 0 -8px;}
    .base-form li{ padding: 0 8px;}
    .base-form .LV_validation_message{ left: 8px; }

    .footer-top dl + dl{ margin-left: 50px;}
    .footer-links .f-list4{ margin-left: 60px;}
}

@media screen and (max-width: 991px){
    .box1{ padding: 40px 0;}
    .box2{ padding-top: 40px;}
    .box3{ padding-bottom: 40px;}

    .liubai{ height: 55px;}

    .sbanner{ padding: 110px 0; }
    .sbanner h2{ font-size: 34px; }
    .sbanner2{ padding: 70px 0 140px;}
    .sbanner2 h2{ margin-bottom: 30px;}
    .sbanner2 h2::before{ border-top-width: 5px;}

    .logo a{ width: 151px; height: 72px; background: url("../images/logo2.png") no-repeat center/contain; margin-top: 0;}
    .daohang ul{ padding-top: 0; }
    .daohang li{ margin-left: 5px; line-height: 72px;}
    .daohang li a{ font-size: 17px;}

    .base-form{ padding: 40px 0 24px;}
    .base-form li{ width: 50%; margin-bottom: 16px;}
    .base-form li:last-child{ width: 100%;}
    .base-form .submit{ display: block; width: 140px; margin: 0 auto;}

}

@media screen and (max-width: 767px){
    .box1{ padding: 30px 0;}
    .box2{ padding-top: 30px;}
    .box3{ padding-bottom: 30px;}

    .sbanner{ padding: 18vw 0; }
    .sbanner h2{ margin-bottom: 5vw; font-size: 26px; }
    .sbanner p{ font-size: 14px; line-height: 20px;}
    .sbanner2{ padding: 13vw 0 15vw;}
    .sbanner2 h2{ margin-bottom: 4vw; padding-bottom: 18px;}
    .sbanner2 h2::before{ border-top-width: 3px;}

    .daohang{ padding: 12px 0;}
    .logo a{ width: 120px; height: 34px; }
    .dh-tel{ position: relative; padding-left: 30px; margin-top: 2px; font-size: 13px;}
    .dh-tel i{ position: absolute; font-size: 26px; left: 0; top: 50%; margin-top: -13px; color: #e60012;}
    .dh-tel b{ display: block; margin-top: 5px; font-size: 16px; color: #e60012;}

    .base-form{ padding: 30px 0 14px;}
    .base-form .input{ height: 46px; line-height: 44px; font-size: 14px;}

    .table th,.table td{ font-size: 12px; padding: 5px 3px!important; }
}

@media screen and (max-width: 500px){
    .sbanner2{ padding-bottom: 20vw;}
}