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



.banner{height:440px; position:relative;}


.banner .d1{min-width:1330px;height:440px;display:block;position:absolute;left:0;top:0px;}
.banner .d2{width:100%;height:51px;clear:both;position:absolute;z-index:100;left:0px; bottom:0px;}
.banner .d2 ul{ width:730px;position:absolute;left:50%; margin-left:-340px;top:10px;}
.banner .d2 li{width:130px;height:70px;overflow:hidden;cursor:pointer; border:2px solid #BBC1C1;float:left;margin:0 9px 0 0;display:inline;}
.banner .d2 li.nuw{ border:2px solid #418AD0;}
.banner_wrap{ background:#F8F8F8}
.bannerbg{ background:#BDBDBD;height:60px;}

.neiyebanner{height:318px; position:relative;min-width:1330px;}

.jvzhong{margin:0 auto;width:1330px; position:relative;height:440px;}
.bannerding{ background-color:#EAF7FF;height:440px; }
.probanner{height:318px; position:relative}
.box .probanner .dll{height:318px;width:100%}
#banner .prod2 li{width:111px;height:78px;}
#banner .prod2 ul{margin-top:-60px;margin-left:100px;width:390px;}

#container{width:100%; background:#F0F0F0; }
.content{width:1000px;margin:0 auto; overflow:hidden;zoom:1;padding:50px 0 35px 0}
.content dl{float:left;width:320px;height:250px; position:relative;margin-right:20px;}
.content dl dd{height:45px;width:320px;background:rgba(57,57,57,0.5); position:absolute;bottom:0;}
.content dl dd a{display:block;color:#fff;font-size:24px;height:45px;line-height:45px; float:right;margin-right:20px;}
.content dl:hover dd{background:rgba(0,88,173,0.5) ;}

.middle{width:1000px;margin:0 auto}
.zouj{ text-align:center;font-size:22px;padding:40px 0 20px 0;border-bottom:1px solid #E7E7E7}
.aboutnav { overflow:hidden;min-width:380px;margin:auto;padding:20px 0;}
.aboutnav li{min-width:200px;display:inline}
.aboutnav li a{height:40px;font-size:16px; text-align:center;line-height:40px; padding:8px 10px;}
.contactnav{width:100%}
.aboutnav li a:hover,.aboutnav .currentnei{ background:#257CCA;color:#fff}

.aboutas{ overflow:hidden;line-height:25px;margin:20px 0 40px 0;}
.aboutas img{ float:left;margin:0 20px 0px 0}

.aboutzzry{width:1000px;margin:0 auto}
.aboutzzry h1{font-size:20px;color:#2a7ecc;padding:30px 0}

.zp{width:100%; background:#FAFAFA}

.zhengs dl{margin:0 10px;}
.zhengs dl dd{margin:10px 0; text-align:center;}
.zhengs dl dt{border:1px solid #ccc;}


.contactfs{ overflow:hidden;zoom:1;margin:10px 0 40px 0}
.fsleft,.fsright{float:left}
.fsleft{margin-right:20px;}
.fsright li{line-height:35px;}
.fsright li b{font-size:20px;color:#2A7ECC; display:block;margin:2px 0}
.fsright li img{margin-right:10px;}

.addas{ background:#FAFAFA;margin:20px 0 0 0;background:none}
.addcontact{width:1000px;margin:0 auto;}
.addcontact h1{font-size:20px;color:#2A7ECC;padding: 20px 0 10px 0}

.asone{margin:10px 0}
.asone div{margin:10px 0;line-height:26px;}
.ash1{ background:url(../images/dian_03.png) no-repeat 3% 55%; background-color:#2A7ECC;width:215px;height:35px;line-height:35px;color:#fff;padding-left:20px;font-size:16px;}
.ash1 b{font-size:14px;}

.proas{width:79px; background:url(../images/dian_03.png) no-repeat 8% 55%; background-color:#2A7ECC;padding-left:28px;}
.prodl dt,.prodl dd{float:left}
.prodl{ overflow:hidden;margin-right:96px;margin-top:20px; overflow:hidden;width:225px;float:left}
.prodl dt{font-size:16px;color:#2A7ECC; background:url(../images/pro_10.jpg) no-repeat left center;padding-left:20px;margin-right:10px;}
.prodl dd{width:150px;font-size:12px;line-height:18px}

.newscenter{ overflow:hidden;zoom:1;margin:30px 0}
.newsdl{margin-bottom:20px;width:320px;border:1px solid #F0F0F0;padding-bottom:20px;float:left;margin-right:10px;}
.newsdl dd{padding:0 10px;}

.newhover{box-shadow:1px 10px 10px #ccc}

.ddblue{color:#2889C5;font-size:16px;margin:5px 0}
.dddate{font-size:12px;color:#999}
.ddneirong{width:286px;}
.marginnone{margin:0}

.page { overflow:hidden;zoom:1;margin:0 auto 40px auto;width:580px}
.page span{float:left;padding:3px 15px;margin:5px;border:1px solid #F0F0F0;border-radius:5px;}
.page span:hover,.page .pagecurrent{ background:#2889C5;color:#fff;border-radius:5px;}

.newsdetails {border-bottom:1px dashed #B5B5B5;padding-bottom:50px;margin:0 0 10px 0}
.newsdetails div{ line-height:29px;}
.ndh1{font-size:18px;color:#2889C5;margin:10px 0;text-align:center;}
.newsdate{font-size:12px; background:#F1F1F1;width:460px;height:40px;line-height:40px; text-align:center;margin:20px auto}

.fenx{float:right;height:40px;}
.fenx span{margin-right:10px;}

.pageart{margin:15px 0 60px 0}
.pageart a{margin-right:20px;}

.usercontent{margin:10px 0 20px 0;}
.usercontent h1,.shouhoucenter h1{font-size:20px;color:#2889C5}

.shouhou{ background:#FAFAFA;height:220px;}
.shouhoucenter{width:1000px;margin:0 auto}
.shouhoucenter h1{padding:20px 0 0 0 }





.canvas{margin:0 auto;width:810px;}
.canvaszong{ position: relative;width:910px;margin:20px auto 0 auto;}
#dh_one{width:440px;margin:104px 230px}
#dh_two{width:710px;margin:0 95px;padding-top:30px;}
#dh_three{width:440px;margin:140px 230px 0 230px;}
#donghuan  .floatright{float:right}

#donghuan  li a{ transition:0.4s;}
#donghuan  li a:hover{ background:#fff;border:3px solid #005A99;color:#005A99}

#donghuan ul{ overflow:hidden;zoom:1}
#donghuan{ position: absolute;top:0; }
#donghuan li{width:120px;height:120px;float:left}
#donghuan li a{ display:block;border:3px solid #005A99;width:114px;height:114px;font-size:24px;line-height:25px;color:#fff; background: #005A99;border-radius:150px; overflow: hidden; text-align:center;}
#donghuan li a b{margin-top:30px; display: block;}

.bannercanvas{width:100%;overflow:hidden;height:380px;width:380px;border-radius:360px; position:absolute;left:28.2%;top:26%;border:1px solid #CACACB}
.banList{position:absolute;left:100%;margin-left:-380px;height:380px}
.banList li a{ display:block;height:380px;width:380px;border-radius:380px;overflow:hidden}
.banList li{height:390px;opacity:0;position:absolute;transition:transform 0.2s ease 0s, opacity 1.2s ease 0s;z-index:1;}
.banList li.active{opacity:1;z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:420px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;width:15px;height:15px;border-radius:50%;margin:0 5px;}

.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }