@charset "utf-8";
*{margin: 0;padding: 0; font-family: '微软雅黑';color: #555; font-size: 14px;line-height: 24px;}
body{width: 100%;overflow-x: hidden;background: #fff;}
li{list-style: none;}
a{text-decoration: none;display: block;}
a:hover{color:#81c1fd}
img{max-width: 100%;display: inline-block;}
input{outline: none;;}
.clearfix{clear: both;}
.size16{font-size: 16px;;}
.clearfix{clear: both;}
.color{color:#81c1fd;}
.c2{color: #333;}
.c3{color: #999;}
.white-bg{background: #fff;}
.no-wrap{display: block;width: 100%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;;}
.two-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}
.w-inner{width: 1200px;margin: 0 auto;}
.center{text-align: center;}
.overf-h{overflow: hidden;}
.left{float:left;}
.right{float:right;}
.relative{position: relative;}
.fillimg{display: block;width: 100%;min-height: 100%;;}
.autoimg{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.ptop50{padding-top: 50px;;}
.pbottom50{padding-bottom: 50px;;}
.mtop10{margin-top: 10px;;}
.mtop20{margin-top: 20px;;}
.mbottom10{margin-bottom: 10px;;}
.mbottom15{margin-bottom: 15px;;}
.fontw4{font-weight: 400;}

#hang{ position: fixed; top:500px; right:50px; z-index: 99999999;}
#hang .cont{ background: #fff;border: solid 1px #e0e1e5;border-radius: 5px;padding: 15px;
z-index: 999;box-shadow: 0 1px 3px #ccc;}
#hang .cont .tel-hover{ width:146px;}
#hang .cont .tel-hover .name{ font-size: 15px; color: #81c1fd; font-weight: bold; }
#hang .cont .tel-hover p{ line-height: 24px;color: #81c1fd;font-size: 18px;font-weight: bold; margin-top: 5px;}
#hang .cont .hang-hover{ width:140px; height:140px; margin-top:10px;}
#hang .cont img{ display: block; width:100%; height:100%;}
/* banner */
.banner{width: 100%;overflow-x: hidden;position: relative;}
/* 轮播小圈圈 */
.swiper-pagination-bullet-active{background: #81c1fd;}
.swiper-pagination{z-index: 1;}

/* header +导航 */
.header{z-index: 99;;}
.welcome{background: #fafafa;height: 32px;border-bottom: solid 1px #ededed;}
.welcome h4{background: url(../welcome.png) no-repeat left center;font-weight: 400;line-height: 32px;font-size: 12px;padding-left: 22px;;}
.logo-phone{padding: 18px 0;}
.logo{max-width: 40%;margin-right: 30px;;}
.logo img{display: block;height: 65px;width: auto;;}
.logo-phone .phone{height: 40px;width: 30%;text-align: right;padding: 12px 0;}
.logo-phone .phone span{width:auto;font-size: 24px;line-height: 40px;padding-left: 50px;background: url(../phone.png) no-repeat left center;background-size: 40px;height: 40px;display: inline-block;}
.nav{background: #81c1fd;}
.nav ul li{height: 50px;position: relative;background: url(../nav-line.jpg) no-repeat right center;background-size: 2px 50px;position: relative}
.nav li .first-nav{font-size: 16px;line-height: 50px;color: #fff;padding: 0 25px;margin: 0 4px 0 2px;;}
.nav ul li:nth-last-of-type(1){background: none;;}
.nav ul .big-active .first-nav{background: url(../nav-active.png) no-repeat center center;background-size: 100% 100%;}
.nav ul li:hover .first-nav{background: url(../nav-active.png) no-repeat center center;background-size: 100% 100%;color: #fff;transition: 0.4s all;}
/* 带下拉分类 */
.nav ul li .second-nav{position: absolute;width: 200px;background: #fff;z-index: 999;top: 50px;display: none;}
.nav ul li .second-nav dt{border-bottom:solid 1px #eee;padding: 10px;line-height: 40px;position: relative;text-indent: 0;}
.nav ul li .second-nav dt a{color: #555;width: 90%;}
.nav ul li .second-nav dt .fa{position: absolute;right: 10px;line-height: 40px;top: 0;}
.nav ul li .second-nav dt:hover{transition: 0.2s all;text-indent: 2px;}
.nav ul li .second-nav dt:hover a{color:#81c1fd; transition: 0.4s all;;}
.nav ul li .second-nav dt:hover .fa{color:#81c1fd; transition: 0.4s all;}
.nav ul li:hover .second-nav{display: block;transition: 0.2s all;}

.search input{border: none;background: #fff;height:28px;line-height:28px;width: 180px;padding: 0 40px 0 10px;color: #999;font-size: 12px;border-radius: 15px;margin-top: 11px;; }
.search .search-btn{width: 28px;height: 28px;line-height: 28px;text-align: center;cursor: pointer;position: absolute;right: 5px;top: 11px;}
.search .search-btn .fa{color: #81c1fd;font-size: 16px;;}

/* 我们的优势 */
.advantages{border-bottom: solid 1px #ededed;}
.advantages .adv-lists li{width: 25%;border-right:solid 6px #fafafa;box-sizing: border-box;padding:0 2.5%}
.advantages .adv-lists li:nth-of-type(4n){border: none;}
.advantages .adv-lists li .icon{width: 100px;margin: 10px auto;height: 100px;}


/* 首页大标题 */
.big-title{padding-top: 100px;padding-bottom: 30px;;}
.big-title  h2{font-size: 30px;position: relative;letter-spacing: 1px;;}
.big-title .line{width: 50px;height: 3px;background: #81c1fd;display: inline-block;position: relative;margin: 10px 0;margin-top: 25px;;}
.big-title .en{display: block;margin-bottom: 5px;position: relative;text-transform: uppercase;}

/* 产品 列表 */
.product-lists{border-bottom: solid 1px #ededed;}
.product-lists ul li{height:460px;}
.product-lists ul li .p-img{width:50%;background: #f6f6f6;height:460px;}
.product-lists ul li .p-img img{display: block;text-align: right;max-width: 420px;margin-right: 80px;margin-top: 50px;height: 350px;;}
.product-lists ul li .p-intro{width: 500px;padding-left: 80px;background: #fff;height:340px;padding-top: 120px;}
.product-lists ul li .p-intro::after{width: 100px;height: 1px;background: #eee;position: absolute;left:-40px ;top: 130px;content: "";}
.product-lists ul li:nth-of-type(2n) .p-img{float: right;}
.product-lists ul li:nth-of-type(2n) .p-intro{float: right;}
.product-lists ul li:nth-of-type(2n)  .p-img img{float: left;margin-left: 80px;margin-right: 0;;}
.product-lists ul li:nth-of-type(2n)  .p-intro::after{left: initial;right: -40px;;}

.morebtn{width: 100px;line-height: 38px;border-radius: 5px; margin: 30px 0;color: #fff;background: url(../more.png) no-repeat right center #83c3fd;background-size: 12px auto;padding-left: 20px;
    background-position-x: 90px;}
.morebtn:hover{transition: 0.4s all;box-shadow: 0 5px 5px rgba(131,195,253,0.5);color: #fff;}
/* 产品分类列表 */
.product-categ .p-lists ul{border-top: solid 1px #ededed;border-right: solid 1px #ededed;box-sizing: border-box;}
.product-categ .p-lists ul li{width: 25%;border: solid 1px #ededed;border-top:none;border-right:none;box-sizing: border-box;height: 300px;;}
.product-categ .p-lists ul li .p-img{width: 80%;margin: 25px auto;height: 200px;transform: scale(1);;}
.product-categ .p-lists ul li h2{width: 80%;margin: 0 auto;;}
.product-categ .p-lists ul li:nth-last-of-type(1){border-right: solid 1px #ededed;}
.product-categ .p-lists ul .p-more-btn{background: #81c1fd;}
.product-categ .p-lists ul .p-more-btn .p-img{width: 60px;height: 60px; margin-top: 100px;;}
.product-categ .p-lists ul .p-more-btn h2{color: #fff;text-align: center;margin-top: 30px;;}
.product-categ .p-lists ul li:hover .p-img{transform: scale(0.9);transition: 0.3s all;}
.product-categ .p-lists ul li:hover h2{color: #81c1fd;transition: 0.4s all;}
.product-categ .p-lists ul .p-more-btn:hover h2{color: #fff;}
/* 解决方案 */
.solution{background: url(../sol-bg.jpg) no-repeat center top;background-size: cover;margin-top: 120px;min-height: 600px;}
.solution-lists{padding-top: 30px;;}
.solution-lists .swiper-slide .img{width: 160px;height: 160px;border-radius: 50%;border:solid 10px #fff;box-sizing: border-box;overflow: hidden;margin: 0 auto;margin-bottom: 5px;}
.solution-lists .swiper-slide:hover .size16{color: #81c1fd;transition: 0.4s all;}
.swiper-container-solution{padding-bottom: 80px;;}
.solution-lists .swiper-pagination-bullet{width: 40px;height: 3px;border-radius: 0;margin: 0 10px!important;}

/* 新闻动态 */
.category{margin-bottom: 40px;;}
.category ul li{display: inline-block;margin: 0 10px;background: #f6f6f6;padding: 8px 10px;font-size: 16px;min-width: 80px;cursor: pointer;}
.category ul li:hover{background: #81c1fd;color: #fff;transition: 0.4s all;}
.category-active{background: #81c1fd!important;color: #fff!important;}

.news{padding-bottom: 100px;}
.news .news-lists ul li{width: 32%;margin-right: 2%;margin-bottom: 15px;border:solid 1px #ededed;padding: 20px 2%;box-sizing: border-box;}
.news .news-lists ul li:nth-of-type(3n){margin-right: 0;}
.news .news-lists ul li .two-wrap{margin-top: 15px;margin-bottom: 15px;height: 45px;;;}
.news .news-lists ul li .time{font-size: 12px;padding-bottom: 10px;; }
.news .news-lists ul li:hover h2{color: #81c1fd;transition: 0.4s all;}
.news .news-lists ul li:hover{border:solid 1px #81c1fd;box-sizing: border-box;transition: 0.4s all;}
.news .morebtn{width: 100px;line-height: 38px;border-radius: 5px; margin: 20px 0 0;color: #888;background: url(../more03.png) no-repeat right center #fff;background-size: 20px auto;padding-left: 0;
    background-position-x: 70px;}
.news .morebtn:hover{transition: 0.4s all;box-shadow: none;color: #888;}

/* footer */
.footer{background: #252323;color: #888;padding-top:60px;;}
.footer .w-inner{padding-bottom: 40px;}
.footer .left{width: 32%;padding-right: 2%;}
.footer .left h2{font-size: 16px;color: #fff;margin-bottom: 30px;font-weight: 400;padding-left: 15px;position: relative;;}
.footer .left h2::before{width: 3px;height: 14px;background: #81c1fd;content: "";position: absolute;left: 0;top: 6px;}
.footer .left li{width: 35%;;}
.footer .left li a{color: #dbdbdb;line-height: 32px;;}
.footer .contact{width: 40%;padding-right: 2%;}
.footer .contact .ways .it{margin-bottom: 10px;;}
.footer .contact .ways .it img{display: inline-block;width: 20px;height: auto;margin-right: 8px;;}
.footer .contact .ways .it .no-wrap{width: 80%;display: inline-block;color: #fff;}
.footer .code{width:24%;padding-right: 0}
.footer .code ul li{width: 45%;;}
.footer .left li:hover a{text-decoration: underline;}
.footer .code .img{width:100px;height: 100px;margin: 0 auto;;}
.footer .code p{width: 105px;color: #eee;margin: 0 auto;margin-top: 6px;font-size: 12px;text-align: center;}
.copyright{padding: 15px 0;background: #222;border-top: solid 1px #494848;}
.copyright a{display: inline-block;}


/* 关于我们介绍页 */
.inner-banner{width: 100%;position: relative;;}
.inner-banner .banner-fonts{position: absolute;width: 800px;text-align: center;left: 50%;margin-left: -400px;top: 50%;color: #fff;margin-top: -40px;}
.inner-banner .banner-fonts .en{font-size: 24px;margin-bottom: 20px;color: #fff;text-transform: uppercase;}
.inner-banner .banner-fonts .ch{position: relative;padding: 0 15px;}
.inner-banner .banner-fonts .ch h2{font-size: 38px;font-weight: 400;color: #fff;margin: 0 15px;display: inline-block;}
.inner-banner .banner-fonts .ch span{font-size: 38px;color: #fff;}
.inner-banner .banner-fonts .ch i{position: relative;width: 100px;height: 1px;background: #fff;top: -10px;display: inline-block;}

.aboutus-intro .content{position: relative;;}
.aboutus-intro .content .bg-img{min-height:100px;position: absolute;}
.aboutus-intro .content .content0{min-height:200px;width: 84%;margin: 0 4%;padding:50px 4%;position: relative;top: 50px;background: #fff;z-index: 80;}
.aboutus-intro .content .shadow{display:block;background: url(../shadow.png) no-repeat center bottom #fff;background-size:cover;position: absolute;bottom: -30px;left:4%;width: 92%;height: 97px;content: "";}

.company-team .content0 li{min-height:60px;background: #fafafa;width: 18.33%;padding: 30px 3%;border-radius: 5px;margin-right: 3%;margin-bottom: 10px;padding-left: 10%;}
.company-team .content0 li:nth-of-type(3n){margin-right: 0;;}
.company-team .content0 li .lefticon{width: 60px;position: absolute;top: 30px;left: 30px;max-height: 60px;;}
.company-team .content0 li .two-wrap{height: 48px;}
.culture-list .img{overflow: hidden;}
.culture-list .one{width: 291px;}
.culture-list .one .img{width: 291px;height: 450px;;}
.culture-list .two{width: 251px;}
.culture-list .two .fonts{width: 70%;margin: 0 auto;height: 62px;padding: 35px 0;}
.culture-list .two .img{width: 251px;height: 210px;}
.culture-list .three{width: 203px;}
.culture-list .three .img{width: 203px;height: 164px;;}
.culture-list .three .white-bg{width: 203px;height: 122px;}
.culture-list .five .img{width: 204px;height: 450px;;}
.culture-list .img:hover img{transform: scale(1.1);transition: 0.3s;}


/* 产品中心 */
.content{min-height: 300px;padding-bottom: 60px;;}
.router{padding: 30px 0;background: #fafafa;position: relative;top: -10px;;}
.router a{display: inline-block;color: #888;}
.router span{color: #81c1fd;display: inline-block;margin: 0 10px;;}

.topcateg .tit{background: url(../menu.png) no-repeat left center; font-size: 30px;padding-left: 40px; height: 40px;line-height: 40px; margin: 20px 0;}
.topcateg ul{margin-bottom: 50px;;}
.topcateg ul li{display: inline-block;margin-right: 10px;padding: 0 15px;;}
.topcateg ul li a{display: block;line-height: 32px;text-align: center;}
.topcateg ul li:hover{background: #81c1fd;transition: 0.3s;}
.topcateg ul li:hover a{color: #fff;transition: 0.3s;}
.topcateg ul .p-active{background: #81c1fd;}
.topcateg ul .p-active a{color: #fff;}
.bottom-lists .lists ul li{width: 23.5%;margin-right: 20px;margin-bottom: 20px;float: left;border:solid 1px #eee;box-sizing: border-box;}
.bottom-lists .lists ul li:nth-of-type(4n){margin-right: 0;}
.bottom-lists .lists ul li .img{width: 200px;height:200px;margin:25px auto;overflow: hidden;background: #fff;;}
.bottom-lists .lists ul li .name{padding: 0 3%;width: 94%;padding-bottom: 0;color: #555;text-align: center;margin-bottom: 25px;position: relative;padding-top: 20px;;}
.bottom-lists .lists ul li .name::before{width: 50px;height: 3px;background: #eee;content: "";position: absolute;left: 50%;margin-left: -25px;top: 0;;}
.bottom-lists .lists ul li:hover{border:solid 1px #81c1fd;box-sizing: border-box;transition: 0.2s all;}
.bottom-lists .lists ul li:hover .name{color: #81c1fd;transition: 0.2s all;}

/* 产品中心内页 */
.bottom-details{padding-top: 50px;;}
.bottom-details .details .l-img{width: 400px;float: left;border: solid 1px #ccc;margin-right: 30px;box-sizing: border-box;overflow: hidden;font-size: 0; line-height: 0}
.bottom-details .details .l-img img{width: 100%;}
.bottom-details .details .r-tit{width: 680px;float: left;margin-top: 50px;}
.bottom-details .details .r-tit h1{font-size: 20px;line-height: 32px;margin-bottom: 15px;font-weight: 400;}
.bottom-details .details .details0{margin-top: 60px;}
.bottom-details .details .details0 .intro-tit{line-height: 50px;background: #fff;font-weight: normal;border-bottom: solid 1px #ccc;position: relative;height: 45px;;}
.bottom-details .details .details0 .intro-tit span{font-size: 18px;line-height: 45px;position: absolute;height: 45px;left: 0;}
.bottom-details .details .details0 .intros{min-height: 200px;padding: 40px 0;;}

/* .slide {position: relative;width: 420px;overflow: hidden;float: left;margin-right: 50px;;}
.slide .big {position: relative;overflow: hidden;left: 0;top: 0;}
.slide a {position: absolute;bottom: 20px;opacity: 1;z-index: 1000;    background-image: url(../pro_preview_but.png);
    background-repeat: no-repeat;    width: 17px;height: 60px;}
.slide .big li {float: left;width: 420px;height: 420px;border:solid 1px #eee;box-sizing: border-box;;}
.slide .big li img {width: 100%;display: block;max-height: 100%;}
.slide .prev {left: 0;}
.slide .next {right: 0; background-image: url(../pro_preview_but.png);background-repeat: no-repeat;background-position: -17px 0;}
.slide .little-img{width: 90%;margin: 0 auto;overflow: hidden;}
.slide .small {position: relative;margin-top: 10px;;}
.slide .small li {float: left;margin-right: 5px;width: 90px;height:90px;border:solid 1px #eee;box-sizing: border-box;}
.slide .small li:last-child {margin-right: 0;}
.slide .small li img {width: 100%;display: block;opacity: 0.5;max-height: 100%;} */

/* 解决方案 */
.leftcateg{width: 270px;margin-right: 40px;float: left;}
.leftcateg .prod-categ{background: #FAFAFA;;}
.leftcateg .prod-categ .tit{background: #81c1fd;height: 100px;;}
.leftcateg .prod-categ .tit .tit0{position: relative;}
.leftcateg .prod-categ .tit h2{color: #fff;font-size: 30px;line-height: 50px;padding: 25px 0;font-weight: 400;}
.leftcateg .prod-categ ul li{border-top: solid 2px #fff;box-sizing: border-box;}
.leftcateg .prod-categ ul li a{line-height: 30px;padding: 10px 5%;color: #555;font-size: 18px;width: 90%;}
.leftcateg .prod-categ ul li:hover{background: #81c1fd;transition: 0.2s all;}
.leftcateg .prod-categ ul li:hover a{color: #fff;transition: 0.2s all;}
.leftcateg .prod-categ ul .active a{background: #81c1fd;color: #fff;}

.right-lists{width: 870px;float: right;}
.right-lists .left-tit{width: 100%;line-height: 42px;border-bottom: solid 1px #eee;position: relative;padding-left: 10px;font-size: 18px;margin-bottom: 30px;;}
.right-lists .left-tit::before{content: "";width: 3px;height: 16px;position: absolute;left: 0;top: 13px;background: #81c1fd;}
.right-lists .lists ul li{width: 200px;margin-right: 20px;margin-bottom: 20px;float: left;}
.right-lists .lists ul li:nth-of-type(4n){margin-right: 0;}
.right-lists .lists ul li .img{width: 100%;height:200px;padding: 10px;border:solid 1px #eee;box-sizing: border-box;overflow: hidden;background: #fff;;}
.right-lists .lists ul li .img img{max-height: 180px;  }
.right-lists .lists ul li .name{padding: 10px 3%;width: 94%;padding-bottom: 0;color: #555;text-align: center;}
.right-lists .lists ul li .red{color: rgb(255, 67, 21);margin-top: 20px;font-size: 18px;font-weight: 400;padding-left: 15px;;}
.right-lists .lists ul li .red span{color: #333;font-size: 14px;padding-left: 10px;;}
.right-lists .lists ul li:hover .name{color: #81c1fd;transition: 0.2s all;}


/* 新闻中心 */
/* .news-lists .lists ul li{width: 100%;float: none;margin: 0;border-bottom: solid 1px #ededed;height: 30px;position: relative;background: #fff;padding:7px 0;}
.news-lists .lists ul li .name{line-height: 30px;font-weight: normal;text-indent: 12px;width: 85%;padding:0;padding-right: 15%;color: #555;text-align: left;}
.news-lists .lists ul li .time{position: absolute;right: 0; line-height: 30px;top: 8px;color: #888;font-size: 12px;;}
.news-lists .lists ul li:hover{background: none;;}
.news-lists .lists ul li:hover .name{text-decoration: none;color: #c90028;transition: 0.2s all;} */

.w-details .tit{line-height: 32px;font-size: 18px;padding: 20px 0;border-bottom: dashed 1px #ccc;margin-bottom: 15px;}
.w-details .d-time{display: block;margin: 15px auto;text-align: center;font-size: 12px;color: #888;margin-top: 0;}

/* 联系我们 */
.contact-content .ways{margin-top: 20px;margin-bottom: 20px;;}
.contact-content .ways ul li{margin-bottom: 30px;width: 23%;float: left;padding: 0 1%;padding-bottom: 15px;position: relative;text-align: center;max-height: 125px;}
.contact-content .ways ul li img{width: auto;margin: 0 auto;height: 48px;max-width: 60px;;}
.contact-content .ways ul li h3{font-size: 14px;font-weight: 300;padding-bottom: 5px;color: #888;margin-top: 10px;;}
#map iframe{width: 100%;height: 350px;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;box-sizing: border-box;}
.contact-content .right-message{width: 650px;margin:0 auto;margin-top: 30px;;}
.contact-content .right-message .form input{border: solid 1px #ededed;height: 40px;line-height: 40px;padding: 5px;width: 550px;background: #fff;}
.contact-content .right-message .form label{display: inline-block;width: 80px;position: relative;top: 0;;}
.contact-content .right-message .form .items{width: 650px;margin-bottom: 20px;}
.contact-content .right-message .form textarea{border: solid 1px #ededed;height: 160px;line-height: 32px;padding: 5px;width: 550px;outline: none;}
.contact-content .right-message .form .t{top: -150px;}
.contact-content .right-message .form input[type="button"]{width: 165px;height: 45px;line-height: 45px;text-align: center;background: #81c1fd;font-size: 16px;border: none;color: #fff;padding: 0;cursor: pointer;border-radius: 3px;display: block;margin: 0 auto;;}



/* 页码 */
.page .pageoption{text-align: center;margin: 20px 0;margin-top: 30px;}
.page .pageoption ul li{display: inline-block;margin: 0 3px;}
.page .pageoption ul li a{display: block}
.page .pageoption ul li span{display: block;padding: 5px 10px;border:1px solid #efefef;}
.page .pageoption ul .current{background: #81c1fd}
.page .pageoption ul .current span{color: #fff;border:1px solid #81c1fd;}
.page .pageoption ul li a:hover{background: #81c1fd}
.page .pageoption ul li a:hover span{color: #fff;border:1px solid #81c1fd;}
.fanpage{margin: 20px 0;margin-top: 50px;}
.fanpage ul li{margin-bottom: 8px;}
.fanpage ul li a:hover{color: #81c1fd;}

.none{display: none;;}