/* 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:#fff;overflow-x: hidden;}
a { text-decoration: none; color: #333;display: block;}
p{color: #434343;}
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;font-weight: normal;}
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}
input , textarea{outline: none;}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.fr{float: right;}
.container{width:1300px; margin:0 auto; height: 100%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{ text-align: left !important;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.col-black{color: #000;}
.col-white{color: #fff !important;}
strong{ font-weight: bold;}
i{font-style: normal;}
.m{ margin: 0 auto;}
.blue{color:#0056a1;}


.head-nav .on>a{}

.head-top{line-height: 40px;height: 40px; background: #e5e5e5;}
.head-top em{font-size: 14px;color: #777777;}
.head-top p{font-size: 14px;color: #777777;background: url(../images/phone-icon.png)no-repeat left center;padding-left: 25px;}

#nav  li{position: relative;}
#nav  li .hide{background:#fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 56%; margin-left: -95px; display: none;width: 175px; position: absolute;z-index: 2; }
#nav  li .hide em a{float: left; display:block;font-size: 15px; line-height:49px;color: #666; text-align: center; border-bottom: 1px solid #f2f2f2; width: 175px;}
#nav  li .hide em:last-child a{border-bottom: none;}
#nav  li .hide em a:hover{color: #FFFFFF; transition:background-color 0.3s linear;background: #2073BB;}

.sj{background: url(../images/icon_sj.png)no-repeat right center;}
.sj2{background: url(../images/icon_sj.png)no-repeat right center;}
.sj3{background: url(../images/icon_sj.png)no-repeat right center;}


.head{width: 100%;}
/* .head .container{height: 85px;line-height: 85px;} */
.head .logo img{margin-top: 23px;margin-left: 15px;}
.head-nav{display: flex;height: 86px;color: #666666;line-height: 86px;width: 745px;margin-left: 300px;}
.head-nav li{width: calc(100%/6);text-align: center;}
.head-nav li a{ color: #333333;line-height: 86px;display: block;text-align: center;font-size: 16px;}
.head-nav li:hover>a{color: #2073bb;}
.head-nav li.on>a{color: #2073bb;}
.head .phone{margin-top: 12px;}
.head .phone p{font-size: 22px;font-family: arial;font-weight: bold;color: #FFFFFF;padding-left: 25px;background: url(../images/phone-icon.png)no-repeat left center;}
.navfixed{position: fixed; width: 100%; top: 0; z-index: 2222;background: #FFFFFF;}

.search{margin-top: 33px;}
/*搜索*/
.en{margin-top: 40px;}
.search img{cursor: pointer;}
.search p{cursor: pointer;}
.search p span{font-size: 15px;color: #222222;font-weight: bold;position: relative;bottom: 6px;left: 10px;}
.search .form{position: absolute;top: 86px;right: 0;width:100%;height:120px;background: #245083;overflow: hidden;display:none; z-index: 2}
.search .form form {width:320px;height:44px;border-radius:50px;background: #fff;overflow: hidden;z-index: 2;margin: auto;margin-top:35px;}
.search .form form input{outline: none;}
.search .form form .text{width:200px;height:45px;background: #fff;border:none;display: block;text-indent:20px;float:right;margin-right: 55px;}
.search .form form .submit{width:18px;height: 18px; background: url(../images/serch-icon.png)no-repeat center;float:left;border:none;cursor: pointer;margin-left: 40px;margin-top: 13px;}


/*banner*/
.banner .swiper-slide{height: 800px;width: 100%;}
.banner .swiper-pagination {bottom: 50px; width: 100%; left: auto;}
.ny-banner .swiper-slide{height: 634px;width: 100%;}
.ny-banner .swiper-slide{height: 600px;width: 100%;margin-top: -75px;}
.ny-banner .swiper-pagination {display: none;}
.banner .swiper-slide img{display: block;}
#banner .swiper-pagination-bullet{width: 50px;height: 2px;background: #FFFFFF;opacity: 1;margin: 10px;}
#banner .swiper-pagination-bullet-active{width: 80px;height: 2px;background: #2e9fff;}
#banner .swiper-button-prev{width: 90px;height: 90px;border-radius: 100%; background: rgba(255,255,255,0.2);left: 115px;overflow: hidden;}
#banner .swiper-button-next{width: 90px;height: 90px;border-radius: 100%; background: rgba(255,255,255,0.2);right: 115px;overflow: hidden;}
#banner .swiper-button-next:hover img,#banner .swiper-button-prev:hover img{transform: translateY(-80px);filter: drop-shadow(#1c71b6 0 80px);}

.about{background: url(../images/about-bg.jpg)no-repeat center;height: 526px;overflow: hidden;}
.about .title{text-align: center;margin-top: 60px;}
.about .title em{font-size: 38px;color: #ffffff;font-weight: bold;display: block;}
.about .title i{display: block;width: 81px;height: 1px;background: #146cb3;margin: auto;margin-top: 10px;margin-bottom: 50px;}
.about .title p{font-size: 16px;color: #FFFFFF;line-height: 36px;width: 1155px;}
.about .title p span{color: #0070ca;}
.about .title a{width: 278px;height: 54px;line-height: 54px;border-radius: 5px;border: 1px solid #015aa2;font-size: 16px;color: #FFFFFF;text-align: center;margin: auto;margin-top: 50px;}
.about .title a span{position: relative;left: 0;transition: all 0.4s;}
.about .title a:hover span{position: relative;left: 10px;}


/* 产品 */
.product{background: url(../images/product-bg.jpg)no-repeat center;height: 100%;overflow: hidden;background-size: cover;padding-bottom: 103px;}
.product .title{text-align: left;margin-top: 60px;margin-bottom: 60px;}
.product .title em{font-size: 38px;color: #333333;font-weight: bold;}
.product .title i{display: block;width: 81px;height: 1px;background: #2876b5;margin-top: 7px;margin-bottom: 20px;}
.product .title p{font-size: 16px;color: #333333;}
.product ul{display: flex;flex-wrap: wrap;}
.product ul li{width: calc(100% / 4);}
.product ul li .pic{overflow: hidden;}
.product ul li .pic img{display: block;width: 100%;transition: all 0.4s;}
.product ul li:hover .pic img{transform: scale(1.1);}
.product ul li .info{background: #FFFFFF;padding: 25px 28px 25px 37px;position: relative;}
.product ul li .info::after{position: absolute;bottom: 0;left: 0; width: 100%;height: 100%;content: '';box-shadow: 0.105px 5.999px 8.55px 0.45px rgba(116, 116, 116, 0.22);opacity: 0;z-index: 9;}
.product ul li:hover .info::after{opacity: 1;}
.product ul li .info em{font-size: 22px;color: #333;}
.product ul li:hover .info em{font-size: 22px;color: #015aa2;}

.product ul li .info span{font-size: 14px;color: #999;text-transform: uppercase;display: block;margin-top: -2px;margin-bottom: 10px;}
.product ul li .info p{font-size: 14px;line-height: 26px;color: #000000; display: none;}
.product .ck{width: 280px;line-height: 56px;border-radius: 5px;background: #015aa2;text-align: center;margin: auto;font-size: 16px;color: #FFFFFF;margin-top: 72px;}
.product .ck:hover i{position: relative;left: 10px;}
.product .ck i{position: relative;left: 0;transition: all 0.4s;}

/* 案例 */
.case{background: url(../images/case-bg.jpg)no-repeat center;height: 682px;overflow: hidden;}
.case .title{text-align: center;margin-top: 70px;}
.case .title em{font-size: 38px;color: #ffffff;font-weight: bold;}
.case .title i{display: block;margin: auto;width: 81px;height: 1px;background: #FFFFFF;margin-top: 10px;}
.case ul{display: flex;justify-content: space-between;margin-top: 50px;}
.case ul li{position: relative;width: 416px;height: 260px;overflow: hidden;}
.case ul li .pic{width: 416px;height: 260px;position: relative;}
.case ul li .pic-caption::after{content: '';width: 404px;height: 250px;border: 1px solid #b7d7ef;position: absolute;top: 4px;left: 5px;}
.case ul li .pic-caption::before{content: '';width: 398px;height: 246px;border: 1px solid #559fd9;position: absolute;top: 6px;left: 8px;}
.case ul li .pic>img{display: block;width: 100%;}
.case ul li .pic .pic-caption{text-align: center;}
.case ul li .pic .pic-caption img{margin-top: 90px;}
.case ul li .pic .pic-caption p{font-size: 18px;color: #FFFFFF;}
.case ul li .pic .pic-caption i{display: block;width: 268px;height: 1px;background: #87bbe4;margin: auto;margin-top: 5px;}
.case ul li em{position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;line-height: 60px;padding-left: 30px;font-size: 16px;color: #ffffff;background: rgba(0,0,0,0.7);transition: all .5s;}
.case ul li:hover em{opacity: 0;}
.case .ck{display: block;margin: auto;width: 280px;line-height: 56px;border-radius: 5px;text-align: center;font-size: 16px;color: #015aa2;background: #FFFFFF;margin-top: 79px;}
.case .ck:hover i{position: relative;left: 10px;}
.case .ck i{position: relative;left: 0;transition: all 0.4s;}

/* 新闻 */
.news{background: url(../images/news-bg.jpg)no-repeat center;height: 850px;overflow: hidden;}
.news .title{text-align: center;margin-top: 50px;}
.news .title em{font-size: 38px;color: #333333;font-weight: bold;}
.news .title i{display: block;margin: auto;width: 81px;height: 1px;background: #333333;margin-top: 10px;}
.news ul{display: flex;justify-content: space-between;margin-top: 53px;}
.news ul li{}
.news ul li .pic{}
.news ul li .pic img{}
.news ul li .info{}
.news ul li .info span{font-size: 16px;color: #015aa2;display: block;margin-top: 17px;margin-bottom: 20px;}
.news ul li .info em{font-size: 18px;color: #015aa2;display: block;margin-bottom: 8px;}
.news ul li .info p{font-size: 16px;color: #333333;line-height: 26px;width: 660px;}
.news ul li:nth-child(2) .info{border-bottom: 1px solid #dfdfdf;padding-bottom: 30px;margin-top: 30px;}
.news ul li:nth-child(2) .info:nth-child(1){margin-top: 0px;}
.news ul li:nth-child(2) .info:nth-child(2){padding-bottom: 42px;}
.news ul li:nth-child(2) .info:nth-child(3){margin-top: 43px;border: 0;}
.news ul li:nth-child(2) .info span{font-size: 16px;color: #015aa2;display: block;margin-top: -3px;margin-bottom: 2px;}
.news ul li:nth-child(2) .info em{font-size: 18px;color: #333333;display: block;margin-bottom: 2px;}
.news ul li:nth-child(2) .info:hover em{color: #015AA2;}
.news ul li:nth-child(2) .info p{font-size: 16px;color: #666666;line-height: 26px;width: 583px;}
.news .ck{font-size: 16px;color: #015aa2;font-weight: bold;text-align: center;margin-top: 45px;}
.news .ck:hover i{position: relative;left: 10px;}
.news .ck i{position: relative;left: 0;transition: all 0.4s;}

/*底部 foot*/
.foot{background: url(../images/foot-bg.jpg)no-repeat center;height: 307px;}
.foot .f-t-left{margin-top: 118px;padding-right: 50px;position: relative;display: flex;}
.foot .f-t-left dl{width: 350px;margin-right: 55px;}
.foot .f-t-left dl dt{width: 38px;height: 2px;background: #999999;margin-bottom: 12px;}
.foot .f-t-left dl dd{font-size: 16px;color: #d3ecfa;line-height: 32px;}
.foot .f-t-main{margin-top: 88px;}
.foot .f-t-right{margin-top: 118px;display: flex;}
.foot .f-t-right dl{width: 210px;margin-right: 20px;}
.foot .f-t-right dl dt{width: 38px;height: 2px;background: #999999;margin-bottom: 12px;}
.foot .f-t-right dl dd{float: left;text-align: left;width: 100px;line-height: 32px;}
.foot .f-t-right dl dd a{font-size: 16px;color: #FFFFFF;}
.foot .f-t-right dl dd a:hover{color: rgba(255,255,255,0.3);}
.foot .wechat span {  display: block;  text-align: center;  margin-top: 10px;  font-size: 16px;  color: #FFFFFF;}

/*底部 foot*/
.foot-end{width: 100%;height: 49px;color: #999999;text-align: center;font-size: 14px;overflow: hidden;line-height: 49px;background: #e0e0e0;}
.foot-end ul{display: flex;justify-content: center;}
.foot-end ul li:nth-child(1) a{margin-left: 10px;}
.foot-end ul li:nth-child(1) span{color: #015aa2;margin-left: 5px;}
.foot-end ul li a{display: inline-block;font-size: 14px;color: #999999;margin-left: 20px;transition: all 0.3s;}
.beian{margin-left: 25px;}
.foot-end ul li a:hover{color: #015aa2;}

/*内页样式*/
.ny-main{overflow: hidden;background: #f2f4f6;padding-top: 35px;padding-bottom: 55px;}
.ny-left{width: 232px;}
.ny-left .tel{width: 232px;height: 56px;line-height: 56px;background: #0768c9;margin-bottom: 11px;}
.ny-left .tel em{font-size: 24px;color: #FFFFFF;font-weight: bold;display: block;margin-left: 25px;}
.ny-left .ctitle1{margin-bottom: 13px;background: #FFFFFF;}
.ny-left .ctitle1  li{line-height: 46px;position: relative;z-index: 1;padding-left: 25px; border-bottom: 1px solid #f1f1f1;}
.ny-left .ctitle1  li:last-child {border: none;}
/* .ny-left .ctitle1  li::after{content: '';width: 232px;height: 46px;background: #a2a4a5;position: absolute;bottom: -7px;left: -4px;opacity: 0; z-index: -1;transition: all 0.6s;}
.ny-left .ctitle1  li:hover::after{opacity: 1;} */

.ny-left .ctitle1  li a{font-size: 15px;color: #666666;width: 100%;position: relative;transition: all 0.4s;}
.ny-left .ctitle1  li i{margin-left: 40px;}


.ny-left .ctitle1  li span {display: block;line-height: 27px;padding: 10px 0;}
.ny-left .ctitle1  li:hover{background: #0768c9;}
.ny-left .ctitle1  li:hover a{color: #fff;}    

.ny-left .ctitle2 {margin-bottom: 13px;background: #FFFFFF;}
.ny-left .ctitle2 li {line-height: 46px;position: relative;z-index: 1;padding-left: 25px; border-bottom: 1px solid #f1f1f1;}
.ny-left .ctitle2  li:last-child {border: none;}
.ny-left .ctitle2  li span {display: block;line-height: 27px;padding: 10px 0; font-size: 15px;}
/* .ny-left .ctitle1  li a::before{content: '';width: 5px;height: 1px;background: red;} */
.ny-left .ny-wechat{margin-top: 13px;background: url(../images/wechat-bg.jpg)no-repeat center;height: 238px;width: 232px;text-align: center;overflow: hidden;}
.ny-left .ny-wechat img{display: block;margin: auto;margin-top: 45px;}
.ny-left .ny-wechat p{font-size: 17px;color: #0768c9;margin-top: 10px;}

.ny-right{width: 1033px;}
.ny-right .ny-product{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.ny-right .ny-product::after{content: '';width: 33%;}
.ny-right .ny-product li{margin-bottom: 27px; margin-right: 18px;}
.ny-right .ny-product li:nth-child(3) { margin-right: 0;}
.ny-right .ny-product li:nth-child(6) { margin-right: 0;}
.ny-right .ny-product li:nth-child(9) { margin-right: 0;}

.ny-right .ny-product li .pic{width: 325px;height: 220px;overflow: hidden;}
.ny-right .ny-product li .pic img{display: block;width: 100%;transition: all 0.4s;}
.ny-right .ny-product li:hover .pic img{transform: scale(1.1);}
.ny-right .ny-product li .info{background: #FFFFFF;padding: 25px 20px;}
.ny-right .ny-product li .info em{font-size: 22px;color: #333333;}
.ny-right .ny-product li .info span{float: right;font-size: 14px;color: #999999;}
.ny-right .ny-product li .info p{font-size: 14px;color: #999999;}
.ny-right .ny-product li:hover .info em,.ny-right ul li:hover .info span,.ny-right ul li:hover .info p{color: #015aa2;}

.ny-right .ny-news{}
.ny-right .ny-news li{background: #FFFFFF;padding: 30px;margin-bottom: 30px;transition: all 0.4s;position: relative;bottom: 0;}
.ny-right .ny-news li:hover{position: relative;bottom: 15px;;}
.ny-right .ny-news li a{display: flex;}
.ny-right .ny-news li a .pic{width: 50%;}
.ny-right .ny-news li a .pic img{width: 100%;display: block;}
.ny-right .ny-news li a .info{padding: 10px 30px 0px 30px;width: 50%;}
.ny-right .ny-news li a .info em{font-size: 22px;color: #555555;}
.ny-right .ny-news li:hover a .info em{color: #0768c9;}
.ny-right .ny-news li a .info span{float: right;font-size: 14px;color: #888888;}
.ny-right .ny-news li a .info p{font-size: 14px;color: #999999;margin-top: 11px;margin-bottom: 40px;}
.ny-right .ny-news li a .info i{display: block;height: 30px;line-height: 30px;width: 125px;text-align: center;color: #fff;font-size: 4;background-color: #0768c9;border-radius: 12px;}

.ny-right .ny-case{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ny-right .ny-case::after{content: '';width: 33%;}
.ny-right .ny-case li{width: calc(100% / 3 - 20px);}
.ny-right .ny-case li .pic{overflow: hidden;}
.ny-right .ny-case li .pic img{display: block;width: 100%;transition: all 0.4s;}
.ny-right .ny-case li:hover .pic img{transform: scale(1.1);}
.ny-right .ny-case li .info{}
.ny-right .ny-case li .info p{text-align: center;font-size: 16px;margin-top: 10px;}



/*产品详情*/
/* .ny-right  .pro1{margin-top: 30px;} */
.ny-right  .pro1 .pro-list-pic{width: 330px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 650px;}
.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: 590px;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;position: relative;}
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #0768c9;}
.ny-right  .pro1 .descript1 a img{opacity: 0;position: absolute;right: -110px;top: -5px;}
.ny-right  .pro1 .descript1 a:hover img{opacity: 1;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #0768c9;font-size: 25px;font-weight: bold; vertical-align: middle; font-style: normal;}
.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 #0768c9; 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:#0768c9;}






/*内页分类居中*/
/* .ny-right .pagelist{text-align: center;margin-top: 20px;} */
.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: #0768c9;border: 1px solid #ddd;}
.ny-right  .pagelist a:hover {color: #0768c9}

.position{ z-index: 9; line-height:55px; color:#a8abb1;background: #f2f4f6; border-bottom: 1px solid #e1e1e1;}
.position span{ background:url(../images/ny-dw.png) left center no-repeat; padding-left:23px;}
.position span,.position a,.position i{ font-size:12px; color:#a8abb1;display: inline-block;}
.position em{ font-size:12px; color:#ff6003; font-style:normal;}
.position a:hover{ color:#ff6003;}

/*QQ 样式*/
.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: #000;}
.zx-service ul li:hover a{background: #CB1A23;}
.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: #CB1A23;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/right-wechat.jpg) no-repeat center top 10px #CB1A23;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;}