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

body{font-size:14px; color:#555; font-family:"Microsoft YaHei"; }
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;}
input,select,button,textarea{font-size:13px; border:0; background:none; outline:none; vertical-align:middle; font-family:'Microsoft YaHei'}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#333; text-decoration:none;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
a:hover{color:#0f228b; 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:#5b5b5b;}
::-webkit-scrollbar-thumb:active{background-color:#0f228b;}
@media only screen and (max-width:992px){
input,textarea{-webkit-appearance:none; border-radius:0;}
}

@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(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);}
}

@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%; background-color:#fff; color:#333; position: relative; top:0; left:0; z-index:9999;}
.header.on{box-shadow: 0px 8px 20px 0px rgba(95,125,158,.2);}
.header .iso{float:right; width:64px; margin-top:10px; margin-left:60px;}
.header .iso img{width:100%; height:auto; display:block;}
.header .top{height:40px; background-color:#dc0000; font-size:13px; line-height:40px; color:#fff}
.header .top .l_m{cursor:pointer;}

.header .welcome{float:left; font-size:14px;}
.header .language{float:right; height:40px; text-align:center; line-height:40px; position:relative; z-index:9;}
.header .language .l_m i{display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:5px;}
.header .contact{float:right; height:40px; margin:0 0 0 20px; padding:0 20px; text-align:center; line-height:40px; position:relative; z-index:9;}
.header .contact:before{width:1px; height:16px; content:""; background-color:#fff; position:absolute; left:0; top:50%; margin-top:-8px;}
.header .contact:after{width:1px; height:16px; content:""; background-color:#fff; position:absolute; right:0; top:50%; margin-top:-8px;}
.header .contact .l_m i{display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:5px;}
.header .search{border:1px solid #fff; margin-top:5px; float:right; position:relative;}
.header .search input.w_z{width:130px; height:28px; padding-left:10px; font-size:13px; line-height:28px; color:#fff; float:left;}
.header .search input.w_z::placeholder{color:#fff;}
.header .search button{width:46px; height:28px; line-height:28px; text-align:center; color:#fff; float:right;}
.header .search button i{font-size:20px;}
.header .logo{width:400px; float:left; margin:12px 0 ;}
.header .logo img{width:80%; height:auto; display:block;}
.header .logo img.s_j{display:none;}
.header .an{position:absolute; top:60%; right:15px; height: 20px; width:30px; z-index:999; display:none;}
.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:10px;
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:10px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{float:right;position: relative;}
.header .nav ul li{height:84px; float:left;}
.header .nav ul li.on a{ color:#dc0000; font-weight:bold}
.header .nav ul li.on .e_j a{ color:#333; font-weight:500 }
.header .nav ul li.on .e_j a:hover { color:#fff}
.header .nav .y_j{ width:118px; text-align:center}
.header .nav .y_j a{display:block; font-size:16px; line-height:87px; color:#333; font-weight:bold}
.header .nav ul li:hover .y_j {color:#fff; background:#dc0000}
.header .nav ul li:hover .y_j a{ color:#fff}


.header .nav ul li:hover .e_j{display: none;}
.header .nav .e_j a{background-color:#fff; padding:10px; font-size:12px; color:#333; line-height:22px; text-align:center; margin-bottom:1px; display:block;}
.header .nav .e_j a:hover{background-color:#dc0000;color:#fff;}
@media (min-width:992px){
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
}
@media only screen and (max-width:992px){
.header{position:relative; top:auto; left:auto;}
.header .top{height:36px;   font-size:13px; line-height:36px; color:#fff}

.header .welcome{ font-size:12px; margin-left:-10px}
.header .contact{float:right; height:36px; margin:0 -10px 0 0; padding:0 ; text-align:center; line-height:36px; position:relative; z-index:9; font-size:12px ;}
.header .contact:before{width:1px; height:16px; content:""; background-color:#fff; position:absolute; left:0; top:50%; margin-top:-8px; display:none}
.header .contact:after{width:1px; height:16px; content:""; background-color:#fff; position:absolute; right:0; top:50%; margin-top:-8px; display:none}
.header .contact .l_m i{display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:5px;}
.header .contact i{ font-size:14px}
.header .search{border:1px solid #5871ae; margin-top:7px; float:right; position:relative;display:none}
.header .search input.w_z{width:130px; height:20px; padding-left:10px; font-size:11px; line-height:20px; color:#fff; float:left;}
.header .search input.w_z::placeholder{color:#fff;}
.header .search button{width:26px; height:20px; line-height:20px; text-align:center; color:#fff; float:right;}
.header .search button i{font-size:16px;}
.header .logo{width:150px; margin:10px 0;}
.header .logo img{}
.header .an{display:block;}
.header .nav{width:100%; height:100%; padding:10px 3% 0; margin:0; background-color:#3b3b3b; height:100%; position:fixed; top:0; right:-100%; 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:40px; text-align:left; border-bottom:0 solid rgba(255,255,255,.1); float:none; padding: 0; margin:0;}
.header .nav .y_j{ width:100%}
.header .nav .y_j i{display:block; width:100%; position:absolute; top:0; right:0; font-size:15px; text-align:right; color:#fff; line-height:40px; padding-right:15px; z-index:99;}
.header .nav .y_j a{font-size:14px; line-height:40px; color:#fff;width:100%;}
.header .nav ul li:hover .y_j a{color:#fff;}
.header .nav ul li.on .y_j a{color:#fff !important;}
.header .nav .cp_ej{ display:block}
.header .nav .e_j{width:100%; position:relative; left:auto; margin-left:0; margin-top:5px;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j a{background:none; box-shadow:none; font-size:13px; color:#fff; line-height:32px; text-align:left; text-indent:10px; margin-bottom:0;}
.header .nav .e_j a:hover{background:none;}
}

.head_h{width:100%; height:130px; background-color:#fff; overflow:hidden;}
@media only screen and (max-width:992px){
.head_h{display:none;}
}

.pc_ban{width:100%; height:400px; position:relative; overflow:hidden;}
.pc_ban .swiper-slide:after{width:0; height:3px; background-color:rgba(255,255,255,.5); position:absolute; left:0; bottom:0; content:"";
transition:all 5s;
-o-transition:all 5s;
-ms-transition:all 5s;
-moz-transition:all 5s;
-webkit-transition:all 5s;}
.pc_ban .swiper-slide-active:after{width:100%;}
.pc_ban .swiper-button-prev{width:40px; height:40px; background:url(../images/ban_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 .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.pc_ban:hover .swiper-button-prev{left:2%; opacity:.5;}
.pc_ban .swiper-button-next{width:40px; height:40px; background:url(../images/ban_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 .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.pc_ban:hover .swiper-button-next{right:2%; opacity:.5;}
.pc_ban .container{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%);}
.pc_ban .w_z{width:60%; color:#fff; position:relative;text-shadow: 1px 1px 1px #000}
.pc_ban .w_z h2{font-size:50px; font-weight:100; line-height:66px; margin-bottom:15px;}
.pc_ban .w_z p{font-size:18px; font-weight:100; letter-spacing:2px; line-height:36px; margin-bottom:30px; text-transform:uppercase}
.pc_ban .w_z .n_r a{width:140px; height:44px; background-color:#fff; border:2px solid #fff; font-size:15px; text-align:center; color:#000; line-height:40px; display:block;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.pc_ban .w_z .n_r a:hover{background-color:rgba(255,255,255,.3); color:#fff;}
@media only screen and (max-width:992px){
.pc_ban{height:25vh;}
.pc_ban .container{width:100%;}
.pc_ban .w_z{width:90%;}
.pc_ban .w_z h2{font-size:18px; font-weight:normal; line-height:26px; margin-bottom:10px;}
.pc_ban .w_z p{ font-size:12px; line-height:22px}
.pc_ban .w_z .n_r a{width:90px; height:28px; border:1px solid #fff; font-size:13px; line-height:26px;}
}




.ny_ban{width:100%; height:400px; position:relative; overflow:hidden;}
.ny_ban .swiper-slide:after{width:0; height:3px; background-color:rgba(255,255,255,.5); position:absolute; left:0; bottom:0; content:"";
transition:all 5s;
-o-transition:all 5s;
-ms-transition:all 5s;
-moz-transition:all 5s;
-webkit-transition:all 5s;}
.ny_ban .swiper-slide-active:after{width:100%;}
.ny_ban .swiper-button-prev{width:40px; height:40px; background:url(../images/ban_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 .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.ny_ban:hover .swiper-button-prev{left:2%; opacity:.5;}
.ny_ban .swiper-button-next{width:40px; height:40px; background:url(../images/ban_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 .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.ny_ban:hover .swiper-button-next{right:2%; opacity:.5;}
.ny_ban .container{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%);}
.ny_ban .w_z{width:60%; color:#fff; position:relative;text-shadow: 1px 1px 1px #000}
.ny_ban .w_z h2{font-size:50px; font-weight:100; line-height:66px; margin-bottom:15px;}
.ny_ban .w_z p{font-size:18px; font-weight:100; letter-spacing:2px; line-height:36px; margin-bottom:30px; text-transform:uppercase}
.ny_ban .w_z .n_r a{width:140px; height:44px; background-color:#fff; border:2px solid #fff; font-size:15px; text-align:center; color:#000; line-height:40px; display:block;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.ny_ban .w_z .n_r a:hover{background-color:rgba(255,255,255,.3); color:#fff;}
@media only screen and (max-width:992px){
.ny_ban{height:25vh;}
.ny_ban .container{width:100%;}
.ny_ban .w_z{width:90%;}
.ny_ban .w_z h2{font-size:18px; font-weight:normal; line-height:26px; margin-bottom:10px;}
.ny_ban .w_z p{ font-size:12px; line-height:22px}
.ny_ban .w_z .n_r a{width:90px; height:28px; border:1px solid #fff; font-size:13px; line-height:26px;}
}



.gy_bt{text-align:center; margin-bottom:40px;}
.gy_bt h3{font-size:30px; font-weight:bold; color:#dc0000;}
.gy_bt p{font-size:16px; letter-spacing:1px; margin-top:10px;}
.gy_bt em{width:40px; height:4px; background-color:#dc0000; display:block; margin:15px auto 0;}
@media only screen and (max-width:992px){
.gy_bt{margin-bottom:30px;}
.gy_bt h3{font-size:26px; line-height:36px;}
.gy_bt p{font-size:14px;}
.gy_bt em{width:50px; height:2px; margin:20px auto 0;}
}
@media only screen and (max-width:640px){
.gy_bt h3{font-size:22px; line-height:32px;}
.gy_bt p{font-size:13px; margin-top:6px;}
}


.gy_bt1{text-align:center; margin-bottom:40px;}
.gy_bt1 h3{font-size:30px; font-weight:bold; color:#fff;}
.gy_bt1 p{font-size:16px; letter-spacing:1px; margin-top:10px; color:#fff; width:80%; margin:20px auto 0; line-height:30px}
.gy_bt1 em{width:40px; height:4px; background-color:#fff; display:block; margin:25px auto 0;}
@media only screen and (max-width:992px){
.gy_bt1{margin-bottom:30px;}
.gy_bt1 h3{font-size:26px; line-height:36px;}
.gy_bt1 p{font-size:14px;}
.gy_bt1 em{width:50px; height:2px; margin:20px auto 0;}
}
@media only screen and (max-width:640px){
.gy_bt1{text-align:center; margin-bottom:20px;}
.gy_bt1 h3{font-size:18px; font-weight:bold; color:#fff;}
.gy_bt1 p{font-size:12px; letter-spacing:0px; margin-top:10px; color:#fff; width:100%; margin:10px auto 0; line-height:24px}
.gy_bt1 em{width:40px; height:2px; background-color:#fff; display:block; margin:10px auto 0;}
}
.dhfl{ float:left; width:240px;}
.dhfl h3{ display:block; background:#dc0000; border-left:#c20713 5px solid; color:#fff; line-height:55px; padding-left:20px; font-weight:bold; font-size:16px}

.dhfl ul li{ margin-top:3px; background:#f1f1f1; color:#666; font-size:14px;}
.dhfl ul li a{ display:block; line-height:40px; padding-left:20px; transition:all 0.6s}
.dhfl ul li a:hover{ background:#dc0000; color:#fff; padding-left:30px; transition:all 0.6s}
@media only screen and (max-width:640px){
	.dhfl{ float:none; width:100%; height:auto; overflow:hidden}
	
.dhfl ul li{ margin-top:3px; background:#f1f1f1; color:#666; font-size:14px; width:49%; float:left; margin-right:1%}
}


.nrt{ float:right; width:calc(100% - 270px)  }
.weizhi{ border-bottom:#ddd 1px solid; margin-bottom:30px; padding-bottom:10px; overflow:hidden}

.weizhi h3{ display:block; float:left; color:#333; border-left:#dc0000 5px solid; padding-left:10px; font-weight:bold; font-size:20px}

.weizhi span{ display:block; float:right; font-size:12px; color:#888}


.product-list li {
 width:32%;
 float:left;
 margin:0 2% 20px 0;
}
.product-list li:nth-child(3n){margin-right:0; }
.product-list li figure {
 background-color: #fff;
 height: auto;
 display:block;
 line-height:normal;
 overflow:hidden;
 position:relative;border: 1px #ccc solid; padding:10px 0
}
.product-list li figure img {
 display:block;
 width:100%;
 height:200px;
 transition:424ms linear;
}
.product-list li figcaption {
 display:block;
 color:#5d5d5d;
 font-size:14px;
 line-height:normal;
 margin-top:14px;
 transition:350ms;
 text-align: center;
}
.product-box .product-down {
 float:left;
}
.product-list li figure mark {
 position:absolute;
 left:0;
 top:0;
 box-sizing:border-box;
 width:100%;
 height:100%;
 background:rgba(226, 0, 15, 0.2);
 background:#dc0000\9;
 filter:alpha(opacity=20);
 z-index:20;
 opacity:0;
 transform:skewX(45deg);
 visibility:hidden;
 transition:360ms;
}
.product-list li figure mark b {
 display:block;
 width:46px;
 height:46px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-23px;
 margin-top:-23px;
 z-index:30;
}
.product-list li figure mark b:before {
 content:"";
 width:100%;
 height:1px;
 background:#dc0000;
 position:absolute;
 left:0;
 top:23px;
 transform:translateX(-200px);
 -webkit-transform:translateX(-200px);
 -moz-transform:translateX(-200px);
}
.product-list li figure mark b:after {
 content:"";
 width:1px;
 height:100%;
 background:#dc0000;
 position:absolute;
 left:23px;
 top:0;
 transform:translateY(-200px);
 -webkit-transform:translateY(-200px);
 -moz-transform:translateY(-200px);
}
.product-list li figure mark:before {
 content:"";
 width:100%;
 height:0%;
 border-left:3px solid #dc0000;
 border-right:3px solid #dc0000;
 box-sizing:border-box;
 position:absolute;
 left:0;
 top:0;
 transition:320ms;
}
.product-list li figure mark:after {
 content:"";
 width:0%;
 height:100%;
 border-top:3px solid #dc0000;
 border-bottom:3px solid #dc0000;
 box-sizing:border-box;
 position:absolute;
 left:0;
 top:0;
 transition:320ms;
}
.product-list li:hover figure mark {
 opacity:1;
 transform:skewX(0);
 visibility:visible;
}
.product-list li:hover figure mark:before {
 height:100%;
 transition:330ms 200ms;
}
.product-list li:hover figure mark:after {
 width:100%;
 transition:330ms 200ms;
}
.product-list li:hover figure img {
 transform:scale(1.05);
 -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
}
.product-list li:hover figure mark b:before {
 transition:355ms 180ms;
 transform:translateX(0);
 -webkit-transform:translateX(0);
 -moz-transform:translateX(0);
}
.product-list li:hover figure mark b:after {
 transition:355ms 240ms;
 transform:translateY(0);
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
}
.product-list li:hover figcaption {
 color:#dc0000;
}
@media only screen and (max-width:992px) {
	.dhfl{ float:none; width:100%; margin-bottom:20px}
.nrt{ float:none; width:100%  }
.weizhi{ border-bottom:#ddd 1px solid; margin-bottom:30px; padding-bottom:10px; overflow:hidden}

.weizhi h3{ display:block; float:left; color:#333; border-left:#dc0000 5px solid; padding-left:10px; font-weight:bold; font-size:20px}

.weizhi span{ display:block; float:right; font-size:12px; color:#888}
.product-list li {
 width:calc((100% - 32px)/2);
 float:left;
 margin:8px;
}
.product-list li figcaption {
 display:block;
 color:#5d5d5d;
 font-size:12px;
 line-height:normal;
 margin-top:10px;
 transition:350ms;
 text-align: center;
}
.product-list li figure img {
 display:block;
 width:100%;
 height:100px;
 transition:424ms linear;
}
}


.ck_gd{width:160px; height:40px;  text-align:center; font-size:14px; color:#fff; line-height:38px; display:block;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s; margin:0 auto; margin-top:35px;border-radius: 20px; background:#dc0000}
.ck_gd:hover{background-color:#da2127; color:#FFF;}
@media only screen and (max-width:640px) {
.ck_gd{width:140px; font-size:12px;height:30px; line-height:30px  ;margin-top:20px;}
}

.sy_pt{padding: 60px 0;overflow: hidden;background:url(../images/bn_bj.jpg) no-repeat center / cover fixed; }
.sy_pt li{ float:left; width:180px; margin-right:2%; background:rgba(3,77,162,.5);border-radius:50%; height:180px; border:#fff 3px solid;box-sizing:border-box; text-align:center; color:#fff;vertical-align:middle}
.sy_pt li:nth-child(6n){margin-right:0; }
.sy_pt li:hover{ background:rgba(218,33,39,.9);}
.sy_pt li h1{ margin-top:55px; font-size:28px}
.sy_pt li span{ margin-top:20px; font-size:16px}
@media only screen and (max-width:992px) {
.sy_pt{padding: 20px 0;overflow: hidden;background:url(../images/bn_bj.jpg) no-repeat center / cover fixed; text-align:center }
.sy_pt li{ float:none; display:inline-block; width:100px; margin-right:1%; background:rgba(3,77,162,.5);border-radius:50%; height:100px; border:#fff 3px solid;box-sizing:border-box; text-align:center; color:#fff;vertical-align:middle; margin-left:1%; margin-bottom:4%}
.sy_pt li:nth-child(6n){margin-right:1%; }
.sy_pt li h1{ margin-top:25px; font-size:20px}
.sy_pt li span{ margin-top:20px; font-size:14px}

}

.lingyu{ width:100%; margin:0 auto; }
.lingyu ul { position:relative; margin:0 -10px;}
.lingyu ul li{ float:left; width:33.33%; padding:0 10px; box-sizing:border-box; margin-bottom:20px;}
.lingyu ul li .yyly{ width:100%; border-bottom:#e1e1e1 1px solid; padding-bottom:15px; position:relative;}


.lingyu ul li .yyly:after{ content:""; bottom:-1px; left:0; position:absolute; height:2px; width:0; background:#dc0000; transition:all 0.6s; z-index:2}
.lingyu ul li .yyly:hover:after{ width:100%;transition:all 0.6s}
.lingyu ul li .yyly i{ display:block; width:100%; height:auto; overflow:hidden}
.lingyu ul li .yyly i img{ width:100%; height:auto; transition:all 0.6s}
.lingyu ul li:hover .yyly  i img{ transform:scale(1.1,1.1); transition:all 0.6s}

.lingyu ul li .yyly h3{ display:block; margin:15px 0 10px; font-size:16px; color:#333}
.lingyu ul li .yyly p{ display:block; margin-bottom:15px; font-size:14px; color:#666; line-height:25px; max-height:75px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
.lingyu ul li .yyly span{ color:#dc0000; font-size:14px;}


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


.lingyu{  margin:20px auto; }
.lingyu ul { position:relative; margin:0 -10px;}
.lingyu ul li{ float:left; width:50%; padding:0 10px; box-sizing:border-box; margin-bottom:20px;}
.lingyu ul li .yyly h3{  font-size:16px; }
.lingyu ul li .yyly p{ font-size:12px}

.lingyu ul li .yyly span{  font-size:12px;}

}

@media only screen and (max-width:414px){
.lingyu ul { position:relative; margin:0;}
.lingyu ul li{ float:none; width:100%; padding:0; box-sizing:border-box; margin-bottom:20px;}


}




.sy_ys{width:100%; padding:60px 0 70px; height:auto; overflow:hidden;}

.fen_box{ overflow:hidden; }
.fen_box ul li{ display:block; width:23.5%; height:410px; float:left; margin-right:2%; position:relative; overflow:hidden; }
.fen_box ul li:nth-child(4n){margin-right:0; }
.fen_box ul li .itu{ width:100%; height:280px; background:#0C0; position:absolute; top:0px; left:0px; transition:all 0.5s; }
.fen_box ul li .itu img{ width:100%}
.fen_box ul li .izi{ width:100%; height:260px;background: #dc0000; overflow:hidden; position:absolute; top:230px; left:0px; transition:all 0.5s; }
.fen_box ul li .izi h4{ font-size:30px; color:#fff; line-height:55px; text-align:center; }
.fen_box ul li .izi p{ font-size:18px; color:#fff; line-height:16px; text-align:center; font-weight:bold }
.fen_box ul li .izi span{ font-size:14px; color:#fff; line-height:22px; text-align:left; display:block; width:90%; margin:15px auto;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:3; }
.fen_box ul li:hover .izi{ top:200px; background:#303030;  }


#particles-js{width:100%; height:100%; position:absolute; top:0; left:0; opacity:.3}

.g-serve {
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px; background: url(../images/bg_leadership.jpg) no-repeat center / cover fixed;position: relative;   
}
.g-serve .serve-list .server-item {
  width: 33.33%;
  background: #fff;
  float: left;
  overflow: hidden;
}
.g-serve .serve-list .server-item:hover .server-more {
  opacity: 1;
}
.g-serve .serve-list .server-item:hover .serve-type {
  background: #007ac3;
}
.g-serve .serve-list .server-item:hover .serve-type .type,
.g-serve .serve-list .server-item:hover .serve-type .cont,
.g-serve .serve-list .server-item:hover .serve-type .serve-type-more {
  color: #ffffff;
}
.g-serve .serve-list .server-item:hover .serve-type:before {
  border-color: transparent #007ac3 transparent transparent;
}
.g-serve .serve-list .server-item:hover .serve-type:after {
  border-color: transparent transparent transparent #007ac3;
}
.g-serve .serve-list .server-img {
 
  width: 100%;
  height: auto  ;
  position: relative;
  overflow: hidden;
}
.g-serve .serve-list .server-img img {
  width: 100%;
  height: auto  ;
  object-fit: cover;
}
.g-serve .serve-list .server-img .server-more {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  transition: all 0.8s;
}
.g-serve .serve-list .server-img .server-more:before {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.g-serve .serve-list .server-img .server-more .waves-effect:hover {
  color: #fff;
}
.g-serve .serve-list .server-img .server-more a {
  display: inline-block;
  border: solid 1px #fff;
  padding: 5px 20px;
  background: rgba(0, 122, 195, 0.8);
  color: #fff;
  font-size: 14px;
}
.g-serve .serve-list .serve-type {
  
  height: auto  ;
  width: 100%;
  padding: 50px;
  position: relative;
  transition: all 0.8s;
}
.g-serve .serve-list .serve-type:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px;
  border-color: transparent #fafafa transparent transparent ;
  position: absolute;
  left: -30px;
  top: 30px;
  transition: all 0.8s;
}
.g-serve .serve-list .serve-type .type {
  font-size: 20px;
  color: #2869b4;
  margin-bottom: 10px; margin-top:10px; font-weight:bold
}
.g-serve .serve-list .serve-type .cont {
  font-size: 14px;
  color: #535353;
  line-height: 26px;
  margin-bottom: 0;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:5;
}
.g-serve .serve-list .serve-type .serve-type-more {
  text-align: right;
  font-size: 14px;
  color: #707070;
  padding: 10px 0;
  transform: all 0.5s;
  width: 72px;
  display: inline-block;
  float: right;
  text-align: center;
  padding: 5px 0;
}
.g-serve .serve-list .serve-type .serve-type-more:hover {
  color: #fff !important;
}
.g-serve .serve-list .server-explain .server-img {
  float: right;
}
.g-serve .serve-list .server-explain .serve-type {
  float: left;
}
.g-serve .serve-list .server-explain .serve-type:before {
  content: '';
  opacity: 0;
}
.g-serve .serve-list .server-explain .serve-type:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px;
  border-color: transparent  transparent transparent #fafafa;
  position: absolute;
  left: 100%;
  top: 30px;
  transition: all 0.8s;
}
.g-serve .serve-page {
  width: 100%;
  text-align: center;
  padding: 20px 0;
  overflow: hidden;
}
.g-serve .serve-page .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 5px;
}

.yc{ display:none}
.xs{ display: block}
@media only screen and (max-width:640px){
	.sy_ys{ padding:20px 0}
.yc{ display:block}
.xs{ display: none}

.fen_box ul li{ display:block; width:49%; height:310px; float:left; margin-right:2%; position:relative; overflow:hidden; }
.fen_box ul li:nth-child(2n){margin-right:0; }
.fen_box ul li .itu{ width:100%; height:180px; background:#0C0; position:absolute; top:0px; left:0px; transition:all 0.5s; }
.fen_box ul li .itu img{ width:100%}
.fen_box ul li .izi{ width:100%; height:160px; overflow:hidden; position:absolute; top:130px; left:0px; transition:all 0.5s; }
.fen_box ul li .izi h4{ font-size:24px; color:#fff; line-height:35px; text-align:center; }
.fen_box ul li .izi p{ font-size:15px; color:#fff; line-height:16px; text-align:center; font-weight:bold }
.fen_box ul li .izi span{ font-size:12px; color:#fff; line-height:22px; text-align:left; display:block; width:90%; margin:10px auto;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:4; }
.fen_box ul li:hover .izi{ top:200px; background:#0e6dbf;  }



.g-serve {
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
}
.g-serve .serve-list .server-item {
  width: 100%;
  background: #fafafa;
  float: none  ;
  overflow: hidden; margin-bottom:10px
}

.g-serve .serve-list .server-img {
  float: left;
  width: 100%;
  height: 150px  ;
  position: relative;
  overflow: hidden;
}
.g-serve .serve-list .server-img img {
  width: 100%;
  height: auto  ;
  object-fit: cover;
}
.g-serve .serve-list .serve-type {
  float: right;
  height: auto  ;
  width: 100%;
  padding: 10px;
  position: relative;
  transition: all 0.8s;
}
.g-serve .serve-list .serve-type .type {
  font-size:16px;
  color: #007ac3;
  margin-bottom: 10px; margin-top:5px; font-weight:bold
}

.g-serve .serve-list .serve-type .cont {
  font-size: 12px;
  color: #535353;
  line-height: 22px;
  margin-bottom: 0;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:3;
}
.g-serve .serve-list .serve-type .serve-type-more {
  text-align: right;
  font-size: 13px;
  color: #707070;
  padding: 10px 0;
  transform: all 0.5s;
  width: 72px;
  display: inline-block;
  float: right;
  text-align: center;
  padding: 5px 0;
}
}


.sy_xw1{width:100%; padding:60px 0; overflow:hidden;}
.sy_xw1 .xw_zx .hd{border-bottom:1px solid #eee; position:relative; overflow:hidden; margin-bottom:20px;}
.sy_xw1 .xw_zx .hd ul li{float:left; width:120px; height:40px; background-color:#eee; font-size:16px; line-height:40px; color:#333; text-align:center; margin-right:5px; cursor:pointer;}
.sy_xw1 .xw_zx .hd ul li.on{background-color:#dc0000; color:#fff;}
.sy_xw1 .xw_zx .hd a{position:absolute; top:0; right:0; font-size:14px; display:none;}
.sy_xw1 .xw_zx .hd ul li.on a{display:block;}
.sy_xw1 .xw_zx .t_w{padding-bottom:15px; margin-bottom:5px; border-bottom:1px dotted #ddd; overflow:hidden;}
.sy_xw1 .xw_zx .t_p{width:35%; float:left; overflow:hidden;}
.sy_xw1 .xw_zx .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.sy_xw1 .xw_zx .t_w: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);}
.sy_xw1 .xw_zx .w_z{width:65%; float:right; padding-left:30px;}
.sy_xw1 .xw_zx .w_z h3{font-size:16px; font-weight:bold; line-height:28px; margin-bottom:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw1 .xw_zx .t_w ul li:hover .w_z a{color:#dc0000;}
.sy_xw1 .xw_zx .w_z p{line-height:24px; height:48px; color:#888; margin-bottom:25px; overflow:hidden; display:-webkit-box;
line-clamp:3;
-webkit-line-clamp:3;
-moz-line-clamp:3;
-ms-line-clamp:3;
-o-line-clamp:3;
-webkit-box-orient:vertical;}
.sy_xw1 .xw_zx .w_z span{display:block; float:none !important; padding-left:0 !important;}
.sy_xw1 .xw_zx .x_w .row{margin:0 -20px;}
.sy_xw1 .xw_zx .x_w .col-lg-6{padding:0 20px;}
.sy_xw1 .xw_zx .x_w ul li{line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw1 .xw_zx .x_w span{float:right; padding-left:20px;}
.sy_xw1 .xw_zx .x_w i{font-size:14px; margin-right:5px;}
.sy_xw1 .cj_wt{overflow:hidden;}
.sy_xw1 .cj_wt .wt_bt{border-bottom:1px solid #eee; overflow:hidden; margin-bottom:20px;}
.sy_xw1 .cj_wt .wt_bt span{float:left; width:120px; height:40px; background-color:#dc0000; font-size:16px; line-height:40px; color:#fff; text-align:center; cursor:pointer;}
.sy_xw1 .cj_wt .wt_bt a{font-size:14px; line-height:40px; float:right;}
.sy_xw1 .cj_wt .wt_lb .b_t{font-size:15px; line-height:26px; margin-bottom:6px; position:relative; padding-left:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw1 .cj_wt .wt_lb .b_t i{width:26px; height:26px; border-radius:50%; position:absolute; top:0; left:0; background-color:#dc0000; text-align:center; color:#fff; display:block;}
.sy_xw1 .cj_wt .wt_lb .h_d{font-size:13px; line-height:24px; height:48px; color:#888; position:relative; padding-left:32px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
.sy_xw1 .cj_wt .wt_lb .h_d i{width:26px; height:26px; border-radius:50%; position:absolute; top:0; left:0; background-color:#271874; text-align:center; color:#fff; display:block;}
.sy_xw1 .cj_wt .bd ul li{padding-bottom:10px; margin-bottom:10px; height:auto !important; border-bottom:1px dotted #ddd;}
@media only screen and (max-width:640px){
.sy_xw1{width:100%; padding:20px 0; overflow:hidden;}
.sy_xw1 .xw_zx .hd{border-bottom:1px solid #eee; position:relative; overflow:hidden; margin-bottom:10px;}
.sy_xw1 .xw_zx .hd ul li{float:left; width:110px; height:30px; background-color:#eee; font-size:14px; line-height:30px; color:#333; text-align:center; margin-right:5px; cursor:pointer;}
.sy_xw1 .xw_zx .hd ul li.on{background-color:#dc0000; color:#fff;}
.sy_xw1 .xw_zx .hd a{position:absolute; top:0; right:0; font-size:12px; display:none;}
.sy_xw1 .xw_zx .t_w{padding-bottom:15px; margin-bottom:5px; border-bottom:1px dotted #ddd; overflow:hidden;}
.sy_xw1 .xw_zx .t_p{width:110px; float:left; overflow:hidden;}
.sy_xw1 .xw_zx .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.sy_xw1 .xw_zx .t_w: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);}
.sy_xw1 .xw_zx .w_z{width:65%; float:right; padding-left:10px;}
.sy_xw1 .xw_zx .w_z h3{font-size:14px; font-weight:bold; line-height:24px; margin-bottom:0px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw1 .xw_zx .t_w ul li:hover .w_z a{color:#dc0000;}
.sy_xw1 .xw_zx .w_z p{line-height:20px; height: auto; color:#888; margin-bottom: 0; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical; font-size:12px}
.sy_xw1 .xw_zx .x_w span{ display:none}	

.sy_xw1 .cj_wt{overflow:hidden; margin-top:10px}
.sy_xw1 .cj_wt .wt_bt{border-bottom:1px solid #eee; overflow:hidden; margin-bottom:10px;}
.sy_xw1 .cj_wt .wt_bt span{float:left; width:110px; height:30px; background-color:#dc0000; font-size:14px; line-height:30px; color:#fff; text-align:center; cursor:pointer;}
.sy_xw1 .cj_wt .wt_bt a{font-size:12px; line-height:30px; float:right;}
.sy_xw1 .xw_zx .x_w ul li{line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw1 .cj_wt .wt_lb .b_t{font-size:14px; line-height:24px; margin-bottom:6px; position:relative; padding-left:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw1 .cj_wt .wt_lb .b_t i{width:26px; height:26px; border-radius:50%; position:absolute; top:0; left:0; background-color:#dc0000; text-align:center; color:#fff; display:block;}
.sy_xw1 .cj_wt .wt_lb .h_d{font-size:12px; line-height:22px; height:48px; color:#888; position:relative; padding-left:32px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
sy_xw1 .cj_wt .bd ul li{padding-bottom:5px; margin-bottom:5px; height:auto !important; border-bottom:1px dotted #ddd;}
}
.sy_ss{width:100%; padding:10px 0; background-color:#f7f7f7; border-bottom:1px solid #ddd; line-height:40px;}
.sy_ss .rm_ss{float:left; font-size:18px}
.sy_ss .rm_ss span{color:#000;}
.sy_ss .rm_ss a{display:inline-block; padding:0 5px;}
.sy_ss .ss_nr{float:right; border:1px solid #ddd; background-color:#fff; line-height:38px;}
.sy_ss .ss_nr input{width:200px; height:38px; padding:0 10px; float:left; line-height:38px; border:0}
.sy_ss .ss_nr button{width:80px; height:38px; background-color:#dc0000; line-height:38px; color:#fff; text-align:center; outline:none; float:right; border:0}
@media only screen and (max-width:992px) {
.sy_ss{padding:13px 0; line-height:56px;}
.sy_ss .rm_ss{display:none;}
.sy_ss .ss_nr{float:none; line-height:36px; overflow:hidden;}
.sy_ss .ss_nr input{width:76%; height:36px; line-height:36px;}
.sy_ss .ss_nr button{width:24%; height:36px; line-height:36px;}
}
.sy_gy{padding:60px 0; overflow:hidden; background:url(../images/abbab.jpg) no-repeat center top}
.sy_gy .row{margin:0 -40px;}
.sy_gy .col-12{padding:0 40px;}
.sy_gy .sy_bt{margin-bottom:0px;}
.sy_gy .g_y{font-size:16px; color:#666; line-height:30px; margin-bottom:50px; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:5;}
.sy_gy .s_p{position:relative; margin-top:10px}
.sy_gy .b_f{width:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;}
.sy_gy .s_p img{width:100%; height:auto; display:block;}
.sy_gy a.m_r{width:160px; height:50px; text-align:center; font-size:14px; color:#fff; line-height:50px; background-color:#d0111b; display:block;}
.sy_gy a.m_r i{vertical-align:middle; margin-left:20px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_gy a.m_r:hover i{margin-left:35px;}
@media (min-width:1081px){
.sy_gy{padding:80px 0;}
.sy_gy .row{margin:0 -25px;}
.sy_gy .col-12{padding:0 25px;}
.sy_gy .sy_bt{margin-bottom:25px;}
.sy_gy .g_y{font-size:14px; line-height:24px; margin-bottom:25px;}
.sy_gy a.m_r{width:130px; height:40px; line-height:40px;}
.sy_gy a.m_r i{margin-left:15px; font-size:18px;}
.sy_gy a.m_r:hover i{margin-left:25px;}
}
@media (min-width:1600px){
.sy_gy{padding:60px 0;}
.sy_gy .row{margin:0 -15px;}
.sy_gy .col-12{padding:0 15px;}
.sy_gy .sy_bt{margin-bottom:10px;}
.sy_gy .g_y{font-size:15px; line-height:30px; margin-bottom:20px;}
.sy_gy a.m_r{width:120px; height:40px; line-height:40px;}
.sy_gy a.m_r i{margin-left:20px; font-size:14px;}
.sy_gy a.m_r:hover i{margin-left:35px;}
}
@media only screen and (max-width:640px){
.sy_gy{padding:60px 0; overflow:hidden;}
.sy_gy .row{margin:0 -20px;}
.sy_gy .col-12{padding:0 20px;}
.sy_gy .sy_bt{margin-bottom:30px;}
.sy_gy .g_y{font-size:22px; line-height:36px; margin-bottom:30px;}
.sy_gy a.m_r{width:200px; height:60px; font-size:20px; line-height:60px; margin-bottom:30px;}
}
.sy_sj{width:100%; padding:20px 0; background:url(../images/bn_bj.jpg) no-repeat center / cover fixed; overflow:hidden;}
.sy_sj .wrap .n_r{border-right:1px solid rgba(255,255,255,.5); text-align:center;}
.sy_sj .wrap ul li{width:25%; padding:0 ;}
.sy_sj .wrap ul li:last-child .n_r{border-right:0;}
.sy_sj .wrap .s_z{font-size:16px; color:#fff;}
.sy_sj .wrap .s_z b{font-size:40px; padding-right:10px;}
.sy_sj .wrap em{width:30px; height:3px; display:block; margin:10px auto; background-color:rgba(255,255,255,.6);}
.sy_sj .wrap p{font-size:18px; color:#fff;}
@media (min-width:1081px){
.sy_sj{padding:50px 0;}
.sy_sj .wrap ul li{padding:0 10px;}
.sy_sj .wrap .s_z{font-size:16px;}
.sy_sj .wrap .s_z b{font-size:46px;}
.sy_sj .wrap p{font-size:18px;}
}
@media (min-width:1600px){
.sy_sj{padding:20px 0;}
.sy_sj .wrap ul li{padding:0 ;}
.sy_sj .wrap .s_z{font-size:20px;}
.sy_sj .wrap .s_z b{font-size:40px;}
.sy_sj .wrap p{font-size:18px;}
}
@media only screen and (max-width:640px){
.sy_sj{padding:50px 0; background:url(../images/sj_bj.jpg) no-repeat center / cover; text-align:center;}
.sy_sj .wrap ul{display:inline-block; margin:0;}
.sy_sj .wrap ul li{width:32%; padding:0 15px; display:inline-block; float:none;}
.sy_sj .wrap .n_r{border-right:0; margin:20px 0;}
.sy_sj .wrap .s_z{font-size:20px;}
.sy_sj .wrap .s_z b{font-size:40px;}
.sy_sj .wrap p{font-size:22px;}
}

.sy_cp{width:100%; padding:60px 0 40px; text-align:center; height:auto; overflow:hidden}
.gy_bt2{text-align:left; background:#dc0000 ; padding:20px; margin-bottom:10px }
.gy_bt2 h3{font-size:30px; font-weight:500; color:#fff; font-weight:bold}
.gy_bt2 p{font-size:16px;  margin-top:5px; color:#fff;  line-height:30px}
@media only screen and (max-width:640px){
.gy_bt2{text-align:left; background:#dc0000 ; padding:20px; margin-bottom:10px; display:none }
	
	
}

.sy_cp .product_TabTitle{width:23%; margin-bottom:20px; text-align:center; height:auto; overflow:hidden; float:left; background:#fafafa; padding-bottom:20px}
.sy_cp .product_TabTitle ul{ width:90%; margin:0 auto}
.sy_cp .product_TabTitle li{  text-align:left; line-height:46px;color:#303030; font-size:16px;   cursor:pointer;box-sizing:border-box;
transition:all .5s; 
-o-transition:all .5s; 
-ms-transition:all .5s; 
-moz-transition:all .5s; 
-webkit-transition:all .5s;   width:100%;background: url(../images/n_content_left_cnt.png) center right no-repeat;border-bottom: 1px solid #f1f0f0;box-sizing:border-box }
.sy_cp .product_TabTitle li:hover{  color:#dc0000;}
.sy_cp .product_TabTitle li.on{  color:#dc0000;}
.sy_cp .td_zs{text-align:center; overflow:hidden; display:none; width:75%; float:right}
.sy_cp .td_zs.dk{display:block;}
.sy_cp .td_zs ul li{width:32%; border:1px solid #f1f0f0; background-color:#fff; margin-right:2%; margin-bottom:1%; float:left;
transition:all .5s; 
-o-transition:all .5s; 
-ms-transition:all .5s; 
-moz-transition:all .5s; 
-webkit-transition:all .5s;}
.sy_cp .td_zs ul li:nth-child(3n){margin-right:0; }
.sy_cp .td_zs ul li:hover{border:1px solid #dc0000;}
.sy_cp .t_p{overflow:hidden;}
.sy_cp .t_p img{width:100%; height:auto; display:block;
transition:all 3s; 
-webkit-transition:all 3s; 
-moz-transition:all 3s; 
-ms-transition:all 3s; 
-o-transition:all 3s;}
.sy_cp .td_zs 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);}
.sy_cp .w_z{padding:0; }
.sy_cp .w_z h3{font-size:14px; text-transform:uppercase; line-height:45px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;color:#333; background:#fafafa}
.sy_cp .w_z p{font-size:14px; line-height:22px; color:#666;  overflow:hidden;  }
.sy_cp .w_z a.m_r{width:111px; float:left; background:#e0e0e0; font-size:13px; line-height:32px; color:#333; display:block; margin:15px 5px 20px}
.sy_cp .td_zs ul li a:hover.m_r{background-color:#dc0000; color:#fff;}
@media only screen and (max-width:640px) {
.sy_cp{padding:20px 0;}
.sy_cp .product_TabTitle{width:100%; margin-bottom:20px; text-align:center; height:auto; overflow:hidden; float:left; background:#fafafa; padding-bottom:20px}

.sy_cp .product_TabTitle li{margin:0px 5px 5px; font-size:12px; padding:0px ; width:30%; float:left}
.sy_cp .td_zs{text-align:center; overflow:hidden; display:none; width:100%; float:none}

.sy_cp .td_zs ul li{width:49%; margin:0 2% 2% 0; float:left}
.sy_cp .td_zs ul li:nth-child(2n){ margin-right:0}
.sy_cp .td_zs ul li:nth-child(2n+1){ margin-right:2%}
.sy_cp .w_z{padding:10px 10px 0;}
.sy_cp .w_z h3{font-size:16px; line-height:32px; margin-bottom:10px;}
.sy_cp .w_z h4{font-size:12px; line-height:24px; margin-bottom:6px;}
.sy_cp .w_z em{width:50px; margin:0 auto 15px;}
.sy_cp .w_z p{font-size:18px; line-height:28px; height:56px; color:#666;}
.sy_cp .w_z a.m_r{width:150px; font-size:18px; line-height:38px; display:none}
}

.sy_cp1{padding:60px 0; overflow:hidden;}
.sy_cp1 .hd{text-align:center;}
.sy_cp1 .hd ul li{width:120px; height:40px; background-color:#e7e7e7; border-radius:20px; margin:0 10px 20px; font-size:16px; line-height:40px; color:#555; cursor:pointer; display:inline-block;}
.sy_cp1 .hd ul li.on{background-color:#015198; color:#fff;}
.sy_cp1 .c_p ul li{width:23.875%; background-color:#fff; box-shadow:0 0 10px #ccc; float:left; margin-right:1.5%; margin-top:30px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp1 .c_p ul li:nth-child(4n){margin-right:0;}
.sy_cp1 .c_p ul li:hover{background-color:#015198;}
.sy_cp1 .c_p .t_p{overflow:hidden;}
.sy_cp1 .c_p .t_p img{width:100%; height:200px; display:block;}
.sy_cp1 .c_p .w_z{padding:15px; font-size:15px; text-align:center; color:#666; line-height:26px;}
.sy_cp1 .c_p .w_z h3{font-size:14px; color:#333; font-weight:bold;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_cp1 .c_p .w_z p{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#999;}
.sy_cp1 .c_p ul li:hover .w_z h3{color:#fff;}
.sy_cp1 .c_p ul li:hover .w_z p{color:#fff;}
@media only screen and (max-width:640px) {
.sy_cp1{padding:20px 0;}
.sy_cp1 .hd ul li{width:100px; height:30px; margin:0 3px 15px; font-size:14px; line-height:30px;}
.sy_cp1 .c_p ul li{width:48%; box-shadow:0 0 5px #ccc; float:left; margin-right:4%; margin-top:4%;}
.sy_cp1 .c_p ul li:nth-child(2n){margin-right:0;}
.sy_cp1 .c_p .w_z{font-size:14px; padding:10px;}
.sy_cp1 .c_p .w_z h3{font-size:14px; font-weight:normal}
.sy_cp1 .c_p .t_p img{width:100%; height:100px; display:block;}

}

.footer{width:100%; padding:30px 0 ; background-color:#232323; font-size:13px; color:#aaa;}
.footer .y_l{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #4b4b4b;}
.footer .y_l a{display:inline-block; color:#aaa; padding:0 10px;}
.footer h3{font-size:18px; color:#ddd; line-height:32px; margin-bottom:10px;}
.footer p{line-height:30px;}
.footer a{color:#aaa;}
.footer a:hover{color:#fff;}
.footer .ft_lx{margin-right:50px; min-height:192px; border-right:1px dotted #4b4b4b;}
.footer .tel{padding-left:60px; font-size:15px; line-height:26px; margin:10px 0; position:relative;}
.footer .tel i{position:absolute; top:3px; left:0; font-size:46px; line-height:52px; color:#fff;}
.footer .tel strong{display:block; font-size:20px; color:#dc0000;}
.footer .ft_dh ul li{float:left;}
.footer .l_m{line-height:30px;}
.footer .l_m a{color:#aaa; display:block;}
.footer .l_m a:hover{color:#fff;}
.footer .ewm img{max-width:110px; height:auto; display:block;}
.footer .ewm p{font-size:12px; margin-top:8px;}
@media only screen and (max-width:992px){
.footer{padding:10px 0 20px; font-size:14px; line-height:26px;}
.footer .y_l{display:none;}
.footer .col-lg-8{display:none;}
.footer h3{font-size:16px; text-align:center; line-height:36px; margin-bottom:15px;}
.footer p{line-height:24px;}

.footer .ft_lx{text-align:left; margin-right:0; min-height:inherit; border-right:0; margin-bottom:0px;}
.footer .tel{padding:0; font-size:18px; line-height:30px; margin-bottom:5px;}
.footer .tel i{display:none;}
.footer .tel strong{font-size:24px; line-height:40px;}
.footer .ft_dh ul li{display:none; float:none;}
.footer .ft_dh ul li:last-child{display:block; width:100% !important; max-width:100% !important; flex:none !important;}
.footer .ewm img{max-width:100%; margin:0 auto;}
.footer .ewm p{font-size:18px; margin-top:15px; text-align:center;}
}

.banquan{width:100%; padding:15px 0 ; background-color:#1b1b1b; text-align:center; line-height:26px; color:#aaa;}
.banquan span{padding:0 6px;}
@media only screen and (max-width:992px){
.banquan{padding:15px 0 65px; font-size:14px; line-height:24px;}
.banquan span{padding:0; display:block;}
}
.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;}
}

.pc_kf{width:50px; position:fixed; right:15px; bottom:18%; z-index:99999;}
.pc_kf .nr{font-size:18px; text-align:center; line-height:50px; margin-bottom:10px; position:relative;}
.pc_kf .tel{width:160px; background-color:#dc0000; font-size:18px; line-height:50px; color:#fff; position:absolute; top:0; right:-160px; opacity:0;}
.pc_kf .nr:hover .tel{right:56px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .ewm{width:130px; padding:10px 10px 0; background-color:#dc0000; position:absolute; bottom:0; right:-180px; opacity:0;}
.pc_kf .ewm img{width:100%; height:auto; display:block; margin-bottom:10px;}
.pc_kf .ewm p{font-size:14px; color:#fff; line-height:16px; margin-bottom:10px;}
.pc_kf .nr:hover .ewm{right:56px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .nr a{display:block; width:50px; height:50px; box-shadow:0 0 10px #ddd;  background-color:#fff; border-radius:5px; overflow:hidden;}
.pc_kf .nr i{color:#333;}
.pc_kf .nr i.icon-aui-icon-qq{font-size:30px;}
.pc_kf .nr i.icon-icon{font-size:26px; vertical-align:middle;}
.pc_kf .fh{width:50px; height:50px; border-radius:5px; background-color:#dc0000; text-align:center; line-height:50px; color:#fff; cursor:pointer;}
.pc_kf .fh i{font-size:30px; font-weight:bold;}
@media only screen and (max-width:992px) {
.pc_kf{right:10px; bottom:10px;}
}
@media only screen and (max-width:640px){
.pc_kf{width:100%; background-color:#dc0000; position:fixed; right:0; bottom:0;}
.pc_kf .nr{width:33%; border-right:1px solid rgba(255,255,255,.6); font-size:20px; background:none; box-shadow:none; margin-bottom:0; float:left;}
.pc_kf .tel{display:none;}
.pc_kf .ewm{display:none;}
.pc_kf .nr a{display:block; width:100%; border-radius:0; background-color:#dc0000; box-shadow:none;}
.pc_kf .nr i{color:#fff;}
.pc_kf .nr a:hover i{color:#fff;}
.pc_kf .fh{width:34%; box-shadow:none; font-size:22px; float:left;}
}

.ny_ban{width:100%; height:340px; background-position:center; background-repeat:no-repeat; background-size:cover;}
@media only screen and (max-width:992px){
.ny_ban{height:15vh;}
}
.ny_pr{width:100%; background-color:#f7f7f7; border-bottom:1px solid #ddd; padding:10px 0; line-height:30px; position:relative;}
.ny_pr:after{width:100%; height:1px; background-color:#fff; content:""; position:absolute; bottom:0; left:0;}
.ny_pr a{color:#555;}
.ny_pr a:hover{color:#dc0000;}
.ny_pr i{margin-right:5px; color:#dc0000; vertical-align:middle;}
.ny_pr em{color:#dc0000;}
@media only screen and (max-width:1024px){
.ny_pr{line-height:32px; padding:0; font-size:12px}
.ny_pr i{font-size:16px; margin-right:2px;}
}

.pr_lm{ text-align:center; height:auto; overflow:hidden; padding:0px 0 40px}
.pr_lm ul li{ display:inline-block; position:relative; width:150px; line-height:40px; text-align:center; background:#ececec; margin-right:1px ; }
.pr_lm ul li:after{width:0; height:0; content:""; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #fff; position:absolute; bottom:0px; left:50%; margin-left:-6px; opacity:0;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pr_lm ul li:hover:after{opacity:1;}
.pr_lm ul li.on{ margin-right:-3px}
.pr_lm ul li.on:after{opacity:1;}
.pr_lm ul li a{display:block; font-size:15px; color:#555;}
.pr_lm ul li:hover a{background-color:#dc0000; color:#fff;}
.pr_lm ul li.on a{background-color:#dc0000; color:#fff;}
@media only screen and (max-width:640px) {
.pr_lm{float:none; text-align:center; padding:0 0 20px}
.pr_lm ul li{ display:inline-block; position:relative; width:110px; line-height:30px; text-align:center; background:#ececec; margin-right:1px ; margin-bottom:1px }
.pr_lm ul li a{display:block; font-size:12px; color:#555;}

}

.ny_nr{width:100%; padding:60px 0 60px; position:relative; z-index:99; height:auto; overflow:hidden}
.ny_nr .zc_lm{box-shadow:0px 8px 20px 0px rgba(95,125,158,.1); overflow:hidden; margin-top:-185px;}
.ny_nr .zc_lm .b_t{padding:60px 35px; background-color:#142245; color:#fff;}
.ny_nr .zc_lm .b_t h3{font-size:22px; line-height:26px;}
.ny_nr .zc_lm .b_t h4{font-size:26px; font-weight:bold; line-height:32px; text-transform:capitalize;}
.ny_nr .zc_lm .b_t em{width:80px; height:4px; margin:20px 0; background-color:#fff; display:block;}
.ny_nr .zc_lm .l_m{padding:15px; background-color:#fff; min-height:260px;}
.ny_nr .zc_lm .l_m ul li{display:block; margin-bottom:7px; position:relative;}
.ny_nr .zc_lm .l_m ul li:after{width:4px; height:100%; position:absolute; top:0; left:0; content:"";
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_nr .zc_lm .l_m ul li:hover:after{background-color:#142245;}
.ny_nr .zc_lm .l_m ul li.on:after{background-color:#142245;}
.ny_nr .zc_lm .l_m ul li a{text-indent:15px; font-size:16px; line-height:50px; display:block;}
.ny_nr .zc_lm .l_m ul li:hover a{text-indent:20px; background-color:#fafafa;}
.ny_nr .zc_lm .l_m ul li.on a{color:#142245; text-indent:20px; background-color:#fafafa;}
.ny_nr .yc_nr{ font-size: 16px;line-height: 36px; color:#191919; margin-bottom:50px }
.ny_nr .lm_bt{height:67px; border-bottom:1px solid #e7e7e7; margin-bottom:30px;}
.ny_nr .lm_bt .m_c{font-size:20px; color:#142245; line-height:66px; border-bottom:1px solid #142245; display:inline-block;}
@media only screen and (max-width:992px){
.ny_nr{padding:20px 0 20px;}
.ny_nr .zc_lm{padding:0; background-color:#fff; margin-bottom:30px;}
.ny_nr .zc_lm .b_t{display:none;}
.ny_nr .zc_lm .l_m{padding:0; min-height:inherit;}
.ny_nr .zc_lm .l_m ul li{width:50%; float:left; text-align:center; margin-bottom:0;}
.ny_nr .zc_lm .l_m ul li:after{width:100%; height:2px; top:auto; bottom:0;}
.ny_nr .zc_lm .l_m ul li a{text-indent:0;}
.ny_nr .zc_lm .l_m ul li:hover a{text-indent:0;}
.ny_nr .zc_lm .l_m ul li.on a{text-indent:0;}
.ny_nr .zc_lx{display:none;}
.ny_nr .yc_nr{min-height:300px; font-size:14px; line-height:24px; margin-bottom:20px}
.ny_nr .lm_bt{height:45px; margin-bottom:20px;}
.ny_nr .lm_bt .m_c{font-size:18px; line-height:44px;}
}

.ny_nr .ny_lm .hd{margin-bottom:20px;}
.ny_nr .ny_lm .hd ul li{float:left; margin-right:15px; margin-bottom:15px; position:relative;}
.ny_nr .ny_lm .hd ul li a{display:block; border:1px solid #142245; font-size:16px; color:#142245; line-height:44px; padding:0 15px; position:relative; z-index:9;}
.ny_nr .ny_lm .hd ul li:hover a{color:#fff;}
.ny_nr .ny_lm .hd ul li.on a{color:#fff;}
.ny_nr .ny_lm .hd ul li:after{width:0; height:100%; background-color:#142245; content:""; position:absolute; top:0; left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_nr .ny_lm .hd ul li:hover:after{width:100%;}
.ny_nr .ny_lm .hd ul li.on:after{width:100%;}
.ny_nr .ny_lm .lm_nr{font-size:15px; line-height:28px;}
.ny_nr .ny_lm .lm_nr img{max-width:100%; height:auto; display:block; margin:0 auto;}

.ny_nr .gs_js{font-size:15px; line-height:28px; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.ny_nr .gs_js img{max-width:100%; height:auto; display:block; margin:0 auto;}
@media only screen and (max-width:992px){
.ny_nr .gs_js{font-size:15px; line-height:30px;}
}
@media only screen and (max-width:640px){
.ny_nr .gs_js{font-size:14px; line-height:28px;}
}

.ny_nr .al_lb ul li{margin-bottom:30px; position:relative;}
.ny_nr .al_lb .t_p{overflow:hidden; position:relative;}
.ny_nr .al_lb .t_p:after{width:100%; height:100%; content:''; position:absolute; top:0; left:0; display:block; background-color:rgba(0,0,0,.5);}
.ny_nr .al_lb .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.ny_nr .al_lb 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 .al_lb .w_z{width:50%; position:absolute; bottom:30px; left:30px; color:#fff; z-index:999;}
.ny_nr .al_lb .w_z h3{font-size:18px; line-height:28px; margin-bottom:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.ny_nr .xq_nr .b_t{font-size:22px; line-height:32px; color:#000; text-align:center; margin-bottom:20px;}
.ny_nr .xq_nr .n_r{font-size:15px; line-height:28px;}
.ny_nr .xq_nr .n_r strong{color:#000;}
.ny_nr .xq_nr .n_r img{max-width:100%; height:auto; display:block; margin:0 auto;}

.ny_nr .a_n{margin-top:30px; text-align:center;}
.ny_nr .a_n ul li{display:inline-block; margin:0 5px;}
.ny_nr .a_n ul li a{width:40px; height:40px; border-radius:50%; background-color:#888; line-height:40px; color:#fff; display:block;}
.ny_nr .a_n ul li a:hover{background-color:#142245;}
.ny_nr .a_n ul li i.icon-weixin{font-size:18px;}
.ny_nr .a_n ul li i.icon-youxiang1{font-size:19px;}




.ny_nr .xw_lb ul li{border-bottom:1px dotted #ddd; padding-bottom:30px; margin-bottom:30px;}
.ny_nr .xw_lb .t_p{overflow:hidden;}
.ny_nr .xw_lb .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.ny_nr .xw_lb 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_lb .r_q{width:80px; border-radius:5px; box-shadow:0 0 15px rgba(95,125,158,.1); position:absolute; top:0; right:0; text-align:center; overflow:hidden;}
.ny_nr .xw_lb .r_q span{font-size:20px; line-height:32px; color:#fff; display:block; background-color:#142245;}
.ny_nr .xw_lb .r_q i{font-size:16px; color:#333; line-height:32px;}
.ny_nr .xw_lb .w_z{padding-right:100px; position:relative;}
.ny_nr .xw_lb .w_z h3{font-size:18px; font-weight:bold; line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ny_nr .xw_lb .w_z p{line-height:26px; color:#777; height:52px; margin-top:10px; margin-bottom:25px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
.ny_nr .xw_lb .w_z a.x_q{width:120px; height:32px; border:1px solid #dc0000; font-size:14px; text-align:center; line-height:30px; color:#dc0000; display:block; margin-top:20px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_nr .xw_lb .w_z a.x_q:hover{background-color:#dc0000; color:#fff;}
@media only screen and (max-width:992px){
.ny_nr .xw_lb .row{margin:0 -10px;}
.ny_nr .xw_lb .col-12{padding:0 10px;}
}
@media only screen and (max-width:640px){
.ny_nr .xw_lb ul li{border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}
.ny_nr .xw_lb .r_q{background-color:#fff; top:-95px; right:10px;}
.ny_nr .xw_lb .w_z{padding-right:0; margin-top:10px;}
.ny_nr .xw_lb .w_z h3{line-height:24px; font-size:16px}
.ny_nr .xw_lb .w_z p{line-height:24px; color:#777; height: auto; margin-top:5px; margin-bottom:15px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
.ny_nr .xw_lb .w_z a.x_q{font-size:14px; line-height:32px; width:100px}
}

.ny_nr .lx_dt .map{width:100%; height:260px;}
.ny_nr .lx_wm1{ margin-bottom:20px;background-color: #dc0000; height:auto; overflow:hidden; margin-top:20px}
.ny_nr .lx_wm{}
.ny_nr .lxwm2{ color:#fff; padding:30px 50px 30px}
.ny_nr .lxwm2 h1{ background:url(../images/dh1.png) no-repeat left center; padding-left:66px; font-size:30px; height:56px; line-height:56px; margin-bottom:10px}
.ny_nr .lxwm2 p{ line-height:30px; font-size:14px; padding-left:66px}
.ny_nr .lx_wm .n_r{padding:30px;}
.ny_nr .lx_wm .n_r h3{font-size:20px; line-height:32px; color:#dc0000;}
.ny_nr .lx_wm .n_r h4{font-size:14px; line-height:24px; color:#888; text-transform:uppercase; margin-bottom:20px;}
.ny_nr .lx_wm .w_z{font-size:15px; line-height:36px;}
.ny_nr .lx_wm .l_y input{width:100%; height:47px; font-size:14px; line-height:46px; border:1px solid #ddd; display:block; margin-bottom:10px; padding-left:10px}
.ny_nr .lx_wm .l_y textarea{width:100%; height:78px; padding:10px 0; font-size:14px; line-height:26px; border:1px solid #ddd; display:block; padding-left:10px;resize:none;}
.ny_nr .lx_wm .l_y button{width:120px; height:36px; background-color:#dc0000; margin-top:20px; margin-right:15px; font-size:15px; line-height:36px; text-align:center; color:#fff; float:left;}
.ny_nr .lx_wm .l_y button.c_z{background-color:#aaa;}
.ny_nr .zx_ly{margin-top:40px;}
.ny_nr .zx_ly .n_r h3{font-size:22px; line-height:32px; color:#142245;}
.ny_nr .zx_ly .n_r h4{font-size:16px; line-height:24px; color:#888; text-transform:uppercase; margin-bottom:20px;}
.ny_nr .zx_ly .l_y .row{margin:0 -10px;}
.ny_nr .zx_ly .l_y .col-12{padding:0 10px;}
.ny_nr .zx_ly .l_y input{width:100%; height:47px; font-size:14px; line-height:46px; border-bottom:1px solid #ddd; display:block;}
.ny_nr .zx_ly .l_y textarea{width:100%; height:72px; padding:10px 0; font-size:14px; line-height:26px; border-bottom:1px solid #ddd; display:block; resize:none;}
.ny_nr .zx_ly .l_y button{width:120px; height:36px; background-color:#142245; margin-top:20px; margin-right:15px; font-size:15px; line-height:36px; text-align:center; color:#fff; float:left;}
.ny_nr .zx_ly .l_y button.c_z{background-color:#aaa;}
.ddt{width:100%;height:410px;}
@media only screen and (max-width:992px){
.ny_nr .lx_dt .map{height:220px;}
.ny_nr .lx_wm .n_r h3{font-size:20px; line-height:30px; margin-top:10px;}
.ny_nr .lx_wm .n_r h4{font-size:15px; margin-bottom:15px;}
.ny_nr .lx_wm .w_z{font-size:15px; line-height:30px;}
.ny_nr .zx_ly{margin-top:30px;}
.ny_nr .zx_ly .n_r h3{font-size:20px; line-height:30px;}
.ny_nr .zx_ly .n_r h4{font-size:15px; margin-bottom:15px;}
}
@media only screen and (max-width:640px){
.ny_nr .lx_dt .map{height:200px;}
.ny_nr .lx_wm .row{ }
.ny_nr .lx_wm img{ width:100%}
.ny_nr .lx_wm .n_r h3{font-size:18px; margin-top:20px;}
.ny_nr .lx_wm .n_r h4{font-size:15px; margin-bottom:10px;}
.ny_nr .lx_wm .w_z{font-size:14px; line-height:28px;}
.ny_nr .zx_ly .n_r h3{font-size:18px;}
.ny_nr .zx_ly .n_r h4{font-size:15px; margin-bottom:10px;}
.ddt{width:100%;height:260px;}

.ny_nr .lx_wm .n_r{padding:0px;}
.ny_nr .lxwm2{ color:#fff; padding:20px}
.ny_nr .lxwm2 h1{ background:url(../images/dh11.png) no-repeat left center; padding-left:46px; font-size:20px; height:36px; line-height:36px; margin-bottom:10px}
.ny_nr .lxwm2 p{ line-height:24px; font-size:14px; padding-left:46px}
.ny_nr .lx_wm1 img{ width:100%}
}



.gs_dt{width:100%; height:350px; overflow:hidden;}
@media only screen and (max-width:992px){
.gs_dt{height:300px;}
}
@media only screen and (max-width:640px){
.gs_dt{height:250px;}
}

.gy_bt{text-align:center; margin:0 auto 30px;}
.gy_bt h3{font-size:28px; font-weight:bold; color:#000;}
.gy_bt p{font-size:16px; letter-spacing:1px; margin-top:10px;}
.gy_bt em{width:40px; height:4px; background-color:#dc0000; display:block; margin:15px auto 0;}
@media only screen and (max-width:992px){
.gy_bt{margin-bottom:30px;}
.gy_bt h3{font-size:26px; line-height:36px;}
.gy_bt p{font-size:14px;}
.gy_bt em{width:50px; height:2px; margin:20px auto 0;}
}
@media only screen and (max-width:640px){
.gy_bt{margin-bottom:20px;}
.gy_bt h3{font-size:18px; line-height:26px;}
.gy_bt p{font-size:12px;margin-top:5px;}
.gy_bt em{width:40px; height:2px; margin:10px auto 0;}
}

.yema{margin:60px auto 30px; text-align:center;}
.yema ul li{min-width:36px; display:inline-block; margin:0 3px;}
.yema ul li a{border-radius:2px; padding:0 12px; border:1px solid #ddd; font-size:14px; line-height:34px; text-align:center; color:#333; display:block;}
.yema ul li a:hover{background-color:#dc0000; border:1px solid #dc0000; color:#fff;}
.yema ul li a.on{background-color:#dc0000; border:1px solid #dc0000; color:#fff;}
@media only screen and (max-width:640px){
.yema{margin-top:10px;}
.yema ul li a{min-width:30px; height:30px; font-size:12px; line-height:28px;}
}

.tupin{ width:100%; height:auto; overflow:hidden; margin-top:0px}
.tupin li{ float:left; width:23.5%; margin-right:2%}
.tupin li:nth-child(4n){margin-right:0; }
.tupin li img{ width:100%; border-radius:8px; border:#ccc 1px solid; height:200px}
.tupin li p{ text-align:center; line-height:46px; color:#333; font-size:16px}
@media only screen and (max-width:992px){
.tupin{ width:100%; height:auto; overflow:hidden; margin-top:0px}

.tupin li{ float:left; width:49%; margin-right:2%; margin-bottom:2%}
.tupin li:nth-child(2n){margin-right:0; }
.tupin li p{ text-align:center; line-height:36px; font-size:14px}
.tupin li img{ width:100%; border-radius:8px; border:#ccc 1px solid; height:130px}

}

.kc_bt{margin-bottom:20px; line-height:30px; padding:0 10px}
.kc_bt .m_c{padding-left:15px; background:url(../images/bt.jpg) no-repeat left center; font-size:23px; float:left; color:#dc0000}
.kc_bt a.more{width:60px; height:30px;  border-radius:15px; background:#dc0000 url(../images/jt.png) no-repeat 55px center; font-size:14px; color:#fff; line-height:30px; float:right; text-align:center}
.bbj{ background:#fff; padding:30px 0}
.hbj{ background:#fafafa; padding:30px 0}
@media only screen and (max-width:992px){
.kc_bt{margin-bottom:10px; line-height:30px; padding:0 10px}
.kc_bt .m_c{padding-left:15px; background:url(../images/bt.jpg) no-repeat left center; font-size:18px; float:left; color:#dc0000}
.kc_bt a.more{width:60px; height:24px;  border-radius:15px; background:#dc0000 url(../images/jt.png) no-repeat 55px center; font-size:12px; color:#fff; line-height:24px; float:right; text-align:center}
.bbj{ background:#fff; padding:20px 0}
.hbj{ background:#fafafa; padding:20px 0}

}

.sy_an{ height:auto; text-align:center; margin:40px auto}
.sy_an ul li{margin-left:5px; margin-right:5px; display:inline-block; position:relative;width:170px; height:40px; background-color:#dc0000; border-radius:5px; font-size:14px; line-height:40px; color:#fff;}
.sy_an ul li:hover{background-color: #da2127;}
.sy_an .y_j{position:relative;}
.sy_an .y_j i{display:none;}
.sy_an .y_j a{font-size:16px; text-transform:uppercase; color:#fff}
.sy_an ul li.on .y_j a{color:#b6061b;}
.sy_an .e_j{width:170px; padding: 0; background-color:#fff; border:#ccc 1px solid; position:absolute; left:50%; margin-left:-85px; 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; z-index:999; border-bottom:0}
.sy_an 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);  }
.sy_an ul li .e_j a:hover{background:#dc0000; color:#fff}
.sy_an .e_j a{font-size:14px; line-height:36px; text-align:center; display:block; border-bottom:#ccc 1px solid}
@media only screen and (max-width:992px){
.sy_an{ height:auto; text-align:center; margin:20px auto 0}
.sy_an ul li{margin-left:1px; margin-right:1px; display:inline-block; position:relative;width:110px; height:30px; background-color:#dc0000; border-radius:5px; font-size:12px; line-height:30px; color:#fff; margin-bottom:8px}
.sy_an .y_j a{font-size:12px; text-transform:uppercase; color:#fff}
.sy_an .e_j{width:110px; padding: 0; background-color:#fff; border:#ccc 1px solid; position:absolute; left:50%; margin-left:-55px; 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; z-index:999; border-bottom:0}
}
.cp_xq1{ float:right; width:650px}
.cp_xq1 .cp_cs .n_r{padding:15px;}
.cp_xq1 .cp_cs .b_t{font-size:26px; font-weight:bold; color:#dc0000; line-height:40px; border-bottom:1px solid #e7e7e7; padding-bottom:20px; margin-bottom:15px;}
.cp_xq1 .cp_cs a{display:inline-block; margin-top:20px; background-color:#dc0000; font-size:16px; line-height:46px; color:#fff; padding:0 30px; margin-right:10px;border-radius:4px; } 
.cp_xq1 .cp_cs .c_g{ font-size:14px; line-height:26px;  margin-bottom:15px; padding-bottom:15px}
.cp_xq{overflow:hidden; position:relative;}
.cp_xq .cp_js{margin-top:20px; margin-bottom:40px}
.cp_xq .cp_js .hd{overflow:hidden;}
.cp_xq .cp_js .hd ul li{float:left; padding:0 30px; font-size:16px; line-height:44px; text-align:center; color:#555; background-color:#f7f7f7; margin-right:5px; cursor:pointer;}
.cp_xq .cp_js .hd ul li.on{background-color:#dc0000; color:#fff;}
.cp_xq .cp_js .bd{ border-top:1px solid #d7d7d7; padding-top:30px}
.cp_xq .cp_js .bd1{border:1px solid #d7d7d7; padding-top:30px}

.cp_xq .cp_js .n_r{font-size:15px; line-height:28px;}
.cp_xq .cp_js .n_r .c_s { min-height:150px}
.cp_xq .cp_js .n_r .c_s ul li{margin-bottom:5px; padding-left:15px; font-size:14px; line-height:26px; position:relative;}
.cp_xq .cp_js .n_r .c_s ul li:before{width:6px; height:6px; border-radius:50%; background-color:#555; content:""; position:absolute; top:10px; left:0;}

.cp_xq .cp_js .n_r a{display:block; font-size:15px; line-height:28px; color:#dc0000; margin-bottom:10px;}
.cp_xq .cp_js .n_r a:hover{text-decoration:underline !important;}
@media only screen and (max-width:640px){
.cp_xq{overflow:hidden; position:relative; margin-top:0px; margin-bottom:20px}
.cp_xq .cp_cs{margin-top:20px;}
.cp_xq .cp_cs .n_r{padding:0;}
.cp_xq .cp_cs .c_s ul li{margin-bottom:10px; padding-left:20px; font-size:20px; line-height:36px;}
.cp_xq .cp_cs .c_s ul li:before{width:8px; height:8px; top:14px;}
.cp_xq .cp_cs a{font-size:20px; line-height:56px; padding:0 50px;} 
.cp_xq .cp_js .hd{border-bottom:0;}
.cp_xq .cp_js .hd ul li{width:25%; padding:0; border-right:1px solid #fff; font-size:14px; line-height:30px; margin-right:0;}
.cp_xq .cp_js .hd ul li:last-child{border-right:0;}
.cp_xq .cp_js .hd ul li.on{background-color:#dc0000; color:#fff;}
.cp_xq .cp_js .n_r{font-size:14px; line-height:24px;}
.cp_xq .cp_js .n_r a{font-size:20px; line-height:40px;}
.cp_xq .cp_js .bd{ border-top:1px solid #d7d7d7; padding-top:20px}
.cp_xq .cp_js .bd1{border:1px solid #d7d7d7; padding-top:20px}


.cp_xq1{ float:none; width:100%; margin-bottom:10px}
.cp_xq1 .cp_cs .n_r{padding:15px;}
.cp_xq1 .cp_cs .b_t{font-size:18px; font-weight:bold; color:#dc0000; line-height:30px; border-bottom:1px solid #e7e7e7; padding-bottom:10px; margin-bottom:10px;}
.cp_xq1 .cp_cs .c_s { min-height:100px}
.cp_xq1 .cp_cs .c_s ul li{margin-bottom:5px; padding-left:15px; font-size:14px; line-height:26px; position:relative;}
.cp_xq1 .cp_cs .c_s ul li:before{width:6px; height:6px; border-radius:50%; background-color:#555; content:""; position:absolute; top:10px; left:0;}
.cp_xq1 .cp_cs a{display:inline-block; margin-top:10px; background-color:#dc0000; font-size:14px; line-height:30px; color:#fff; padding:0 15px; margin-right:8px;border-radius:4px; } 
.cp_xq1 .cp_cs .c_g{ font-size:14px; line-height:24px;border-bottom: 1px solid #e7e7e7; margin-bottom:15px; padding-bottom:15px}
.cp_xq .cp_js{margin-top:0px; margin-bottom:0px}

}

.sy_xw{width:100%; padding: 0; overflow:hidden;}
.sy_xw .xw_tj{position:relative; padding:0 50px}
.sy_xw .xw_tj .swiper-xw{padding-bottom:30px;}
.sy_xw .xw_tj .swiper-button-prev{width:35px; height:35px; background:url(../images/zj1.png) no-repeat center; left:0px; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;position:absolute}
.sy_xw .xw_tj .swiper-button-next{width:35px; height:35px; background:url(../images/yj1.png) no-repeat center; right:0px; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;position:absolute}
.sy_xw .xw_tj .swiper-pagination{bottom:0;}
.sy_xw .xw_tj .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background-color:#aaa;}
.sy_xw .xw_tj .swiper-pagination-bullet-active{background-color:#dc0000;}
.sy_xw .n_r{background-color:#f7f7f7; overflow:hidden;}
.sy_xw .t_p{overflow:hidden; position:relative;}
.sy_xw .t_p img{width:100%; height:200px; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s; border:#d7d7d7 1px solid}

.sy_xw .t_p span{width:130px; height:36px; background-color:rgba(0,0,0,.5); font-size:15px; font-weight:bold; line-height:36px; color:#fff; text-align:center; position:absolute; bottom:0; left:0;}
.sy_xw .w_z{padding:10px 10px 5px; text-align:center}
.sy_xw .w_z h3{font-size:16px; font-weight: normal; line-height:26px; color:#333; 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;}

@media only screen and (max-width:992px){
.sy_xw{padding:0;}
.sy_xw .xw_tj .swiper-xw{padding-bottom:20px;}
.sy_xw .w_z h3{font-size:14px; font-weight: normal; line-height:26px; color:#333; 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_xw .t_p img{width:100%; height:200px; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s; border:#d7d7d7 1px solid}
}



.shangm{ height:auto; overflow:hidden; width:1200px; margin:50px auto 0}
#preview{ float:left; margin:20px 0; text-align:center; width:550px;}
.jqzoom{ width:500px; height:367px; position:relative; border:#ccc 1px solid}
.jqzoom img{ width:498px; height:365px}
.zoomdiv{ left:859px; height:500px; width:500px;}
.list-h li{ float:left;}
#spec-n5{width:500px; height:90px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:0px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:0px;}
#spec-list{ width:525px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:95px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:80px; height:80px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:80px;height:80px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:472px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}

@media only screen and (max-width:992px){
.shangm{ height:auto; overflow:hidden; width:96%; margin:0 auto}
#preview{ float:none; margin:20px  auto; text-align:center; width:350px;}
.jqzoom{ width:350px; height:257px; position:relative; border:#ccc 1px solid}
.jqzoom img{ width:348px; height:255px}
.zoomdiv{ left:859px; height:500px; width:500px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:90px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:0px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:0px;}
#spec-list{ width:322px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:95px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:80px; height:80px;}

}

.kc_zc .zc_gy{padding:25px 20px; background-color:#fff; margin-bottom:20px; color:#777; overflow:hidden; border-top:#ccc 1px dashed}
.kc_zc .zc_gy span.s_p{float:left;}
.kc_zc .zc_gy span.x_p{float:right;}
.tutu{ text-align:center}
.tutu img{ margin:0 auto}
.kc_zc{ width:100%; height:auto; overflow:hidden}
.kc_zc .zc_gy .wz_nr{padding:15px 0;}
.kc_zc .zc_gy .wz_bt{text-align:center; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #e7e7e7;}
.kc_zc .zc_gy .wz_bt h1{font-size:23px; line-height:36px; color:#333; font-weight:bold; margin-bottom:10px;}
.kc_zc .zc_gy .wz_bt span{padding:0 20px; line-height:28px;}
.kc_zc .zc_gy .wz_js{line-height:32px; color:#333; font-size:16px}
.kc_zc .zc_gy .wz_js img{max-width:100% !important; height:auto; display:block;}
@media only screen and (max-width:992px){
.kc_zc .zc_gy{padding:0px; background-color:#fff; margin-bottom:10px; color:#777; overflow:hidden; border-top:#ccc 1px dashed; padding-top:10px}
.kc_zc .zc_gy span.s_p{float:none; width:100%; display:block; line-height:30px}
.kc_zc .zc_gy span.x_p{float:none; width:100%; display:block; line-height:30px}
.kc_zc .zc_gy .wz_nr{padding:10px 0;}
.kc_zc .zc_gy .wz_bt{text-align:center; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #e7e7e7;}
.kc_zc .zc_gy .wz_bt h1{font-size:16px; line-height:36px; color:#333; font-weight:bold; margin-bottom:0px;}
.kc_zc .zc_gy .wz_bt span{padding:0 5px; line-height:28px; font-size:12px}
.kc_zc .zc_gy .wz_js{line-height:24px; color:#333; font-size:14px}
	
	
}
.gywm{ width:1200px; margin:0 auto 50px; height:auto; overflow:hidden}
.gywm .zb{ width:50%; float:left}
.gywm .zb img{ width:100%}
.gywm .yb{width: 50%;
  float: left;
  background-color: #dc0000;
  padding: 30px;
  box-sizing: border-box;
  color: #fff;
  height: 260px;}
.gywm .yb img{ width:100%}
.bj1{ background:url(../images/culture11.png); height:232px; margin-top:-16px; z-index:99; position:relative; padding:37px 40px 40px;box-sizing:border-box  ; color:#fff}
.gywm .yb h1{ font-size:24px; margin-bottom:15px}
.gywm .yb p{ font-size:14px; line-height:30px}
.gywm .zb1{ width:50%; float:left; background-color: rgba(45, 45, 45, 1); padding:30px;box-sizing:border-box; color:#fff; height:260px ; }
.gywm .zb1 h1{ font-size:24px; margin-bottom:15px}
.gywm .zb1 p{ font-size:14px; line-height:36px}
.gywm .yb1{ width:482px; float: right; background:#dc0000;padding:30px;box-sizing:border-box; height:260px; color:#fff; text-align:center}
.gywm .yb1 li{ display:inline-block; text-align:center; width:33.33%; padding-top:50px}
.gywm .yb1 li a p{ color:#fff; line-height:40px; margin-top:10px}
.ck_gd1{width:160px; height:40px;  text-align:center; font-size:14px; color:#fff; line-height:38px; display:block;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s; margin:0 ; margin-top:15px;border-radius: 20px; background:#dc0000}
@media only screen and (max-width:992px) {
.gywm{ width:100%; margin:0 auto; height:auto; overflow:hidden}
.gywm .yb h1 {
  font-size: 18px;
  margin-bottom: 15px;
}
.gywm .yb p {
  font-size: 12px;
  line-height:24px;
}
.gywm .zb{ width:100%; float:none}
.gywm .zb img{ width:100%}
.gywm .yb{ width:100%; float: right; padding:20px}
.bj1{ background:url(../images/culture11.png); height:232px; margin-top:-16px; z-index:99; position:relative; padding:37px 20px 20px;box-sizing:border-box  ; color:#fff}
.bj1 h1{ font-size:16px; margin-bottom:10px}
.bj1 p{ font-size:12px; line-height:24px}
.gywm .zb1{ width:100%; float:none; background-color: rgba(45, 45, 45, 1); padding:20px;box-sizing:border-box; color:#fff; height: auto ; margin-top:10px }
.gywm .zb1 h1{ font-size:18px; margin-bottom:15px}
.gywm .zb1 p{ font-size:12px; line-height:24px}
.gywm .yb1{ width:100%; float: none; background:#dc0000;padding:20px;box-sizing:border-box; height: auto; color:#fff; text-align:center}
.gywm .yb1 li{ display:inline-block; text-align:center; width:33.33%; padding-top:10px}

}


.ck_gd1:hover{background-color:#da2127; color:#FFF;}
@media only screen and (max-width:640px) {
.ck_gd1{width:120px; height:30px; font-size:12px; line-height:30px;}
}


.ck_gd2{width:160px; height:40px;  text-align:center; font-size:14px; color:#fff; line-height:38px; display:block;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s; margin:0 ; margin-top:35px;border-radius: 20px; background:#da2127}
.ck_gd2 a{ color:#fff}

@media only screen and (max-width:640px) {
.ck_gd2{width:110px; height:30px; font-size:12px; line-height:30px;margin-top:25px;}
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.index .floor_2_main {
	width: 100%;
}
.index .floor_2_main .floor_2 {
	padding: 80px 0;
}
.index .youshi .item {
	padding-bottom: 60px;
	position: relative;
	padding-top: 64px;
}
.index .youshi .item .tit {
	width: 194px;
	position: relative;
}
.index .youshi .item .tit img {
	width: 170px;
	height: 330px;
	display: block;
}
.index .youshi .item .tit h3 {
	font-size: 18px;
	text-transform: uppercase;
	position: absolute;
	left: 134px;
	top: 34px;
}
.index .youshi .item .txt {
	padding-top: 78px;
	width: 502px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.index .youshi .item .txt h2 {
	font-size: 30px;
	font-weight: bold;
	color: #116ab3;
	line-height: 32px;

}
.index .youshi .item .txt h4 {
	display: block;
	line-height: 20px;
}
.index .youshi .item .txt .desc {
	padding-top: 20px;
}
.index .youshi .item .txt .cha {
	font-size: 18px;
	width: 200px;
	height: 54px;
	line-height: 54px;
	display: block;
	border: 2px solid #116ab3;
	text-align: center;
	color: #116ab3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 34px;
}
.index .youshi .item .txt .cha:hover {
	background: #116ab3;
	color: #fff;
}
.index .youshi .item .img {
	position: absolute;
	right: -80px;
	top: 0;
}
.index .youshi .item .img img {
	max-width: 530px;
	display: block;
}
.index .youshi .item.it2 {
	padding-left: 490px;
}
.index .youshi .item.it2 .img {
	right: auto;
	left: 0;
}
.index .youshi .item:hover .txt {
	-webkit-transform: translate3d(0, -6px, 0);
	transform: translate3d(0, -6px, 0);
}
.icon {
	vertical-align: middle;
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
}
.floor_3_main {
	background: url(../images/bn_bj.jpg) repeat center top;
	height: 150px; overflow:hidden
}
.floor_3_main .title2 {
	width: 25%;
	height: 78px;
	border-right: 1px solid rgba(255,255,255,.3);
	margin-top: 38px;
	color: #fff;
}
.floor_3_main .title2 h3 {
	font-size: 26px;
}
.floor_3_main .title2 h3 i {
	font-size: 18px;
	display: inline-block;
}
.floor_3_main .title2 p {
	font-size: 30px;
	font-family: "AvantGardeITVbyBT Book", arial;
	padding-top: 16px;
}
.floor_3_main .title2 p em {
	width: 26px;
	height: 28px;
	display: inline-block;
	background-position: 0 -110px;
	margin-right: 18px;
}
.floor_3_main .liuc {
	width: 75%;
	overflow: hidden;
	color: #fff;
	padding-top: 38px;
}
.floor_3_main .liuc .list {
	width: 100%;
}
.floor_3_main .liuc li {
	float: left;
	width: 16.6%;
}
.floor_3_main .liuc li p {
	width: 80px; margin:0 auto;
	text-align: center;
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.floor_3_main .liuc li p img {
	max-width: 100%;
	display: block;
	margin: 0 auto 12px;
	height: 44px;
}
.floor_3_main .liuc li .jt {
	width: 42px;
	height: 44px;
	float: left;
	display: block;
	background: url(../images/jtou1.png) no-repeat center;
}
.floor_3_main .liuc li:hover p {
	animation: flipInY 1.2s ease-out forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards;
}

.bt1{ display:inline-block; margin:0 auto;  text-align:center; margin-bottom:30px; text-align:center; position:relative; display: flex;   justify-content:center;   align-items: center;text-transform:uppercase }
.bt1 h3{font-size:30px; font-weight:normal; color:#444; padding:0 20px; font-weight:550}
.bt1 h3 span{ display:block; font-size:14px; color:#808080; font-weight:normal; padding-top:10px}

.bt1 img{ width:77px; height:auto}

@media only screen and (max-width:768px){
	
.bt1 h3{font-size:20px; font-weight:normal; color:#444; padding:0 20px; font-weight:550}
.bt1 h3 span{ display:block; font-size:12px; color:#808080; font-weight:normal; padding-top:5px}
.floor_3_main{ height:120px}
.floor_3_main .title2{ display:none}	
.floor_3_main .liuc { width:100%}	
.floor_3_main .liuc li p { width:60px; font-size:12px}
.floor_3_main .liuc{padding-top: 28px; }
}
.more a{ display:block; margin:0 auto; background:#dc0000; border-radius:7px;   width:160px; line-height:45px;  font-size:14px; color:#fff; transition:all 0.6s; text-align:center; margin-top:30px}
.more a img{ width:21px; height:auto; vertical-align:middle}
.more a:hover{ transform:translateY(-10px); transition:all 0.6s}

.more1 a{ display:block; margin:0 ; background:#dc0000; border-radius:7px;  width:160px; line-height:45px;  font-size:14px; color:#fff; transition:all 0.6s; text-align:center; margin-top:30px}
.more1 a img{ width:21px; height:auto; vertical-align:middle}
.more1 a:hover{ transform:translateY(-10px); transition:all 0.6s}

@media only screen and (max-width:768px){
	
.more a{ display:block; margin:0 auto;    width:120px; line-height:35px;  font-size:13px; color:#fff; transition:all 0.6s; text-align:center; margin-top:30px}
.more a img{ width:16px; height:auto; vertical-align:middle}

.more1 a{ display:block; margin:0 ;    width:120px; line-height:35px;  font-size:13px; color:#fff; transition:all 0.6s; text-align:center; margin-top:30px}
.more1 a img{ width:16px; height:auto; vertical-align:middle}
.more1 a:hover{ transform:translateY(-10px); transition:all 0.6s}
	
	
}
.chanpin{}
.kc1{ width:100%;   margin:0px auto; position:relative}
.kclb{ width:100%; margin:0 auto; }


.kclb .swiper-slide{ width:100%; height:auto;}

.kclb .swiper-slide i{ display:block; width:100%; height:auto; border:#eee 5px solid; box-sizing:border-box; position:relative}
.kclb .swiper-slide i img{ width:100%; height:270px;}


.kclb .swiper-slide:hover i{ border:#dc0000 5px solid; box-shadow: 0px 0px 15px rgba(195,195,195,0.75);}




.kclb .swiper-slide :hover i img{
	 }



.kclb .swiper-slide p{ display:block; font-size:16px; text-align:center; margin-top:15px; color:#303030}



.kc1 .swiper-button-next{ right:-60px; background:url(../images/r.png) center no-repeat; background-size:30px auto; width:40px; height:40px; border:#ccc 1px solid; border-radius:50px}
.kc1 .swiper-button-prev{ left:-60px; background:url(../images/l.png) center no-repeat; background-size:30px auto; width:40px; height:40px;border:#ccc 1px solid;border-radius:50px}


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

	.chanpin{ padding: 0; }
	.kclb .swiper-slide{ width:100%; height:auto;padding:0px 0}
}

@media only screen and (max-width:768px){
	
	.kclb .swiper-slide p{ font-size:12px; margin-top:10px}
	
	.chanpin{  background-size:100% auto;}

.kc1 .swiper-button-next{ right:-10px; background:url(../images/r.png) center no-repeat; background-size:18px auto; width:25px; height:25px; border:#ccc 1px solid; border-radius:50px}
.kc1 .swiper-button-prev{ left:-10px; background:url(../images/l.png) center no-repeat; background-size:18px auto; width:25px; height:25px;border:#ccc 1px solid;border-radius:50px}
	
}


@media only screen and (max-width:400px){
.kclb .swiper-slide i{ width:90%; margin:0 auto}
	
}


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

.sba{ width:100%; height:auto;  margin:0 auto; overflow:hidden; text-align:center}
.sba video{ width:100%; height:auto; margin:0 auto}

.ny_xqlb ul{display: flex; flex-wrap:wrap;}
.ny_xqlb ul li { width:32%; margin-right:2%;  margin-bottom:15px; text-align:center }
.ny_xqlb ul li:nth-child(3n){margin-right:0; }
.ny_xqlb ul li h3{ font-size:16px; color:#333; margin-top:15px}
.ny_xqlb ul li .sppic{ display:block; width:100%; padding-bottom:67%; position:relative; overflow:hidden;  border:rgba(255,255,255,.5) 5px solid}
.ny_xqlb ul li .sppic img{ position:absolute; width:100%; height:100%; left:0; top:0; transition:all 0.6s; opacity:0.8}
.ny_xqlb ul li:hover .sppic img{ transform:scale(1.05,1.05); transition:all 0.6s}
.ny_xqlb ul li .sppic:before{content: "\e63f";font-family: "iconfont"; position:absolute; color:#fff; width:40px; line-height:40px; text-align:center;z-index:9; border-radius:50px; left:50%; top:50%; transform:translate(-50%,-50%); font-size:40px}
.tanchu {width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; position: fixed; top:50%; left:50%; z-index:99; transform:translate(-50%,-50%)}
.tanchu .gb {top:20px; right:20px; cursor:pointer; position:absolute; z-index:999;}
.tanchu .wz { width:90%; height:auto; background:#fff; text-align:center; left:50%; top:50%; max-width:800px; position:absolute; padding:40px 50px; transform:translate(-50%,-50%);-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; z-index:999 }
.tanchu .wz h1{ display:block; font-size:20px; margin-bottom:20px}
.tanchu .kong{ position:absolute; width:100%; height:100%; z-index:100}


.fuwu{ width:96%; margin:0 auto; max-width:1440px; padding:120px 0;overflow:hidden; display: flex; flex-wrap:wrap; justify-content:flex-end; position:relative; }
.fuwu .about{ width:50%; display: flex; flex-wrap:wrap;justify-content:flex-end; position:relative; z-index:1}
.fuwu .about p{ display:block; width:80%; text-align:right}
.ditu{ position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0; width:100%; max-width:900px; height:auto; z-index:0}
.ditu img{ width:100%; height:auto; }
@media only screen and (max-width:1200px){
.fuwu{ padding:60px 0}
}

@media only screen and (max-width:992px){
.ny_xqlb ul li { width:48%; margin:0 1%;  margin-bottom:15px; text-align:center }
.shipin{ padding:20px 0; }
.tanchu .wz { padding:15px}
.tanchu .wz h1{ display:block; font-size:14px; margin-bottom:10px}
}

@media only screen and (max-width:768px){
.fuwu{ padding:0}
.ditu{ position:static; top:auto; transform:none;}
.fuwu .about{ width:100%}
.fuwu .about p{ display:block; width:100%;}

.ny_xqlb ul li .sppic:before{width:20px; line-height:20px; text-align:center;   font-size:24px}

}
.syAbout{ height:auto; overflow:hidden; padding:70px 0 75px;  }

.syAbout .container {
  position: relative; 
}

.syAbout .abYs {
  position: absolute;
  left: -96px;
  bottom: -480px;
}
.syAbout main {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.syAbout .leftBox {
  width: 37%; float:left
}
.syAbout .leftBox  img{ width:100%}
.syAbout .rightBox {
  width: 58%; float: right;background: url(../images/about-bj.png) no-repeat right center ; margin-top:30px
 

}
.syAbout .rightBox .bt {
  font-size: 22px;
  letter-spacing: 10px;
  margin-bottom: 40px;
}
.syAbout .rightBox .nr {
  font-size: 16px;
  line-height: 32px;
  color: #555; min-height:270px
}


.syTitle h1{font-size:30px; font-weight:normal; color:#444; font-weight:550}
.syTitle span{ display:block; font-size:14px; color:#808080; font-weight:normal; padding-top:5px; text-transform:uppercase; margin-bottom:25px}


@media only screen and (max-width:768px){
.syAbout{ height:auto; overflow:hidden; padding:20px 0 25px;  }
.syAbout .leftBox {
  width: 70%; float:none; margin:0 auto
}
.syAbout .leftBox  img{ width:100%}
.syAbout .rightBox {
  width:100%; float: none;background: url(../images/about-bj.png) no-repeat right center ;
}

.syAbout .rightBox .bt {
  font-size: 20px;
  letter-spacing: 10px;
  margin-bottom: 20px;
}
.syAbout .rightBox .nr {
  font-size: 14px;
  line-height:26px;
  color: #555; min-height:270px
}

.syTitle h1{font-size:20px; font-weight:normal; color:#444; font-weight:550}
.syTitle span{ display:block; font-size:12px; color:#808080; font-weight:normal; padding-top:5px; text-transform:uppercase; margin-bottom:15px}


}
.bai{ height:auto; overflow:hidden; padding:70px 0}
.lx1{ width:96%; margin:0 auto; max-width:1300px}
.lx1 ul li{ float:left; width:32%; margin-right:2%;   text-align: center;
    box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
    padding: 40px; box-sizing:border-box; transition:all 0.6s


}
.lx1 ul li:hover{ background:#dc0000; color:#fff; transition:all 0.6s}
.lx1 ul li:hover p{ color:#fff}
.lx1 ul li:last-child { margin-right:0;}

.lx1 ul li i{
	display:block;
width: 85px;
    height: 85px;
    background: #dc0000;
    line-height: 85px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
	font-size:35px;
	color:#fff

}
.lx1 ul li:hover i{ background:#fff; color:#dc0000}
.lx1 ul li h3 {
    font-size: 23px;
    font-weight: 500;
    margin: 30px 0 10px;
}
.lx1 ul li p{
	 font-size: 15px;
    color: #4f555a;
    line-height: 25px;

	
 }
@media only screen and (max-width:768px){
.bai{ height:auto; overflow:hidden; padding:20px 0}
	
.lx1 ul li{ float:left; width:100%; margin-right:0;   text-align: center;
    box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
    padding: 20px; box-sizing:border-box; transition:all 0.6s


}
.lx1 ul li i{
	display:block;
width: 55px;
    height: 55px;
    background: #dc0000;
    line-height: 55px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
	font-size:35px;
	color:#fff

}

.lx1 ul li h3 {
    font-size:16px;
    font-weight: 600;
    margin: 10px 0 10px;
}
.lx1 ul li p{
	 font-size: 13px;
    color: #4f555a;
    line-height: 25px;

	
 }
}

.sy_xw1{width:100%; padding:60px 0 50px; overflow:hidden; background:url(../images/syProductBj.jpg)}
.sy_xw1 .t_p{overflow:hidden;}
.sy_xw1 .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.sy_xw1 .tw_nr: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);}
.sy_xw1 .w_z h3{font-size:16px; font-weight:bold; line-height:28px; margin-bottom:6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw1 .tw_nr:hover .w_z a{color:#dc0000;}
.sy_xw1 .x_w ul li:hover .w_z a{color:#dc0000;}
.sy_xw1 .tw_nr{background-color:#fff; padding:25px 20px;}
.sy_xw1 .tw_nr .w_z{margin-top:15px;}
.sy_xw1 .tw_nr .w_z .s_j{font-size:14px; margin-bottom:5px;}
.sy_xw1 .tw_nr .w_z p{line-height:24px; height:48px; color:#888; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical; font-size:14px}
.sy_xw1 .x_w .row{margin:0 -30px; display:flex; align-items:center; justify-content:space-between;}
.sy_xw1 .x_w .col-3{padding:0 30px;}
.sy_xw1 .x_w .col-9{padding:0 30px; border-left:1px solid #ddd;}
.sy_xw1 .x_w .r_q{text-align:center; color:#777; line-height:24px;}
.sy_xw1 .x_w .r_q strong{font-size:20px; color:#333; display:block; line-height:32px;}
.sy_xw1 .x_w ul li{margin-bottom:27px; padding:25px 30px; background-color:#fff;}
.sy_xw1 .x_w .w_z p{line-height:24px; height:48px; color:#888; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical; font-size:14px}
@media only screen and (max-width:992px){
.sy_xw1{padding:20px 0 10px;}
.sy_xw1 .w_z h3{font-size:15px; line-height:26px; margin-bottom:0}
.sy_xw1 .tw_nr{margin-bottom:10px;padding: 10px;}
.sy_xw1 .tw_nr .w_z{margin-top:10px;}
.sy_xw1 .tw_nr .w_z .s_j{font-size:12px; margin-bottom:0;}
.sy_xw1 .tw_nr .w_z p{font-size:14px; line-height:22px; height: auto;}
.sy_xw1 .x_w .row{margin:0 -15px;}
.sy_xw1 .x_w .col-3{padding:0 15px;}
.sy_xw1 .x_w .col-9{padding:0 15px;}
.sy_xw1 .x_w .r_q{line-height:30px;}
.sy_xw1 .x_w .r_q strong{font-size:16px; line-height:26px;}
.sy_xw1 .x_w ul li{margin-bottom:10px; padding:10px;}
.sy_xw1 .x_w .w_z{padding-left:5px;}
.sy_xw1 .x_w .w_z p{font-size:14px; line-height:22px; height: auto;}
}


.cc_lb{ }
 .cc_lb table{width:100%; background-color:#fff; border-collapse:collapse; border:1px solid #ddd;}
.cc_lb table td{padding:15px 10px; text-align:center; border:1px solid #ddd;}
.cc_lb table td.tb_hd{background-color:#349a46; color:#fff;}

.xswl {}
.xswl .zb2{ float:left; width:50%}
.xswl .zb2 h1{ font-size:28px; margin-bottom:20px; font-weight:bold; color:#000}
.xswl .zb2 p{ font-size:16px; line-height:36px; color:#191919}
.xswl .yb2{ float:right; width:40%}
.xswl .yb2 img{ width:100%}

@media only screen and (max-width:992px){
	.xswl { margin-top:20px}
.xswl .zb2 h1{ font-size:18px; margin-bottom:20px; font-weight:bold; color:#000}
.xswl .zb2{ float:left; width:100%}
.xswl .yb2{ float:right; width:100%}	
.xswl .zb2 p{ font-size:14px; line-height:24px; color:#191919}
	
}