@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:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333;  background:#f5f5f5;min-width: 1200px; overflow-x: hidden;}
a { text-decoration: none; color: #333;display: block;}
p{color: #424242;}
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}
li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p,strong,em{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}
tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.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-l{ text-align: left;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.col-black{color: #000;}
.col-white{color: #fff;}
strong{ font-weight: bold;}
b{font-weight: bold;}
.m{ margin: 0 auto;}
.bd{width: 1200px;overflow: hidden;}
/* CSS Document */

/*top*/
.top{background:#fff;height:40px;}
.top .container{position: relative;}
.top p{color:#4d4d4d;line-height: 40px;font-size: 14px;}
.top p.mail{background: url(../images/top-mail.jpg)no-repeat left center;padding-left:31px;font-size: 15px;margin-right: 28px;}
.top .ser{margin-top: 9px;}
.ser-info{position:absolute;top:40px;right:0;z-index: 10;height: 40px;display:none;}
.ser-info input{border:none;outline: none;}
.ser-info .ser-txt{line-height: 40px;text-indent: 10px;font-size: 13px;width: 300px;float: left;}
.ser-info .ser-btn{width: 42px;height:42px;background:url(../images/ser-btn.jpg)no-repeat center;float: right;}

/*head*/
.head {padding-bottom: 27px;}
.head .logo{margin-top: 19px;}
.head .head-tel{margin-top: 38px;background:url(../images/head-tel.png)no-repeat left  center;padding-left: 44px;margin-right: 56px;}
.head .head-tel em{display: block;color: #737373;font-size: 14px;}
.head .head-tel  b{font-weight: bold;color: #2e69d6;font-size: 26px;line-height: 26px;margin-top: 10px;font-family: arial;}
.head .version{margin-top: 51px;}
.head .version ul li{display: inline-block;}
.head .version ul li a{font-size: 14px;}
.head .version ul li.cn{background:url(../images/cn.png)no-repeat left center;padding-left: 35px;margin-right: 13px;} 
.head .version ul li.en{background:url(../images/en.png)no-repeat left center;padding-left: 35px;} 
.head .version ul li:hover a {color: #2e69d6;}



/*nav */
.nav{height: 57px;background:#2e69d6;} 
.nav-list>li{float:left; position: relative;width:171px;padding: 20px 0;height: 16px;text-align: center;}
.nav-list>li>a{display: block;font-size: 16px; line-height:16px;border-right:solid 1px #6d9cf4;color: #fff;height: 16px;position: relative;}
.nav-list>li.on>a{ position: relative; }
.nav-list>li:hover a:after,.nav>li.on>a:after{width: 100%; left: 0; transition:0.6s;}
.nav-list>li:hover,.nav-list>li.on{background:#0847ba;}


.nav .nav-hide{display:none;position: absolute;  top:57px;  width:260px; background: #fafafa; left: 50%; margin-left: -130px;text-align: center;  z-index: 2;}
.nav .nav-hide em a{display: block; font-size: 14px; line-height: 48px; color: #333333; }
.nav .nav-hide em a:hover{background: #0847ba; color: #fff;}
.nav ul li:hover .nav-hide{display: block;}


.headfixed{background:#2e69d6;position: fixed;top: 0px;left: 0px;width: 100%;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);z-index: 9999;}





/*banner*/
.banner{position:relative;}
.banner-hd {height:640px;position: relative; overflow:hidden;}
.banner-hd  ul{height:100%;margin:0 auto;}
.banner-hd  ul li{height:100%;}
.ny-hd{ height: 400px;}
/*数字按钮样式*/
.banner-hd .num {overflow:hidden;position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; }
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:39px;height:5px;color: #FFFFFF;margin:0 8px; cursor:pointer; float: left;background:#fff;}
.banner-hd .num li.on{ background:#2e69d6;} /*当前项*/



.title{text-align: center;margin-bottom: 40px;}
.title h2{font-size: 28px;color:#333;line-height:28px;font-weight: bold;}
.title em{color:#2e69d6;font-weight: bold;}

/*首页产品*/
.pro{margin:60px 0;background: url(../images/line.jpg)no-repeat center 94px;}
.pro-class{}
.pro-class ul{text-align: center;}
.pro-class ul li{overflow: hidden;   position: relative;height: 27px;display: inline-block;width:112px;margin: 0 27px;  text-align: center;line-height: 14px;}
.pro-class ul li a{font-size: 14px;color: #030303;padding-bottom: 15px;}
.pro-class ul li:after{display: none;content: "";width: 106px;height: 11px;  position: absolute;top:26px; left:0;margin-left:6px;background: url(../images/class-on.png)no-repeat bottom;}

.pro-class ul li:hover a,.pro-class ul li.on a{color: #2e69d6;}
.pro-class ul li:hover:after,.pro-class ul li.on:after{display: block;}

.pro-list{margin-top: 50px;}
.pro-list {}
.pro-list ul{width: 1230px;}
.pro-list ul li{margin-right: 26px;float:left;width:280px;text-align: center;}
.pro-list ul li .pic{width:280px;height:206px;overflow: hidden;position: relative;}
.pro-list ul li .pic:after{display: block;content: "";width: 100%;height:100%;background: url(../images/plus.png)no-repeat center rgba(46, 105, 214,0.9);position: absolute;top:-100%;}
.pro-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.pro-list ul li:hover .pic:after{top:0;}
.pro-list ul li .info{background: #fff;}
.pro-list ul li .info p{font-size: 16px;line-height: 60px;color: #666;}



.pro11{margin:60px 0;background: url(../images/pro1-bg.jpg)no-repeat center;height: 550px;padding-top: 60px;box-sizing: border-box;}
.pro11 h2{color: #fff;}
.pro11 .pro-class ul li a{color: #fff;}
.pro11 .pro-class ul li:after{background: url(../images/class-on1.png)no-repeat bottom;}




/*首页简介*/
.about {background: url(../images/about-bg.jpg) no-repeat center;padding-top:79px;height: 600px;box-sizing: border-box;}
.about .title{margin-bottom: 40px;}
.about .title h2{color: #fff;}
.about .title p{font-size: 14px;color: #fff;line-height: 14px;margin-top: 12px;}
.about .info{text-align: center;max-width: 979px;margin: 0 auto;}
.about .info p{font-size: 15px;line-height:30px;color: #fff;}
.about .more{width:186px;height: 46px;border: solid 1px #fff;margin: 39px auto 0;text-align: center;}
.about .more a{line-height: 46px;color: #fff;}
.about .more a:hover{background:#2e69d6;}
.about .about-list{background: url(../images/about-list-bg.png)no-repeat center;margin-top: 55px;}
.about .about-list li{margin: 0 70px;float: left;text-align: center;width: 160px;height: 160px;border-radius: 50%;background: #fff;}
.about .about-list li b{display: block;transition: all 0.3s;   padding-top: 16px; font-size: 56px;font-family: "Arial";color: rgb(46, 105, 214);  font-weight: bold;  line-height:56px;}
.about .about-list li p{ font-size:15px;color: #333;line-height: 15px;margin-top: 9px;}
.about .about-list li:hover b{transform: rotateY(180deg);}




/*首页新闻*/
.news{padding:40px 0 62px;}
.news .title p{margin-top: 13px;font-size: 14px;color: #808080;}
.news .news-list ul{width: 1230px;}
.news .news-list ul li{float: left;width:380px;margin-right: 30px;}
.news .news-list ul li .pic{width: 380px;height:250px;position: relative;}
.news .news-list ul li .pic .date{padding: 0 18px;box-sizing: border-box;  position: absolute;top:0;left: 32px;width: 83px;height: 83px;background:#2e69d6;text-align: center;}
.news .news-list ul li .pic .date em,.news .news-list ul li .pic .date  p{color: #fff;display: block;font-size: 16px;}
.news .news-list ul li .pic .date em{border-bottom: solid 1px #fff;padding-top: 20px;}

.news .news-list ul li .txt{background: #fff;padding:32px 14px;}
.news .news-list ul li .txt em{font-size: 16px;color: #333;line-height: 16px;margin-bottom: 17px;display: block;}
.news .news-list ul li .txt p{font-size: 14px;color: #666;line-height: 26px;}


/*招聘*/

.job{background: #fafafa;padding:43px 0;}
.job h2{font-size: 36px;color:#333;line-height: 36px;margin-bottom: 18px;font-weight: bold;}
.recruit{background:#f1f1f1;height: 518px;width: 449px;padding:22px 30px 0px;box-sizing: border-box;}
.recruit .first{background: #fff;padding-left:18px;padding-top:22px;padding-bottom:22px;}
.recruit .first .txt{width: 268px;margin-left:27px;}
.recruit .first .txt em{font-size: 18px; color: #2e69d6;line-height: 18px;}
.recruit .first .txt p{font-size: 14px;color: rgb(136, 136, 136); line-height: 25px;margin-top:18px;}
.recruit .first .date{width: 64px;}
.recruit .first .date span{display: block;font-size: 62px;line-height: 62px; color: #2e69d6;padding-bottom: 8px;font-family: arial;}
.recruit .first .date p{font-size: 18px;line-height: 18px; margin-top: 3px;color: #2e69d6;font-family: arial;}
.recruit ul li{background: #fff;margin-top:20px;padding-left: 18px;}
.recruit ul li em{font-size: 15px; color: rgb(102, 102, 102);line-height: 50px;   }
.recruit ul li:hover em{color: #2e69d6;}
.news-info{}
.latest-news{margin-top:10px;}
.news-info1 {margin-left:38px;}




/*公共底部*/
.foot{background: #272727; padding: 56px 0 0px;}
.foot dl{float: left;margin-right:30px;}
.foot dl dt{font-size: 16px; color: #fff; line-height:16px;margin-bottom: 26px;}
.foot dl dd a,.foot dl dd{ font-size: 14px; color: rgb(157, 157, 157); line-height:28px; } 
.foot dl.fr{margin-right: 0;float: right;}
.foot dl.fr dd{display: inline-block;margin-right: 17px;text-align: center;}
.foot dl.fr dd.web-code img{border:solid 4px #fff;}
.foot dl.fr dd img{display: block;}
.foot dl.fr dd:last-child{margin-right: 0;}
.copyright {margin-top:58px;border-top:solid 1px #363636;height: 50px;color: #878787;line-height: 50px;}
.copyright a{display: inline-block;color: #878787;line-height: 50px;}
.copyright a:hover{color: #fff;}







/*内页*/
.ny-main {margin-top: 40px;margin-bottom: 60px;overflow: hidden;}
.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; margin-bottom: 30px;}
.position .container{background:url(../images/position-home.png) no-repeat 0 center; padding-left:30px; width: 1170px;}
.position a{background:url(../images/position-arrow.png) no-repeat right center; padding-right:20px; margin-right:10px;display: inline-block;}
.position a:last-child{background: transparent;}
.position .on{color: #23348e;}
.position a:hover{color: #23348e;}


/*左侧*/
.ny-left {width: 260px; }
.column-title{background: #2e69d6; height: 100px;}
.column-title em{display: block; font-size: 25px; line-height: 25px; padding-top: 42px; margin-bottom: 3px;text-transform: uppercase;}
.column-title span{display: block;  opacity: 0.61;font-size:14px;}
.ctitle1{background: #eee; width: 220px; padding: 18px 20px 32px; border-bottom: solid 6px #2e69d6; margin-bottom: 30px;}
.ctitle1>li{}
.ctitle1>li>a{display: block;  font-size: 16px; line-height: 42px; color: #000;border-bottom: solid 1px #ccc; font-weight: bold; background: url(../images/pro-more.png) no-repeat right center;}
.ctitle1>li:hover>a,.ctitle1>li.on>a{color: #2e69d6}
.ctitle1>li>.ctitle2{background: #fff;}
.ctitle1>li>.ctitle2>li>a{color: #333;line-height: 60px;text-indent: 30px;font-weight: bold;}
.ctitle1>li>.ctitle2>li>a:hover{color:#2e69d6;}
.ctitle1>li>.ctitle2>li>.ctitle3>li{text-indent: 40px;}
.ctitle1>li>.ctitle2>li>.ctitle3>li>a{color: #666;line-height: 40px;}
.ctitle1>li>.ctitle2>li>.ctitle3>li>a:hover{color:#2e69d6;}

.ny-contact {background: #fff;}
.ny-contact .bg{display: block;padding-left: 20px; height: 100px;background: url(../images/ny-contact.jpg) no-repeat center center;}
.ny-contact span,.ny-contact em{display: block;color: #fff;}
.ny-contact span{font-size: 18px;line-height: 18px;padding-top: 30px;}
.ny-contact em{font-family: arial;}
.ny-contact ul{padding: 20px 10px;background: #fff;margin-bottom: 20px;}
.ny-contact ul li span,.ny-contact ul li img,.ny-contact ul li a{display: block;margin: 0 auto;}
.ny-contact ul .ny-qcode{padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.ny-contact ul .ny-qcode span{color: #4c4c4c;line-height: 14px;padding-top: 10px;}
.ny-contact ul .ny-tel{margin:0 auto 20px;width: 150px; text-align: center;font-size: 21px;font-family: arial;color: #2e69d6;line-height: 20px;padding-left:14px;background: url(../images/ny-tel.png) no-repeat center left;background-size: 20px;}


.ny-right{width: 900px; overflow: hidden;}

/*右侧*/
.ny-right {width:900px}

/*内页产品列表*/
.ny-right .ny-product-list ul{width: 933px;}
.ny-product-list ul li{float: left; width: 281px; margin-right: 30px; margin-bottom: 30px;}
.ny-product-list ul li .pic{width: 280px; height: 206px; border: solid 1px #ccc; position: relative; overflow: hidden;}
.ny-product-list ul li .more{position: absolute;top:0; background:  rgba(31, 121, 212,0.9); width: 100%; height: 100%; transition:0.6s; opacity: 0;}
.ny-product-list ul li .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.ny-product-list ul li .line_1 { width: 40px; height: 1px; margin: -1px 0px 0px -20px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.ny-product-list ul li .line_2 { width: 1px; height: 40px; margin: -20px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.ny-product-list ul li:hover .more{opacity: 1;}
.ny-product-list ul li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.ny-product-list ul li h3{display: block;font-size: 15px; line-height: 45px; color: #333; border-bottom: 1px solid #ccc;  text-align: center;}


/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 455px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #2e69d6;}
.ny-right  .pro1 .descript1 p.haoma{text-align: left; color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #2e69d6;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #2e69d6; margin-bottom: 20px;}
.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:#2e69d6;}

/*内页案例*/
.ny-case-list {}
.ny-case-list ul  li {float: left;width: 280px;margin-right: 30px;margin-bottom: 30px;}
.ny-case-list ul  li .pic{width: 280px;height: 206px;overflow: hidden;}
.ny-case-list ul  li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.ny-case-list ul  li  .info{box-sizing: border-box;width: 280px;text-align: left;}
.ny-case-list ul  li  .info p {background:url(../images/case-more.png)no-repeat 200px center #fafafa;padding:0 16px;font-size: 15px;color:#666;height: 66px;line-height: 66px;}
.ny-case-list ul  li :hover .info p{background:url(../images/case-more-on.png)no-repeat 200px center #2e69d6;color:#fff;}


/*内页新闻*/
.ny-news-list .date{width: 40px;padding-right: 25px;border-right:solid 1px #e6e6e6;text-align: center;}
.ny-news-list .date span{display: inline-block;font-size: 35px;line-height: 35px;color: #3c3c3c;font-family: arial;font-weight: bold;}
.ny-news-list .date p{font-size: 14px;line-height: 14px;color: #666; margin-top: 10px;font-family: arial;font-style: italic;display: block;}
.ny-news-list{width: 900px;}
.ny-news-list ul{}
.ny-news-list ul li{overflow: hidden;margin-bottom:26px;padding:24px 31px;background: #fff; }
.ny-news-list ul li .descript{overflow: hidden;width: 745px;}
.ny-news-list ul li .descript strong{font-size: 16px;line-height:16px;color: #4c4c4c;display: block;font-weight: normal;}
.ny-news-list ul li .descript p{color: #808080;font-size: 14px;line-height: 20px;margin-top: 8px;}
.ny-news-list ul li:hover .date span,.news-list ul li:hover .date p,.ny-news-list ul li:hover .descript strong{color: #2e69d6; }

/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #004892;}
.zx-service ul li:hover a{background: #2e69d6;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #2e69d6;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/wechat-pic.jpg) no-repeat center top 10px #2e69d6;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}



/*内页分页样式*/
.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;}