body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
.left{float: left;}
.right{float: right;}
.clear{clear: both}
body { width: 100%;  *cursor: default;
font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
.nr{min-height:640px}
img{border:0px;max-width: 100%}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main{width:94%;margin:0 auto;}
header .main{width: 92%;margin:0 auto;}

header img{display: block;}
.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
/*头部*/
header{position: relative;}
.nav{position: absolute;right:12px;top:50%;transform:translateY(-50%);}
.nav img{height:18px}
html{height: 100%;}
body.open {height: 100%;
  overflow: hidden;
}
body.open #sidebar {
   width: 70%
}
#sidebar {
    width: 0%;
    height: 100%;
    background: #006db9;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
  
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    z-index: 10;
}
#sidebar ul li {
    display: block;
    min-height: 49px;
    border-bottom: 1px solid #0167ad;
    font-size: 14px;
    width: 100%;
}
.agent-mobile #sidebar ul li {
    border-color: rgba(255, 255, 255, .05);
}
#sidebar ul li a {
    display: block;
    color: #fff;
    padding: 0 25px;
    height: 49px;
    line-height: 49px;
    /*text-align: center;*/
}

.nr {
    position: relative;
    z-index: 10;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
body.open .nr {
    transform: translate3d(70%,0,0)!important;
    -webkit-transform: translate3d(70%,0,0)!important;
   
}
#close{position: absolute;right: 10px;top:10px;}
#close img{height:15px;}

li.navitem{
    position: relative;
    top: 100px;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;
}

body.open li.navitem{
    top: 0px;
    opacity: 1;
    transition: 1s;
}
body.open li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}
body.open li.navitem:nth-child(10)  {
    transition-delay: 1.8s;
}

