@font-face {

    font-family:fontD;

    src: url(../fonts/NotoSansHans-DemiLight.otf);

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: '';

    src: url(../fonts/NotoSansHans-Bold-Alphabetic.ttf);

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family:fontR;

    src: url(../fonts/NotoSansHans-Regular.otf);

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: fontX;

    src: url(../fonts/NotoSansHans-Thin-Alphabetic.ttf);

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



*{padding:0px; margin:0px;}

body{font-size: 14px;color:#666;letter-spacing: 1px;font-weight:500;font-family:fontD;}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{list-style:none; font-weight:500;font-family:fontR ;}

p{font-family:fontD;}

input,select,button,textarea{font-size:15px; border:0; background:none; outline:none; vertical-align:middle; font-family:fontD ;}

button{overflow:visible}

img{border:none;}

li{list-style:none;}

a{color:#555;  

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

a:hover{color:#000; text-decoration:none !important;}

.clear{overflow:hidden; clear:both; height:0px;}

::-webkit-scrollbar{width:6px;}

::-webkit-scrollbar-track{background-color:#000;}

::-webkit-scrollbar-thumb{background-color:#9b9b9b;}

::-webkit-scrollbar-thumb:hover{background-color:#7b7b7b;}

::-webkit-scrollbar-thumb:active{background-color:#5b5b5b;}

@media only screen and (max-width:992px){

body{font-size:13px;}

input,textarea{-webkit-appearance:none; border-radius:0;}

input[type=checkbox],input[type=radio]{-webkit-appearance:checkbox;}

}



@media only screen and (max-width:992px){

html.on{width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden;}

}



body{transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

@media only screen and (max-width:992px){

body.on{transform:translateX(-60%);

-webkit-transform:translateX(-60%);

-moz-transform:translateX(-60%);

-ms-transform:translateX(-60%);

-o-transform:translateX(-60%);}

}



@media only screen and (max-width:992px){

.sj_bj{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0; content:""; z-index:99999; display:none;}

}



.header{width:100%; position:relative; z-index:9999;}

.header.on{position:fixed; top:0; left:0; background-color:#131414;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .logo{width:200px; margin:0 auto ;}

.header .logo img{width:100%; height:auto; display:block;}

.header.on .logo{display:none;}

.header .an{position:absolute; top:50%; margin-top:-8px; right:15px; height:17px; width:30px; display:none;}

.header .an span{width:30px; height:1px; background-color:#555; display:block; position:absolute;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .an span.a1{top:0; left:0;}

.header .an span.a2{top:8px; left:0;}

.header .an span.a3{top:16px; left:0;}

.header .an.n span.a2{display:none;}

.header .an.n span.a1{top:8px;

transform:rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform:rotate(45deg);

-moz-transform:rotate(45deg);

-webkit-transform:rotate(45deg);}

.header .an.n span.a3{top:8px;

transform:rotate(135deg);

-o-transform:rotate(135deg);

-ms-transform:rotate(135deg);

-moz-transform:rotate(135deg);

-webkit-transform:rotate(135deg);}

.header .nav{text-align:center;}

.header .nav ul li{margin:0 35px; display:inline-block; position:relative;}

.header .nav ul li:after{width:0; height:2px; background-color:#0A006B; position:absolute; left:50%; bottom:5px; content:"";

transform:translateX(-50%);

-webkit-transform:translateX(-50%);

-moz-transform:translateX(-50%);

-ms-transform:translateX(-50%);

-o-transform:translateX(-50%);

transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;}

.header .nav ul li:hover:after{width:100%;}

.header .nav ul li.on:after{width:100%;}



.header.on .nav ul li:after{width:0; height:2px; background-color:#fff; position:absolute; left:50%; bottom:5px; content:"";

transform:translateX(-50%);

-webkit-transform:translateX(-50%);

-moz-transform:translateX(-50%);

-ms-transform:translateX(-50%);

-o-transform:translateX(-50%);

transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;}

.header.on .nav ul li:hover:after{width:100%;}

.header.on .nav ul li.on:after{width:100%;}



.header .nav .y_j{position:relative; z-index:9;}

.header .nav .y_j i{display:none;}

.header .nav .y_j a{display:block;font-size: 15px;line-height:60px;transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;-moz-transition:all 0s;-webkit-transition:all 0s;}

.header.on .nav .y_j a{color:#fff; line-height:60px;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .nav .y_j a.y_y i{display:inline-block; font-size:16px;}

.header .nav .e_j{width:120px; background-color:#131414; position:absolute; left:50%; margin-left:-60px; opacity:0; visibility:hidden;

transform:translateY(10px);

-webkit-transform:translateY(10px);





-moz-transform:translateY(10px);

-ms-transform:translateY(10px);

-o-transform:translateY(10px);

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .nav ul li:hover .e_j{opacity:1; visibility:inherit;

transform:translateY(0);

-webkit-transform:translateY(0);

-moz-transform:translateY(0);

-ms-transform:translateY(0);

-o-transform:translateY(0);}

.header .nav .e_j a{font-size: 12px;line-height: 34px;text-align:center;color:#aaa;display:block;}

.header .nav .e_j a:hover{color:#fff;}

@media only screen and (max-width:640px){

.header{position:fixed; top:0; left:0; background-color:#fff;}

.header.on{background-color:#fff; box-shadow:0 0 10px #ddd;}

.header .logo{width:100px; margin:15px auto;}

.header.on .logo{display:block;}

.header .search{display:none;}

.header .an{display:block;}

.header .nav{width:60%; height:100%; padding:10px 5% 0; margin:0; background-color:#141414; height:100%; position:fixed; top:0; right:-60%; z-index:9999; overflow:auto;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .nav ul li{width:100%; height:auto; line-height:50px; text-align:left; border-bottom:1px solid rgba(255,255,255,.1); float:none; padding:10px 0; margin:0;}

.header .nav .y_j i{display:none; width:100%; padding-right:10px; position:absolute; top:0; right:0; font-size:14px; text-align:right; color:#fff; line-height:40px; z-index:99;}

.header .nav .y_j a{

	font-size: 14px;

	line-height:40px;

	color: #fff;

}

.header.on .nav .y_j a{line-height:40px;}

.header .nav .e_j{width:100%; background:none; position:relative; left:auto; padding:5px 0; margin-left:0; opacity:1; visibility:inherit; display:none;

transform:none;

-webkit-transform:none;

-moz-transform:none;

-ms-transform:none;

-o-transform:none;

transition:none;

-o-transition:none;

-ms-transition:none;

-moz-transition:none;

-webkit-transition:none;}

.header .nav ul li:hover .e_j{transform:none;

-webkit-transform:none;

-moz-transform:none;

-ms-transform:none;

-o-transform:none;}

.header .nav .e_j a{font-size:12px; line-height:32px; text-align:left;}

}



.head_h{width:100%; height:141px; overflow:hidden; display:none;}

.head_h.on{display:block;}

@media only screen and (max-width:640px){

.head_h{height:60px; display: block;}

 

}



.sy_sp video{width:100%; height:auto; display:block;}



.pc_ban{width:100%; margin:0 auto; position:relative; overflow:hidden; height:auto}

.pc_ban .swiper-slide img{width:100%; height:auto; display:block;}

.pc_ban .swiper-button-prev{width:40px; height:40px; background:url(../images/banner-l.png) no-repeat center; left:0%; margin-top:-20px; opacity:0;

background-size:40px 40px;

-webkit-background-size:40px 40px;

-moz-background-size:40px 40px;

-ms-background-size:40px 40px;

-o-background-size:40px 40px;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.pc_ban:hover .swiper-button-prev{left:3%; opacity:1;}

.pc_ban .swiper-button-next{width:40px; height:40px; background:url(../images/banner-r.png) no-repeat center; right:0%; margin-top:-20px; opacity:0;

background-size:40px 40px;

-webkit-background-size:40px 40px;

-moz-background-size:40px 40px;

-ms-background-size:40px 40px;

-o-background-size:40px 40px;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.pc_ban:hover .swiper-button-next{right:3%; opacity:1;}

@media only screen and (max-width:992px){

.pc_ban{margin:50px 0;}

.pc_ban .swiper-button-prev{display:none;}

.pc_ban .swiper-button-next{display:none;}

}

@media only screen and (max-width:640px){

.pc_ban{width:100%; margin:0 auto 0; position:relative; overflow:hidden; height: auto}

.pc_ban .swiper-slide img{width:100%; height: auto; display:block;}



}



.sy_zh{width:100%; padding:100px 0; background-color:#fff; overflow:hidden;}

.sy_zh .t_w{background-color:#000; margin-bottom:30px; overflow:hidden; position:relative;}

.sy_zh .t_w.m_n{margin-bottom:0;}

.sy_zh .t_w img{width:100%; height:auto; display:block; opacity:.5;

-webkit-filter:grayscale(100%);

-moz-filter:grayscale(100%);

-ms-filter:grayscale(100%);

-o-filter:grayscale(100%);

filter:grayscale(100%);

filter:gray;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.sy_zh .t_w:hover img{-webkit-filter:grayscale(0);

-moz-filter:grayscale(0);

-ms-filter:grayscale(0);

-o-filter:grayscale(0);

filter:grayscale(0);}

.sy_zh .t_w .w_z{width:100%; padding:10px 0; background-color:rgba(0,0,0,.7); position:absolute; bottom:-50px; left:0; font-size:16px; line-height:30px; color:#fff; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.sy_zh .t_w:hover .w_z{bottom:0;}

.sy_zh .s_p{background-color:#000; position:relative;}

.sy_zh .s_p img{width:100%; height:auto; display:block; opacity:.5;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.sy_zh .s_p:hover img{opacity:1;}

.sy_zh .s_p .b_f{width:70px; height:70px; position:absolute; top:50%; left:50%; margin:-35px 0 0 -35px; z-index:99; cursor:pointer;}

.sy_zh .s_p .v_d{display:none;}

@media only screen and (max-width:992px){

.sy_zh{padding:50px 0;}

.sy_zh .t_w .w_z{padding:10px 0; font-size:15px; line-height:26px;}

}

@media only screen and (max-width:640px){

.sy_zh{padding:35px 0;}

.sy_zh .row{margin:0 -5px;}

.sy_zh .col-xs-12{padding:0 5px;}

.sy_zh .col-xs-6{padding:0 5px;}

.sy_zh .t_w{margin-bottom:10px;}

.sy_zh .t_w .w_z{padding:5px 0; font-size:14px;}

.sy_zh .s_p .b_f{width:46px; height:46px; margin:-23px 0 0 -23px;}

}



.sy_zs{width:100%; padding:0 0 60px; background-color:#141414; overflow:hidden;}

.sy_zs.bs_bj{background-color:#fff;}

.sy_zs .tp_zs{width:75%; padding:0 15px; float:left; position:relative;}

.sy_zs.bs_bj .tp_zs{float:right;}

.sy_zs .tp_zs img{width:100%; height:auto; display:block;}

.sy_zs .tp_zs .swiper-button-prev{width:36px; height:36px; background:url(../images/zj1.png) no-repeat center; left:-36px; margin-top:-18px;

background-size:36px 36px;

-webkit-background-size:36px 36px;

-moz-background-size:36px 36px;

-ms-background-size:36px 36px;

-o-background-size:36px 36px;}

.sy_zs .tp_zs .swiper-button-next{width:36px; height:36px; background:url(../images/yj1.png) no-repeat center; right:-36px; margin-top:-18px;

background-size:36px 36px;

-webkit-background-size:36px 36px;

-moz-background-size:36px 36px;

-ms-background-size:36px 36px;

-o-background-size:36px 36px;}

.sy_zs .tp_zs .swiper-pagination{display:none;}

.sy_zs .wz_nr{width:25%; padding:0 15px; text-align:right; float:right;}

.sy_zs.bs_bj .wz_nr{float:left; text-align:left;}

.sy_zs .wz_nr h1{font-size:26px; line-height:36px; color:#fff; margin:15px 0;}

.sy_zs.bs_bj .wz_nr h1{color:#000;}

.sy_zs .wz_nr a{font-size: 15px;line-height:36px;color: #666;letter-spacing: 2px;}

.sy_zs .wz_nr a:hover{color:#fff;}

.sy_zs.bs_bj .wz_nr a:hover{color:#000;}

@media only screen and (max-width:992px){

.sy_zs{padding:60px 0 40px;}

.sy_zs .swiper-zs{padding-bottom:30px;}

.sy_zs .tp_zs .swiper-button-prev{display:none;}

.sy_zs .tp_zs .swiper-button-next{display:none;}

.sy_zs .tp_zs .swiper-pagination{display:block; bottom:0;}

.sy_zs .tp_zs .swiper-pagination-bullet{width:20px;}

.sy_zs.bs_bj .tp_zs .swiper-pagination-bullet{background-color:#aaa;}

.sy_zs.bs_bj .tp_zs .swiper-pagination-bullet-active{background-color:#141414;}

.sy_zs .wz_nr h1{font-size:22px;}

}

@media only screen and (max-width:640px){

.sy_zs{padding:35px 0;}

.sy_zs .tp_zs{width:100%; float:none;}

.sy_zs.bs_bj .tp_zs{float:none;}

.sy_zs .wz_nr{width:100%; text-align:center; float:none; margin-bottom:20px;}

.sy_zs.bs_bj .wz_nr{float:none; text-align:center;}

.sy_zs .wz_nr h1{font-size:22px; line-height:30px; margin:0 0 6px;}

}



.sy_md{width:100%; padding:0 0; overflow:hidden; position:relative;}

.sy_md.hs_bj{background-color:#f7f7f7;}

.sy_md img{max-width:100%; height:auto; display:block; margin:0 auto;}

.sy_md .md_xx{position:absolute; top:43%; left:50%; margin-top:-71px; margin-left:-265px; z-index:99;}

.sy_md .md_xx h1{font-size:28px; line-height:36px; text-align:center; color:#000; margin-bottom:10px;}

.sy_md .md_xx h4{font-size: 14px;line-height:26px;text-align:center;margin-bottom:20px;}

.sy_md .md_xx select{display:none;}

.sy_md .md_zs{width:530px; position:relative; cursor:pointer;}

.sy_md .md_zs .l_m{padding:0 10px;border:1px solid #000;font-size: 14px;line-height:50px;position:relative;}

.sy_md .md_zs .l_m i{width:50px; height:50px; background:url(../images/xj.png) no-repeat center / cover; display:block; position:absolute; top:0; right:0;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.sy_md .md_zs .l_m.on i{transform:rotate(180deg);

-webkit-transform:rotate(180deg);

-moz-transform:rotate(180deg);

-ms-transform:rotate(180deg);

-o-transform:rotate(180deg);}

.sy_md .md_zs .x_z{width:100%; border:1px solid #000; border-top:0; position:absolute; left:0; display:none;}

.sy_md .md_zs .x_z ul{height:200px; overflow:auto;}

.sy_md .md_zs .x_z ul li a{line-height: 40px;text-indent:10px;font-size: 14px;display:block;}

.sy_md .md_zs .x_z ul li a:hover{background-color:#141414; color:#fff; text-indent:20px;}

@media only screen and (max-width:992px){

.sy_md{padding:30px 0;}

.sy_md .md_xx{margin-left:-150px;}

.sy_md .md_xx h1{font-size:26px; line-height:36px; text-align:center; color:#000; margin-bottom:10px;}

.sy_md .md_xx h4{font-size:15px; line-height:26px; text-align:center; margin-bottom:20px;}

.sy_md .md_xx select{display:block; width:300px; height:56px; padding:0 10px; border:1px solid #000; font-size:16px; line-height:56px;}

.sy_md .md_zs{display:none;}

}

@media only screen and (max-width:640px){

.sy_md{padding:35px 0;}

.sy_md.hs_bj{padding:50px 0;}

.sy_md .md_xx{width:70%; top:50%; left:15%; margin-top:-71px; margin-left:0;}

.sy_md .md_xx h1{font-size:22px; line-height:30px;}

.sy_md .md_xx h4{font-size:14px; line-height:24px; margin-bottom:15px;}

.sy_md .md_xx select{width:100%; height:50px; font-size:15px; line-height:50px;}

}



.flexcen{display: flex;justify-content: center;align-items: center;}

.sy_cp{ background:#f1f1f1; height:auto; overflow:hidden; padding-top:50px; }

.sy_cp li{ border-top:#dcdcdc 1px solid; padding:30px 130px ;height:auto; overflow:hidden ; }

.sy_cp .z1{ float:left; width:20%}

.sy_cp .z2{ float:left; width:13%; margin-right:2%;position: relative }

.sy_cp .z2 img{ width:100%}

.sy_cp .z3{float:left; width:15%}

.sy_cp .z3 h1{ font-size:18px; margin-bottom:40px; color:#4b4b4b; line-height:26px;  }

.sy_cp .z3 h1 em{ font-weight:bold; display:block; font-style:normal; letter-spacing:0}

.sy_cp .z3 h2{ font-size:18px; color:#808283; font-size:12px; margin-bottom:20px}

.sy_cp .z3  p{ color:#3c3e40; font-size:13px; line-height:26px}

.sy_cp .z4{ float: right; width:40%}

.sy_cp .z4 p{ margin-bottom:18px}

.sy_cp .z4 span{text-decoration: underline; line-height:36px;  }

.more{ width:100%; background-color: #4b4b4b; text-align:center; line-height:40px; margin-top:40px}

.more a{ color:#fff}



.more1{ width:220px; background-color: #4b4b4b; text-align:center; line-height:40px; margin-top:60px;}

.more1 a{ color:#fff}

@media only screen and (max-width:992px){

.sy_cp{ background:#f1f1f1; height:auto; overflow:hidden; padding-top:30px; }

.sy_cp li{ border-top:#dcdcdc 1px solid; padding:20px ;height:auto; overflow:hidden ; }

.sy_cp .z1{ float:none; width:100%}

.sy_cp .z2{ float:none; width:100%; margin-right:0;position: relative }

.sy_cp .z2 img{ width:100%}

.sy_cp .z3{float:none; width:100%; text-align:center}

.sy_cp .z4{ float: none; width:100%; margin-top:30px}

	

	

}

.hs_bn{width:100%; padding:50px 0; background:url(../images/hs_bj.jpg) no-repeat center / cover;}

.hs_bn .bn_nr{padding-left:400px; position:relative;}

.hs_bn .b_y{width:360px; padding:30px 0; position:absolute; top:50%; margin-top:-61px; left:0; text-align:center; color:#ddd;}

.hs_bn .b_y:before{width:60px; height:60px; border-top:1px solid #888; border-left:1px solid #888; content:""; position:absolute; top:0; left:0;}

.hs_bn .b_y:after{width:60px; height:60px; border-bottom:1px solid #888; border-right:1px solid #888; content:""; position:absolute; bottom:0; right:0;}

.hs_bn .b_y h3{font-size:22px; line-height:36px;}

.hs_bn .b_y p{font-size:15px; text-transform:uppercase; line-height:26px;}

.hs_bn .s_p{width:100%; background-color:#000; position:relative;}

.hs_bn .s_p img{width:100%; height:auto; display:block; opacity:.5;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.hs_bn .s_p:hover img{opacity:1;}

.hs_bn .s_p .b_f{width:70px; height:70px; position:absolute; top:50%; left:50%; margin:-35px 0 0 -35px; z-index:99; cursor:pointer;}

.hs_bn .s_p .v_d{display:none;}

@media only screen and (max-width:992px){

.hs_bn .bn_nr{padding-left:250px;}

.hs_bn .b_y{width:230px; padding:20px 0; top:50%; margin-top:-41px;}

.hs_bn .b_y:before{width:50px; height:50px;}

.hs_bn .b_y:after{width:50px; height:50px;}

.hs_bn .b_y h3{font-size:20px; line-height:32px;}

.hs_bn .s_p .b_f{width:50px; height:50px; margin:-25px 0 0 -25px;}

}

@media only screen and (max-width:640px){

.hs_bn{padding:35px 0;}

.hs_bn .bn_nr{padding-left:0;}

.hs_bn .b_y{width:70%; padding:20px 0; position:relative; top:auto; margin:0 auto 30px; left:auto;}

.hs_bn .b_y:before{width:60px; height:30px;}

.hs_bn .b_y:after{width:60px; height:30px;}

.hs_bn .b_y p{font-size:14px;}

.hs_bn .s_p .b_f{width:46px; height:46px; margin:-23px 0 0 -23px;}

}



.ny_ban{width:100%; height:280px; background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; position:relative;}

.ny_ban .w_z{text-align:center; color:#fff; position:absolute; top:40%; left:50%;

transform:translate(-50%,-50%);

-webkit-transform:translate(-50%,-50%);

-moz-transform:translate(-50%,-50%);

-ms-transform:translate(-50%,-50%);

-o-transform:translate(-50%,-50%);}

.ny_ban.n_l .w_z{top:50%;}

.ny_ban .w_z h3{font-size:28px; line-height:40px;}

.ny_ban .w_z p{font-size:16px; line-height:30px; text-transform:uppercase;}

@media only screen and (max-width:992px){

.ny_ban{height:200px; background-attachment:inherit;}

.ny_ban .w_z h3{font-size:24px; line-height:36px;}

.ny_ban .w_z p{font-size:15px; line-height:26px;}

}

@media only screen and (max-width:640px){

.ny_ban{height:130px;}

.ny_ban .w_z{top:50%;}

.ny_ban .w_z h3{font-size:20px; line-height:32px;}

.ny_ban .w_z p{font-size:14px; line-height:22px;}

}



.dq_lm{width:500px; background-color:#fff; box-shadow:0 0 20px #ddd; padding:30px 0; margin:-60px auto 20px; text-align:center; position:relative; z-index:9;}

.dq_lm h3{font-size:20px; line-height:36px;}

.dq_lm p{font-size:14px; line-height:26px; text-transform:uppercase;}

@media only screen and (max-width:992px){

.dq_lm{width:360px; padding:20px 0; margin:-50px auto 15px;}

.dq_lm h3{font-size:18px; line-height:32px;}

}

@media only screen and (max-width:640px){

.dq_lm{width:100%; box-shadow:none; padding:0; margin:20px auto 0;}

.dq_lm h3{font-size:18px; line-height:30px;}

.dq_lm p{font-size:13px; line-height:22px;}

}



.ny_nr{width:100%; padding:60px 0;}

.ny_nr.hs_bj{background-color:#000;}

.ny_nr .cp_lb ul{margin:0 -10px;}

.ny_nr .cp_lb ul li{padding:0 10px; margin-bottom:20px;}

.ny_nr .cp_lb .t_p{overflow:hidden; cursor:url(../images/hand.cur),auto;}

.ny_nr .cp_lb .t_p img{width:100%; height:auto; display:block;

transition:all 2s;

-o-transition:all 2s;

-ms-transition:all 2s;

-moz-transition:all 2s;

-webkit-transition:all 2s;}

.ny_nr .cp_lb .t_p:hover img{transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1);}

.ny_nr .xw_zx{ padding:0 0 60px; height:auto; overflow:hidden}

.ny_nr .xw_zx ul li{margin-bottom:30px;}

.ny_nr .xw_zx .t_p{overflow:hidden;}

.ny_nr .xw_zx .t_p img{width:100%; height:auto; display:block;

transition:all 2s;

-o-transition:all 2s;

-ms-transition:all 2s;

-moz-transition:all 2s;

-webkit-transition:all 2s;}

.ny_nr .xw_zx ul li:hover .t_p img{transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1);}

.ny_nr .xw_zx .w_z{ text-align:center; letter-spacing:0}

.ny_nr .xw_zx .w_z h1{font-size: 22px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; color:#4b4b4b}

.ny_nr .xw_zx .w_z h2{ font-size:24px; font-family:fontX; color:#4b4b4b}

.ny_nr .xw_zx .w_z h3{ font-size:18px; font-family:fontX; color:#4b4b4b; line-height:50px}

.ny_nr .xw_zx .w_z h4{ color:#4b4b4b;font-size:20px; font-family:fontX}

.ny_nr .xw_zx .w_z p{font-size: 12px;color:#999;line-height:26px;font-family:fontD}

.ny_nr .xw_zx .w_z em{ width:45px; background:#6e6e6e; height:1px; margin:15px auto; display:block}

.ny_nr .xw_zx .w_z span{border-radius: 2px;background: #4b4b4b;color: #fff; display: block; font-size:12px; width:40px; letter-spacing:0; margin:0 auto 5px}

.ny_nr .xw_zx .s_p{width:100%; background-color:#000; position:relative;}

.ny_nr .xw_zx .s_p img{width:100%; height:auto; display:block; opacity:.5;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.ny_nr .xw_zx .s_p:hover img{opacity:1;}

.ny_nr .xw_zx .s_p .b_f{width:60px; height:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; z-index:99; cursor:pointer;}

.ny_nr .xw_zx .s_p .v_d{display:none;}

.ny_nr .md_xq{border:1px solid #000; padding:30px; margin-bottom:30px;}

.ny_nr .md_xq .x_x h3{font-size:20px; line-height:36px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}

.ny_nr .md_xq .x_x p{line-height:32px; color:#777;}

.ny_nr .md_xq .swiper-pagination-bullet{width:8px; height:8px; border-radius:50%; border:2px solid #fff; background-color:#fff; opacity:1;}

.ny_nr .md_xq .swiper-pagination-bullet-active{width:12px; height:12px; background-color:#000;}

.ny_nr .md_xq img{width:100%; height:auto; display:block;}

.ny_nr .ny_xz{width:330px; margin:0 auto;}

.ny_nr .ny_xz select{display:none;}

.ny_nr .ny_xz .md_zs{position:relative; cursor:pointer;}

.ny_nr .ny_xz .md_zs .l_m{padding:0 10px; border:1px solid #000; font-size:16px; line-height:50px; position:relative;}

.ny_nr .ny_xz .md_zs .l_m i{width:50px; height:50px; background:url(../images/xj.png) no-repeat center / cover; display:block; position:absolute; top:0; right:0;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.ny_nr .ny_xz .md_zs .l_m.on i{transform:rotate(180deg);

-webkit-transform:rotate(180deg);

-moz-transform:rotate(180deg);

-ms-transform:rotate(180deg);

-o-transform:rotate(180deg);}

.ny_nr .ny_xz .md_zs .x_z{width:100%; background-color:#fff; border:1px solid #000; border-top:0; position:absolute; left:0; display:none;}

.ny_nr .ny_xz .md_zs .x_z ul{height:200px; overflow:auto;}

.ny_nr .ny_xz .md_zs .x_z ul li a{line-height:50px; text-indent:10px; display:block;}

.ny_nr .ny_xz .md_zs .x_z ul li a:hover{background-color:#141414; color:#fff; text-indent:20px;}

.ny_nr .rl_zy{margin: 0 auto  ; width:80%}

.ny_nr .rl_zy .row{margin:0 -20px;}

.ny_nr .rl_zy .col-xs-12{padding:0 20px;}

.ny_nr .rl_zy .w_z{line-height:26px; margin-bottom:20px;}

.ny_nr .rl_zy img{width:100%; height:auto; display:block;}

.ny_nr .rl_zy span{display:block; line-height:26px; margin-bottom:6px;}

.ny_nr .rl_zy input{width:100%; height:41px; border:1px solid #555; padding:0 10px; line-height:39px; color:#555; display:block; margin-bottom:10px;}

.ny_nr .rl_zy select{width:100%; height:41px; border:1px solid #555; padding:0 5px; line-height:41px; color:#555; display:block; margin-bottom:10px;}

.ny_nr .rl_zy textarea{width:100%; height:104px; border:1px solid #555; padding:9px 10px; line-height:26px; color:#555; display:block; margin-bottom:20px; outline:none; resize:none;}

.ny_nr .rl_zy .button{padding:0 30px; background-color:#141414; font-size:16px; line-height:40px; color:#fff; text-align:center; display:inline-block; width: 200px;}

.ny_nr .rl_zy em{display:inline-block; margin-left:15px; font-style:normal; line-height:40px;}

.ny_nr .xw_xq h1{font-size:28px; line-height:36px; text-align:center; margin-bottom:25px;}

.ny_nr .xw_xq .x_x{font-size:14px; color:#555; text-align:center;}

.ny_nr .xw_xq .n_r{margin:50px auto; font-size:15px; line-height:26px; color:#555;}

.ny_nr .xw_xq .n_r strong{font-size:18px; padding-bottom:20px; color:#333; display:inline-block;}

.ny_nr .xw_xq .n_r img{width:70%; height:auto; display:block; margin:0 auto;}

.ny_nr .xw_xq .s_x{font-size:15px; line-height:30px;}

.ny_nr .xw_xq .s_x .s_p{width:45%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left;}

.ny_nr .xw_xq .s_x .x_p{width:45%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:right; text-align:right;}

@media only screen and (max-width:992px){

.ny_nr{padding:35px 0 50px;}

.ny_nr .xw_zx .s_p .b_f{width:50px; height:50px; margin:-25px 0 0 -25px;}

.ny_nr .md_xq{padding:20px;}

.ny_nr .md_xq .row{margin:0 -10px;}

.ny_nr .md_xq .col-sm-6{padding:0 10px;}

.ny_nr .md_xq .x_x h3{font-size:18px; line-height:32px;}

.ny_nr .md_xq .x_x p{line-height:30px;}

.ny_nr .ny_xz{width:300px;}

.ny_nr .ny_xz select{display:block; width:100%; height:56px; padding:0 10px; border:1px solid #000; font-size:16px; line-height:56px;}

.ny_nr .ny_xz .md_zs{display:none;}

.ny_nr .rl_zy img{ margin-top:30px}

.ny_nr .xw_xq h1{font-size:18px; font-weight:bold; line-height:28px; margin-bottom:15px;}

.ny_nr .xw_xq .x_x{font-size:12px;}

.ny_nr .xw_xq .n_r{width:100%; margin:30px auto 0; font-size:14px; line-height:24px;}

.ny_nr .xw_xq .n_r strong{font-size:16px; padding-bottom:10px;}

.ny_nr .xw_xq .n_r img{width:100%;}

.ny_nr .xw_xq .s_x .s_p{float:none; width:100%;}

.ny_nr .xw_xq .s_x .x_p{float:none; width:100%; text-align:left;}

.ny_nr .rl_zy{margin: 0 auto  ; width:90%}

}

@media only screen and (max-width:640px){

.ny_nr{padding:35px 0 50px;}

.ny_nr .cp_lb ul{margin:0 -5px;}

.ny_nr .cp_lb ul li{padding:0 5px; margin-bottom:10px;}

.ny_nr .xw_zx ul li{margin-bottom:20px;}

.ny_nr .xw_zx .w_z h3{font-size:16px;}

.ny_nr .xw_zx .w_z p{font-size:13px;}

.ny_nr .xw_zx .s_p .b_f{width:46px; height:46px; margin:-23px 0 0 -23px;}

.ny_nr .md_xq{padding:0; border:0;}

.ny_nr .md_xq .x_x{margin-bottom:20px;}

.ny_nr .ny_xz{width:70%;}

.ny_nr .ny_xz select{width:100%; height:50px; font-size:15px; line-height:50px; }

}



.page{margin-top:20px; text-align:center;}

.page ul li{width:36px; height:36px; border:1px solid #555; font-family:Arial, Helvetica, sans-serif; line-height:36px; display:inline-block; margin:0 5px; overflow:hidden;}

.page ul li a{display:block;}

.page ul li:hover a{background-color:#555; color:#fff;}

.page ul li.on a{background-color:#555; color:#fff;}

.ny_nr.hs_bj .page ul li{border:1px solid #ddd; color:#ddd;}

.ny_nr.hs_bj .page ul li a{color:#ddd;}

.ny_nr.hs_bj .page ul li:hover a{background-color:#ddd; color:#333;}

.ny_nr.hs_bj .page ul li.on a{background-color:#ddd; color:#333;}

@media only screen and (max-width:640px){

.page ul li{width:32px; height:32px; line-height:30px;}

}



.yy_dj{width:830px; margin:0 auto; padding:20px 15px 50px; font-size:12px; font-weight:normal; overflow:hidden;}

.yy_dj .yy_hd{margin-bottom:20px;}

.yy_dj .yy_hd .logo{width:86px; float:left;}

.yy_dj .yy_hd .logo img{width:100%; height:auto; display:block;}

.yy_dj .yy_hd .b_y{float:right; font-size:26px; line-height:36px; margin-top:50px;}

.yy_dj .yy_by{border-top:1px solid #555; border-bottom:1px solid #555; padding:10px 50px; background-color:#f7f7f7; text-align:center; line-height:22px;}

.yy_dj .yy_dd{padding:20px 15px 10px; border-bottom:1px solid #ddd;}

.yy_dj .xh_lx{padding:20px 50px 10px; border-bottom:1px solid #ddd; text-align:center;}

.yy_dj .xh_lx h3{font-size:14px; margin-bottom:25px; font-weight:normal; text-align:left;}

.yy_dj .xh_lx ul li{width:16.66666666666%; padding:0 10px; float:left;}

.yy_dj .xh_lx img{max-width:80%; height:auto; display:block; margin:0 auto;}

.yy_dj .xh_lk{padding:20px 50px 10px; border-bottom:1px solid #ddd; text-align:center;}

.yy_dj .xh_lk h3{font-size:14px; margin-bottom:25px; font-weight:normal; text-align:left;}

.yy_dj .xh_lk ul li{width:14.28571428571%; padding:0 10px; float:left;}

.yy_dj .xh_lk img{max-width:80%; height:auto; display:block; margin:0 auto;}

.yy_dj .row{margin:0 -5px;}

.yy_dj .col-xs-4{padding:0 5px;}

.yy_dj .col-xs-6{padding:0 5px;}

.yy_dj .col-xs-12{padding:0 5px;}

.yy_dj select{width:100%; height:36px; border:1px solid #888; padding:0 5px; font-size:12px; line-height:34px; display:block; margin-bottom:10px;}

.yy_dj label{line-height:36px; font-weight:normal;}

.yy_dj input.t_x{width:100%; height:36px; border:1px solid #888; padding:0 10px; font-size:12px; line-height:34px; display:block; margin-bottom:10px;}

.yy_dj input.x_z{margin-top:0;}

.yy_dj .w_z{line-height:36px; text-align:right; line-height:36px;}

.yy_dj button{width:160px; height:50px; background-color:#006699; border-radius:5px; font-size:18px; line-height:50px; color:#fff; text-align:center; margin:30px auto; display:block;}

@media only screen and (max-width:992px){

.yy_dj{width:100%;}

.yy_dj .yy_hd .logo{width:76px;}

.yy_dj .yy_hd .b_y{font-size:22px; line-height:30px; margin-top:40px;}

}

@media only screen and (max-width:640px){

.yy_dj .yy_hd .logo{width:66px;}

.yy_dj .yy_hd .b_y{font-size:18px; line-height:30px; margin-top:40px;}

.yy_dj .yy_by{padding:10px 15px;}

.yy_dj .yy_dd{padding:15px;}

.yy_dj .xh_lx{padding:15px;}

.yy_dj .xh_lx h3{margin-bottom:20px;}

.yy_dj .xh_lx ul li{width:33.33333333333%;}

.yy_dj .xh_lx img{max-width:80%; height:auto; display:block; margin:0 auto;}

.yy_dj .xh_lk{padding:25px;}

.yy_dj .xh_lk ul li{width:33.33333333333%;}

.yy_dj select{height:46px; line-height:44px;}

.yy_dj label{line-height:22px; margin-bottom:10px;}

.yy_dj input.t_x{height:46px; line-height:44px;}

.yy_dj .w_z{text-align:left; line-height:30px;}

.yy_dj button{width:150px; height:40px; font-size:16px; line-height:40px; margin:20px auto;}

}



.footer{width:100%;background-color:#141414;font-size: 14px;line-height:26px;color:#aaa;}

.footer .f_t{padding:50px 0;}

.footer .d_lg{margin-bottom:20px;}

.footer .d_lg img{max-width:100%; height:auto;}

.footer .d_lx{margin-bottom:35px; line-height:30px; float:left;}

.footer .d_dy{float:right; margin-bottom:35px;}

.footer .d_dy input{width:300px; height:52px; border:1px solid #404040; font-size:15px; line-height:50px; padding:0 10px; float:left; margin-right:10px;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.footer .d_dy input:focus{border:1px solid #888;}

.footer .d_dy button{width:120px; height:52px; background-color:#585858; font-size:18px; line-height:52px; text-align:center; color:#ddd; float:right;}

.footer .d_dy p{margin-top:10px; text-align:right;}

.footer .d_dh ul li{float:left; margin-right:30px;}

.footer .d_dh ul li a{color:#aaa;}

.footer .d_dh ul li a:hover{color:#fff;}

.footer .x_x{padding:25px 0; line-height:36px; text-transform:uppercase; border-top:1px solid #404040;}

.footer .x_x .l_f{float:left;}

.footer .x_x .r_t{float:right;}

.footer .x_x .r_t ul li{float:left; margin-left:10px;}

.footer .x_x a{width:36px; height:36px; border-radius:50%; border:2px solid #aaa; font-size:16px; line-height:32px; text-align:center; color:#aaa; display:block;}

.footer .x_x a img{ width:100%}

@media only screen and (max-width:992px){

.footer{font-size:13px; line-height:24px;}

.footer .f_t{padding:30px 0;}

.footer .d_lg{margin-bottom:15px;}

.footer .d_lx{margin-bottom:30px; line-height:28px;}

.footer .d_dy{margin-bottom:30px;}

.footer .d_dy input{width:220px; font-size:14px;}

.footer .d_dy button{width:100px; font-size:16px;}

.footer .d_dy p{margin-top:6px;}

.footer .d_dh ul li{margin-right:20px;}

.footer .x_x{padding:15px 0; line-height:30px;}

.footer .x_x a{width:30px; height:30px; border:1px solid #aaa; font-size:15px; line-height:28px;}

.footer .x_x a:hover{border:1px solid #fff;}

}

@media only screen and (max-width:640px){

.footer{font-size:12px; line-height:22px; text-align:center;}

.footer .f_t{padding:30px 0 20px;}

.footer .d_lg{margin:0 auto 15px;}

.footer .d_lg img{width:120px; margin:0 auto; display:block;}

.footer .d_lx{margin-bottom:0px; line-height:26px; float:none;}

.footer .d_dy{float:none; margin-bottom:0; padding:0 5%;}

.footer .d_dy input{width:70%; height:46px; font-size:13px; line-height:44px; margin-right:0;}

.footer .d_dy button{width:27%; height:46px; font-size:15px; line-height:46px;}

.footer .d_dy p{margin-top:6px; text-align:center;}

.footer .d_dh{display:none;}

.footer .x_x{padding:15px 0; line-height:26px;}

.footer .x_x .l_f{float:none; margin-bottom:10px;}

.footer .x_x .r_t{float:none;}

.footer .x_x .r_t ul li{float:none; margin:0 8px; display:inline-block;}

}



.video{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; visibility:hidden; opacity:0;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.video.on{visibility:inherit; opacity:1;}

.video .vd_bj{width:100%; height:100%; background:#141414; position:absolute; top:0; left:0;}

.video .vd_nr{width:800px; position:absolute; top:50%; left:50%; z-index:99;

transform:translate(-50%,-50%);

-webkit-transform:translate(-50%,-50%);

-moz-transform:translate(-50%,-50%);

-ms-transform:translate(-50%,-50%);

-o-transform:translate(-50%,-50%);}

.video .vd_nr video{width:100%; display:block; margin:0;}

.video .vd_gb{font-size:14px; text-transform:uppercase; line-height:28px; color:#fff; padding:0 10px; border:1px solid #fff; position:absolute; top:-46px; right:0; cursor:pointer;}

@media only screen and (max-width:992px){

.video .vd_nr{width:90%;}

.video .vd_gb{font-size:12px; line-height:22px; padding:0 6px; top:-40px;}

}



.cp_zs{width:100%; height:100%; background:#141414; position:fixed; top:0; left:0; z-index:99999; visibility:hidden; opacity:0;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.cp_zs.on{visibility:inherit; opacity:1;}

.cp_zs .cp_gb{width:32px; position:absolute; top:50px; right:50px; z-index:999;}

.cp_zs .cp_gb img{width:100%; height:auto; display:block; cursor:pointer;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.cp_zs .cp_gb:hover img{transform:rotate(360deg);

-webkit-transform:rotate(360deg);

-moz-transform:rotate(360deg);

-ms-transform:rotate(360deg);

-o-transform:rotate(360deg);}

.cp_zs .cp_nr{width:100%; height:90vh; position:absolute; top:5vh; left:0;}

.cp_zs .cp_nr .swiper-zs{width:100%; height:100%; padding-bottom:30px;}

.cp_zs .cp_nr .swiper-zs img{width:auto; height:auto; max-width:100%; max-height:100%; display:block; margin:0 auto; top:50%; position:relative;

transform:translateY(-50%);

-webkit-transform:translateY(-50%);

-moz-transform:translateY(-50%);

-ms-transform:translateY(-50%);

-o-transform:translateY(-50%);}

.cp_zs .cp_nr .swiper-pagination{bottom:0; color:#fff;}

.cp_zs .swiper-button-prev{width:40px; height:40px; background:url(../images/banner-l.png) no-repeat center; left:20px; margin-top:-20px;

background-size:40px 40px;

-webkit-background-size:40px 40px;

-moz-background-size:40px 40px;

-ms-background-size:40px 40px;

-o-background-size:40px 40px;}

.cp_zs .swiper-button-next{width:40px; height:40px; background:url(../images/banner-r.png) no-repeat center; right:20px; margin-top:-20px;

background-size:40px 40px;

-webkit-background-size:40px 40px;

-moz-background-size:40px 40px;

-ms-background-size:40px 40px;

-o-background-size:40px 40px;}

@media only screen and (max-width:992px){

.cp_zs .cp_gb{top:30px; right:30px;}

.cp_zs .cp_nr{height:80vh; top:10vh;}

}

@media only screen and (max-width:640px){

.cp_zs .cp_gb{width:28px; top:20px; right:20px;}

.cp_zs .cp_nr{height:76vh; top:12vh;}

.cp_zs .swiper-button-prev{display:none;}

.cp_zs .swiper-button-next{display:none;}

}



.yy_xz{width:100%; height:100vh; background-color:rgba(10,0,107,1); position:fixed; top:50%; left:0; z-index:999999; display:none; margin-top:-50vh;}

.yy_xz .yy_nr{width:500px; position:absolute; top:50%; left:50%; text-align:center; margin-top:-30px; margin-left:-223px;}

.yy_xz .yy_nr ul li{display:inline-block; margin:0 10px; width:200px; height:60px; background-color:#fff;}

.yy_xz .yy_nr ul li a{font-size:22px; color:#999; line-height:60px; display:block;}

.yy_xz .yy_nr ul li a:hover{color:#000;}

.yy_xz .yy_nr ul li.on a{color:#000;}

.yy_xz .yy_gb{width:32px; position:absolute; top:50px; right:50px; z-index:999;}

.yy_xz .yy_gb img{width:100%; height:auto; display:block; cursor:pointer;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.yy_xz .yy_gb:hover img{transform:rotate(360deg);

-webkit-transform:rotate(360deg);

-moz-transform:rotate(360deg);

-ms-transform:rotate(360deg);

-o-transform:rotate(360deg);}

@media only screen and (max-width:992px){

.yy_xz .yy_nr{width:80%; height:50%; padding:25px;margin-left: -223px;}

.yy_xz .yy_nr h3{margin-bottom:10px;}

.yy_xz .yy_gb{width:32px; position:absolute; top:-50px; right:0; z-index:999;}

}

@media only screen and (max-width:640px){

.yy_xz .yy_nr h3{font-size:18px; margin-bottom:10px;}

.yy_xz .yy_gb{width:28px;}

}



.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}

.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;

transform:translate(-50%,-50%);

-webkit-transform:translate(-50%,-50%);

-moz-transform:translate(-50%,-50%);

-ms-transform:translate(-50%,-50%);

-o-transform:translate(-50%,-50%);}

.e_m .n_r img{width:100%; height:auto; display:block;}

.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}

@media only screen and (max-width:992px){

.e_m .n_r{width:230px; padding:15px;}

.e_m .n_r p{font-size:15px;}

}



.f_h{width:40px; height:40px; background-color:#000; font-size:26px; line-height:40px; text-align:center; color:#fff; position:fixed; bottom:10px; right:10px; z-index:9999; cursor:pointer; display:none;}

@media only screen and (max-width:992px){

.f_h{display:none !important;}

}



.sy_gy{ height:auto; overflow:hidden; padding:60px 0}

.sy_gy .zb{ float:left; width:50%}

.sy_gy .zb img{ width:100%}

.sy_gy .yb{ float: right; width:40%;  }

.sy_gy .yb h1{ font-size:28px; margin-bottom:20px; color:#000; margin-top:50px }

.sy_gy .yb p{ font-size:15px; line-height:30px}

.sy_gy .yb span{ font-size:15px; line-height:30px; width:70%; display:block; margin-top:20px}



.sy_gy .yb1{ float: right; width:40%; margin-top:10%}

.sy_gy .yb1 h1{ font-size:28px; margin-bottom:20px; color:#000; margin-top:50px; line-height:46px }

.sy_gy .yb1 p{ font-size:15px; line-height:36px}



.hh{margin-top:10%}





.sy_gy1{ height:auto; overflow:hidden; background:#0A006B  }

.sy_gy1 .zb{ float:right; width:50%; position:relative}

.sy_gy1 .zb img{ width:100%}

.sy_gy1 .yb{ float: left; width:40%; color:#fff; margin-top:10%; margin-left:10%}

.sy_gy1 .yb h1{ font-size:28px; margin-bottom:20px; color:#fff; margin-top:50px; line-height:45px}

.sy_gy1 .yb p{ font-size:15px; line-height:30px}



.sy_gy1 .yb1{ float: left; width:40%; color:#fff; margin-top:5%; margin-left:10%}

.sy_gy1 .yb1 h1{ font-size:28px; margin-bottom:20px; color:#fff; margin-top:50px; line-height:45px}

.sy_gy1 .yb1 p{ font-size:15px; line-height:30px; margin-bottom:20px}



.sy_gy1 .yb2{ float: left; width:40%; color:#fff; margin-top:10%; margin-left:10%}

.sy_gy1 .yb2 h1{ font-size:28px; margin-bottom:20px; color:#fff; margin-top:50px; line-height:45px}

.sy_gy1 .yb2 p{ font-size:15px; line-height:30px; width:60%}











.sy_gy2{ height:auto; overflow:hidden; padding:60px 0}

.sy_gy2 .zb{ float:left; width:50%}

.sy_gy2 .zb img{ width:100%}

.sy_gy2 .yb{ float: right; width:40%; margin-left:10%; margin-top:3%}

.sy_gy2 .yb h1{ font-size:28px; margin-bottom:20px; color:#000; margin-top:50px}

.sy_gy2 .yb p{ font-size:15px; line-height:30px}

@media only screen and (max-width:992px){

.sy_gy{ height:auto; overflow:hidden; padding:30px 0}

.sy_gy .zb{ float:none; width:100%}

.sy_gy .zb img{ width:100%}

.sy_gy .yb{ float: none; width:90%; margin-left:10% }

.sy_gy .yb h1{ font-size:24px; margin-bottom:20px; color:#000; margin-top:30px }

.sy_gy .yb span{ font-size:15px; line-height:30px; width:90%; display:block; margin-top:20px}



.sy_gy1 .zb{ float:none; width:100%; position:relative}

.sy_gy1 .yb { float:none; width:80%; color:#fff; margin-top:5%; margin-left:10%; margin-right:10%; margin-bottom:10%}

.sy_gy1 .yb h1{ font-size:24px; margin-bottom:20px; color:#fff; margin-top:50px; line-height:45px}

.sy_gy1 .yb2{ float: none; width:90%; color:#fff; margin:3% 0 10%; margin-left:10%}

.sy_gy1 .yb2 p{ font-size:15px; line-height:30px; width:90%}

.sy_gy1 .yb2 h1{ font-size:24px; margin-bottom:20px; color:#fff; margin-top:30px; line-height:45px}



.sy_gy2{ height:auto; overflow:hidden; padding:30px 0 0}

.sy_gy2 .zb{ float:none; width:100%}

.sy_gy2 .zb img{ width:100%}

.sy_gy2 .yb{ float: none; width:90%; margin-left:10%; margin-top:3%; margin-bottom:30px}

.sy_gy2 .yb h1{ font-size:24px; margin-bottom:20px; color:#000; margin-top:50px}



}



.tup{ width:100%; height:auto; overflow:hidden; position:relative}

.tup img{ width:100%}

.yanfa{position:relative}

.wenzi{ position:absolute; bottom:20%; right:0; z-index:999; color:#fff; width:500px}

.wenzi h1{font-size: 26px;

  line-height: 36px; margin-bottom:20px}

.wenzi p{font-size: 14px;

  line-height: 30px;}

  

.faqDiv{   width:68%;  }

.flexbet{display: flex;justify-content: space-between;align-items: center;}

.faqDiv ul{ }

.faqDiv ul li{ padding: 20px 0;border-bottom: 1px solid #000;  }

.faqDiv ul li .hd{cursor: pointer; }

.faqDiv ul li .hd .tit{width: calc(100% - 60px); }

.faqDiv ul li .hd span{width: 36px;height: 36px;  background: url(../images/down.png) no-repeat center center;   }

.faqDiv ul li .bd{margin-top: 15px;color: #333;display: none; font-size:14px }

.faqDiv ul li.on .hd span{background: url(../images/up.png) no-repeat center center; }





.imgH{overflow: hidden;}

.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }

.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}







.nTab{width:100%;margin:60px auto 0;background:#f1f1f1;overflow:hidden}

.none {display:none;}

.nTab .TabTitle{ width:90%; margin:0 auto}

.nTab .TabTitle h1{ font-size:28px; margin-bottom:20px; color:#000; margin-top:50px}

.nTab .TabTitle li{float:left;cursor:pointer;height:30px;line-height:30px;text-align:center; margin-right:20px }

.nTab .TabTitle li a{text-decoration:none;}

.nTab .TabTitle .active{ color:#6e6e6e; border-bottom:#6e6e6e 1px solid}

.nTab .TabTitle .normal{ color:#afafaf}

.nTab .TabContent{clear:both;overflow:hidden;display:block}



@media only screen and (max-width:992px){

.nTab{width:100%;margin:0 auto 0;background:#f1f1f1;overflow:hidden}

.faqDiv{   width:90%;  }	

.nTab .TabTitle h1{ font-size:24px; margin-bottom:20px; color:#000; margin-top:50px}

	

}





.e_m1{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}

.e_m1 .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;

transform:translate(-50%,-50%);

-webkit-transform:translate(-50%,-50%);

-moz-transform:translate(-50%,-50%);

-ms-transform:translate(-50%,-50%);

-o-transform:translate(-50%,-50%);}

.e_m1 .n_r img{width:100%; height:auto; display:block;}

.e_m1 .n_r p{font-size:15px; color:#888; margin-top:10px;}

@media only screen and (max-width:992px){

.e_m1 .n_r{width:230px; padding:15px;}

.e_m1 .n_r p{font-size:15px;}

}



.location-main{ width: 100%; height:calc(100vh - 130px);  background:#f1f1f1}

.location-main .zb{ width:calc(30% - 0px); float:left; height:calc(100vh - 130px); padding: 60px 50px; overflow-y: scroll; overflow-x: hidden;}

.location-main .yb{ width:70%; float:right;height:calc(100vh - 130px);}





.ceng1{ font-size:16px; margin-bottom:50px}

.ceng1 i{ margin-right:10px}

.ceng2{ color:#4b4b4b}

.ceng2 h1{ text-align:center; font-size:30px; letter-spacing:0; margin-bottom:15px  }

.ceng2 p{ text-align:center; font-size:16px; letter-spacing:0; }



.ss_nr{ border-bottom:1px solid #4b4b4b;  line-height:40px; width:100%; height:40px; margin-top:50px}

.ss_nr input{width:90%; height:40px; padding:0 10px; float:left; line-height:40px; color:#000;}

.ss_nr button{width:10%; height:40px; line-height:40px; color:#000; text-align:center; outline:none; float:right;}

.mendian{ margin-top:50px}

.mendian li{ padding:10px 0; margin-bottom:10px; border-bottom:#ccc 1px solid;  letter-spacing:0}

.mendian li i{ margin-right:10px}

.mendian li h1{font-size:20px; line-height:36px; }

.mendian li p{font-size:15px; line-height:30px; padding-left:24px}





@media only screen and (max-width:992px){

.location-main .zb{ width:100%; float:none; padding:30px;box-sizing:border-box; padding: 20px;}

.location-main .yb{ width:100%; float:none}

    

    

    

    

.ceng2 h1{ text-align:center; font-size:24px; letter-spacing:0; margin-bottom:15px  }

.ceng2 p{ text-align:center; font-size:15px; letter-spacing:0; }

.location-main .yb img{ width:100%; height: auto}



}









.xiaocms-page span{ margin:0 3px;  border:1px solid #141414;line-height:35px; padding:0 15px; background:#141414; color:#FFFFFF; display:inline-block; }

.xiaocms-page  a{margin:0 3px;   border:1px solid #141414;line-height:35px;background:#fff; display:block; color:#333; padding:0 15px;display:inline-block; }

.xiaocms-page  a:hover {margin:0 3px;   border:1px solid #141414;line-height:35px; background:#141414; color:#fff; padding:0 15px;display:inline-block;}





















.w1150 {

    width: 100%;

    margin: 0 auto;

    clear: both;

    background: #f1f1f1;

}



.video-wrapper {

    padding-top: 80px;

    padding: 0px;

    position: relative;

}





.clearfix {

    overflow: hidden;

    _zoom: 1;

}





.map-top {

    padding: 5px 35px 5px 25px;

    background: #fff;

}







.fl {

    float: left;

}

.location-cur-pos {

  position: relative;

  float: left;

  line-height: 50px;

  padding-left: 40px;

  font-size: 16px;

  color: #212121;

  letter-spacing: 1px;

  background: url(../images/map-point-hover.png) left 2px no-repeat;

}



.form-section {

    position: relative;

    margin: 0px;

    padding: 0;

    border: 0;

    text-align: left;

    margin-top: 5px;

}



.xm-select {

    display: block;

    width: 220px;

    margin-right: 14px;

}



.form-section {

    position: relative;

    margin: 0px;

    padding: 0;

    border: 0;

    text-align: left;

    margin-top: 5px;

}



.location-section {

    float: right;

}



.xm-select .dropdown {

    position: relative;

    display: block;

    overflow: hidden;

    _zoom: 1;

    width: 100%;

    max-width: 100%;

    height: 38px;

    border: 1px solid #e0e0e0;

    background: #fff;

    color: #333;

    -webkit-transition: border-color .2s linear;

    transition: border-color .2s linear;

}



.xm-select label {

    position: absolute;

    right: 14px;

    top: 11px;

    z-index: 1;

    width: 16px;

    height: 16px;

    padding: 0;

    font-size: 16px;

    line-height: 1;

    color: #b0b0b0;

    cursor: pointer;

    pointer-events: none;

}



.iconfont {

    font-family: "iconfont" !important;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}



.xm-select select {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 120%;

    max-width: 120%;

    min-width: 120%;

    height: 38px;

    margin: 0;

    border: 0;

    padding: 0 16px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    font-size: 14px;

    font-weight: 400;

    line-height: 38px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    _zoom: 1;

    vertical-align: middle;

    background: none;

    color: #333;

    outline: none;

    cursor: pointer;

}



.location-main {

    background: #f7f7f7;

    margin-bottom: 30px;

    border: solid 1px #e9e9e9;

}







.search-box {

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin: 14px 24px 4px 20px;

    padding: 0 14px;

    -webkit-border-radius: 14px / 50%;

    -moz-border-radius: 14px / 50%;

    border-radius: 14px / 50%;

    text-align: left;

    background: #e9e9e9;

}



.search-box .search-input {

    line-height:35px;

    height:35px;

    font-size: 14px;

    color: #868686;

    width: 96%;

    background: #e9e9e9;

}



.search-icon {

  position: absolute;

  display: inline-block;

  background: url(https://wwwstatic.vivo.com.cn/vivoportal/web/dist/img/store/search-icon_6dc8cd4.png) center no-repeat;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain;

  color: #fff;

  top: 7px;

  right: 14px;

  height: 14px;

  width: 14px;

  cursor: pointer;

}



.location-list li {

    position: relative;

    height: 80px;

    padding:10px 20px;

   

    font-size: 12px;

    cursor: pointer;

    background: #fff;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    margin: 10px 10px 0px 10px;

}





.location-list .location-num {

  position: absolute;

  left: 7px;

  top: 27px;

  width: 21px;

  height: 33px;

  line-height:23px;font-size: 16px;

  color: #999;

  text-align: center;



}



.location-list .location-addr {

    padding-left:20px;

    font-family: 'Microsoft Yahei';

    font-size: 12px;

    color: #999;

}



.location-list .location-addr h3 {

    font-weight: normal;

    margin-bottom: 2px;

    color: #212121;

    font-size: 14px; line-height: 20px;

}



.addr-info {

    line-height: 20px;

}



.location-map {

   

   

    position: relative;

   

}



li.addMove span.location-num{

  

  }

  

#store-list li:hover{

    transform: scale(1.05);

    box-shadow: 0 0 10px 8px rgba(102,102,103,.1);

}



#store-list li:hover span{



}



.location-shop-con {

    width: 325px;

}