﻿/*通栏*/
#toolbar{display:block;	width:100%;	box-sizing:border-box;-moz-box-sizing:border-box;background-color:#efefef;}
.bananer_xc_bg{width:100%;background:url(../images/1001_bg.jpg) no-repeat 50% 50%;}
.trip-stitle{color:#fff;text-align:center;line-height:1.2}

@media (max-width: 991px){
/* //<=991的设备*/
#toolbar{height:250px;}
.bananer_xc_bg{background-size:auto 100%;}
.trip-stitle img{ padding-top:60px;width:60%;}
}

@media (max-width: 575px){
/* //<=576的设备*/
#toolbar{height:150px;}
.bananer_xc_bg{background-size:auto 100%;}
.trip-stitle img{padding-top:30px;width:50%;}
}

.news_more{clear:both; width:100%;padding:10px;text-align:center; overflow:hidden;}
.news_more .tw-service-content a {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border-color: #21b6a8; font-size: 18px;color: #FFFFFF;  padding: 15px 40px; text-transform: uppercase; display: inline-block;background-color: #21b6a8;}
.news_more .tw-service-content a:hover{background-color: #009900;color: #FFFFFF;}


.i_news{margin:0px 0px 30px 0px;width: 100%; height:120px; border: 1px solid #e9e9e9;}
.i_news:hover{ background:#f4fbff;}
.i_news_p{float:left; width:30%;}
.i_news_p img{width:100%; height:120px;}
.i_news_t{float:left; width:70%;}
.i_news_t .title {height:90px; padding-top:10px; padding-left:10px;}
.i_news_t .title a{line-height:150%; font-size:18px; color:#000000;}
.i_news_t .title a:hover{TEXT-DECORATION: none; color:#009900;}
.i_news_t .bot{ padding-left:10px;font-size:14px; height:30px;color:#666666;}
.i_news_t .bot img{ height:15px; padding-right:10px;}
.i_news_t .bot .time{float: left;}
.i_news_t .bot .soure{float: left; padding-left:30px;}


#mmonth{position:relative; width:100%;overflow: hidden;}
.lyzxtitle {position:relative;font-size: 38px;color:#FFFFFF;text-align: center;/* font-weight: bold; */ z-index:99999; line-height:150%;}
.lyzxtitle1 {font-size: 38px;color:#2092ea;text-align: center;/* font-weight: bold; */ z-index:99999;line-height:150%;}

.v_cont{padding:10px;font-size: 16px;line-height: 230%; color: #000;}
.v_cont img{max-width:100%;}

.print{margin:auto; width:90%;line-height: 150%;padding:10px;background: url(/images/bg_1.gif) repeat-x top; text-align:center;}
.bshare-custom{FLOAT: left;width: 400px}

.bs_right{FLOAT: right;width: 300px;}

.i_pic{ width:100%; height:100%; margin-top:10px; border:1px solid #FFFFFF;}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item.circle .info{position:absolute;top:0px;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1 .info h1{padding-top:80px;color:#fff;font-size:38px; line-height:150%;}
.ih-item.circle.effect1 .info h3{opacity:0;padding:60px 10px 0px 10px;color:#fff;font-size:18px; line-height:150%;}
.ih-item.circle.effect1 a:hover .info{opacity:1;top:0px;background:rgba(0,0,0,.5);opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.ih-item.circle.effect1 a:hover .info h1{display: none;}
.ih-item.circle.effect1 a:hover .info h3{opacity:1;}

.glwf_content_item{background-color:#fff;border-radius:7px;border:1px solid #CCCCCC;cursor:pointer; margin-top:15px;}
.glwf_content_item:hover{box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}
.glwf_content_item img{ height:180px; width:100%;}
.i_pic_txt2{padding:10px;line-height:200%; font-size:16px;; text-align:center;}
.i_pic_txt2 h1{ font-size:18px; color:#009900;}
.i_pic_txt2 span{color: #0000FF;}

.y_item{background-color:#fff;border-radius:7px;border:1px solid #CCCCCC;cursor:pointer; margin-top:15px;}
.y_item img{width:100%;border-radius:7px;}



.bananer_xy_bg{ width:100%;background:url(../images/yy_bg.jpg) no-repeat top center; overflow:hidden;}
.bananer_xy_bg img{ margin-top:15px;}

.v_title1{padding:30px 0 10px 0; font-size: 28px;color:#0075da;line-height: 200%;text-align:center;}
.v_inc_bg{height:4px;background-color:#0072ab;font-size:0px;}
.v_title2{font-size: 14px;line-height: 200%;color: #666666;text-align:center;}
.v_cont{padding:10px;font-size: 16px;line-height: 230%; color: #000;}
.v_cont img{max-width:100%;}
.print{margin:auto; width:90%;line-height: 150%;padding:10px;background: url(/images/bg_1.gif) repeat-x top; text-align:center;}
.bshare-custom{FLOAT: left;width: 400px}
.bs_right{FLOAT: right;width: 300px;}

@media (max-width: 1199px){
/*<=1199的设备*/ 

}
@media (max-width: 991px){
/* //<=991的设备*/

}
@media (max-width: 767px){
/* //<=768的设备 */

}
@media (max-width: 575px){
/* //<=576的设备*/
.i_news{margin:0px 0px 15px 0px;}
.i_news{height:80px;}
.i_news_p img{width:100%; height:80px;}
.i_news_t{float:left; width:70%;}
.i_news_t .title {height:60px; padding-top:5px; padding-left:10px;}
.i_news_t .title a{ font-size:16px;}
.i_news_t .bot{ padding-left:10px;font-size:14px; height:20px;color:#666666;}
.i_news_t .bot img{ height:15px; padding-right:5px;}
.i_news_t .bot .soure{display: none;}
.lyzxtitle {font-size: 24px;}
.lyzxtitle1 {font-size: 24px;}

.ih-item.circle.effect1 .info h1{padding-top:50px;font-size:18px;}
.ih-item.circle.effect1 .info h3{padding:10px 10px 0px 10px;font-size:14px; line-height:150%;}
}


.td-right-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 410px;
  height: 590px;
  overflow: hidden;
}
:root .header-annimate-element1,:root .header-annimate-element2,:root .header-annimate-element3,:root .header-annimate-element4,:root .header-annimate-element5,:root .header-annimate-element6,:root .header-annimate-element7,:root .header-annimate-element8,:root .header-annimate-element9,:root .header-annimate-element10,:root .header-annimate-element11,:root .header-annimate-element12,:root .header-annimate-element13,:root .header-annimate-element14,:root .header-annimate-element15 {
  display: inline
}

.header-annimate-element1 {
  position: absolute;
  top: -200px;
  right: auto;
  bottom: auto;
  left: 5px;
  width: 42px;
  height: 84px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #82B9E9;
  -moz-opacity: .6;
  -khtml-opacity: .6;
  opacity: .6;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element2 {
  position: absolute;
  top: -200px;
  right: auto;
  bottom: auto;
  left: 36px;
  width: 37px;
  height: 218px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #1980d8;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header-annimate-element3 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -120px;
  left: 137px;
  width: 84px;
  height: 310px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #4DA5EF;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element4 {
  position: absolute;
  top: -125px;
  right: auto;
  bottom: auto;
  left: 188px;
  width: 90px;
  height: 330px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #0E6CBC;
  -moz-opacity: .4;
  -khtml-opacity: .4;
  opacity: .4;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element5 {
  position: absolute;
  top: -12px;
  right: auto;
  bottom: auto;
  left: 170px;
  width: 37px;
  height: 13px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #23D5C5;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header-annimate-element6 {
  position: absolute;
  top: -86px;
  right: auto;
  bottom: auto;
  left: 232px;
  width: 45px;
  height: 165px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #8BB6DC;
  -moz-opacity: .3;
  -khtml-opacity: .3;
  opacity: .3;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element7 {
  position: absolute;
  top: -15px;
  right: auto;
  bottom: auto;
  left: 120px;
  width: 5px;
  height: 78px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #72B2F2;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element8 {
  position: absolute;
  top: 20px;
  right: auto;
  bottom: auto;
  left: 260px;
  width: 18px;
  height: 18px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #ffd800;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element9 {
  position: absolute;
  top: 46px;
  right: auto;
  bottom: auto;
  left: 265px;
  width: 65px;
  height: 65px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #0C6DBF;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element10 {
  position: absolute;
  top: -15px;
  right: auto;
  bottom: auto;
  left: 365px;
  width: 1px;
  height: 78px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #0B589A;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
  z-index: -1;
}

.header-annimate-element11 {
  position: absolute;
  top: 31px;
  right: auto;
  bottom: auto;
  left: 400px;
  width: 14px;
  height: 14px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #ff7400;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s
}

.header-annimate-element16 {
  position: absolute;
  top: -200px;
  right: auto;
  bottom: auto;
  left: 400px;
  width: 28px;
  height: 28px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #1980d8;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element12 {
  position: absolute;
  top: auto;
  right: 160px;
  bottom: -85px;
  left: auto;
  width: 60px;
  height: 218px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #2774B6;
  -moz-opacity: .4;
  -khtml-opacity: .4;
  opacity: .4;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element13 {
  position: absolute;
  top: 40px;
  right: auto;
  bottom: auto;
  left: 70px;
  width: 28px;
  height: 28px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #96C8F2;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element14 {
  position: absolute;
  top: -106px;
  right: auto;
  bottom: auto;
  left: 146px;
  width: 90px;
  height: 330px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #60ACEC;
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: .5;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.header-annimate-element15 {
  position: absolute;
  top: -100px;
  right: auto;
  bottom: auto;
  left: 70px;
  width: 12px;
  height: 12px;
  display: inline;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #ff6600;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  display: none\9;
  display: inline\9\0;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

#mmonth:hover .header-annimate-element1 {
  top: -42px;
  left: 30px
}

#mmonth:hover .header-annimate-element2 {
  top: -9px;
  left: 36px
}

#mmonth:hover .header-annimate-element3 {
  bottom: -122px;
  left: 40px;
}

#mmonth:hover .header-annimate-element4 {
  top: -225px;
  left: 178px
}

#mmonth:hover .header-annimate-element5 {
  top: -100px;
  left: 170px
}

#mmonth:hover .header-annimate-element6 {
  top: -95px;
  left: 210px
}

#mmonth:hover .header-annimate-element7 {
  top: -35px;
  left: 88px
}

#mmonth:hover .header-annimate-element8 {
  top: 20px;
  left: 280px
}

#mmonth:hover .header-annimate-element9 {
  top: 46px;
  left: 300px
}

#mmonth:hover .header-annimate-element10 {
  top: -15px;
  left: 235px
}

#mmonth:hover .header-annimate-element11 {
  top: 31px;
  left: 360px
}

#mmonth:hover .header-annimate-element16 {
  top: 20px;
  left: 380px
}

#mmonth:hover .header-annimate-element12 {
  bottom: -60px;
  right: 180px;
}

#mmonth:hover .header-annimate-element13 {
  top: -200px;
  left: 10px
}

#mmonth:hover .header-annimate-element14 {
  top: -26px;
  left: 146px;
}

#mmonth:hover .header-annimate-element15 {
  top: 40px;
  left: 180px
}



@-moz-keyframes break{
  0%{-moz-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
  50%{-moz-transform:scale(1.2, 1.2) translate3d(0, 0, 0);transform:scale(1.2, 1.2) translate3d(0, 0, 0)}
  100%{-moz-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
}
@-webkit-keyframes break{
  0%{-webkit-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
  50%{-webkit-transform:scale(1.2, 1.2) translate3d(0, 0, 0);transform:scale(1.2, 1.2) translate3d(0, 0, 0)}
  100%{-webkit-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
}
@keyframes break{
  0%{-moz-transform:scale(1, 1) translate3d(0, 0, 0);-ms-transform:scale(1, 1) translate3d(0, 0, 0);-webkit-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
  50%{-moz-transform:scale(1.2, 1.2) translate3d(0, 0, 0);-ms-transform:scale(1.2, 1.2) translate3d(0, 0, 0);-webkit-transform:scale(1.2, 1.2) translate3d(0, 0, 0);transform:scale(1.2, 1.2) translate3d(0, 0, 0)}
  100%{-moz-transform:scale(1, 1) translate3d(0, 0, 0);-ms-transform:scale(1, 1) translate3d(0, 0, 0);-webkit-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
}
