﻿body{font-size: 13px;margin-left: 0px;margin-bottom: 0px;margin-top: 0px; background:url(../Images/bg.png) #FFFFFF center top no-repeat; font-family:微软雅黑;}
body,ul,ol,form,p{margin:0 0;padding:0 0;}
ul,li{list-style:none}
.mrg{ margin-top:10px;}
.mrgl{ margin-left:15px;}
.yellow{ width:100%; line-height:55px; margin-top:20px;}
.yellow a{ padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; border:1px solid #CFCFCF; margin-left:3px; color:#2E2E2E; text-decoration:none;}
.yellow .current{padding-left:12px; padding-right:12px; padding-top:8px; padding-bottom:8px;  margin-left:0px; background-color:#0071B8; color:#FFFFFF;}
.clr{clear:both;height:0px;line-height:0;font-size:0;}


.top{width:100%;min-width:1180px;margin:0 auto; text-align:center;background: #0071B8;height: 108px; position: absolute; z-index:10000;}
.fixed{position: fixed;top: 0;}
.main{width: 1180px;margin: 0 auto;}
.logo{width:220px;height:108px;float: left;}
.nav_bar{width: 920px;float: right;height: 108px;}
.nav_bar ul li.cur{background: #005B95;}
.nav_bar ul li{list-style-type: none;float: left;line-height: 108px;text-align: center; padding:0px 23px;}
.nav_bar ul li a{color: #ffffff; font-size:16px;text-decoration: none;display: block;}
.nav_bar>ul>li:hover{background: #005B95;}
.nav_bar ul li.l1:hover .hid{display: block;}
.hid{width: 100%;height:80px; line-height:80px;background: #F1F9FE;position: absolute;left: 0;display: none;}
.hid ul{width: 1180px;margin: 0 auto;}
.hid ul li{ line-height:80px;}
.hid ul li a{ color:#025184; font-size:14px;}



.banner{ width:100%; height:500px; min-width:1180px; max-width:1600px; margin:0 auto; overflow:hidden; position:relative;font-size:0; top:108px; margin-bottom:108px;}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:500px; float:left;}
.b-list{ height:50px; padding-top:450px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; background-color:#FFFFFF; border:1px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:1px solid #0071B8; background-color:#0071B8}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:200px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:200px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


#nbanner{ width:100%; max-width:1600px; min-width:1180px; height:400px; top:108px; position:relative; margin:0 auto;z-index:10;margin-bottom:108px;}
#nmain{width:100%; max-width:1600px; min-width:1180px; overflow:hidden; margin:0 auto; padding-top:15px; padding-bottom:30px; }
#nmain .nmcon{ width:1180px; margin:0 auto; overflow:hidden;position:relative;}
#nmain .nmcon .nleft{ width:245px; float:left;}
#nmain .nmcon .nleft .tit{ width:245px; text-align:left; height:50px; line-height:50px; font-size:20px; color:#7E7E7E;}
#nmain .nmcon .nleft .leftli{ width:245px; height:38px; line-height:38px; background-color:#F4F4F4; margin-bottom:4px; text-indent:20px;}
#nmain .nmcon .nleft .leftli a{ font-size:15px; color:#686868; text-decoration:none;}
#nmain .nmcon .nleft .leftli a:hover{ font-size:15px; color:#686868; text-decoration:none;}
#nmain .nmcon .nleft .leftli:hover{ width:245px; height:38px; line-height:38px; background-color:#0071B8; margin-bottom:4px; text-indent:30px;}
#nmain .nmcon .nleft .leftli:hover a{ font-size:16px; color:#FFFFFF; text-decoration:none;}
#nmain .nmcon .nleft .leftli:hover a:hover{ font-size:16px; color:#FFFFFF; text-decoration:none;}
#nmain .nmcon .nleft .leftlicur{ width:245px; height:38px; line-height:38px; background-color:#0071B8; margin-bottom:4px; text-indent:30px;}
#nmain .nmcon .nleft .leftlicur a{ font-size:16px; color:#FFFFFF; text-decoration:none;}
#nmain .nmcon .nleft .leftlicur a:hover{ font-size:16px; color:#FFFFFF; text-decoration:none;}

#nmain .nmcon .nleft .leftli2{ width:245px; height:38px; line-height:38px; background-color:#4AA7E1; margin-bottom:4px; text-indent:20px;}
#nmain .nmcon .nleft .leftli2 a{ font-size:15px; color:#FFFFFF; text-decoration:none;}
#nmain .nmcon .nleft .leftli2 a:hover{ font-size:15px; color:#FFFFFF; text-decoration:none;}
#nmain .nmcon .nleft .leftli2:hover{ width:245px; height:38px; line-height:38px; background-color:#0071B8; margin-bottom:4px; text-indent:20px;}
#nmain .nmcon .nleft .leftli2:hover a{ font-size:16px; color:#FFFFFF; text-decoration:none;}
#nmain .nmcon .nleft .leftli2:hover a:hover{ font-size:16px; color:#FFFFFF; text-decoration:none;}
#nmain .nmcon .nleft .leftlicur2{ width:245px; height:38px; line-height:38px; background-color:#0071B8; margin-bottom:4px; text-indent:20px;}
#nmain .nmcon .nleft .leftlicur2 a{ font-size:16px; color:#FFFFFF; text-decoration:none;}
#nmain .nmcon .nleft .leftlicur2 a:hover{ font-size:16px; color:#FFFFFF; text-decoration:none;}

#nmain .nmcon .nleft .cleftlicur2{ width:245px; height:38px; line-height:38px; background-color:#D6E8F0; margin-bottom:4px; text-indent:35px;}
#nmain .nmcon .nleft .cleftlicur2 a{ font-size:14px; color:#686868; text-decoration:none;}
#nmain .nmcon .nleft .cleftlicur2 a:hover{ font-size:14px; color:#686868; text-decoration:none;}
#nmain .nmcon .nleft .cleftlicur2:hover{ width:245px; height:38px; line-height:38px; background-color:#D6E8F0; margin-bottom:4px; text-indent:35px;}

#nmain .nmcon .nleft .cleftli2{ width:245px; height:38px; line-height:38px; background-color:#F4F4F4; margin-bottom:4px; text-indent:35px;}
#nmain .nmcon .nleft .cleftli2 a{ font-size:14px; color:#686868; text-decoration:none;}
#nmain .nmcon .nleft .cleftli2 a:hover{ font-size:14px; color:#686868; text-decoration:none;}
#nmain .nmcon .nleft .cleftli2:hover{ width:245px; height:38px; line-height:38px; background-color:#D6E8F0; margin-bottom:4px; text-indent:35px;}




#nmain .nmcon .ncenter{width:11px; float:left; padding:0px; margin:0px 42px; margin-top:19px; overflow:hidden;}
#nmain .nmcon .ncenter .nicon{ width:11px; height:11px; background:url(../Images/nicon.png) no-repeat center;}
#nmain .nmcon .ncenter .nicon2{position:absolute;width:11px; height:100%; background:url(../Images/nicon2.png) repeat-y center;}

#nmain .nmcon .nright{ width:840px; float:right;}
#nmain .nmcon .nright .tit{ width:840px; height:50px; line-height:50px; border-bottom:1px solid #E7E7E7;}
#nmain .nmcon .nright .tit span{ height:49px; line-height:49px; padding:0px 20px; font-size:17px; color:#777777; float:left; position:relative; bottom:-1px; border-bottom:1px solid #0071B8;}
#nmain .nmcon .nright .tit div{ height:49px; line-height:49px; float:right; background:url(../Images/home.gif) left no-repeat; text-indent:25px; color:#CDCDCD; font-size:13px;}
#nmain .nmcon .nright .tit div a{color:#CDCDCD; font-size:13px; text-decoration:none;}
#nmain .nmcon .nright .con{ width:840px;line-height:30px; margin-top:30px; min-height:400px; font-size:14px; color:#8D8D8D; text-align:left;}
#nmain .nmcon .nright .con .map{ width:840px; margin-top:30px;}
#nmain .nmcon .nright .con .kjmnh img{ width:280px; height:400px;}
#nmain .nmcon .nright .conimg{ width:840px; margin-bottom:40px; text-align:center; margin-top:40px;}
#nmain .nmcon .nright .contitle{ width:840px; height:60px; line-height:60px; font-size:18px; text-align:center; color:#0071B8; margin-top:30px;}
#nmain .nmcon .nright .config{ width:840px; height:40px; line-height:40px; font-size:13px; text-align:center; color:#A9A9A9;}
#nmain .nmcon .nright .content{ width:840px;line-height:30px; margin-top:30px; min-height:200px; font-size:14px; color:#8D8D8D; text-align:left;}
#nmain .nmcon .nright .pcon{ width:839px;margin-top:30px; min-height:400px; font-size:14px; color:#8D8D8D; text-align:left;}
#nmain .nmcon .nright .pcon li{ width:263px; height:220px; float:left; margin-bottom:25px;}
#nmain .nmcon .nright .pcon li img{ width:261px; height:174px; border-top:1px solid #EFEFEF; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF;}


#nmain .nmcon .nright .pcon li span{ width:263px; height:45px; line-height:45px; background-color:#EFEFEF; text-align:center; overflow:hidden; float:left;}
#nmain .nmcon .nright .pcon li span a{ font-size:14px; color:#787878; text-decoration:none;}
#nmain .nmcon .nright .pcon li:hover{ width:263px; height:220px; float:left; margin-bottom:25px;}
#nmain .nmcon .nright .pcon li:hover img{ width:261px; height:174px; border-top:1px solid #0071B8; border-left:1px solid #0071B8; border-right:1px solid #0071B8;}
#nmain .nmcon .nright .pcon li:hover span{ width:263px; height:45px; line-height:45px; background-color:#0071B8; text-align:center; float:left;}
#nmain .nmcon .nright .pcon li:hover span a{ font-size:14px; color:#ffffff; text-decoration:none;}

#nmain .nmcon .nright .ncon{ width:840px;margin-top:30px; font-size:14px;}
#nmain .nmcon .nright .ncon li{ width:840px; height:148px; padding:25px 0px; border-bottom:1px dashed #E9E9E9;}
#nmain .nmcon .nright .ncon li .nimg{ width:221px; height:148px; float:left; margin-right:29px;}
#nmain .nmcon .nright .ncon li .nconf{ width:590px; float:left; height:148px; overflow:hidden;}
#nmain .nmcon .nright .ncon li .nconf h3{ width:590px; height:28px; line-height:28px; margin-bottom:10px color:#515151; font-size:15px; margin-top:0px;}
#nmain .nmcon .nright .ncon li .nconf h3 a{color:#515151; font-size:15px; text-decoration:none;}
#nmain .nmcon .nright .ncon li .nconf span{ float:left; height:100px; width:590px; text-indent:26px; text-align:left; line-height:25px; color:#A9A9A9; font-size:13px;}

#nmain .nmcon .nright .nconl{ width:840px;margin-top:30px; font-size:14px;}
#nmain .nmcon .nright .nconl li{ width:840px; height:48px; line-height:48px; border-bottom:1px dashed #E9E9E9;}
#nmain .nmcon .nright .nconl li a{color:#515151; font-size:14px; text-decoration:none;}
#nmain .nmcon .nright .nconl li a:hover{color:#0D6AE9; font-size:14px; text-decoration:none;}

#imain{ width:100%; min-width:1180px; max-width:1600px; background-color:#ffffff; padding:40px 0px; height:225px; margin:0 auto; overflow:hidden;}
#imain .imcon{ width:1180px; margin:0 auto; height:225px; overflow:hidden;}
#imain .imcon .img {float: left; width: 180px; height: 225px; overflow: hidden;}
#imain .imcon .img .inner { position: relative; }
#imain .imcon .img .inner div { position: absolute; top: 0; left: 0; width: 180px; height: 225px; }
#imain .imcon .img .inner img { width: 100%; height: 100%; }
#imain .imcon .img .inner div:last-child { opacity: 0; }

#imain .imcon .desc{ float:left; width:370px; height:225px; margin-left:15px;}
#imain .imcon .desc a{ text-decoration:none;}
#imain .imcon .desc .tit{ height:30px; line-height:28px; background:url(../Images/prodtit.png) no-repeat left center; text-indent:25px; font-size:17px; color:#7E7E7E; margin-top:25px;}
#imain .imcon .desc .tit div{font-size:17px; color:#7E7E7E; float:left;}
#imain .imcon .desc .tit span{font-size:12px; color:#D1D1D1; float:left; text-indent:5px; height:20px; margin-top:4px;}
#imain .imcon .desc .tit2{ height:30px; line-height:28px; background:url(../Images/solutiontit.png) no-repeat left center; text-indent:25px; font-size:17px; color:#7E7E7E; margin-top:25px;}
#imain .imcon .desc .tit2 div{font-size:17px; color:#7E7E7E; float:left;}
#imain .imcon .desc .tit2 span{font-size:12px; color:#D1D1D1; float:left; text-indent:5px; height:20px; margin-top:4px;}
#imain .imcon .desc .con{ height:112px; line-height:28px; color:#B3B3B3; font-size:14px; text-indent:28px; margin-top:15px;}
#imain .imcon .desc .more{ width:80px; line-height:25px; text-align:center; height:25px; float:left; background-color:#f6f6f6; border:1px solid #EFEFEF; margin-top:10px;}
#imain .imcon .desc .more a{ color:#C7C7C7; font-size:12px; text-decoration:none;}
#imain .imcon .desc .more a:hover{ color:#A0A0A0; font-size:13px; text-decoration:none;}

#amain{ width:100%; background-color:#FCFCFC; padding:40px 0px; margin:0 auto; overflow:hidden; border-top:1px solid #F4F4F4; min-width:1180px;}
#amain .amcon{ width:1180px; margin:0 auto;}
#amain .amcon .mabout{ width:695px; float:left;}
#amain .amcon .mabout .tit{ height:30px; line-height:28px; background:url(../Images/abouttit.png) no-repeat left center; text-indent:25px; font-size:17px; color:#7E7E7E;}
#amain .amcon .mabout .tit div{font-size:17px; color:#7E7E7E; float:left;}
#amain .amcon .mabout .tit span{font-size:12px; color:#D1D1D1; float:left; text-indent:5px; height:20px; margin-top:4px;}
#amain .amcon .mabout .tit a{ float:right; margin-right:10px; color:#D0D0D0; text-decoration:none; font-size:12px;}
#amain .amcon .mabout .tit a:hover{ float:right; margin-right:10px; color:#AEAEAE; text-decoration:none; font-size:13px;}
#amain .amcon .mabout .con{ height:248px; line-height:25px; font-size:14px; width:657px; background-color:#FFFFFF; border:1px solid #E8E8E8; margin-top:15px; border-radius:3px; padding:10px;}
#amain .amcon .mabout .con img{ border:1px solid #ECECEC;}
#amain .amcon .mabout .con .content{ line-height:25px; float:right; width:440px;}
#amain .amcon .mabout .con .content .ArtCon{font-size:14px; color:#A2A2A2;  }
#amain .amcon .mabout .con .content .more{ height:35px; text-align:center; margin-top:15px;}
#amain .amcon .mabout .con .content .more a{ width:120px; height:32px; float:right; background-color:#17A2D7; color:#FFFFFF; font-size:15px; text-decoration:none; line-height:32px;}
#amain .amcon .mabout .con .content .list{ height:35px; margin-top:10px;}
#amain .amcon .mabout .con .content .list a{height:32px; margin-right:15px; float:left;  color:#686868; font-size:14px; text-decoration:none; line-height:32px;}

#amain .amcon .mnews{ width:435px; float:right;}
#amain .amcon .mnews .tit{ height:30px; line-height:28px; background:url(../Images/newstit.png) no-repeat left center; text-indent:25px; font-size:17px; color:#7E7E7E;}
#amain .amcon .mnews .tit div{font-size:17px; color:#7E7E7E; float:left;}
#amain .amcon .mnews .tit span{font-size:12px; color:#D1D1D1; float:left; text-indent:5px; height:20px; margin-top:4px;}
#amain .amcon .mnews .tit a{ float:right; margin-right:10px; color:#D0D0D0; text-decoration:none; font-size:12px;}
#amain .amcon .mnews .tit a:hover{ float:right; margin-right:10px; color:#AEAEAE; text-decoration:none; font-size:13px;}
#amain .amcon .mnews .con{ height:248px; padding:10px; line-height:28px; font-size:14px; width:413px; background-color:#FFFFFF; border:1px solid #E8E8E8; margin-top:15px; border-radius:3px;}
#amain .amcon .mnews .con .pnj{ height:100px; margin-bottom:10px;}
#amain .amcon .mnews .con .pnj .ijimg{ width:150px; height:100px; float:left;}
#amain .amcon .mnews .con .pnj a{ float:right; height:30px; line-height:30px; width:250px; overflow:hidden; color:#656565; font-size:14px; text-decoration:none;}
#amain .amcon .mnews .con .pnj span{ float:right; width:250px; height:60px; line-height:20px; overflow:hidden; color:#ABABAB; text-indent:24px; font-size:12px;}
#amain .amcon .mnews .con .nj{ background: url(../Images/icon.png) left no-repeat; text-indent:20px; text-align:left; height:28px; line-height:28px; overflow:hidden;}
#amain .amcon .mnews .con .nj a{ color:#7B7B7B; font-size:13px; text-decoration:none;}


#foot{padding-top:15px; padding-bottom:30px; background-color:#575757; overflow:hidden; min-width:1180px; z-index:300}
#foot .ftcon{ width:1180px; margin:0 auto;}
#foot .ftcon .fnav{ width:700px; float:left;}
#foot .ftcon .fnav .navli{ margin-right:25px; float:left; overflow:hidden;}
#foot .ftcon .fnav .navli .yu{ height:45px; line-height:45px;}
#foot .ftcon .fnav .navli .yu a{ color:#FFFFFF; font-size:16px; text-decoration:none;}
#foot .ftcon .fnav .navli .yu a:hover{ color:#FFFFFF; font-size:16px; text-decoration:underline;}
#foot .ftcon .fnav .navli .jn{ height:28px; line-height:28px;}
#foot .ftcon .fnav .navli .jn a{ color:#DCDCDC; font-size:14px; text-decoration:none;}
#foot .ftcon .fnav .navli .jn a:hover{ color:#ffffff; font-size:14px; text-decoration:none;}
#foot .ftcon .er{ width:110px; text-align:center; float:left; margin-top:20px;}
#foot .ftcon .er img{ margin-top:15px; width:110px;}
#foot .ftcon .fcontact{ width:310px; float:right; margin-top:20px; margin-right:30px;}
#foot .ftcon .fcontact .tit{ height:45px; line-height:45px; text-align:left; font-size:16px; color:#FFFFFF;}
#foot .ftcon .fcontact .con{ line-height:20px; color:#DCDCDC; font-size:12px; text-align:left;}



/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:5px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}