@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1400px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}

.header{ z-index:1000; position:fixed; top:0; left:0; width:100%; height:auto; background:rgba(0,0,0,.5);}
.header li a{transition:all .3s; line-height:100px; font-size:16px; color:#fff; position:relative; display:inline-block;}
.header li{ margin-left:60px;}
.tel{ margin-left:90px; position:relative;}
.tel>span{ background-image:url(../images/tel.png); background-repeat:no-repeat; background-position:left center; font-size:20px; color:#fff; display:inline-block; padding-left:30px;}
.search_box{ transition:all .3s; opacity:0; visibility:hidden; position:absolute; right:0; top:110%; width:250px; padding:10px; background:rgba(0,0,0,.5);}
.search_box input{ width:calc(100% - 50px); height:40px; padding:0 15px;}
.search_box button{ width:50px; height:40px; cursor:pointer; background:#eee;}
.searchbtn{ margin-left:55px;}
.searchbtn img{ vertical-align:middle; cursor:pointer;}
.search_box.open{ opacity:1; visibility:visible; top:100%;}

.header li >a:after{ transition:all .3s; content:""; display:block; width:0; left:50%; position:absolute; bottom:0; height:2px; background:#92d050}
.header li.on >a,.header li:hover>a{ color:#92d050;}
.header li.on >a:after,.header li:hover>a:after{ width:100%; left:0;}

.banner{ background-image:url(../images/banbac.jpg); background-size:cover; background-position:center; background-color:#f5fafe;}

.main7{ background-image:url(../images/bac002.jpg);}
.banle{ width:57%; padding:150px 0; height:100vh; position:relative;}
.banle img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:100%; max-height:90%;}
.banri{ width:37%;}
.banri img{ margin-bottom:10px;}
.banri b{ display:block; line-height:1.4; font-size:30px; color:#000000;}
.banri b em{ font-size:48px; color:#47d4bc; font-style:normal;}
.introty{  padding-top:20px;  font-size:16px; color:#666666;}
.banri .introty{ border-top:1px solid #47d4bc;margin-top:20px;}


.banner .pg-canvas{ position:absolute;top:0; left:0; width:100%; height:100%;}

.main01{ background-color:#92d050; color:#fff; background-image:url(../images/bac001.jpg); background-position:right top; background-repeat:no-repeat; background-size:auto 50%;}
.main1le{ width:58%}
.main1ri{ width:42%; padding:80px;}

.main1ri b{ font-size:30px; display:block; line-height:1.4;}
.main1ri p{ font-size:16px;}
.main1ri .line{ margin:40px 0; width:65px; height:1px; background:#fff;}

.main02{ padding:100px 0;}
.main02 li{ transition:all .3s; width:32.5%; padding:60px; text-align:center; background:#f3f3f3;}
.main02 li .img{ height:100px; margin-bottom:30px;}
.main02 li img{ max-height:100%;}
.main02 li b{ display:block; color:#333; font-size:26px; font-weight:normal;}
.main02 li p{ font-size:16px; color:#666666;}
.main02 li .line{ margin:20px auto; width:55px; height:2px; background:#464646}
.main02 li:hover{ box-shadow:0 0 15px rgba(0,0,0,.1); background:#fff; transform:translateY(-5px); -webkit-transform:translateY(-5px);}

.main3{ padding:250px 0; color:#fff;}
.maintitle { position:relative; padding-left:45px; margin-bottom:35px;}
.maintitle:before{ content:""; display:block; width:20px; height:100%; background:#92d050; position:absolute; left:0; top:0}
.maintitle b{ font-size:26px; display:block; line-height:1.4;}
.main3  .introty,.main3 .maintitle{ max-width:420px;}
.main3  .introty{ color:#fff;}
.main4 img{ width:100%;}
.main4{ padding-bottom:40px; background:#000; text-align:center; color:#fff;}
.main4 b{ display:block; margin-top:40px; font-size:30px; line-height:1.4;}
.main4  .introty{ color:#fff; max-width:980px; margin:0 auto;}

.main5{ padding-top:115px; background:#fff; position:relative;}
.main5box{ position:relative; z-index:1;}
.main5 img{ max-width:100%; display:block;}
.main5bac{ width:28%; background:#92d050; height:100%; position:absolute; left:0; top:0; z-index:0; }

.main5box .txt{ padding:15px 0; padding-left:25%;}
.main5box .txt b{ font-size:30px;}
.main5box .txt p{ font-size:16px; color:#333;}



.main6box{ max-width:585px; color:#fff; padding:170px 85px; background-color:rgba(0,0,0,.8);}
.main6box .introty{ color:#fff;}
.main6box .maintitle{ padding-top:25px; padding-bottom:25px; padding-left:30px;}
.main6box .maintitle:before{ width:70px; z-index:0;}
.main6box .maintitle b{ position:relative; z-index:2;}


.main7{ padding:130px 0; background-color:#ebf6fd;}
.titleone{ font-size:40px; font-weight:bold; color:#333333; text-align:center; margin-bottom:80px;}

.main7 li{ transition:all .3s; width:32.5%; background:rgba(255,255,255,.68); position:relative; padding:40px; text-align:center;}
.main7 li b{ display:block; font-size:40px; color:#333; line-height:1; padding:15px 0;}
.main7 li span{ position:absolute; left:50%; top:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); }
.main7 li p{ color:#666666; font-size:16px;}
.main7 li span img{ max-width:100%; max-height:100%;}
.main7 li:hover{  box-shadow:0 0 15px rgba(0,0,0,.1); background:#fff; transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.main7 li:hover b{ color:#92d050}

.main8{ padding:100px 0;}
.page_swiper{ width:100%; position:relative; margin-top:60px;}
.swiper-pagination-progressbar{ height:7px; width:100%; background:#eeeeee;}
.swiper-pagination-progressbar span{ background:#92d050 !important;}

.main8box .img{ height:505px;}

.main8box .txt{ position:absolute; bottom:0; left:0; width:100%; padding:20px 45px; background:#a5d175;}
.main8box .txt b{ color:#fff;font-size:26px;}
.main8box .txt .txtp{ color:#fff; font-size:17px; display:none; margin-top:10px;}
.main8box .swiper-slide:hover .txt .txtp{ display:block;}

.indexbook{ background:#89b659; padding:50px;}
.indexbook button{ cursor:pointer; width:145px; height:50px; background:#fff; color:#333; font-size:14px;}
.indexbook input{ width:calc(50% - 95px); height:50px; background:rgba(255,255,255,.2); color:#fff; padding:0 20px;}
.indexbook input:focus{ background:rgba(255,255,255,.4);}
.indexbook input::-webkit-input-placeholder{ color:#fff!important;}
.indexbook input::-moz-input-placeholder{ color:#fff!important;}
.indexbook input::-ms-input-placeholder{ color:#fff!important;}

.booktit b{ font-size:32px; display:block; line-height:1; color:#fff; margin-bottom:8px;}
.booktit span{ font-size:12px; color:#fff; display:block; margin-bottom:25px;}

.footer{ background:#13212e;}
.fotri{ }
.fotle{ width:21.5%;}
.fotle img{ max-width:90%;}
.fotri{ width:78.5%; color:#fff; border-left:1px solid #23313d;  padding:110px 0 110px 80px;}

.fotri li{ width:32%;}
.fotri li a{ display:block; transition:all .3s;}
.fotri b a{ font-size:18px; color:#fff; font-weight:normal;}
.fotri b { display:block; margin-bottom:25px;}
.fotri li >a{ font-size:14px; color:#869097; margin-bottom:5px;}
.fotri li >a:hover{ color:#fff;}

.fotri ul{ width:62%;}
.fotcontact{ width:36.5%}
.fotcontact p{font-size:14px; color:#869097; margin-bottom:5px;}
.fotcontact p a{font-size:14px; color:#869097; display:inline-block;}
.fotcontact p a:hover,.fotcopy a:hover{ color:#fff;}

.fotcopy{border-top:1px solid #23313d; padding:20px 15px; font-size:14px; color:#869097;}
.fotcopy a{ display:inline-block;font-size:14px; color:#869097;}
.fotcopy li{ margin-left:20px; position:relative;}
.fotcopy li:hover .tanchuimgs{ bottom:100%; opacity:1; visibility:visible;}
.fotcopy li .tanchuimgs{ position:absolute; bottom:120%; left:50%; padding:10px; width:120px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); transform:translateX(-50%); -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%); opacity:0; visibility:hidden; transition:all .3s;}
.fotcopy li .tanchuimgs img{ width:100%;}

@media screen and (max-width:1480px){
	 .w1200{ padding-left:40px; padding-right:40px;}
	 .header li{ margin-left:40px;}
	}
@media screen and (max-width:1280px){
	 .header li{ margin-left:20px;}
	 .tel{ margin-left:30px;}
	 .searchbtn{ margin-left:30px;}
	 .banri b em{ font-size:40px;}
	 .banri b{ font-size:24px;}
	 .introty{ font-size:14px;}
	 .main1ri{ padding:50px;}
	 .main1ri .line{ margin:20px 0;}
	 .main1ri b,.main4 b,.maintitle b,.main5box .txt b{ font-size:22px;}
	 .main02{ padding:60px 0;}
	 .main02 li{ padding:30px;}
	 .main02 li .img{ height:70px;}
	 .main02 li b{ font-size:20px;}
	 .main3{ padding:3rem 0}
	 .main02 li p,.main5box .txt p{ font-size:14px;}
	 .main7{ padding:80px 0;}
	 .titleone{ font-size:30px; margin-bottom:30px;}
	 .main7 li b{ font-size:28px;}
	 .main7 li span img{ height:50px;}
	 .main8box .img{ height:7rem;}
	 .page_swiper{ margin-top:30px;}
	 .main8{ padding:60px 0;}
	 .main8box .txt .txtp{ font-size:12px; margin-top:2px;}
	 .main8box .txt{ padding:10px;}
	 .main8box .txt b{ font-size:18px;}
	 .indexbook{ padding:40px 0;}
	 .fotri{ padding:80px 0 80px 80px;}
	}

.main6>img{ width:100%}

@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .w1200{ padding-left:20px; padding-right:20px;}
	 .pc{ display:none;}
	 .banri img{ width:40px;}
	 .banle,.banri { width:100%; height:auto;}
	 .banle{ height:10rem}
	 .banri b em{ font-size:22px;}
	 .banri b{ font-size:18px;}
	 .introty{ padding-top:15px;}
	 .banner{ padding-bottom:20px;}
	 .main1le,.main1ri{ width:100%;}
	 .main1ri{ padding:30px 20px;}
	 .main1ri b, .main4 b, .maintitle b, .main5box .txt b{ font-size:18px;}
	 .main1ri p{ font-size:14px;}
	 .main1ri .line{ margin:13px 0;}
	 .main02{ padding:30px 0;}
	 .main02 li{ width:100%; margin-bottom:15px;}
	 .main02 li .img{ height:55px; margin-bottom:10px;}
	 .main02 li .line{ margin:10px auto;}
	 .maintitle{ margin-bottom:15px;}
	 .main3{ padding:5rem 0;}
	 .main4 b{ margin-top:25px;}
	 .main5{ padding-top:30px;}
	 .main5box .txt{ padding-left:0}
	 .main6{ background-image:none !important;}
	 .main6box{ padding:30px 20px; width:100%;}
	 .main6box .maintitle{ padding-top:10px; padding-bottom:10px;}
	 .main6 .w1200{ padding-left:0; padding-right:0}
	 .main6box .introty{ padding-top:0}
	 .main7{ padding:40px 0;}
	 .main7 li { padding:25px;}
	 .main8{ padding:40px 20px;}
	 .main7 li span img{ height:40px;}
	 .titleone{ font-size:22px;}
	 .main7 li b{ font-size:20px;}
	 .main7 li{ width:100%; margin-bottom:40px;}
	 .main8box .img{ height:11rem;}
	 .main8box .txt b{ font-size:14px;}
	 .booktit b{ font-size:20px;}
	 .indexbook input{ width:100%; margin-bottom:10px;}
	 .indexbook button{ width:100%;}
	 .fotle{ width:100%; padding:40px 0; text-align:center;}
	 .fotri{ width:100%; padding:20px 0; text-align:center; border-top:1px solid #23313d; border-left:none;}
	 .fotri ul{ display:none;}
	 .fotcontact{ width:100%;}
	 .fotcopy{ text-align:center;}
	 .fotcopy ul{ margin-top:20px;}
	 .fotcopy .w1200{    justify-content: center;}
	}