@charset uft-8;

/* wap */
@media screen and (max-width: 1919px)  {
html,body{overflow-x:scroll;width:auto;}
.navR ul li a {padding: 0 25px;}
/*.navR .tel400{display:none;}*/
.navR {width: 80%%;}
}
@media screen and (max-width: 1754px)  {
html,body{overflow-x:scroll;width:auto;}
.navR ul li a {padding: 0 15px;}
.navR .tel400{display:none;}
.navR {width: 80%%;}
}
@media screen and (max-width: 1420px)  {
html,body{overflow-x:scroll;width:auto;}
.navR ul li a {padding: 0 15px;}
/*.navR .tel400{display:none;}*/
.navR {width: 81%;}
}
@media screen and (max-width: 1230px)  {
html,body{overflow-x:scroll;width:auto;}
.navR ul li a {padding: 0 15px;}
.navR .tel400{display:none;}
.navR {width: 81%;}
}



/* wap */
@media screen and (max-width: 767px)  {
html,body{overflow-x:hidden;width:auto;}

.container {width: auto; min-width: auto;}
.indexAbout {padding-top: 5em; padding-bottom: 2em;}
.indexNews {padding-top: 4em; padding-bottom: 4em;}


/* header */
.headbox{width: 100vw; height: 15vw}
.headwap{width: 100vw; height: 15vw; position: fixed; left: 0; top: 0; z-index: 500; background-color: #fff; box-shadow: 0 0 2vw rgba(0, 0, 0, 0.3);}
.logo{float: left; height: 15vw; line-height: 15vw; padding-left: 3.5vw;}
.logo img{height: 9vw;}
.nav-button{float: right; margin-right: 4.5vw; width: 6vw; margin-top: 6vw;}
.nav-button::before, .nav-button::after, .nav-button span{width: 6vw; height: 2px; border-radius: 1px; background-color: #d04710; display: block; content: ""; margin-bottom: 1vw;}

.wapnav{width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); position: fixed; right: 0; top: 0; z-index: 600; transform: translateX(100vw); opacity: 0; transition: all 0.5s;}
.wapnav.show{transform: translateX(0vw); opacity: 1;}
.wapnav .nav-t{height: 13vw; line-height: 13vw; padding: 0 5vw; font-size: 4vw; color: #fff; width: 80vw; margin-left: 20vw; box-sizing: border-box;
background-image: linear-gradient(-45deg, #d04710 , #f76e00 50%, #d04710);
background-image: -webkit-linear-gradient(-45deg, #d04710 , #f76e00 50%, #d04710);
background-image: -moz-linear-gradient(-45deg, #d04710 , #f76e00 50%, #d04710);
}
.wapnav .nav-t i{float: right; font-size: 5vw;}
.wapnav ul{width: 80vw; height: calc(100vh - 13vw); overflow-x: hidden; overflow-y: auto; display: block; background-color: #fff; margin-left: 20vw;}
.wapnav ul li{line-height: 12vw; padding: 0 8vw; border-bottom: 1px solid #efefef; font-size: 4vw;}
.wapnav ul li i{float: right; font-size: 4vw; height: 12vw; line-height: 12vw; transition: all 0.5s;}
.wapnav ul li i.show{transform: rotate(-180deg);}
.wapnav ul li a{display: inline-block; height: 12vw; line-height: 12vw;}
.wapnav ul li.on {border-color:#E16713;}
.wapnav ul li.on > a {color:#E16713;}
.wapnav ul li .drop-nav{width: 80vw; background-color: #efefef; margin-left: -5vw; padding: 0 5vw 0 8vw; box-sizing: border-box; overflow: hidden; height: 0vw; transition: all 0.5s;}
.wapnav ul li .drop-nav a{display: block; overflow: hidden; font-size: 3.6vw; height: 10vw; line-height: 10vw;}
.wapnav ul li .drop-nav a i{float: right;}

.laug{height: 10vw; line-height: 10vw; display: flex; margin-top: 2vw;}
.laug span{flex: 1; display: block; height: 10vw; line-height: 10vw; text-align: center;}
.laug span img{height: 5vw; margin-right: 1vw;}
.switch{margin-top:0;}
.switch span{background-color:#E16713;color:#fff;}
.switch span a{color:#fff;}


/* Index */
.indexSearch {height:calc(92vh);}
.sec_search {width:90%;}
.indexSearch .sec_search {width:80%;position: absolute; top: 50%; left: 50%; z-index: 99;transform: translate(-50%, -60%); }

.abTit {margin-bottom: 30px;}

.IAbox {padding: 0px; background:none;}
.IAbox .fl {float:none; margin-bottom:10px; padding-bottom:10px;}
.IAbox .fr {float:none; background:#fff; padding:15px 15px 25px; margin:0 15px; width:auto;}
.IAbox .video {height:auto;}
.IAbox .yybtn {text-align:center;}

.IAtext {overflow: hidden; height:224px;}





.INewbox {margin: 40px auto 20px;}
.INewbox .item2 {width:50%;}
.INewbox .it2img {height:180px;}
.INewbox .it2img img {max-width: 150%; margin-left: -20%;}
.INewbox .it2text {height:180px;}
.INewbox .it2text h4 {font-size:14px; line-height:22px; height:44px;overflow:hidden;}
.INewbox .it2text p {font-size:12px;}
.INewbox .it2text:nth-child(1) {padding-bottom:0;}

.INewBtn img {height:45px;}

.wapindexShop {padding:3em 0; background: url(../images/sec04.png) no-repeat center top;}

.wapICbox { background: url(../images/sec05.jpg) no-repeat center top; padding:5em 0 4em; color:#fff;}
.wapICbox h3 {color:#fff;}

.wapinshop {padding-bottom: 40px;}
.ISlist {padding-top: 50px;}
.ISlist li {float:none; width:100%;}
.wapinshop .swiper-pagination-bullet {width:12px; height:12px;}
.wapinshop .swiper-pagination-bullet-active {background:#E16713;}
.nnnn .swiper-button-next, .nnnn .swiper-button-prev {margin-top: -220px;background:none;}

.ICdl {padding: 3em 0;}
.ICdl div {width:50%;}
.ICdl dl {margin:10px 9px;     height: 182px;}
.ICdl dt {height:auto; margin-bottom: 20px; /*overflow: hidden;*/}
.ICdl dt a {float:left; width:50%;}
.ICdl dt a.ptma {float:left; width:50%;}
.ICdl dt a img {max-width:80%; display:inline-block;}

.ICdl div:nth-child(4) dt {text-align:center;}
.ICdl div:nth-child(4) dt a {float:none;}
.ICdl div:nth-child(4) dt img {max-width:120%;}


.footer .footcopy {line-height:24px; border-top: 1px solid #c8c9c9;}

.footer .footdiv .comtext {}
.footdiv .comtext h3 {font-size:16px;}
.footdiv .comtext p {font-size:14px;}
.footdiv .fdbox h4 {display: none;}
.footdiv .fdbox {padding-top: 15px;}

.footdiv .fdatel {position: relative;}
.footdiv .fdbox .fdatel span {position:absolute; top:-88px; right:0; width:auto;}
.footdiv .fdbox .fdatel span img {height:90px;}

.jl-pmenu {position:relative; left:0; right:0; z-index:99; margin-bottom: 5px; width: 100%; height: 46px; overflow: hidden; background: #fdfdfc; font: 1.4rem/43px hiragino sans gb, microsoft yahei, simsun; box-shadow:3px 3px 3px rgba(0,0,0,0.2); }
.jl-pmenu .swiper-slide {padding: 0 20px; width:auto; }
.jl-pmenu .swiper-slide.active {background: #E16713;}
.jl-pmenu .swiper-slide.active a {color: #fff;}
.jl-pmenu .swiper-slide.act {background: #E16713;}
.jl-pmenu .swiper-slide.act a {color: #fff;}
.jl-pmenu .pline { width: 100%; height: 3px; line-height: 0; font-size: 0; overflow: hidden; text-align: center; z-index: 1; background-color: #0fa6ea;
	background: linear-gradient(-45deg, #d04710 , #f76e00 50%, #d04710);
}

/* 首页轮播 */
.index_src{min-height:100%;}
.index_ban{height:100%;}
.index_ban .swiper-button-next,.index_ban .swiper-button-prev{display:none;}

/* zhiwu */
.zwul {}
.zwul li {width:50%; margin-bottom:15px;}
.zwul li a img {    min-height: 150px;}
.zwul li a {margin: 0 8px;}
.zwul li h4 {font-size:14px;}
.zwul li .text {padding: 10px 0px 0;}

.address {padding-top:2em;}
.address .mapimg img {max-width:100%;}


.sreachBox img {
     width: auto; 
    height: 100%;
    transform: translate(-32%, 0);
}


/* zhiwu */ 
.indexSearch.plant_indexSrc.clearfix{height:450px;}
.plant_back{height: 100%;}
.plant_back img {
    width: auto;
    height: 100%;
    transform: translate(-32%, 0);
}

.local {padding-top:0px; padding-bottom:0;}
.local .breadcrumb {padding:8px 0px;}


/* mainbanner */
.mainBanner .mainText {
    width: 100%;
}
.mainBanner .mainText h2{
    font-size: 30px;
}
.mainBanner .mainText h4{
    font-size: 25px;
}

/* mainbanner */


/* shop */

/*.shopbox {*/
/*    padding: 0;*/
/*}*/
/*.shopone {*/
/*    margin: 0;*/
/*}*/
.shopone .item > div{
    margin: 0;
    /*padding: 3px 2px 2px;*/
}
.shopone .item {
    float: left;
    display: inline-block;
    width: 48%;
}
.shopone .item1{
    display: none;
}
.shopone .item2{
    margin-right: 10px;
}
.shopone .item2 img {
    width: 100%;
    margin-bottom: 40px;
}
.shopone .item3 span img {
    max-height: 120px;
}
.mapList{
    width: 100%;
    height: 890px;
    margin: 0;
}
.mapList #container {
    width: 100%;
    height: 300px; 
    margin-left: 0;
    position: absolute;
    top: 0;
}
.mapList .sreachMap {
    width: 100%;
    height: 549px;
    float: none; 
    margin-top: 320px;
}
.mapList .sreachMap .sreachNav{
    width: 100%;
}
.mapList .sreachMap .sreachNav > ul li .right h5 {
    width: 270px;
}
.mapList .sreachMap .sreachNav > ul li .right p {
    width: 270px;
}
/* shop */


/* news */
.newsswiper .swiper-button-prev,.newsswiper .swiper-button-next {
    display: none;
}
.newdiv .imgthumb {
    width: 100%;
    float: none;
}
.newdiv .imgtext {
    float: none; 
    width: 100%;
    position: relative;
}
.newdiv .imgtext h3{
    font-size: 15px;
    line-height: 25px;
}
.newdiv .time{
    position: static;
    width: 100%;
}
.newdiv {
    padding: 15px;
}
.newdiv .imgtext .infor {
    height: 67px;
    overflow: hidden;
}

.newdiv .imgtext .infor {
    color: #808080;
    padding: 10px 0 0;
    height: 72px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.newCbox .inforbody {
    padding: 15px;
    line-height: 23px;
}

/* news */


/* newcontext */

.newCbox h1 {
    font-size: 18px;
    font-weight: 550;
}


/* newcontext */


/* yuanyi */

.col-xs-12 {
    padding: 0;
}
.yy_title_back{
   width: 100%;
   height: 300px;
}
.yyTit.clearfix{
    padding-top: 20px;
}
.yy_moreTwo{
  padding-bottom: 20px;  
}
.edui-upload-video.video-js.vjs-default-skin{
    width: 100%;
}
.yy_video{
    position: absolute;
    top: 0;
    left: 0;
}
.yy_context{
    margin-top: 300px;
}
.yycxbox .yycx{} 

.breadshow{padding:0;width:100%;min-width:100%;}

.yycontainer{text-align:center;position:relative;}
.yycontainer .fl1,.yycontainer .fl2{display:inline-block;float:none;}
.yycontainer .fl1,.yycontainer .yy1{width:100%;max-width:100%;display: inline-block;float:none;}
.yycontainer .fl2{width:100%;}
.yycontainer .fl2{text-align:left;}
.yycontainervideo .fl2{margin-top:310px;} 

.yylibox h3 {font-size:18px; font-weight:bold;}
.yylibox p {padding: 0 15px 15px; height:70px; overflow:hidden;}

.newCbox .inforPN {padding:30px 15px 20px;}
.newCbox .inforPN p {height:20px; overflow:hidden;}


/* yuanyi */





/* service */
#serviceSerbox {
    height: 100%;
}
.slideTxtBox .hd li {
    margin-bottom: 20px;
    margin-right: 21px;
    font-size: 13px;
}

.serbox .sleft {
    width: 100%;
}
.sright.fr{
    width: 100%;
    position: relative;
}
.pages{ position: absolute; right: 0;  bottom: -65px; display: flex;}
.service_back li{
    width: 50%;
}
.img_nav>li{
    width: 50%;
}
.scool .swiper-button-next, .scool .swiper-button-prev {
    margin-top: 400px;
}
.img_nav li a > img {
    max-width: 100%;
    min-height: 165px;
    transition: all 0.4s;
}

/* service */

/* botany */
.yylistbox{
    position: relative;
}
.yylibox > a {
    height: 270px;
}
.yylistbox .f1 {
    width: 100%;
    /*float: none;*/
    /*margin-top: 1320px;*/
}

.yylistbox .f2 {
    width: 100%;
    /*position: absolute;*/
    /*top: 50px;*/
}
.glup_context .container p {
    width: 100%;
}
/* botany */


/* down start */
.downbox li {
    height: 260px;
    width: 50%;
}
.downbox li a {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0 10px;
}
.downbox li a img{
    height: 80%;
    width: 100%;
}
.downbox li a p{
    font-size: 15px;
    border-bottom: 0px solid #888;
}
.downbox li a span {
    display: none;
    line-height: 100%;
    z-index: 999;
    text-align: center;
    position: absolute;
    padding-top: 100px;
    transition: all 0.4s;
    height: 100%;
    top: 0; 
    left: 0px;
    right: 15px;
    background: rgba(0,0,0,.65);
    width: 100%;
}
/* down end */

/* video start */
.videofather{
    padding: 0;
    height: 400px;
}
.videoBox{
    position: relative;
    height: 100%;
}
.videoBox #certify{
    position: absolute;
    left: -411px;
    transform: scale(.6);
}
/* video end */

/*about start*/
.abTit h3 {
    font-size: 30px;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    background: #E16713;}
.abwh2{
   display: block;
}
.abwh{
   display: none;
}
.navmiao li {
    float: left;
    width: 25%;
}
.inforTit h3 {
    float: left;
    font-size: 18px;
    color: #e16713;
}
.inforTit h4 {
    float: right;
    color: #999;
    font-size: 18px;
}
.about_fz {
    padding: 0;
}
.about_fz .top {
    display: inline-block;
    width: 100%;
    height: 643px;
}
.about_fz .top .left {
    width: 100%;
    float: left;
}
.about_fz .top .left h3{
    width: 100%;
    margin: 85px 0 21px;
}
.about_fz .top .left span{
   width: 100%;
   font-size: 26px;
}
.about_fz .top .right {
    height: 100%;
    width: 100%;
    margin-left: 40px;
    float: left;
}
.about_fz .top .right h4 {
    margin: 65px  0 21px;
}
.about_fz .top .right h2{
    width: 85%;
    font-size: 90px;
    text-align: left;
}
.about_fz .top .right > div {
    width: 85%;
}
.about_fz .top .right > div p{
    font-size: 15px;
}
.about_fz .bottom > div > ul {
    width: 100%;
}
.about_fz .bottom > div > ul li{
    width: 0;
}
.about_fz .bottom > div > ul li:nth-of-type(1) {
    margin-left: -11px;
}
.about_nav .container{
    padding: 0px;
}
.recruit .container .content .abTit h3{font-size:20px;}
.recruit .container .content .context{width:70%;}

/*about end*/
}

@media screen and (max-width:414px) {
.videofather{
    padding: 0;
    height: 400px;
}
.videoBox{
    position: relative;
    height: 100%;
}
.videoBox #certify{
    position: absolute;
    left: -394px;
    transform: scale(.6);
}
}

@media screen and (max-width: 375px)  {
.videofather{
    padding: 0;
    height: 400px;
}
.videoBox{
    position: relative;
    height: 100%;
}
.videoBox #certify{
    position: absolute;
    left: -411px;
    transform: scale(.6);
}
}

@media screen and (max-width: 320px)  {
.videofather{
    padding: 0;
    height: 400px;
}
.videoBox{
    position: relative;
    height: 100%;
}
.videoBox #certify{
    position: absolute;
    left: -438px;
    transform: scale(.5);
}
}