.head{
    width: 100%; height:178px; position: fixed; z-index: 10000; border-bottom: 1px solid #F0F0F0; background-color: #fff;
}
.headBody{ height: 178px;}
.head-top{ 
    width: 100%; height: 142px; overflow: hidden;
}

.head-body{padding-left: 198px;  height: 112px; padding-top: 60px;}
.head-body .hbodys{width: 100%; height: 38px; position: relative;}
.head-body .seachBody{
    width:460px; height: 38px; border-radius: 20px; border: 0px; padding-left: 40px;
    box-shadow:0px 0px 8px #ddd; 
    -webkit-box-shadow:0px 0px 8px #ddd; ;
    -moz-box-shadow:0px 0px 8px #ddd; ;
}
.head-body .hbodys .ands{ width: 40px; height: 38px; position: absolute; left: 0px; top: 0px; background:url(../image/search.jpg) no-repeat center center;}
.head-body .hbodys .ands a{ width: 100%; height: 100%; display: block;}
.head-main{width: 100%; height: 36px; }
.logo{ height:100%;display: table; }
.logo span {
    display: table-cell;
    vertical-align: middle;
}

.nav{width:auto; height:36px; }
.nav li{position: relative; width:auto; float: left; padding-right: 30px; line-height: 36px;}
.nav li a{width: auto; height: 100%;  display:block;}
.nav li:last-child a{padding-right: 0px;}
.menuBgs{width: 100%; height: 198px;}

