*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden}
body,input{font-family:arial;color:#333;font-size: 14px;}
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li,li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.container{max-width:1500px;margin:0 auto}
.container-s{width:96%;margin:0 auto}
.wap-container{width:96%;margin:0 auto}
input{outline: none;}
.fl{float:left;}
.fr{float:right;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
/*公共样式*/

.header{height:90px; position: fixed;top:0;left:0;width:100%; background: #fff;z-index: 9999;box-shadow:1px 1px 5px rgba(0,0,0,0.1) ;}
.header-zw{height:90px}
.header .logo{width:107px;margin-top:10px}
.nav{width:60%;margin-left:11%}
.nav li{float:left;width:calc(100%/7);text-align: center;line-height: 90px;}
.nav ul>li>a{float:left;width:100%;line-height: 90px;font-size:15px}
.nav ul>li:hover>a,.nav ul>li.on>a{ background: #f5f5f5;color:#007EC1}

.nav-dl{ position: absolute;top:90px;left:0;right:0;width:80%;z-index: 999;display: none;text-align: left;margin:0 auto}
.nav-dl .container:after{content: '';}
.nav-dl .container{ background: #fff;padding:15px 0;box-shadow:1px 1px 5px rgba(0,0,0,0.1);border-radius:0 0 5px 5px;}
.nav-dl dl{float:left;width:23%;margin:1%}
.nav-dl dl dt{overflow: hidden;}
.nav-dl dl dt img{width: 100%;transition: all .5s;}
.nav-dl dl h2{font-size:18px;line-height: 18px;margin:15px 0;transition: all .5s;}
.nav-dl dl p{font-size:14px;color:#666666;line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nav-dl dl em{font-size:14px;color:#0e8ae4;margin-top:10px;display: block;transition: all .5s;    line-height: 20px;}
.nav-dl dl:hover dt img{transform: scale(1.1);}
.nav-dl dl:hover em{text-decoration: underline;}
.nav-dl dl:last-child{display: none;}

.search{width: 177px;height:36px;border:1px solid #CCCCCC;border-radius:50px;margin-top:25px}
.search input{float:left; background: none;border:none;height:36px;line-height: 36px}
.search .text{width:140px;text-indent: 20px;}
.search .submit{ background: url(../images/search.png) no-repeat center;width:15px;float:right;margin-right:10px}

.lang{margin-top:30px;}
.header-fr{width:20%}


.banner{ position: relative;overflow: hidden;}
.banner img{width: 100%;}
.banner .swiper-pagination {bottom:35% !important;left:auto!important;width:12px !important;right:30px}
.banner .swiper-pagination span{border:1px solid #fff;opacity: 1; background: none;width:12px;height:12px;box-sizing: border-box;display: block;margin-bottom:20px !important}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background: #fff;}

.banner-con{ position: relative;}
.scroll{width:57px;height:57px; position: absolute;bottom:5%;left:0;right:0;margin: 0 auto;z-index: 9999;animation:mymove 2s cubic-bezier(0.445, 0.145, 0.355, 1)  infinite;cursor: pointer;}

@keyframes mymove
{
0%   {bottom: 4%;}
50%  {bottom: 6%;}
100% {bottom: 4%;}
}
/*头部*/


/*公司简介*/
.about{ background: url(../images/about-bg.jpg) no-repeat center;height:500px}
.about-left,.about-right{width:50%}
.about-left h2{margin:90px 0 25px 0}
.about-left h2 span,.about-left h2 b{display: block;}
.about-left h2 b{font-size:28px;color:#333;line-height: 28px;letter-spacing: 1px;}
.about-left h2 span{font-size:14px;color:#999999;font-family: arial;font-weight: normal;line-height: 14px;margin-top:8px;}
.about-left p{color:#666666;line-height: 30px;width:90%;text-align: justify;}
.about-more{width:136px;height:39px;line-height: 39px;margin-top:50px}
.about-more a{display: block;background:url(../images/aboutu-more.png) no-repeat center right 20px #0093DD;transition: all .4s;color:#fff;text-indent: 27px;border-radius:100px}
.about-more a:hover{background:url(../images/aboutu-more.png) no-repeat center right 25px #007EC1;text-indent:20px;}


.about-right dl{width:90%;margin:30px 0 30px 10%;overflow: hidden;}
.about-right div{margin-top:80px}
.about-right dl dt,.about-right dl dd{float:left}
.about-right dl dd{margin-left:30px;}
.about-right dl dd b,.about-right dl dd span{display: block;text-shadow:3px 3px 1px rgba(13,25,60,0.44) ;}
.about-right dl dd b{font-size:20px;font-weight: bold;color:#fff;line-height: 22px;margin-top:25px}
.about-right dl dd span{color:#fff;margin-top:5px;font-family: arial;}


/*产品中心*/
.product{margin:50px 0}
.pro-title{margin-bottom:40px}
.pro-title h2 b,.pro-title h2 span{display: block;}
.pro-title h2 b{font-size:28px;color:#333333}
.pro-title h2 span{color:#999999;font-size:14px;font-family: arial;font-weight:normal}
.pro-title .fr a{transition: all .5s;text-indent:30px;width:150px;height:40px;border:1px solid #ddd;border-radius:50px;float:right;color:#666;line-height: 40px;background: url(../images/pro-more.png) no-repeat center right 20px;}
.pro-title .fr a:hover{text-indent: 26px;background: url(../images/aboutu-more.png) no-repeat center right 30px #007EC1;color:#fff }

.pro-list li{float:left;width: 24%;margin:1% 0.5%;}
.pro-list li .pic{ background: #FAFAFA;position: relative;overflow: hidden;}
.pro-list li .pic p{transition: all .5s;color:#fff;text-align: center;line-height:28px;width:80%;margin:0px auto; background: rgba(0,147,221,0.75);height:86%; position: absolute;top:105%;right:0;left:0;margin:0 auto;border-radius:5px}
.pro-list li .pic p em{display: block; margin: 67px auto 0; width: 90%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pro-list li .info{font-size:15px;color:#666;margin-top:10px;text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.pro-list li:hover .pic p{top:8%} 
.pro-list li:hover .info{color:#007ED9}
.pro-list li .pic img{transition:all 1s;width: 100%;}
.pro-list li:hover .pic img{transform: scale(1.1);}


/*产品服务*/
.service{background: url(../images/sevice-bg.jpg) no-repeat center;height:300px;text-align: center;}
.service h2{padding-top:85px;}
.service p{font-size:16px;font-family: arial;line-height: 18px;margin-top:15px;color:#fff}
.service em{display: block;margin-top:120px}


.partner{margin:90px auto 50px auto}
.partner ul li{float:left;width:285px;box-shadow:0px 1px 4px rgba(0,0,0,0.1) ;text-align: center;}
.partner-list{ position: relative;overflow: hidden;padding:20px 10px 60px 10px}

.partner ul li img{width: 100%;}

.news{margin-top:50px}
.news-list{margin-bottom:50px; position: relative;overflow: hidden;}
.news-list li{float:left;border:1px solid #EEEEEE;width:24%;box-sizing: border-box;}
.news-list li .pic{width: 100%;overflow: hidden;}
.news-list li .pic img{width: 100%;transition: all .5s;height: 229px;}
.news-list li .info{width:90%;margin:20px auto}
.news-list li .info h3{font-size:16px;font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news-list li .info{width:90%;margin:25px auto 20px auto}
.news-list li .info p{font-size:14px;line-height: 20px;margin:15px 0;color:#777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list li .date{ background: #F5F5F5;height: 50px;line-height: 50px;transition: all .3s;}
.news-list li .date span{color:#777;margin-left:5%}
.news-list li .date em{color:#777;margin-right:5%;float:right; margin-top: 13px;}

.news-list li:hover .pic img{transform: scale(1.1);}
.news-list li:hover .date{ background: #007ED9;}
.news-list li:hover .date span{color:#fff}
.news-list li:hover .info h3{color:#007EC1}


/*在线留言*/
.message{ background:url(../images/message-bg.jpg) no-repeat center;height:290px}
.message .title{padding:75px 0 50px 0}
.message .title b,.message .title span{display: block;text-align: center;color:#fff}
.message .title b{font-size:28px;line-height: 28px;}
.message .title span{font-family: arial;line-height: 14px;color:#fff;font-size:14px;font-weight:normal;margin-top:6px;}

.message-form{text-align: center;}
.message-form div{display:inline-block;height:50px;background: #fff;margin-right:6px;}
.message-form div input {height:50px;border:none;background: none;width:80%;float:left;text-indent:15px;}
.message-form .mess-text{ background: url(../images/form-name.png) no-repeat center right 20px #fff;width:315px;}
.message-form .mess-tel{ background: url(../images/form-tel.png) no-repeat center right 20px #fff;width:315px;text-indent:15px;}
.message-form .mess-txt{ background: url(../images/form-message.png) no-repeat center right 20px #fff;width:513px;text-indent:15px;}
.message-form .mess-submit{ background: #0093DD;width:152px;line-height:50px;color:#fff;}
.message-form .mess-submit input{color:#fff}

/*底部*/
.footer{ background: #232323;padding:50px 0 0 0}
.footer-top {padding-bottom:50px}
.footer h2{font-size:18px;font-weight: bold;color:#fff;margin-bottom:30px}
.footer ul li{color:#DFDFDF;margin-bottom:20px;}
.footer ul li img{margin-right:10px;}

.foot-nav{width:210px;margin-left:10%}
.foot-nav li{float:left;width:50%; background:url(../images/f-jt.png) no-repeat center left;text-indent:10px;color:#fff}
.foot-nav li a{color:#DFDFDF}

.foot-pro{margin-left:10%}
.foot-pro li{background:url(../images/f-jt.png) no-repeat center left;text-indent:10px;}
.foot-pro li a{color:#DFDFDF}

.foot-wx{overflow: hidden;}
.foot-wx dl{float: left;text-align: center;margin-left:30px;}
.foot-wx dl dd{color:#fff;margin-top:10px;}

.footer-bottom span{margin-right:20px;}
.footer-bottom{height:60px;line-height: 60px;background: url(../images/foot-x.png) no-repeat center top;text-align: center;color:#AAAAAA}
.footer-bottom a{color:#AAAAAA}
.footer-bottom a:hover{color:#fff}


/*内页*/
.ny-banner{ position: relative;}
.ny-banner .ny-banner-img img{width: 100%;}
.ny-banner .position{position: absolute;bottom:0;width: 100%; background: rgba(0,0,0,0.45);height:65px;}
.ny-banner .position .fl{color: #fff;line-height: 65px;}
.ny-banner .position .fl a{color:#fff}
.ny-banner .position .fl a:after{content: "/";margin:0 10px 0 15px;}
.ny-banner .position .fl a:last-child:after{display: none;}
.ny-banner .position .fl a:hover{color:#007ED9}
.ny-banner .position .ctitle1 li{float:left;width:200px;line-height: 65px;color:#fff;}
.ny-banner .position .ctitle1 li a{font-size:16px;color:#fff;float:left;width:100%;height:65px;text-align: center;}
.ny-banner .position .ctitle1 li:hover a,.ny-banner .position .ctitle1 li.on a{ background: #00A1F2;}

.ny-banner .position .proclass .ctitle1 li{width: auto; margin-left: 10px;}
.ny-banner .position .proclass .ctitle1 li a{padding: 0 10px;}



.ny-about1{margin:70px 0}
.ny-about1-left{width:50%}
.ny-about1-left img{width: 100%;}
.ny-about1-right{width:45%; background: url(../images/about-logo.png) no-repeat right bottom;padding-bottom:80px}
.ny-about1-right h2{margin:130px 0 20px 0}
.ny-about1-right h2 b,.ny-about1-right h2 span{display: block;}
.ny-about1-right h2 b{font-size:26px;font-weight:bold;line-height: 26px;color:#333;}
.ny-about1-right h2 span{font-size:13px;color:#808080;font-family: arial;font-weight:normal;margin-top:6px}
.ny-about1-right p{color:#666666;line-height: 30px;;}


.ny-about2 dl{float:left;width:calc(100%/3 - 60px);margin:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.1) ;padding:20px}
.ny-about2 dl dd,.ny-about2 dl dt{float:left}
.ny-about2 dl dt{float:right}

.ny-about2 dl h2 b{font-size:24px;line-height: 24px;color:#333;font-weight: bold;}
.ny-about2 dl h2 p{color:#4c4c4c;font-size:16px;font-weight: normal;margin-top:10px;}
.ny-about2 dl span{display: block;margin:10px 0 30px 0}

.ny-about3{margin:70px 0}


.ny-about4-left{width:90px;height:400px}
.ny-about4-right{width:calc(100% - 100px);margin-left:10px;position: relative;overflow: hidden;}
.ny-about4-right dl{float:left;width:20%}
.ny-about4-right dl dd{height:200px; background:url(../images/deve-img.png) no-repeat bottom 10px right 10px #F7F7F7;}
.ny-about4-right dl dt{height:200px;width: 100%;overflow: hidden;}
.ny-about4-right dl dt img{width: 100%;}

.ny-about4-right dl dd b,.ny-about4-right dl dd p{width:80%;margin:0 auto;display: block;}
.ny-about4-right dl dd b{font-size:26px;color:#00a1f2;font-weight: bold;padding:40px 0 10px 0}
.ny-about4-right dl dd p{color:#666}

.ny-about4-right .deve-jt{width:55px;height:55px;border-radius:100%}
.ny-about4-right .swiper-button-next:hover{background: url(../images/deve-righton.png) no-repeat center #fff !important;right:0}
.ny-about4-right .swiper-button-prev:hover{background: url(../images/deve-lefton.png) no-repeat center #fff !important;;right:0}

.ny-about5{ background: #F7F7F7;padding:60px 0;margin-top:80px;}
.ny-about5 .ny-about-title h2 b,.ny-about5 .ny-about-title h2 span{display: block;}
.ny-about5 .ny-about-title h2 b{font-size:26px;line-height: 26px;color:#333;}
.ny-about5 .ny-about-title h2 span{line-height: 14px;color:#808080;font-size:14px;margin-top:5px;font-weight:normal;}



.ny-about-title ul li{float:left;width:135px;height:40px;border:1px solid #e5e5e5;line-height: 40px;text-align: center;color:#333; background: #fff;border-radius:5px;margin-left:15px;}
.ny-about-title ul li.on{ background: #29A0FA;border-color:#29A0FA;color:#fff;cursor: pointer;}
.ny-about-title ul li.on a{color:#fff;}

.ny-about5-list{width:100%;margin-top:40px;}
.ny-about5-list div{width: 100%}
.ny-about5-list div.bd{overflow: hidden;}
.ny-about5-list ul{float:left;width:24%;margin-right:19px}
.ny-about5-list ul li{margin-bottom:30px}
.ny-about5-list ul li .pic{ background: #fff;border:1px solid #E6E6E6;}
.ny-about5-list ul li .pic img{display: block;width:100%}
.ny-about5-list ul li{text-align: center;}
.ny-about5-list ul li .info{font-size:16px;text-align: center;line-height: 40px;}
.ny-about5-list ul li:hover .info{color:#007EC1}


.ny-about5-list1{width:100%;margin-top:40px;}
.ny-about5-list1 div{width: 100%}
.ny-about5-list1 div.bd{overflow: hidden;}
.ny-about5-list1 ul{float:left;width:24%;margin-right:19px}
.ny-about5-list1 ul li{margin-bottom:30px}

.ny-about5-list1 ul li .pic{ background: #fff;border:1px solid #E6E6E6;}
.ny-about5-list1 ul li .pic img{display: block;width:100%}
.ny-about5-list1 ul li{text-align: center;}
.ny-about5-list1 ul li .info{font-size:16px;text-align: center;line-height: 40px;}
.ny-about5-list1 ul li:hover .info{color:#007EC1}


/*联系我们*/
.ny-contact-top{margin:50px 0}
.ny-contact-left{box-shadow:0px 0px 10px rgba(0,0,0,0.16) ;width:65%}
.ny-contact-left h2 {padding:40px}
.ny-contact-left h2 b,.ny-contact-left h2 span{display: block;}
.ny-contact-left h2 b{font-size:30px;color:#2888d8;line-height: 30px;;}
.ny-contact-left h2 span{color:#999999;font-size:16px;line-height: 16px;font-weight:normal;margin-top:5px;}

.ny-contact-con div:nth-child(odd){ background: #F2F2F2;}
.ny-contact-con div{overflow: hidden;padding:50px 0}
.ny-contact-con div:nth-child(3){padding-bottom:20px}
.ny-contact-con div:nth-child(3) dl:nth-child(2){margin-top:-20px}
.ny-contact-con div:nth-child(3) dl:nth-child(2) b{margin-top:30px;}
.ny-contact-con div dl{float:left;width:45%;margin-left:5%}
.ny-contact-con div dl dt,.ny-contact-con div dl dd{float:left}
.ny-contact-con div dl b,.ny-contact-con div dl span{display: block;font-size:16px;}
.ny-contact-con div dl span{margin-top:6px;}
.ny-contact-con div dl dd{margin-left:20px}


.ny-contact-right{box-shadow:0px 0px 10px rgba(0,0,0,0.16) ;width:32%;padding-bottom:26px}
.ny-contact-right h2{font-size:30px;line-height: 30px;margin:50px 0;text-align: center;font-weight: normal;}

.ny-con-form form div{width:80%;margin:20px auto}
.ny-con-form form input{width:100%;height:65px;text-indent: 30px;font-size:16px; background: #F2F2F2;border-radius:50px;border:none;margin:0 auto}

.ny-con-form form .form-submit input{background: #0096E0;color:#fff;text-indent: 0;}
.ny-contact-bottom{ background: #fff;padding:10px;box-shadow:0px 0px 10px rgba(0,0,0,0.16) ;margin-bottom:60px;}


/*新闻*/
.ny-news-list{margin:40px 0}
.ny-news-list li{float:left;width:calc(100%/3 - 30px);margin:15px;box-shadow:0px 0px 6px rgba(0,0,0,0.11);padding:40px 0}
.ny-news-list li h2{font-size:16px;line-height: 16px;border-bottom:1px solid #EBEBEB;margin-bottom:20px;padding-bottom:20px;font-weight:normal}
.ny-news-list li a{display: block;width:90%;margin:0 auto}
.ny-news-list li .pic{overflow: hidden;}
.ny-news-list li .pic img{width: 100%;transition: all .4s;height: 269px;}
.ny-news-list li .info{margin-top:20px;}
.ny-news-list li .info p{font-size:14px;color:#666666;line-height: 24px;margin-bottom:20px;}
.ny-news-list li .info span{color:#666; background: url(../images/more-jt.png) no-repeat center right;display: block;}
.ny-news-list li:hover .pic img{transform: scale(1.1);}
.ny-news-list li:hover h2{color:#007EC1}


/*产品中心*/

.wap-pro-list-pic{display: none;}
.ny-pro-left{width:20%;border-bottom:3px solid #00A1F2}
.ny-pro-title{background:url(../images/pro-logo.png) no-repeat center left 20px #00A1F2;height:100px;}
.ny-pro-title b,.ny-pro-title em{display: block;text-indent:100px;}
.ny-pro-title b{font-size:24px;color:#fff;font-weight:bold;line-height: 24px;padding-top:30px}
.ny-pro-title em{font-size:14px;color:#fff;line-height: 14px;margin-top:2px;font-weight:normal}

.ny-pro-con{margin:70px 0}
.ny-pro-nav{margin-top:10px; background: #F2F2F2;}
.ny-pro-nav .ctitle1{border:1px solid #EBEBEB}
.ny-pro-nav .ctitle1>li>a{text-indent:50px;line-height: 70px;font-size:18px;height:70px;background:url(../images/pro-jt.png) no-repeat center left 20px #fff;display: block;}
.ny-pro-nav .ctitle1>li>a:after{content: '';float:right; background: url(../images/pro-jtup.png) no-repeat center;width:15px;height:9px;margin:30px 17px 0 0;transition: all .4s;}
.ny-pro-nav .ctitle2>li>a{height:60px;line-height: 60px;border-bottom:1px solid #EBEBEB;display: block;text-indent: 40px;font-size:15px;}
.ny-pro-nav .ctitle1>li.on>a:after{background: url(../images/pro-jtbottom.png) no-repeat center;}
.ny-pro-nav .ctitle1>li.on>a{background:url(../images/pro-jton.png) no-repeat center left 20px #00A1F2;color:#fff}
.ny-pro-nav .ctitle2>li>a:hover{color:#00A1F2}
.ny-pro-nav .ctitle2>li.on>a{color:#00A1F2}

.ny-pro-right{width:78%;}
.ny-pro-search{width:100%;background: url(../images/ny-pro-search.jpg) no-repeat center;height:53px;margin-bottom:30px;line-height: 53px;background-size: cover;}
.ny-pro-search .fl{font-size:18px;color:#00A1F2;font-weight:bold;margin-left:30px}
.ny-pro-search .fr{width:280px;height:40px;border:none; background: #fff;margin-top:7px;margin-right:70px}
.ny-pro-search .fr input{float:left;border:none; background: none;}
.ny-pro-search .fr .form-input{width:80%;height:40px;text-indent:20px;}
.ny-pro-search .fr .form-submit{width:20%; background: url(../images/search.png) no-repeat center;height:40px;}

.ny-pro-list li{float:left;width: calc(100%/3 - 30px);margin-right:30px;border:1px solid #EBEBEB;box-sizing: border-box;margin-bottom:30px}
.ny-pro-list li:nth-child(3){margin-right:0}
.ny-pro-list li .pic{width:100%}
.ny-pro-list li .pic img{width: 100%;}
.ny-pro-list li .info{ background: #F2F2F2;height:45px;line-height: 45px;text-align: center;transition: all. 5s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ny-pro-list li:hover .info{background: #00A1F2;color:#fff}


.pro-list-pic{width:600px}
.descript1{width: calc(100% - 640px);float:right;margin-top:20px;}
.ny-pro-details .pro1{margin-top:5px;}
.ny-pro-details .pro1 .spec-preview img{display: block;}
.ny-pro-details .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #333;display: block;}
.ny-pro-details .pro1 .descript1 p{width: 100%;font-size: 14px;color: #8e8e8e;line-height: 30px;margin-bottom: 10px;}
.ny-pro-details .pro1 .descript1 b{display: block; font-size: 17px; color: #333; font-weight: bold; margin-top: 10px;}
.ny-pro-details .pro1 .descr-azx{overflow: hidden;}
.ny-pro-details .pro1 .descr-azx a{float:left; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #000;margin-right:10px }
.ny-pro-details .pro1 .descr-azx a:hover,.ny-pro-details .pro1 .descr-azx a:nth-child(1){background-color:#00A1F2;}

.ny-pro-details .pro1 .descript1 p.haoma{border-top:1px solid #D9D9D9;padding:30px 0;margin-top:30px;}
.ny-pro-details .pro1 .descript1 p.haoma{color: #333;font-size: 17px; font-weight: bold;background: url(../images/pro-xqkf.png) no-repeat center left;padding-left:50px;line-height: 17px;}
.ny-pro-details .pro1 .descript1 p.haoma em{color:#4192DB;font-size: 24px; font-weight: bold; }
.ny-pro-details .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-pro-details .pro1 .share ul li{float: left;margin: 0 5px;}


.de-title{margin:40px 0 20px 0;border-left: solid 4px #00A1F2; margin-bottom: 15px; background: #F2F2F2;height:60px;line-height: 60px;}
.de-title b{font-weight:bold;font-size: 22px;color:#333;margin-left:20px;}
.de-title span{color:#666;margin-left:10px}

.ny-pro-details .infor p{font-size:16px;line-height:30px;}
.ny-pro-tj-list{overflow: hidden;position: relative;margin-bottom:50px}
.ny-pro-tj-list li{float:left;width:calc(100%/4 - 30px); background: #f5f5f5;border:1px solid #eee;box-sizing: border-box;}
.ny-pro-tj-list li .pic{width:100%}
.ny-pro-tj-list li .pic img{width: 100%;}
.ny-pro-tj-list li .info{height:45px;line-height: 45px;text-align: center;}
.ny-pro-tj-list li:hover .info{ background: #00A1F2;color:#fff}

.ny-pro-tj-list .swiper-button-next,.ny-pro-tj-list .swiper-button-prev{width:55px;height:55px; background: #fff;border-radius:100%}


/*手机端公共头部*/
.wap-header{display: none; height: 68px; position: fixed; top: 0; width: 100%; background: #fff; z-index: 999;}
.wap-header .logo h1{line-height: 0;}
.wap-header .logo a{display: block;}
.wap-header .logo  img{display: block; margin-top:5.5px; width: 85px;}
.wap-click { padding: 11px 0;}
.wap-click span{width: 34px; height: 2px;background: #333;display: block;margin: 10px auto; transition: all 277ms ease-in-out;position: relative;}
.active span.cl-1{transform: rotate(-45deg);top:12px;}
.active span.cl-2{opacity: 0;}
.active span.cl-3{transform: rotate(45deg);top:-12px;}
.wap-header .ver{left: auto; margin-top: 0; position: relative; padding: 18px 0; margin-right: 3%;}
.wap-nav{ background: #F6F6F6; z-index: 20; left: 0; width: 100%; display: none;}
.wap-nav ul li a{ display: block;font-size: 15px;line-height:40px;color: #434343;text-indent: 40px;transition: all .6s;}
.wap-nav ul li a:hover,.wap-nav ul li.on>a{ background: #0187E6;color:#fff}
.wap-hide{ background: #fff; display: none;overflow: hidden;}
.wap-hide dd{border-bottom: 1px dashed #eee;float:left;width:50%;}
.wap-nav .wap-hide dd a{line-height:45px;text-align: center;font-size:14px;text-indent: 0;}
.wap-headerzw{height: 68px;    }
.wap-vericon{margin-top: 23.5px;  margin-right: 18px;}


/*新闻*/
.ny-case-list{margin:40px 0}
.ny-case-list li{float:left;width:calc(100%/4 - 12px);margin:6px;box-shadow:0px 0px 6px rgba(0,0,0,0.11);padding:10px 0 0 0 }
.ny-case-list li h2{font-size:16px;line-height: 16px;border-bottom:1px solid #EBEBEB;margin-bottom:20px;padding-bottom:20px;font-weight:normal}
.ny-case-list li a{display: block;width:94%;margin:0 auto}
.ny-case-list li .pic{overflow: hidden;}
.ny-case-list li .pic img{width: 100%;transition: all .4s;}
.ny-case-list li .info{text-align: center;font-size:16px;line-height: 45px;}



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


.honor-list{position: relative;}
#honor-num{display: none;}


#company,#honor{position: relative; top: -50px;}
#develop{position: relative; top: -100px;}

.detail .infor table tr td{width: auto!important;}