/* CSS Document */

body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"微软雅黑"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}


.head{ width:100%; padding:0px 0;}
.contain{ width:1200px; margin:0 auto}
.logo{ float:left; margin:20px 0}
.logo img{ height:50px; width:auto}




.fullSlide{width:100%;position:relative;height:600px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:600px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:2px;margin:3px;overflow:hidden; background:#fff;line-height:999px;}
.fullSlide .hd ul .on{background:#e62129;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../image/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}


.bt1{ text-align:center; margin-bottom:20px; position:relative; height:60px; padding-top:10px;}
.bt1 h3{font-size:28px; color:#333; font-weight:bold; z-index:1; position:relative }
.bt1 span{ position:absolute; color:rgba(60,60,60,0.1);left:0; font-size:40px; font-style:normal; top:0; z-index:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center; width:100%; }
.bt1 em{ display:block; width:40px; height:3px; background:#e62129; margin:5px auto;z-index:1; position:relative}


.fuwu{ width:1200px; margin:60px auto; overflow:hidden}
.fuwu ul li{ float:left; width:20%; text-align:center;}
.fuwu ul li i{ display:block; text-align:center}
.fuwu ul li i img{ height:80px; width:auto; transition:all 0.6s}
.fuwu ul li:hover i img{ transform:translateY(10px); transition:all 0.6s}
.fuwu ul li h3{ font-size:20px; line-height:40px}
.fuwu ul li  p{ color:#ccc; font-size:14px}
.fuwu ul li a{ color:#333}

.m1{ background:#f8f8f8; padding:50px 0;  overflow:hidden}
.guanyu{ width:1200px; margin:30px auto;overflow:hidden}

.js1{ float:right; width:550px; height:367px; overflow:hidden}
.js1 img{ width:550px; height:367px; transition:all 0.6s}
.js1 a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}


.js2{ float:left; width:600px;}
.js2 h1{ display:block; font-size:18px; color:#e62129; box-sizing:border-box; height:60px; position:relative; z-index:1; }
.js2 h1 em{ display:block;color:#fff; left:0; font-size:30px; font-style:normal; font-family:Arial, Helvetica, sans-serif}


.js2 p{ display:block; margin:20px 0; font-size:14px; line-height:30px; color:#fff;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow:hidden}
.js2 span a{ display:block; margin-top:20px; border:#e62129 1px solid; background:#e62129;color:#fff; font-size:14px; line-height:35px; text-align:center; width:140px; transition:all 0.6s}
.js2 span a:hover{ transform:translateY(-10px); transition:all 0.6s}






.yingyong {width:1200px; margin:50px auto; overflow:hidden}
.yingyong ul{ position:relative; margin:0 -10px}
.yingyong ul li{ float:left; width:33.33%; padding:0 10px; margin-bottom:20px; box-sizing:border-box; position:relative}

.yingyong ul li i{ display:block; width:100%; height:257px;  position:relative; overflow:hidden; background:#000}
.yingyong ul li i img{ width:100%; height:257px; transition:all 0.6s}
.yingyong ul li:hover i img{ opacity:0.5; transform:scale(1.1,1.1); transition:all 0.6s }
.yingyong ul li p{ display:block; position:absolute; bottom:0; left:10px; width:calc(100% - 20px); background:rgba(0,0,0,0.6); text-align:center; color:#fff; font-size:16px;  line-height:40px; transition:all 0.6s; text-transform:uppercase}
.yingyong ul li p em{ display:block; font-style:normal; font-size:12px; border:#fff 1px solid; width:90%; max-width:100px; margin:0 auto; margin-top:10px; line-height:25px; display:none;}
.yingyong ul li:hover p em{ display:block}

.yingyong ul li:hover p{ bottom:50%; transform:translateY(50%); background:none; transition:all 0.6s}


.lan{ background:url(../image/bg1.jpg) center no-repeat;background-attachment: fixed; background-attachment: fixed; background-size:100%  auto; padding:40px 0; overflow:hidden}
.lan .bt1 h3{ color:#fff;  }
.lan .bt1 span{  color:rgba(255,255,255,0.1); }
.lan .bt1 em{  background:#fff; }


.more{ text-align:center; border:#e62129 1px solid; width:140px; line-height:35px; margin:0 auto; margin-top:20px }
.more a{ display:block; color:#e62129; transition:all 0.6s}
.more a:hover{ background:#e62129;color:#fff;transition:all 0.6s}

.cpxw { width:1200px; margin:0px auto;}

.cpxw ul{ position:relative; width:1220px}
.cpxw ul li{ float:left; width:285px; margin-right:20px; background:#fff; height:360px; padding:0px; box-sizing:border-box; }
.cpxw ul li i{ display:block; width:285px; height:214px; overflow:hidden}
.cpxw ul li i img{ width:285px; height:214px; transition:all 0.6s}
.cpxw ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}
.cpxw ul li span{ display:block; margin:0 15px; color:#888; margin-top:10px;}

.cpxw ul li span img{ height:15px; width:auto; vertical-align:middle; padding-right:5px}
.cpxw ul li h3{ display:block; margin:10px 15px; font-size:14px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap;  }
.cpxw ul li p{ display:block; margin:0 15px; color:#666; font-size:12px; line-height:23px; height:46px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
.cpxw ul li h3 a:hover{ color:#019ee5}




.kehu{ width:1200px; margin:40px auto; overflow:hidden}
.kehu ul li{ float:left; width:240px; border:#f0f0f0 1px solid; text-align:center; box-sizing:border-box}
.kehu ul li:hover{ border:#e62129 1px solid}
.kehu ul li i{ display:block; width:240px; height:100px; position:relative;  overflow:hidden}
.kehu ul li i img{position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%}






.foot{ background:#333;}
.foot1{ width:1200px; margin:0 auto; padding:25px 0; overflow:hidden}
.dlogo{ float:left; border-right:#888 1px solid;  padding:20px 0; padding-right:30px; margin-right:30px}
.dlogo img{ height:80px; width:auto}

.link{ float:right}
.link ul li{ margin-left:65px; float:left}
.link ul li h3{ display:block; color:#fff; font-size:16px;  margin-bottom:15px; font-weight:normal}
.link ul li  p { display:block; line-height:30px;  color:#888; font-size:12px; }
.link ul li  p a{ display:block; line-height:30px;  color:#888;}
.link ul li  p a:hover{color:#fff}

.lx{ float:left; }
.lx h3{display:block;  color:#fff; font-size:16px;  margin-bottom:15px; }
.lx p{display:block; line-height:30px;color:#999;font-size:14px}


.erweima{ float:right; display:block; width:120px; text-align:center; line-height:25px; color:#fff; }
.erweima img{ width:120px; height:auto}


.foot2{  border-top:#444 1px solid; padding:15px 0; line-height:25px; font-size:14px; text-align:center; color:#fff}





.side{position:fixed;width:50px;right:0;top:50%;margin-top:-200px;z-index:100;border-bottom:0}
.side ul li{width:50px;height:50px;float:left;position:relative; margin-bottom:5px;background:#e62129;color:#333; border-radius:10px;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f4434a;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:50px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 20px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../image/kf2.png)}
.side ul li i.bgs3{background-image:url(../image/kf3.png)}
.side ul li i.bgs4{background-image:url(../image/kf1.png)}
.side ul li i.bgs6{background-image:url(../image/kf4.png)}

.side ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:200px; height:200px;display:none;text-align:center;position:absolute;left:-220px;top:0; background:#fff;  color:#f4434a; border:#f4434a 1px solid; border-radius:10px; box-sizing:border-box; }
.side ul li.sideewm .ewBox.son img{ width:140px; height:auto}
.side ul li.sideetel .telBox.son{width:200px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-220px;top:0;background:#fff;   padding:20px; color:#f4434a; border:#f4434a 1px solid; border-radius:10px; box-sizing:border-box;}
.side ul li:hover .son{ position:relative; background:none;}
.side ul li:hover .son:after{ content:"▲"; font-size:20px; position:absolute; right:-18px; top:10px; background:none; transform:rotate(90deg);}

.side ul li.sideetel .telBox  span{display:block;overflow:hidden; font-size:14px; line-height:25px}

.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}



.nbanner{ width:100%; font-size:0; height:350px; overflow:hidden; position:relative}
.nbanner img{ height:350px; width:auto; position:absolute; left:50%; transform:translateX(-50%); top:0}



.ywlb{ width:1200px; margin:40px auto;}
.nbt{ text-align:center; font-size:30px; margin:40px auto;}
.ywlb ul li{ margin-bottom:50px; overflow:hidden}
.ywlb ul li .ywpic{ float:left; width:500px; overflow:hidden}
.ywlb ul li .ywpic img{ width:100%; height:auto; transition:all 0.6s}
.ywlb ul li .ywpic a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.ywlb ul li .ywzi{ float:left; width:700px; padding:30px; box-sizing:border-box}
.ywlb ul li .ywzi h3{ display:block; font-size:16px; color:#e62129}
.ywlb ul li .ywzi h3 a{ color:#e62129}
.ywlb ul li .ywzi p{ display:block; font-size:14px; line-height:25px; color:#888; margin:15px 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow:hidden}
.ywlb ul li .ywzi span a{ display:block; width:120px; line-height:30px; text-align:center; border:#e62129 1px solid; color:#e62129;transition:all 0.6s}
.ywlb ul li .ywzi span a:hover{ background:#e62129; color:#fff; transition:all 0.6s}

.ywlb ul li:nth-child(2n) .ywpic{ float:right}


.weizhi{ width:1200px; margin:0 auto; font-size:14px; line-height:60px; color:#888}

.hui{ background:#f8f8f8; padding:0px 0; overflow:hidden}
.nmain{ width:1200px; margin:0px auto; background:#fff; margin-bottom:40px; padding:30px; box-sizing:border-box}

.nnbt{ font-size:25px; text-align:center; color:#333; border-bottom:#e1e1e1 1px solid; padding-bottom:20px; margin-bottom:20px}

.cpxq{ font-size:14px; line-height:25px; color:#666}
.cpxq h3{ display:block; border-left:#e62129 5px solid; font-size:16px; color:#333; padding-left:10px; margin:15px 0}
.cpxq img{ max-width:100%; height:auto}