@media (min-width:1201px){@charset "utf-8";.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:rgba(0,150,136,0.78)}
.head .head_top{background-color:rgb(211 211 211 / 50%)}
.head .head_top:hover{background-color:rgba(0,150,136,0.78)}
.head .head_nav ul li a{color:#1c1c1c}
.head .head_top:hover ul li a{color:#fff}
.head .head_top .head_logo img:nth-of-type(2){display:block;opacity:1}
.head .head_top:hover .head_logo img:nth-of-type(2){display:none;opacity:0}
.head .head_top:hover .head_logo img:nth-of-type(1){display:block;opacity:1}
.head .head_top #bdcs form{opacity:0.7;border:1px solid #1c1c1c;width:2rem;height:0.33rem;border-radius:0.44rem;margin-top:0.05rem}
.head .head_top #bdcs form:hover{opacity:1}
.head .head_top #bdcs input{background:none;border:none;color:#FFFFFF}
.head .head_top #bdcs input.bdcs-search-form-submit{width:0.33rem;height:0.33rem;background-image:url(../image/so_icon_black.png);background-repeat:no-repeat;background-position:left center;background-size:55%;cursor:pointer}
.head .head_top #bdcs input.bdcs-search-form-input{height:0.33rem;width:1.42rem;margin-left:0.2rem}
.head .head_top .so_advice{overflow:hidden;height:0.33rem;padding-top:0.04rem;margin-left:0.2rem;float:left}
.head .head_top .so_advice a{color:#1c1c1c;font-size:0.16rem;opacity:0.7;line-height:0.33rem;margin-right:0.15rem}
.head .head_top .so_advice a:hover{opacity:1}
.head .head_top:hover #bdcs{float:right;overflow:hidden;padding-top:0.18rem}
.head .head_top:hover .bdcs-main{float:left}
.head .head_top:hover #bdcs form{opacity:0.7;border:1px solid #fff;width:2rem;height:0.33rem;border-radius:0.44rem;margin-top:0.05rem}
.head .head_top:hover #bdcs form:hover{opacity:1}
.head .head_top:hover #bdcs input{background:none;border:none;color:#FFFFFF}
.head .head_top:hover #bdcs input.bdcs-search-form-submit{width:0.33rem;height:0.33rem;background-image:url(../image/so_icon.png);background-repeat:no-repeat;background-position:left center;background-size:55%;cursor:pointer}
.head .head_top:hover #bdcs input.bdcs-search-form-input{height:0.33rem;width:1.42rem;margin-left:0.2rem}
.head .head_top:hover .so_advice{overflow:hidden;height:0.33rem;padding-top:0.04rem;margin-left:0.2rem;float:left}
.head .head_top:hover .so_advice a{color:#fff;font-size:0.16rem;opacity:0.7;line-height:0.33rem;margin-right:0.15rem}
.head .head_top:hover .so_advice a:hover{opacity:1}
.m_project_pro_l{width:100%;height:0.02rem;background:linear-gradient(to left,rgba(0,0,0,0.1) 0%,rgb(0 0 0 / 0) 50%,rgba(0,0,0,0.1) 100%);position:relative}
.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:#33b9e9;letter-spacing:0.15em;font-weight:lighter;font-size:0.21rem;text-indent:0.7em;display:block;opacity:0}
.top_locate h3{color:#2a2a2a;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(52,185,233,0),rgba(52,185,233,1),rgba(52,185,233,0));background:-o-linear-gradient(right,rgba(52,185,233,0),rgba(52,185,233,1),rgba(52,185,233,0));background:-moz-linear-gradient(right,rgba(52,185,233,0),rgba(52,185,233,1),rgba(52,185,233,0));background:linear-gradient(to right,rgba(52,185,233,0),rgba(52,185,233,1),rgba(52,185,233,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 img{width:100%}
.n_con_1{width:100%;margin:0.8rem auto}
.n_con_1 dl{overflow:hidden;width:4.6rem;margin:0 auto;margin-top:0.5rem}
.n_con_1 dl dt{height:0.8rem;width:2px;float:left;margin:0 0.32rem;background:-webkit-linear-gradient(top,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:-o-linear-gradient(bottom,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:-moz-linear-gradient(bottom,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:linear-gradient(to bottom,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0))}
.n_con_1 dl dd{float:left}
.n_con_1 dl dd img{height:0.5rem;margin-top:0.13rem}
.n_con_1 h3{text-align:center;font-size:0.5rem;color:rgb(235,153,32);margin:0.25rem 0 0 0;font-weight:lighter;letter-spacing:0.15em}
.n_con_1 h3 span{}
.n_con_1 p{text-align:center;font-size:0.3rem;font-weight:lighter;margin:0 auto;margin-top:0.3rem;letter-spacing:0.15em;color:#666;width:12rem}
.n_con_1 p.dan_des:nth-of-type(1){margin-top:0.4rem}
.n_con_1 p span{opacity:0.6;margin-right:0.15rem;color:#00a7e3}
.n_con_1 p b{color:#00a7e3;opacity:0.8;letter-spacing:0.03rem;font-weight:normal}
.n_con_2{width:13rem;margin:0.5rem auto}
.n_con_3{width:100%;background-position:top;background-repeat:no-repeat;background-size:100% auto;margin-top:1rem}
.n_con_3 dl{width:100%;color:#fff;background-color:rgba(35,49,62,0.5);-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background-position:center;background-repeat:no-repeat;background-size:a}
.n_con_3 dl dt{width:3.5rem;float:left}
.n_con_3 dl dt img{width:100%}
.n_con_3 dl dd{width:10rem;float:right}
.n_con_3 dl dd h3{font-size:0.43rem;letter-spacing:0.03rem;line-height:0.6rem}
.n_con_3 dl dd b{opacity:0.8;font-size:0.26rem;font-weight:lighter;margin:0.15rem 0;display:block;letter-spacing:0.04rem}
.n_con_3 dl dd ul{overflow:hidden;margin:0.15rem 0}
.n_con_3 dl dd ul li{float:left}
.n_con_3 .con3_line{width:100%;height:2px;background:-webkit-linear-gradient(left,rgba(35,49,62,0.5),rgb(173,176,180,1),rgba(35,49,62,0.5));background:-o-linear-gradient(right,rgba(35,49,62,0.5),rgb(173,176,180,1),rgba(35,49,62,0.5));background:-moz-linear-gradient(right,rgba(35,49,62,0.5),rgb(173,176,180,1),rgba(35,49,62,0.5));background:linear-gradient(to right,rgba(35,49,62,0.5),rgb(173,176,180,1),rgba(35,49,62,0.5))}
.n_con_3 o{width:100%;height:1px;display:block;margin:0.2rem 0;background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));background:-o-linear-gradient(right,rgba(255,255,255,1),rgba(255,255,255,0));background:-moz-linear-gradient(right,rgba(255,255,255,1),rgba(255,255,255,0));background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0))}
.n_con_3 dl:nth-of-type(1){overflow:hidden;background-image:url(../image/civc3_4.jpg)}
.n_con_3 dl:nth-of-type(1) .con_3_bg:hover{background-color:rgba(48,128,186,0.8)}
.n_con_3 dl .con_3_bg{background-color:rgba(34,49,61,0.6);overflow:auto;padding:0.6rem 0;transition:all 300ms ease-in-out}
.n_con_3 dl .con_3_box{width:14rem;margin:0 auto}
.n_con_3 dl dd ul li{float:none;font-size:0.25rem;font-weight:lighter;line-height:0.55rem;letter-spacing:0.03rem;position:relative;overflow:hidden;margin-bottom:0.15rem}
.n_con_3 dl dd ul li span{left:0.02rem;top:0.24rem;font-weight:bold;border-radius:0.1rem;height:0.43rem;margin-top:0.07rem;font-weight:normal}
.n_con_3 dl dd ul li h4{font-size:0.26rem;line-height:0.5rem}
.n_con_3 dl dd ul li i{float:left;display:block;font-style:normal;box-sizing:border-box;padding-left:0.2rem;font-size:0.23rem;line-height:0.4rem}
.n_con_3 dl dd ol{margin-top:0.3rem;width:7rem}
.n_con_3 dl dd ol li{float:left;font-size:0.24rem;margin-right:0.14rem;padding:0.03rem 0.22rem 0.05rem 0.22rem;font-weight:lighter;margin-bottom:0.14rem}
.n_con_3 dl:nth-of-type(2){overflow:hidden;background-color:rgba(34,54,61,0.6);background-image:url(../image/civc3_2.jpg)}
.n_con_3 dl:nth-of-type(2) .con_3_bg:hover{background-color:rgba(74,128,174,0.8)}
.n_con_3 dl:nth-of-type(2) .con_3_box{width:13.5rem;margin:0 auto}
.n_con_3 dl:nth-of-type(2) dt{float:right}
.n_con_3 dl:nth-of-type(2) dd{float:left}
.n_con_3 dl:nth-of-type(3){overflow:hidden;background-color:rgba(34,58,61,0.6);background-image:url(../image/civc3_3.jpg)}
.n_con_3 dl:nth-of-type(3) .con_3_bg:hover{background-color:rgba(45,159,211,0.8)}
.n_con_3 dl:nth-of-type(3) .con_3_box{width:14rem;margin:0 auto}
.n_con_3 dl:nth-of-type(4){overflow:hidden;background-color:rgba(34,61,61,0.6);background-image:url(../image/civc3_4.jpg)}
.n_con_3 dl:nth-of-type(4) .con_3_bg:hover{background-color:rgba(33,113,147,0.8)}
.n_con_3 dl:nth-of-type(4) .con_3_box{width:13.5rem;margin:0 auto}
.n_con_3 dl:nth-of-type(4) dt{float:right}
.n_con_3 dl:nth-of-type(4) dd{float:left}
.n_con_pics{width:10.1rem;height:6.18rem;position:relative;margin:0 auto;margin-bottom:0.5rem}
.n_con_pics img{position:absolute}
.n_con_pics img:nth-of-type(1){width:5.74rem;left:0;top:0}
.n_con_pics img:nth-of-type(2){width:4.05rem;right:0;top:1.05rem}
.n_con_pics img:nth-of-type(3){width:4.05rem;bottom:0;left:1.68rem}
.n_con_pics img:nth-of-type(4){width:2.68rem;bottom:0.81rem;right:1.37rem}
.n_con_pics o{position:absolute;display:block;height:5rem;width:0.03rem;background:linear-gradient(to top,rgba(225,235,240,0) 0%,rgba(225,235,240,1) 50%,rgba(225,235,240,0) 100%);bottom:0.1rem;left:5.88rem}
.n_con_pics b{position:absolute;display:block;height:0.03rem;width:5rem;background:linear-gradient(to left,rgba(225,235,240,0) 0%,rgba(225,235,240,1) 50%,rgba(225,235,240,0) 100%);right:1.8rem;top:3.6rem}
.main_title{overflow:hidden}
.main_title h3{text-align:center;font-size:0.44rem;font-weight:normal;letter-spacing:0.03rem;opacity:0;color:#2080c3;line-height:0.6rem}
.main_title h3 span{color:#333}
.main_title h3 o{font-size:0.26rem;line-height:0.46rem;padding:0 0.13rem}
.main_title .title_line{display:block;height:3px;width:6.28rem;margin:0 auto;margin-top:0.07rem;margin-bottom:0.09rem;opacity:0;background:-webkit-linear-gradient(left,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:-o-linear-gradient(right,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:-moz-linear-gradient(right,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:linear-gradient(to right,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0))}
.main_title p{text-align:center;font-size:0.2rem;color:rgba(32,128,195,0.5);letter-spacing:0.02rem;opacity:0;margin-top:0}
}@media screen and (max-width:1200px){@charset "utf-8";.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{background-color:rgb(221 221 221 / 50%)}
.head .head_nav o{color:#666}
.head .head_top:hover{background-color:rgba(0,150,136,0.78)}
.head .head_nav ul li a{color:#1c1c1c}
.head .head_top:hover ul li a{color:#fff}
.head .head_top .head_logo img:nth-of-type(2){display:block;opacity:1}
.head .head_top:hover .head_logo img:nth-of-type(2){display:none;opacity:0}
.head .head_top:hover .head_logo img:nth-of-type(1){display:block;opacity:1}
.head .head_top:hover o{color:#fff}
.head .head_top #bdcs form{opacity:0.7;border:1px solid #1c1c1c;width:2rem;height:0.33rem;border-radius:0.44rem;margin-top:0.05rem}
.head .head_top #bdcs form:hover{opacity:1}
.head .head_top #bdcs input{background:none;border:none;color:#FFFFFF}
.head .head_top #bdcs input.bdcs-search-form-submit{width:0.33rem;height:0.33rem;background-image:url(../image/so_icon_black.png);background-repeat:no-repeat;background-position:left center;background-size:55%;cursor:pointer}
.head .head_top #bdcs input.bdcs-search-form-input{height:0.33rem;width:1.42rem;margin-left:0.2rem}
.head .head_top .so_advice{overflow:hidden;height:0.33rem;padding-top:0.04rem;margin-left:0.2rem;float:left}
.head .head_top .so_advice a{color:#1c1c1c;font-size:0.16rem;opacity:0.7;line-height:0.33rem;margin-right:0.15rem}
.head .head_top .so_advice a:hover{opacity:1}
.head .head_top:hover #bdcs{float:right;overflow:hidden;padding-top:0.18rem}
.head .head_top:hover .bdcs-main{float:left}
.head .head_top:hover #bdcs form{opacity:0.7;border:1px solid #fff;width:2rem;height:0.33rem;border-radius:0.44rem;margin-top:0.05rem}
.head .head_top:hover #bdcs form:hover{opacity:1}
.head .head_top:hover #bdcs input{background:none;border:none;color:#FFFFFF}
.head .head_top:hover #bdcs input.bdcs-search-form-submit{width:0.33rem;height:0.33rem;background-image:url(../image/so_icon.png);background-repeat:no-repeat;background-position:left center;background-size:55%;cursor:pointer}
.head .head_top:hover #bdcs input.bdcs-search-form-input{height:0.33rem;width:1.42rem;margin-left:0.2rem}
.head .head_top:hover .so_advice{overflow:hidden;height:0.33rem;padding-top:0.04rem;margin-left:0.2rem;float:left}
.head .head_top:hover .so_advice a{color:#fff;font-size:0.16rem;opacity:0.7;line-height:0.33rem;margin-right:0.15rem}
.head .head_top:hover .so_advice a:hover{opacity:1}
.m_project_pro_l{width:100%;height:0.02rem;background:linear-gradient(to left,rgba(0,0,0,0.1) 0%,rgb(0 0 0 / 0) 50%,rgba(0,0,0,0.1) 100%);position:relative}
.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:#33b9e9;letter-spacing:0.15em;font-weight:lighter;font-size:0.6rem;text-indent:0.7em;display:block;opacity:0}
.top_locate h3{color:#2a2a2a;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(52,185,233,0),rgba(52,185,233,1),rgba(52,185,233,0));background:-o-linear-gradient(right,rgba(52,185,233,0),rgba(52,185,233,1),rgba(52,185,233,0));background:-moz-linear-gradient(right,rgba(52,185,233,0),rgba(52,185,233,1),rgba(52,185,233,0));background:linear-gradient(to right,rgba(52,185,233,0),rgba(52,185,233,1),rgba(52,185,233,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}
.content_dan img{width:100%}
.n_con_1{width:100%;margin:0.8rem auto;padding:0 1rem;box-sizing:border-box}
.n_con_1 dl{overflow:hidden;width:4.6rem;margin:0 auto;margin-top:0.5rem}
.n_con_1 dl dt{height:0.8rem;width:2px;float:left;margin:0 0.32rem;background:-webkit-linear-gradient(top,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:-o-linear-gradient(bottom,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:-moz-linear-gradient(bottom,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:linear-gradient(to bottom,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0))}
.n_con_1 dl dd{float:left}
.n_con_1 dl dd img{height:0.5rem;margin-top:0.13rem}
.n_con_1 h3{text-align:center;font-size:0.5rem;color:rgb(235,153,32);margin:0.25rem 0 0 0;font-weight:lighter;letter-spacing:0.15em}
.n_con_1 h3 span{}
.n_con_1 p{text-align:center;font-size:0.7rem;font-weight:lighter;margin-top:0.3rem;letter-spacing:0.15em;margin-bottom:1rem;line-height:1.3rem;color:#666}
.n_con_1 p.dan_des:nth-of-type(1){margin-top:0.4rem}
.n_con_1 p span{opacity:0.6;margin-right:0.15rem;color:#00a7e3}
.n_con_1 p b{color:#00a7e3;opacity:0.8;letter-spacing:0.03rem;font-weight:normal}
.n_con_2{width:100%;margin:0.5rem auto}
.n_con_3{width:100%;background-position:top;background-repeat:no-repeat;background-size:100% auto;margin-top:1rem}
.n_con_3 dl{width:100%;color:#fff;background-color:rgba(35,49,62,0.5);-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background-position:center;background-repeat:no-repeat;background-size:a}
.n_con_3 dl dt{width:80%;margin:0 auto}
.n_con_3 dl dt img{width:100%}
.n_con_3 dl dd{width:90%;margin:0 auto}
.n_con_3 dl dd h3{font-size:1.43rem;letter-spacing:0.03rem;line-height:2rem}
.n_con_3 dl dd b{opacity:0.8;font-size:0.26rem;font-weight:lighter;margin:0.15rem 0;display:block;letter-spacing:0.04rem}
.n_con_3 dl dd ul{overflow:hidden;margin:0.15rem 0}
.n_con_3 dl dd ul li{float:left}
.n_con_3 .con3_line{width:100%;height:2px;background:-webkit-linear-gradient(left,rgba(35,49,62,0.5),rgb(173,176,180,1),rgba(35,49,62,0.5));background:-o-linear-gradient(right,rgba(35,49,62,0.5),rgb(173,176,180,1),rgba(35,49,62,0.5));background:-moz-linear-gradient(right,rgba(35,49,62,0.5),rgb(173,176,180,1),rgba(35,49,62,0.5));background:linear-gradient(to right,rgba(35,49,62,0.5),rgb(173,176,180,1),rgba(35,49,62,0.5))}
.n_con_3 o{width:100%;height:2px;display:block;margin:0.8rem 0;background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));background:-o-linear-gradient(right,rgba(255,255,255,1),rgba(255,255,255,0));background:-moz-linear-gradient(right,rgba(255,255,255,1),rgba(255,255,255,0));background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0))}
.n_con_3 dl:nth-of-type(1){overflow:hidden;background-image:url(../image/civc3_4.jpg)}
.n_con_3 dl:nth-of-type(1) .con_3_bg:hover{background-color:rgba(48,128,186,0.8)}
.n_con_3 dl .con_3_bg{background-color:rgba(34,49,61,0.6);overflow:auto;padding:1.6rem 0;transition:all 300ms ease-in-out}
.n_con_3 dl .con_3_box{width:100%;margin:0 auto}
.n_con_3 dl dd ul li{float:none;font-size:0.25rem;font-weight:lighter;line-height:0.55rem;letter-spacing:0.03rem;position:relative;overflow:hidden;margin-bottom:0.85rem}
.n_con_3 dl dd ul li span{left:0.02rem;top:0.24rem;font-weight:bold;border-radius:0.1rem;height:0.43rem;margin-top:0.07rem;font-weight:normal}
.n_con_3 dl dd ul li h4{font-size:1.1rem;line-height:1.5rem}
.n_con_3 dl dd ul li i{float:left;display:block;font-style:normal;box-sizing:border-box;padding-left:0.2rem;font-size:0.8rem;line-height:1.4rem}
.n_con_3 dl dd ol{margin-top:0.3rem;width:7rem}
.n_con_3 dl dd ol li{float:left;font-size:0.24rem;margin-right:0.14rem;padding:0.03rem 0.22rem 0.05rem 0.22rem;font-weight:lighter;margin-bottom:0.14rem}
.n_con_3 dl:nth-of-type(2){overflow:hidden;background-color:rgba(34,54,61,0.6);background-image:url(../image/civc3_2.jpg)}
.n_con_3 dl:nth-of-type(2) .con_3_bg:hover{background-color:rgba(74,128,174,0.8)}
.n_con_3 dl:nth-of-type(2) .con_3_box{margin:0 auto}
.n_con_3 dl:nth-of-type(2) dt{}
.n_con_3 dl:nth-of-type(2) dd{}
.n_con_3 dl:nth-of-type(3){overflow:hidden;background-color:rgba(34,58,61,0.6);background-image:url(../image/civc3_3.jpg)}
.n_con_3 dl:nth-of-type(3) .con_3_bg:hover{background-color:rgba(45,159,211,0.8)}
.n_con_3 dl:nth-of-type(3) .con_3_box{margin:0 auto}
.n_con_3 dl:nth-of-type(4){overflow:hidden;background-color:rgba(34,61,61,0.6);background-image:url(../image/civc3_4.jpg)}
.n_con_3 dl:nth-of-type(4) .con_3_bg:hover{background-color:rgba(33,113,147,0.8)}
.n_con_3 dl:nth-of-type(4) .con_3_box{width:100%;margin:0 auto}
.n_con_3 dl:nth-of-type(4) dt{}
.n_con_3 dl:nth-of-type(4) dd{}
.main_title{overflow:hidden}
.main_title h3{text-align:center;font-size:1.5rem;font-weight:normal;color:#2080c3;letter-spacing:0.03rem;opacity:0}
.main_title h3 span{color:#333}
.main_title h3 o{font-size:0.26rem;line-height:0.46rem;padding:0 0.13rem}
.main_title .title_line{display:block;height:2px;width:60%;margin:0.37rem auto;opacity:0;background:-webkit-linear-gradient(left,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:-o-linear-gradient(right,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:-moz-linear-gradient(right,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0));background:linear-gradient(to right,rgba(32,128,195,0),rgba(32,128,195,1),rgba(32,128,195,0))}
.main_title p{text-align:center;font-size:0.65rem;color:rgba(32,128,195,0.5);letter-spacing:0.02rem;opacity:0}
}