body.open li.navitem:nth-child(11)  {
    transition-delay: 2s;
}
body.open li.navitem:nth-child(12)  {
    transition-delay: 2.2s;
}
body.open li.navitem:nth-child(13)  {
    transition-delay: 2.4s;
}
body.open li.navitem:nth-child(14)  {
    transition-delay: 2.6s;
}
/*底部*/
.h65{height:65px;}
.foot{width: 100%;background:#006db9;height: 65px;position: fixed;bottom: 0px;left: 0;width: 100%;display: block;z-index: 100;}
.foot a{display: block;float: left;text-align: center;color: #fff;width: 25%;padding-top:38px;font-size: 14px;}
.foot a:nth-child(1){background: url('../images/home.png') no-repeat center top 10px;background-size: auto 23px;}
.foot a:nth-child(2){background: url('../images/tel.png') no-repeat center top 10px;background-size: auto 23px;}
.foot a:nth-child(3){background: url('../images/prod.png') no-repeat center top 10px;background-size: auto 23px;}
.foot a:nth-child(4){background: url('../images/us.png') no-repeat center top 10px;background-size: auto 25px;}
.beian{width: 100%;padding: 5px 10px;background:#eaeef1;font-size: 13px;text-align: center;color: #666;line-height: 2.5;}
.beian a{color: #666}

.banner .swiper-button-prev{left:4%;background:url('../images/left.png') no-repeat center left;width:35px;height:45px;background-size: 100% 100%}
.banner .swiper-button-next{right:4%;background:url('../images/right.png') no-repeat center right;width:35px;height:45px;background-size: 100% 100%}
.banner .swiper-slide img{display: block;}


.title{text-align: center;padding: 15px 0}
.title p{color: #000000;font-size:22px;}
.title span{color: #888888;font-size: 14px;letter-spacing:3px;}
.sec1{padding-bottom: 10px}
.sec1_type ul li{width: 49%;height: 33px;line-height: 31px;}
.sec1_type ul li a{display: block;background:#006db9;color: #fff;text-align: center;font-size: 15px;}
.sec1_type ul li:nth-child(2n+1){float: left;}
.sec1_type ul li:nth-child(2n){float: right;}
.sec1_type2{color: #666666;text-align: center;margin:10px 0;}
.sec1_type2 a{display: inline-block;color: #666666;display: inline-block;font-size:14px;}
.sec1_type2 a:hover{color:#000000}
.sec1_type a.active {background:#009944;}
.sec1_type2 a::after{ margin-left:7px;content:"|";}
.sec1_type2 a:last-child::after{content:"";}

.sec1_list li{width: 48%;background:#eaeef1;margin-bottom:13px}
.sec1_list li:nth-child(2n+1){float: left;}
.sec1_list li:nth-child(2n){float:right;}
.sec1_pic{position:relative;width:100%;height:0;padding-top:63%;}
.sec1_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec1_tit{text-align: center;height: 33px;line-height: 33px;font-size: 14px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.sec2{width:100%;border-top:1px solid #ebeff2}
.sec2 a{color: #000}
.sec2 .sec2_nr{padding:120px 0 60px;position: relative;}
.sec2_pic{position:relative;width:60%;height:0;padding-top:35%;margin:0 auto;}
.sec2_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec2 li{width: 40%;position: absolute;}
.sec2_icon{width:50px;height:50px;border-radius: 50%;}
.icon1{background: #eaeef1 url('../images/icon1.png') no-repeat center;background-size:auto 25px;}
.icon2{background: #eaeef1 url('../images/icon2.png') no-repeat center;background-size:auto 25px;}
.icon3{background: #eaeef1 url('../images/icon3.png') no-repeat center;background-size:auto 22px;}
.icon4{background: #eaeef1 url('../images/icon4.png') no-repeat center;background-size:auto 23px;}

.icon5{background: #eaeef1 url('../images/icon5.png') no-repeat center;background-size:auto 25px;}
.icon6{background: #eaeef1 url('../images/icon6.png') no-repeat center;background-size:auto 25px;}
.icon7{background: #eaeef1 url('../images/icon7.png') no-repeat center;background-size:auto 22px;}
.icon8{background: #eaeef1 url('../images/icon8.png') no-repeat center;background-size:auto 23px;}
.sec2_left{width:calc(100% - 58px);font-size:14px;text-align: right;}
.sec2_li1{top:0px;left:20px;}
.sec2_li2{top:60px;left:0px;}
.sec2_li3{top:120px;left:-2%;}
.sec2_li4{top:235px;left:0;}
.sec2_li5{top:0px;right:20px;}
.sec2_li6{top:60px;right:0px;}
.sec2_li7{top:120px;right:-2%;}
.sec2_li8{top:235px;right:0;}
.sec2_left{height: 50px;position: relative;float: left;}
.sec2_right{width:calc(100% - 58px);font-size:14px;text-align: left;height: 50px;position: relative;float: right;}
.center{position: absolute;top:50%;transform: translateY(-50%);}
.sec2 li.sec2_li3{width:75px;}
.sec2_li3 .sec2_left{width: 100%}
.sec2_li3 .sec2_icon{margin:0 auto;}
.sec2{padding-bottom: 20px}
.sec2 li.sec2_li7{width:84px;}
.sec2_li7 .sec2_right{width:100%;text-align: center;}
.sec2_li7 .sec2_icon{margin:0 auto;}
.sec2 li.sec2_li4{width: 35%}
.sec2 .swiper-pagination-fraction, .swiper-pagination-custom,.sec2 .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0}

.sec3{width: 100%;height:350px;overflow: hidden;position: relative;background: url('../images/sec3.jpg') fixed no-repeat center 0px;background-size: 100%}

.sec3 .title p{color: #fff;}
.sec3 .title span{color:#9defc1;}
.sec3_con{text-align: center;color: #fff;font-size:13px;line-height:2;margin-bottom:15px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.sec3_more{display: block;width: 90px;margin:0 auto;}

.sec3_type{text-align: center;padding-top:15px}
.sec3_type a{display: inline-block;width:60px;height:60px;border:1px solid #fff;border-radius: 50%;position: relative;font-size:14px;color:#fff;margin:0 8px;overflow: hidden;}
.sec3_type span{display: block;width: 32px;margin: 0 auto;padding-top:8px;line-height:20px;position: relative;z-index: 1;}


.sec3 .title{padding-bottom: 10px}
.sec4 .sec_tit span{display: block;width: 100%;height:35px;line-height:35px;color:#fff;text-align: center;font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec4 .sec_tit{padding: 0 7px;width: 100%;background:#007ac4;}
.sec4_pic{position:relative;width:100%;height:0;padding-top:64%;}
.sec4_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec4{padding-bottom:10px}

.sec5_type{text-align: center;margin-bottom:15px}
.sec5_type a{display: inline-block;width:100px;height: 32px;line-height: 32px;background: #eaeef1;text-align: center;font-size: 13px;color: #007ac4;border-radius: 20px;margin:0 4px;}

.sec5_list li{width: 100%;background: #eaeef1;padding:15px 0;margin-bottom:10px}
.time{font-size: 12px;color: #bbbbbb;background: url('../images/jiantou.png') no-repeat left bottom;padding-bottom:15px;float: right;width: 65px;}
.time p{font-size:22px;color: #009944;line-height: 25px;}

.sec5_left{width: calc(100% - 70px);float: left;}
.sec5_left_pic{position:relative;width:37%;height:0;padding-top:24%;float: left;}
.sec5_left_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.sec5_left_info{width: 60%;float: right;}
.sec5_left_info p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;color: #333333;margin-bottom: 5px}
.sec5_left_jian{font-size: 12px;color:#888888;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.sec6_li1{width:48.5%}
.sec6_li1 input{background:#eaeef1;height: 35px;line-height: 35px;border:1px solid #b7d3e6;display: block;width: 100%;padding: 0 7px;font-size: 14px}

.sec6_li2{width:100%}
.sec6_li2 input{background:#eaeef1;height: 35px;line-height: 35px;border:1px solid #b7d3e6;display: block;width: 100%;padding: 0 7px;font-size: 14px}
.sec6_li3 textarea{background:#eaeef1;border:1px solid #b7d3e6;display: block;width: 100%;padding:7px;font-size: 14px;font-family:微软雅黑;height: 80px;}
.sec6 li{margin-bottom:7px}
.sec6_subbtn{width:110px;background: #006db9;line-height:32px;height:32px;border:0px;color: #fff;font-size: 15px;float: right;}

.sec7{width:100%;background: url('../images/map.jpg') no-repeat center top;padding:30px 0 15px}
.sec7_left{width: 65%;float: left;}
.sec7_right{width: 32%;float: right;}
.web{font-size: 16px;color: #007ac4;margin-bottom: 15px}
.sec7_left p{font-size: 13px;color:#333333;margin-bottom: 10px}
.sec7_left p b{color: #007ac4}
.sec7_right p{font-size: 16px;color: #333333;text-align: center;margin-top: 10px}
.sec7_right .code{margin-top:5px}
.code img{border:1px solid #e4e4e4;}
.banner2{position: relative;}
.banner2 .swiper-slide img{display: block;}
.lanmu {position: absolute;bottom: 0;left: 0;z-index: 1000;width: 100%;}
.type {padding-top:8px}
.type li{width:33.3%;height:33px;line-height: 33px;text-align: center;float: left;}
.type li a{display: block;background: #006db9;color: #fff;margin-right: 1px;font-size: 14px;}
/*.banner2 .swiper-container{padding-bottom:38px}*/
.lanmuname{font-size:22px;color: #000000;line-height: 25px;}
.position{width: 100%;height: 25px;line-height: 25px;font-size:12px;color: #000000;margin-bottom:3px}
.position .main p{background:url('../images/pos.png') no-repeat center left;padding-left:18px;background-size:10px}
.position a{color: #666666;}

.type li.active a{background:#009944}
.grey{background:#e5eef8;}
.about{padding:18px 0 20px}
.tit{text-align: center;font-size:22px;color: #000000;background: url('../images/line.jpg') no-repeat center bottom;padding-bottom:5px;}
.about_nr{padding-top: 15px;color: #333333;font-size: 14px;line-height: 2;}
.about .main{overflow: hidden;}

.case_tj li{width: 48.5%;margin-bottom:10px}
.case_tj ul{padding:20px 0}

.case_tj li .case_tj_bt span{display: block;width: 100%;height:35px;line-height:35px;color:#fff;text-align: center;font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_tj li .case_tj_bt{padding: 0 7px;width: 100%;background:#007ac4;}
.case_tj_pic{position:relative;width:100%;height:0;padding-top:64%;}
.case_tj_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.conatct{background: #e5eef8;padding:15px 0;margin:20px auto;}
.conatct_top p{color:#006db9;font-size: 16px;margin-bottom:5px}
.contact_r_con{color: 3333333;font-size: 14px;line-height: 2;padding-bottom: 10px}
.conatct_top{width: 90%;margin:0 auto;}
.conatct{overflow: hidden;}

.news_list li{width: 100%;background: #eaeef1;padding:15px 0;margin-bottom:10px}
.news_list{padding: 15px 0;overflow: hidden;}
.news_list ul{margin:15px 0;overflow: hidden;}

.tanchu{width:120px;height:40px;margin:0 auto;background:rgba(0,0,0,0.7);text-align:center;color:#fff;font-size:14px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:40px;border-radius:4px}


.ns_type{background: #e5eef8;padding: 20px 0}
.ns_title{text-align: center;font-size:18px;color: #000000;padding-top:15px;width:94%;margin:0 auto;}
.ns_date {text-align: center;font-size: 12px;color: #007ac4;margin-top:5px;}
.ns_nr{color:#333333;font-size: 14px;line-height: 2;padding:12px 0 20px}

.fenye{padding:15px 0}
.fenye li{font-size: 14px;color: #666666;margin-bottom: 15px}
.fenye li a{color: #666666}

.prod{padding: 20px 0}
.prod_type{margin:15px 0;}
.prod_type a{display: block;width: 32%;float: left;text-align: center;background: #e5e5e5;font-size: 13px;color: #333333;height: 33px;line-height: 33px;margin-right:2%;padding: 0 5px;margin-bottom: 5px}
.prod_type span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prod_type a:nth-child(3n){margin-right: 0}
.prod li{width: 49%;background: #eaeef1;margin-bottom: 7px}

.prod li:nth-child(2n+1){float: left;}
.prod li:nth-child(2n){float: right;}


.prod li .pic{position:relative;width:100%;height:0;padding-top:63%;}
.prod li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.prod_tit{text-align: center;padding: 0 7px;height: 33px;line-height: 31px;font-size: 13px;color: #333333}
.prod_tit span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.prod ul{padding:5px 0 15px}

.prod_type a.on{background: #009944;color: #fff}
.news_tj{padding: 0}

.case_list{padding: 20px 0}

.case_tj li:nth-child(2n+1){float: left;}
.case_tj li:nth-child(2n){float: right;}

.prods_pics {
  width: 100%;
  height: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.prods_pics_top{height:75%;
  width: 100%;margin:0 auto 10px;position: relative;padding:0 10%}
.gallery-top {
  height:100%;
  width: 100%;
  border:1px solid #e5e5e5;

}
.prods_pics_bot{width: 90%;height:calc(22% - 10px);margin:0 auto;position: relative;}
.gallery-thumbs {
  height:100%;
  box-sizing: border-box;
  width: 100%;margin:0 auto;padding:0 10%;
}
.gallery-thumbs .swiper-slide {
 
  height: 100%;
  border:2px solid #e4e4e4;
}
.gallery-thumbs .swiper-slide-thumb-active{
  border:2px solid #1e7ec1;
}

.prods_pics_top .swiper-button-prev{left:0px;background-size: 20px;}
.prods_pics_top .swiper-button-next{right:0px;background-size: 20px;}


.prods_pics_bot .swiper-button-prev{left:0px;background:url('../images/zuo.png') no-repeat center left;width:9px;height:100%;top:0;margin-top: 0}
.prods_pics_bot .swiper-button-next{right:0px;background:url('../images/you.png') no-repeat center right;width:9px;height:100%;top:0;margin-top: 0}

.prods_tit {text-align: center;font-size: 22px;color: #000000;margin-bottom:20px;margin-top: 15px}

.prods_xq {
    height:40px;
    width: 100%;
    background: #e8ecef;
    font-size: 14px;
    color: #006db9;
    padding-left:15px;
    line-height:40px;
}

.prods_nr{overflow: hidden;font-size: 14px;line-height: 2;padding:15px 0}

.mes{padding: 20px 0}
.mes .mes_input1{width:100%}
.mes .mes_input1 input{background:#eaeef1;height: 35px;line-height: 35px;border:1px solid #b7d3e6;display: block;width: 100%;padding: 0 7px;font-size: 14px}
.mes .mes_input2 textarea{background:#eaeef1;border:1px solid #b7d3e6;display: block;width: 100%;padding:7px;font-size: 14px;font-family:微软雅黑;height: 80px;}
.mes li{margin-bottom:7px}
.mes_btn{text-align: center;}
.mes_btn input{width:125px;background: #006db9;line-height:35px;height:35px;border:0px;color: #fff;font-size: 15px;display: inline-block;margin:0 4px;}
.mes ul{overflow: hidden;margin-bottom: 10px}

.mes_btn input.mes_subbtn{background:#009944}

#about2 img{float: right;width:60%;margin-left: 5px}

.title p a{color: #000}
.sec3 .title p a{color: #fff}

.case_show{margin-bottom: 20px}

.lan{position: absolute;right:40px;top:50%;transform:translateY(-50%);}
.lan a{display:inline-block;width:25px;text-align: center;font-size:12px;color: rgba(255,255,255,0.7);height:25px;line-height:25px}
.lan a.lan_on{color: #fff;font-weight: bold;}

.sec2_info{width: 100%;text-align: center;margin:0 auto;font-size: 14px}

.sec7_left p span{display: inline-block;}