@media (min-width:1201px){

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

.head {width:100%;position:relative;height: 5.8rem;background-image:url(../image/vr_banner.jpg);background-position:center;background-size:100% auto}
.head_nav ul li:hover dl{background-color: rgb(17 121 209 / 78%);}

.head .head_top {background-color: rgb(0 0 0 / 20%);}
.head .head_top:hover{background-color: rgb(17 121 209 / 78%);}
.head .head_nav ul li a:hover{color: #b4d9ff;}
    
.top_locate{width: 12rem;height: 4.52rem;margin:0 auto;color: #2a2b2b;position: relative;z-index: 99;padding-top: 1.4rem;box-sizing: border-box;}
.top_locate span{color: #84cbff;letter-spacing: 0.15em;font-weight: lighter;font-size: 0.21rem;text-indent: 0.7em;display: block; opacity:0}
.top_locate h3{color: #ffffff;font-size: 0.62rem;margin-bottom: 0.15rem;margin-top: 0.05rem;letter-spacing: 0.07em;display: block;text-indent: 0.1em;font-weight: bold; opacity:0}
.top_locate p{display:block;height: 0.04rem;width: 55%;background:-webkit-linear-gradient(left,rgba(116,202,255,0),rgba(116,202,255,1),rgba(116,202,255,0));background:-o-linear-gradient(right,rgba(116,202,255,0),rgba(116,202,255,1),rgba(116,202,255,0));background:-moz-linear-gradient(right,rgba(116,202,255,0),rgba(116,202,255,1),rgba(116,202,255,0));background:linear-gradient(to right,rgba(116,202,255,0),rgba(116,202,255,1),rgba(116,202,255,0)); opacity:0}
.top_locate h5{font-weight:lighter;font-size: 0.16rem;letter-spacing: 0.6em;text-indent: 0.5em;margin-top: 1.35rem;color: #999;}
.top_locate h5 a{color: #999;}

.locate_bg{height:4.65rem;position:absolute;bottom:0;width:100%;overflow: hidden;}
.locate_bg i{ display:block; position:absolute; left:0;transition: all 1.0s ease 0.2s; overflow:hidden}
.locate_bg i img{opacity: 0.15;display: none;}
.locate_bg i:nth-of-type(1){top: 0;}
.locate_bg i:nth-of-type(1) img{height: 4.76rem;}
.locate_bg i:nth-of-type(2){top: 0.4rem;}
.locate_bg i:nth-of-type(2) img{height: 5.2rem;}

.list_banner {width:100%;position:absolute;top:0;height: 0.78rem;overflow: hidden;}
.list_banner img {width: 19.20rem;opacity: 0.9;}

.content{width:100%;background-color:#FFFFFF;overflow:hidden;padding: 0.14rem 0 0.8rem 0;}
.c_all{width: 12.8rem;margin:0 auto;overflow: hidden;}
.c_l{width: 8.55rem;border-right: 1px solid #e4e9f0;float:left;padding-right: 0.37rem;}
.c_head{ overflow:hidden;}
.c_head .c_h1{float:right;width: 4.69rem;}
.c_head .c_h1 h3{font-weight:normal;font-size:0.24rem;color:#000000;letter-spacing: 0.01rem;}
.c_head .c_h1 p{font-size: 0.15rem;line-height: 0.26rem;color: #888;margin:0.15rem 0;}
.c_head .c_h1 p span{ color:#1985c6;}
.c_head .c_l_img { float:left;width:3.40rem; height:2.10rem;margin-right:0.30rem; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.c_head .c_l_img a{ display:block;width:3.40rem; height:2.10rem; }
.c_head .c_h2{border-top:1px solid #eaeaea;float:right;width: 4.69rem;padding-top:0.10rem;}
.c_head .c_h2 li{line-height: 0.38rem;}
.c_head .c_h2 a{font-size: 0.17rem;color: #333;}
.c_head .c_h2 a:hover{ color:#1985c6;}
.c_list {overflow:hidden;padding: 0.25rem 0 0.05rem 0;}
.c_list dl{ overflow:hidden; border-bottom: 1px solid #e9e9e9; padding:0.30rem 0;}
.c_list dl.list_bottom{ border-bottom:0;}
.c_list dt{ float:left; margin-right:0.30rem;}
.c_list dt img{ height:1.20rem; width:auto;}
.c_list dd{overflow: hidden}
.c_list dd h3{font-size: 0.22rem;height:0.32rem;line-height:0.31rem;font-weight:normal;letter-spacing: 0.01rem;}
.c_list dd a{ color:#151515;}
.c_list dd a:hover{ color:#1985c6;}
.c_list dd p{font-size:0.14rem;color:#999;line-height: 0.26rem;}
.c_list dd p.des_cription{padding: 0.08rem 0 0.12rem 0;}
.c_list dd p.key_word{ color:#575757;font-size: 0.14rem;}
.c_list dd i{ color:#48b0f5; font-style:normal; margin-right:0.10rem;}
.c_list dd span{ font-size:0.13rem; color:#ccc; float:right;}

.page{position: relative;left: 50%;float: left;margin-top: 0.1rem;}
.page_nr{position: relative;left: -50%;}
.page a{float:left; display:block; padding:0.04rem 0.09rem 0.05rem 0.09rem;background-color: #fff;margin-right:0.03rem;font-size: 0.15rem; color:#8A8A8A;border:1px solid #fff; }
.page a:hover{border:1px solid #317dcc; color:#317dcc;}
.page b{display:block; float:left;padding:0.04rem 0.08rem 0.02rem 0.08rem; color:#317dcc; font-size: 0.15rem;}
.page a.num{padding:0.04rem 0.09rem 0.05rem 0.09rem;}
.page a.num:hover{border:1px solid #317dcc; color:#317dcc;}

.c_tdk {margin-bottom: 0.16rem;}
.c_tdk h1{font-weight:normal;font-size: 0.3rem;color:#000;letter-spacing: 0.01rem;}
.c_tdk p{font-size: 0.14rem;color:#999;margin-top: 0.24rem;}
.c_tdk p span{ color:#48b0f5}
.c_des{font-size: 0.15rem;color: #61a1ca;background-color: #eff9ff;padding:0.20rem 0.25rem;width: 7.9rem;line-height:0.28rem;}
.c_con{font-size: 0.16rem;color:#666;padding:0 0.20rem;line-height: 0.32rem;margin-top: 0.22rem;}
.c_con img{ margin:0; max-width:8rem;}
.c_author{ font-size:0.16rem; color:#666; text-align:right; width:7.69rem; margin-top:0.45rem;}
.c_author a{ color:#555;}
.c_fn{color:#999;font-size: 0.15rem;line-height: 0.3rem;padding-left:0.20rem;margin-top:0.50rem;}
.c_fn a{ color:#999; }
.c_ad{ padding-left:0.20rem; margin:0.30rem 0;}
.c_ad img{ width:100%;}
.c_relate { padding-left:0.20rem; overflow:hidden;}
.c_relate h3{color: #000;font-size:0.18rem;font-weight:normal;}
.c_relate ul{overflow:hidden;border-top:1px #e9e9e9 solid;margin-top:0.14rem;padding-top: 0.15rem;width:3.20rem;float:left;padding-right:1.09rem;}
.c_relate ul.right{ padding-right:0;}
.c_relate li{float:left;font-size: 0.15rem;width:3.20rem;}
.c_relate li a{ color:#333; line-height:0.32rem; display:block; width:3.50rem; overflow:hidden; height:0.32rem;}

.c_r{float:right;}
.c_r h3{font-size: 0.18rem;color: #000;margin-bottom:0.10rem;}
.c_r img{margin: 0.05rem 0 0.1rem 0;width: 3.2rem;padding-left: 0.03rem;}
.c_r li{ font-size:0.16rem; line-height:0.33rem; height:0.33rem; width:3.30rem; overflow:hidden;}
.c_r li a{ color:#666;}
.c_r li span{display:block;width:0.05rem;height:0.05rem;background-color:#2277da;float:left;margin: 0.15rem 0.10rem 0.13rem 0.07rem;}
.c_r1{ overflow:hidden;}
.c_r1 h3{margin-bottom:0.15rem;}
.c_r2{ overflow:hidden; margin-top:0.35rem;}

.content_dan{width: 100%;}
.content_dan .box{position: relative;z-index: 3;background-color: #fff;}
.content_dan .box{position:relative;z-index:3;background-color:#fff;padding-bottom: 1.5rem;}
.content_dan .detail_content{font-size:0.2rem;line-height:1.8;color:#333}
.content_dan .ullist_content{display:flex;flex-wrap:wrap}
.content_dan .ullist_content li{font-size:0.16rem;line-height:1.6;display:flex;align-items:center;margin-top:0.1rem;width:33%; color:#666; font-size:0.2rem}
.content_dan .ullist_content li:before{content:"\f003d";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;display:block;transform:rotate(90deg);color:#f79700;margin-right:0.16rem}
.m_map{padding:0.75rem 0 0.75rem 0;overflow:hidden}
.m_map_play{position:relative}
.m_map_play .div3{position:absolute;top:0;left:0;z-index:5}
.m_map_play .div3 .dd{width:8.5rem;height:8rem}
.m_map_play .div3 .dd img{width:100%;height:auto}
.m_map_play .div3 .dd svg{width:100%;height:100%}
.m_map_nr{background:url(../image/map.png) no-repeat right bottom;background-size:10.8rem;width:16rem;margin:0 auto;height:9.7rem;position: absolute;top: 0;}
.m_map_circle{position:absolute;left:9.6rem;top:4.1rem;z-index:5}
.m_map_circle span{display:block;border-radius:100rem;border:1px solid #dee4ed;margin:0 auto;width:2rem;height:2rem;position:absolute;left:0;top:0}
.m_map_nr h3{color:#424242;font-size:0.46rem;font-weight:normal;margin:0 0 0.25rem 0;padding-top:0.55rem;opacity:0}
.m_map_nr p{font-size:0.30rem;color:#939393;margin-bottom:0.1rem;font-weight:lighter;line-height:0.55rem;opacity:0}
.m_map_l dl{color:#b2c5cd;width:3.4rem;text-align:center;padding-top:0.63rem;opacity:0}
.m_map_nr dt{font-size:0.75rem;margin-bottom:0.15rem}
.m_map_nr dd{font-size:0.2rem;margin-top:em}
.m_map_nr .m_map_all{position:absolute;width:9.96rem;height:9.96rem;left:6.37rem;top:1.52rem;z-index:10}
.m_map_nr .m_map_all img{height:5.90rem;width:9.96rem}

}

@media (max-width: 1200px){
@charset "utf-8";/* CSS Document */

.head {width:100%;position:relative;height: 14.5rem;background-image:url(../image/vr_banner.jpg);background-position:center;background-size: auto 100%;}
.head_nav ul li:hover dl{background-color: rgba(0, 150, 136, 0.78);}
.head .head_top .head_logo img:nth-of-type(2){display:none;opacity:0}
.head_top {background-color: rgb(0 0 0 / 20%);}

.top_locate{width:17rem;height:14.52rem;margin:0 auto;color:#2a2b2b;position:relative;z-index:99;padding-top:5.4rem;box-sizing:border-box}
.top_locate span{color:#0ab0a0;letter-spacing:0.15em;font-weight:lighter;font-size:0.6rem;text-indent:0.7em;display:block; opacity:0}
.top_locate h3{color: #fff;font-size:1.5rem;margin-bottom:0.55rem;margin-top:0.2rem;letter-spacing:0.07em;display:block;text-indent:0.1em;font-weight:bold; opacity:0}
.top_locate p{display:block;height:0.1rem;width:84%;background:-webkit-linear-gradient(left,rgba(116,202,255,0),rgba(116,202,255,1),rgba(116,202,255,0));background:-o-linear-gradient(right,rgba(116,202,255,0),rgba(116,202,255,1),rgba(116,202,255,0));background:-moz-linear-gradient(right,rgba(116,202,255,0),rgba(116,202,255,1),rgba(116,202,255,0));background:linear-gradient(to right,rgba(116,202,255,0),rgba(116,202,255,1),rgba(116,202,255,0)); opacity:0}
.top_locate h5{font-weight:lighter;font-size:0.5rem;letter-spacing:0.6em;text-indent:0.5em;margin-top:4.35rem;color:#999}
.top_locate h5 a{color:#999}
.locate_bg{height:4.65rem;position:absolute;bottom:0;width:100%;overflow: hidden;}
.locate_bg i{ display:block; position:absolute; left:0;transition: all 1.0s ease 0.2s; overflow:hidden}
.locate_bg i img{opacity: 0.15;display: none;}
.locate_bg i:nth-of-type(1){top: 0;}
.locate_bg i:nth-of-type(1) img{height: 4.76rem;}
.locate_bg i:nth-of-type(2){top: 0.4rem;}
.locate_bg i:nth-of-type(2) img{height: 5.2rem;}

.list_banner {width:100%;position:absolute;top:0;height: 0.78rem;overflow: hidden;}
.list_banner img {width: 19.20rem;opacity: 0.9;}

.content{width:100%;background-color:#FFFFFF;overflow:hidden;padding: 0.14rem 0 0.8rem 0;}
.c_all{width: 12.8rem;margin:0 auto;overflow: hidden;}
.c_l{width: 8.55rem;border-right: 1px solid #e4e9f0;float:left;padding-right: 0.37rem;}
.c_head{ overflow:hidden;}
.c_head .c_h1{float:right;width: 4.69rem;}
.c_head .c_h1 h3{font-weight:normal;font-size:0.24rem;color:#000000;letter-spacing: 0.01rem;}
.c_head .c_h1 p{font-size: 0.15rem;line-height: 0.26rem;color: #888;margin:0.15rem 0;}
.c_head .c_h1 p span{ color:#1985c6;}
.c_head .c_l_img { float:left;width:3.40rem; height:2.10rem;margin-right:0.30rem; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.c_head .c_l_img a{ display:block;width:3.40rem; height:2.10rem; }
.c_head .c_h2{border-top:1px solid #eaeaea;float:right;width: 4.69rem;padding-top:0.10rem;}
.c_head .c_h2 li{line-height: 0.38rem;}
.c_head .c_h2 a{font-size: 0.17rem;color: #333;}
.c_head .c_h2 a:hover{ color:#1985c6;}
.c_list {overflow:hidden;padding: 0.25rem 0 0.05rem 0;}
.c_list dl{ overflow:hidden; border-bottom: 1px solid #e9e9e9; padding:0.30rem 0;}
.c_list dl.list_bottom{ border-bottom:0;}
.c_list dt{ float:left; margin-right:0.30rem;}
.c_list dt img{ height:1.20rem; width:auto;}
.c_list dd{overflow: hidden}
.c_list dd h3{font-size: 0.22rem;height:0.32rem;line-height:0.31rem;font-weight:normal;letter-spacing: 0.01rem;}
.c_list dd a{ color:#151515;}
.c_list dd a:hover{ color:#1985c6;}
.c_list dd p{font-size:0.14rem;color:#999;line-height: 0.26rem;}
.c_list dd p.des_cription{padding: 0.08rem 0 0.12rem 0;}
.c_list dd p.key_word{ color:#575757;font-size: 0.14rem;}
.c_list dd i{ color:#48b0f5; font-style:normal; margin-right:0.10rem;}
.c_list dd span{ font-size:0.13rem; color:#ccc; float:right;}

.page{position: relative;left: 50%;float: left;margin-top: 0.1rem;}
.page_nr{position: relative;left: -50%;}
.page a{float:left; display:block; padding:0.04rem 0.09rem 0.05rem 0.09rem;background-color: #fff;margin-right:0.03rem;font-size: 0.15rem; color:#8A8A8A;border:1px solid #fff; }
.page a:hover{border:1px solid #317dcc; color:#317dcc;}
.page b{display:block; float:left;padding:0.04rem 0.08rem 0.02rem 0.08rem; color:#317dcc; font-size: 0.15rem;}
.page a.num{padding:0.04rem 0.09rem 0.05rem 0.09rem;}
.page a.num:hover{border:1px solid #317dcc; color:#317dcc;}

.c_tdk {margin-bottom: 0.16rem;}
.c_tdk h1{font-weight:normal;font-size: 0.3rem;color:#000;letter-spacing: 0.01rem;}
.c_tdk p{font-size: 0.14rem;color:#999;margin-top: 0.24rem;}
.c_tdk p span{ color:#48b0f5}
.c_des{font-size: 0.15rem;color: #61a1ca;background-color: #eff9ff;padding:0.20rem 0.25rem;width: 7.9rem;line-height:0.28rem;}
.c_con{font-size: 0.16rem;color:#666;padding:0 0.20rem;line-height: 0.32rem;margin-top: 0.22rem;}
.c_con img{ margin:0; max-width:8rem;}
.c_author{ font-size:0.16rem; color:#666; text-align:right; width:7.69rem; margin-top:0.45rem;}
.c_author a{ color:#555;}
.c_fn{color:#999;font-size: 0.15rem;line-height: 0.3rem;padding-left:0.20rem;margin-top:0.50rem;}
.c_fn a{ color:#999; }
.c_ad{ padding-left:0.20rem; margin:0.30rem 0;}
.c_ad img{ width:100%;}
.c_relate { padding-left:0.20rem; overflow:hidden;}
.c_relate h3{color: #000;font-size:0.18rem;font-weight:normal;}
.c_relate ul{overflow:hidden;border-top:1px #e9e9e9 solid;margin-top:0.14rem;padding-top: 0.15rem;width:3.20rem;float:left;padding-right:1.09rem;}
.c_relate ul.right{ padding-right:0;}
.c_relate li{float:left;font-size: 0.15rem;width:3.20rem;}
.c_relate li a{ color:#333; line-height:0.32rem; display:block; width:3.50rem; overflow:hidden; height:0.32rem;}

.c_r{float:right;}
.c_r h3{font-size: 0.18rem;color: #000;margin-bottom:0.10rem;}
.c_r img{margin: 0.05rem 0 0.1rem 0;width: 3.2rem;padding-left: 0.03rem;}
.c_r li{ font-size:0.16rem; line-height:0.33rem; height:0.33rem; width:3.30rem; overflow:hidden;}
.c_r li a{ color:#666;}
.c_r li span{display:block;width:0.05rem;height:0.05rem;background-color:#2277da;float:left;margin: 0.15rem 0.10rem 0.13rem 0.07rem;}
.c_r1{ overflow:hidden;}
.c_r1 h3{margin-bottom:0.15rem;}
.c_r2{ overflow:hidden; margin-top:0.35rem;}

.content_dan{width: 100%;}
.content_dan .box{position: relative;z-index: 3;background-color: #fff;}
}