.layui-container { min-width: 1080px; padding: 0; overflow: hidden;}
.layui-bg-white{ background-color: #fff;}
@media screen and (min-width:1080px){
    .layui-container {
        width: 1080px;
    }
}
/* 首页网站头部 */
body{background-color: #f8f8f8; min-width: 1080px; width: 1080px;max-width: 1080px; margin:0 auto;font:24px '苹方', Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; margin: 0 auto;}
body>div{ width: 100%;}
p{max-height:100%}

.fixnav{ position: fixed;z-index: 99; background-color: #012c23; height: 100%; display: none;}
.fixnav .logo{ text-align: center; padding: 40px 0;}
.fixnav a{ display: block; width: 100%; height: 300px;  color: #fff; font-size: 48px; text-align: center; box-sizing: border-box; padding: 80px 0; border-bottom:1px solid #fff ;}
.fixnav a span{    text-transform: uppercase; font-size: 30px;}
.fixnav a.layui-this{ background-color: #77513d; color: #fff;}
.fixnav .close{ width: 400px; height: 150px; border: 1px solid #fff; margin: 100px auto; color: #fff; text-align: center; line-height: 150px; font-size: 48px; border-radius: 20px;}

.top{ height: 150px; background-color: #012c23;}
.top .logo{ margin: 45px 30px; width: 180px; height: 65px; float: left;}
.top .menu{ width: 150px; height: 150px; float: right;}

.banner{ height: 540px;}

.about{ height: 690px; background-color: #fff; box-sizing: border-box; padding: 60px;}
.about .layui-col-xs7{ text-align: center; box-sizing: border-box; padding-top: 60px;}
.about .layui-col-xs7 p{ font-size: 48px; font-weight: bold; color: #012c25; position: relative; padding-bottom: 5px;}
.about .layui-col-xs7 p:after{ content: ""; display: inline-block; width:70px; height: 130px; box-sizing: border-box; border: 1px solid #dcdddd; position: absolute; left: 50%; margin-left: -35px; top: -17px;}
.about .layui-col-xs7 span{text-transform: uppercase;font-size: 18px;transform:scale(0.8);display: block;letter-spacing:2px;pad;padding-bottom: 55px;}
.about .layui-col-xs7 font{ line-height:53px; text-decoration:underline;font-weight: 600; font-size: 30px;  }
.about .layui-col-xs7 center{font-size: 24px;line-height:40px;opacity: 0.7;padding: 0 20px;padding-top: 40px;display: inline-block;}
.about .layui-col-xs5 img{  padding-top: 40px;}
.about .layui-col-xs7>div{font-size: 18px;font-weight: bold;color: #144339;text-transform: uppercase;padding: 30px 0;letter-spacing: 3px;}

.store{ height: 870px;background-color: #f5f5f5; text-align: center; box-sizing:border-box; padding-top: 80px;}
.store p{ font-size: 48px; font-weight: bold; color: #012c25; position: relative; padding-bottom: 5px;}
.store p:after{ content: ""; display: inline-block; width:70px; height: 130px; box-sizing: border-box; border: 1px solid #dcdddd; position: absolute; left: 50%; margin-left: -35px; top: -17px;}
.store span{text-transform: uppercase; font-size: 18px; transform:scale(0.8); display: block;letter-spacing:2px;padding-bottom: 45px;}
.store .storebox{ background: #f5f5f5!important; padding: 20px 0;}
.store .layui-carousel>[carousel-item]>*{ background-color: #f5f5f5;}
.storebox{ margin: 0 50px;}
.store .layui-carousel-arrow{ background: none; color: #000; font-size: 60px; width: 60px; height: 60px; margin-top: -50px; left: 0; opacity: 1;}
.store .layui-carousel:hover .layui-carousel-arrow{left: 0;}
.store .layui-carousel-arrow[lay-type=add]{right: 0!important;}
.store button{ display: none;}

.newtitle{ box-sizing: border-box; padding: 50px; background-color: #fff; overflow: hidden;}
.newtitle span{ font-size: 23px; color: #0d4238;text-transform: uppercase; letter-spacing: 2px;  }
.newtitle p{ font-size: 50px ; color: #0d4238; line-height: 70px;}
.newtitle font{ font-size: 28px ; color: #0d4238;}
.newtitle ul{ display: block; padding-top: 40px;}
.newtitle li{ font-size: 24px ; color: #0d4238; display: inline-block; width: 50%; float: left; line-height: 40px; margin: 10px 0;}
.newtitle li::before{ display: inline-block; width: 26px; height: 26px; background-color: #000; color: #fff; border-radius: 50%; content: "\e605";    font-family: layui-icon!important; line-height: 26px;font-size: 24px; margin-right: 30px;}

.index_img{background-color: #fff; box-sizing: border-box; padding: 30px; text-align: center;}
.index_img p{ font-size: 24px; font-weight: bold; color: #0d4238; line-height: 50px; padding-top: 10px;}

.foot{ background-color: #fff; padding: 40px; box-sizing: border-box;padding-bottom: 190px;}
.foot p{ font-size: 32px; line-height: 48px; text-align: center;}

.fixbtn{ height: 150px; background-color: #012c23; position: fixed; bottom: 0;}
.fixbtn a{ font-size: 48px; color: #fff; display: block; width: 33.33%; float: left; text-align: center;height: 100px; line-height: 100px; margin: 25px 0; border-right: 2px solid #34564f; box-sizing: border-box;}












/*  */

.address{ height: 140px; padding: 60px 33px; background-color: #fff; }
.icon-house:before{font-size:34px; }
.address p{font-size:34px; display: inline-block;}
.address a{font-size: 34px;}
.address a::after{ content: ">"; padding: 0 10px;}
.address a:last-child:after,.address a:first-child:after{ display: none;}
.address a.right{ float: right; display: inline-block; background-color: #ccc; padding: 10px 20px; color: #fff; border-radius:10px; position: relative;top: -20px;}

.joingun{ background-color: #fff; padding:60px 0;}
.joingun>div{ width: 1015px;height: 605px; background: url(../images/joinbg1.jpg) #fff no-repeat center; margin:0 auto; box-sizing: border-box; padding: 30px;}
.joingun img{ width: 100%; height: 100%;boject-fit:cover;box-sizing:border-box}

.img { background-color: #fff;}
.img img{ display: block; margin: 10px auto 40px;}
.img p{ text-align: center; font-size: 44px; font-weight: bold; position: relative; top: -30px;}

.joinbox{ background-color: #dcdddd; height: 1350px; position: relative; box-sizing: border-box; padding:70px 0 0 0 ;}
.joinbox li{ display: inline-block; width: 440px; height: 230px; margin-left: 640px;}
.joinbox li p{ font-size: 36px; color: #012c23; font-weight: bold;}
.joinbox li span{font-size: 30px; }
.joinbox img{ position: absolute;}
.joinbox img:first-child{top: 125px; left: 35px;}
.joinbox img:nth-child(2){bottom: 0; left: 450px;}
.joinbox li:nth-child(n+4){ margin-left: 35px; margin-right: 100px;}
.joinbox li:nth-child(4){ position: absolute; top: 580px;}

.join_li{ overflow: hidden; box-sizing: border-box; padding: 50px; background-color: #fff; }
.join_li .layui-container{padding: 120px; overflow: hidden;}
.join_li dd{ width: 240px; height: 400px; float: left;  text-align: center;font-size: 12px;}
.join_li dd p{  color: #002c24; font-weight:bold; padding: 20px 0 0; font-size: 24px; line-height: 40px; padding-bottom: 20px;}
.join_li dd img{ border-radius: 50%;}
.join_li dd span{ font-size: 24px; display: block; padding: 0 20px;}



.newlist{ background-color: #fff; overflow: hidden;}
.newlist li{ width: 100%; height: 290px; float: left; background-color: #cccccc; box-sizing: border-box; padding: 10px 35px 0 320px; position: relative; margin-bottom: 40px;}
.newlist li:nth-child(4n){ margin-right: 0;}
.newlist li img{ position: absolute; left: 35px; top:35px; width: 255px; height: 220px;}
.newlist li a:nth-child(2){ font-size: 35px; color: #144339;  line-height: 50px; overflow : hidden;text-overflow: ellipsis;height: 50px; padding-top: 30px; display: block;}
.newlist li p{font-size:35px;line-height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 96px;padding-top:10px;margin-bottom: 30px;color:#595757;}
.newlist li a.more{ float:right; font-size: 24px; color: #144339;}
.newlist li a:hover{ color: #144339;}
.newlist li .layui-icon{font-size: 24px; color: #144339;}
.newlist li .layui-icon::before{font-size:30px; padding-right: 10px;}
.page{ background-color: #fff; padding: 20px 0 40px; text-align: center;}
.page  *{ color:#144339; display: inline-block; padding: 0 10px; font-size: 36px;}


.newdetail{ background-color: #fff; padding-bottom: 60px;}
.detail_title{  box-sizing: border-box; padding: 20px 0 40px; text-align: center; position: relative;}
.detail_title p{ font-size: 36px; font-weight: bold; line-height: 70px; color: #012c23;}
.detail_title span{ font-size: 30px;}
.detail_title:after{ content: '';  border-bottom: 1px dashed #0e372e; width: 1000px;height: 1px; position: absolute; bottom: 0; left: 50%; margin-left: -500px;}

.detail_box{ box-sizing: border-box; padding:35px; font-size:30px; line-height: 50px; position: relative;}
.detail_box:after{ content: '';  border-bottom: 1px dashed #0e372e; width: 1000px;height: 1px; position: absolute; bottom: 0; left: 50%; margin-left: -500px;}

.detail_box img{ display: block; margin: 20px auto;}
.about_list{ padding:40px 35px 60px ; box-sizing: border-box;}
.about_list font{ font-size: 36px; line-height: 40px; height: 40px; display: inline-block; border-left: 5px solid #012c23; padding-left: 10px; margin-bottom: 20px; color: #012c23;}
.about_list li,.about_list li a{  font-size: 30px; line-height: 80px; color: #012c23;}
.newpage{  padding: 40px 35px; overflow: hidden; position: relative; box-sizing: border-box;}
.newpage font{ font-size: 36px; line-height: 40px; height: 40px; display: inline-block; border-left: 5px solid #012c23; padding-left: 10px; margin-bottom: 20px; color: #012c23;}
.newpage li{ display: block; width:50%; height: 70px; line-height: 70px; float: left;font-size: 30px;}
.newpage li a{ display: inline-block; width: 470px; color: #012c23;}
.newpage li a::before{ content: ""; display: inline-block; width: 10px; height: 10px;background-color: #000; background-color: #012c23; position: relative; top: -5px; margin-right: 5px; margin-left: 5px;}
.newpage img{ position: absolute; right: 20px; top:35px;}



.contact{ height: 1160px; background: #e5e5e5; overflow: hidden;}
.c_title{ margin-top: 110px; text-align: center;}
.c_title p{ font-size:48px; color: #595757;}
.c_title strong{font-size: 48px; color: #012c23; font-weight: bold;}
.c_box{ width: 910px; float: left; margin: 110px 85px 0;}
.c_box *{ display: block; width: 100%; font-size:30px;}
.c_box input{background: none;border: 1px solid #012c23;height: 100px;color: #000000;box-sizing: border-box;padding: 0 20px 0 90px;margin-bottom: 35px;position: relative;}
.c_box textarea{background: none;border: 1px solid #012c23;height: 230px;color: #000000;box-sizing: border-box;padding:20px 20px 20px 90px;margin-bottom: 35px;}
.c_box button{ background: #012c23; border: 1px solid #012c23; height: 100px; color: #fff; box-sizing: border-box; padding: 0 20px; margin-bottom: 35px; position: relative;}

.c_box form input:nth-child(1){background: url(../images/icon1.png) no-repeat 8px 12px;}
.c_box form input:nth-child(2){ background: url(../images/icon2.png) no-repeat 8px 12px;}
.c_box form input:nth-child(3){ background: url(../images/icon3.png) no-repeat 8px 12px;}
.c_box form textarea{ background: url(../images/icon4.png) no-repeat 8px 12px;}
.c_box form button::after{ content: url(../images/icon5.png);  position: absolute; top: 15px;}