@charset "utf-8";
/* CSS Document */
/*前端：yqg*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none; line-height:normal;margin-bottom:0;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial;font-size:12px;color:#000000;outline: none;}
body{ position: relative; right: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:inherit;
    color:#333;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;text-decoration: inherit;outline: none;}
img{border:0; max-width:100%;outline: none;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal;  font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;outline: none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;outline: none;}
textarea{ resize:none;outline: none;}
input{ outline:0;outline: none;}
::-webkit-input-placeholder { color:#999 !important;}
:-moz-placeholder {  color:#999 !important;}
::-moz-placeholder {  color:#999 !important;}
:-ms-input-placeholder { color:#999 !important; }
@media  screen and (max-width:767px){
    h1{font-size:24px;}
    h2{font-size:18px;}
    h3{font-size:16px;}
    h4{font-size:14px;}
    h5{font-size:12px;}
    h6{font-size:12px;}
}


.pz_top{ position: relative; z-index:500; float:left; width:100%;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s; }
.pz_top.pz_ny_top{ position: static!important;}
.pz_banner{ float:left; width:100%; height: 100%; position: relative;z-index: 1;}
.pz_main{ float:left; width:100%; }
.footer{ float:left; width:100%;}
.center_back{float: left; width: 100%;}
@media screen and (max-width: 767px) {
    .footer{padding-bottom: 65px;}
}
/*top*/
.back1{ background-color: #f6f6f6}
.follow{ float: right; height: 34px;}
.follow .attention{ float: left;}
.follow .attention span{float: left; color:#484848; font-size:12px; line-height: 34px;margin-right: 7px;}
.follow .attention a{ float: left; margin-left: 10px; margin-top: 8px; position: relative; z-index: 9999;}
.follow .attention a .QR_code{ position:absolute; width: 120px; height: 0; padding: 0 10px; overflow: hidden; left: 50%; margin-left: -60px;top:35px; background-color: #fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.14);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.14);
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.follow .attention a .QR_code:after{ position: absolute; content: ' '; width: 0; height: 0; left: 50%; margin-left: -10px; top:-12px; border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;}
.follow .attention a:hover .QR_code{height: 120px;padding: 10px;overflow:inherit;}

.lang{ float: left; margin-left: 22px; width: 134px;height: 34px; background: #ebebeb;}
#divselect{width: 134px;height: 34px; background: #ebebeb; position:relative; z-index:10000;}
#divselect .li_div{width:134px; height:34px;line-height:34px; display:block; color:#484848; cursor:pointer;font-style:normal;
    padding-left:18px; padding-right:30px; background:url("images/icon3.jpg") no-repeat right center;}
#divselect ul{width:100%;border:1px solid #f5f5f5; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-1px; display:none;}
#divselect ul li{display:block; height:32px; line-height: 32px; color:#333333; text-decoration:none; cursor: pointer;}
#divselect ul li a{ width:100%; float:left; line-height: 32px;padding-left:18px; color:#333333; text-decoration:none; }
#divselect ul li a:hover{width:100%;float:left; background-color:#15b559;color:#fff;}

.menu{ float: left; width: 100%; padding-left: 225px; position: relative;}
.logo{ position:absolute; left: 0; top:-34px; width: 183px; height: 175px; padding: 15px 15px 20px 15px; background-color: #fff; z-index: 2;
    box-shadow: 0 0 70px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 70px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 70px 0 rgba(0,0,0,0.25);
}


/*pc导航*/
/*导航*/
#header{ float:left;}
ul.nav{float:left;position:relative;}
ul.nav li{ float:left; margin: 0 5px; z-index:2;  position: static;}
ul.nav li a{ float:left; padding: 0 16px; height:92px; line-height:89px; color:#1b1b1b; font-size:16px; text-align:center;}
ul.nav li.hover a,
ul.nav li a:hover{ color:#15b559; background: none;border-bottom: 3px solid #15b559;}
.nav .nav-w {  z-index:1;  position:absolute; display: none; float:left;  clear:both;  width: 1920px; height:0; background-color: #15b559; background-color: rgba(21,181,89,0.95);  overflow:hidden;  top:92px;  left:50%; margin-left: -930px; padding: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.nav li .section-nav1{float: left; width: 100%; height: 316px; overflow: hidden;}
.nav li .subNavInfo{ float: left; width: 23%; display: table; height: 100%; color:#fff; font-size:12px; line-height: 24px; padding-right: 40px; border-right: 1px solid #fff;border-right: 1px solid rgba(255,255,255,0.3);}
.nav li .section-nav1 ul .cell,
.nav li .section-nav1 .rImg .cell,
.nav li .subNavInfo .cell{ display: table-cell; vertical-align: middle; height: 100%;}
.nav li .subNavInfo .cell strong{float:left;font-size:18px; width: 100%; padding-bottom: 10px;}
.nav li .section-nav1 ul {  position:static;  float: left; width: 52%; height: 100%; display: table;padding-left:25px}
.nav li .section-nav1 ul li {width:25%;  position:static;  padding:0; float: left; /*padding: 0 25px;*/ height: 40px;margin:0}
.nav li .section-nav1 ul li a {  padding:0px; float: left; height: 40px; border:0; width: 100%; color:#ffffff; font-size:16px; line-height: 40px;text-align:left}
.nav li .section-nav1 ul li a:hover {border:0; text-decoration: underline;}
.nav li .section-nav1 .rImg{ float: right; width: 220px; height: 100%; display: table;}
.nav li .section-nav1 .rImg img{ width: 220px; height: 220px; border:5px solid #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
ul.nav li:hover .nav-w{height: 316px;}
    /*phone*/
.header2{ background-color: #fff; width: 100%; height: 112px; float:left; display:none; }
.header2.ny_ph{position:static!important; float: left;}

.header2::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0px;  background-color: #fff;  opacity: .3;  }
.header2 .container{  position: relative;  height: 100%;  }
.header2 .logo { margin-top: 0px; padding-top: 18px;}
.header2 .menuph{  position: absolute;  top: 31px;  right: 15px;  cursor: pointer;  width: 50px;  height: 50px;  background-color: #15b559;  text-align: center;  }
.logo_ph{float: left; margin-top: 10px;}
.tel{ float:right; color:#15b559;font-size:23px; margin-top: 29px;}
.tel a{color:#15b559;}
.tel a img{ vertical-align: middle; margin-top: -5px;}

/*pc跟随*/
.header1.active{background-color:#fff;background-color:rgba(255,255,255,.92);box-shadow: 0 0px 3px 4px rgba(0,0,0,.04)}
.header1.active .pcheadert{
    display: none;
}
@media screen and (min-width: 1360px) {
    .header1.active .pcheader{
        width: 1390px;
    }
}
.header1.active .pc_float{margin-top:0;padding-bottom: 0;}
.header1.active .search_pc{top:7px;}
.header1.active .search_pc img{width: 36px;}
.header1.active .logo {float:left;padding:8px 0;}
.header1.active .logo img{width:99px;}
.header1.active .pc_nav {margin-top:10px;}

/*手机按钮*/
.header2 .menuph .point {  display: inline-block;  width: 28px;  height: 22px;  margin-top: 14px;  position: relative;  }
.header2 .menuph .point:hover .navbtn,
.header2 .menuph .point:hover .navbtn::after,
.header2 .menuph .point:hover .navbtn::before {  width: 28px;  }
.header2 .menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 1px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 1px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.header2 .menuph .navbtn::after {  top: -11px;  }
.header2 .menuph .navbtn::before {  top: 10px;  }
.header2 .menuph .point.active .navbtn{  background: transparent;  }
.header2 .menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.header2 .menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }
.phNav{ float:right; width: 134px;}

/*手机下拉*/
.xialaph{  position: absolute;  top: 112px;  left: 0;  width: 100%;  background-color: #fff;  padding-bottom: 122px;  display: none;  z-index: 1049; }
.xialaph .ul2,
.xialaph .ul3{  display: none;  }
.xialaph h4 a{  color: #333;  font-size: 16px;  font-weight: bold;  line-height: 62px;  }
.xialaph h4 a:hover{color:#bc9658}
.xialaph h4{  position: relative;  }
.xialaph li:last-child h4::before{content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h5 a{  color: #333;  font-size: 16px;  font-family: "微软雅黑";  line-height: 57px;  }
.xialaph h5{  position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.05;*/  }
.xialaph .ul2 li:last-child h5::after{  display: none; width: 0;}
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 29px;  cursor: pointer;  }
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  margin-right: 18px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ }
.xialaph .ul3{  padding-top: 12px;  padding-bottom: 18px;  padding-left: 15px;  position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #666;  font-size: 14px;  line-height: 35px;  display: block;  }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.lang_ph{ float: left; width: 100%; text-align: center; font-size:16px; margin-top: 30px;}
.lang_ph a{color:#666;}
.lang_ph a:hover{color:#bc9658}

.phonemeng{  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: #000;  opacity: .6;  z-index: 196;  display: none;  }
.phonemeng.active{  display: block;  }
.img_d, .disno{  display: none;  }


/*媒体查询*/
@media screen and (max-width: 1500px) {
    .slick_jia .slick-prev{  left: -62px;  }
    .slick_jia .slick-next{  right: -62px;  }
    .main0162 .main16sk .spannext,
    .slick_honor .slick-next{  right: -60px;  }
    .main0162 .main16sk .spanprev,
    .slick_honor .slick-prev{  left: -60px;  }
    .main0161 .hai {  width: 500px;  }
}
@media screen and (max-width: 1199px) {
    .header1 {  display: none;  }
    .header2{  display: block;  }
    .lang{ margin: 0 auto; margin-top: 20px; float: none;}
    .tel{ float:left; width: 100%; text-align: center; color:#15b559;font-size:23px; margin-top: 29px;}
}

@media (min-width: 1200px) {
    .container { width: 1170px;padding: 0;}
}
@media (max-width: 767px) {
    .pz_top{ position:static;}
}

/*banner*/
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0;}
.slide_banner img{ width:100%;}
.slide_banner .slick-prev, .slide_banner .slick-next { position: absolute; display: block; height: 71px; width: 38px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: 0px; padding: 0; border: none; outline: none; -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.slide_banner .slick-prev { left: 25px; background: url("images/banner_pev_1.png") no-repeat;}
.slide_banner .slick-prev:hover{background: url("images/banner_pev.png") no-repeat;}
.slide_banner .slick-next { right: 25px; background: url("images/banner_next_1.png") no-repeat;}
.slide_banner .slick-next:hover{background: url("images/banner_next.png") no-repeat;}
.slide_banner .slick-dots{ bottom:38px; height:15px; z-index: 999;}
.slide_banner .slick-dots li{ width:0px; height:14px; background-color:#fff; margin:0 5px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.slide_banner .slick-dots li.slick-active{
    background-color:#15b559;
}
@media  screen and (max-width:767px){
    .slide_banner .slick-dots{ bottom:15px; height:10px;}
    .slide_banner .slick-dots li{ width:10px; height:10px; margin:0 4px; }
}
/*main*/
.notice{position: absolute; left:0; bottom: 0; width: 100%; z-index: 99999;}
.noticeText{ float: left; width: 100%; padding: 0 185px 0 95px; position: relative}
.noticeText .radBack{ position: absolute; left: 0; bottom:0; width: 95px; height: 95px; text-align: center}
.noticeText .radBack h1{ float: left; width: 100%; color:#fff; background-color: #e34120;font-size:23px; line-height: 28px; padding: 19.5px 0;}
.noticeText .weather{ position:absolute; right: 0; bottom: 0; width:185px; height:95px;background-color: #72af3c;}
/*天气*/
#demo { width:100%;color:#FFF; overflow:hidden; text-align: center;}
#demo i { background: no-repeat top left; display:inline-block; height:33px; line-height:33px; margin:15px auto 10px auto; font-size:16px; /*padding-left:40px;*/ font-style:normal; text-align:center; font-weight:bold; }
#demo i.icon-xiaoyu { background-image:url(images/xiaoyu.png); background-size: 33px 33px; }
#demo i.icon-zhongyu { background-image:url(images/zhongyu.png); background-size: 33px 33px;}
#demo i.icon-dayu { background-image:url(images/dayu.png); background-size: 33px 33px;}
#demo i.icon-qing { background-image:url(images/qing.png); background-size: 33px 33px;}
#demo i.icon-duoyun { background-image:url(images/duoyun.png); background-size: 33px 33px;}
#demo i.icon-yin { background-image:url(images/yin.png); background-size: 33px 33px;}
#demo p { font-size:12px; }
#demo p span { margin:0 5px; }

/*公告*/
.picScroll-top{ float: left; width: 100%; overflow: hidden; position:relative; background-color: rgba(0,0,0,0.5); padding: 0 17px;}
.picScroll-top .bd{ float: left; width: 100%;}
.picScroll-top .bd ul{float: left; width: 100%; overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{float: left; width: 100%; height: 95px;}
.picScroll-top .bd ul li .pic{ float: left; width: 100%;}
.picScroll-top .bd ul li .pic a{ float: left; width: 100%; color:#fff;line-height: 21px; height:63px; overflow: hidden; margin-top: 16px;}
@media  screen and (max-width:991px){
    .noticeText{ float: left; width: 100%; padding: 0 0px 0 95px; position: relative}
    .notice{bottom: 50px; }
    .noticeText .weather{right: 0; bottom: -50px; width:100%; height:50px;background-color: #72af3c;}
    .picScroll-top .bd ul li .pic a{ line-height: 20px; height:80px; overflow: hidden; margin-top: 7px;}
    #demo i { margin:8px auto 0 auto; font-size:16px; padding-right:20px; }
    #demo p { display: inline-block; font-size:14px; }
    .noticeText{ display: none;}

}

/*公园介绍*/
.slick-slide{outline: none;}
.parkInfo{ float: left; width: 100%; position: relative; z-index: 9;  margin-top: -150px;}
.back2{background-color: #f6f6f6; position: relative; z-index: -1;}
.parkText{ float: left; width: 100%; color:#656565; font-size:14px; line-height: 26px; text-align: center; padding: 70px 180px 175px 180px;}
.parkText h1{font-size:30px;color:#2b2b2b;}
.parkInfo .slick-slide img{display: inline-block;}
.parkImgBox{ float: left; width: 100%; position: relative; z-index: 2; padding-bottom: 30px; padding-top: 80px;}
.parkImgInfo{ float: left; width: 43.17%; overflow: hidden;}
.parkImgInfo a{ float: left; outline: none; width: 100%; margin-left:0px; position: relative;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.parkImgInfo a .parkImgText{position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.4); width: 260px; padding: 0 30px;}
.parkImgInfo a .parkImgText h2{ float: left; width: 100%; color:#fff; font-size:18px; line-height: 24px; text-transform: uppercase; padding: 25px 0 15px 0;}
.parkImgInfo a .parkImgText h2 strong{ font-family: Arial;font-size:14px; letter-spacing: 1px;}
.parkImgInfo a .TextInfoImg{ float:left; width:100%;color:#dbdbdb;font-size:14px; line-height: 24px;height:0px; overflow: hidden;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.parkImgInfo a:hover .TextInfoImg{height: 168px;}
.parkImgInfo a:hover .parkImgText{ padding: 0 30px 22px 30px;}
.parkImgInfo.right{ float: right;}
.parkImgInfo.right a .parkImgText h2{ text-align: right}
.parkImgInfo.right a .parkImgText{ left: auto; bottom: auto; right: 0; top:0;}

.parkMore{ position: absolute; left: 50%;margin-left: -85px; top:50px; text-align: center; width: 170px; height: 340px; background-color: #15b559;}
.parkMore:after{ position: absolute; content: ' '; width: 9px; height: 104px; left: 50%;margin-left: -4.5px; top:-49px; background: url("images/main3.png") no-repeat;}
.parkMore h2{ float: left; width: 100%; font-size:24px; line-height: 31px; color:#fff; text-align: center; padding: 0 15px; margin-top: 90px;}
.parkMore h3{ float: left; width: 100%; font-size:14px; color:#fff; line-height: 30px; font-weight: bold; letter-spacing: 1px; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase;}
.parkMore a{ display: table;display: inline-block; zoom: 1; width: 101px; height: 30px; border:1px solid #fff; text-align: center; line-height: 28px; color:#fff; font-size:13px; margin-top: 30px;}
.parkMore a:hover{ color:#15b559;  background-color: #fff;}
.parkInfo .slick-dots{ bottom:30px; height:15px; z-index: 999;}
.parkInfo .slick-dots li{ width:14px; height:14px; border:2px solid #fff; margin:0 5px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.parkInfo .slick-dots li.slick-active{
     background-color:#fff;
}
.parkInfo .slick-slide.slick-active .parkImgInfo a{margin-left: 0; filter:alpha(opacity=100);-moz-opacity:1; opacity:1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
@media screen and (max-width: 1199px) {
    .parkImgInfo a .parkImgText{width: 230px; padding: 0 20px;}
    .parkImgInfo a .parkImgText h2{ padding: 15px 0 5px 0;}
    .parkImgInfo a .TextInfoImg{ line-height: 20px;}
    .parkImgInfo a:hover .TextInfoImg{height: 140px;}
    .parkImgInfo a:hover .parkImgText{ padding: 0 20px 15px 20px;}
    .parkMore h2{font-size:20px; line-height: 28px; padding: 0 30px; margin-top: 80px;}
    .parkMore h3{ float: left; width: 100%; font-size:14px; color:#fff; line-height: 30px; font-weight: bold; letter-spacing: 1px; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase;}
    .parkMore{ height: 284px; }
    .parkInfo .slick-dots{ bottom:15px;}
}
@media screen and (max-width: 991px) {
    .parkInfo{ margin-top: -80px;}
    .parkText{ padding: 50px 0px 80px 0px;}
    .parkText h1{font-size:22px;color:#2b2b2b;}
    .parkImgBox{ margin-top: -60px;padding-bottom: 40px;}
    .parkImgInfo{ width: 100%;}
    .parkImgInfo.right{display: none;}
    .parkMore{ position:static; left:0;margin-left:0; top:0; float: left; text-align: center; width:100%; height:auto; background:none;}
    .parkMore:after{ width: 0; height: 0;}
    .parkMore h2{display: none;}
    .parkMore h3{display: none;}
    .parkMore a{ border:1px solid #15b559; color:#15b559; margin-top: 10px;}

    .parkInfo .slick-dots li{  border:2px solid #15b559; background-color:#15b559; }
}
@media screen and (max-width: 767px) {
    .parkText{ padding: 30px 0px 80px 0px;}
}
@media screen and (max-width: 767px) {
    .TextInfoImg{ display: none; }
    .parkImgInfo a:hover .parkImgText{ padding-bottom: 0;}
}

/*标题*/
.mainTit{ float:left; width: 100%; text-align: center; margin-top: 65px;}
.mainTit h1{ float: left; width: 100%;text-align: center; color:#262424; font-size:30px; line-height: 42px;}
.mainTit h3{display: inline-block; padding: 0 18px; line-height: 30px; color:#15b559; font-size:15px; font-family: Arial; position: relative}
.mainTit h3:before,
.mainTit h3:after{ position: absolute; content: ' '; left:-84px; top:6px; width: 84px; height: 16px;background: url("images/main4.png") no-repeat;}
.mainTit h3:before{left: auto; right: -84px;}

/*太湖游记*/
.slide_pic{ padding:35px 0 30px 0; margin:0; }
.slide_pic .slick-slide{ padding:0;}
.slide_pic a{ float: left; height: 331px; width: 100%; padding-top: 103px; text-align: center; position: relative; outline: none; }
.slide_pic a:after{position: absolute; content: ' '; left: 0; bottom: 0; width: 100%; height: 0; background-color: #00939a; z-index: -1;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.slide_pic a.green:after{background-color:#15b559}
.slide_pic a.yellow:after{background-color: #a1c43b}
.slide_pic a .infoBox{ float:left; width: 100%; height: 228px; background-color: #00939a;}
.slide_pic a.green .infoBox{background-color: #15b559}
.slide_pic a.yellow .infoBox{ background-color: #a1c43b}
.slide_pic a .thumbnailImg{display: inline-block; border:6px solid #fff; margin-top:-77px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; overflow: hidden;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.slide_pic a .thumbnailImg img{ width: 143px;}
.slide_pic a h2{ float:left; width: 100%; font-size:18px; color:#fff; line-height: 24px; margin-top: 22px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.slide_pic a .recText{ float: left; width: 100%; padding: 0 10px; text-align: center; line-height: 25px; color:#fff; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.slide_pic a .recAddress{ float: left; width: 100%; text-align: center; font-size:14px;line-height: 24px;color:#fff; margin-top: 18px; padding-top: 18px; position: relative; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.slide_pic a .recAddress:after{ position: absolute; content: ' '; width: 12px; height: 14px; left: 50%; margin-left: -6px; top:0; background: url("images/main8.png") no-repeat;}
.slide_pic a:hover:after{ height: 100%;}
.slide_pic a:hover .thumbnailImg{transform:rotate(360deg)}
.slide_pic .slick-prev,
.slide_pic .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    left:0px;
    bottom:87px;
    top:auto;
    display: block;
    width: 25px;
    height: 54px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background:url(images/play_l.png) no-repeat;
    z-index:100;
}
.slide_pic .slick-next{
    left:auto;
    right:0px;
    background:url(images/play_r.png) no-repeat;
}
.slide_pic .slick-dots{ bottom:38px; height:15px; z-index: 999;}
.slide_pic .slick-dots li{ width:0; height:0; background-color:#f2f2f2; margin:0 5px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.slide_pic .slick-dots li.slick-active{
    background-color:#188dce;
}
@media  screen and (max-width:991px){
    .mainTit{ margin-top: 35px;}
    .slide_pic{ padding:25px 0 20px 0; margin:0; }

}
@media  screen and (max-width:767px){
    .mainTit{ margin-top: 15px;}
    .mainTit h1{ font-size:24px; line-height: 30px;}
    .mainTit h3{font-size:13px; }
    .slide_pic a{padding-top: 83px; height: 311px;}
    .slide_pic a .thumbnailImg{border:3px solid #fff; }
    .slide_pic a .thumbnailImg img{ width: 120px;}
    .slide_pic{ padding:10px 0 20px 0; margin:0; }
}

/*精彩视频*/
.back3{ background:url("images/back3.jpg") no-repeat top center;margin-top: 40px;}
.tempWrap{ float: left; width: 100%;}
.txtScroll-left{ float: left; width: 100%; position: relative;}
.txtScroll-left .hd{ position:absolute; left: 0; top:212px; height: 50px; line-height: 50px; color:#fff; z-index: 9;}
.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;  width:20px; height:29px; float:left; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/videoPr.png") no-repeat;}
.txtScroll-left .hd .prev:hover{background:url("images/videoPr_g.png") no-repeat;}
.txtScroll-left .hd .next{ background:url("images/videoPl.png") no-repeat;}
.txtScroll-left .hd .next:hover{background:url("images/videoPl_g.png") no-repeat;}
.txtScroll-left .hd .prevStop{ background-position:-60px 0; }
.txtScroll-left .hd .nextStop{ background-position:-60px -50px; }
.pageState{color:#15b559; float: left; width: 130px; text-align: center; font-size:24px; letter-spacing: 4px;}
.pageState span{color:#fff;}
.txtScroll-left .bd{ float: left; width: 100%; overflow: hidden; position: relative;}
.txtScroll-left .bd ul{ float: left; width: 100%;}
.videoBox{float: left; width: 100%; padding-top: 98px;}
.videoBox .videoImg,
.videoBox .videoText{width: 50%; float: left; position: relative;}
.videoBox .videoImg button{ position:absolute; right: 20px; bottom: 20px;}
.videoBox .videoText h2{float: left; width: 100%; color:#ffffff; font-size:24px; line-height: 30px; padding-right: 70px; margin-top: 20px;}
.videoBox .videoText .videoInfo{ float: left; width: 100%;color:#fff;font-size:14px;line-height: 25px;height:50px; overflow:hidden;padding-right: 70px; margin-top: 10px;}
.videoMore{ position: absolute; left: 0; bottom:48px; color:#fff; z-index: 11; width: 50%; height: 170px; background-color: #32b46d;}
.videoMore .videoMoreBou{ float: left; padding: 0 0 0 20px; margin-top: 50px;}
.videoMore a{ display: table; border:1px solid #fff; color:#fff; padding: 0 27px; line-height: 30px;font-size:14px; margin-top: 13px;}
.videoMore a:hover{ background-color: #fff; color:#16c561}
.videoMore .videoMoreBou .videoEn{ display: table; text-transform: uppercase; font-size:30px; line-height: 30px;}
.videoMore .videoMoreText{ float: right; padding-right: 50px;}
.videoMore .videoMoreText span{ float:left; text-align: center;font-size:24px; width: 70px; text-align: center; line-height: 26px; padding: 18px 0px 30px 0px; font-weight: bold; font-family:FangSong; border-right:1px solid #fff; position: relative;}
.videoMore .videoMoreText span:after{ position: absolute; content: ' '; width: 10px; height: 10px; right: -6px; bottom: 0; background-color: #fff;border-radius:10px;}
.videoImgFlow{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); left: 0; top:0; z-index: 99999;display: none;}
.video_cox{
    position: absolute;
    left: 50%;
    top: 35%;
    width: 1170px;
    margin-left: -585px;
    margin-top: -225px;  }
.videoBox1{ float: left; width: 100%; position: relative;}
.videoBox1 h1{ float: left; width: 100%; color:#ffffff; font-size:24px; padding-right: 60px; padding-left: 10px;}
.videoBox1 .videoTime{ float:left; width: 100%; padding: 10px 60px 20px 10px; color:#fff; font-size:14px;}
.closeVideo{ position: absolute; right: 0; top:0; width: 55px; cursor: pointer;}
.videoBoxB{ float: left; width: 100%; position: relative; height: auto; text-align:center;}
.videoImgFlow video{ width: 100%;}
.videoImgFlow button{ position:absolute; left: 20px; bottom: 20px;}
.videoImgFlow  #play.act { visibility: hidden;  opacity: 0;  }

@media  screen and (max-width:1199px){
    .txtScroll-left .hd{ top:200px;}
    .videoMore{bottom:0px;}
    .videoBox .videoText h2{ margin-top:0px;}
    .video_cox{  width:970px;  margin-left: -485px;  margin-top: -225px; }
}
@media  screen and (max-width:991px){
    .back3{ margin-top: 30px;}
    .txtScroll-left .hd{ top:28px; left: auto; right: 0; }
    .pageState{width: 100px;font-size:20px; height: 35px; line-height: 35px;}
    .txtScroll-left .hd .prev,.txtScroll-left .hd .next{width:15px; height:22px; margin-top:5px; background:url("images/videoPr.png") no-repeat;background-size: 15px 22px;}
    .txtScroll-left .hd .prev:hover{background:url("images/videoPr_g.png") no-repeat;background-size: 15px 22px;}
    .txtScroll-left .hd .next{ background:url("images/videoPl.png") no-repeat;background-size: 15px 22px;}
    .txtScroll-left .hd .next:hover{background:url("images/videoPl_g.png") no-repeat;background-size: 15px 22px;}
    .videoBox{padding-top: 28px;}
    .videoBox .videoText .videoInfo{ padding-right:0px; height: auto; line-height: 24px;}
    .videoBox .videoImg,
    .videoBox .videoText{ float: left; width: 100%;}
    .videoBox .videoImg{ margin-top: 15px;}
    .videoBox .videoText h2{padding-right:140px;}
    .videoMore{ position: static; bottom:0; float: left; width: 100%; height: 170px; background-color: #32b46d; margin-top:0px;}
    .video_cox{  width:750px; margin-left: -375px;  margin-top: -125px;  }

}
@media  screen and (max-width:767px){
    .back3{ margin-top: 15px; padding-bottom: 20px;}
    .videoBox .videoText h2{font-size:20px; line-height: 30px;}
    .videoBox1 h1{ font-size:20px;}
    .videoMore{ height: 130px; }
    .videoMore .videoMoreBou{ float: left; padding: 0 0 0 15px; margin-top:20px;}
    .videoMore a{ display: table; border:1px solid #fff; color:#fff; padding: 0 15px; line-height: 30px;font-size:14px; margin-top: 13px;}
    .videoMore .videoMoreBou .videoEn{ display: table; text-transform: uppercase; font-size:24px; line-height: 24px;}
    .videoMore .videoMoreText{ padding-right: 20px;}
    .videoMore .videoMoreText span{ font-size:20px; width: 50px; line-height: 22px; padding: 10px 0px 15px 0px; }
    .videoMore .videoMoreText span:after{ position: absolute; content: ' '; width: 10px; height: 10px; right: -6px; bottom: 0; background-color: #fff;border-radius:10px;}
    .video_cox{  width:100%;  margin-left: 0px; left: 0; padding: 0 15px;  margin-top: -125px;}
    .closeVideo{width: 35px; }
}
@media  screen and (max-width:374px){
    .videoMore{ height: 115px; }
    .videoMore .videoMoreBou .videoEn{ font-size:20px; line-height: 20px;}
    .videoMore .videoMoreText{ padding-right: 15px;}
    .videoMore .videoMoreText span{ font-size:16px; width: 40px; line-height: 18px; padding: 10px 0px 15px 0px; }
    .videoMore .videoMoreBou{ margin-top:15px;}
    .videoMore a{ padding: 0 10px; line-height: 28px;}
}
/*湿地动态*/
.newList{ float: left; margin-top: 20px;}
.slide_field li{ padding: 20px 0; border-bottom: 1px solid #deeae3}
.slide_field li,
.slide_field li a{ float: left; width: 100%;outline: none;}
.slide_field div li:last-child{border-bottom: 0;}
.slide_field li .newTime{ float: left; width: 9.5%; text-align: center; background-color: #15b559; color:#fff;}
.slide_field li .newTime .topData{ float: left; width: 100%; color:#fff; font5-size:14px; line-height: 18px; padding: 15px 0 8px 0;}
.slide_field li .newTime .topData span{ font-size:30px;}
.slide_field li .newTime .news{ float: left; width: 100%; text-align: center; color:#fff; background-color: #11a650; line-height:30px; text-transform: uppercase;}
.slide_field li .newText{ float: left; width: 61%; margin-left: 3.896%;}
.slide_field li .newText h2{ float: left; width: 100%;color:#1c1c1c;font-size:16px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.slide_field li .newText .newTextInfo{ float: left; width: 100%;color:#a7a7a7;line-height: 18px; margin-top: 5px; height: 36px; overflow: hidden;}
.slide_field li .newText .newMore{ float: left; width: 78px; height: 30px; border:1px solid #15b559; text-align: center; line-height: 30px; color:#15b559; font-size:14px; margin-top: 8px; position:relative;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.slide_field li .newText .newMore:after{ position: absolute; content: ' '; width: 0; height: 100%; background: #15b559; left: 0; top:0; z-index: -1;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.slide_field li a:hover .newText .newMore{background-color: #15b559;color:#fff;}
.slide_field li a:hover .newText .newMore:after{ width: 100%;}
.slide_field li a .newImg{ float: right; width: 22.07%; overflow: hidden;}
.slide_field li a .newImg img{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.slide_field li a:hover .newImg img{
    -webkit-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
    transform:scale(1.05,1.05);
}

.moreNews{ float: left; width: 100%; background-color: #f6f6f6; height: 70px;}
.moreNews a{ float: right; color:#2b2b2b; font-size:14px; line-height: 70px; padding-right: 20px; position: relative; z-index: 999;}
.moreNews a:hover{color:#15b559}
.slide_field .slick-prev,
.slide_field .slick-next{background: none;}
.slide_field .slick-dots{ bottom:-50px; height:15px; z-index: 999; left: 20px;}
.slide_field .slick-dots li{ width:12px; height:12px; background-color:#cccccc; margin:0 8px; padding: 0; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.slide_field .slick-dots li.slick-active{
    background-color:#15b559;
}
.slick-slide img.pc_img{ display: block;}
.slick-slide img.ph_img{ display: none}
.weiBo{ margin-top: 40px; padding-bottom: 50px;}
@media  screen and (max-width:1199px){
    .slide_field li .newTime{ width: 10.5%; }
    .slide_field li .newText{ width: 60%; margin-left: 2%;}
    .slide_field li a .newImg{ float: right; width: 24.97%; overflow: hidden;}
}
@media  screen and (max-width:991px){
    .slide_field li .newTime{ width: 9.5%;}
    .slide_field li .newText{ width: 61%; margin-left: 3.896%;}
    .slide_field li a .newImg{ width: 22.07%;}
    .weiBo{ margin-top: 20px; padding-bottom: 10px;}
}
@media  screen and (max-width:767px){
    .slick-slide img.pc_img{ display: none;}
    .slick-slide img.ph_img{ display: block}
    .newList{ float: left; margin-top:0px;}
    .slide_field li{position: relative; padding: 15px 0;}
    .slide_field li .newText{width: 100%; margin-left:0; margin-top: 15px;}
    .slide_field li .newTime{ width: 70px; position: absolute; left: 0; top:15px;}
    .slide_field li a .newImg{ float: right; width: 100%; padding-left: 80px; overflow: hidden;}

    .slide_field li a:hover .newImg img{
        -webkit-transform:scale(1,1);
        -moz-transform:scale(1,1);
        transform:scale(1,1);  }
    .slide_field .slick-dots{ bottom:-37px;left: 15px;}
    .slide_field .slick-dots li{ margin:0 5px;}
    .moreNews{ height: 50px;}
    .moreNews a{ line-height: 50px; padding-right: 15px;}
    .weiBo{ margin-top: 20px; padding-bottom: 10px;}
}
/*太湖游记*/
.back4{ background-color: #f6f6f6;}
.travels{ float: left; width: 100%; padding-bottom: 70px;}
.travels ul{ float: left; width: 100%; margin-top: 10px;}
.travels ul li{ float: left; width: 100%; margin-top: 30px;}
.travels ul li a{ float: left; width: 100%; background-color: #efefef; position: relative;}
.travels ul li a .travelsImg{ float: left; overflow: hidden; padding: 0;}
.travels ul li a .travelsImg img{
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px,0, 0);
    transform: translate3d(-10px,0,0);
}
.travels ul li a:hover .travelsImg img{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);}
.travels ul li a .travelsText{ position: absolute;right: 30px; top:50%; width: 64%; margin-top: -102px; background-color: #fff; height: 204px; padding: 25px 27px;-webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.travels ul li a .travelsText h2{ float: left; width: 100%; font-size:18px; color:#2b2b2b; line-height: 50px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.travels ul li a .travelsInfo{ float: left; width: 100%; color:#2b2b2b; font-size:14px; line-height: 25px; height: 50px; overflow: hidden;}
.travels ul li a .travelsMore{ float: left; width: 100%; margin-top: 25px; height: 30px; font-size:14px;color:#15b559;}
.travels ul li a .travelsMore img{ vertical-align: middle; margin-top: -3px;}
.travels ul li a:hover .travelsText{box-shadow: 0 0 10px 3px rgba(0,0,0,0.07);}
.travels ul li:nth-child(2n) a .travelsImg{ float: right}
.travels ul li:nth-child(2n) a .travelsText{ right: auto; left: 30px;}
@media  screen and (max-width:991px){
    .travels{ padding-bottom: 30px;}
    .travels ul{margin-top: 0;}
}
@media  screen and (max-width:767px){
    .travels{ padding-bottom: 30px;}
    .travels ul{ margin-top: 0px;}
    .travels ul li{ margin-top: 20px; }
    .travels ul li a{ padding-bottom: 15px;}
    .travels ul li a .travelsText{ float: left; position:relative; z-index: 99; left: 5%; margin-top: -20px; width: 90%;}
    .travels ul li:nth-child(2n) a .travelsText{ right: auto; left:5%;}
}

/**/
.demandHref{ float:left; width: 100%; padding: 40px 0 60px 0}
.demandHref ul{ float: left; width: 100%;}
.demandHref ul li{ float: left; width: 50%; padding: 0 15px; margin-top: 30px;}
.demandHref ul li .l_050{ float: left; width: 50%; height: 170px;}
.demandHref ul li .l_050 a{ float: left; width: 100%; height: 100%; padding: 25px 0 0 29px; color:#fff; font-size:18px; position: relative; position: relative;}

.demandHref ul li .l_050 a span{ text-transform: uppercase; font-size:14px;}
.demandHref ul li .l_050 a .i{ position: absolute; right: 11px;bottom: 11px;}
.demandHref ul li .l_050 a.green{ background-color: #15b559;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.demandHref ul li .l_050 a.kelly{ background-color: #a1c43b;}
.demandHref ul li .l_050 a.yellow{ background-color: #cdc400;}
.demandHref ul li .l_050 a.gray{ background-color: #8a9a9a;}
.demandHref ul li .l_050 a.blue{background-color: #5587a2;}
.demandHref ul li .l_050.imgBack{ background: url("images/main14.jpg") no-repeat center; background-size:cover;}
.demandHref ul li .l_050.imgBack1{background: url("images/main15.jpg") no-repeat center; background-size:cover;}
.demandHref ul li .l_050.imgBack2{background: url("images/main16.jpg") no-repeat center; background-size:cover;}
.demandHref ul li .l_050 a:hover.kelly,
.demandHref ul li .l_050 a:hover.yellow,
.demandHref ul li .l_050 a:hover.gray,
.demandHref ul li .l_050 a:hover.blue,
.demandHref ul li .l_050 a:hover.green{ background:none;}
.demandHref ul li .l_050 a:hover.green{ background-color: #0ea74f;}
.demandHref ul li .l_050 a:hover.kelly{ background-color: #95ba2a;}
.demandHref ul li .l_050 a:hover.yellow{ background-color: #b5ad01;}
.demandHref ul li .l_050 a:hover.gray{ background-color: #7d8a8a;}
.demandHref ul li .l_050 a:hover.blue{ background-color: #4c7a93;}
@media  screen and (max-width:991px){
    .demandHref{ padding: 30px 0 40px 0;}
    .demandHref ul li{ width: 100%; margin-top: 20px;}
    .demandHref ul li .l_050.mes{ float: right}
}
@media  screen and (max-width:767px){
    .demandHref{ padding: 30px 0;}
    .demandHref ul li{margin-top: 0;}
    .demandHref ul li .l_050{ width: 100%; height: 130px;}
    .demandHref ul li .l_050.l_050Img{ display: none;}
}

/*底部*/
.back5{ background-color: #f2f2f2; padding-bottom: 20px;}
.leftHref{ float: left; width: 64%;}
.leftHref .downNav{ float: left; width: 100%; padding: 29px 0 14px 0;border-bottom: 1px dashed #c2c2c2;}
.leftHref .downNav a{ float: left; margin-right: 24px; font-size:14px; color:#2b2b2b; font-weight: bold; line-height: 24px;}
.leftHref .downNav a:hover{ color:#be0000;}
.leftHref .downMore{ float: left; width: 100%; color:#333333; font-size:14px; line-height: 30px; padding: 20px 0;}
.leftHref .downMore a{color:#333333;}
.leftHref .downMore a:hover{color:#be0000;}
.watchUs{ float: right; width:31%; position: relative; margin-top: 30px;}
.watchUs:after{ position: absolute; content: ' '; left: 0; top:4px; width: 1px; height: 105px; background-color: #dddddd;}
.watchUs h3{ float: left; width: 100%; text-align: right;color:#333333; font-size:14px; line-height: 24px; font-weight: bold;}
.watchIcon{ float: right; margin-top: 10px;}
.watchIcon a{float:left;color:#666666;font-size:14px; line-height: 36px;margin-left: 30px; position: relative}
.watchIcon a .QR_code{ position:absolute; width: 120px; height: 0; padding: 0 10px; overflow: hidden; left: 50%; margin-left: -60px;bottom:40px; background-color: #fff; overflow: hidden;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.14);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.14);
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.watchIcon a .QR_code img{ height: 0;}
.watchIcon a:hover .QR_code img{ height: 100%;}
.watchIcon a .QR_code:after{ position: absolute; content: ' '; width: 0; height: 0; left: 50%; margin-left: -10px; bottom:-12px; border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #fff;}
.watchIcon a:hover .QR_code{height: 120px;padding: 10px;overflow:inherit;}

.watchIcon a i{float:left; width:36px; height:36px;background-color: #3c3c3c; border-radius:30px;}
.watchIcon a span{ float: left; padding-left: 6px;}
.watchIcon a:hover i{ background-color: #be0000}
.telDown{ float: left; width: 100%; text-align: right; color:#272727; font-size:14px; line-height: 24px;margin-top: 14px;}
.telDown a{ font-weight: bold;}

.coy{ float: left; line-height: 52px; color:#666666}
.webMap{ float:right; color:#666666; line-height: 52px;}
.webMap a{color:#666666}
.webMap a:hover{color:#be0000}
.footph{ display: none;}
@media  screen and (max-width:991px){
    .leftHref .downNav{ text-align: center; border-bottom: 0;}
    .leftHref .downNav a{ float: none; margin-right:0px; padding: 0 10px; display: inline-block;}
    .leftHref{width: 100%;}
    .watchUs{ float: left; width:100%; margin-top:0px; padding-top: 20px;}
    .watchUs:after{ left: 0; top:4px; width:0; height:0;}
    .watchUs h3{ text-align: left;}
    .watchIcon{ float: left; width: 100%; text-align: center;}
    .watchIcon a{margin:0 15px; float: none; display: inline-block;}
    .telDown{ width: 100%; text-align: center; }
    .footpc{display: none;}
    .footph{ display: block;}
    .footph{ float: left; width: 100%;}
    .footph .footcell{ margin-top:10px;}
    .footph h5{  line-height:40px; position: static; color:#fff; font-size:14px; padding:0 15px 0 15px; background-color:#3c3c3c;}
    .footph h5::after{ display:none;}
    .footph h5 img{ float:right; margin:16px 0 0 0;}
    .footph h5 .imgs{ display:block;}
    .footph h5.active .imgs{ display:none;}
    .footph h5 .imgh{ display:none;}
    .footph h5.active .imgh{ display:block;}
    .footph .ul2{ display:none; padding:0px 15px 15px 15px; color:#fff;  background-color:#3c3c3c; }
    .footph .ul2 li{ display: block; width: 100%; line-height: 24px;}
    .footph .ul2 a{color:#fff;}
}

@media  screen and (max-width:767px){
    .watchIcon{display: none;}
    .watchUs h3{display: none;}
    .coy{width: 100%; text-align: center; line-height: 24px; padding: 14px 0 0 0; }
    .webMap{ text-align: center; width: 100%;}
}

/****************************************内页部分**********************************************8*/
/*内页 面包屑导航*/
.breadcrumbTrail{ float: left; width: 100%; position: relative; z-index: 9; margin-top: -90px; background-color: #fff; height: 90px; background-color: rgba(255,255,255,0.9)}
.breadcrumbTrail h2{ float:left; color:#15b559;font-size:30px; line-height: 90px; padding: 0 0 0 30px;}
.breadcrumbTrail .trailHref{ float:left; margin-left: 24px; padding-left: 17px;font-size:14px; line-height: 24px; background: url("images/ny1.png") no-repeat left center; background-size: 12px 14px; margin-top: 38px;}
.breadcrumbTrail .trailHref a{color:#626262}
.breadcrumbTrail .trailHref a:hover{ color:#15b559}
.breadcrumbTrail .trailEn{ float: right; padding: 0 30px; height: 90px; display: table;color:#fff; background-color: #16c561}
.breadcrumbTrail .trailEn span{ display: table-cell; vertical-align: middle; text-transform: uppercase; font-size:16px; font-weight: bold;}
@media  screen and (max-width:767px){
    .breadcrumbTrail{ margin-top: -60px; height:60px;}
    .breadcrumbTrail h2{ font-size:20px; line-height: 60px; padding: 0 0 0 15px;}
    .breadcrumbTrail .trailEn{ display: none;}
    .breadcrumbTrail .trailHref{ float:right; margin: 18px 15px 0 0; font-size:12px;display:none;}
}

/*湿地动态*/
.slide_news{float: left; width: 100%;}
.newListFirst{ float: left; width: 100%; margin-top: 42px;}
.newListFirst a{ float: left; width: 100%;outline: none;}
.newListFirst a .newImgNy{ float: left;}
.newListFirst a .newImgNy .imgBoxNew{ float: left; width: 100%; overflow: hidden;}
.newListFirst a .newImgNy img{ max-width: 570px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.newListFirst a:hover .newImgNy img{
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}
.newListFirst a .newTextNy{ float: left;}
.newListFirst a .newTextNy h2{ float:left; width: 100%; overflow: hidden; height: 66px; font-size:18px; color:#212121; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; padding-left: 86px; line-height:66px; position: relative;}
.newListFirst a .newTextNy .newTimeNy{position: absolute; left: 0; top:0; width:70px; height: 66px; background-color: #15b559; text-align: center; color:#fff;font-size:14px; padding-top: 10px; line-height: 22px;}
.newListFirst a .newTextNy .newTimeNy span{font-size:30px;}
.newListFirst a .newTextNy .newInfoNy{ float: left; width: 100%; color:#6b6b6b; font-size:14px; line-height: 28px; height: 112px; margin-top: 25px; overflow: hidden;}
.newListFirst a .newTextNy .newMoreNy{ float: left; width: 78px; height: 30px; border:1px solid #15b559; text-align: center; line-height: 30px;color:#15b559; font-size:14px; margin-top: 35px; position: relative}
.newListFirst a .newTextNy .newMoreNy:after{ position:absolute; content: ' '; left: 0; top:0; width: 0; height: 100%; background-color: #15b559; z-index: -1;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.newListFirst a:hover .newTextNy .newMoreNy{color:#fff;}
.newListFirst a:hover .newTextNy .newMoreNy:after{ width: 100%;}

.slide_news .slick-prev,
.slide_news .slick-next {  background:none; z-index:100;  }
.slide_news .slick-next{  background:none;  }
.slide_news .slick-dots{ bottom:4px; width: 50%; right: 0; padding:0 15px;height:4px; z-index: 999;}
.slide_news .slick-dots li{ width:25%; height:4px; background-color:#e7e7e7; margin:0; -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.slide_news .slick-dots li.slick-active{ background-color:#15b559;  }

/*湿地动态 底部切换*/
.tabBox{float: left; width: 100%; margin-top: 35px;}
.tabBox .hd{ float: left; width: 100%; height: 71px;}
.tabBox .hd ul{float: left; width: 100%; background-color: #f0f0f0;}
.tabBox .hd ul li{ float:left; width: 172px; text-align: center; line-height: 71px; height: 71px; color:#313131;font-size:18px;}
.tabBox .hd ul li a{color:#313131; float: left; width: 100%; position: relative}
.tabBox .hd ul li a:after{ position: absolute; content: ' '; left: 50%; margin-left: -8px; bottom: 0; width: 0; height: 0; border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-bottom: 11px solid #fff;filter:alpha(opacity=0);  -moz-opacity:0;  opacity:0;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.tabBox .hd ul li.on a{background-color: #00a651;color:#fff;}
.tabBox .hd ul li.on a:after{filter:alpha(opacity=100);  -moz-opacity:1;  opacity:1;}
.tabBox .tempWrap{ float: left; width: 100%;margin-top: 10px;}
.tabBox .bd{ float: left; width: 100%;}
.tabBox .bd .con{ float: left; width: 100%;position: relative;}
.tabBox .bd ul{ float: left; width: 100%; }
.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.tabBox .bd ul li{ padding: 20px 0; border-bottom: 1px solid #deeae3; float: left; width: 100%;}
.tabBox .bd ul li,
.tabBox .bd ul li a{ float: left; width: 100%;outline: none;}
.tabBox .bd ul li .newTime{ float: left; width:70px; text-align: center; background-color: #15b559; color:#fff;}
.tabBox .bd ul li .newTime .topData{ float: left; width: 100%; color:#fff; font5-size:14px; line-height: 18px; padding: 15px 0 8px 0;}
.tabBox .bd ul li .newTime .topData span{ font-size:30px;}
.tabBox .bd ul li .newTime .news{ float: left; width: 100%; text-align: center; color:#fff; background-color: #11a650; line-height:30px; text-transform: uppercase;}
.tabBox .bd ul li .newText{ float: left; width: 61%; margin-left:30px;}
.tabBox .bd ul li .newText h2{ float: left; width: 100%;color:#1c1c1c;font-size:16px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.tabBox .bd ul li .newText .newTextInfo{ float: left; width: 100%;color:#a7a7a7;line-height: 18px; margin-top: 5px; height: 36px; overflow: hidden;}
.tabBox .bd ul li .newText .newMore{ float: left; width: 78px; height: 30px; border:1px solid #15b559; text-align: center; line-height: 30px; color:#15b559; font-size:14px; margin-top: 8px; position:relative;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.tabBox .bd ul li .newText .newMore:after{ position: absolute; content: ' '; width: 0; height: 100%; background: #15b559; left: 0; top:0; z-index: -1;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.tabBox .bd ul li a:hover .newText .newMore{background-color: #15b559;color:#fff;}
.tabBox .bd ul li a:hover .newText .newMore:after{ width: 100%;}
.tabBox .bd ul li a .newImg{ float: right; width:170px; overflow: hidden;}
.tabBox .bd ul li a .newImg img{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.tabBox .bd ul li a:hover .newImg img{
    -webkit-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
    transform:scale(1.05,1.05);
}

.tabBox .bd ul li .moreNews{ float: left; width: 100%; background-color: #f6f6f6; height: 70px;}
.tabBox .bd ul li .moreNews a{ float: right; color:#2b2b2b; font-size:14px; line-height: 70px; padding-right: 20px; position: relative; z-index: 999;}
.tabBox .bd ul li .moreNews a:hover{color:#15b559}
.tabBox .bd ul li .newImg img.pc_img{ display: block;}
.tabBox .bd ul li .newImg img.ph_img{ display: none}

@media  screen and (max-width:1199px){
    .newListFirst a .newTextNy .newInfoNy{ margin-top: 10px; overflow: hidden;}
    .newListFirst a .newTextNy .newMoreNy{ margin-top: 10px; }
    .tabBox .bd ul li  .newTime{ width: 70px; }
    .tabBox .bd ul li  .newText{ width: 60%; margin-left: 30px;}
    .tabBox .bd ul li  a .newImg{ float: right; width: 170px; overflow: hidden;}
}
@media  screen and (max-width:991px){
    .slide_news{padding-bottom: 30px;}
    .newListFirst{margin-top: 30px;}
    .newListFirst a .newImgNy .imgBoxNew{ text-align: center;}
    .newListFirst a .newTextNy{ margin-top: 20px;}
    .newListFirst a .newImgNy img{ max-width: 570px; display: inline-block;}
    .slide_news .slick-dots{ width: 100%;}
    .tabBox .bd ul li  .newTime{ width: 9.5%;}
    .tabBox .bd ul li  .newText{ width: 61%; margin-left: 3.896%;}
    .tabBox .bd ul li  a .newImg{ width: 22.07%;}
}
@media  screen and (max-width:767px){
    .tabBox{margin-top: 15px;}
    .tabBox .bd ul li .newImg img.pc_img{ display: none;}
    .tabBox .bd ul li .newImg img.ph_img{ display: block}
    .tabBox .bd ul li .newList{ float: left; margin-top:0px;}
    .tabBox .bd ul li{position: relative; padding: 15px 0;}
    .tabBox .bd ul li .newText{width: 100%; margin-left:0; margin-top: 15px;}
    .tabBox .bd ul li .newTime{ width: 70px; position: absolute; left: 0; top:15px;}
    .tabBox .bd ul li a .newImg{ float: right; width: 100%; padding-left: 80px; overflow: hidden;}

    .tabBox .bd ul li a:hover .newImg img{
        -webkit-transform:scale(1,1);
        -moz-transform:scale(1,1);
        transform:scale(1,1);  }
    .tabBox .bd ul li .moreNews{ height: 50px;}
    .tabBox .bd ul li .moreNews a{ line-height: 50px; padding-right: 15px;}
    .tabBox .hd{ height: 55px;}
    .tabBox .hd ul li{ width: 33.3333%; line-height: 55px; height: 55px;}
}

/*地理位置*/
.positionPage{ float: left; width: 100%; color:#2c2c2c; font-size: 14px; line-height: 30px; padding: 30px 0 50px 0;}
.positionPage .posintAPP{ display: block; width: 100%; background-color: #f5f5f5; padding: 15px; margin-top: 15px;}
.positionPage .posintAPP img{ vertical-align: middle; margin-top: -3px;}
@media  screen and (max-width:767px){
    .positionPage{ line-height: 24px; padding: 20px 0 30px 0;}
}
/*项目介绍*/
.projectList{ float: left; width: 100%;}
.projectList ul{ float: left; width: 100%; margin-top: 10px;display: flex;  flex-wrap: wrap;  align-items: flex-start;}
.projectList ul li{ margin-top: 30px;}
.projectList ul li a{ float: left; width: 100%;overflow:hidden;}
.projectList ul li a{ float: left; outline: none; width: 100%; position: relative;  }
.projectList ul li a .parkImgText{position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.4); width: 240px; padding: 0 10px 0 25px;}
.projectList ul li a .parkImgText h2{ float: left; width: 100%; color:#fff; font-size:18px; line-height: 24px; text-transform: uppercase; padding: 25px 0 15px 0;}
.projectList ul li a .parkImgText h2 strong{ font-family: Arial;font-size:14px; letter-spacing: 1px;}
.projectList ul li a .TextInfoImg{ float:left; width:100%;color:#dbdbdb;font-size:14px; line-height: 24px; height: 0; overflow: hidden; padding: 0 20px 0 0px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.projectList ul li a:hover .TextInfoImg{height: 168px;}
.projectList ul li a:hover .parkImgText{ padding: 0 10px 58px 25px;}
@media  screen and (max-width:1199px){
    .projectList ul li a:hover .parkImgText{ padding: 0 10px 0px 25px;}
}
@media  screen and (max-width:991px){
    .projectList ul li a .TextInfoImg{ display: none;}
    .projectList ul li{ margin-top: 20px;}
}
@media  screen and (max-width:767px){
    .projectList ul{ margin-top: 0px;}
}
/*项目介绍详情*/
.projectPage{ float: left; width: 100%; color:#2c2c2c; font-size:14px; line-height:30px; padding: 30px 0 0 0;}
.projectPage h1{ float:left; width: 100%; text-align: center; color:#212121; font-size:18px; font-weight: bold; padding: 3px 0 7px 0;}

.projectPage .span{ float:left; width: 100%; text-align: center; color:#2c2c2c; font-size:12px;}

.projectPage .projectText{ float: left; width: 100%; color:#2c2c2c;font-size:14px; line-height:30px;}
.projectPage ul{ float: left; width: 100%;display: flex;  flex-wrap: wrap;  align-items: flex-start;}
.projectPage ul li{float: left;margin-top: 30px;}
.projectPage ul li a{float: left; width: 100%; position: relative;overflow: hidden;}
.projectPage ul li a img{
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.projectPage ul li a .projectName{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0px 20px;line-height: 0;color:#fff; overflow: hidden; font-size:16px;
    background:#333; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 0.8));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0)), to(rgba(0, 0, 0, 0.8)));
    background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 0.8));
    background:linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 0.8));
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.projectPage ul li a:hover .projectName{padding: 28px 20px 11px 20px;line-height: 25px;}
.projectPage ul li a:hover img{
    -webkit-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
    transform:scale(1.05,1.05);
}
@media  screen and (max-width:767px){
    .projectPage ul li{margin-top:20px;}
}

/*湿地介绍*/
.protectList{ float: left; width: 100%; padding-bottom: 30px;}
.protectList ul{ float: left; width: 100%; margin-top: 10px;}
.protectList ul li{ float: left; width: 100%; padding: 30px 0; border-bottom: 1px solid #e5e5e5;}
.protectList ul li:last-child{border-bottom: 0;}
.protectList ul li a{ float: left; width: 100%;}
.protectList ul li .protectImg{ float: right; overflow: hidden; border-radius:10px; -moz-border-radius:10px;}
.protectList ul li .protectImg img{border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.protectList ul li:hover .protectImg img{
    -webkit-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
    transform:scale(1.05,1.05);
}
.protectList ul li:nth-child(2n) .protectImg{float: left;}
.protectList ul li .protectImg img{ max-width: 370px;}
.protectList ul li .protectText{ float: left; color:#666666; font-size:14px; line-height: 30px; margin-top: 15px;}
.protectList ul li .protectText h2{ float: left; width: 100%; font-size:18px; color:#2c2c2c; line-height: 30px; position: relative; padding-left: 40px;}
.protectList ul li .protectText h2 span{position: absolute; z-index: 2; left: 0; top:0; width: 30px; height: 30px; text-align: center; line-height: 30px; color:#fff; background-color: #15b559; font-weight: bold; font-family: Arial; border-radius:30px; -moz-border-radius:30px;-webkit-border-radius:30px;}
.protectList ul li .protectText h2 span em{ position: absolute; width:20px; font-size:18px; font-weight: bold; z-index: -1; height: 30px; left: 7px; top: 0; color:rgba(0,0,0,0.2);
    transform:rotate(9deg);
    -ms-transform:rotate(9deg);
    -moz-transform:rotate(9deg);
    -webkit-transform:rotate(9deg);
    -o-transform:rotate(9deg);
}
.protectList ul li .protectInfo{ float: left; width: 100%; color:#666666; font-size:14px; line-height: 30px; margin-top: 10px; max-height: 150px; overflow: hidden;}
@media  screen and (max-width:1199px){
    .protectList ul li .protectText{ margin-top:0px;}
}
@media  screen and (max-width:991px){
    .protectList ul li{padding: 20px 0;}
    .protectList ul li .protectImg { text-align: center; float: left;}
    .protectList ul li .protectText{ margin-top: 20px;}
    .protectList ul li .protectInfo{line-height:26px; max-height:100%;}
    .protectList{ padding-bottom: 20px;}
}

/*特色活动*/
.activityList{ float:left; width: 100%; padding-bottom: 90px;}
.activityList ul{ float: left; width: 100%; margin-top: 10px;}
.activityList ul li{ float: left; width: 100%; padding: 30px 0;}
.activityList ul li:nth-child(2n){ background-color: #f5f5f5;}
.activityList ul li a{ float: left; width: 100%; position: relative;}
.activityList ul li a .activityImg{ float: left; width: 33.33333%;}
.activityList ul li:nth-child(2n) a .activityImg{ float: right;position: absolute; right: 0; top:0;}
.activityList ul li a .activityImg img{ max-width: 389px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.activityList ul li a:hover .activityImg img{
    -webkit-transform:scale(0.95,0.95);
    -moz-transform:scale(0.95,0.95);
    transform:scale(0.95,0.95);
}
.activityList ul li a .activityText{ float: right; width: 64.1%; padding-top: 18px; }
.activityList ul li:nth-child(2n) a .activityText{ float: left;padding-bottom: 32px;}
.activityList ul li a .activityText h2{ float: left; width: 100%; color:#cdcdcd;color:rgba(205,205,205,0.3); line-height: 24px; font-size:24px; font-weight: bold; text-transform: uppercase; font-family: Arial;}
.activityList ul li a .activityText h1{ float: left; width: 100%;color:#333333; font-size:24px;line-height: 48px;}
.activityList ul li a .activityText h1 span{ color:#15b559}
.activityList ul li a .activityInfo{ float: left; width: 100%; color:#333333; font-size:14px; line-height: 30px; height: 60px; overflow: hidden; margin-top: 15px;}
.activityList ul li a .activityMore{ position: absolute; left: 290px; bottom:30px; width: 172px; height: 40px;  border-radius:20px; -moz-border-radius:20px;-webkit-border-radius:20px; padding: 0 35px; color:#ffffff; font-size:14px; line-height: 40px; background: url("images/activity5.png") no-repeat 113px center #15b559; background-size: 29px 14px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.activityList ul li:nth-child(2n) a .activityMore{left:auto;right: 310px; bottom:-30px;}
.activityList ul li a:hover .activityMore{ background-position: 125px center;}

@media  screen and (max-width:1199px){
    .activityList ul li a .activityText{ padding-top: 10px;}
    .activityList ul li a .activityInfo{ margin-top: 0px;}
    .activityList ul li a .activityMore{left: 240px; bottom:20px; width: 152px; padding: 0 25px; background: url("images/activity5.png") no-repeat 100px center #15b559; background-size: 29px 14px;
    }
    .activityList ul li a:hover .activityMore{ background-position: 110px center;}
    .activityList ul li:nth-child(2n) a .activityText{ padding-bottom: 10px;}
    .activityList ul li:nth-child(2n) a .activityMore{  left:auto;right: 240px; bottom:-30px;  }
}
@media  screen and (max-width:997px){
    .activityList{ padding-bottom: 1px;}
    .activityList ul li a .activityImg{  width: 100%; text-align: center;}
    .activityList ul li:nth-child(2n) a .activityImg{ float: right;position:static; right: 0; top:0;}
    .activityList ul li a .activityText{ float: left; width: 100%; padding-top: 18px;}
    .activityList ul li a .activityInfo{  margin-top: 10px;}
    .activityList ul li a .activityMore{ position:static; float: left; left: 0; bottom:0;  padding: 0 25px; color:#ffffff; font-size:14px; line-height: 40px; background: url("images/activity5.png") no-repeat 100px center #15b559; background-size: 29px 14px; margin-top: 15px;}
    .activityList ul li:nth-child(2n) a .activityText{ padding-bottom: 0px;}
}

@media  screen and (max-width:767px){
    .activityList ul{margin-top:0px;}
    .activityList ul li{ padding: 20px 0;}
    .activityList ul li a .activityInfo{line-height: 26px; height: 52px;}
    .activityList ul li a .activityText h2{font-size:20px;}
    .activityList ul li a .activityText h1{font-size:20px;line-height: 24px; padding: 8px 0;}
    .activityList ul li a .activityMore{ height: 35px;line-height: 35px; margin-top: 10px;}
}

/*视频展示*/
.videoList{ float: left; width: 100%;}
.videoList ul{ float: left; width: 100%; margin-top: 10px;}
.videoList ul li{ float: left; margin-top: 30px; }
.videoList ul li a{ float: left; width: 100%;box-shadow: 0 5px 16px 0 rgba(0,0,0,0.09);-moz-box-shadow: 0 5px 16px 0 rgba(0,0,0,0.09);-webkit-box-shadow: 0 5px 16px 0 rgba(0,0,0,0.09);}
.videoList ul li a:hover{box-shadow: 0 5px 16px 0 rgba(22,197,97,0.09);-moz-box-shadow: 0 5px 16px 0 rgba(22,197,97,0.09);-webkit-box-shadow: 0 5px 16px 0 rgba(22,197,97,0.09);}
.videoList ul li a .videoImgNy{ float: left; width: 100%; position: relative;overflow: hidden;}
.videoList ul li a .videoImgNy i{ position: absolute; left: 50%; top:50%; margin-top: -25px; margin-left: -25px;}
.videoList ul li a .videoImgNy img{
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.videoList ul li a:hover .videoImgNy img{
    -webkit-transform:scale(1.02,1.02);
    -moz-transform:scale(1.02,1.02);
    transform:scale(1.02,1.02);
}
.videoList ul li a:hover .videoImgNy i img{
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    transform:scale(1,1);
}
.videoList ul li a .videoTextNy{ float: left; width: 100%;  height: 67px; padding: 0 120px 0 20px; position: relative;}
.videoList ul li a .videoTextNy h2{ float: left; width: 100%; color:#393a3f; font-size:18px; line-height: 67px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.videoList ul li a:hover .videoTextNy h2{ color:#16c561}
.videoList ul li a .videoTextNy .videoButton{ position: absolute; width: 90px; right: 20px; top:24px; height: 20px; color:#14ab54; font-size:14px; line-height: 20px;}
.videoList ul li a .videoTextNy .videoButton img{ vertical-align: middle;margin-top: -2px;}
.videoList ul li.hover .videoImgFlow{ display: block;}
.share{ float: right; width: auto; margin-right: 15px; margin-top: 28px;}
.jiathis_style{ float: left; box-sizing: content-box;}
.jiathis_style div{box-sizing: content-box;}
.jiathis_style span.jiathis_txt{color:#fff;}
.jiathis_style  a.jiathis.jiathis_txt.jtico.jtico_jiathis{ width: auto!important; background: url("images/fx.png") no-repeat;}

@media  screen and (max-width:767px){
    .videoList ul li{margin-top: 15px; }
}

/*太湖游记*/
.travels.nyTravels{ padding-bottom: 0;}

/*门票预订*/
.entranceTicketTit{ float: left; width: 100%; color:#1d1d1d; margin-top: 55px;}
.entranceTicketTit h2{ float: left; width: 100%; color:#1d1d1d; font-size:24px; text-align: center; line-height: 32px; position: relative}
.entranceTicketTit h2:after{ position: absolute; content: ' '; left: 0; top:50%; width: 100%; height: 1px; background-color: #f1f1f1; z-index: -1;}
.entranceTicketTit h2 span{ display: inline-block; padding: 0 60px; line-height: 32px; background-color: #fff;}
.entranceTicketTit h3{ float: left; width: 100%; text-align: center; line-height: 20px; color:#222222; font-size:14px; font-family:Arial;}
    /*门票列表*/
.ticketList{ float: left; width: 100%;}
.ticketList ul{ float: left; width: 100%;margin-top: -5px;}
.ticketList ul li{ float: left; margin-top: 30px;}
.ticketList ul li a{ float: left; width: 100%; background-color: #f7f7f7}
.ticketList ul li a .ticketImg{ float: left; width:39.5%;}
.ticketList ul li a .ticketImg.ticketOne{ width: 19.5%}
.ticketList ul li a .ticketImg img{
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.ticketList ul li a:hover .ticketImg img{
    -webkit-transform:scale(1.02,1.02);
    -moz-transform:scale(1.02,1.02);
    transform:scale(1.02,1.02);
}
.ticketList ul li a .ticketText{ float: left; width: 60.5%; padding:20px 0 0 30px;}
.ticketList ul li a .ticketText.ticketOne{ width: 80.5%;}
.ticketList ul li a .ticketText span{ float: left; width: 100%; color:#222222; font-size:14px; line-height: 24px;}
.ticketList ul li a:hover .ticketText span{color:#15b559}
.ticketList ul li a .ticketText h2{ float:left; width: 100%; padding-right: 10px; color:#222222; font-size:14px; line-height: 21px; font-weight: bold; height: 42px; overflow: hidden;margin-top: 5px;}
.ticketList ul li a:hover .ticketText h2{color:#15b559}
.ticketList ul li a .ticketText .price{ float: left; width: 100%; line-height: 24px; font-size:14px;color:#e34120;margin-top: 5px;}
.ticketList ul li a .ticketText .price strong{ font-size:18px;}
.orderTic{ float: left; width: 100%; padding:60px 0; text-align: center;}
.orderTic a{ display: inline-block; padding: 0 55px; height: 60px;line-height: 60px; color:#fff; font-size:18px; background-color: #e23512; border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px;}
.orderTic a:hover{background-color:#cf3b1c;}
.orderTicPs{ float:left; width: 100%; background-color: #f7f7f7; margin-bottom: 80px; padding:95px 30px 25px 30px; font-size:14px; line-height: 26px; position: relative;}
.orderTicPs em{ position: absolute; left: 0; top:25px; width: 145px; height: 50px; line-height: 50px; font-style: inherit; font-size:18px; color:#fff; text-align: center; background-color: #15b559}



@media  screen and (max-width:1199px){
    .ticketList ul li a .ticketText{ padding:10px 0 0 20px;}
    .ticketList ul li a .ticketText h2{ height: 30px; line-height: 15px;}
}
@media  screen and (max-width:991px){
    .ticketList ul li a .ticketText{ padding:20px 0 0 30px;}
    .ticketList ul li a .ticketText h2{ height: 45px;}
    .ticketList ul li a .ticketImg.ticketOne{ width: 39.5%}
    .ticketList ul li a .ticketText.ticketOne{ width: 60.5%;}
    .orderTic{ padding:40px 0; }
    .orderTic a{ display: inline-block; padding: 0 35px; height: 45px;line-height: 45px; font-size:16px;}
    .orderTicPs{ margin-bottom:40px; padding:75px 30px 25px 30px;}
    .orderTicPs em{ top:25px; width: 125px; height: 40px; line-height: 40px;}
}
@media  screen and (max-width:767px){
    .entranceTicketTit{ font-size:20px; margin-top: 25px;}
    .entranceTicketTit h2{ font-size:20px;}
    .entranceTicketTit h2 span{ padding: 0 30px;}
    .ticketList ul{ margin-top: 0px;}
    .ticketList ul li{ margin-top: 15px;}
    .ticketList ul li a .ticketText{ padding:10px 0 0 20px;}
    .ticketList ul li a .ticketText h2{ height: 45px;}
    .orderTic{ padding:30px 0;}
    .orderTic a{padding: 0 25px;}
    .orderTicPs{ margin-bottom:30px; padding:75px 20px 20px 20px; line-height: 24px;}
    .orderTicPs em{ top:25px; width: 110px; height: 40px; line-height: 40px; font-size:16px;}
}
@media  screen and (max-width:512px){
    .entranceTicketTit h2{ font-size:18px;}
    .ticketList ul li a .ticketText{ padding:0px 0 0 15px;}
    .ticketList ul li a .ticketText span{ font-size:12px;}
    .ticketList ul li a .ticketText h2{ height: 30px; font-size:12px; margin-top: 0;}
    .ticketList ul li a .ticketText .price{  line-height: 20px; font-size:12px;}
    .ticketList ul li a .ticketText .price strong{ font-size:16px;}
}
@media  screen and (max-width:374px){
    .ticketList ul li a .ticketText{ padding:0px 0 10px 15px;}
}

/*酒店预订*/
.hotelReservation{ float: left; width: 100%;}
.slickcen{ margin-top: 50px;}
.slickcen .slick-slide{ background-color: #000;}
.slickcen .slick-slide img { filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.slickcen .slick-center img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.slickcen  .slick-prev{ width:25px; height:39px;
    background: url(images/hotel_l.png) no-repeat center; background-size: 25px 39px;
    left: 205px;
    top:50%;
}
.slickcen  .slick-next{ width:25px; height:39px;
    background: url(images/hotel_r.png) no-repeat center; background-size: 25px 39px;
    right:205px;
    top:50%;
}
.hotelName{ float: left; width: 100%; margin-top: 35px;}
.hotelName .hotelTit{ float: left; width: 100%; padding-right: 180px; padding-bottom: 17px; border-bottom: 1px solid #ebebeb; position: relative}
.hotelName .hotelTit h2{ float: left; width: 100%; font-size: 18px; line-height: 30px; color:#2d2d2d; font-weight:bold;}
.hotelName .hotelTit h3{ float: left; width: 100%; font-size:12px; color:#14ab54; line-height: 24px;}
.hotelName .hotelTit a{ position: absolute; right: 0; top:0px; width: 155px; height: 39px; background-color: #e34120; text-align: center; line-height: 39px; color:#fff; font-size: 16px;border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;}
.hotelName .hotelTit a img{ vertical-align: middle; margin-top: -5px;}
.hotelName .hotelTit a:hover{ background-color: #cf3b1c;}
.hotelName .hotelText{ float: left; width: 100%;color:#201e1e; font-size:14px; line-height: 24px; padding: 20px 0 30px 0;}

.hotelTitR{ float: left; width: 100%; background-color: #ededed; margin-top: 40px;}
.hotelTitR ul{ float: left; width: 100%;}
.hotelTitR ul li{ float: left; width: 50%; height: 75px;}
.hotelTitR ul li a{ float: left; width: 100%; color:#2c2a2a; font-size:18px; line-height: 75px; text-align: center;}
.hotelTitR ul li a.on,
.hotelTitR ul li a:hover{ color:#fff; background-color: #14ab54;}
.hotelHref{ display: none;}

@media  screen and (max-width:997px){
    .slickcen  .slick-prev{  left: 105px;  }
    .slickcen  .slick-next{right:105px;  }
    .slickcen{ margin-top: 30px;}
}
@media  screen and (max-width:767px){
    .slickcen  .slick-prev{ width:20px; height:31px;
        background: url(images/hotel_l.png) no-repeat center; background-size: 20px 31px; left: 30px;  }
    .slickcen  .slick-next{width:20px; height:31px;
        background: url(images/hotel_r.png) no-repeat center; background-size: 20px 31px;right:30px;  }
    .hotelName{ margin-top: 20px; padding-bottom: 30px;}
    .hotelName .hotelTit{ padding-right:0px; padding-bottom: 10px;}
    .hotelName .hotelTit a{display: none;}
    .hotelName .hotelText{ padding: 20px 0;}
    .hotelHref{ float: left; width: 100%; text-align: center; display: block;}
    .hotelHref a{display: inline-block; padding: 0 20px; height: 39px; background-color: #e34120; text-align: center; line-height: 39px; color:#fff; font-size: 16px;border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;}
    .hotelHref a img{ vertical-align: middle; margin-top: -5px;}
    .hotelHref a:hover{ background-color: #cf3b1c;}
    .hotelTitR{margin-top: 20px;}
    .hotelTitR ul li{height: 50px;}
    .hotelTitR ul li a{font-size:12px; line-height: 50px; }
}
@media  screen and (max-width:480px){
    .slickcen  .slick-prev{  left:3px;  }
    .slickcen  .slick-next{right:3px;  }
}

/*游客留言*/
.messageList{ float: left; width: 100%;}
.messageList ul{ float: left; width: 100%;}
.messageList ul li{ float: left; width: 100%; margin-top: 30px;}
.messageList ul li a{ float: left; width: 100%;}
.messageList ul li .memberName{ float: left; width: 100%; height: 39px; line-height: 39px; padding-left: 50px; position: relative;font-size:13px;color:#626262;}
.messageList ul li .memberName i{ position: absolute; left: 0; top:0;width: 39px; height: 39px; background-color: #f0f0f0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.messageList ul li .memberName span{ font-size:12px; color:#a5a5a5}
.messageList ul li .memberText{ float: left; width: 100%; margin-top: 16px; border-top: 1px solid #f2f2f2; padding-top: 17px;}
.messageList ul li .memberText h2{ float: left; width: 100%; color:#11a650; font-size:16px; line-height: 24px;}
.messageList ul li .memberWork{ float: left; width: 100%; color:#2c2c2c; font-size:14px; line-height: 24px;}
.messageList ul li .memberFQ{ float: left; width: 100%; margin-top: 30px; background-color: #f1f1f1; padding: 30px 28px 15px 28px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: relative; font-size:14px; line-height: 24px; color:#141414;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.messageList ul li .memberFQ:after{ position: absolute; content: ' '; left:55px; top:-10px;width: 0;  height: 0;  border-left: 16px solid transparent;  border-right: 16px solid transparent;  border-bottom: 10px solid #f1f1f1;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.messageList ul li a:hover .memberFQ{background-color: #15b559; color:#fff;}
.messageList ul li a:hover .memberFQ:after{border-bottom: 10px solid #15b559;}

.memberFrom{ float: left; width: 100%; background-color: #f1f1f1;padding: 0 30px 50px 30px; margin-bottom: 50px;}
.memberFrom .memberTitF{ float: left; width: 100%; color:#222222; font-size:18px; line-height: 30px; padding: 22px 0 14px 40px; border-bottom: 1px solid #e0e0e0; position: relative}
.memberFrom .memberTitF i{ position: absolute; left: 0; top:22px; text-align: center; width: 30px; height: 30px; background-color: #15b559; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.memberFrom .memberTitF i img{ vertical-align: middle; margin-top: -5px;}
.formBox{ float: left; width: 100%; padding: 30px 85px 0 85px;}
.formBox ul{ float: left; width: 100%;}
.formBox ul li{ float: left; margin-top: 30px;position: relative}
.formBox ul li input{ float: left; width: 100%; height: 50px; border:1px solid #e1e1e1; padding-left: 70px;background-color: #fff; font-size:14px;}
.formBox ul li span{ position: absolute; left: 15px; top:0; width: 70px; height: 50px; line-height: 50px; padding-left: 20px; color:#222222; font-size:16px;}
.formBox ul li span em{ font-style: inherit; color:#ff0000}
.formBox ul li textarea{ float: left; width: 100%; height: 130px; font-size:14px;border:1px solid #e1e1e1;padding:12px 0 0 70px; line-height: 26px;}
.formBox ul li input.code{ float: left; width: 286px; padding-left: 80px;}
.formBox ul li.code span{ width:80px;}
.formBox ul li.code a{ float: left; width: 139px; border:1px solid #e1e1e1; background-color: #fff; margin-left: 3px;}
.formBox ul li.buttSub{ float: left; width: 100%; margin-top: 50px; text-align: center;}
.formBox ul li.buttSub button{ display: inline-block; padding: 0 66px; height: 50px; background-color: #15b559; font-size:18px; color:#ffffff; font-weight: bold; border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.formBox ul li.buttSub button:hover{background-color: #11a14e;}
@media  screen and (max-width:991px){
    .messageList ul li .memberText{ padding-top: 7px;}
    .messageList ul li{margin-top: 20px;}
    .messageList ul li .memberFQ{margin-top: 20px;padding: 20px 18px 15px 18px;  }
    .memberFrom{ padding: 0 30px 30px 30px; margin-bottom: 30px;}
    .formBox{ padding: 15px 50px 0 50px;}
    .formBox ul li{ margin-top: 15px;}
    .formBox ul li.buttSub{margin-top: 30px;}
}
@media  screen and (max-width:767px){
    .memberFrom{ padding: 0 15px 15px 15px; margin-bottom: 30px;}
    .formBox{ padding: 15px 0px 0 0px;}
    .formBox ul li{ padding: 0;}
    .formBox ul li input{padding-left: 50px;}
    .formBox ul li input.code{ float: left; width: 177px; padding-left: 60px;}
    .formBox ul li.code span{ width:60px;}
    .formBox ul li.code a{ float: left; width: 80px; height: 50px;}
    .formBox ul li.code a img{ vertical-align: middle; margin-top: 10px;}
    .formBox ul li span{ left: 0; font-size:14px; width: 50px; padding-left: 10px;}
}

/*常见问题*/
.QAList{ float: left; width: 100%;}
.QAList ul{ float: left; width: 100%; margin-top: 30px;}
.QAList ul li{ float: left; width: 100%;  padding: 20px; background-color:#f7f6f6;}
.QAList ul li:nth-child(2n){ background-color: #fff;}
.QAList ul li a{ float: left; width: 100%;}
.QAList ul li a .QTit{ float: left; width: 100%; padding-left: 66px; position: relative; min-height: 50px; padding-top: 13px; line-height: 24px;font-size:14px; font-weight: bold;color:#2b2c2c;}
.QAList ul li a .QTit span{ position: absolute; left: 0; top:0; width: 50px; height: 50px; border:1px solid #e34120; font-size:18px; line-height: 50px; text-align: center; color:#e34120;border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%;}
.QAList ul li a .ATit{ float: left; width: 100%; padding-left: 66px; position: relative; min-height: 50px; padding-top: 13px; line-height: 24px;font-size:14px; color:#15b559; margin-top: 20px;}
.QAList ul li a .ATit span{position: absolute; left: 0; top:0; width: 50px; height: 50px; border:1px solid #15b559; background-color: #15b559; font-size:18px; line-height: 50px; text-align: center; color:#fff;border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%;  }
@media  screen and (max-width:767px){
    .QAList ul li{ padding: 15px; }
    .QAList ul li a .QTit{ padding-left: 56px; min-height: 40px; padding-top: 8px;}
    .QAList ul li a .QTit span{width: 40px; height: 40px;line-height: 40px;}
    .QAList ul li a .ATit{ padding-left: 56px; position: relative; min-height: 40px; padding-top: 8px;  margin-top: 15px;}
    .QAList ul li a .ATit span{width: 40px; height: 40px; line-height: 40px;}
}
/*收费指南*/
.guidePage{ float: left; width: 100%; padding-bottom: 70px;}
.guidePage h3{ float: left; width: 100%; color:#202020; font-size:18px; font-weight: bold; line-height: 22px; padding-top: 40px;}
.guidePage h3 span{color:#e34120;font-size:14px; line-height: 26px;}
.guidePage .admissionTicket{ float: left; width: 100%; padding-bottom: 15px;}
.guidePage .admissionTicket ul{ float: left; width: 100%}
.guidePage .admissionTicket ul li{ float: left; margin-top: 18px;}
.guidePage .admissionTicket ul li a{ float: left; width: 100%; height: 206px; display: table; text-align: center; color:#fff; font-size:18px; line-height: 24px; position: relative;
    background:#00939a;
    background-image:linear-gradient(left, #00939a, #15b559);
    background-image:-webkit-linear-gradient(left, #00939a, #15b559);
    background-image:-moz-linear-gradient(left, #00939a, #15b559);
}
.guidePage .admissionTicket ul li a:before,
.guidePage .admissionTicket ul li a:after{ position: absolute; content:' '; left: 0; top:0; width: 13px; height: 206px; background: url("images/bg.png") no-repeat center left; background-size: 13px 206px;}
.guidePage .admissionTicket ul li a:before{
    left:auto; right: 0;background: url("images/bg1.png") no-repeat center right;background-size: 13px 206px;
}
.guidePage .admissionTicket ul li a.twoE{
    background:#15b559;
    background-image:linear-gradient(left, #15b559, #a1c43b);
    background-image:-webkit-linear-gradient(left, #15b559, #a1c43b);
    background-image:-moz-linear-gradient(left, #15b559, #a1c43b);
}
.guidePage .admissionTicket ul li a.theOld{
    background:#a1c43b;
    background-image:linear-gradient(left, #a1c43b, #a3d11d);
    background-image:-webkit-linear-gradient(left, #a1c43b, #a3d11d);
    background-image:-moz-linear-gradient(left, #a1c43b, #a3d11d);
}
.guidePage .admissionTicket ul li a span{ display: table-cell; vertical-align: middle;}
.guidePage .admissionTicket ul li a span strong{ font-size:30px;}
.guidePage .admissionTicket ul li a span em{font-style: inherit; font-size:14px;}
.guidePage .admissionTicket ul li a img{ margin-bottom: 20px;}
.guidePage .admissionTicket ul li a img.quOne{ max-width: 95px;}
.guidePage .admissionTicket ul li a img.childOne{ max-width: 65px;}
.guidePage .admissionTicket ul li a img.oldOne{max-width: 56px;}

.freeInfo{ float: left; width: 100%; padding: 20px; background-color: #f7f7f7; margin-top: 18px; color:#1f1f1f; font-size:14px; line-height: 22px;}

.optionalList{ float: left; width: 100%;}
.optionalList ul{ float: left; width: 100%;}
.optionalList ul li{ float:left; margin-top: 10px;}
.optionalList ul li a{ float: left; width: 100%; text-align: center; color:#202020; font-size:14px; line-height: 30px; background-color: #f7f7f7;padding: 15px;}
.optionalList ul li a strong{color:#e34120; font-size:18px;}
.waterActivity{ float:left; width: 100%; margin-top: 30px; background-color: #f7f7f7;}
.waterActivity h4{ float: left; width: 100%; border-bottom: 1px solid #fff; text-align: center; color:#1d1d1d; font-size:18px; height: 80px; line-height: 80px;}
.waterTable{ float: left; width: 100%; padding: 20px;}
.waterTable dl{ float: left; width: 100%; margin: 0; position: relative}
.waterTable dl dt{ float: left; width: 100%; height: 50px; color:#fff; background-color: #15b559; font-weight: inherit;}
.waterTable dl dt div{ float: left; width: 25%; text-align: center; line-height: 50px; font-size:16px; margin: 0;}
.waterTable dl dd{ float: left; width: 100%; margin: 0;}
.waterTable dl dd div{ float: left; width: 25%; text-align: center; background-color: #fff; color:#222222; height: 46px; line-height: 46px; font-size:14px; margin: 0;}
.waterTable dl dd:nth-child(2n) div{ background-color: #f7f7f7;}
.waterTable dl .psPos{ position: absolute; width: 25%; right: 0; top:80px; color:#222222; font-size:14px; line-height: 32px; padding: 10px 30px;}

.bicycleTable{ float: left; width: 100%; padding: 20px 20px 0 20px;}
.bicycleTable dl{ float: left; width: 100%; margin: 0; position: relative}
.bicycleTable dl dt{ float: left; width: 100%; height: 50px; color:#fff; background-color: #15b559; font-weight: inherit;}
.bicycleTable dl dt div{ float: left; width: 20%; text-align: center; line-height: 50px; font-size:16px; margin: 0; }
.bicycleTable dl dd{ float: left; width: 100%; margin: 0;}
.bicycleTable dl dd div{ float: left; width: 20%; text-align: center; background-color: #fff; color:#222222; height: 46px; line-height: 46px; font-size:14px; margin: 0;}
.bicycleTable dl dd:nth-child(2n) div{ background-color: #f7f7f7;}
.bicycleTable dl .psPos{ position: absolute; width: 20%; right: 0; bottom:50px; color:#222222; font-size:14px; line-height: 32px; padding: 10px 30px;}
.bicycleTable dl .psNotes{ float: left; width: 100%; text-align: center; color:#666666; font-size:14px; line-height: 44px;}


.ph_display{ display: none;}
@media  screen and (max-width:1199px){
    .bicycleTable dl .psPos{  font-size:12px; line-height: 24px; padding: 10px 20px;}
}

@media  screen and (max-width:991px){
    .pc_display{ display: none;}
    .ph_display{ display: block;}
    .guidePage{ padding-bottom: 40px;}
    .guidePage h3{ padding-top: 20px;}
    .guidePage .admissionTicket{padding-bottom: 5px;}
    .waterTable dl .psPos{ top:60px; color:#222222; font-size:14px; line-height: 32px; padding: 10px 15px;}
    .openClassph { float: left; width: 100%; background-color:#f7f7f7; margin-top:20px;}
    .openClassph h4{float: left; width: 100%; border-bottom: 1px solid #fff; text-align: center; color:#1d1d1d; font-size:16px; height: 60px; line-height: 60px;}
    .openClassph ul{ float: left; width: 100%; padding: 15px;}
    .openClassph ul.opCbox{padding: 15px 15px 0 15px;}
    .openClassph ul li{ float: left; width: 100%;}
    .openClassph ul li:nth-child(2n){ background-color: #fff;}
    .openClassph ul li .open_tit_ph{ float: left; width: 100%; border-bottom:1px solid #dee0e0; color:#333333;font-size:14px; line-height: 50px; padding: 0 15px;}
    .openClassph ul li .open_tit_ph span{ float: left;color:#15b559; font-weight: bold;}
    .open_text_ph{ float: left; width: 100%; color:#333333;font-size:14px; padding:10px 15px; line-height: 28px;}
    .openClassph .psNotes{float: left; width: 100%; text-align: center; color:#666666; font-size:14px; line-height: 44px;}
}
@media  screen and (max-width:767px){


}



/*公司介绍*/
.aboutPage{ float: left; width: 100%; color:#2c2c2c; font-size:14px; line-height: 30px; padding: 40px 0 50px 0;}
.aboutPage .aboutPtop{ float: left; width: 100%;color:#2c2c2c; font-size:14px; line-height: 30px;}
.aboutPage .aboutPtop h2{ float: left; width: 100%; color:#2c2c2c; font-size:18px; font-weight: bold; margin-top: 27px; line-height: 30px; padding-bottom: 20px;}
.aboutPage .aboutPtop img{ max-width: 571px;}
.aboutPage .aboutPtop .aboutImg{text-align: center;}
.aboutText{ float: left; width: 100%; margin-top: 40px;}
.aboutList{ float: left; width: 100%;}
.aboutList ul{ float: left; width: 100%;}
.aboutList ul li{ float: left; margin-top: 30px; text-align: center; color:#2c2c2c; font-size:14px; line-height: 30px;}
.aboutList ul li img{ max-width: 169px; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.aboutListImg{ float: left; width: 100%;}
.aboutListImg ul{ float: left; width: 100%;}
.aboutListImg li{ float: left; margin-top: 30px; text-align: center;}
.aboutListImg li img{ max-width: 370px;}
@media  screen and (max-width:1199px){
    .aboutPage .aboutPtop h2{  margin-top:0px; padding-bottom: 10px;}
}
@media  screen and (max-width:991px){
    .aboutPage .aboutPtop .aboutImg{margin-top: 20px;}
    .aboutPage{padding: 20px 0 30px 0;}
    .aboutText{ margin-top: 20px;}
}
@media  screen and (max-width:767px){
    .aboutList ul{margin-top: 10px;}
    .aboutList ul li{padding:0 10px; margin-top: 10px;}
}

/*招贤纳士*/
.join_in{ float: left; width: 100%; padding-top: 30px;}
.join_in .join_top{ float: left; width: 100%; background-color: #11a650; height: 60px; line-height: 60px; padding:0 60px 0 20px;}
.join_in .join_top ul{ float: left; width: 100%;}
.join_in .join_top ul li{ float: left; width: 17.5%; text-align: center; color:#fff; font-size:16px; font-weight: bold; line-height: 60px;}
.join_in .join_top ul li:first-child{ width: 30%; text-align: left}
.chancecontain{ float:left; width: 100%;}
.chancecontain ul{ float: left; width: 100%;}
.chancecontain ul li{ float: left; width: 100%; margin-top: 12px; position: relative;}
.chancecontain ul li .join_list{ float: left; width: 100%; padding:0 60px 0 20px; background: #f5f5f5; }
.chancecontain ul li .join_list dl{ float: left; width: 100%; margin: 0;}
.chancecontain ul li .join_list dd{float: left; width: 17.5%; text-align: center; color:#333333; font-size:16px; line-height: 60px;margin: 0;}
.chancecontain ul li.hover .join_list dd{color:#11a650}
.chancecontain ul li .join_list dd span{ float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.chancecontain ul li .join_list dd:first-child{ width: 30%; text-align: left}
.chancecontain .deta{font-size:12px; width:100%;left:0; top:0; color:#666666; line-height: 28px; overflow:hidden;  position:relative; background:#fbfbfb}
.chancecontain .deta .condata{ float:left; width: 100%; padding:40px 100px; }
.chancecontain .deta .left_con{ float:left; width: 60%; padding-right: 20px;}
.chancecontain .deta .right_data{ float: left; width: 40%; padding-left: 40px; border-left: 1px solid #e7e7e7;}
.chancecontain .deta .cond_yq{float: left; width: 100%; margin-top: 40px;}
.chancecontain .deta .job_info{ float: left; width: 60%; font-size:14px;}
.chancecontain .deta .job_button{ float: left; margin-left: 50px; text-align: center; color:#ffffff; font-size:14px; line-height: 35px; width: 115px; height: 35px;margin-top: 10px; background-color: #11a650;transform:skewX(155deg);-moz-transform:skewX(155deg); -webkit-transform:skewX(155deg);}
.chancecontain .deta .job_button a{ float: left; width: 100%; text-align: center; color:#fff; font-size:14px; line-height: 35px; transform:skewX(-155deg);-moz-transform:skewX(-155deg); -webkit-transform:skewX(-155deg);}
.chancecontain .deta .job_button:hover{ background-color: #13a250;}
#lermore{ position: absolute; right: 0; top:0; width: 85px; height: 60px; background: url("images/join1.png") no-repeat center;
    background-size:21px 21px; border-left: 1px solid #fff; cursor: pointer;}
#lermore.hover{background: url("images/join2.png") no-repeat center;background-size:21px 21px;}
@media  screen and (max-width:1199px){
    .chancecontain .deta .condata{ padding:40px 50px;}
    #lermore{  width: 60px;}
}
@media  screen and (max-width:991px){
    .chancecontain .deta .left_con{ width: 100%; padding-right: 0px;}
    .chancecontain .deta .right_data{ width: 100%; padding-left: 0px; border-left:0px}
    .chancecontain .deta .cond_yq{ width: 100%; margin-top: 40px;}
    .chancecontain .deta .job_info{ width: 100%;}
    .chancecontain .deta .job_button{margin-left:10px; margin-top: 20px;}

}
@media  screen and (max-width:767px){
    .join_top ul li:nth-child(2),
    .join_top ul li:nth-child(3),
    .join_top ul li:nth-child(4){display: none;}
    .join_in .join_top{ height: 50px; line-height: 50px; padding:0 60px 0 15px;}
    .join_in .join_top ul li{  width: 40%; font-size:14px;line-height: 50px;}
    .join_in .join_top ul li:first-child{ width: 60%; }

    .chancecontain ul li .join_list{padding:0 60px 0 15px;}
    .chancecontain ul li .join_list dl{width: 100%; margin: 0;}
    .chancecontain ul li .join_list dd{width: 40%; font-size:14px; line-height: 50px;}
    .chancecontain ul li .join_list dd:first-child{ width: 60%;}
    .chancecontain ul li .join_list dd:nth-child(2),
    .chancecontain ul li .join_list dd:nth-child(3),
    .chancecontain ul li .join_list dd:nth-child(4){display: none;}
    .chancecontain .deta .condata{ padding:15px 15px 25px 15px;}
    #lermore{  width: 50px; height: 50px;}
}

/*联系我们*/
.contactUs{ float: left; width: 100%; margin-top: 30px; padding-bottom: 95px;}
.contactUs .map{ float: left; width: 100%; height: 560px;}
.addressUs{ float: left; width: 100%; color:#242424; font-size:14px; line-height: 29px; margin-top: 30px;}
.addressUs h1{ float: left; width: 100%; color:#1d1d1d; font-size:18px; font-weight: bold; line-height: 28px; padding: 7px 0 10px 0;}
.addressUs .addInfo{ float: left; width: 100%;}
.followUs{ float: left; width: 100%; padding: 37px 0 0 0;}
.followUs ul{ float:left; width: 100%; border:1px solid #ebebeb; position: relative}
.followUs ul:after{ position: absolute; content: ' '; left: 50%; top:0; width: 1px; height: 100%; background-color: #ebebeb}
.followUs ul li{ float: left; width: 50%; padding: 30px 30px 15px 30px;color:#242424; font-size:14px; line-height: 23px;}
.followUs ul li .followText{ float: left; width:73%;}
.followUs ul li .followText .i{ float: left; width: 36px; height: 36px; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.followUs ul li .followText .i.conWX{background-color: #15b559;}
.followUs ul li .followText .i.conWB{background-color: #be0000;}
.followUs ul li .followText p{ float: left; width: 100%; color:#242424; font-size:14px; line-height: 23px; margin-top: 10px;}
.followUs ul li .followText p strong{ color:#11a650; font-size:14px;}
.followUs ul li .followImg{ float: right; width: 25%; text-align: right}
.followUs ul li .followImg img{ max-width: 130px; border:5px solid #ebebeb;}
@media  screen and (max-width:991px){
    .contactUs{ padding-bottom: 45px;}
    .contactUs .map{ height: 400px;}
    .addressUs{margin-top: 15px;}
    .followUs{ padding: 10px 0 0 0;}
    .followUs ul{border:0;}
    .followUs ul:after{width: 0;}
    .followUs ul li{width: 100%; padding: 15px 15px 5px 15px;border:1px solid #ebebeb; margin-top: 15px;}
    .followUs ul li .followText p{width:auto; margin-top: 0; padding-left: 15px;}
}
@media  screen and (max-width:991px){
    .followUs ul li .followText p{width:100%; margin-top:10px; padding-left: 0;}
}
@media  screen and (max-width:374px){
    .followUs ul li{padding: 15px;}
    .followUs ul li .followText{  width:100%;}
    .followUs ul li .followImg{  width: 100%; text-align:center;}
}

/*日语 英语*/
.backJp{ background-color: #d7f4fa;}
.JPimg{ float: left; width: 100%; padding-top: 80px; text-align: center;}
@media  screen and (max-width:1199px){
    .JPimg{padding-top: 150px;}
}


    /*上下翻页*/
.upDownPage{ float: left; width: 100%; margin-bottom: 60px; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position: relative;}
.upDownPage:after{ position: absolute; content: ' '; left: 50%; top:0; height: 54px; width: 1px; background-color:#e5e5e5}
.upDownPage .tit050{ float: left; width: 50%;}
.upDownPage .tit050 a{ float: left; width: 100%; color:#2c2c2c; font-size:14px; line-height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 10px;}
.upDownPage .tit050 a:hover{ color:#16c561}
.upDownPage .tit050.last a{ text-align: right; padding-left: 10px; padding-right: 0;}
@media  screen and (max-width:767px){
    .upDownPage:after{ position: absolute; content: ' '; left: 0; top:50%; height: 1px; width: 100%; background-color:#e5e5e5}
    .upDownPage .tit050{width: 100%;}
    .upDownPage .tit050.last a{ text-align: left; padding-left:0; padding-right: 10px;}
    .upDownPage{ margin-bottom: 30px;}
    }

    /***********************************************漂浮**************************************/
.float_right{ position:fixed; right:10px; z-index: 999; width: 126px; border-radius:10px; background-color: #15b559; top:50%; margin-top: -177px;}
.float_right.active{ position: fixed; top:50px!important;}
.float_right .fol_tel{ float: left; width: 100%; text-align: center; color:#fff; font-size:14px; font-weight: bold; padding: 12px 0 0 0;}
.float_right .fol_qq{ float: left; width: 100%; width: 100%; padding: 10px 10px 12px 10px;}
.float_right .fol_qq a{ float: left; width: 100%; background-color:#fff; color:#15b559; text-align: center; line-height: 25px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.float_right .fol_qq a img{ vertical-align: middle; margin-top: -5px;}
.float_right .fol_qq a:hover{box-shadow: 0 0 6px 2px rgba(0,0,0,.2)}
.float_right .wx_fol{ float: left; width: 100%; background-color: #14ab54; font-size:14px; font-weight: bold; margin-top: 1px; text-align: center; padding:0px 0 12px 0; color:#fff; line-height: 24px;position:relative}
.float_right .wx_fol a{color:#fff;}
.float_right .wx_fol .pf_ewm{width:100px;height:100px;position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);z-index:-1;
 -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.float_right .wx_fol:hover .pf_ewm{left:-100px;opacity:1;filter:alpha(opacity=100);z-index:9;}
.float_right .top_up{ float: left; width: 100%; text-align: center; padding: 12px 0;}
.float_right .top_up a{ font-size:14px; color:#ffffff; font-weight: bold; line-height: 24px; }
.clouse1{ position: absolute; right: 0; top:-39px;}
.clouse1 img{ cursor: pointer;}
.conFlo{ position: fixed; right: 0; top:50%; background-color: #15b559; color:#fff; width: 50px; text-align: center; padding: 15px; font-size:18px; margin-top: -75px; cursor: pointer; cursor: pointer; display: none; z-index: 999999;}
@media  screen and (max-width:991px){
    .float_right{display: none;}
}

/*****************************************************************分页**************************************************/
.waik_1{ padding: 3.5% 0;width:100%; float:left; text-align:center;font-family:'Arial';}
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .fy_phone{ display:block; font-family:'Arial';}
    .fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block; width:100px; height:30px; line-height:29px; border:solid 1px #15b559; color:#333;text-decoration:inherit;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px; }
    .fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}
}
@media  screen and (max-width:767px){
    .waik_1{ padding:6% 0 6% 0;}
    .fy_phone a{ width:90px;}
}

.text-center
{
    text-align: center;
    font-family: "微软雅黑";
}
.page{ float: left; width: 100%; text-align: center;}
.page ul{ float: none!important; display:inline-block; zoom: 1; width: auto!important;}
.page a { float: left; width: 38px; height: 38px; margin: 0 5px;}
.page a li{ float: left; width: 100%; text-align: center; line-height: 36px!important; padding: 0!important;border:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3 !important;border-radius:38px;-moz-border-radius:38px; -webkit-border-radius:38px;}
.page a:last-child,
.page a:first-child{ width: 100px; height: 38px;}
.page a:last-child li,
.page a:first-child li{border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.page li:hover
{
    color: #fff;
    border: 1px solid #15b559; background-color: #15b559;
    border-bottom:1px solid #15b559 !important;
}
.page li img.img1{vertical-align: initial;}
.page li img.img2{
    display: none;
    vertical-align: initial;
}
.page li:hover img.img1,
.page li.pageact img.img1{
    display: none;
    vertical-align: initial;
}
.page li:hover img.img2,
.page li.pageact img.img2{
    display: inline-block;
}
.page li.pageact
{
    color: #fff;
    border: 1px solid #15b559; background-color: #15b559;
    border-bottom:1px solid #15b559 !important;
}

/*手机底部*/

.footer_ph{display:none;width:100%;padding:10px 10px ;float:left;background:rgba(255,255,255,0.9);border-top:1px solid #ebebeb;position:fixed;bottom:0;z-index:999}
.f_tel {float:left;background:#15b559;padding:6px 10px;border-radius: 10px;}
.f_tel img{display:block;float:left;width: 30px;}
.f_tel p{width:36px;font-size: 16px;float:left;color:#fff;line-height: 16px;margin-left:5px}
.f_num{float:left;font-size: 16px;color:#000;line-height: 20px;padding-left:35px;background:url(images/d_phone.png) left center no-repeat;background-size:30px auto}
.f_num a{display:block;font-size: 24px;line-height: 24px;font-family:"Arial";color:#15b559;font-weight:bold}

.f_top{float:right;margin-top:7px;position:relative}
.f_top a{display:block;width: 32px;border:1px solid #15b559;border-radius:50%;float:left;margin-left:5px;position:relative}
.f_top a .img1{display:block}
.f_top a .img2{display:none}
.f_top a.on .img1{display:none}
.f_top a.on .img2{display:block}
.f_top a.on{background:#15b559;border:1px solid #15b559;}
.f_top a.a3.on{background:none;border:1px solid #f9e0c8;}

/*.tc_box1{width:76%;position:fixed;left:12%;bottom:100px;padding:10% 0;z-index:9999;border-bottom:4px solid #15b559;display:none;padding-left:90px;background:#fff url(images/qq.png) 20px center no-repeat;background-size:60px auto}*/
/*.tc_box1 span{display:block;font-size:20px;line-height:20px;color:#303030}*/
/*.tc_box1 a{display:block;font-family:"Arial";font-size:32px;line-height:30px;color:#15b559;margin-top:10px}*/
.tc_box1,
.tc_box2{width:80%;position:fixed;left:10%;bottom:80px;background:#fff;text-align:center;padding:10% 0;z-index:9999;border-bottom:4px solid #15b559;display:none}
.tc_box1 span,
.tc_box2 span{display:block;font-size:12px;line-height:12px;text-align:center;margin-top:16px}

.d_btn{display:none;width:8px;height:4px;position:absolute;background:url(images/d_btn.png) center no-repeat;top:-34px;left:12px}
/*.f_top a.a1 .d_btn { top:-54px;}*/
.d_bg{width:100%;height:100%;position:fixed;left:0;top:0;z-index:6;background:rgba(0,0,0,.5);display:none}

@media  screen and (max-width:767px){
    .footer_ph{display: block;}
}
@media  screen and (max-width:374px){
.f_num a{font-size: 20px;}
}
/*网站地图*/
.wzdt{ width:100%; float:left;}
.wzdt li{ width:100%;float:left; border-bottom:1px dashed #323232; padding:10px 0;}
.wzdt li .a1{ width:100%;float:left;  font-size:16px;font-weight:bold; line-height:24px; color:#323232}
.wzdt li .a2{float:left; text-align:center; padding-right:10px; line-height:24px; color:#323232}



/*20210508*/
.roll_top{ float:left; width:100%; background:url(images/1.jpg) center no-repeat; background-size:cover; padding:10px; position:relative; z-index:6666;}
.roll_top .ul{ float:left; width:100%; display:flex;flex-wrap:wrap;}
.roll_top .slick-list{ width:100%;}
.roll_top .slick-track{ display:flex;}
.roll_top .li{ float:left; width:16.66%; display:flex; position:relative; min-height:100%; height:auto !important;}
.roll_top .li a{ float:left; width:92%; margin:10px 4%; background:rgba(231,255,247,0.3); border:1px solid rgba(22,181,89,0.3); border-radius:6px; padding:9px; color:#333333; font-size:14px; line-height:20px; min-height:50px; display: flex; align-items: center; justify-content: center;}
.roll_top .li a i{ display:block; width:30px; height:30px; position:relative; padding:3px; margin-right:5px;}
.roll_top .li a i img{ display:block; max-width:none; width:24px; height:24px; border-radius:50%; background:#16b559;}
.roll_top .li a i:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#16b559; opacity:0.2; border-radius:50%;}
.roll_top .li a .b{ font-weight:bold; color:#16b559; display:contents;}
@media  screen and (max-width:1024px){
.roll_top{ padding:5px;}	
.roll_top .li a{ width:96%; margin:5px 2%; font-size:12px; line-height:18px; padding:5px; min-height:42px;}
.roll_top .li a i{ width:28px; height:28px; padding:2px; margin-right:2px;}
.roll_top .li a i img{ width:24px; height:24px;}

}

@media  screen and (max-width:767px){
.roll_top .li a i{ width:24px; height:24px; padding:2px; margin-right:2px;}
.roll_top .li a i img{ width:20px; height:20px;}

}