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

html{font-size:62.5%;}

body{font-size:12px; font-family:"微软雅黑";}

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; font-style:normal;}

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

input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle; font-family:"微软雅黑";}

button{overflow:visible}

img{border:none;}

li{list-style:none;}

a{color:#555; text-decoration:none;}

a:hover{color:#009d96; 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:#aaa;}

::-webkit-scrollbar-thumb:hover{background-color:#009d96;}

::-webkit-scrollbar-thumb:active{background-color:#009d96;}

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

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

}



.a_n{width:87px; position:fixed; top:28px; right:5%; z-index:9999;}

.a_n .s_c{width:36px; height:36px; border-radius:50%; background:url(../images/ss.png) no-repeat center; background-color:rgba(95,95,95,.9); position:absolute; top:0; left:0; cursor:pointer;}

.a_n .s_y{width:36px; height:36px; border-radius:50%; background-color:rgba(95,95,95,.9); position:absolute; top:0; right:0;}

.a_n .s_y a{display:block; text-align:center; color:#fff; font-size:14px; line-height:36px;}

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

.a_n{width:70px; top:16px; right:15px;}

.a_n .s_c{width:32px; height:32px;}

.a_n .s_y{width:32px; height:32px;}

.a_n .s_y a{font-size:12px; line-height:32px;}

}



.sh_tc{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none; overflow:hidden;}

.sh_tc .s_bj{width:100%; height:100%; background-color:rgba(0,0,0,.9); position:absolute; top:0; left:0;}

.sh_tc .s_ch{width:400px; background-color:#fff; box-shadow:0 0 5px #aaa; position:absolute; top:50%; 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%);}

.sh_tc .s_ch input.w_z{width:330px; height:60px; padding-left:10px; font-size:15px; line-height:60px; color:#555; float:left; -webkit-appearance:none;}

.sh_tc .s_ch button.s_c{width:60px; height:60px; background:url(../images/ss.png) no-repeat center; background-color:#009d96; float:right; -webkit-appearance:none;}

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

.sh_tc .s_ch{width:90%; left:5%;

transform:translate(0,-50%);

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

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

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

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

.sh_tc .s_ch input.w_z{width:85%; height:50px; padding-left:2%; font-size:14px; line-height:50px;}

.sh_tc .s_ch button.s_c{width:15%; height:50px; font-size:16px;  line-height:50px;}

}



.header{width:100%; background-color:#fff; padding:0 5%; border-bottom:1px solid #c1c1c1; position:fixed; top:0; left:0; z-index:10; display:none;}

.header.n_y{display:block;}

.header .logo{width:183px; float:left; margin:20px 0;}

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

.header .an{position:absolute; top:50%; right:100px; height:18px; width:30px; display:none;

transform:translate(0,-50%);

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

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

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

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

.header .an span{width:30px; height:2px; 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; width:30px;

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; width:30px;

transform:rotate(135deg);

-o-transform:rotate(135deg);

-ms-transform:rotate(135deg);

-moz-transform:rotate(135deg);

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

.header .nav{float:right; margin-right:120px;}

.header .nav ul li{margin:0 25px; line-height:92px; float:left; position:relative;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .nav ul li a{display:block; font-size:18px; color:#555;}

.header .nav ul li span{width:0; height:3px; background-color:#009d96; position:absolute; left:50%; bottom:0;

transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;

transform:translate(-50%,0);

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

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

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

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

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

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

@media (min-width:992px){

.header .nav ul li{margin:0 15px;}

}

@media (min-width:1200px){

.header .nav ul li{margin:0 25px;}

}

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

.header{padding:0 15px;}

.header .logo{width:150px; margin:10px 0;}

.header .an{display:block;}

.header .nav{width:60%; padding:15px 5%; background-color:#000; height:100%; position:fixed; top:0; left:-70%; 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.on{left:0;}

.header .nav i{display:block;}

.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid #444; float:none; margin:0;}

.header .nav ul li a{font-size:15px; color:#fff;}

.header .nav ul li:hover a{color:#009d96;}

.header .nav ul li.on a{color:#009d96;}

.header .nav ul li:hover span{width:0;}

.header .nav ul li.on span{width:0;}

}



.head_h{width:100%; height:93px; background-color:#fff;}

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

.head_h{height:64px;}

}



.pc_ban{width:100%; height:100vh; background:url(../images/ban1.jpg) no-repeat center / cover;}

.pc_ban .swiper-slide{width:100%; height:100%; position:relative;}

.pc_ban .swiper-slide .t_b{width:100%; position:absolute; left:0; top:50%; text-align:center;

transform:translate(0,-50%);

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

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

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

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

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

.pc_ban .swiper-slide .t_b .l_g{width:10%; margin:0 auto 20px; opacity:0;}

.pc_ban .swiper-slide .t_b .l_g img{max-width:100%; height:auto;}

.pc_ban .swiper-slide .t_b .z_w{width:16%; margin:0 auto 15px; opacity:0;}

.pc_ban .swiper-slide .t_b .y_w{width:16%; margin:0 auto; opacity:0;}

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

.pc_ban{background:url(../images/ban2.jpg) no-repeat center / cover;}

.pc_ban .swiper-slide .t_b .l_g{width:26%; margin:0 auto 20px; opacity:0;}

.pc_ban .swiper-slide .t_b .l_g img{max-width:100%; height:auto;}

.pc_ban .swiper-slide .t_b .z_w{width:36%; margin:0 auto 5px; opacity:0;}

.pc_ban .swiper-slide .t_b .y_w{width:36%; margin:0 auto; opacity:0;}

}



.gy_bt{margin-bottom:35px; display:block;}

.gy_bt h3{font-size:26px; margin-bottom:15px;}

.gy_bt h4{font-size:36px; color:#aaa; text-transform:uppercase; font-weight:bold; margin-bottom:10px; opacity:.5;}

.gy_bt p{font-size:14px; line-height:23px; color:#666; margin-top:10px;}

.gy_bt i{width:78px; height:2px; background-color:#009d96; display:block;}

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

.gy_bt{margin-bottom:20px;}

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

.gy_bt h4{font-size:20px; margin-bottom:6px;}

.gy_bt p{font-size:12px; line-height:18px; color:#666; margin-top:8px;}

.gy_bt i{width:50px;}

}



.page1{position:relative;}

.page1 .nav_bn{width:60px; height:60px; position:absolute; top:16px; left:16px; z-index:999; cursor:pointer;}

.page1 .nav_bn img{width:100%; height:auto;}

.page1 .x_h{width:26px; position:absolute; bottom:20px; left:50%; margin-left:-13px; z-index:999; cursor:pointer;}

.page1 .x_h img{width:100%; height:auto;}

.page1 .x_h .s_t{width:26px; margin:0 auto 5px;}

.page1 .x_h .x_t{width:16px; margin:0 auto;

animation:move 1s ease-in-out infinite;

-webkit-animation:move 1s ease-in-out infinite;

-moz-animation:move 1s ease-in-out infinite;

-ms-animation:move 1s ease-in-out infinite;

-o-animation:move 1s ease-in-out infinite;}



@keyframes move

{

from{transform:translateY(0);}

to{transform:translateY(10px);}

}



@-webkit-keyframes move

{

from{transform:translateY(0);}

to{transform:translateY(10px);}

}



@-moz-keyframes move

{

from{transform:translateY(0);}

to{transform:translateY(10px);}

}



@-ms-keyframes move

{

from{transform:translateY(0);}

to{transform:translateY(10px);}

}



@-o-keyframes move

{

from{transform:translateY(0);}

to{transform:translateY(10px);}

}



.sx_nav{width:260px; padding:100px 30px; height:100%; position:absolute; top:0; left:-260px; background-color:rgba(0,0,0,.95);

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.sx_nav.on{left:0;}

.sx_nav .g_b{width:50px; height:50px; background:url(../images/ad_close.png) no-repeat center; position:absolute; top:30px; right:0; cursor:pointer;}

.sx_nav .l_g{width:100%; margin-bottom:30px;}

.sx_nav .l_g img{width:100%; height:auto; display:block;}

.sx_nav ul li{display:block; border-bottom:1px solid #555;}

.sx_nav ul li a{font-size:15px; line-height:50px; color:#fff; display:block;}

.sx_nav ul li a:hover{color:#009d96;}



.page2{position:relative;}

.page2 .gy_bt h4{display:none;}

.page2 .t_p{width:40%; position:absolute; left:-20%; top:50%; opacity:0; transition:all 0.5s ease-in; z-index:9;

transform:translate(0,-50%);

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

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

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

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

.page2 .t_p img{width:100%; height:auto; display:block;}

.page2 .t_p img.s_j{display:none;}

.page2 .t_p img.p_c{display:block;}

.page2 .w_z{width:57%; padding:50px 3% 0; background:url(../images/a3.png) no-repeat 30px 30px / 70% auto; position:absolute; right:-30%; top:51%; opacity:0; transition:all 0.5s ease-in;

transform:translate(0,-50%);

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

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

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

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

.page2 .w_z .n_r{font-size:14px; line-height:26px; margin-bottom:20px;}

.page2 .w_z .n_r p{padding-bottom:7px;}

.page2 .w_z .l_m{text-align:center;}

.page2 .w_z .l_m .t_b{width:40%; margin:0 auto 15px;}

.page2 .w_z .l_m .t_b img{width:100%; height:auto; display:block;}

.page2 .w_z .l_m h3{font-size:18px; margin-bottom:15px;}

.page2 .w_z .l_m p{font-size:14px; line-height:24px; color:#777;}

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

.page2{position:relative;}

.page2 .gy_bt{text-align:center;}

.page2 .gy_bt h4{display:block;}

.page2 .gy_bt i{margin:0 auto;}

.page2 .t_p{width:100%; padding:0 15px; position:relative; left:auto; top:100px; opacity:1; margin:0 auto;

transform:none;

-webkit-transform:none;

-moz-transform:none;

-ms-transform:none;

-o-transform:none;}

.page2 .t_p img.s_j{display:block;}

.page2 .t_p img.p_c{display:none;}

.page2 .w_z{width:100%; padding:0 15px; background:none; position:relative; right:auto; top:80px; opacity:1;

transform:none;

-webkit-transform:none;

-moz-transform:none;

-ms-transform:none;

-o-transform:none;}

.page2 .w_z .n_r{font-size:12px; line-height:22px; margin-bottom:15px;}

.page2 .w_z .l_m.row{margin:0 -10px;}

.page2 .w_z .l_m .t_b{width:60%; margin:0 auto 10px;}

.page2 .w_z .l_m h3{font-size:15px; margin-bottom:10px;}

.page2 .w_z .l_m p{font-size:12px; line-height:22px;}

.page2 .w_z ul li{padding:0 10px;}

}



.page2.active .t_p{left:3%; transition-delay:.8s; opacity:1;}

.page2.active .w_z{right:0; transition-delay:.8s; opacity:1;}

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

.page2.active .t_p{left:auto;}

.page2.active .w_z{right:auto;}

}



.page3{position:relative;}

.page3 .b_t{width:100%; text-align:center; position:absolute; left:0; bottom:75%; opacity:0; transition:all 0.5s ease-in;}

.page3 .b_t .gy_bt{margin-bottom:20px;}

.page3 .b_t .gy_bt i{margin:0 auto;}

.page3 .c_p{width:100%; height:55%; position:absolute; left:0; bottom:-20%; opacity:0; transition:all 0.5s ease-in;}

.page3 .c_p ul{height:100%; margin:0 -1px; display:block;}

.page3 .c_p ul li{padding:0 1px; height:50%; margin-top:2px;}

.page3 .c_p .t_p{width:100%; height:100%; background-size:100% 100%; position:relative;}

.page3 .c_p .w_z{width:100%; height:100%; background-color:rgba(0,0,0,.5); text-align:center; position:absolute; top:0; left:0;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.page3 .c_p ul li:hover .w_z{background-color:rgba(0,157,150,.9);}

.page3 .c_p .n_r{width:100%; position:absolute; top:50%; left:0;

transform:translate(0,-50%);

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

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

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

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

.page3 .c_p .n_r h3{font-size:22px; color:#fff;}

.page3 .c_p .n_r p{font-size:12px; line-height:22px; color:#fff; height:0; overflow:hidden;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.page3 .c_p ul li:hover .n_r p{height:44px; margin:10px 0;}

.page3 .c_p .n_r i{width:28px; height:28px; margin:0 auto; display:none;}

.page3 .c_p ul li:hover .n_r i{display:block;}

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

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

.page3 .b_t{width:100%; padding:0 15px; position:relative; left:auto; top:80px; opacity:1;}

.page3 .c_p{position:relative; top:80px; left:auto; bottom:auto; opacity:1;}

.page3 .c_p ul li{height:25%;}

.page3 .c_p .n_r h3{font-size:16px;}

}



.page3.active .b_t{bottom:55%; transition-delay:.8s; opacity:1;}

.page3.active .c_p{bottom:0; transition-delay:.8s; opacity:1;}

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

.page3.active .b_t{bottom:auto;}

.page3.active .c_p{bottom:auto;}

}



.page4{position:relative;}

.page4 .w_z{width:50%; height:100%; background:url(../images/a2.jpg) no-repeat center / cover; position:absolute; top:0; left:-20%; opacity:0; transition:all 0.5s ease-in;}

.page4 .w_z .x_w{width:90%; position:absolute; top:50%; left:5%;

transform:translate(0,-40%);

-webkit-transform:translate(0,-40%);

-moz-transform:translate(0,-40%);

-ms-transform:translate(0,-40%);

-o-transform:translate(0,-40%);}

.page4 .w_z .x_w ul li{margin-bottom:20px; position:relative; padding-left:100px; display:block; overflow:hidden;}

.page4 .w_z .x_w .r_q{position:absolute; top:0; left:0; width:82px; height:95px; background:url(../images/a1.png) no-repeat center; font-family:Arial, Helvetica, sans-serif; text-align:center;}

.page4 .w_z .x_w .r_q strong{font-size:26px; line-height:40px; margin-top:24px; display:block;}

.page4 .w_z .x_w ul li:hover .r_q{background:url(../images/a1_1.png) no-repeat center; color:#fff;}

.page4 .w_z .x_w .n_r h5{font-size:18px; line-height:36px; margin-top:6px; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.page4 .w_z .x_w .n_r p{font-size:14px; line-height:24px; color:#888; height:48px; overflow:hidden;}

.page4 .t_p{width:50%; height:100%; background:url(../images/a1.jpg) no-repeat center / cover; position:absolute; top:0; right:-20%; opacity:0; transition:all 0.5s ease-in;}

.page4 .t_p img{width:100%; height:auto; display:none;}

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

.page4 .gy_bt{text-align:center;}

.page4 .gy_bt i{margin:0 auto;}

.page4 .w_z{width:100%; height:auto; margin-top:80px; padding:0 15px; position:relative; top:80px; left:auto; opacity:1;}

.page4 .w_z .x_w{width:100%; position:relative; top:auto; left:auto;

transform:none;

-webkit-transform:none;

-moz-transform:none;

-ms-transform:none;

-o-transform:none;}

.page4 .w_z .x_w ul li{margin-bottom:15px;}

.page4 .w_z .x_w .n_r h5{font-size:16px; line-height:32px;}

.page4 .w_z .x_w .n_r p{font-size:13px;}

.page4 .t_p{width:100%; height:auto; padding:0 15px; background:none; position:relative; top:80px; right:auto; opacity:1;}

.page4 .t_p img{display:block;}

}



.page4.active .w_z{left:0; transition-delay:.8s; opacity:1;}

.page4.active .t_p{right:0; transition-delay:.8s; opacity:1;}

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

.page4.active .w_z{left:auto; transition-delay:.8s; opacity:1;}

.page4.active .t_p{right:auto; transition-delay:.8s; opacity:1;}

}



.page5{position:relative;}

.page5 .map{width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/sy_bj1.jpg) no-repeat center / cover;}

.page5 .map img{width:100%; height:auto; display:none;}

.page5 .lx_xx{width:360px; height:calc(100vh - 200px); padding:110px 30px 0; background-color:rgba(0,157,150,.8); position:absolute; left:5%; bottom:-100%; color:#fff; opacity:0; transition:all 0.5s ease-in;}

.page5 .lx_xx .l_g{width:180px; position:absolute; top:-90px; left:25px;}

.page5 .lx_xx .l_g img{width:100%; height:auto; display:block;}

.page5 .lx_xx h3{font-size:18px; margin-bottom:15px;}

.page5 .lx_xx ul li{line-height:36px; padding-left:24px;font-size:15px;}

.page5 .lx_xx ul li.l1{background:url(../images/l1.png) no-repeat left 7px;}

.page5 .lx_xx ul li.l2{background:url(../images/l2.png) no-repeat left 7px;}

.page5 .lx_xx ul li.l3{background:url(../images/l3.png) no-repeat left 7px;}

.page5 .lx_xx ul li.l4{background:url(../images/l4.png) no-repeat left 7px;}

.page5 .lx_xx ul li.l5{background:url(../images/l5.png) no-repeat left 7px;}

.page5 .lx_xx ul li.l6{background:url(../images/l6.png) no-repeat left 7px;}

.page5 .lx_xx ul li.l7{background:url(../images/l7.png) no-repeat left 7px;}

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

.page5{background-color:rgba(0,157,150,.8);}

.page5 .map{width:100%; height:auto; position:relative; top:64px; left:auto; background:none;}

.page5 .map img{display:block;}

.page5 .lx_xx{width:100%; height:auto; padding:30px 20px; background:none; position:relative; top:70px; left:0; margin-left:0; bottom:auto; opacity:1;}

.page5 .lx_xx .l_g{width:120px; position:relative; top:auto; left:auto; margin-bottom:15px;}

.page5 .lx_xx h3{font-size:16px;}

}



.page5.active1 .lx_xx{bottom:0; transition-delay:.8s; opacity:1;}

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

.page5.active1 .lx_xx{bottom:auto;}

}



.page6{width:100%; background-color:#302f2f; font-size:14px; line-height:26px; color:#aaa; overflow:hidden;}

.page6 .container{margin-top:30px; margin-bottom:30px;}

.page6 .l_m a{color:#aaa; line-height:16px; padding-right:15px; border-right:1px dotted #555; margin:0 15px 10px 0; display:inline-block;}

.page6 .l_m a:hover{color:#fff;}

.page6 .f_x{margin-top:10px;}

.page6 .f_x span{line-height:36px; float:left;}

.page6 .f_x a{width:36px; height:36px; border-radius:50%; background-color:#616161; margin-left:10px; float:left;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.page6 .f_x a.qq{background:#616161 url(../images/qq.png) no-repeat top center;}

.page6 .f_x a.qq:hover{background:#616161 url(../images/qq.png) no-repeat bottom center;}

.page6 .f_x a.wx{background:#616161 url(../images/wx.png) no-repeat top center;}

.page6 .f_x a.wx:hover{background:#616161 url(../images/wx.png) no-repeat bottom center;}

.page6 .f_x a.wb{background:#616161 url(../images/wb.png) no-repeat top center;}

.page6 .f_x a.wb:hover{background:#616161 url(../images/wb.png) no-repeat bottom center;}



.n_ban{width:100%; height:100vh; position:relative;}

.n_ban .t_b{width:100%; position:absolute; left:0; top:50%; text-align:center;

transform:translate(0,-50%);

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

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

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

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

.n_ban .t_b img{width:100%; height:auto;}

.n_ban .t_b .l_g{width:10%; margin:0 auto 20px; opacity:1;}

.n_ban .t_b .l_g img{max-width:100%; height:auto;}

.n_ban .t_b .z_w{width:16%; margin:0 auto 15px; opacity:1;}

.n_ban .t_b .y_w{width:16%; margin:0 auto; opacity:1;}

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

.n_ban{height:16rem;}

.n_ban .t_b .l_g{width:12%; margin:0 auto 5px; opacity:0;}

.n_ban .t_b .z_w{width:18%; margin:0 auto; opacity:0;}

.n_ban .t_b .y_w{width:18%; margin:0 auto; opacity:0;}

}



.ny_pr{border-bottom:1px solid #e7e7e7; overflow:hidden; font-size:14px; line-height:50px;}

.ny_pr span{color:#009d96;}

.ny_pr i{padding-right:6px; color:#888;}

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

.ny_pr{font-size:12px; line-height:40px;}

}



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

.ny_nr .gy_bt{text-align:center;}

.ny_nr .gy_bt i{margin:0 auto;}

.ny_nr .ny_ej{text-align:center; margin:60px 0;}

.ny_nr .ny_ej a{width:130px; height:44px; border-radius:20px; background-color:#f7f7f7; font-size:15px; line-height:44px; display:inline-block; margin:0 10px;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;}

.ny_nr .ny_ej a:hover{background-color:#009d96; color:#fff;}

.ny_nr .ny_ej a.on{background-color:#009d96; color:#fff;}

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

.ny_nr .gy_wm .w_z{font-size:15px; line-height:26px; color:#777;}

.ny_nr .xw_lb ul li{border-bottom:1px dotted #eaeaea; padding-bottom:30px; margin-bottom:30px;}

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

.ny_nr .xw_lb .w_z h3{font-size:22px; line-height:30px; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.ny_nr .xw_lb .w_z span{font-size:12px; color:#555; padding-right:15px;}

.ny_nr .xw_lb .w_z i{color:#333; padding-right:5px;}

.ny_nr .xw_lb .w_z p{font-size:14px; line-height:24px; color:#777; margin-top:10px; margin-bottom:15px;}

.ny_nr .xw_lb .w_z .c_k{width:140px; height:34px; border:1px solid #aaa; position:relative; overflow:hidden;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;}

.ny_nr .xw_lb .w_z .c_k:hover{border:1px solid #009d96;}

.ny_nr .xw_lb .w_z .c_k a{display:block; text-transform:uppercase; line-height:32px; color:#555; text-align:center; position:relative;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;}

.ny_nr .xw_lb .w_z .c_k:hover a{color:#fff;}

.ny_nr .xw_lb .w_z .c_k i{padding-left:10px;}

.ny_nr .xw_lb .w_z .c_k:before{content:""; width:100%; height:100%; display:block; background-color:#009d96; position:absolute; top:0; left:110%;

-webkit-transform:skew(-36deg);

-moz-transform:skew(-36deg);

-ms-transform:skew(-36deg);

-o-transform:skew(-36deg);

transform:skew(-36deg);

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;}

.ny_nr .xw_lb .w_z .c_k:hover:before{background-color:#009d96; left:0;

-webkit-transform:skew(0);

-moz-transform:skew(0);

-ms-transform:skew(0);

-o-transform:skew(0);

transform:skew(0);}

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

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

.ny_nr .cp_lb .n_r{border:1px solid #e7e7e7; padding:7px 15px; border-bottom:2px solid #bbb;}

.ny_nr .cp_lb .n_r:hover{border-bottom:2px solid #009d96; box-shadow:0 0 10px #ddd;}

.ny_nr .cp_lb .t_p{border-bottom:1px solid #e7e7e7;}

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

.ny_nr .cp_lb .w_z{padding:10px 0; font-size:15px; text-align:center; line-height:26px;}

@media (min-width:992px){

.ny_nr .gy_wm .w_z{font-size:13px; line-height:22px;}

}

@media (min-width:1200px){

.ny_nr .gy_wm .w_z{font-size:15px; line-height:26px;}

}

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

.ny_nr{padding:40px 0;}

.ny_nr .ny_ej{margin:30px 0 20px;}

.ny_nr .ny_ej a{width:90px; height:30px; border-radius:13px; font-size:13px; line-height:30px; margin:0 5px 10px;}

.ny_nr .gy_wm .w_z{font-size:13px; line-height:24px; margin-top:20px;}

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

.ny_nr .xw_lb .w_z{margin-top:10px;}

.ny_nr .xw_lb .w_z h3{font-size:15px; line-height:26px; font-weight:normal; margin-bottom:5px;}

.ny_nr .xw_lb .w_z p{font-size:12px; line-height:22px; margin-bottom:10px;}

.ny_nr .xw_lb .w_z .c_k{width:120px; height:33px;}

.ny_nr .xw_lb .w_z .c_k a{font-size:12px; line-height:30px;}

}



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

.footer .container{margin-top:30px; margin-bottom:30px;}

.footer .l_m a{color:#aaa; line-height:16px; padding-right:15px; border-right:1px dotted #555; margin:0 15px 10px 0; display:inline-block;}

.footer .l_m a:hover{color:#fff;}

.footer .f_x{margin-top:10px;}

.footer .f_x span{line-height:36px; float:left;}

.footer .f_x a{width:36px; height:36px; border-radius:50%; background-color:#616161; margin-left:10px; float:left;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.footer .f_x a.qq{background:#616161 url(../images/qq.png) no-repeat top center;}

.footer .f_x a.qq:hover{background:#616161 url(../images/qq.png) no-repeat bottom center;}

.footer .f_x a.wx{background:#616161 url(../images/wx.png) no-repeat top center;}

.footer .f_x a.wx:hover{background:#616161 url(../images/wx.png) no-repeat bottom center;}

.footer .f_x a.wb{background:#616161 url(../images/wb.png) no-repeat top center;}

.footer .f_x a.wb:hover{background:#616161 url(../images/wb.png) no-repeat bottom center;}

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

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

.footer .container{margin-top:20px; margin-bottom:20px;}

.footer .l_m a{line-height:24px; padding:0 10px; border-right:0; margin:0;}

.footer .f_x{margin-top:10px;}

.footer .f_x span{display:none;}

.footer .f_x a{margin:0 5px; float:none; display:inline-block;}

}



.ewm{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none;}

.ewm .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.8); position:absolute; left:0; top:0;}

.ewm .n_r{width:220px; padding:20px 20px 15px; background-color:#fff; border:1px solid #e7e7e7; position:absolute; top:50%; 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%);}

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

.ewm .n_r p{text-align:center; font-size:14px; margin-top:10px; padding:0;}



.f_h{width:36px; height:36px; background-color:#e95412; display:none; position:fixed; right:5px; bottom:5px; z-index:999;}

.f_h img{width:100%; height:auto;}



.xiaocms-page{ width:100%; margin:0 auto; margin-top:50px; text-align:center}

.xiaocms-page span {

display: inline-block;

padding: 7px 17px;

background: #009d96;

border: 1px solid #009d96;

color: #fff;

text-align: center;

margin-left: 12px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

font-size:13px;

}

.xiaocms-page a {

display: inline-block;

background: #fff;

border: 1px solid #e3e3e3;

text-align: center;

color: #333;

padding: 7px 17px;

margin-left: 12px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

font-size:13px;

}