@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
html{-webkit-tap-highlight-color:transparent;height:100%;min-width:320px;overflow-x:hidden;}
body{ font-family: "微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1;}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}
.select select:focus,.stepper .btn,.stepper input,a,a:active,a:hover,button:focus,input.input-weak:focus{outline:0;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
ul,li{list-style:none;}
/*::-webkit-input-placeholder{color: #FFFFFF;}
:-ms-input-placeholder{color: #FFFFFF;}*/
img{ border: none; display:block;}
a{ text-decoration: none;}
a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;}
@-ms-viewport{width:device-width;}
ul, li{margin:0;list-style-type:none; font-size:0;}
i, em{ font-style:normal;}

body{ width:7.5rem; margin: 0 auto;}

.bg{ width: 100%; height: 100%; float: left; background: url(../images/bg_01.jpg) no-repeat; background-size: 100% 100%; position: fixed; top: 0; left: 0; z-index: -1;}

/*.bg01{ width: 100%; height: 100%; float: left; background: url(../images/2.gif) no-repeat; background-size: 100% 100%; position: fixed; top: 0; left: 0; z-index: -1;}*/
.web_logo{ width: 100%; float: left; margin-top: 3.515rem;}
.web_logo img{ width: 100%; height: 2.988rem; float: left;}


.index_title{ width: 93.2%; float: left; padding-left: 6.8%; font-size: .435rem; color: #fff; line-height: 1.465rem; margin-top: .635rem; font-weight: bold;}

.index_list{ width: 88.8%; float: left; margin: 0 5.6%;}
.index_list a{ width: 47.6%; float: left; margin: .088rem 1.2%;}
.index_list a img{ width: 100%; height: auto; float: left;}

.index_tel{ width: 100%; float: left; text-align: center; padding: .723rem 0; font-size: 0;}
.index_tel a{ display: inline-block; font-size: .333rem; background: url(../images/tb_01.png) no-repeat; background-size: .391rem .391rem; color: #fff; line-height: .391rem; font-weight: bold; padding-left: .527rem;}

.Service_list{ width: 86.6%; float: left; padding: 0 6.7% .488rem 6.7%;}
.Service_list a{ width: 100%; float: left; margin: .322rem 0;}
.Service_list_name{ width: 35.6%; float: left;position: relative; text-align: center; font-size: .417rem; color: #Fff; line-height: 2.344rem;}
.Service_list_name:after{
  border: solid transparent;
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  top: 100%;
  border-width: .185rem;
  left: .537rem;
}
.Service_list_img{ width: 64.4%; float: left;}
.Service_list_img img{ width: 100%; height: 2.344rem; float: left;}
.sl01:after { border-top-color: #0056ab;}
.sl01{ background: #0056ab;}

.sl02:after { border-top-color: #f39800;}
.sl02{ background: #f39800;}

.sl03:after { border-top-color: #00b7ee;}
.sl03{ background: #00b7ee;}

.sl04:after { border-top-color: #8957a1;}
.sl04{ background: #8957a1;}

.sl05:after { border-top-color: #22ac38;}
.sl05{ background: #22ac38;}

.sl06:after { border-top-color: #b28850;}
.sl06{ background: #b28850;}


.Travel{ width: 94.4%; float: left; padding: .244rem 2.8%;}

.Travel_head{ width: 100%; float: left; border-bottom: 1px solid #9da2bb;}
.Travel_head div{ width: 10%; float: left;}
.Travel_head div a{ width: .283rem; float: left; margin: .39rem 0 0 .039rem;}
.Travel_head div a img{ width: .283rem; height: auto; float: left;}
.Travel_head span{ width: 80%; float: left; text-align: center; font-size: .471rem; color: #Fff; line-height: 1.23rem; font-weight: bold;}

.Travel_jj{ width: 100%; float: left; font-size: .291rem; color: #fff; line-height: .468rem; margin: .253rem 0;}

.Travel_list{ width: 98%; float: left; margin: .39rem 0; padding: 0 1%;}
.Travel_list a{ width: 100%; height: 1.386rem; float: left; background: url(../images/tb_04.png) no-repeat right .293rem center #fff; background-size: .244rem .381rem; position: relative; z-index: 1111; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  margin: .156rem 0;}
.Travel_list a span{ width: .468rem; height: .566rem; float: left; background: url(../images/tb_03.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 1112; font-size: .286rem; color: #fff; line-height: .371rem;  -webkit-border-radius:0 0 50% 0; -moz-border-radius:0 0 50% 0; border-radius:0 0 50% 0;}
.Travel_list_tit{ width: 4.4rem; float: left; margin: .3025rem 0; overflow: hidden;}
.Travel_list_tit h1{ width: 100%; height: .781rem; float: left; font-size: .333rem; color: #535353; line-height: .781rem; overflow: hidden;}
.Travel_list_tit p{ width: 100%; float: left; font-size: .293rem; color: #484848; line-height: .46875rem;}
.Travel_list a b{ width: .781rem; height: .781rem; float: left; margin: .3025rem .3rem;}
.Travel_list a b img{ width: .781rem; height: .781rem; float: left;}


.more{ width: 100%; float: left; text-align: center; font-size: .25rem; color: #959595; line-height: .879rem;}


.TravelShow{ width: 94.4%; float: left; padding: .244rem 2.8%;}
.TravelShow_head{ width: 100%; float: left; border-bottom: 1px solid #9da2bb;}
.TravelShow_head div{ width: 10%; float: left;}
.TravelShow_head div a{ width: .283rem; float: left; margin: .39rem 0 0 .371rem;}
.TravelShow_head div a img{ width: .283rem; height: auto; float: left;}
.TravelShow_head span{ width: 80%; float: left; text-align: center; font-size: .375rem; color: #Fff; line-height: .625rem; font-weight: bold; padding: .2rem 0;}

.TravelShow_list{ width: 97.8%; float: left; padding: .244rem 1.1%;}
.TravelShow_list li{ width: 97.2%; float: left; padding: 0 1.4%; margin: .098rem 0; background: #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.TravelShow_tit{ width: 96.8%; float: left; border-bottom: 1px solid #8c8c8c; font-size: .291rem; color: #313131; line-height: .432rem; margin-top: .137rem; font-weight: bold; padding: .15rem 0 .15rem 3.2%;}
.TravelShow_con{ width: 94.8%; float: left; padding: .156rem 2.6%; font-size: .291rem; color: #535353; line-height: .41rem;}

.down{ width: 100%; float: left; text-align: center; font-size: 0;  margin-top: .361rem;}
.down a{ width: 6.269rem; padding: .2rem 0; display: inline-block; text-align: center; font-size: .333rem; color: #FFf; line-height: .498rem; font-weight: bold; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.d01 a{ background: #f39800;}
.d02 a{ background: #32b16c;}

.Data_Search{ width: 100%; float: left; margin: .212rem 0;}
.Search{ width: 100%; padding-left: 14.8%; height: .801rem; float: left; background: url(../images/tb_06.png) no-repeat; background-size: 100% .801rem; border: none; font-size: .291rem; color: #fff; line-height: .801rem;}
.Search::-webkit-input-placeholder{color: #FFFFFF;}
.Search:-ms-input-placeholder{color: #FFFFFF;}

.Data_list{ width: 98%; float: left; margin: .39rem 0; padding: 0 1%;}
.Data_list a{ width: 100%; float: left; background: url(../images/tb_04.png) no-repeat right .293rem center #fff; background-size: .244rem .381rem; position: relative; z-index: 1111; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding: .3125rem 0; margin: .156rem 0;}
.Data_list a span{ width: .468rem; height: .566rem; float: left; padding-left: .098rem; background: url(../images/tb_03.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 1112; font-size: .286rem; color: #fff; line-height: .371rem;  -webkit-border-radius:0 0 50% 0; -moz-border-radius:0 0 50% 0; border-radius:0 0 50% 0;}
.Data_list a b{ width: .781rem; height: .781rem; float: left; margin-left: .508rem;}
.Data_list a b img{ width: .781rem; height: .781rem; float: left;}
.Data_list a p{ width: 4rem; float: left; margin-left: .244rem; font-size: .333rem; color: #535353; line-height: .781rem; font-weight: bold;}


.Rule{ width: 94%; padding: .234rem 3%; float: left; background: #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.Rule a{ width: 100%; float: left; border-bottom: 1px solid #969696; padding: .25rem 0;}
.Rule a span{ float: left; margin-left: .078rem; background: url(../images/images_22.jpg) no-repeat left center; background-size: .459rem .459rem; padding-left: .761rem; font-size: .333rem; color: #535353; line-height: .476rem; font-weight: bold;}
.Rule .more02{color:#535353;}

.quality{ width: 100%; float: left;}
.quality li{ width: 100%; float: left; margin: .215rem 0; background: #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.quality_tit{ width: 100%; float: left; border-bottom: 1px solid #ddd;}
.quality_tit span{ float: left; font-size: .292rem; color: #535353; line-height: 1.054rem; font-weight: bold; margin-left: .195rem;}
.quality_con{ width: 92%; float: left; padding: .234rem 4%; font-size: .25rem; color: #535353; line-height: .361rem;}



.body_bg{ width: 100%; height: 100vh; float: left; position: relative; z-index: 1111;}
.bj_01{ background: url(../images/bg_02.jpg) no-repeat; background-size: 100% 100%;}
.bj_02{ background: url(../images/bg_03.jpg) no-repeat; background-size: 100% 100%;}
.bj_03{ background: url(../images/bg_04.jpg) no-repeat; background-size: 100% 100%;}
.bj_04{ background: url(../images/tb_23.png) no-repeat; background-size: 100% 100%;}
.up{ position: absolute; left: 0; bottom: .44rem; z-index: 2222; width: 100%; float: left; text-align: center; font-size: 0;}
.up img{ width: .533rem !important; height: .343rem !important; float: none !important; display: inline-block;}


.body_nr{ width: 100%; float: left; background: #e5e5e5;}

.header{ width: 100%; float: left; background: #fff; position: relative; z-index: 1111;}
.header_menu{ width: 9%; float: left;}
.header_menu img{ width: .283rem; height: .439rem; float: left; margin: .273rem 0 0 .291rem;}
.header_title{ width: 82%; float: left; text-align: center; font-size: .333rem; color: #313131; line-height: .957rem;}
.header_map{ width: 2.207rem; float: left; position: absolute; right: 0; top: 0; z-index: 2222;}
.header_screen{ width: 1.005rem; height: .4rem; float: left; background: #f39800; text-align: center; margin-top: .322rem; font-size: .268rem; color: #fff; line-height: .4rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.header_map_map{ width: .517rem; float: left; margin: .273rem 0 0 .341rem;}
.header_map_map img{ width: .517rem; height: .469rem; float: left;}

.screen_list{ width: 100%; background: #fff; float: left; position: absolute; top: 1rem; left: 0; z-index: 3333; display: none;}
.screen_list li{ width: 96%; float: left; padding: .292rem 2%; border-top: 1px solid #e5e5e5;}
.condition{ width: .781rem; float: left;}
.condition span{ width: .781rem; height: .39rem; float: left; background: #f39800; text-align: center; font-size: .267rem; color: #Fff; line-height: .39rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin: .049rem 0;}
.condition_list{ width: 6.152rem; float: left;}
.condition_list a{ float: left; padding: 0 .049rem; font-size: .295rem; color: #313131; line-height: .39rem; margin: .049rem .088rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.scenic_list{ width: 96%; float: left; padding: .137rem 2%;}
.scenic_list a{ width: 100%; float: left; margin: .098rem 0;}
.scenic_list a img{ width: 100%; float: left; height: 3.242rem;}


.Strategy{ width: 94%; float: left; background: #f49800; padding: .176rem 3%;}
.Strategy_head{ width: 100%; float: left; border-bottom: 1px solid #fbddaa;}
.Strategy_head_back{ width: 9%; float: left;}
.Strategy_head_back a{ width: .244rem; float: right; margin-top: .42rem;}
.Strategy_head_back a img{ width: .244rem; height: .459rem; float: left;}
.Strategy_head_tit{ width: 82%; float: left; text-align: center; font-size: .375rem; color: #fff; line-height: 1.25rem; font-weight: bold;}
.Strategy_list{ width: 98%; float: left; padding: .244rem 1%;}
.Strategy_list li{ width: 100%; float: left; margin: .097rem 0; background: #Fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.Strategy_list_tit{ width: 99%; float: left; margin: 0 0.5%; border-bottom: 1px solid #8c8c8c;}
.Strategy_list_tit span{ float: left; margin-left: .195rem; padding-left: .195rem; font-size: .291rem; color: #313131; line-height: .869rem; font-weight: bold; background: url(../images/images_27.jpg) no-repeat left center; background-size: .058rem .371rem;}
.Strategy_list_con{ width: 94%; float: left; padding: .166rem 3%; font-size: .291rem; color: #535353; line-height: .41rem;}


.more02{ width: 100%; float: left; text-align: center; font-size: .25rem; color: #fff; line-height: .879rem;}


.Video{ width: 100%; float: left; background: #fff;}
.Video_head{ width: 99%; float: left; padding: 0 0.5%;}
.Video_head a{ width: 20%; float: left; text-align: center; margin: 0 2%; font-size: .295rem; color: #888686; line-height: .908rem; margin: 0 .45rem;}
#Video_on{ border-bottom: 3px solid #eb6100; color: #434343;}


.Video_list{ width: 96%; background: #e5e5e5; float: left; padding: .137rem 2%;}
.Video_list a{ width: 100%; float: left; margin: .098rem 0;}
.Video_list a img{ width: 100%; float: left; height: 3.242rem;}


.Direct_img{ width: 100%; float: left;}
.Direct_img img{ width: 100%; float: left; height: 3.887rem;}
.Direct_load{ width: 100%; float: left; text-align: center; background: none;}
.Direct_load a{ font-size: .278rem; color: #fff; line-height: 1.465rem;}

.Direct_list{ width: 90%; float: left; padding: 0 5%;}
.Direct_list li{ width: 95%; float: left; padding: 0 2.5% .1rem 2.5%; margin: .225rem 0; background: #f8f6f9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position: relative; z-index: 1111;}
.dz{ float: left; position: absolute; right: 2.5%; top: .215rem; z-index: 1113;}
.dz a{ font-size: .277rem; color: #de2d2d; line-height: .3125rem; background: url(../images/images_30.jpg) no-repeat left center; padding-left: .3125rem; background-size: .205rem .303rem;}
.Direct_list_tx{ width: 100%; float: left; text-align: center; font-size: 0; margin-top: .215rem;}
.Direct_list_tx img{ width: 1.289rem; height: 1.289rem; display: inline-block; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border: 1px solid #fff;}
.Direct_list_tit{ width: 100%; float: left; margin-top: .195rem;}
.Direct_list_tit h1{ width: 100%; float: left; text-align: center; font-size: .416rem; color: #5a5a5a; line-height: .488rem; font-weight: normal;}
.Direct_list_tit p{ width: 100%; float: left; text-align: center; font-size: .208rem; color: #5a5a5a; line-height: .391rem;}
.Direct_list_tit span{ width: 100%; float: left; text-align: center; font-size: .208rem; color: #afaeae; line-height: .391rem;}
.Direct_list_tit h2{ width: 100%; float: left; text-align: center; margin: .117rem 0; font-size: .278rem; color: #333; line-height: .41rem; font-weight: normal;}
.Direct_list_img{ width: 100%; float: left;}
.Direct_list_img img{ width: 100%; float: left; height: 4.941rem;}
.Direct_list_pl{ width: 100%; float: left;}
.PL_num{ width: 100%; float: left;}
.PL_num a{ width: .92rem; height: .34rem; float: right; background: #0ea7f3; text-align: center; font-size: .208rem; color: #Fff; line-height: .34rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin: .175rem 0;}
.Direct_list_pl dd{ width: 100%; float: left; margin: .1rem 0;}
.Direct_list_pl dd span{ float: left; font-size: .208rem; color: #000; line-height: .34rem;}
.Direct_list_pl dd p{ float: left; font-size: .208rem; color: #333; line-height: .34rem;}

.Guide_back{ width: .283rem; float: left; margin: .305rem 0 0 .586rem;}
.Guide_back img{ width: .283rem; float: left; height: .439rem;}
.Guide_tit{ width: 100%; float: left;}
.Guide_tit h1{ float: left; margin-left: .537rem; font-size: .471rem; color: #fff; line-height: 1.074rem; padding-left: .469rem; background: url(../images/tb_09.png) no-repeat left center; background-size: .3125rem .449rem;}
.Guide_jj{ width: 86%; height: 1.287rem; float: left; padding: 0 7%; font-size: .291rem; color: #Fff; line-height: .429rem; overflow: hidden;}
.Guide_map{ width: 100%; float: left; text-align: center; font-size: 0; position: relative; z-index: 1111; top: -.7rem;}
.Guide_map_wz{ width: 2.25rem; float: left; position: absolute; top: 8.5rem; right: .4rem; z-index: 2222;}
.Guide_map_wz img{ width: 100%; height: auto; float: left;}
.Guide_map_tp{ width: 100%; float: left;}
.Guide_map_tp a{ float: left; position: absolute; z-index: 3333; -webkit-opacity: 0; opacity: 0; -moz-opacity: 0;}
.Guide_map_tp a img{ width: 100%; height: auto; float: left;}
.tp01{ width: 1rem; right: 2.2rem; top: 2.2rem;}
.tp02{ width: 1rem; right: .65rem; top: 2.9rem;}
.tp03{ width: 1rem; right: .3rem; top: 4.7rem;}
.tp04{ width: 1rem; right: 2.65rem; top: 4.4rem;}
.tp05{ width: 1rem; right: 3.2rem; top: 5rem;}
.tp06{ width: 1rem; left: 1.3rem; top: 5.2rem;}
.tp07{ width: 1rem; left: 3rem; top: 6.2rem;}
.tp08{ width: 1rem; left: 3.4rem; top: 7.2rem;}
.tp09{ width: 1rem; left: .6rem; top: 6.7rem;}
.tp10{ width: 1.5rem; left: 2.3rem; top: 3rem;}
.tp11{ width: 1.4rem; right: .8rem; top: 5.2rem;}
#tp_1{ width: 100%; float: left;}
.line-drawing path{
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
}

.path01{ animation: dash01 4s linear forwards; -webkit-animation: dash01 4s linear forwards;}
.path04{ animation: dash02 4s 4s linear forwards; -webkit-animation: dash02 4s 4s linear forwards;}
.path09{ animation: dash03 4s 7.5s linear forwards; -webkit-animation: dash03 4s 7.5s linear forwards;}
.path10{ animation: dash03 4s 9.5s linear forwards; -webkit-animation: dash03 4s 9.5s linear forwards;}
.path11,.path12,.path13,.path14,.path15{ animation: dash04 4s 11s linear forwards; -webkit-animation: dash04 4s 11s linear forwards;}
.path08{ animation: dash05 4s 12.5s linear forwards; -webkit-animation: dash05 4s 12.5s linear forwards;}
.path05{ animation: dash06 4s 15s linear forwards; -webkit-animation: dash06 4s 15s linear forwards;}
.path03{ animation: dash07 4s 18.5s linear forwards; -webkit-animation: dash07 4s 18.5s linear forwards;}
.path07{ animation: dash08 4s 21.5s linear forwards; -webkit-animation: dash08 4s 21.5s linear forwards;}
.path06{ animation: dash09 4s 24.5s linear forwards; -webkit-animation: dash09 4s 24.5s linear forwards;}
.path02{ animation: dash10 4s 28s linear forwards; -webkit-animation: dash10 4s 28s linear forwards;}
@keyframes dash01{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #CF535A;}
100%{ stroke-dashoffset: 0; fill: #CF535A;}
}
@-webkit-keyframes dash01{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #CF535A;}
100%{ stroke-dashoffset: 0; fill: #CF535A;}
}
@keyframes dash02{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #1290A7;}
100%{ stroke-dashoffset: 0; fill: #1290A7;}
}
@-webkit-keyframes dash02{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #1290A7;}
100%{ stroke-dashoffset: 0; fill: #1290A7;}
}
@keyframes dash03{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #DF9840;}
100%{ stroke-dashoffset: 0; fill: #DF9840;}
}
@-webkit-keyframes dash03{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #DF9840;}
100%{ stroke-dashoffset: 0; fill: #DF9840;}
}
@keyframes dash04{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #3F80A0;}
100%{ stroke-dashoffset: 0; fill: #3F80A0;}
}
@-webkit-keyframes dash04{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #3F80A0;}
100%{ stroke-dashoffset: 0; fill: #3F80A0;}
}
@keyframes dash05{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #775585;}
100%{ stroke-dashoffset: 0; fill: #775585;}
}
@-webkit-keyframes dash05{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #775585;}
100%{ stroke-dashoffset: 0; fill: #775585;}
}
@keyframes dash06{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #2B7798;}
100%{ stroke-dashoffset: 0; fill: #2B7798;}
}
@-webkit-keyframes dash06{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #2B7798;}
100%{ stroke-dashoffset: 0; fill: #2B7798;}
}
@keyframes dash07{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #775585;}
100%{ stroke-dashoffset: 0; fill: #775585;}
}
@-webkit-keyframes dash07{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #775585;}
100%{ stroke-dashoffset: 0; fill: #775585;}
}
@keyframes dash08{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #1290A7;}
100%{ stroke-dashoffset: 0; fill: #1290A7;}
}
@-webkit-keyframes dash08{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #1290A7;}
100%{ stroke-dashoffset: 0; fill: #1290A7;}
}
@keyframes dash09{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #2B7798;}
100%{ stroke-dashoffset: 0; fill: #2B7798;}
}
@-webkit-keyframes dash09{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #2B7798;}
100%{ stroke-dashoffset: 0; fill: #2B7798;}
}
@keyframes dash10{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #DF9840;}
100%{ stroke-dashoffset: 0; fill: #DF9840;}
}
@-webkit-keyframes dash10{
0%{ stroke-dashoffset: 1000; fill: #000;}
30%{ stroke-dashoffset: 1000; fill: #DF9840;}
100%{ stroke-dashoffset: 0; fill: #DF9840;}
}


.Tourist_tit{ width: 100%; float: left;}
.Tourist_tit h1{ float: left; margin-left: .537rem; font-size: .471rem; color: #fff; line-height: 1.074rem; padding-left: .586rem; background: url(../images/tb_24.png) no-repeat left center; background-size: .46875rem .527rem;}

.Tourist_list{ width: 88%; float: left; padding: 0 6%;}
.Tourist_list a{ width: 100%; float: left; margin: .166rem 0;}
.Tourist_list a img{ width: 100%; height: auto; float: left;}

#cl_on{background:#f39800;color:#fff;}

.bj_05{ width: 100%; height: 100vh; float: left; position: relative; z-index: -1; background: url(../images/bg_05.jpg) no-repeat; background-size: 100% 100%;}
.Code img{ width: 4.609rem; height: 4.531rem; float: left; position: absolute; left: 50%; top: 50%; z-index: 1111; margin: -2.265rem 0 0 -2.304rem;}



.quality_con img{ max-width: 100%;}
.Strategy_list_con img{ max-width: 100%;}
.Direct_list_con img{ max-width: 100%;}
.TravelShow_con img{ max-width: 100%;}
.quality_con img{ max-width: 100%;}

.TravelShow_list .TravelShow_list_li{ width: 97.2%; float: left; padding: 0 1.4%; margin: .098rem 0; background: #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.TravelShow_con img{ max-width: 100%;}



.quality .quality_li{ width: 100%; float: left; margin: .215rem 0; background: #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.quality_con img{ max-width: 100%;}



.Strategy_list .Strategy_list_li{ width: 100%; float: left; margin: .097rem 0; background: #Fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.Strategy_list_con img{ max-width: 100%;}

/*.bg01{ width: 100%; height: 100%; float: left; background: url(../images/1.gif) no-repeat; background-size: 100% 100%; position: fixed; top: 0; left: 0; z-index: -1;}*/

.bj_04{ background: url(../images/tb_23.png) no-repeat; background-size: 100% 100%;}



.bg02{ width: 100%; height: 100%; float: left; background: #000; position: fixed; top: 0; left: 0; z-index: 9999;}
.loader{ width: 100%; float: left; text-align: center;}
.pacman{ margin-top: 70%; display: inline-block;}
.bg02_wz{ width: 100%; float: left; text-align: center; font-size: .3rem; color: #fff; line-height: 1rem;}



.bg{ width: 100%; height: 100%; float: left; background: url(../images/bg_01.jpg) no-repeat; background-size: 100% 100%; position: fixed; top: 0; left: 0; z-index: -2;}
#bodyPage{ width:100%; min-height:100%; height:auto !important; height:100%; position:fixed; top:0; left:0; z-index: -1;}
img.bg{ width: 100%; height: 100%; position:absolute; top: 0px; left: 0px; z-index:1; opacity: 0;}

.web_wz{ width: 100%; float: left; position:absolute; top: 0px; left: 0px; z-index:3333;}
.wz_tp01{ width: 100%; height: auto; float: left; margin-top: 1rem;}
/*.wz_tp02{ width: 100%; height: auto; float: left; position: relative; left: -100%; margin-top: 3.6rem;}*/
.wz_tp03{ width: 100%; height: auto; float: left; position: relative; right: -100%; margin-top: .1rem;}
/*.wz_btn{ width: 100%; float: left; text-align: center; font-size: 0;}
.wz_btn img{ width: 1.386rem; height: 1.885rem; display: inline-block; margin-top: 3.8rem;}
.wz_btn span{ width: 100%; float: left; text-align: center; font-size: .277rem; color: #fff; line-height: .78rem; font-weight: bold;}*/

.jwlogo { display:none;}
.bj_06{ background: url(../images/bg_06.jpg) no-repeat; background-size: 100% 100%;}

.inquiry_img{ width: 100%; float: left; position: relative; z-index: 1111;}
.inquiry_img img{ width: 100%; max-width: 7.5rem; height: auto; float: left; margin-top: 3rem;}


.wz_tp02{ width: 100%; height: auto; float: left; position: relative;; margin-top: 0.5rem; display: none;}

.wz_btn{ width: 100%; float: left; text-align: center; font-size: 0;}
.wz_btn img{ width: 2.4705rem; height: 1.41165rem; margin-top: 1rem; display: inline-block;}
.web_href{ width: 100%; height: 100%; float: left;  position: fixed; top: 0; left: 0; z-index: 9999;}

/*.bg01{ width: 100%; height: 100%; float: left; background: url(../images/2.gif) no-repeat; background-size: 100% 100%; position: fixed; top: 0; left: 0; z-index: -1;}*/
.bg01{ width: 140%; height: 140%; float: left; background: url(../images/banner_06.jpg) no-repeat center center; background-size: 100% 100%; position: fixed; top: -20%; left: -20%; z-index: -2; overflow: hidden;}


.GuideList_tit{ width: 100%; float: left;}
.GuideList_tit span{ float: left; margin-left: .537rem; font-size: 0.4183rem; color: #fff; line-height: 0.9411rem; font-weight: bold;}
.GuideList_list{ width: 90%; float: left; padding: 0 5%;}
.GuideList_list a{ width: 100%; float: left; margin: 0.1372rem 0; position: relative; z-index: 1111;}
.GuideList_list a img{ width: 100%; height: 2.647rem; float: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.GuideList_list a span{ width: 100%; float: left; font-size: 0.4183rem; color: #Fff; line-height: 2.647rem; font-weight: bold; text-align: center; position: absolute; left: 0; top: 0; z-index: 1113;}


.pic_list{ width: 100%; float: left; margin: .2rem 0;}
.pic_list a{ width: 40%; float: left; margin: .1rem 5%;}
.pic_list a img{ width: 100%; height: 4.13rem; float: left; margin-bottom:.1rem;}
.pic_list a span{ width: 100%; float: left; font-size: .2639rem; color: #313131; line-height: .4rem;}
.pic_list a p{ width: 100%; float: left; font-size: .2639rem; color: #959595; line-height: .4rem;}

.PicShow{ width: 100%; float: left; position: absolute; left: auto; top: 0; z-index: 95;}
.PicShow img{ width: 100%; height: auto; float: left;}
.backhome {
	display: block;
	width: 25px;
	height: 25px;
	position: fixed;
	top:45px;
	right: 10px;
	z-index: 96;
}

.backhome img {
	width: 25px;
	height: 25px;
}
#menuBtn {
	position: fixed;
	border-radius: 50%;
	bottom: 25px;
	right: 20px;
	z-index: 99;
	display: block;
}

#menuBtn ul {
	padding: 0;
	margin: 0;
}

#menuBtn li {
	display: block;
	height: 8px;
	width: 100%;
	text-align: center;
	margin-bottom: 2px;
}

#menuBtn span {
	display: inline-block;
	width: 6px;
	margin: 0 2px;
	height: 6px;
	border-radius: 4px;
	background: #fff;
	vertical-align: middle;
	box-shadow: 2px 2px 5px #000;
}
.menu{ width: 100%; height: 100%; float: left; position: absolute; top: 0; left: auto; z-index: 98; display: none;}
.menu a{ width: 33.333%; height: 4.1rem; display: inline-block; float: left;}
.menu a img{ width: 100%; height: 100%; float: left; background-size: cover; background-position: center center;}


.Pic_bg{ width: 100%; height: 100%; max-width: 7.5rem; background: #000; position: fixed; top: 0; left: auto; z-index: 97; display: none; opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6;}
.Pic_bg_img{ width: 100%; max-width: 7.5rem; float: left; position: fixed; top: 0; left: auto; z-index: 98; display: none;}
.Pic_bg_img img{ width: 100%; height: auto; float: left; margin-top: 1rem;}
.Pic_btn{ width: 0.63rem; height: 0.49rem; position: fixed; bottom: 25px; left: 50%; margin-left: -0.315rem; z-index: 97;}
.Pic_btn img{ width: 0.63rem; height: 0.49rem; float: left; animation: arrowUp 1.8s infinite linear;}
.Pic_img{ width: 2.91rem; height: 0.9rem; position: fixed; bottom: 80px; left: 50%; margin-left: -1.455rem; z-index: 97;}
.Pic_img img{ width: 2.91rem; height: 0.9rem; float: left;}
.music {
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 96;
	height: 25px;
	width: 25px;
}

.music img {
	height: 25px;
	width: 25px;
}

.music.turn {
	animation: turn 10s infinite linear;
	-webkit-animation: turn 10s infinite linear;
}
@keyframes arrowUp {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}
	100% {
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
	}
}

@-webkit-keyframes arrowUp {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}
	100% {
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
	}
}

-moz-transform arrowUp {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}
	100% {
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
	}
}


@keyframes turn {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
	}
	100% {
		transform: rotate(720deg);
		-webkit-transform: rotate(720deg);
		-moz-transform: rotate(720deg);
	}
}

@-webkit-keyframes turn {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
	}
	100% {
		transform: rotate(720deg);
		-webkit-transform: rotate(720deg);
		-moz-transform: rotate(720deg);
	}
}

@-moz-keyframes turn {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
	}
	100% {
		transform: rotate(720deg);
		-webkit-transform: rotate(720deg);
		-moz-transform: rotate(720deg);
	}
}

.p_header{ width: 100%; height: 1rem; float: left; background: #000;}
.p_header_01,.p_header_03{ width: 10%; float: left;}
.p_header_01 a{ width: 0.5rem; height: 0.5rem; float: left; margin: 0.26rem 0 0 0.26rem;}
.p_header_01 a img{ width: 0.5rem; height: 0.5rem; float: left;}
.p_header_02{ width: 80%; float: left; text-align: center; font-size: 0.36rem; color: #fff; line-height: 1rem; font-weight: bold;}
.p_header_02 img{ width: 2.5rem; margin:0 auto;}
.p_header_03 img{ width: 0.45rem; height: 0.48rem; float: left; margin: 0.3rem 0.34rem 0 0;}