/*初始化*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none;  }
img{display: block;}
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; }
select, input { vertical-align:middle; }
body{ font: 14px "microsoft yahei";}
a{ text-decoration: none;}
/*头部*/
.top{ width:100%; height: 36px;background-color: #EBEBEB;border-bottom: 1px solid #DFDFDF;}
.top-center{ width: 1100px;margin: 0 auto;height: 37px;line-height: 37px;font-family: "宋体";font-size: 12px;}

/*logo*/
.logo{ width: 1100px;height: 116px;margin: 0 auto;}
.logo-left{ float: left;height: 116px;}
.logo-right{ float: right;height: 116px;width: 246px;}
.logoa{ display: inline-block;width: 98px;height: 73px;margin: 22px 21px 0 18px;}
.logoz{display: inline-block; width: 442px;height: 53px;margin: 36px 0 0 0;}
.search{ margin: 25px 0 0 26px;overflow: hidden;}
.search input{ width: 174px;height: 22px;border: 1px solid #E9E9E9;float: left}
.search span{ display: inline-block;height: 24px;width: 24px;background: url("../images/search.png") no-repeat;float: left;}
.tele{ margin: 9px 0 0 0;}

/*nav*/
.nav { height: 50px; line-height:50px;background-color: #396EB4;}
.nav ul { text-align: center; font-size: 0; letter-spacing: 0;height:50px; }
.nav ul li { width: 140px; display: inline-block; text-align: center;position:relative;height:50px;line-height:50px; }
.nav ul li >a { height: 50px; line-height: 50px; font-size: 16px; color: white; display: block; }
.nav ul li:hover{background:#2F5C97}
.nav ul li:hover dl{display:block;}
.nav ul li dl{position:absolute;top:51px;width:100%;left:0;background:#2F5C97;z-index:100;padding:5px 0;display:none;}
.nav ul li dl dd{height:35px;line-height:35px;border-bottom:1px solid #6d94c6;font-size:15px;}
.nav ul li dl dd a{display:block;font-size:14px;color:#fff;font-size:14px;line-height:35px;}
.nav ul li dl dd a:hover{background:#396EB4;}


/* banner焦点图css */
.banner{width:100%; text-align: center;margin:0 auto;overflow:hidden;}
.bannerSlide{ width:100%;position:relative;height:520px;background:#fff; overflow:hidden;margin:0 auto;}
.bannerSlide .hd{ height:15px; overflow:hidden; position:absolute; left:46%; bottom:5px; z-index:1; }
.bannerSlide .hd ul{ overflow:hidden; zoom:1; float:left; }
.bannerSlide .hd ul li{ width:10px; height:10px; float:left; margin-left:5px; border-radius:5px; background:#FFF; cursor:pointer; }
.bannerSlide .hd ul li.on{background:#00959b; }
.bannerSlide .bd{ position:relative; height:100%; z-index:0;   }
.bannerSlide .bd li{ zoom:1; width:100% !important;height:520px; text-align:center;}
.bannerSlide .bd li a {display:block;height:520px;}
.bannerSlide .prev,
.bannerSlide .next{ position:absolute; left:7%; top:50%; margin-top:-25px; display:block; width:29px; height:49px; background:url(../ncsaist/slider-arrow-left.png)  no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.bannerSlide .next{ left:auto; right:7%; background:url(../ncsaist/slider-arrow-right.png) no-repeat; }
.bannerSlide .prev:hover,
.bannerSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.bannerSlide .prevStop{ display:none;  }
.bannerSlide .nextStop{ display:none;  }

/*news*/
.news{ width: 1100px;height: auto;margin: 34px auto 15px;overflow: hidden;}
.aboutus{ float: left;width: 670px;height: 270px;}
.newss{ float: right;width: 400px;height: 270px;}
.aboutus h2{ height: 28px;width: 100%;border-bottom: 1px solid #E4E4E4;}
.about{ display: inline-block;width: 108px;height: 26px;border-bottom: 3px solid #0B6BC1;font-size: 16px; font-weight: bold;color: #333;float: left;}
.more{ display: inline-block;width: 49px;height: 15px;background: url("../images/more.png") no-repeat;float: right;margin: 2px 10px 0 0;}
.about-img{ width:100%;margin-top: 15px; overflow: hidden;}
.about-img img{ float: left;margin-top: 10px; }
.about-text{ width: 380px;float: right;margin: 0 0 0 10px;}
.about-text p{ line-height:21px;text-align: justify;color: #707070;}
.newss h2{height: 28px;width: 100%;border-bottom: 1px solid #E4E4E4; margin-bottom: 10px;}
.newslist li{ height: 36px;line-height: 36px;border-bottom: 1px dashed #DCDCDC;}
.san{ display: inline-block;width: 4px;height: 7px;background: url("../images/san.png") no-repeat;margin:15px 15px 0 0; }
.newslist li a{ color: #666;}

/*product*/
.pro-bg{ width: 100%;height: 384px;background: url("../images/pro-bg.png");background-size:cover;}
.pro-center{ width: 1100px;height: 384px;margin: 0 auto;}
.pro-center li{ float: left;margin: 0  37px;width: 213px;padding-top: 50px;height: 334px;}
.pro-center li:first-child{ margin-left: 0!important;}
.pro-center li:last-child{ margin-right: 0!important;}
.pro-center li .pro-img{ display: inline-block;width: 213px;height: 236px;}
.pro-center li p{ text-align: center;margin-top: 24px;}
.pro-center li p a{ color: #333;}
/*.pro-center li:hover{ opacity: 1;}*/
.company{ width: 100%;height: 388px;background: url("../images/com-bg.png") }
.com-center{ width: 1100px;height: 388px;margin: 0 auto;}
.com-center li{ width: 340px; height: 388px;float: left;}
.pic1{ margin: 47px 80px 0 80px;}
.com-center li h2{text-align: center;height: 51px;line-height: 51px;font-size: 18px;font-weight: bold;color: #666666;}
.com-center li p{ text-align: center;color: #666;font-size: 12px;}
.com-more{color: #3A81D1;border-bottom: 1px solid #D0DFF0; }

/*client*/
.client{ width: 100%;height: 61px;border-bottom: 1px solid #CCCCCC;position: relative;margin-bottom: 42px;}
.client-img{ position: absolute;width: 459px;height: 30px;left: 50%;margin-left: -230px;top: 45px;}

.client2{ width: 1100px; height: 113px;margin:0 auto 31px;position: relative;overflow: hidden; }
.clientul{width: auto;height: 113px;position: absolute;}
.clientul>li{width:1047px;float: left;height: 113px;padding-left: 53px;}
.clientimg li{ float: left;margin: 0 15px;height: 113px;}
/*.clientimg{ padding-left: 70px;}*/
.clientimg li a{ display: inline-block;width: 215px;height: 111px;border: 1px solid #DFDFDF;}
.left-btn,.right-btn{ display: inline-block;width: 45px;height: 45px;position: absolute;top: 30px;left: 0;background: url("../images/left-btn.png") no-repeat;z-index: 99;}
.client2 .right-btn{ left:1050px;background: url("../images/right-btn.png") no-repeat;}

/*foot*/
.foot{ width: 100%;height: 125px;background-color: #414141;}
.font-center{ width: 1100px;margin: 0 auto;height: 90px;padding-top: 35px;}
.foot-add{ float:left;background: url("../images/foot-add.png") no-repeat;padding-left: 25px;display: inline-block;height: 21px;line-height: 21px;}
.foot-cont,.foot-copy{ display: inline-block;height: 21px;line-height: 21px;float: right;}
.foot-cont,.foot-copy a{ display: inline-block;height: 21px;line-height: 21px;float: right; color:#999; font-size:12px;}
.foot-cont a{ color:#999; font-size:12px;}
.foot-tel{ float:left;background: url("../images/foot-tel.png") no-repeat;padding-left: 25px;display: inline-block;height: 21px;line-height: 21px;}
.font-center li{ height: 21px;color: #999;font-size: 12px;margin-bottom: 9px;}

.pro-center .layer{ opacity: 0.2;}

/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; 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;}

.main .friends { margin-top: 40px; margin-bottom: 46px; }
.main .friends .title { text-align: center; }
.main .friends .title .p1 { font-size: 24px; color: #333333; height: 24px; line-height: 24px; position: relative; display: inline-block; padding: 0 85px; }
.main .friends .title .p1:after { position: absolute; z-index: 1; height: 1px; width: 100%; left: 0; top: 11px; background: #cccccc; content: ""; }
.main .friends .title .p1 span { display: inline-block; padding: 0 20px; position: relative; z-index: 2; background: white; }
.main .friends .title .p1 span:after, .main .friends .title .p1 span:before { position: absolute; content: ""; height: 3px; width: 3px; background: #cccccc; top: 10px; }
.main .friends .title .p1 span:after { right: 0; }
.main .friends .title .p1 span:before { left: 0; }
.main .friends .title .p2 { font-size: 12px; color: #888888; height: 12px; line-height: 12px; margin-top: 20px; }
.main .friends .list { margin-top: 47px; position: relative; }
.main .friends .list .hd a { position: absolute; width: 31px; height: 31px; cursor: pointer; top: 22px; }
.main .friends .list .hd a.prev { background: url(../images/arr_9.jpg) no-repeat center center; left: 0; }
.main .friends .list .hd a.next { background: url(../images/arr_10.jpg) no-repeat center center; right: 0; }
.main .friends .list .bd { width: 1020px; margin: 0 auto; overflow: hidden; }
.main .friends .list .bd li { float: left; margin-right: 20px; }
.main .friends .list .bd li a { display: block; width: 151px; height: 78px; border: 1px solid #cccccc; }
.main .friends .list .bd li a img { width: 100%; height: 100%; }
.main { margin-top: 24px; }
.center { width: 1120px; position: relative; margin: 0 auto; }