@charset "utf-8";

html,body {margin: auto 0; font-size: 16px; line-height: 36px; font-weight: 300;}
* {margin: 0; padding: 0; list-style-type: none;}

h1,h2,h3,h4,h5{font-weight:normal;}

img {border: none;}
form {margin: 0 auto; border: none;}

.lrame-wrap {float: left; width: 100%;}
.lrame-box {width: 100%; margin: auto;}
.lrame-content {float: left; width: 90%; margin: 0px 5% 0px 5%;}

.lrame-top20{margin-top: 20px;}
.lrame-top25{margin-top: 25px;}
.lrame-top30{margin-top: 30px;}
.lrame-top35{margin-top: 35px;}
.lrame-top40{margin-top: 40px;}
.lrame-top45{margin-top: 45px;}
.lrame-top50{margin-top: 50px;}

.lrame-bottom20{margin-bottom: 20px;}
.lrame-bottom25{margin-bottom: 25px;}
.lrame-bottom30{margin-bottom: 30px;}
.lrame-bottom35{margin-bottom: 35px;}
.lrame-bottom40{margin-bottom: 40px;}
.lrame-bottom45{margin-bottom: 45px;}
.lrame-bottom50{margin-bottom: 50px;}

/* 模块上下之间距离 */
.lrame-up-spacing{float: left; width: 100%; height: 40px; font-size: 0px;}

.explain-no-content{float: left; width: 100%; height: 360px;}

.paging{float: left; width: 100%; height: 88px; margin: 10px 0px 0px 0px; background: #e2e2e2; display: flex; justify-content:center; align-items: center;}
.paging .box{}
.paging .box .button{float:left; width: 50px; height: 42px;}
.paging .box .button .btn{margin: 0px 5px 0px 5px; width: 40px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #c9c9c9; color: #000; font-size: 18px; font-family: font-family: Arial, Helvetica, sans-serif; cursor: pointer;}
.paging .box .button .btn:hover{background: #c9050f; border: 1px solid #c9050f; color: #fff;}
.paging .box .button .btn2{margin: 0px 5px 0px 5px; width: 40px; height: 40px; line-height: 40px; background: #c9050f; border: 1px solid #c9050f; color: #fff; font-size: 18px; font-family: Arial, Helvetica, sans-serif; cursor: pointer;}
.paging .box .button .btn3{margin: 0px 5px 0px 5px; width: 40px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #c9c9c9; color: #ddd; font-size: 18px; font-family: font-family: Arial, Helvetica, sans-serif; cursor: pointer;}
.paging .box .select{float:left; height: 42px;}
.paging .box .select .btn {margin: 0px 5px 0px 5px; padding: 0px 10px 0px 10px; height: 40px; text-align: left; font-size: 16px; color: #c9050f; background-color: #fff; border: 1px solid #c9c9c9;}


.foot{float: left; width: 100%; background-color: #035b5c; padding: 25px 0px 30px 0px;}
.foot .box{float: left; width: 100%; margin: 0px 0px 0px 0px;}
.foot .line{float: left; width: 94%; height: 1px; margin: 26px 3% 25px 3%; font-size: 0px; background: linear-gradient(to right, #035b5c, #ddd, #ddd, #ddd, #035b5c);}

.foot .box .menu{float: left; width: 100%;}
.foot .box .menu .list{float: left; width: 33.3333%; padding: 0px 0px 0px 0px; line-height: 34px; text-align: center; font-size: 13px; }
.foot .box .menu .list a{color: #ddd; text-decoration: none; transition: all ease 0.5s;}
.foot .box .menu .list a:hover{color: #fff;}

.foot .box .contact .list{float: left; width: 100%; margin: 9px 0px 9px 0px; text-align: center; line-height: 16px; color: #ddd; font-size: 13px;}
.foot .box .contact .list img{width: 16px; height: 16px; margin-right: 14px; vertical-align: bottom; filter: brightness(0) invert(0.8);}
.foot .box .contact .list a{color: #ddd; text-decoration: none; transition: all ease 0.5s;}
.foot .box .contact .list a:hover{color: #fff;}

.foot .box .company{float: left; width: 100%; text-align: center; line-height: 34px; color: #ddd; font-size: 13px;}
.foot .box .company a{color: #ddd; text-decoration: none; transition: all ease 0.5s;}
.foot .box .company a:hover{color: #fff;}

.foot .box .network{float: left; width: 100%; text-align: center; line-height: 34px; color: #ddd; font-size: 13px;}
.foot .box .network a{color: #ddd; text-decoration: none; transition: all ease 0.5s;}
.foot .box .network a:hover{color: #fff;}


/* 右侧悬层图标 */
.lrame_float{position: fixed; z-index: 19999; right: 6px; height: 150px; bottom: 40px;}
.lrame_float .box{float: right; width: 28px;}
.lrame_float .box .btn-top, .lrame_float .box .btn-back{float: left; width: 28px; height: 28px; background-color: #c9050f; border-radius: 50%; margin: 7px 0px 7px 0px; display: flex; justify-content:center; align-items: center; box-shadow: 0px 0px 3px rgb(0, 0, 0, 1.0);}
.lrame_float .box .btn-top img{width: 18px; height: 18px; display: block;}
.lrame_float .box .btn-back img{width: 22px; height: 18px; display: block;}