@charset "utf-8";
/* CSS Document */

body{ margin:0px;}
.top{ height:100px; text-align:left;}
.topa{ background:#262626; color:#FFF; font-size:14px; line-height:40px;}
.topa span{ float:right;}
.menu{ width:100%; height:92px; background:#ffffff; max-width:1200px; margin:auto;}
.menu img{ float:left; margin:10px 0;}
.menu ul{ width:600px; float:right; height:92px; overflow:hidden; margin:0px; padding:0px; list-style:none;}
.menu li{ float:left; width:100px; height:92px;}
.menu li a{ display:block; color:#262626; text-align:center; font-size:16px; padding:20px 0;}
.menu li a span{ color:#999; font-size:10px; line-height:30px; display:block;}
.menu li a:hover{ display:block; color:#FFF; text-align:center; background:#e10100; opacity:1; padding:25px 0;}
.menu li a:hover span{ color:#FFF;}
.pingzhi{ width:100%; max-width:1200px; margin:auto;}
.pingzhi h1{ color:#535353; font-size:50px; font-weight:300; width:400px; text-align:center; background:url(image/btbg.png) center top repeat-x; margin:20px auto;}
.pingzhi h1 span{ font-size:16px; display:block; line-height:50px; color:#999999;}
.pingzhi li{ font-size:14px; width:21%; margin:20px 1%; background:#f5f5f5; float:left; text-align:center; padding:30px 1%; color:#979797;transition: 0.5s;}
.pingzhi li p{ font-size:16px; color:#4d4d4d;}
.pingzhi li .b{ display:none;}
.pingzhi li .a{ display:block; margin:auto;}
.pingzhi li:hover{ background:#d92026; cursor:pointer; color:#FFF;}
.pingzhi li:hover p{ color:#FFF;}
.pingzhi li:hover .b{ display:block; margin:auto;}
.pingzhi li:hover .a{ display:none;}


.pro{ width:100%; max-width:1200px; margin:auto;}
.pro h1{ color:#535353; font-size:50px; font-weight:300; width:400px; text-align:center; background:url(image/btbg.png) center top repeat-x; margin:20px auto;}
.pro h1 span{ font-size:16px; display:block; line-height:50px; color:#999999;}
.pro li{ width:23%; margin:10px 1%; float:left; height:250px; overflow:hidden;}
.pro li img{ display:block; min-width:100%; height:250px;}
.pro li a{ display:block; height:150px; margin-top:-250px;opacity:0; position:relative; width:100%; text-align:center; z-index:1; background:url(image/aa.png); padding-top:100px;transition: 0.5s;}
.pro li:hover a{ display:block; height:150px; position:relative;opacity:1; margin-top:-250px; width:100%; text-align:center; z-index:1; cursor:pointer; color:#FFF; padding-top:100px;transform: translate(0,0); transition:all .3s ease-in 0s;}

.prolist{ width:100%; max-width:1178px; margin:10px auto; background:#f8f8f8; display:none;}
.prolist ul{ margin:auto; width:auto;}
.prolist li{ width:120px; text-align:center; float:left; padding:10px;}
.prolist li img{ width:80px; height:80px; border-radius:40px; display:block; margin:auto;}
.prolist li a{ font-size:16px; line-height:40px;}

.anlimore{ margin:20px auto;}
.anlimore a{ width:150px; margin:auto; border:1px solid #CCC; display:block; line-height:35px; color:#999; text-align:center;}


.seji { background:#f5f5f5; padding:20px 0;}
.seji h1{ color:#535353; font-size:50px; font-weight:300; width:400px; text-align:center; background:url(image/btbg.png) center top repeat-x; margin:20px auto;}
.seji h1 span{ font-size:16px; display:block; line-height:50px; color:#999999;}
.seji ul{ width:100%; max-width:1200px; margin:auto;}
.seji ul li{ width:23%; margin:10px 1%; background:#FFF; float:left;}
.seji ul li img{ display:block; width:100%;}
.seji ul li h3{ border-bottom:1px solid #CCC; width:120px; margin:10px 20px; line-height:40px; font-weight:200;}
.seji ul li p{ margin:0px 20px; padding-bottom:15px;}
.seji ul li a{ display:block; color:#535353; font-size:16px;}
.seji ul li a:hover{ background:#d92026; color:#FFF;}

.about{ width:100%; max-width:1200px; margin:30px auto; color:#353535; font-size:14px; line-height:30px;}
.about img{ float:left; margin-right:20px;}
.about a{ display:block;}
.contact{ width:100%; max-width:1200px; margin:auto;}
.cconwk{ float:right; width:520px; border:3px solid #f5f5f5; height:150px; padding-left:200px; background:url(image/dh.jpg) right no-repeat; margin-top:-30px; z-index:-1; margin-bottom:20px;}
.cconwk img{ float:right;}


.wk{ width:100%; max-width:1200px; margin:auto;}

.new{ float:right; width:710px; background:#FFF; padding:10px 20px;}
.new h1{ font-size:22px; color:#39549a; }
.new h1 span{ color:#aab2cd; font-weight:300;}
.new ul{ height:202px; padding:10px 0;}
.new ul img{ float:left; margin:10px 0;}
.new ul li{ float:left; font-size:12px; line-height:30px; margin-left:30px; width:520px;}
.new ul li span{ float:right;}
.sycp{ padding:40px 0;}
.sycp ul{ padding:20px 0;}
.sycp li{ width:22.8%; float:left; margin:10px 1%; border:1px solid #e0e0e0; text-align:center; font-size:14px; line-height:40px;transform: translate(0,0); transition:all .3s ease-in 0s;}
.sycp li:hover{ width:22.8%; float:left; margin:10px 1%; border:1px solid #e0e0e0; text-align:center; font-size:16px; color:#e10100; line-height:40px;transition: 0.3s;  box-shadow:0px 0px 10px #CCC; cursor:pointer;}
.sycp li .img{ width:100%; height:240px; overflow:hidden;}
.sycp li .img img{ width:100%;}
.sycp li p{ margin:0px;}

.anli{ width:100%; background:url(image/zjbg.JPG) center; height:330px; margin-top:30px; padding-top:30px;}
.alz{ color:#FFF; text-align:center; line-height:50px; font-size:24px;}
.swiper-containern{ width:1200px; margin:auto; height:210px; overflow:hidden;}
.swiper-containern .swiper-slide{ background:#FFF;}
.swiper-containern .swiper-slide img{ width:100%; height:180px; display:block;}
.swiper-containern{ font-size:14px; text-align:center; line-height:25px; font-family:"微软雅黑";}
.swiper-containern .swiper-pagination{ margin-bottom:-10px;}

.lx{ font-size:22px; color:#39549a; border-bottom:1px solid #cccccc; line-height:50px;}
.lx span{ color:#aab2cd; font-weight:300;}
.contact p{ float:left; padding:10px; line-height:30px; color:#6b6a6a;}
.contact p strong{ font-size:18px; color:#39549a; line-height:40px;}
.contact img{ float:right;}
.foot{ background:#1f1f1f; font-size:12px; color:#CCC; padding:20px 0; line-height:25px; text-align:left;}
.foot a{ font-size:14px; color:#FFF; line-height:40px; padding:0px 10px;}

.nrleft{ float:left; width:220px;}
.nrleft p{ font-size:14px; line-height:30px;}
.nrright{ float:right; width:900px;}


.nr{ background: #f2f2f2;
padding-top: 50px;
padding-bottom: 30px;}
.nrleft{ float:left; width:300px;}
.nrleft h1{ font-size:18px; font-weight:300; color:#FFF; background:url(image/dx.png) left bottom no-repeat; font-weight: 400;line-height:50px;color: #37474f; margin:0px;}
.nrleft ul{ margin-bottom:20px;}
.nrleft ul li{ width:100%;}
.nrleft ul li a{display: block;
border-bottom: 1px solid #e1e1e1;
line-height: 41px;
margin-bottom: 3px;
margin-top: 0;
padding-left: 26px; font-size:14px; color:#222;}
.nrleft ul li a:hover{ display:block; padding-left:30px; font-size:14px; color:#333; font-weight:bold;color:#fff; background:#e10100;}
.lin a{ background:#FFF; border-bottom:1px dotted #CCC;}
.nrleft ul li .lin a:hover{ color:#e10100; padding-left:30px; font-weight:normal;}
.nrlb{ width:870px; float:right;}
.nrlb h1{font-size: 18px;
font-weight: 300;
color: #FFF;
background: url(image/dx.png) left bottom no-repeat;
font-weight: 400;
line-height: 50px;
color: #37474f;
margin:0px 0px 20px 0px;}
.nrlb h1 a{ float:right; color:#666; font-size:14px;}
.nrlb li{    float: left;
    width: 32%;
    margin: 12px 0.6%;
    font-size: 14px;
    text-align: center;
    line-height: 20px;}
.nrlb li img{ width:100%; height:180px;}
.nrlb ul{ padding:10px; background:#FFF;}
.neirong{ font-size:14px; color:#333; padding:10px; line-height:30px; background:#FFF; padding:20px 40px;}
.neirong img{ max-width:100%;}
.neirong p img{ max-width:100%;}
.cp{ margin:20px auto;}
.cpleft{ float:left; width:250px;}
.cpleft h1{ font-size:18px; font-weight:300; color:#FFF; background:#e10100; text-align:center; line-height:50px; margin:0px;}
.cpleft ul{ border:1px solid #ececec;}
.cpleft ul li{ background:url(image/libg.JPG); line-height:35px; width:100%;}
.cpleft ul li a{ display:block; padding-left:20px; font-size:14px; color:#333;}
.cpleft ul li a:hover{ display:block; padding-left:20px; font-size:14px; color:#333; font-weight:bold;color:#e10100;}
.lin a{ background:#FFF; border-bottom:1px dotted #CCC;}
.cpleft ul li .lin a:hover{ color:#e10100; padding-left:30px; font-weight:normal;}
.cplb{ width:920px; float:right; border:1px solid #d8d8d8; border-top:3px solid #e10100;}
.cplb h1{ background:url(image/cpdbtb.JPG); line-height:49px; color:#e10100; font-size:16px; margin:0px; padding:0px 20px;}
.cplb h1 a{ float:right; color:#666; font-size:14px;}
.cplb li{ float:left; width:200px; margin:12px; font-size:14px; text-align:center; line-height:20px;}
.cplb li img{ width:100%; height:180px;}
.cplb ul{ padding:10px;}

.qiehuan{ float:right; font-size:18px; line-height:40px; background:#e10100; width:250px; text-align:center;border-bottom-right-radius:2em;
border-bottom-left-radius:2em;}
.qiehuan a{ color:#FFF; margin:0 15px;}
.qiehuan a:hover{ color:#F00; margin:0 15px;}