@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1200px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.dno{ display: none;}

*::selection {
  background: #0451A3;
  color: #FFFFFF;
  text-shadow: none; }
*::-moz-selection {
  background: #0451A3;
  color: #FFFFFF;
  text-shadow: none; }
.mainWrap {
  width: 1200px;
  margin: auto; }
.ie6 {
  text-align: center;
  font-size: 16px;
  background: #FC6;
  line-height: 100px;
  z-index: 100000;
  width: 100%;
  position: absolute;
  height: 100px;
  top: 0;
  left: 0; }
.ie6 span {
  float: right;
  margin-right: 30px;
  cursor: pointer; }
.masklayer {
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;}
/* CSS Document */
img{outline: none;}


/*头部*/
.header{height:90px;width:100%;overflow: hidden; }
.logo{margin:20px 0;}
.logo a{float:left;width:255px; background: url(../images/logo-right.png) no-repeat center right;padding-right:10px;margin-right:10px}
.logo span{font-size:16px;color:#333;font-weight:bold;line-height:24px;}

.nav{height:50px; background: #0451A3;}
.nav li{float:left;width:133px;text-align: center;line-height:50px;height:50px}
.nav li a{font-size:14px;color:#fff;line-height:50px;height:50px;display: block;}
.nav li:hover>a,.nav li.on>a{color:#fff;background: #019A00;}
.nav .hide{ background:rgba(0,0,0,0.3);text-align: center;height:50px;line-height:50px;position: absolute;top:140px;left:0px;width:100%;z-index:9999;display: none;}
.nav .hide dd{display: inline-block;margin:0 24px;height:50px;line-height:50px;}
.nav .hide dd a{ display: inline-block;color:#fff;height:50px;line-height:50px;}
.nav .hide dd a:hover{color:#019A00}
.nav .nav-3{ position: absolute;top:50px;margin-left:-45px;z-index:9999;transition: all .5s; opacity: 0;padding:10px 0;background:rgba(0,0,0,0.3);}
.nav .nav-3 em{display: block;width:150px;}
.nav .nav-3 em a{ display: block;line-height:32px;margin:0;height:32px;}
.nav li .hide dd:hover .nav-3{opacity: 1;}
.navfixed{position: fixed;top:0;left:0;width: 100%;z-index:99999}
.navfixed .hide{top:50px;background:rgba(0,0,0,0.7);}
.navfixed .nav-3{top:50px;background:rgba(0,0,0,0.7);}

.header-tel{ background: url(../images/t-tel.png) no-repeat center left;padding-left:55px;margin:25px 0 0 110px;}
.header-tel span,.header-tel b{display: block;color:#0451A3}
.header-tel span{font-size:14px;line-height:14px;}
.header-tel b{font-size:20px;font-family: arial;font-weight:bold;line-height:20px;margin-top:6px}

.header-phone{ background: url(../images/t-phone.png) no-repeat center left;padding-left:45px;;margin:25px 0}
.header-phone span,.header-phone b{display: block;color:#0451A3}
.header-phone span{font-size:14px;line-height:14px;}
.header-phone b{font-size:20px;font-family: arial;font-weight:bold;line-height:20px;margin-top:6px}



/*首页banner*/
.banner{position:relative;}
.banner-hd {height:750px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
.ny-banner,.ny-banner .banner-hd{height:450px;}
.ny-hd{height: 350px;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}

.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:50px;height:2px;margin:0 8px; cursor:pointer; float: left;background: #fff;}
.banner-hd .num li.on {background: #019A00;  } /*当前项*/
/*首页banner*/

/*在线咨询*/
.zx-service{position:fixed; right:0px; top:321px;z-index: 10000; }
.service-box{background-color: #fff; border-radius:5px; width:90px; margin-bottom:8px;box-shadow: 0px 2px 3px  #929ea9;}
.service-box span{display:block;}
.service-box span.text{ background:url(../images/kf01.png) no-repeat; height:47px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:10;}
.service-box ul{margin-top: -7px;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{font-size:12px;color: #757575;}
.service-box li a{display:block; padding-top:6px; padding-bottom:3px;}
.service-box li:first-child a{padding-top: 14px;}
.service-box li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service-box li a:hover{background:#f9f9f9;}
.service-box li a:hover em{color:#1d95d6; }
.service-box ul li:last-child{border:none;}
.service-box li p{position:absolute; left:-170px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #1d95d6;padding: 10px 0px;}
.service-box li:hover p{display:block; }
.service-arrow{box-shadow: 0px 2px 2px #d6d6d6;border:1px solid #ddd;  border-radius:5px;  width:90px; background:url(../images/kf05.png) no-repeat center center #fff; height:40px; cursor:pointer; }
.service-arrow a{display:block; width:90px; height:45px;}



/*解决方案*/
.title{margin:40px 0}
.title div{ background: url(../images/title-bg.png) no-repeat center bottom;height:75px;}
.title span,.title b{display: block;text-align: center;color:#000000}
.title span{font-size:26px;line-height:26px;margin-bottom:5px;}
.title b{font-size:24px;line-height:24px;}
.title p{font-size:14px;color:#808080;line-height:24px;text-align: center;width:965px;margin:10px auto}

.case-list div{width:291px;float:left;height:400px;margin:4px ;overflow: hidden; position: relative;}
.case-list div span,.case-list div b{display: block;text-align: center;color:#fff;margin:20px 0 10px 0}
.case-list div span{font-size:16px;line-height:32px;}
.case-list div span:after{content: '';display: block;width:50px;height:3px; background: #fff;margin:10px auto}
.case-list div p{display: block;color:#fff;width:230px;margin:15px auto;text-align: center;line-height:24px;}
.case-list div a{display: block;padding-top:120px;transition: all .6s;}
.case-list div:after{content: '';display: block;width:2px;height:0; position: absolute;right:10px; background: #fff;top:10px;transition: all .4s;}
.case-list div:before{content: '';display: block;width:2px;height:0; position: absolute;left:10px; background: #fff;bottom:10px;transition: all .4s;}
.case-list div a:after{content: '';display: block;height:2px;width:0; position: absolute;right:10px; background: #fff;top:10px;transition: all .4s;}
.case-list div a:before{content: '';display: block;height:2px;width:0; position: absolute;right:10px; background: #fff;bottom:10px;transition: all .4s;}
.case-list .case1{ background: url(../images/case-1.jpg) no-repeat center center;}
.case-list .case2{ background: url(../images/case-2.jpg) no-repeat center center;}
.case-list .case3{ background: url(../images/case-3.jpg) no-repeat center center;}
.case-list .case4{ background: url(../images/case-4.jpg) no-repeat center center;}
.case-list div p{ position: relative;top:180px; opacity: 0;transition: all .6s;}
.case-list div:hover a{padding-top:60px;}
.case-list div:hover p{ opacity:1;top:0px; }
.case-list div:hover a{background: rgba(0,75,155,0.7);height:400px;width:291px;display: block;}
.case-list div:hover:after{height:380px;}
.case-list div:hover:before{height:380px;}
.case-list div a:hover:after{width:270px;}
.case-list div a:hover:before{width:270px;}
.case-list div b img{transition: all 4s;}
.case-list div:hover b img{transform:rotate(360deg);}
.more{width:180px;height:45px;border:2px solid #0451A3;text-indent:42px; background: url(../images/more.png) no-repeat center right 40px;line-height:45px;margin:50px auto;transition: all .4s;}
.more a{font-size:15px;color:#0451A3;display: block;}
.more:hover{background: url(../images/more.png) no-repeat center right 30px;}
/*解决方案*/

/*关于我们*/
.about{ background: url(../images/about-bg.jpg) no-repeat center center;height:477px;} 
.about-left{width:600px;}
.about-left .about-title{text-align: center; background: url(../images/about-title.png) no-repeat top center;height:180px;width:600px;margin:60px auto 20px auto;padding-top:20px;}
.about-left .about-title b,.about-left .about-title span,.about-left .about-title a{display: block;text-align: center;}
.about-left .about-title b{font-size:52px;font-family: arial;font-weight:bold;color:#D9D9D9;line-height:52px;}
.about-left .about-title span{font-size:24px;color:#000000;font-weight: bold;    margin-top: -38px;line-height:24px;}
.about-left .about-title p{margin:17px 0;font-size:18px;color:#666666;line-height:18px;line-height:24px;}
.about-left .about-p{font-size:15px;color:#666;text-align: justify;text-indent: 30px;}
.about-left .about-title a{width:130px;height:40px;line-height: 40px; background: #0451A3;color:#fff;font-size:14px;margin:0 auto}
.about-right{width:500px;margin-top:70px;}
/*公司实力*/
.enter{margin:40px auto 60px auto}
.strength-list dl{float: left;width:250px;margin:0 25px }
.strength-list dl dt{text-align: center;transition: all .4s; background: url(../images/enter-bg.png) no-repeat center center;}
.strength-list dl dd span,.strength-list dl dd b{ display: block;text-align: center;}
.strength-list dl dd b{font-weight:normal;font-size:18px;margin:10px 0}
.strength-list dl dd span{line-height:22px;color:#888}
.strength-list dl:hover dt{transform:rotate(360deg); background: url(../images/enter-bgfff.png) no-repeat center center;}


/*合作伙伴*/
.partner .title div{ background: url(../images/titlefff-bg.png) no-repeat center bottom;}
.partner .title p{color:#fff}
.partner .title b,.partner .title span{color:#fff}
.partner{background: url(../images/par-bg.jpg) no-repeat center center;padding:5px 0 30px 0;height: 488px;}
.par-list li{float:left;width:232px;height:120px;margin:4px }

/*新闻资讯*/
.news-list li{float:left;width:380px; background: #F4F4F4;margin:10px;}
.news-img{width:380px;height:224px;}
.news-info{height:170px;width:340px;margin:0 auto}
.news-info b,.news-info span,.news-info em{display: block;}
.news-info b{font-size:16px;font-weight:normal;line-height:16px;margin:20px 0 10px 0}
.news-info em{color:#999;}
.news-info p{color:#808080;line-height:28px;margin-top:10px;}
.news-info span{font-weight:bold;color:#333333; background: url(../images/news-more.png) no-repeat center right;width:70px;margin-top:10px}
.news-info span:hover{ background: url(../images/news-morefff.png) no-repeat center right;color:#0451A3;border-bottom:2px solid #0451A3 ;}
.news-list{ position: relative;}
.hd .next,.hd .prev{position:absolute;top:40%;cursor: pointer;}
.hd .next{left:-5%;}
.hd .prev{right:-5%;}
.hd .next:hover{background: url(../images/left-on.png) no-repeat center left;}
.hd .prev:hover{background: url(../images/right-on.png) no-repeat center left;}

/*底部*/
.footer{ background: #0451A3;padding-top:50px}
.footer-top h3{font-size: 16px;color:#fff;font-weight: bold;}
.footer-top h3:after{content: ''; display: block;width:25px;height:2px; background: #019A00;margin:7px 0}
.f-left{width:365px;padding-right:50px;}
.f-left p{color:#cae4ff;line-height:22px;}
.f-center{padding:0 0px 0 50px;background: url(../images/foot-x.png) no-repeat left center ;}
.f-center ul{width:190px}
.f-center ul li{float:left;width:95px}
.f-center ul li a{color:#cae4ff;line-height: 30px;}
.f-center ul li a:hover{color:#fff}

.f-contact {background: url(../images/foot-x.png) no-repeat left center ;padding-left:50px}
.f-contact ul li{color:#cae4ff;line-height: 30px;}

.f-right dl dd{text-align: center;color:#CAE4FF;margin-top:5px;}
.footer-bottom{background: #033972;line-height:50px;margin-top:30px;text-align: center;color:#CAE4FF}
.footer-bottom a{color:#CAE4FF}
.footer-bottom a:hover{color:#fff}


/*内页产品中心*/
.ny-main{margin:40px auto}
.ny-left{width:300px;}
.ny-type{border:3px solid #2964B2;width:275px;margin-bottom: 20px;}
.ny-type .column-title{ background: url(../images/pro-title.jpg) no-repeat center center; width: 275px;height:100px;line-height:100px;font-size:36px;font-weight:bold;color:#fff;text-align: center;}
.ctitle ul{margin-top:20px;margin-bottom:20px;}
.ctitle ul li{height:50px;line-height:50px;width:245px;margin:10px auto;transition: all .3s; position: relative;}
.ctitle ul li a{ display: block;height:50px;line-height:50px; background: #E6E6E6;display: block;font-size:16px;color:#333;transition: all .3s}
.ctitle ul li a:before{content: ''; display: block;width:10px;height:2px; background: #2964B2;float:left;margin-top:25px;margin-left:30px;margin-right:15px;transition: all .3s}
.ctitle ul li:hover a,.ctitle ul li.on a{ background: #019A00;color:#fff}
.ctitle ul li:before{content: '';width:0px;height:50px;display: block;position: absolute;left:0;top:0; background: #2964B2;transition: all .3s}
.ctitle ul li:hover:before,.ctitle ul li.on:before{width:10px;}
.ctitle ul li:hover a:before,.ctitle ul li.on a:before{margin-left:40px;background: #fff;}


.ny-way{margin:20px 0}
.ny-way span{ display: block;margin:15px 13px;}
.ny-way span img{ vertical-align: middle;margin-right:10px;}
.ny-wx{width:240px;margin:20px auto 0 auto}
.ny-wx-fl b,.ny-wx-fl span,.ny-wx-fl em{ display: block;}
.ny-wx-fl b{font-size:16px;color:#2964B2}
.ny-wx-fl b:after{content: '';width:20px;height:2px;display: block;margin:7px 0; background: #2964B2;}

.ny-right{width:880px}
.postion{border-bottom:1px solid #CCCCCC;width:880px;height:50px;line-height:50px;margin-bottom: 10px;}
.postion span{font-size:20px;color:#333333;font-weight:bold;height:50px;line-height:50px;display: inline-block;}
.postion span img{padding-right:10px; vertical-align: middle;}
.postion em{float:right;height:40px;}
.postion a{font-size:14px;color:#666;display: inline-block;}
.postion a:hover{color:#2964B2}
.ny-pro-list li{float:left;border:1px solid #E6E6E6;margin:0  5px ;margin-top:21px;transition: all .3s;overflow: hidden;}
.ny-pro-list li:hover{border:1px solid #2964B2;}
.ny-pro-list .img{width:280px;height:238px;}
.ny-pro-list .info{height:40px; background:#0451A3;color:#fff;line-height:40px;text-align: center;}

/*内页产品详情*/
.ny-right .ny-pro-con{margin-top:15px;margin-left:15px}
.ny-right .pro1 .spec-preview img{display: block;}
.ny-right .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #333;display: block;}
.ny-right .pro1 .descript1 p{width: 520px;font-size: 13px;color: #8e8e8e;line-height: 25px;margin-bottom: 10px;}
.ny-right .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #000; }
.ny-right .pro1 .descript1 a.consult:hover{background-color:#019A00;}
.ny-right .pro1 .descript1 p.haoma{color: #333;font-size: 15px; font-weight: bold; }
.ny-right .pro1 .descript1 p.haoma em{display: block;color:#2964B2;font-size: 20px; font-weight: bold; }
.ny-right .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right .detail .de-title{border-bottom: solid 3px #2964B2; margin-bottom: 15px;}
.ny-right .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#2964B2; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.ny-pro-content{margin-left:10px;margin-top:20px;}

/*新闻列表页*/
.ny-news-list ul li{width:865px; margin:15px 0;overflow: hidden;border: 1px solid #ddd;background: #f5f5f5;margin:10px 7px;}
.ny-news-list ul li .pic{display: block; width:220px;margin:10px;}
.ny-news-list ul li .info{width:585px;margin-right:20px;margin-top:15px;}
.ny-news-list ul li .info .ny-news-title{padding:10px 0; border-bottom: solid 1px #ddd; }
.ny-news-list ul li .info .ny-news-title em{display: block; font-size: 16px; line-height: 16px; color: #333;  width:500px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ny-news-list ul li .info .ny-news-title span{display: block; font-size: 14px; line-height: 16px; color: #888; font-family: arial;}
.ny-news-list ul li .info p{display: block; font-size: 14px; line-height: 28px; color: #888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical ;margin-top:8px }
.ny-news-list ul li .info .ny-news-title em:hover{color: #065290;}

/*合作伙伴列表页*/
.ny-par-list ul{margin-top:15px;}
.ny-par-list ul li{float:left;width:200px;height:103px;margin:9px;border:1px solid #eee}
.ny-par-list ul li:hover{ border:1px solid #2964B2}

.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}