@charset "utf-8";
/*普隆*/
/*公共样式*/
*{margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
html,body{font-size: 12px;font-family:"microsoft yahei","arial";min-width: 1240px;}
ul,li{list-style-type: none;}
a{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#000000;}
.fl{float: left;}
.fr{float: right;}
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
ol,ul,p{margin: 0;}
i {font-style: normal;}
tr,td{margin: 0;padding: 0;}
input,textarea{box-sizing: border-box;/*-webkit-appearance: none;*/}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
img{border-style:none;vertical-align:middle;max-width: 100%;}
article{display: block;margin: 0 auto;}
.zoom-img{overflow:hidden;}
.zoom-img img{transition: all .3s;}
.zoom-img:hover img{transform:scale(1.05);//设置缩放比例-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}


/*头部*/
.header{width: 100%;height: auto;background: #ffffff;}
.header .head-wrap{width:1240px;height: 80px;margin: 0 auto;}
.header .head-wrap .logo{float: left;line-height: 80px;}
.header .head-wrap .menu-bar{float:right;}
.header .head-wrap .menu-bar .nav>li{float: left;height: 80px;line-height: 80px;cursor: pointer;}
.header .head-wrap .menu-bar .nav>li>a{display: inline-block;font-size: 14px;color: #696969;margin: 0 20px;transition: all .3s;line-height: 26px;}
.header .head-wrap .menu-bar .nav>li:hover a{color: #00a0e9;}
.header .head-wrap .menu-bar .nav li.on>a{color: #00a0e9;border-bottom: 1px solid #00a0e9;}
.header .head-wrap .menu-bar .nav li .menu-box{display:none;position:fixed;top:80px;left:0;right:0;height: auto;border-top:2px solid #f0f0f0;background: #ffffff;z-index: 2;}
.header .head-wrap .menu-bar .nav li .menu-box .box{width: 1240px;margin: 0 auto;text-align: center;font-size: 0;padding: 10px 0;}
.header .head-wrap .menu-bar .nav li .menu-box .box .list{display: inline-block;font-size:14px;line-height: 24px;border-right:2px solid #f0f0f0;padding:10px 7.5px;}
.header .head-wrap .menu-bar .nav li .menu-box .box .list a .s-2{color: #6e6e6e;transition: all .3s;}
.header .head-wrap .menu-bar .nav li .menu-box .box .list a:hover .s-2{color: #00a0e9;}
.header .head-wrap .menu-bar .nav li .menu-box .box .list:last-child{border-right:0;}
.header .head-wrap .menu-bar .nav li .menu-box .box .list .s-1{display: inline-block;width:80px;height: 2px;background:#d8d8d8;}


/*底部*/
.footer{width: 100%;height: auto;background: #333333;}
.footer .foot-wrap{width: 1240px;height:auto;padding-top:35px;margin: 0 auto;}
.footer .foot-wrap .s-box{}
.footer .foot-wrap .s-box .l-box{float: left;width: 420px;}
.footer .foot-wrap .s-box .r-box{float: right;width:820px;}
.footer .foot-wrap .s-box .l-box .logo{margin-left: 40px;}
.footer .foot-wrap .s-box .l-box .contact{padding: 20px 0;}
.footer .foot-wrap .s-box .l-box .contact>div{padding-left:25px;font-size:16px;color: #9a9a9a;line-height: 30px;}
.footer .foot-wrap .s-box .r-box .box{float: right;}
.footer .foot-wrap .s-box .r-box .box>ul{float: left;text-align: center;color: #fff;line-height: 27px;margin: 0 20px;}
.footer .foot-wrap .s-box .r-box .box>ul:last-child{margin-right: 0;}
.footer .foot-wrap .s-box .r-box .box>ul .li-1{font-size: 16px;}
.footer .foot-wrap .s-box .r-box .box>ul a{font-size:12px;color: #666;transition: all .3s;}
.footer .foot-wrap .s-box .r-box .box>ul a:hover{color: #fff;}
.footer .foot-wrap .x-box{padding: 20px 0;border-top:2px solid #5b5b5b;}
.footer .foot-wrap .x-box p{float:left;font-size:12px;color: #9a9a9a;}
.footer .foot-wrap .x-box p a{color: #9a9a9a;}
.footer .foot-wrap .x-box .d-1{float: right;padding-right: 40px;}
.footer .foot-wrap .x-box .d-1 a{display: inline-block;margin-left:20px;}




/*index页面*/
/*轮播图*/
.homepage{width: 100%;height: auto;}
.homepage .banner{width: 100%;height: auto;}
.homepage .banner .swip1 .swiper-slide{overflow: hidden;}
.homepage .banner .swip1 img{width: 100%;min-width: 1920px;height:800px;}
@media only screen and (max-width: 1919px){
  .homepage .banner img{position:relative;left:50%;transform:translateX(-50%);}	
}
.homepage .banner .swip1 .swiper-pagination{bottom: 20px;}
.homepage .banner .swip1 .swiper-pagination .swiper-pagination-bullet{width:50px;height:5px;background:#a0a0a0;border-radius: 0;opacity: 1;}
.homepage .banner .swip1 .swiper-pagination .swiper-pagination-bullet-active{background: #000000;}
/*产品展示*/
.homepage .product{width: 100%;height: auto;padding-top: 70px;}
.homepage .product .prod-wrap{width: 1240px;height: auto;margin: 0 auto;}
.homepage .product .prod-wrap .l-banner{float:left;width:616px;height:686px;}
.homepage .product .prod-wrap .l-banner .swip2{transition: all .3s;}
.homepage .product .prod-wrap .l-banner .swip2:hover{box-shadow:-2px 1px 5px 2px rgba(0,0,0,.3);}
.homepage .product .prod-wrap .l-banner .swip2 .text{position: absolute;top: 20px;left: 20px;font-size:20px;color: #d3d3d3;line-height:30px;}
.homepage .product .prod-wrap .l-banner .swip2 .swiper-pagination{bottom: 70px;}
.homepage .product .prod-wrap .l-banner .swip2 .swiper-pagination-bullet{background:#a0a0a0;border: 1px solid #fff;width: 10px;height: 10px;margin: 0 10px;}
.homepage .title{text-align: center;margin-bottom:25px;}
.homepage .title .h-1{font-size:29px;color: #808080;font-weight: normal;}
.homepage .title .s-1{display: inline-block;width:45px;height:2px;background: #c3c3c3;} 
.homepage .product .prod-wrap .r-box{float:right;width:617px;height: 686px;text-align: center;}
.homepage .product .prod-wrap .r-box .s-box .list{float: left;margin-right:0px;transition: all .3s;overflow: hidden;padding: 10px;text-align: center;}
.homepage .product .prod-wrap .r-box .s-box .list:nth-child(3n){margin-right: 0;}
.homepage .product .prod-wrap .r-box .s-box .list:hover{box-shadow:-2px 1px 5px 2px rgba(0,0,0,.3);}
.homepage .product .prod-wrap .r-box .s-box .list .d-1{width: 100%;height: 37px;line-height: 37px;}
.homepage .product .prod-wrap .r-box .s-box .list .s-1{display:none;font-size:16px;color: #5c6470;height: 37px;transition: all .3s;}
.homepage .product .prod-wrap .r-box .s-box .list:hover .s-1{display: block;}
.homepage .product .prod-wrap .r-box .a-1{display:inline-block;font-size:12px;color:#121212;padding:3px 15px;border: 1px solid;margin:28.5px auto;transition: all .3s;}
.homepage .product .prod-wrap .r-box .a-1:hover{color:#00A0E9 ;}
.homepage .product .prod-wrap .r-box .x-box{position: relative;transition: all .3s;}
.homepage .product .prod-wrap .r-box .x-box:hover{box-shadow:-2px 1px 5px 2px rgba(0,0,0,.3);}
.homepage .product .prod-wrap .r-box .x-box .text{position: absolute;top:20%;right:50px;font-size:15px;color: #cccccc;line-height:24px;text-align: left;}
/*公司简介*/
.homepage .introd{width: 100%;height:auto;padding-top: 70px;}
.homepage .introd .introd-wrap{width: 100%;height: 635px;padding-top: 55px;}
.homepage .introd .introd-wrap .box-wrap{width: 1240px;height: auto;margin: 0 auto;}
.homepage .introd .introd-wrap .box-wrap .l-box{float:left;width: 520px;height: auto;padding: 25px;background: rgba(255,255,255,.5);border-radius:5px;}
.homepage .introd .introd-wrap .box-wrap .l-box .text{line-height:18px;}
.homepage .introd .introd-wrap .box-wrap .l-box .text .art-1{height:72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.homepage .introd .introd-wrap .box-wrap .l-box .text .art-2{height:108px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.homepage .introd .introd-wrap .box-wrap .l-box .x-box{margin-top: 20px;}
.homepage .introd .introd-wrap .box-wrap .l-box .x-box .h-1{font-size:22px;color: #4b4b4b;font-weight: normal;margin-bottom:5px;}
.homepage .introd .introd-wrap .box-wrap .l-box .x-box .box a{display:block;font-size:12px;color:#797777;line-height: 24px;transition: all .3s;}
.homepage .introd .introd-wrap .box-wrap .l-box .x-box .box a:hover{color:#00A0E9;}
.homepage .introd .introd-wrap .box-wrap .l-box .x-box .box a .s-1{float: left;}
.homepage .introd .introd-wrap .box-wrap .l-box .x-box .box a .s-2{float: right;}
.homepage .introd .introd-wrap .box-wrap .l-box .x-box .d-1{text-align: right;}
.homepage .introd .introd-wrap .box-wrap .l-box .x-box .d-1 a{display: inline-block;padding: 3px 15px;border: 1px solid;font-size:15px;color:#787878;margin-top: 10px;transition: all .3s;} 
.homepage .introd .introd-wrap .box-wrap .l-box .x-box .d-1 a:hover{color:#00A0E9;}
.homepage .introd .introd-wrap .box-wrap .r-box{float: left;font-family: arial;text-align: center;margin-top:20%;width:720px;}
.homepage .introd .introd-wrap .box-wrap .r-box .h-1{font-size:52px;color:#eaecef;margin-bottom: 10px;}
.homepage .introd .introd-wrap .box-wrap .r-box .p-1{font-size:26px;color: #dddddd;}
/*应用案例*/
.homepage .case{width: 100%;height:auto;padding:70px;}
.homepage .case .case-wrap{max-width:1570px;height: auto;margin: 0 auto;}
.homepage .case .case-wrap .list{float:left;width:24%;height:auto;margin-right:1.33%;position: relative;}
.homepage .case .case-wrap .list:nth-child(4n){margin-right:0;}
.homepage .case .case-wrap .list .text{display:none;position: absolute;width: 100%;bottom: 0;background: rgba(0,0,0,.5);font-size:20px;color: #ffffff;text-align: center;padding: 5px;}



/*download页面*/
.drawing{width: 100%;height: auto;}
.drawing .banner{width: 100%;height: auto;overflow: hidden;}
.drawing .banner img{width: 100%;min-width: 1920px;height:277px;}
@media only screen and (max-width: 1919px){
  .drawing .banner img{position:relative;left:50%;transform:translateX(-50%);}	
}
.main .public-wrap{width: 100%;height: auto;padding: 30px 0;}
.main .public-wrap .box-wrap{width:1240px;height: auto;margin: 0 auto;}
.main .public-wrap .box-wrap .l-box{float:left;position:relative;width: 220px;height: auto;}
.main .public-wrap .box-wrap .l-box .box{position: absolute;width: 100%;top:-95px;border-bottom: 1px solid #8abddd;border-left: 1px solid #8abddd;border-right: 1px solid #8abddd;}
.main .public-wrap .box-wrap .l-box a{display: block;padding:0 15px;font-size:16px;color:#000;height:45px;line-height:45px;background: #fff url(../img/index36.jpg) 200px no-repeat;border-bottom: 1px solid #eeeeee;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .public-wrap .box-wrap .l-box a:last-child{border-bottom: 0;}
.main .public-wrap .box-wrap .l-box a.a-1{font-size:22px;color:#fff;height:65px;line-height:65px;background: #06aae9;border:0;}
.main .public-wrap .box-wrap .l-box a.on{font-size:18px;color: #06aae9;background:#fff url(../img/index31.jpg) 200px no-repeat;}
.main .public-wrap .box-wrap .r-box{float:right;width:950px;height:auto;padding:20px;background: #fff;}
.main .public-wrap .box-wrap .r-box .s-box{border-bottom: 1px solid #eeeeee;padding-bottom: 10px;}
.main .public-wrap .box-wrap .r-box .s-box .title .h-1{float: left;font-size: 20px;color: #06aae9;font-weight: normal;}
.main .public-wrap .box-wrap .r-box .s-box .title .posit{float:right;}
.main .public-wrap .box-wrap .r-box .s-box .title .posit a{font-size: 15px;color: #8d9193;line-height: 26px;}
.main .public-wrap .box-wrap .r-box .s-box .title .posit .a-1{color: #06aae9;}
.drawing .draw-wrap .box-wrap .r-box .x-box .list{display: block;padding: 15px 30px;border-bottom: 1px solid #eeeeee;font-size: 16px;color:#9a9b9b;}
.drawing .draw-wrap .box-wrap .r-box .x-box .list .d-1{float: left;background: url(../img/index27.jpg) 0 no-repeat;padding: 0 30px;transition: all .1s;}
.drawing .draw-wrap .box-wrap .r-box .x-box .list .d-2{float: right;background: url(../img/index30.jpg) 0 no-repeat;padding-left: 20px;transition: all .1s;}
.drawing .draw-wrap .box-wrap .r-box .x-box .list:hover .d-1{background: url(../img/index28.jpg) 0 no-repeat;color: #06aae9;}
.drawing .draw-wrap .box-wrap .r-box .x-box .list:hover .d-2{background: url(../img/index29.jpg) 0 no-repeat;color: #06aae9;}
.main .public-wrap .box-wrap .r-box .x-box .s-1{display:block;text-align: center;font-size:15px;color:#4fa9cb;margin: 20px 0;}
.main .public-wrap .box-wrap .r-box .x-box .nav{text-align:center;font-size: 14px;}
.main .public-wrap .box-wrap .r-box .x-box .nav a{display: inline-block;margin: 0 8px;color: #666;line-height: 31px;vertical-align: text-top;}
.main .public-wrap .box-wrap .r-box .x-box .nav a.a-1{font-size:24px;}
.main .public-wrap .box-wrap .r-box .x-box .nav a.on{color: #007AFF;}



/*特点页面*/
.tedian{width: 100%;height: auto;background: #f7f7f7;}
.tedian .banner{width: 100%;height: auto;overflow: hidden;}
.tedian .banner img{width: 100%;min-width: 1920px;height:277px;}
@media only screen and (max-width: 1919px){
  .tedian .banner img{position:relative;left:50%;transform:translateX(-50%);}	
}
.tedian .box-wrap .r-box .x-box .art-1{padding: 30px 70px;font-size:15px;color: #6d6d6d;}
.tedian .box-wrap .r-box .x-box .art-1 img{display:block;text-align: center;margin: 0 auto;}


/*product页面*/
.prod-box .box-wrap .r-box .x-box .prod{padding: 15px 45px;}
.prod-box .box-wrap .r-box .x-box .prod .img-1{float:left;width:200px;height:180px;}
.prod-box .box-wrap .r-box .x-box .prod .text{float:right;width:600px;height: auto;}

/*news页面*/
.news{width: 100%;height: auto;background: #f7f7f7;}
.news .banner{width: 100%;height: auto;overflow: hidden;}
.news .banner img{width: 100%;min-width: 1920px;height:277px;}
@media only screen and (max-width: 1919px){
  .news .banner img{position:relative;left:50%;transform:translateX(-50%);}	
}
.news .news-box{width:100%;height:auto;padding: 20px 10px;}
.news .news-box a{display: inline-block;margin-bottom: 40px;}
.news .news-box .list .date{float: left;width:145px;height:220px;background: #65cdf4;font-size:12px;color: #fff;padding: 30px;text-align: right;line-height: 18px;transition: all .3s;}
.news .news-box .list .date .h-1{font-size:73px;font-weight: normal;line-height: 73px;}
.news .news-box .list .date .s-1{display:inline-block;width: 20px;height: 1px;background: #fff;}
.news .news-box .list .text{float: left;width:745px;height:220px;background: #f6f5f5;padding: 20px;}
.news .news-box .list .text .art-1{font-size: 12px;color: #646363;height:101px;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.news .news-box .list .text .d-1{margin-top: 30px;}
.news .news-box .list .text .d-1 .s-1{float: left;line-height:32px;color: #9f9d9d;}
.news .news-box .list .text .d-1 .s-2{float:right;display: inline-block;padding:7px 15px;color: #92daf5;font-size:12px;border: 1px solid;transition: all .3s;}
.news .news-box .list:hover .date{background: #3bbef0;}
.news .news-box .list:hover .text .d-1 .s-2{color: #3bbef0;}
.news .news-box a:last-child{margin-bottom: 0;}

/*news2页面*/
.news .new-text{padding: 30px;}
.news .new-text .title{text-align: center;font-size:15px;color:#757579;border-bottom: 1px solid #e5e5e5;padding: 30px 0;}
.news .new-text .title .h-1{font-size:24px;font-weight: normal;color: #2e2e2e;margin-bottom: 5px;}
.news .new-text .art-1{padding: 30px 10px;font-size: 14px;color: #909095;line-height: 32px;text-align: center;}


/*service页面*/
.servi{width: 100%;height: auto;background: #f7f7f7;}
.servi .banner{width: 100%;height: auto;overflow: hidden;}
.servi .banner img{width: 100%;min-width: 1920px;height:277px;}
@media only screen and (max-width: 1919px){
  .servi .banner img{position:relative;left:50%;transform:translateX(-50%);}	
}
.servi .servi-box{padding: 30px;}
.servi .servi-box .list{width:691px;height: auto;margin: 0 auto;font-size: 13px;color: #777777;line-height: 24px;margin-bottom: 30px;}
.servi .servi-box .box{text-align: center;}
.servi .servi-box .box .h-6{font-size:24px;color: #2e2e2e;font-weight: normal;}
.servi .servi-box .box .sp-1{display: inline-block;width: 140px;height: 2px;background: #e5e5e5;margin: 10px 0;}
.servi .servi-box .box .sp-2{display: inline-block;padding-left:30px;font-size:25px;color: #e20237;}


/*about页面*/
.about{width: 100%;height: auto;background: #f7f7f7;}
.about .banner{width: 100%;height: auto;overflow: hidden;}
.about .banner img{width: 100%;min-width: 1920px;height:277px;}
@media only screen and (max-width: 1919px){
  .about .banner img{position:relative;left:50%;transform:translateX(-50%);}	
}
.about .about-box{padding: 30px;}
.about .about-box .year-box{float: left;width:420px;height: auto;}
.about .about-box .img-1{float: right;width: 430px;text-align:right;}
.about .about-box .year-box li{font-size: 14;color: #656667;margin-bottom: 15px;}
.about .about-box .year-box li .sp-1{float: left;display:inline-block;width:50px;}
.about .about-box .year-box li .sp-2{float: left;display:inline-block;width: 370px;}
.about .about-box .art-1{font-size: 13px;color: #656667;line-height: 26px;}
.about .about-box .culture{font-size: 14px;color: #656667;}
.about .about-box .culture .list{margin-bottom: 20px;}
.about .about-box .culture .list .text{font-size:12px;color: #adadad;line-height:24px;}
.about .about-box .honor .list{float:left;width: 260px;height: auto;margin-bottom: 15px;margin-right:35px;text-align: center;}
.about .about-box .honor .list:nth-child(3n){margin-right: 0;}
.about .about-box .honor .list .sp-1{display: block;font-size:16px;color: #494949;margin-top: 5px;}

/*contact页面*/
.main .contact{width: 100%;height: auto;background: #f7f7f7;}
.main .contact .banner{width: 100%;height: auto;overflow: hidden;}
.main .contact .banner img{width: 100%;min-width: 1920px;height:277px;}
@media only screen and (max-width: 1919px){
  .main .contact .banner img{position:relative;left:50%;transform:translateX(-50%);}	
}
.main .contact .cont-box{padding: 30px;}
.main .contact .cont-box .img-1{text-align: center;}
.main .contact .cont-box .text-img .p-1{font-size: 17px;color: #656667;}
.main .contact .cont-box .text-img .sp-1{font-size: 15px;color: #e2136a;}
.main .contact .cont-box .mode{font-size: 16px;color:#2e2e2e;line-height:28px;}
.main .contact .cont-box .mode .h-6{font-size:26px;color: #e70909;font-weight: normal;}
.main .contact .cont-box .mode .box .d-1{float: left;width: 70%;}
.main .contact .cont-box .mode .box .d-1 .sp-1{display: block;padding-left: 60px;}
.main .contact .cont-box .mode .d-1 .sp-1{display: block;padding-left: 60px;}
.main .contact .cont-box .recruit{padding: 30px;line-height: 24px;}
.main .contact .cont-box .recruit .art-1{font-size: 13px;color: #8b8c8d;}


/*purchase页面*/
.purchase{width: 100%;height: auto;background: #f7f7f7;}
.purchase .r-box{width: 100% !important;float: none !important;padding: 45px 60px !important;}
.purchase .purc-box .list{float: left;text-align: center;margin-bottom: 30px;margin-right: 40px;}
.purchase .purc-box .list:nth-child(5n){margin-right: 0;}
.purchase .purc-box .list .img-1{border: 1px solid #dcdcdc;transition: all .3s;}
.purchase .purc-box .list:hover .img-1{border: 1px solid #06aae9;}
.purchase .purc-box .list .s-1{display:inline-block;font-size:13px;color: #6e6e6e;margin-top:10px;transition: all .3s;}
.purchase .purc-box .list:hover .s-1{color: #06aae9;}