*,div{margin:0;padding:0;}
ul,li{list-style:none;}
a{text-decoration:none;}
.clear{clear:both;}
/*nav*/

.head{width:100%;margin-top:20px;position:absolute;z-index:999;}
.head .top{width:77%;height:105px;background:#00ae4d;margin:0 auto;}
.top .logo{width:17%;height:100%;float:left;background:#e3dfdf;}
.logo span{text-align:center;line-height:105px;display:block;font-size:16px;}
.nav ul{height:105px;display: flex;justify-content: center;align-items: center;float:left;margin-left:50px}
.nav li{float:left;display: inline-block;}
.nav li a{color:#fff;padding:0 50px;text-decoration: none;font-size:1.2rem;}
.top .contact{width:15%;height:105px;float:right;background:url('../img/dh.png') no-repeat;background-position:0% 25%;background-size:30px;}
.top .contact span{color:#fff;position:relative;top:20%;left:35px;font-size:18px;}
.top .contact p{color:#fff;position:relative;top:25%;left:5px;font-size:25px;}


.banner {
    /*display: inline-block;*/
    width: 100%;
    height: 100vh;
    position: relative;
    text-align: inherit;
}

.swiper-container {
    width: 100%;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{height:100vh;width:100%;object-fit:cover;}   
    
    
.message{width:100%;height:105px;background:#eee;}
.message .m_left{width:25%;background:#00ae4d;height:100%;float:left;}
.m_left .r_zm{color:#a2d8b4;font-size:65px;line-height:105px;font-weight:600;margin-left:40%;}
.m_left .r_hz{color:#fff;font-size:30px;font-weight:600;position:relative;top:-20px;}
.m_left .r_xz{color:#a2d8b4;font-size:16px;float:left;position:relative;top:-40px;left:240px;}
.m_cen{width:50%;float:left;text-align:center;}
.m_cen span{font-size:26px;line-height:105px;}
.m_mes{width:20%;height:100%;float:right;}
.m_mes .mes{width:170px;height:32px;border:1px solid #141414;margin-top:27.5px;padding:8px 20px;font-size:22px;background:url('../img/search.png') no-repeat;background-position:130px 0;}
    
    
.product{width:100%;height:967px;background:#3853a2;}
.product .pro_bg{width:100%;height:100%;background:url('../img/pro_bg_n.jpg') no-repeat;background-size:cover;-moz-background-size:100% 100%;}
.product .pro_left{width:27.5%;height:100%;float:left;}
.pro_left .left_bg{height:967px;}
.pro_left .lf_tit{width:412px;height:140px;float:right;color:#fff;margin-top:120px;}
.pro_left .tit_b{font-size:30px;font-weight:600;letter-spacing:4px;}
.pro_left .tit_s{font-size:40px;font-weight:400;opacity:0.3}
.pro_left .pro_nav{width:412px;float:right;height:auto;}
/*.pro_nav ul li{width:100%;height:140px;background:linear-gradient(to bottom, #31f788, #01a047);text-align:center;}*/
.pro_nav ul li{width:100%;height:140px;text-align:center;background:linear-gradient(to bottom, #ffffff, #b7b5b5);color: #00ae4d;}
.pro_nav ul li span{display:block;width:55px;height:55px;position:relative;left:55px;top:45px;}
.pro_nav ul li span em{position:absolute;width:100%;height:100%;/*display:none;*/}
.pro_nav ul li span em img{width:100%;height:100%;}
.pro_nav ul li span i{position:absolute;width:100%;height:100%;}
.pro_nav ul li span i img{width:100%;height:100%;}
.pro_nav ul li b{font-size: 30px;}
.pro_nav ul .cur{background:linear-gradient(to bottom, #31f788, #01a047);color:#fff;}
.pro_nav ul .cur i{display:none;}
/*.pro_nav ul .cur i{display:none!important;}*/
.product .pro_right{width:57%;height:100%;float:left;margin-left:5%}
.pro_right .rg_top{width:100%;height:100px;position:relative;margin-top:60px;}
.pro_right .rg_top span{color:#fff;}
.pro_right .rg_top .top_tit{font-size:24px;letter-spacing:3px;font-weight:600;display:block;position:absolute;top:15px;}
.pro_right .rg_top .top_con{font-size:18px;display:block;position:absolute;top:55px;letter-spacing:2px;}
.pro_right .rg_top .more{background:url('../img/pro_you.png') no-repeat;background-position:100px 18px;display:block;width:130px;height:50px;background-color:#00ae4d;position:absolute;right:60px;top:-20px;border-radius:0 18px 0 18px;font-size:15px;line-height:50px;padding-left:30px;}
.pro_right ul li{float:left;width:28%;height:230px;margin-right:8%;margin-top:30px;background-color:#000;font-size:0px;}
.pro_right ul li:nth-child(3n+1){margin-right:0;}
.pro_right ul li img{width:100%;height:200px;object-fit:cover;}
.pro_right ul li span{display:block;width:100%;height:30px;background-color:#00ae4d;font-size:16px;color:#fff;text-align:center;line-height:30px;}


.about{width:100%;height:1015px;background:#f5f5f5;}
.about .ab_left{width:10%;height:100%;background:#3853a2;float:left;}
.ab_left .ab_logo{width:100%;height:210px;background:#00ae4d;text-align:center;line-height:210px;}
.ab_left span{display:block;color:#fff;writing-mode: vertical-rl;font-size:40px;letter-spacing:5px;font-style:italic;margin:100px auto;font-weight:600;}
.about .ab_right{width:90%;height:100%;float:left;position:relative;}
.ab_right .guanyu{width:640px;height:150px;position: relative;left:142px;top:100px;}
.ab_right .guanyu .ab_s{color:#838080;font-size:46px;font-weight:600;letter-spacing:2px;opacity:0.1;position:absolute;}
.ab_right .guanyu .ab_h{color:#000;position:absolute;font-size:40px;font-weight:800;top:30px;z-index:100;}
.ab_right .guanyu .ab_lv{width:108px;height:16px;background:#00ae4d;position:absolute;top:70px;z-index:10;}
.ab_right .guanyu .ab_jj{color:#b4b4b4;position:absolute;font-size:18px;top:55px;left:220px;}
.ab_right .int{width:1012px;height:420px;position:absolute;background:#fff;left:142px;top:250px;z-index:100;}
.ab_right .int_re{position:relative;width:100%;height:100%;}
.int .int_yh{display:block;background:url('../img/yinhao.jpg') no-repeat;width:70px;height:70px;position:absolute;top:30px;left:40px;}
.int .int_gs{font-size:24px;position:absolute;font-weight:800;top:57px;left:100px;}
.int .int_bd{display:block;position:absolute;padding:35px 55px;top:90px;}
.int .int_bd p{color:#797979;line-height:30px;text-indent:32px;letter-spacing:1px;}
.int .int_ys{width:75px;height:40px;position:absolute;background:#00ae4d;left:70px;top:350px;border-radius:0 20px 0 20px;text-align:center;cursor:pointer;}
.int .int_ys img{width:40px;}
.int .int_hx{width:75px;height:2px;position:absolute;background:#b9b9b9;left:170px;top:370px;}
.int .int_mo{position:absolute;left:260px;top:355px;font-size:25px;}
.ab_right .bimg{width:50%;height:610px;position:absolute;z-index:0;right:0px;top:60px}
.ab_right .bimg img{width:100%;height:100%;object-fit:cover;}
.ab_right .shiming{position:absolute;top:750px;width:84%;height:auto;padding:0 8%;}
.shiming li{width:24%;height:100%;float:left;position:relative;text-align:center;cursor:pointer;}
.shiming li span{display:block;}
.shiming li .tit{font-size:20px;font-weight:600;margin-top:20px;}
.shiming li .con{margin-top:20px;}


.hangye{width:100%;height:579px;background:url('../img/fangan_bg.jpg') no-repeat;}
.hangye .top{width:1203px;height:100px;margin:0 auto;position:relative;padding-top:80px;}
.top .ab_s{color:#838080;font-size:46px;font-weight:600;letter-spacing:2px;opacity:0.3;position:absolute;}
.top .ab_h{color:#fff;position:absolute;font-size:40px;font-weight:800;top:115px;z-index:100;}
.top .ab_lv{width:108px;height:16px;background:#00ae4d;position:absolute;top:153px;z-index:10;}
.top .ab_jj{color:#d3d3d3;position:absolute;font-size:14px;top:145px;left:260px;}
.top .int_ys{width:65px;height:35px;position:absolute;background:#00ae4d;right:120px;top:130px;border-radius:0 15px 0 15px;text-align:center;}
.top .int_ys img{width:30px;margin-top:5px;}
.top .int_hx{width:45px;height:2px;position:absolute;background:#b9b9b9;right: 65px;top: 150px;}
.top .int_mo{position:absolute;right:0px;top:136px;font-size:20px;color:#fff;}
.hangye .main{width:1203px;height:195px;background:#e7ecf0;border-radius:0 30px 0 30px;margin:100px auto 0;}
.hangye .main li{width:300px;height:195px;border-right:1px solid #515151;float:left;cursor:pointer;}
.hangye .main li:nth-child(4){border-right:none;}
.hangye .main li span{display: block;text-align: center;margin-top: 110px;font-size: 26px;}
.main .shiyou{background:url('../img/fa1.png') no-repeat;background-position:center 40px;color:#000;}
.main .meiji{background:url('../img/fa3.png') no-repeat;background-position:center 40px;color:#000;}
.main .jingxi{background:url('../img/fa5.png') no-repeat;background-position:center 40px;color:#000;}
.main .zhiyao{background:url('../img/fa7.png') no-repeat;background-position:center 40px;color:#000;}
.main .shiyou:hover{background:url('../img/fa2.png') no-repeat;background-color:#00ae4d;background-position:center 40px;color:#fff;border-radius:0 0 0 30px;}
.main .meiji:hover{background:url('../img/fa4.png') no-repeat;background-color:#00ae4d;background-position:center 40px;color:#fff;}
.main .jingxi:hover{background:url('../img/fa6.png') no-repeat;background-color:#00ae4d;background-position:center 40px;color:#fff;}
.main .zhiyao:hover{background:url('../img/fa8.png') no-repeat;background-color:#00ae4d;background-position:center 40px;color:#fff;border-radius:0 30px 0 0;}


.news{width:auto;height:890px;background:url('../img/ns_bg.jpg') no-repeat;overflow:hidden;}
.news .ns_left{width:28.5%;height:100%;float:left;position:relative;}
.ns_left .tit{position:absolute;top:75px;left:120px;}
.ns_left .tit span{display:block}
.ns_left .tit .zw{font-size:35px;color:#000;font-weight:600;letter-spacing:2px;}
.ns_left .tit .ew{font-size:45px;color:#aaa;}
.ns_left .tit .heng{width:55px;height:2px;background:#00ae4d;margin-top:50px;}
.ns_left .tit .slg{font-size:20px;color:#000;font-weight:600;letter-spacing:2px;margin-top:30px;}
.ns_left .qieh{width:150px;height:45px;position:absolute;left:120px;top:550px;color:#000;}
.qieh .arrow{position: absolute;right: 10px;top: 0;width:100%}
.qieh .on{display:block;}
.qieh .next{background:url('../img/xyou.png') no-repeat;height:45px;width:30px;float:right;background-size: 25px;background-position: -10px;}
.qieh .prev{background:url('../img/xzuo.png') no-repeat;height:45px;width:30px;float:left;background-size: 25px;background-position: -0px;}
.qieh ul{position:absolute;left:30px;}
.qieh ul li{font-size:30px;font-weight:500;display:none;}
.qieh .xie{position: absolute;color: #6a6a6a;left: 70px;top: 13px;font-size: 16px;}
.qieh .tol{position: absolute;color: #6a6a6a;left: 80px;top: 15px;font-size: 16px;}
.ns_left .all{background:url('../img/pro_you.png') no-repeat;background-position:100px 18px;display:block;width:130px;height:50px;background-color:#00ae4d;position:absolute;left:100px;top:650px;border-radius:0 18px 0 18px;font-size:15px;line-height:50px;padding-left:30px;color:#fff;}
.news .ns_right{width:71.5%;height:100%;float:left;padding-top:45px!important;overflow:hidden;}
.ns_right .list{width:31%;height:650px;float:left;position:relative;border-right:1px solid #eee;cursor:pointer;}
.ns_right .list:nth-child(5){float:right!important;}
/*.list .pdd{}*/
.list .riqi{position:absolute;top:40px;margin-left:10%;}
.list .riqi .ri{font-size:40px;font-weight:600;}
.list .riqi .nian{color:#8a8a8a;}
.list .tit{width:80%;height:30px;position:absolute;top:150px;overflow:hidden;font-size:20px;line-height:30px;text-overflow:ellipsis;white-space: nowrap;margin-left:10%;}
.list .cont{width:80%;height:50px;position:absolute;top:210px;font-size:15px;color:#8a8a8a;line-height:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;margin-left:10%;}
.list .img{width:80%;height:190px;position:absolute;top:310px;margin-left:10%;}
.list .img img{width:100%;height:100%;object-fit:cover;}
.list .b_you{width:100px;height:100px;position:absolute;top:550px;background:url('../img/ns_y2.png') no-repeat;margin-left:10%;}
.ns_right .cur{border-bottom:2px solid #007fff;}
.ns_right .cur .b_you{background:url('../img/ns_y1.png') no-repeat;}


footer{width:100%;height:425px;background:url('../img/bot_top.png') no-repeat;position:relative;float:left;}
.bottom{width:100%;height:406px;background:#3853a2;position:absolute;top:19px;}
.bottom .bt_top{width:92%;height:95px;margin-left:4%;margin-top:20px;border-bottom:2px solid #a8b4d9;color:#fff;font-size:30px;font-weight:600;}
.bt_top .tp_left{float:left;border-right:2px solid #a8b4d9;height:45px;width:36.6%;padding-right:2%;text-align:right;}
.bt_top .tp_right{float:left;height:45px;padding-left:2%;}
.bottom .bt_bot{position:relative;width:100%;}
.bt_bot .bot_left{width:26%;height:100%;position:absolute;left:150px;}
.posi{position:relative;top:50px;}
.bot_left .phone{display:block;height:50px;color:#fff;font-size:30px;position:absolute;left:55px;top:5px;}
.posi img{width:45px;height:45px;position:absolute;float:left;display:block;}
.posi .add{font-size:23px;color:#fff;position:absolute;top:90px;}
.bt_bot .bot_cen{width:39.5%;height:auto;position:absolute;left:35%;top:20px;}
.bot_cen .kj{font-size:25px;color:#fff;font-weight:500;}
.bot_cen .list li{float:left;padding:40px 30px;cursor:pointer;}
.bot_cen .list li a{color:#fff;}
.bt_bot .bot_rig{position:absolute;right:150px;top:50px;}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }





/*1700*/
@media screen and (max-width: 1700px) {
    .top .contact{display:none}
}
    
    
    
    
    
@media screen and (max-width: 1400px) {
    .top .logo{display:none}
    .m_left .r_zm{margin-left:0;}
    .m_left .r_xz{top: 70px;left: 150px;}
    .m_cen span{font-size:1rem;}
}