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

html{font-size:62.5%;}

body{font-size:14px; 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{font-size:14px; 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:#bf1201; 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:#bf1201;}

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

.language{ float:right; line-height:96px;}

.index_yy a{ color:#fff; font-size:16px;}
.ny_yy a{ color:#555; font-size:16px;}

.header{width:100%; position:fixed; top:0; left:0; z-index:99999;}

.header.bs{background-color:rgba(255,255,255,.9);}

.header.on{background-color:rgba(0,0,0,.8);}

.header .container{position:relative;}

.header .logo{width:182px; float:left; margin:15px 0;}

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

.header .tel{float:right; background:url(../images/tel.png) no-repeat center left; font-size:18px; line-height:96px; color:#fff; padding-left:30px; margin-left:20px;}

.header.bs .tel{color:#555;}

.header .an{position:absolute; top:50%; right:15px; height:18px; width:24px; 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:24px; height:2px; background-color:#fff; display:block; position:absolute;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header.bs .an span{background-color:#555;}

.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:24px;

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:24px;

transform:rotate(135deg);

-o-transform:rotate(135deg);

-ms-transform:rotate(135deg);

-moz-transform:rotate(135deg);

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

.header .nav{float:right;}

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

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

.header.bs .nav ul li a{color:#555;}

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

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

.header .nav ul li span{width:0; height:2px; background-color:#bf1201; 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 .tel{font-size:16px;}

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

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

}

@media (min-width:1200px){

.header .tel{font-size:18px;}

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

.header .nav ul li a{font-size:16px;}

}

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

.header .logo{width:150px;}
.language{ margin-right:50px;}
.header .tel{display:none;}

.header .an{display:block;}

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

.header .nav i{display:block;}

.header .nav ul li{width:100%; height:auto; line-height:52px; text-align:left; border-bottom:1px solid #777; float:none; margin:0;}

.header.bs .nav ul li a{color:#fff;}

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

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

}



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

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

.head_h{height:84px;}

}



.banner{width:100%; height:100vh; background:url(../images/ban.jpg) no-repeat center / cover; position:relative;}

.banner .w_z{width:100%; font-size:56px; letter-spacing:4px; color:#fff; text-align:center; position:absolute; top:50%; left:0; margin-top:-40px;}

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

.banner .w_z{font-size:18px; letter-spacing:2px;}

}



.sy_bt{position:relative; padding-left:20px; margin-bottom:50px; float:left;}

.sy_bt.r_t{float:right; margin-top:100px;}

.sy_bt h3{font-size:30px;}

.sy_bt p{font-size:16px; text-transform:uppercase; color:#888;}

.sy_bt:before{width:8px; height:100%; background-color:#bf1201; content:""; position:absolute; left:0; top:0;}

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

.sy_bt{padding-left:15px; margin-bottom:25px;}

.sy_bt.r_t{float:left; margin-top:0;}

.sy_bt h3{font-size:22px;}

.sy_bt p{font-size:14px;}

.sy_bt:before{width:5px;}

}



.sy_gy{width:100%; padding:60px 0 0; position:relative; z-index:9;}

.sy_gy .g_y{width:970px; margin:0 auto;}

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

-webkit-filter:grayscale(100%);

-moz-filter:grayscale(100%);

-ms-filter:grayscale(100%);

-o-filter:grayscale(100%);

filter:grayscale(100%);

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;}

.sy_gy .g_y:hover .t_p img{-webkit-filter:none;

-moz-filter:none;

-ms-filter:none;

-o-filter:none;

filter:none;}

.sy_gy .w_z{padding:50px 30px; border:2px solid #bf1201; text-align:center; margin-top:50px;}

.sy_gy .w_z i{width:60px; height:2px; background-color:#bf1201; display:block; margin:0 auto;}

.sy_gy .w_z .b_t{font-size:25px; line-height:36px; background:url(../images/a3.png) no-repeat center / auto 100%; margin:20px auto 25px;}

.sy_gy .w_z .x_x{font-size:14px; line-height:28px; margin-bottom:20px;}

.sy_gy .w_z a{width:140px; height:40px; background-color:#bf1201; font-size:15px; line-height:40px; color:#fff; display:block; margin:0 auto 40px;}

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

.sy_gy{padding:40px 0;}

.sy_gy .g_y{width:100%;}

.sy_gy .w_z{padding:30px 15px; margin-top:30px;}

.sy_gy .w_z i{width:50px; height:1px;}

.sy_gy .w_z .b_t{font-size:22px; margin:15px auto 20px;}

.sy_gy .w_z .x_x{font-size:14px; line-height:24px; margin-bottom:20px;}

.sy_gy .w_z a{width:120px; height:32px; font-size:14px; line-height:32px; margin:0 auto;}

}



.sy_yw{width:100%; padding:80px 0 150px; background-color:#f7f7f7; margin-top:-40px;}

.sy_yw .n_r{position:relative; overflow:hidden; cursor:pointer;}

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

.sy_yw .w_z{width:100%; background-color:#fff; border-bottom:3px solid #bf1201; padding:30px 15px; position:absolute; bottom:0; left:0;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.sy_yw .w_z h3{font-size:22px; margin-bottom:6px;}

.sy_yw .w_z p{font-size:14px; color:#888;}

.sy_yw .w_z i{width:30px; height:30px; border:1px solid #d7d7d7; border-radius:50%; background:url(../images/a2.png) no-repeat center; display:block; position:absolute; top:50%; right:15px; margin-top:-15px;}

.sy_yw .n_r:hover .w_z{opacity:0;}

.sy_yw .j_s{width:100%; height:100%; padding:50px 30px; background-color:rgba(191,18,1,.9); overflow:hidden; position:absolute; top:100%; left:0; color:#fff; text-align:center;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.sy_yw .j_s h3{font-size:25px; margin-bottom:8px;}

.sy_yw .j_s p{font-size:15px; text-transform:uppercase;}

.sy_yw .j_s .x_x{font-size:14px; line-height:24px; margin-top:30px;}

.sy_yw .n_r:hover .j_s{top:0;}

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

.sy_yw{padding:40px 0 10px; margin-top:0;}

.sy_yw .n_r{margin-bottom:30px;}

.sy_yw .w_z{border-bottom:3px solid #bf1201; padding:20px 15px;}

.sy_yw .w_z h3{font-size:18px;}

.sy_yw .j_s{padding:40px 20px;}

.sy_yw .j_s h3{font-size:22px;}

.sy_yw .j_s p{font-size:14px;}

.sy_yw .j_s .x_x{font-size:12px; line-height:22px; margin-top:20px;}

}



.sy_wh{width:100%; padding:0 0 80px; overflow:hidden; margin-top:-80px; position:relative; z-index:9;}

.sy_wh .t_b{float:right; margin-right:30px;}

.sy_wh ul li{width:32.66666666667%; padding:80px 0; background-color:#f7f7f7; float:left; margin-right:1%; margin-bottom:1%; position:relative; overflow:hidden;}

.sy_wh ul li:nth-child(1){width:49.5%;}

.sy_wh ul li:nth-child(2){width:49.5%; margin-right:0;}

.sy_wh ul li:last-child{margin-right:0;}

.sy_wh .b_t{text-align:center;}

.sy_wh .b_t h3{font-size:22px; font-weight:bold;}

.sy_wh .b_t p{font-size:18px; color:#555; font-weight:bold;}

.sy_wh .b_t i{width:40px; height:2px; background-color:#bf1201; display:block; margin:10px auto 5px;}

.sy_wh .j_s{position:absolute; top:100%; left:0; background-color:#bf1201; width:100%; height:100%; padding:25px; color:#fff;

transition:all .3s;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;}

.sy_wh .l_m{padding-left:15px; margin-bottom:15px; font-size:25px; line-height:30px; position:relative;}

.sy_wh .l_m:before{width:5px; height:100%; background-color:#fff; content:""; position:absolute; left:0; top:0;}

.sy_wh .n_r{font-size:13px; line-height:20px;}

.sy_wh ul li:hover .j_s{top:0;}

@media (min-width:992px){

.sy_wh .j_s{padding:15px;}

.sy_wh .l_m{font-size:22px; line-height:26px;}

.sy_wh .n_r{font-size:12px; line-height:22px;}

}

@media (min-width:1200px){

.sy_wh .j_s{padding:25px;}

.sy_wh .l_m{font-size:25px; line-height:30px;}

.sy_wh .n_r{font-size:13px; line-height:20px;}

}

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

.sy_wh{padding:40px 0 30px; margin-top:0;}

.sy_wh .t_b{display:none;}

.sy_wh ul li{width:100%; margin-right:0; margin-bottom:20px;}

.sy_wh ul li:nth-child(1){width:100%;}

.sy_wh ul li:nth-child(2){width:100%;}

.sy_wh .b_t h3{font-size:20px; font-weight:normal;}

.sy_wh .b_t p{font-size:15px; font-weight:normal;}

.sy_wh .b_t i{height:1px;}

.sy_wh .j_s{padding:20px;}

.sy_wh .l_m{font-size:20px; line-height:26px;}

.sy_wh .n_r{font-size:12px; line-height:22px;}

}



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

.n_ban .w_z{font-size:26px; line-height:50px; letter-spacing:2px; color:#fff; padding:0 36px; border-radius:30px; background-color:rgba(0,0,0,.6); 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%);}

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

.n_ban{height:100px;}

.n_ban .w_z{font-size:18px; line-height:36px; letter-spacing:0; padding:0 20px; border-radius:20px;}

}



.gy_wm{width:100%; padding:60px 0; overflow:hidden;}

.gy_wm.hs{background-color:#f7f7f7;}

.gy_wm.hs .col-lg-3{float:right;}

.gy_wm .l_m{border:2px solid #bf1201; background-color:#fff; margin-right:30px; padding:80px 20px 60px; text-align:center;}

.gy_wm.hs .l_m{margin-right:0; margin-left:30px;}

.gy_wm .l_m h3{font-size:24px; color:#bf1201; margin-bottom:5px;}

.gy_wm .l_m p{font-size:16px; color:#777; text-transform:uppercase;}

.gy_wm .l_m i{width:30px; height:30px; background:url(../images/a4.png) no-repeat center; display:block; margin:60px auto 0;}

.gy_wm.hs .l_m i{transform:rotate(180deg);

-webkit-transform:rotate(180deg);

-moz-transform:rotate(180deg);

-ms-transform:rotate(180deg);

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

.gy_wm .w_z{font-size:14px; line-height:26px; color:#555; margin-top:30px;}

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

.gy_wm{padding:40px 0;}

.gy_wm.hs .col-lg-3{float:left;}

.gy_wm .l_m{margin-right:0; padding:30px 20px 20px;}

.gy_wm.hs .l_m{margin-left:0;}

.gy_wm .l_m h3{font-size:18px;}

.gy_wm .l_m p{font-size:15px;}

.gy_wm .l_m i{width:22px; height:22px; margin:20px auto 0;}

.gy_wm.hs .l_m i{transform:rotate(0);

-webkit-transform:rotate(0);

-moz-transform:rotate(0);

-ms-transform:rotate(0);

-o-transform:rotate(0);}

.gy_wm img{max-width: 100%;

    height: auto;}

}



.xw_lb{width:100%; padding:60px 0; overflow:hidden;}

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

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

.xw_lb .lb_nr .w_z h3{font-size:22px; line-height:36px; margin-bottom:20px; /*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/}

.xw_lb .lb_nr .w_z p{font-size:15px; line-height:26px; margin-bottom:30px;}

.xw_lb .lb_nr .w_z a.m_r{width:150px; height:40px; border-radius:5px; background-color:#bf1201; font-size:15px; text-align:center; line-height:40px; color:#fff; display:block;}

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

.xw_lb{padding:40px 0;}

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

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

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

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

.xw_lb .lb_nr .w_z a.m_r{width:100px; height:26px; font-size:12px; line-height:26px;}

}



.fw_nr{width:100%; padding:60px 0; overflow:hidden;}

.fw_nr .fw_xm ul li{margin-bottom:30px; background-color:#f7f7f7; overflow:hidden;}

.fw_nr .fw_xm img{width:100%; height:auto; display:block;}

.fw_nr .fw_xm .w_z{padding:30px 30px 30px 0; position:relative;}

.fw_nr .fw_xm .w_z h3{font-size:18px; line-height:36px; font-weight:bold; text-transform:uppercase; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.fw_nr .fw_xm .w_z p{font-size:14px; line-height:26px; color:#555; margin:10px 0;}

.fw_nr .fw_xm .w_z a{color:#000;}

.fw_nr .fw_xm .w_z a:hover{color:#c90909;}

.fw_nr .fw_xm .w_z a.m_r{font-weight:bold; text-decoration:underline;}

.fw_nr .fw_xm .w_z i{width:40px; height:2px; margin-bottom:15px; background-color:#bf1201; display:block;}

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

.fw_nr{padding:40px 0;}

.fw_nr .fw_xm .w_z{padding:10px 15px 20px;}

.fw_nr .fw_xm .w_z h3{font-size:16px; font-weight:normal; margin-bottom:6px;}

.fw_nr .fw_xm .w_z p{font-size:12px; line-height:24px;}

}



.lx_wm{width:100%; padding:60px 0; overflow:hidden;}

.lx_wm.hs{background-color:#f7f7f7;}

.lx_wm .lx_fs .l_x{width:100%; font-size:14px; height:33px; padding-left:50px; line-height:32px; border-bottom:1px solid #d7d7d7; position:relative; margin-bottom:25px;}

.lx_wm .lx_fs .l_x span{position:absolute; top:0; left:0; border-bottom:1px solid #000; display:block;}

.lx_wm .lx_fs .l_x input{line-height:32px; font-size:14px; width:100%;}

.lx_wm .lx_fs .l_y{line-height:32px; font-size:14px; margin-bottom:25px; position:relative;}

.lx_wm .lx_fs .l_y span{position:absolute; top:0; left:0; border-bottom:1px solid #000; display:block;}

.lx_wm .lx_fs .l_y textarea{height:81px; background:none; resize:none; outline:none; border:0; font-size:14px; line-height:40px; background-image:linear-gradient(#d7d7d7 1px,transparent 1px); background-size:100% 40px; margin-top:32px; width:100%;}

.lx_wm .lx_fs .t_j{text-align:center;}

.lx_wm .lx_fs button{width:120px; height:36px; background-color:#bf1201; font-size:14px; line-height:36px; color:#fff; margin:0 10px; display:inline-block;}

.lx_wm .lx_fs button.c_z{background-color:#2b2b2b;}

.lx_wm .lx_fs h4{font-size:22px; margin-bottom:15px; margin-top:25px;}

.lx_wm .lx_fs p{font-size:15px; line-height:36px; color:#555;}

.lx_wm .lx_fs a{font-size:15px; line-height:30px;}

.lx_wm .lx_fs i{width:25px; font-size:14px; color:#555; display:inline-block;}

.lx_wm .lx_fs img{width:100%; height:auto; border:1px solid #e7e7e7; display:block;}

.lx_wm .lx_fs em{display:block; width:32px; height:1px; background-color:#000; margin-bottom:20px;}

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

.lx_wm{padding:40px 0;}

.lx_wm .lx_fs .l_x{height:37px; padding-left:40px; font-size:12px; line-height:36px; margin-bottom:10px;}

.lx_wm .lx_fs .l_x input{font-size:12px; line-height:36px;}

.lx_wm .lx_fs .l_y{font-size:12px; line-height:36px; margin-bottom:10px;}

.lx_wm .lx_fs .l_y textarea{height:109px; line-height:36px; background-size:100% 36px; margin-top:36px; font-size:12px;}

.lx_wm .lx_fs h4{font-size:15px; margin-bottom:10px; margin-top:0;}

.lx_wm .lx_fs p{font-size:12px; line-height:26px; margin-bottom:10px;}

.lx_wm .lx_fs a{font-size:12px;} 

.lx_wm .lx_fs i{width:22px;}

.lx_wm .lx_fs img.ewm{width:130px; margin-top:0;}

}



.footer{width:100%; background-color:#313131; color:#888; padding:50px 0 20px;}

.footer h3{font-size:15px; color:#fff; margin-bottom:15px;}

.footer em{width:22px; height:1px; background-color:#fff; display:block; margin-bottom:10px;}

.footer ul li a{display:block;}

.footer p{font-size:14px; line-height:28px;}

.footer p i{padding-right:10px;}

.footer a{color:#888; font-size:14px; line-height:28px;}

.footer a:hover{color:#bf1201;}

.footer .ewm{width:110px; float:right; text-align:center; margin-right:15px;}

.footer .ewm p{margin-top:5px;}

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

.footer .icp{width:100%; border-top:1px solid #454545; margin-top:30px; padding-top:20px; font-size:14px; line-height:24px; text-align:center;}

.footer .icp .container span{padding:0 15px;}

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

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

.footer .col-lg-6{display:none;}

.footer .col-lg-4{display:none;}

.footer .ewm{width:110px; margin:0 auto; float:none;}

.footer .icp{margin-top:15px; padding-top:15px; font-size:12px; line-height:22px;}

.footer .icp .container span{padding:0; display:block;}

}



.f_h{width:40px; height:40px; background:#bf1201 url(../images/f_h.png) no-repeat center; display:none; position:fixed; bottom:15px; right:10px;}



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

.xiaocms-page span {

display: inline-block;

padding: 7px 17px;

background: #bf1201;

border: 1px solid #bf1201;

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;

}