@charset "utf-8";

html,body {margin: auto 0; font-size: 15px; line-height: 30px; font-weight: normal;}
* {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;}
.img-w {width: 100%;}
.td-block{display: block;}
.td-none{display: none;}

.lrame-wrap {float: left; width: 100%;}
.lrame-box {width: 100%; max-width: 1920px; margin: auto;}
.lrame-index{float: left; width: 90%; margin: 0px 5% 0px 5%;}
.lrame-content {float: left; width: calc(100% - 300px); margin: 0px 150px 0px 150px;}

.lrame_float{position: fixed; z-index: 19999; right: 8px; height: 84px; bottom: 20px;}
.lrame_float .box{float: right; width: 28px;}
.lrame_float .box .btn{float: left; width: 28px; height: 32px; line-height: 31px; border-radius: 14px; text-align: center; background-color: #ff0000; font-size: 16px; font-weight: bold; color: #fff; cursor: pointer; box-shadow: 0px 0px 5px rgb(0, 0, 0, 1.0); margin: 5px 0px 5px 0px;}

.lrame-no{float: left; width: 100%; margin: 60px 0px 60px 0px;}
.lrame-space{float: left; width: 90%; margin: 60px 5% 60px 5%;}

.pc-language{position: fixed; z-index: 9999999; right: 20px; height: 80px; top: 26px;}

.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-top55{margin-top: 55px;}
.lrame-top60{margin-top: 60px;}
.lrame-top65{margin-top: 65px;}
.lrame-top70{margin-top: 70px;}
.lrame-top75{margin-top: 75px;}
.lrame-top80{margin-top: 80px;}
.lrame-top85{margin-top: 85px;}
.lrame-top90{margin-top: 90px;}
.lrame-top95{margin-top: 95px;}

.explain-no-content{float: left; width: 100%; height: 400px;}

.paging{float: left; width: 100%; height: 88px; margin: 30px 0px 30px 0px; background: #e2e2e2; display: flex; justify-content:center; align-items: center;}
.paging .box{}
.paging .box .btn{margin: 0px 5px 0px 5px; width: 40px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #ddd; color: #000; font-size: 18px; font-family: font-family: Arial, Helvetica, sans-serif; cursor: pointer;}
.paging .box .btn:hover{background: #c9050f; border: 1px solid #c9050f; color: #fff;}
.paging .box .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 .btn3{margin: 0px 5px 0px 5px; width: 40px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #ddd; color: #ddd; font-size: 18px; font-family: font-family: Arial, Helvetica, sans-serif; cursor: pointer;}

.foot{float: left; width: 100%; background: #035b5c; padding: 50px 0px 55px 0px;}
.foot .box{width: 1600px; margin: auto;}
.foot .line{float: left; width: 100%; height: 1px; margin: 36px 0px 35px 0px; font-size: 0px; background: linear-gradient(to right, #035b5c, #035b5c, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #035b5c, #035b5c);}

.foot .box .menu{float: left; width: calc(50% - 270px);}
.foot .box .menu .list{float: left; padding: 0px 80px 0px 0px; line-height: 34px; 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 .menu .list span{display: none;}

.foot .box .code{float: left; width: 540px; display: flex; justify-content: center;}
.foot .box .code .show{float: left; margin-top: 8px;}
.foot .box .code .show .dd{float: left; width: 160px; margin: 0px 10px 0px 10px;}
.foot .box .code .show .dd .image{float: left; width: 160px; height: 160px;}
.foot .box .code .show .dd .image img{width: 100%;}
.foot .box .code .show .dd .title{float: left; width: 100%; margin-top: 5px; text-align: center; font-size: 13px; color: #ddd;}
.foot .box .contact{float: right; width: calc(50% - 270px);}
.foot .box .contact .list{float: left; width: 100%; margin: 9px 0px 9px 0px; text-align: right; 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 .contact .list2{float: left; width: 100%; margin: 8px 0px 8px 0px; text-align: right; line-height: 16px; color: #ddd; font-size: 13px;}
.foot .box .contact .list2 a{color: #ddd; text-decoration: none; transition: all ease 0.5s;}
.foot .box .contact .list2 a:hover{color: #fff;}

.foot .box .company{float: left; wdith: calc(100% - 100px); line-height: 34px; color: #ddd; font-size: 13px; text-align: left;}
.foot .box .company a{color: #ddd; text-decoration: none; transition: all ease 0.5s;}
.foot .box .company a:hover{color: #fff;}
.foot .box .company br{display: none;}

.foot .box .network{float: right; wdith: 100px; line-height: 34px; color: #ddd; font-size: 13px; text-align: right;}
.foot .box .network a{color: #ddd; text-decoration: none; transition: all ease 0.5s;}
.foot .box .network a:hover{color: #fff;}

.foot .line2{display: none;}

@media screen and (max-width: 1750px){
	html,body {font-size: 13px;}
	.lrame-content {float: left; width: calc(100% - 120px); margin: 0px 60px 0px 60px;}
	
	.foot .box{width: 1500px; margin: auto;}
	.foot .box .menu{float: left; width: calc(50% - 270px);}
	.foot .box .menu .list{float: left; padding: 0px 60px 0px 0px; line-height: 34px; font-size: 13px; }
	.foot .box .code{float: left; width: 540px; display: flex; justify-content: center;}
	.foot .box .contact{float: right; width: calc(50% - 270px);}
	
}

@media screen and (max-width: 1600px){
	.lrame-top20{margin-top: 20px;}
	.lrame-top25{margin-top: 25px;}
	.lrame-top30{margin-top: 30px;}
	.lrame-top35{margin-top: 20px;}
	.lrame-top40{margin-top: 20px;}
	.lrame-top45{margin-top: 20px;}
	.lrame-top50{margin-top: 25px;}
	.lrame-top55{margin-top: 40px;}
	.lrame-top60{margin-top: 35px;}
	.lrame-top65{margin-top: 40px;}
	.lrame-top70{margin-top: 45px;}
	.lrame-top75{margin-top: 50px;}
	.lrame-top80{margin-top: 55px;}
	.lrame-top85{margin-top: 60px;}
	.lrame-top90{margin-top: 75px;}
	.lrame-top95{margin-top: 80px;}
}

@media screen and (max-width: 1480px){
	.foot .box{width: 1200px; margin: auto;}
	.foot .box .menu{float: left; width: calc(50% - 180px);}
	.foot .box .code{float: left; width: 360px; display: flex; justify-content: center;}
	.foot .box .contact{float: right; width: calc(50% - 180px);}
	
	.foot .line{float: left; width: 100%; height: 1px; margin: 36px 0px 35px 0px; font-size: 0px; background: linear-gradient(to right, #035b5c, #035b5c, #ddd, #ddd, #ddd, #ddd,#ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #ddd, #035b5c, #035b5c);}

}