.heads{ height: auto;box-shadow: 0px 2px 4px #dddddd;}
.heads .headBody{ height: auto;}
.heads .head-top{ height: auto;}
.heads .head-body{ height: auto; padding-top: 40px;}
.menuBgts{height: 118px;}
	/*------------------------flash4-----------------------------------*/

.flash{  height:auto; overflow:hidden;  }
.flash .swiper-container{ width:100%; height:auto;overflow: hidden;}
.flash .swiper-slide a{ width:calc(100% + 17px); height:100%; display:block;}
.flash .swiper-slide a img{ width:100%; height:auto;object-fit: contain;}
.flash .swiper-slide{ width:100%; height:auto; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.flash .swiper-pagination-bullet { 
        opacity:1; background:#fff;-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms; width:10px;border-radius:5px; height:10px;
    }

.flash .swiper-pagination{ bottom:15px;}
.flash .swiper-pagination-bullet-active{  background-color: #F0575A; }

/*-----------------*/

.IndexProMain{height: auto;  padding-bottom: 30px;}
.IndexProMain .lefts{width: calc(100% - 300px); height: auto; padding-right:20px;}
.IndexTitle{  height: 68px; padding-top: 22px;}
.IndexListBody{ width: 100%; height: auto;}
.IndexListBody li{ padding-top: 16px; border-bottom: 1px solid #E9E9E9; }
.IndexListBody li .left{width: 165px; height: auto; padding-top: 7px; }

.IndexListBody li .left img{ max-width: 165px; max-height: 165px;}
.IndexListBody li .left p{ width: 100%; display: block; padding-top: 16px; padding-bottom: 34px;}
.IndexListBody li .left p a{ display: block; width: 100px; height: 34px; line-height: 34px; margin: 0px auto; background-color: #F1585A; color: #fff; border-radius: 17px;}
.IndexListBody li .left p a:hover{ background-color: #507d38;}

.IndexListBody li .right{ width: calc(100% - 165px); height: auto; padding-left: 35px; }
.IndexListBody li .right .title{ width: 100%; height: auto; line-height: 30px; font-weight: bold;}
.IndexListBody li .right .titles{ width: 100%; line-height: 26px;}
.IndexListBody li .right .coms{ width: 100%; height:auto; padding-top: 22px; line-height: 22px; }
.IndexListBody li .right .coms p{ padding-bottom: 12px;}
.IndexListBody li .right .imglist{ width: 100%; height: auto; position: relative;}
.IndexListBody li .right ul{ height: 246px; overflow: hidden; padding-left: 5px; padding-top: 20px;}
.IndexListBody li .right li{width: 198px; height: 230px; padding-right: 16px; padding-top: 0px; border-bottom: 0px; padding-bottom: 15px;}

.IndexListBody li .right li .libody{ padding-bottom: 6px;}
.IndexListBody li .right li:hover .libody{  box-shadow:0px 0px 8px #ddd;  }
.IndexListBody li .right li .imgs{ width: 100%; height: 150px;padding-top: 3px;}
.IndexListBody li .right li .imgs img{max-width: 168px; max-height: 144px;}

.IndexListBody li .right li .imgsJg{ width: 100%; height: 24px; line-height: 24px;}
.IndexListBody li .right li .imgsTitle{ width: 154px; height: 38px; line-height: 19px; }
.IndexListBody li .right li:nth-child(3n){
    padding-right: 0px; width: 182px;
}
.IndexListBody li .right .mores{ width: 100%; cursor: pointer; height: auto; padding-bottom: 30px;  line-height: 20px;}
.IndexListBody li .right .mores:hover{ color: #507d38;}
.IndexProMain .lines{width: 100%; height:auto; line-height: 56px; }
.IndexProMain .lines span{ display: inline-block;}
.IndexProMain .lines span:hover{ color: #000;}
.clickCode{position: relative; cursor: pointer;}
.codeBodys{ position: absolute; top:-128px; padding: 5px; width: 138px; left: 50%; margin-left: -69px; display: none; background-color: #fff; border:1px solid #dede; height: 138px;}
.fengxian{ cursor: pointer;}


.IndexProMainBody{width: 100%; height: auto; padding: 40px 0px;}
.IndexProMainBody li{width: 25%; height: auto;}
.IndexProMainBody li .imgs{width: 100%; height: auto; overflow:hidden;}
.IndexProMain .rights{width: 300px; height: auto; padding-top: 30px; padding-bottom: 30px;}
.IndexProMain .rightsTop{ width: 100%; height: auto; border: 1px solid #E9E9E9; border-radius: 10px; padding: 20px;}
.IndexProMain .rightsTop .title{width: 100%; height: 63px; border-bottom: 1px solid #E9E9E9; line-height: 62px;}
.IndexProMain .rightsTop .title b{ display: block; padding-right: 14px;}
.IndexProMain .rightsTop .title  a{ display: block; padding: 0px 9px;}
.IndexProMain .rightsTop .title  a.cur{ font-weight: bold;color:#F0575A;}
.IndexProMain .rightsTop li{ width: 100%; height: auto; padding-top: 20px; padding-bottom: 22px; border-bottom: 1px solid #E9E9E9;}
.IndexProMain .rightsTop li:last-child{border: 0px;}
.IndexProMain .rightsTop li .imgs{width: 90px; height: auto; padding-right: 10px;}
.IndexProMain .rightsTop li .coms{ width: calc(100% - 90px); padding-left: 5px; line-height: 22px;}
.IndexProMain .rightsJG{width: 100%; height: 20px;}
.IndexProMain .rightsRm{ border: 1px solid #E9E9E9; height: auto; border-radius: 10px; padding: 20px;}

.IndexProMain .rightsRm .title{width: 100%; height: 24px;  line-height: 24px;}
.IndexProMain .rightsRm .title b{ display: block; padding-right: 14px;}
.IndexProMain .rightsRm li{width: 50%; height: 80px; float: left; position: relative;}
.IndexProMain .rightsRm li.lis::after{ 
  content: ""; width: 1px; height: 60px; z-index: 100; background-color: #E9E9E9;
   position: absolute; top:10px; right: -1px;
}
.IndexProMain .rightsRm li img{max-width: 90px;
    max-height: 50px;border-radius: unset !important;
    margin: 15px 0;}
.xiaoshi{width: 100%; height: auto;}
.footer{
  width: 100%; height: 215px; background-color: #F6F6F6;
}
.footer .bodys{ height: 215px;}
.footer .bodys .left{width: calc(100% - 300px); height: 100%; padding-left: 18px;}
.footer .bodys .left .menuBottom{ width: 100%; line-height: 50px; height: 150px;}
.footer .bodys .copyright{width: 100%; height: 68px; line-height: 22px ;}
.footer .bodys .right{width: 300px; height: 100%; padding-top: 15px;}
.footer .bodys .selectBody{ width: 100%; height: 22px; line-height: 22px; position: relative; padding-right: 22px; background: url(../image/jj.gif) no-repeat right center;}
.footer .bodys .selectBody ul{ width: 100%; height: 30px; padding: 4px 0px; line-height: 22px;display: none; background-color: #fff;  position: absolute; top:22px; left: 0px;}
.footer .bodys .selectBody li{ width: 50px; height: 22px; float: left; text-align: left;}
.footer .bodys .selectBody li{ font-size: 14px; }
.footer .bodys .selectBody:hover ul{display: block;}


#loader {
    margin: 0px auto;    width: 120px;    height: 120px; display: none;
}
#loader img{width: 100%; height: auto;}


.dlmail{ width: 100%; height: 72px; padding-top: 10px; line-height: 32px;}
.dlmail p{ line-height: 22px;}
.dlmailBdoy{width: 100%; height: 34px; border: 1px solid #B7B7B7;}
.dlmailInput{ width: 248px; height: 32px; float: left; border: 0; padding: 0px 15px;}
a.dlAnds{ width: 50px; height: 32px; display: block; float: left; background-color: #F0575A; color: #fff !important; line-height: 32px;}
a.dlAnds:hover{background-color: #507d38;}
.selectTs{ width: 100%; height: 30px; padding-top: 6px;}
.selectTs span{display: block; height: 24px; line-height: 24px; padding-left: 30px; position: relative;  padding-right: 10px; float: left;}
.selectTs span input{ position: absolute; top:5px; left: 12px;}

.UrlText{
    width: 100%; height: 40px; line-height: 40px; 
}
.UrlText span{ display: inline-block; height: 40px; position: relative;}
.UrlText span::after{ width: 100%; height: 2px; background-color: #333; content: ''; position: absolute; bottom: 0; left: 0px;}
.IndexProMain .rightsTops{ padding-top: 0px;}
.IndexProMain .lrights{ padding-top: 0px;}

.IndexLShow{ padding-top: 16px; border-bottom: 1px solid #E9E9E9; }
.IndexLShow .left{width: 165px; height: auto; padding-top: 7px; }
.IndexLShow .left p{ width: 100%; display: block; padding-top: 16px; padding-bottom: 34px;}
.IndexLShow .left p a{ display: block; width: 100px; height: 34px; line-height: 34px; margin: 0px auto; background-color: #F1585A; color: #fff; border-radius: 17px;}
.IndexLShow .left p a:hover{ background-color: #507d38;}
.IndexLShow .right{ width: calc(100% - 165px); height: auto; padding-left: 35px; }
.IndexLShow .right .title{ width: 100%; height: auto; line-height: 30px; font-weight: bold;}
.IndexLShow .right .titles{ width: 100%; line-height: 26px;}
.IndexLShow .right .coms{ width: 100%; height:auto; padding-top: 22px; line-height: 22px; }
.IndexLShow .right .coms p,.IndexLShow .right .comJg p{ padding-bottom: 12px;}
.IndexLShow .right .comJg{width: 100%; height: auto;line-height: 22px; }
.IndexLShow .right .imglist{ width: 100%; height: auto; padding: 15px 0px;}

.IndexLShow .right li{width: 198px; height: 230px; padding-right: 16px; padding-top: 0px; border-bottom: 0px; padding-bottom: 15px;}
.IndexLShow .right li .libody{ padding-bottom: 6px;}
.IndexLShow .right li:hover .libody{  box-shadow:0px 0px 8px #ddd;  }
.IndexLShow .right li .imgs{ width: 100%; height: 144px;}
.IndexLShow .right li .imgs img {
    max-width: 168px; max-height: 144px;
}
.IndexLShow .right li .imgsJg{ width: 100%; height: 24px;}
.IndexLShow .right li .imgsTitle{ width: 154px; height: auto;}
.IndexLShow .right li:nth-child(3n){
    padding-right: 0px; width: 182px;
}
.IndexLShow .right .mores{ width: 100%; height: auto; padding-bottom: 30px;  line-height: 20px;}
.IndexProMain .Coms{ width: 100%; height: 226px; padding-top: 76px;}
.IndexProMain .ComsTitle{width: 100%; height: 44px; line-height: 30px;}
.IndexProMain .ComsTitle a {
    text-decoration: underline;
  }
.IndexProMain .hbodys{width: 460px; height: 38px; position: relative;}
.IndexProMain .hbodys .seachBody{
    width:460px; height: 38px; border-radius: 20px; border: 0px; padding-left: 20px;padding-right: 110px;
    box-shadow:0px 0px 8px #ddd; 
}
.IndexProMain .hbodys .ands{ width: 100px; height: 36px; position: absolute; right: 0px; top: 0px; line-height: 36px; background:#F1585A; border-radius: 18px;}
.IndexProMain .hbodys .ands a{ width: 100%; height: 100%; display: block; color: #fff !important;}
.IndexProMain .hbodys .ands:hover{background-color: #507d38;}
.IndexProMain .ImgGds{width: 100%; height: 270px; padding: 0px 0px 20px; border:1px solid #E9E9E9; border-radius: 10px;}
.IndexProMain .ImgGds .titles{width: 100%; height: 66px; line-height: 66px;  padding: 0px 26px;}
.IndexProMain .ImgGds .imgsDivbody{padding: 0px 35px;}
.IndexProMain .ImgGds .imgsDiv{width: 25%; height: 174px; padding: 3px 16px;}
.IndexProMain .ImgGds .imgsDivImg{width: 160px; height: 134px;}
.IndexProMain .ImgGds .imgsDivImg img{ max-width: 160px; max-height: 134px;}
.IndexProMain .ImgGds .titDiv{width: 100%; height: 46px; padding: 7px 0px; line-height: 16px;}
.IndexProMain .swiper-button-next,
.IndexProMain .swiper-button-prev{ width:38px; height:38px; line-height:38px; border-radius:25px; top:50%; margin-top:-25px; background:rgba(0,0,0,0.6); }
.IndexProMain .swiper-button-next:hover, .IndexProMain .swiper-button-prev:hover{background: rgba(0,0,0,0.8);}
.IndexProMain .swiper-button-next{ right:15px;}
.IndexProMain  .swiper-button-prev{left:15px;}

.hdBody{ height: auto; padding-top: 40px; padding-bottom: 40px; padding-left: 5px; padding-right: 5px;}
.hdBody li{width: 25%; height: auto; padding: 0px 10px 10px; float: left;}

.hdBody li .bodys{width: 100%; height: auto;padding: 20px 10px; border:1px solid #E9E9E9}
.hdBody li .imgs{width: 248px; height: 248px;}
.hdBody li .imgTitle{height: auto; line-height: 24px; width: 100%; padding-top: 13px; padding-bottom: 7px;}
.hdBody li .imgGg{width: 100%; height: 48px; line-height: 24px;}


.companyBodyUrl span{ display: inline-block; height: 40px; line-height: 40px; position: relative;}

.companyBody{width: 100%; height: auto; line-height: 34px; padding-top: 10px; padding-bottom: 20px;}
.companyBody h1{font-size: 24px; font-weight: bold; line-height: 66px;}
.zkms{ position: relative; cursor: pointer;}
.zkms:hover::after{position: absolute; content: "点击复制"; line-height: 22px; background-color: #dddddd; padding: 0px 3px; right: 0px; top: 0; font-size: 12px;}
.backTop{width: 60px; height: 60px; position: fixed; right:50%; bottom: 220px; margin-right: -650px;}
.backTop a{display: block; width: 60px; height: 60px; border: 1px solid #F0F0F0; border-radius: 5px; line-height: 60px; text-align: center;}


.feedbackBody{height: auto; padding-top: 30px; padding-bottom: 30px;}
.feedbackBody .dlmail{ width: 100%; height: 52px; padding-top: 10px; line-height: 32px;}

.feedbackBody  .dlmailBdoy{width: 80%; height: 52px; border: 1px solid #B7B7B7; margin: 0px auto;}
.feedbackBody .dlmailInput{ width: calc(100% - 150px); height: 50px; float: left; border: 0; padding: 0px 15px;}
.feedbackBody  a.dlAnds{ width: 150px; height: 50px; display: block; float: left; background-color: #F0575A; color: #fff !important; line-height: 50px;}

.feedbackBody .selectTs{ width: 148px; height: 40px; padding-top: 12px; margin: 0px auto;}
.feedbackBody .selectTs span{display: block; height: 24px; line-height: 24px; padding-left: 30px; position: relative;  padding-right: 10px; float: left;}
.feedbackBody .selectTs span input{ position: absolute; top:5px; left: 12px;}