@charset "utf-8";
/* CSS Document */
*,h1,h2{margin:0;padding:0;/*box-sizing:border-box;*/}
body{font-size:13px;color:#666;font-family:'思源黑体';}
img{display:block;max-width:100%;border:0}
ul, li{list-style:none}
a{text-decoration:none;display:block;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
.wrapper{ max-width:750px; margin:0 auto 0px auto; position:relative; overflow:hidden;}
.left{ float:left;}
.right{ float:right;}
.clearboth{ clear:both;}

.header{ background:#fff; width:100%; height:50px; max-width:750px; z-index:100;}

/*banner样式*/
.banner{/* margin-top:90px;*/}
.swiper-container {width: 100%;}
.swiper-banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;  align-items: center;}
.swiper-banner .swiper-slide img{ width:100%;}
.swiper-banner {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.more{ display:block; width:150px; height:40px; line-height:40px; border:1px solid #0084cd; border-radius:20px; text-align:center; font-size:16px; font-weight:400; color:#0084cd; margin:25px auto;margin-bottom: 5px;}
.more:hover{background:#0084cd; border:1px solid #0084cd; color:#fff;}

.tit{ text-align:center; color:#e4e4e4; margin-bottom:30px;}
.tit .t1{ font-size:22px; text-transform:uppercase;}
.tit .t2{ font-size:20px; font-weight:bold; margin:0px auto 0px; letter-spacing:2px;color:#000;}
.tit span{ width:40px; height:2px; display:block; margin:15px auto; background:#0084cd;}
.tit .t3{ font-size:14px; color:#555; text-align:center; line-height:24px; padding:0 15px;}

/*首页产品*/
.product{ padding:30px 15px;}
.swiper-products{margin:0 auto;}
.swiper-products .swiper-slide {text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center; padding-bottom:50px;}
.swiper-products .swiper-slide .l{background:#e0e7ed; text-align:center;border:1px solid #fff; box-shadow:2px 5px 10px #ddd; padding:15px;}
.swiper-products .swiper-slide .l .t1{font-size:17px;color:#222222; margin-bottom:10px;}
.swiper-products .swiper-slide .l .t2{font-size:14px;color:#666666; height:38px; overflow:hidden;}
.swiper-products .swiper-slide .l .img{ text-align:center; margin:15px auto; overflow:hidden;}
.swiper-products .swiper-slide .l .img img{ max-width:100%;transition: all .8s ease 0s;}
.swiper-products .swiper-slide .l .more{ width:100px; height:36px; line-height:30px; border-radius:18px; border:1px solid #dcdcdc; color:#222222; font-size:14px; margin:0 auto;}
.swiper-products .swiper-slide .l a:hover .img img{transform: scale(1.1,1.1);}
.swiper-products .swiper-slide .l a:hover .more{background:#0084cd; border:1px solid #0084cd; color:#fff;}
.swiper-products .swiper-button-prev{left:0 !important;}
.swiper-products .swiper-button-next{right:0 !important;}

/*首页设备*/
.sy_shebei{padding-bottom:30px;}
.swiper-shebei{ padding:0 15px;}
.swiper-shebei .swiper-slide {text-align:center;background: #fff;/* Center slide text vertically */display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;}
.swiper-shebei .swiper-slide .tit{ line-height:24px;background:#f4f5f7;color:#252527;padding:10px;font-size:18px; text-align:left; margin-bottom:0; height:70px; overflow:hidden;}
.swiper-shebei .swiper-slide .tit span{display:block;width:20px;height:2px;background:#fff;background:#0084cd;margin-top:16px; text-align:left;}
.swiper-shebei .swiper-slide .box{font-family:'Ubuntu', sans-serif;position: relative;overflow: hidden;}
.swiper-shebei .swiper-slide .box:before{content: '';background: linear-gradient(45deg,rgba(0,132,205,0.8), rgba(0,162,226,0.8));height: 100%;width: 100%;opacity: 0;filter: blur(10px);transform: scale(1) rotate(180deg);position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.4s ease-in-out;}
.swiper-shebei .swiper-slide .box:hover:before{box-shadow: 0 0 10px 2px #555;opacity: 1;filter: blur(0);transform: scale(0.92, 0.9) rotate(0);}
.swiper-shebei .swiper-slide .box img{width: 100%;height: auto;transition: all 0.5s ease-in-out;}
.swiper-shebei .swiper-slide .box:hover img{ transform: scale(1.9) rotate(55deg); }
.swiper-shebei .swiper-slide .box .box-content{color: #fff;text-align: center;width: 100%;opacity: 0;transform: translateX(-50%) translateY(-50%) scale(3);position: absolute;top: 50%;left: 50%;z-index: 1;transition: all 0.5s ease;}
.swiper-shebei .swiper-slide .box:hover .box-content{opacity: 1;transform: translateX(-50%) translateY(-50%) scale(1);}
.swiper-shebei .swiper-slide .box .title1{font-size:18px;font-weight:400;letter-spacing: 1px;text-transform: uppercase;margin: 0; margin-top:15px; color:#fff !important;}
.swiper-shebei .swiper-slide .box .post{font-size:26px;text-transform: capitalize; margin-bottom:10px;}
.swiper-shebei .swiper-slide:nth-child(odd) .tit{background:#0084cd;color:#fff;}
.swiper-shebei .swiper-slide:nth-child(odd) .tit span{background:#fff;}

.card {
  /*width: 287px;*/
  background-color: white;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5); margin-bottom:20px;
}
.clone a{ width:100%;}
.clone a img{ margin:auto;}

.card__title{ text-align:center; font-size:15px; background:#013082; color:#fff; line-height:40px; overflow: hidden; 
white-space: nowrap; text-overflow: ellipsis; padding:0 10px;}
.card__snippet{ text-align:center; font-size:14px; color:#555;}
.about{padding:30px 0; padding-bottom:0;}
.about_con{ background:url(../images/about_bj.jpg) no-repeat; background-size:100% 100%; padding:30px 10px;}
.about_con .about_li{ width:calc(100% / 2); float:left;}
.about_li1{ width:90%; background:rgba(255,255,255,1); box-shadow:2px 5px 5px #07326c;margin:auto; padding:20px 10px; text-align:center;}
.about_con .about_li .about_li1 img{ width:50px; height:50px; margin:0 auto; margin-bottom:5px;transition: all 0.4s; text-align:center;display: block;}
.about_con .about_li .about_li1 span{ font-size:12px; color:#999999;}
.about_con .about_li .about_li1 p{ color:#333333; font-size:16px;}
.about_con .about_li a:hover .about_li1 img{transform: rotate(360deg);}
.about_con .about_li h2{ font-size:14px; color:#333; line-height:20px; text-align:center; margin:4px 0;}
.about_con .about_li p{ font-size:12px; color:#666; line-height:20px; /*height:60px;*/ overflow:hidden; text-align:center;}
#wenhua .about_li p{ height:158px !important;}

.zizhi{ width:92%; margin:auto;}
.news{ padding:30px 0; width:100%;background: #f4f5f7; margin-bottom:40px;}
.news_ul{}
.news_ul .news_li{ margin-bottom: 10px; background: #fff; padding: 10px 0;}
.news_ul .news_time{width: 72px; height: 75px; float: left; text-align: center; color: #fff; margin-left:10px;}
.news_ul .news_time .news_t1{background: #b9b9b9; padding: 8px; font-size: 26px;}
.news_ul .news_time .news_t2{height: 26px; line-height: 26px; background: #cbcbcb;}
.news_ul .news_li:hover .news_time .news_t1{background: #0084cd;}
.news_ul .news_li:hover .news_time .news_t2{background: #07a3f9;}
.news_ul .news_con{ width:calc(100% - 100px); float:right; margin-right:10px;}
.news_ul .news_con h2{font-size: 14px; color: #222; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin:5px 0;}
.news_ul p{font-size: 12px; color: #555; height: 40px; line-height:20px;overflow: hidden; /* white-space: nowrap; text-overflow: ellipsis;*/}

.news_more{ text-align:center; display:block; width:120px; border:1px solid #ddd; padding:6px 20px; border-radius:0 10px 0 10px; margin:10px auto 0 auto;}
.news_more a{ display:block; font-size:14px; color:#000;}
.news_more a i{ font-style:normal; margin-left:10px;}

.footer{ position:fixed; bottom:0; width:100%; max-width:750px; height:60px; background:#0084cd;z-index: 9999;}
.foo1{ width:25%; float:left;  border-right:1px solid #0373b0; height:60px;}
.foo1 a{ color:#fff; display:block; text-align:center; line-height:6px; font-size:16px;}
.foo1 a i{ display:block; text-align:center; font-size:24px; line-height:42px;}

.weizhi{ width:100%; margin:0 auto 10px auto; background:#f9f9f9; line-height:50px; padding:0 15px;}
.weizhi .w1{ margin:0; padding:0 10px; background:#dc0100; color:#fff; font-size:16px;}
.weizhi .w2{ font-size:14px;}
.weizhi .w2 a{ display:inline-block; color:#555;}
.weizhi .w2 a i{ font-size:16px;}

.page{text-align: center; margin: 10px 0; width: 100%; margin-bottom: 60px;}
.page a{color: #fff; margin: 0 2px; padding: 2px 8px; background:#b3b3b3; display:inline-block;}
.page a.on{ background:#555;}
/*分页位置*/

/*.feilei{width: 92%; margin: 0% auto; margin-top: 10px; background: #eee; margin-bottom: 70px;}
.feilei .tit{height: 40px;
    line-height: 40px;
    background: #013082;
    color: #fff;
    font-size: 18px;
    padding: 0 10px;
    text-align: left;}
.feilei ul li{padding: 0 10px;
    line-height: 36px;
    border-bottom: 1px solid #ddd;}
.feilei ul li a{ display: block; font-size: 16px; color: #333;}
.feilei ul li a.on{ color:#013082;}*/

.wapper{ width:96%; margin:0 auto;}	

/*内页banner*/
.ny_banner{ width:100%;}
.ny_banner img{ width:100%;}
.ny_banner .main{ width:96%; margin:0 auto; position:relative;}
.ny_banner .main .feilei{ position:absolute; left:0; bottom:0;right:0;}
.ny_banner .main .feilei ul {display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;}
.ny_banner .main .feilei li {flex-grow: 1;border-right: 1px solid #fff;}
.ny_banner .main .feilei li:last-child {border-right: none;}
.ny_banner .main .feilei li a {display: block;height:40px;line-height:40px;background-color: rgba(0, 162, 226, 0.9);font-size:16px;color: #fff;text-align: center;cursor: pointer;}
.ny_banner .main .feilei li.active a {color: #00a2e2;background: #fff;}
.ny_banner .main .feilei li:hover a{color: #00a2e2;background: #fff;}

/*内页关于我们*/

.about_bj{ width:100%;padding:30px 0;background:#f9f9f9;}
.ny_title{text-align: center; margin-bottom:20px;}
.ny_title h3 {font-size:22px;font-weight: bold;line-height: 34px;color: #595656;position: relative;}
.ny_title h6 {font-size: 18px;line-height: 24px;color: #595656;margin-top: 10px; font-weight:400; text-transform:uppercase;}
.ny_title h3::before {content:'';position:absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #00a2e2;}
.ny_title h3::after {content:'';display:block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.ny_title.min h3 {font-size:24px;font-weight: normal;}
.about{text-align:left;text-indent:2em;}
.about h3{font-size:18px;font-weight: bold;color: #595656; margin-bottom:20px;}
.about .nr{font-size:14px;line-height:24px;color: #595656; text-align:left; text-indent:2em;}

.wenhua_bj{padding:30px 0;}
.about_wenhua{}
.about_wenhua ul li { width:100%; margin-bottom:15px; background: #1493e4;position: relative;overflow: hidden; padding-top:20px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;cursor: pointer;text-align: left;}
.about_wenhua ul li:hover {box-shadow: -1px 8px 10px 2px rgba(176, 176, 176, 0.37); background:#20b8ee;}
.about_wenhua ul li:nth-child(4n) {margin-bottom: 0;}
.about_wenhua ul li span {position: absolute;font-size:28px;font-family: Arial;color: #fff;right:20px;top:20px;}
.about_wenhua ul li h4 { padding:0 20px;font-size:20px;font-weight: bold;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;line-height: 34px;height: 34px;}
.about_wenhua ul li h6 { padding:0 20px;font-size: 16px;font-weight: bold;color: #fff; margin-top: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;line-height: 16px;height:16px;}
.about_wenhua ul li h5 { padding:0 20px;font-size:16px;margin-top: 12px;line-height:28px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;line-height: 24px;height: 72px; font-weight:400;}

/*资质认证*/
.about_rongyu{ width:100%;padding:30px 0;background:#f9f9f9; padding-bottom:80px;}
.swiper-rongyu .swiper-slide {text-align:center;background: #fff;/* Center slide text vertically */display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;}
.swiper-rongyu .swiper-slide .img1{ overflow:hidden;}
.swiper-rongyu .swiper-slide .img1 img{transition: all .8s ease 0s; display:block; margin:0 auto; max-width:100%;}
.swiper-rongyu .swiper-slide a:hover .img1 img{transform: scale(1.1,1.1);}
.swiper-rongyu .swiper-slide .tit{height:40px;background:#fff;color:#252527;padding:15px;font-size:16px; text-align:center;}
		
		
/*新闻内页*/
.news_ny{ width:96%; margin:0 auto; padding:30px 0; padding-bottom:80px;}
.news_ny video{ width:100% !important; height:auto !important;}
.news_tit{}
.news_ny .tit1{font-size: 18px; text-align: center; line-height: 24px; color: #000; margin-bottom:6px;}
.news_ny .tit2{ text-align: center; margin-bottom: 10px; border-bottom: dashed 1px #dadada; padding-bottom: 10px; color: #ccc; font-size: 12px;}
.news_ny .tit2 em{ font-style:normal; display:inline-block; margin:0 10px;}

.news_nycon p{ text-align:left; margin-bottom:10px; text-indent:2em; font-size:14px; color:#555; line-height:2;}
.return{ text-align:center; font-size:16px; margin:10px auto; width:110px; line-height:30px; border-radius:30px; background:#0084cd; color:#fff;}
.return i{ margin-right:10px;}
.news_fy{ text-align:left; color:#333; font-size:14px; line-height:24px;}
.newsfy1{ font-weight:bold; color:#333; padding:4px 10px; border:1px solid #e5e5e5;}
.newsfy1:nth-child(2){ /*border-top:1px dashed #ddd;*/ padding-top:5px; border-top:none;}
.newsfy1 a{ font-size:14px; font-weight:normal; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*产品中心*/
.product{ padding:30px 0; padding-bottom:30px;}
.product .feilei{ margin-bottom:20px;}
.product .feilei ul{ text-align:center;}
.product .feilei ul li{ display:inline-block; height:38px; line-height:36px; margin:0 8px; text-align:center;border:1px solid #ddd; color:#00a2e2; font-size:16px; margin-bottom:15px;}
.product .feilei ul li a{ background:#fff; color:#00a2e2; display:block; padding:0 30px;}
.product .feilei ul li a:hover,.product .feilei ul li.active a {background:#00a2e2; color:#fff; }
.product .feilei li.active a {color: #00a2e2;background: #fff;}
.product .feilei li:hover a{color: #00a2e2;background: #fff;}

.product .list{}
.product .list ul li{margin-right:20px;width: calc((100% - 20px) / 2);overflow: hidden;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;cursor: pointer;text-align: left; margin-bottom:20px;box-shadow: -1px 8px 10px 2px rgba(176, 176, 176, 0.37); float:left; position:relative;}
.product .list ul li:nth-child(2n) {margin-right: 0;}
.product .list ul li .img{width:100%;}
.product .list ul li img{ max-width:100%; display:block; margin:0 auto;}
.product .list ul li .cover{position:absolute; top:100%; width:100%; height:100%; background:url(../images/pro_list_bg1.png) no-repeat center; background-size:cover; transition:.3s ease;}
.product .list ul li:hover .cover{top:0;}
.product .list ul li .text{font-size:18px; color:#fff; text-align:center; height:50px; line-height:50px; background:#00a0e9;}
.product .list ul li .cover .txt_box{padding:50px 28px 0;}
.product .list ul li .cover .txt_box .tit{font-size:20px; color:#fff; font-weight:bold; line-height:1.2; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:15px;}
.product .list ul li .cover .txt_box .txt{font-size:14px; color:#fff;}
.product .list ul li .cover .txt_box .know_more{font-size:14px; color:#c5c4c4; float:right;}

.shebei{ padding:30px 0; padding-bottom:80px;}
.shebei ul li{float: left;margin-right:20px;width: calc((100% - 20px) / 2);position: relative;overflow: hidden;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;cursor: pointer;text-align: left; margin-bottom:20px;}
.shebei ul li:nth-child(2n) {margin-right: 0;}
.shebei ul li .tit{height:70px; line-height:24px; background:#0084cd;color:#fff;padding:10px;font-size:18px;text-align:left; margin-bottom:0;}
.shebei ul li .tit span{display:block;width:20px;height:2px;background:#fff;margin-top:16px; text-align:left; display:none;}
.shebei ul li .box{font-family:'Ubuntu', sans-serif;position: relative;overflow: hidden;}
.shebei ul li .box:before{content: '';background: linear-gradient(45deg,rgba(0,132,205,0.8), rgba(0,162,226,0.8));height: 100%;width: 100%;opacity: 0;filter: blur(10px);transform: scale(1) rotate(180deg);position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.4s ease-in-out;}
.shebei ul li .box:hover:before{box-shadow: 0 0 10px 2px #555;opacity: 1;filter: blur(0);transform: scale(0.92, 0.9) rotate(0);}
.shebei ul li .box img{width: 100%;height: auto;transition: all 0.5s ease-in-out;}
.shebei ul li .box:hover img{ transform: scale(1.9) rotate(55deg); }
.shebei ul li .box .box-content{color: #fff;text-align: center;width: 100%;opacity: 0;transform: translateX(-50%) translateY(-50%) scale(3);position: absolute;top: 50%;left: 50%;z-index: 1;transition: all 0.5s ease;}
.shebei ul li .box:hover .box-content{opacity: 1;transform: translateX(-50%) translateY(-50%) scale(1);}
.shebei ul li .box .title1{font-size:18px;font-weight:400;letter-spacing: 1px;text-transform: uppercase;margin: 0; margin-top:15px; color:#fff !important;}
.shebei ul li .box .post{font-size:28px;text-transform: capitalize; margin-bottom:10px;}

/*联系我们*/
.contact_ny{ width:94%; margin:30px auto; margin-bottom:80px;}

.contact1{ margin-bottom:20px;}
.contact1 h2{text-align: left; font-size:18px; color:#595656; margin-bottom: 15px; font-weight: bold; margin-top:20px;}
.contact1 h3{text-align: left; line-height:36px; color:#595656; font-weight: 300; font-size:15px; position: relative;}
.contact1 h3 b{color:#dc0100;font-size: 18px;}
.contact1 h3 i{font-size: 20px; padding-right: 10px; width: 20px; display: block; float: left; text-align: center; color:#0084cd;}

.conatct{ padding:30px 0; padding-bottom:80px;}
.conatct .job{}
.conatct .job p{text-align:center;font-size: 18px;color: #666;line-height: 28px;}
.conatct .job ul {}
.conatct .job ul li{margin-bottom: 20px;}
.conatct .job ul li h5 {height: 50px;line-height: 50px;padding: 0 24px;font-size: 16px;color: #595656;border: solid 1px #d6d6d6;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;cursor: pointer;}
.conatct .job ul li.active h5 { background-color: #0084cd;color: #fff;}
.conatct .job ul li h5 .img {float: right;position: relative;margin-top: 11px;}
.conatct .job ul li h5 .img img{display: block;opacity: 0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.conatct .job ul li h5 .img img:nth-child(2) {position: absolute;top: 0;left: 0;opacity: 1;}
.conatct .job ul li.active h5 .img img {opacity: 1;}
.conatct .job ul li.active h5 .img img:nth-child(2) {opacity: 0;}
.conatct .job ul li > div {padding:20px;background: #f0f1f5;display: none; text-align:left;}
.conatct .job ul li:first-child > div {display: block;}
.conatct .job ul li > div h4 {font-size: 16px;font-weight: bold;color: #595656;margin:20px 0 20px;}
.conatct .job ul li > div h4:first-of-type {margin-top: 0;}
.conatct .job ul li > div p {font-size: 16px;line-height:28px;color: #595656; text-align:left;}
.conatct .job ul li > div .clearfix h4 {margin:20px 0;}
.conatct .job ul li > div .clearfix h4 a {color: inherit;}
.conatct .job ul li > div .clearfix h4:last-child {margin-right: 0px;}