@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333；}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*常用盒模型*/
*{box-sizing: border-box;-webkit-box-sizing: border-box;}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #0095ea;border-radius: 2px;}
/*常用宽度*/
.w1500{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1500px;}
.w1400{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1400px;}
.w1300{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1280{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1280px;}
.w1200{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1140{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1140px;}
.w1100{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1100px;}
.w1000{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1000px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*按钮区通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;transition: 0.3s;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: .9;}
/*自定义单选框input[type="radio"]样式*/
.custom-input label{display: inline-block;cursor: pointer;}
.custom-input input[type="radio"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="radio"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 4px 0 0;background-color: #fff;border: 1px solid #999;border-radius: 50%;vertical-align: middle;cursor: pointer;}
.custom-input input[type="radio"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;transform: translate(-50%,-50%);}
.custom-input input[type="radio"]:checked + em{background-color: #0095ea;border-color: #0095ea;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #0095ea;}
/*自定义多选框input[type="checkbox"]样式*/
.custom-input input[type="checkbox"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="checkbox"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 4px 0 0;background-color: #fff;border: 1px solid #999;vertical-align: middle;cursor: pointer;}
.custom-input input[type="checkbox"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBwdCIgaGVpZ2h0PSIxMHB0IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjg1IiBkPSJNNC4zMSA2Ljc2QzUuNjEgNC4xNCA3LjE3IDEuNTkgOS43Mi4wMUwxMCAzLjN2LjMxQzcuNzcgNS40NSA1Ljk4IDcuNzIgNC4yMyAxMGgtLjE2QzIuODkgOC44MiAxLjg1IDYuOTMgMCA2Ljgydi0uNTNjLjU5LS40MSAxLjc4LTEuMjMgMi4zNy0xLjY0LjY1LjcgMS4yOSAxLjQxIDEuOTQgMi4xMXoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked + em{background-color: #0095ea;border-color: #0095ea;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #0095ea;}
.custom-input input[type="checkbox"] + em:hover{border-color: #0095ea;}
/*自定义表单通用样式*/
.custom-form{font-size: 0;}
.custom-form .main-title{font-size: 18px;line-height: 40px;text-align: center;overflow: hidden;}
.custom-form .main-title span{position: relative;display: inline-block;color: #0095ea;}
.custom-form .main-title span:before{content: "";position: absolute;right: 120%;top: 50%;width: 1000px;height: 1px;background-color: #ddd;}
.custom-form .main-title span:after{content: "";position: absolute;left: 120%;top: 50%;width: 1000px;height: 1px;background-color: #ddd;}
.custom-form .sub-title{height: 40px;margin-bottom: 20px;border-bottom: 1px solid #ddd;line-height: 40px;}
.custom-form .sub-title span{float: left;height: 40px;padding: 0 10px;border-bottom: 1px solid #0095ea;font-size: 14px;color: #0095ea;}
.custom-form .sub-title em{font-size: 14px;color: #f00;}
.custom-form .row{display: inline-block;vertical-align: top;width: 100%;margin-bottom: 20px;font-size: 14px;}
.custom-form .row.w50{width: 50%;}
.custom-form .row.w33{width: 33.33%;}
.custom-form .row .name{float: left;width: 6em;padding: 10px 1em;line-height: 16px;text-align: right;font-weight: bold;}
.custom-form .row .name i{position: absolute;margin-left: -0.6em;color: #f00;}
.custom-form .row .info-content{margin-left: 6em;}
.custom-form input{width: 100%;height: 36px;padding: 0 10px;border: 1px solid #ddd;border-radius: 4px;}
.custom-form input:focus{border-color: #0095ea;}
.custom-form textarea{width: 100%;height: 100px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;resize: none;}
.custom-form textarea:focus{border-color: #0095ea;}
.custom-form select{width: 100%;height: 36px;padding: 0 10px;border: 1px solid #ddd;outline: none;}
.custom-form select:focus{border-color: #0095ea;}
.custom-form .choice-area{padding: 10px 0;line-height: 16px;}
.custom-form .choice-area label{display: inline-block;margin: 0 10px 5px 0;cursor: pointer;}
.custom-form .choice-area label span{margin-left: 3px;}
.custom-form .yzm-area{position: relative;width: 300px;}
.custom-form .yzm-area input[type="text"]{width: 200px;}
.custom-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;}
.custom-form .yzm-area .btn img{width: 100%;height: 100%;}
.custom-form .btns-area{margin-top: 20px;}
.custom-form .btns-area .btn{width: 40%;font-size: 14px;}
/*自定义select*/
.custom-select{position: relative;width: 200px;}
.custom-select .name{position: relative;height: 36px;padding-left: 20px;background-color: #fff;border: 1px solid #999;color: #333;line-height: 34px;cursor: pointer;}
.custom-select .name:after{content: "";position: absolute;right: 10px;top: 50%;width: 8px;height: 8px;border-right: 1px solid #999;border-bottom: 1px solid #999;transform: rotate(45deg) translate(-100%,-10%);}
.custom-select .list{display: none;position: absolute;left: 0;width: 100%;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.custom-select .list li a{display: block;padding: 10px 20px;border: 1px solid #eee;border-bottom: 0;font-size: 12px;line-height: 16px;}
.custom-select .list li a:hover{background-color: #0095ea;color: #fff;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-title{background: #0095ea;color: #fff;}
body .custom-skin .layui-layer-setwin .layui-layer-close1{filter: brightness(100);}
body .custom-skin .layui-layer-setwin .layui-layer-close1:hover{opacity: 1;}
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -10px;top: -10px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 24px;text-align: center;line-height: 26px;font-weight: bold;}
body .custom-skin .layui-layer-btn .layui-layer-btn0{background-color: #0095ea;border-color: #0095ea;color: #fff;}
body .custom-skin .layui-layer-resize{display: none;}
/*百度分享*/
.share-wrap .bdsharebuttonbox{}
.share-wrap .bdsharebuttonbox a{width: 50px;height: 50px;margin: 0;border-radius: 4px;overflow: hidden;opacity: 1;background-position: center;background-repeat: no-repeat;background-size: 30px 30px;}
.share-wrap .bdsharebuttonbox .bds_weixin{background-image: url();}
.share-wrap .bdsharebuttonbox .bds_tsina{background-image: url();}
.share-wrap .bdsharebuttonbox .bds_sqq{background-image: url();}
.share-wrap .bdsharebuttonbox .bds_more{background-image: url();}
.fixed-wrap .bdsharebuttonbox a:hover{filter: brightness(100);opacity: 1;}
.bdshare_popup_box{display: none!important;}


/*header*/
.header{height: 114px;background-color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,.1);}
.header .logo{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.header .logo img{display: block;max-width: 450px;max-height: 60px;}
/*移动端导航按钮*/
.header .menu-btn{display: none;z-index: 1;position: absolute;right: 0;top: 50%;width: 30px;height: 18px;cursor: pointer;transform: translateY(-50%);}
.header .menu-btn span{display: block;height: 2px;background-color: #000;transition: 0.3s;}
.header .menu-btn span:nth-child(2){margin: 6px 0;}
/*搜索栏*/
.search-wrap{width: 160px;}
.search-wrap .input-text{width: 100%;height: 20px;padding: 0 30px 0 10px;background-color: #eee;}
.search-wrap .sub-btn{position: absolute;right: 10px;top: 50%;width: 14px;height: 14px;margin-top: -7px;background: url(../images/icon_search_20.png) center no-repeat;background-size: 100% 100%;opacity: .5;}
.header .search-wrap{position: absolute;right: 0;top: 30px;border-radius: 10px;overflow: hidden;}
/*电话*/
.header .phone-wrap{position: absolute;right: 190px;top: 30px;padding-left: 24px;font-size: 16px;line-height: 20px;color: #b70000;}
.header .phone-wrap .icon{position: absolute;left: 0;top: 0;width: 20px;height: 20px;}
/*导航*/
.nav-box{}
.nav-box .nav{}
.nav-box .nav > li{position: relative;float: left;padding-bottom: 20px;margin: 0 15px;line-height: 40px;}
.nav-box .nav > li:first-child{margin-left: 0;}
.nav-box .nav > li:last-child{margin-right: 0;}
.nav-box .nav > li > a{position: relative;display: block;font-size: 16px;color: #999;}
.nav-box .nav > li > a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #0095ea;transform: scaleX(0);transition: 0.3s;}
.nav-box .nav > li.on > a{font-weight: bold;color: #0095ea;}
.nav-box .nav > li.on > a:after,.nav-box .nav > li:hover > a:after{transform: scaleX(1);}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 60px;width: 100%;min-width: 120px;padding: 8px 0;background-color: rgba(0,0,0,.5);border-radius: 5px;transform: translateX(-50%);}
.nav-box .nav-2nd > li{}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;color: #fff;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s;}
.nav-box .nav-2nd > li > a:hover{background-color: #0095ea;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}
.header .nav-box{position: absolute;right: 0;bottom: 0;}
/*移动端搜索按钮*/
.header .search-btn{display: none;position: absolute;right: 50px;top: 50%;width: 20px;height: 20px;background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxwYXRoIGQ9Ik0xMDEyLjM5NiA5NTUuODRMNzk3LjI4MiA3NDAuMzM0YTQ1MC4zOTEgNDUwLjM5MSAwIDAgMCAxMDQuMDEyLTI4OC43MkM5MDEuMjk0IDIwMi4xNTUgNjk5LjY1IDAgNDUwLjc0NiAwIDIwMS43NjIgMCAwIDIwMi4xNTYgMCA0NTEuNjEyYzAgMjQ5LjQxNyAyMDEuNzYyIDQ1MS43MyA0NTAuNjI4IDQ1MS43MyAxMTAuNzQ2IDAgMjEyLjEyLTQwLjA1MyAyOTAuNTcyLTEwNi40OTNsMjE0LjkxNiAyMTUuNDI4YTM5LjU0MSAzOS41NDEgMCAwIDAgNTYuMiAwIDM5Ljg5NiAzOS44OTYgMCAwIDAgMC01Ni4zOTdoLjA4em0tNTYxLjczLTEzMi4yMWEzNjkuOTcgMzY5Ljk3IDAgMCAxLTI2Mi40MTItMTA4LjkzNSAzNzAuODM2IDM3MC44MzYgMCAwIDEtMTA4LjY2LTI2My4wODMgMzcwLjMyNCAzNzAuMzI0IDAgMCAxIDEwOC43LTI2My4wNDMgMzY5Ljk3IDM2OS45NyAwIDAgMSA1MjQuOTA0IDAgMzcwLjg3NiAzNzAuODc2IDAgMCAxIDEwOC42MiAyNjMuMDQzQTM3MC4zMjQgMzcwLjMyNCAwIDAgMSA3MTMuMTIgNzE0LjY5NSAzNjkuOTcgMzY5Ljk3IDAgMCAxIDQ1MC42NjcgODIzLjYzeiIgZmlsbD0iIzMzMyIvPjwvc3ZnPg==");background-size: 100% 100%;transform: translateY(-50%);cursor: pointer;}
/*弹窗内容-搜索栏*/
.popup-search-wrap{position: absolute;left: 50%;top: 50%;width: 80%;transform: translate(-50%,-50%);}
.popup-search-wrap .text-input{width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;}
.popup-search-wrap .sub-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: #0095ea url(../images/icon_search_20_white.png) center no-repeat;background-size: 20px 20px;}

/*loading*/
.loading-layer{z-index: -1;position: fixed;left: 0;right: 0;top: 0;bottom: 0;animation: loadingLayer 2s linear;}
.loading-layer:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 50%;animation: loadingLayerItem 0.5s linear;animation-delay: 1.5s;}
.loading-layer:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;animation: loadingLayerItem 0.5s linear;animation-delay: 1.5s;}
.loading-layer .progress-bar{z-index: 1;position: absolute;left: 50%;top: 50%;width: 200px;height: 1px;background-color: #fff;transform: translateX(-50%);animation: loadingProgressBar 0.5s;animation-delay: 1s;animation-fill-mode: forwards;}
.loading-layer .progress-bar:after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 1px;background-color: #000;animation: loadingProgress 1s;animation-fill-mode: forwards;}
@keyframes loadingLayer{
	0%{z-index: 2;background-color: #000;}
	75%{background-color: #fff;}
	99.99%{z-index: 2;}
	100%{z-index: -1;}
}
@keyframes loadingLayerItem{
	0%{background-color: rgba(0,0,0,.5);}
	100%{height: 0;background-color: rgba(0,0,0,0);}
}
@keyframes loadingProgressBar{
	99.99%{width: 100%;opacity: 1;}
	100%{opacity: 0;}
}
@keyframes loadingProgress{
	100%{width: 100%;}
}

/*banner*/
.banner{position: relative;height: 600px;overflow: hidden;}
.banner .swiper-slide{display: block;background-position: center;background-size: cover;background-repeat: no-repeat;transition: none;}
.banner .swiper-slide-active{transform: scale(1.1);transition: 5s linear;}
.banner .swiper-pagination{z-index: 1;bottom: 30px;font-size: 0;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;border-radius: 5px;box-shadow: 0 0 4px rgba(0,0,0,.8);opacity: 1;transition: 0.3s;}
.banner .swiper-pagination-bullet-active{width: 30px;background-color: #0095ea;}
.banner .btn{z-index: 1;position: absolute;top: 50%;width: 60px;height: 60px;margin-top: -30px;border: 2px solid #fff;border-radius: 50%;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.7));}
.banner .prev-btn{left: 0;transform: translateX(-100%);}
.banner .prev-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{right: 0;transform: translateX(100%);}
.banner .next-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{background-color: #0095ea;border-color: #0095ea;}
.banner:hover .prev-btn{transform: translateX(50%);}
.banner:hover .next-btn{transform: translateX(-50%);}


/******首页******/
.index-content{overflow-x: hidden;}
/*标题*/
.index-title{margin-bottom: 40px;text-align: center;}
.index-title .name{position: relative;display: inline-block;padding-bottom: 8px;}
.index-title .name:after{content: "";position: absolute;left: 50%;bottom: 0;width: 30px;height: 3px;margin-left: -15px;background-color: #b4b4b4;}
.index-title .name .cn{font-size: 24px;line-height: 30px;font-weight: bold;}
.index-title .name .en{font-family: 'Arial';line-height: 20px;text-transform: uppercase;color: #7b7b7b;}
.index-title .txt{margin-top: 10px;line-height: 20px;color: #666;}
/*布局*/
.index-content{}
.index-content .part1{padding: 60px 0;background-color: #f6f6f6;}
.index-content .part2{padding: 60px 0 95px;background-color: #fff;}
.index-content .part3{padding: 60px 0 100px;background-color: #f6f6f6;}
.index-content .part4{background-color: #f6f6f6;}

/*产品中心*/
.product-box{}
.product-box .tabs{overflow: hidden;}
.product-box .tabs:after{content: "";z-index: -1;position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #dedede;}
.product-box .tabs .swiper-slide{position: relative;width: auto;margin-left: 44px;font-size: 16px;line-height: 48px;color: #666;cursor: pointer;}
.product-box .tabs .swiper-slide:after{content: "";position: absolute;left: 50%;bottom: 0;width: 30px;height: 3px;margin-left: -15px;background-color: #0095ea;transform: scaleX(0);transition: 0.3s;}
.product-box .tabs .swiper-slide:first-child{margin-left: 0;}
.product-box .tabs .swiper-slide.on{font-weight: bold;color: #0095ea;}
.product-box .tabs .swiper-slide.on:after{transform: scaleX(1);}
.product-box .tab-content{position: relative;margin-top: 20px;}
.product-box .tab-content > .item{height: 0;opacity: 0;overflow: hidden;transition: 0.3s;}
.product-box .tab-content > .item.show{height: auto;opacity: 1;}
.product-box .tab-content > .item .btns-area{margin-top: 50px;}
.product-box .tab-content > .item .btns-area .btn{position: relative;width: 184px;height: 42px;padding: 0;background-color: #0095ea;margin: 0;border: 0;border-radius: 0;line-height: 42px;text-indent: -1em;color: #fff;}
.product-box .tab-content > .item .btns-area .btn:after{content: "";position: absolute;right: 50px;top: 50%;width: 8px;height: 8px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: translate(0,-50%) rotate(45deg);}
/*产品轮播*/
.product-swiper{position: relative;overflow: hidden;}
.product-swiper .swiper-slide{}
.product-swiper .swiper-slide a{position: relative;display: block;}
.product-swiper .swiper-slide .pic{position: relative;overflow: hidden;background-color: #fff;}
.product-swiper .swiper-slide .pic:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);transform: scale(0);transition: 0.3s;}
.product-swiper .swiper-slide .pic:after{content: "+";position: absolute;left: 50%;top: 150%;width: 60px;height: 60px;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;font-size: 60px;text-align: center;line-height: 50px;color: #fff;transform: translate(-50%,-50%);}
.product-swiper .swiper-slide .pic em{display: block;padding-top: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;}
.product-swiper .swiper-slide .name{position: relative;padding: 0 1em;background-color: #eee;font-size: 16px;line-height: 72px;text-align: center;transition: 0.3s;}
.product-swiper .swiper-slide .name:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #0095ea;transform: scaleX(0);transition: 1s;}
.product-swiper .swiper-slide:hover .pic:before{transform: scale(1);}
.product-swiper .swiper-slide:hover .pic:after{top: 50%;transition: 0.3s;transition-delay: 0.2s;}
.product-swiper .swiper-slide:hover .name{font-weight: bold;color: #0095ea;}
.product-swiper .swiper-slide:hover .name:after{transform: scaleX(1);}
.product-swiper .btn{z-index: 1;position: absolute;top: 34%;width: 42px;height: 80px;background-color: rgba(0,0,0,.5);cursor: pointer;}
.product-swiper .prev-btn{left: 0;}
.product-swiper .prev-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);transition: 0.3s;}
.product-swiper .next-btn{right: 0;}
.product-swiper .next-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);transition: 0.3s;}
.product-swiper .swiper-button-disabled{opacity: .2;}

/*解决方案*/
.solution-box{}
.solution-box > .item{display: table-cell;vertical-align: top;width: 300px;height: 390px;transition: 0.5s ease-in-out;}
.solution-box > .item a{position: relative;display: block;height: 100%;margin: 0 7px;border: 1px solid #ebebeb;overflow: hidden;}
.solution-box > .item .front-wrap{position: relative;height: 100%;background-image: linear-gradient(180deg,#fff,#f2faff);}
.solution-box > .item .front-wrap .icon{position: absolute;left: 50%;top: 70px;width: 64px;height: 64px;transform: translateX(-50%);}
.solution-box > .item .front-wrap .name{position: absolute;left: 50%;top: 40%;width: 1em;font-size: 22px;color: #0095ea;transform: translateX(-50%);}
.solution-box > .item .back-wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;clip-path: polygon(0 0,0 0,0 100%,0 100%);-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);transition: 0.3s ease-in-out;}
.solution-box > .item .back-wrap .info{position: absolute;left: 0;top: 0;width: 290px;height: 100%;padding: 70px 20px 0 40px;background-color: rgba(0,149,234,.4);color: #fff;}
.solution-box > .item .back-wrap .info .tit1{position: relative;padding-bottom: 15px;font-size: 24px;line-height: 30px;}
.solution-box > .item .back-wrap .info .tit1:after{content: "";position: absolute;left: 0;bottom: 0;width: 50px;height: 3px;background-color: #fff;}
.solution-box > .item .back-wrap .info .tit2{margin-top: 10px;font-size: 16px;line-height: 20px;}
.solution-box > .item .back-wrap .info .txt{max-height: 140px;margin-top: 40px;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.solution-box > .item.show{width: 1400px;}
.solution-box > .item.show .front-wrap{display: none;}
.solution-box > .item.show .back-wrap{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}

/*新闻中心*/
.news-box{}
.news-box .tabs{font-size: 0;text-align: center;}
.news-box .tabs .item{display: inline-block;vertical-align: top;padding: 0 3em;margin: 0 5px;background-color: #fff;border: 1px solid #cbcbcb;font-size: 18px;line-height: 40px;color: #666;cursor: pointer;transition: 0.5s;}
.news-box .tabs .item.on{border-color: #0095ea;font-weight: bold;color: #0095ea;}
.news-box .tab-content{position: relative;margin-top: 45px;}
.news-box .tab-content > .item{height: 0;opacity: 0;overflow: hidden;transition: 0.3s;}
.news-box .tab-content > .item.show{height: auto;opacity: 1;}
/*新闻轮播*/
.news-swiper{overflow: hidden;}
.news-swiper .swiper-slide{}
.news-swiper .swiper-slide a{position: relative;display: block;padding-bottom: 110px;}
.news-swiper .swiper-slide .pic{overflow: hidden;}
.news-swiper .swiper-slide .pic em{display: block;padding-top: 81%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.news-swiper .swiper-slide .info{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px 25px 30px;background-color: #fff;color: #666;}
.news-swiper .swiper-slide .info:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background-image: linear-gradient(90deg,#00b4e1,#0048c0);transform: scaleX(0);transform-origin: left;transition: 0.8s;}
.news-swiper .swiper-slide .info .date{line-height: 20px;}
.news-swiper .swiper-slide .info .tit{margin-top: 10px;font-size: 18px;line-height: 30px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.news-swiper .swiper-slide .info .txt{height: 0;line-height: 24px;overflow: hidden;transition: 0.3s;}
.news-swiper .swiper-slide:hover .info:after{transform: scaleX(1);}
.news-swiper .swiper-slide:hover .info .tit{font-weight: bold;color: #0095ea;}
.news-swiper .swiper-slide:hover .info .txt{height: 72px;margin-top: 10px;}

/*公司链接区*/
.company-links-box{display: flex;justify-content: space-between;}
.company-links-box .item{position: relative;display: block;width: 32.55%;background-color: #fff;overflow: hidden;}
.company-links-box .item .pic{width: 105%;padding-top: 56%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 1s}
.company-links-box .item .info{position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px 35px;background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.35));text-align: right;color: #fff;transition: 0.5s;}
.company-links-box .item .info .tit{font-size: 20px;line-height: 40px;font-weight: bold;}
.company-links-box .item .info .txt{line-height: 20px;}
.company-links-box .item:last-child .info{text-align: left;}
.company-links-box .item:hover .pic{transform: translateX(-4.5%);}
.company-links-box .item:hover .info{padding: 30px 35px 40px;}

/*footer*/
.footer{padding-top: 75px;background: #f6f6f6;}
.footer .top{overflow: hidden;padding-bottom: 30px;}
.footer .bottom{padding: 40px 0;background-color: #2e2e2e;}
/*底部导航*/
.footer .nav-wrap{float: left;}
.footer .nav-wrap .nav-1st{overflow: hidden;}
.footer .nav-wrap .nav-1st > li{float: left;min-height: 210px;padding: 0 45px;border-right: 1px solid #e5e5e5;}
.footer .nav-wrap .nav-1st > li:first-child{padding-left: 0;}
.footer .nav-wrap .nav-1st > li > a{display: block;margin-bottom: 30px;font-size: 16px;line-height: 30px;transition: 0.3s;}
.footer .nav-wrap .nav-1st > li > a:hover{color: #0095ea;}
.footer .nav-wrap .nav-2nd{}
.footer .nav-wrap .nav-2nd > li{margin-bottom: 14px;}
.footer .nav-wrap .nav-2nd > li > a{display: block;line-height: 20px;color: #666;transition: 0.3s;}
.footer .nav-wrap .nav-2nd > li > a:hover{color: #0095ea;}
/*地址*/
.address-wrap{max-width: 280px;line-height: 24px;color: #666;}
.address-wrap p{margin-bottom: 10px;}
.address-wrap p em{display: block;margin: -24px 0 0 3em;}
.address-wrap p em.red{font-size: 16px;font-weight: bold;color: #c90000;}
/*公众号*/
.footer .ewm-wrap{position: absolute;right: 0;top: 0;text-align: center;}
.footer .ewm-wrap .item{}
.footer .ewm-wrap .item .pic{display: block;width: 100px;height: 100px;}
.footer .ewm-wrap .item .tit{margin-top: 10px;line-height: 20px;}
/*版权*/
.footer .cr{font-size: 13px;text-align: center;line-height: 24px;color: #ccc;}
.footer .cr span{margin: 0 5px;}
.footer .cr a{color: #ccc;transition: 0.3s;}
.footer .cr a:hover{text-decoration: underline;color: #0095ea;}


/******内页******/
#mm-0{background-color: #fff;}
.inpage-content{overflow: hidden;min-height: 500px;padding: 0 0 50px;}
/*内页头部*/
.inpage-top{z-index: 1;position: relative;height: 58px;}
.inpage-top:after{content: "";z-index: -1;position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #dcdcdc;}
/*内页导航栏*/
.inpage-nav-wrap{font-size: 0;}
.inpage-nav-wrap a{position: relative;display: inline-block;margin: 0 12px;font-size: 15px;line-height: 58px;font-weight: bold;}
.inpage-nav-wrap a:first-child{margin-left: 0;}
.inpage-nav-wrap a:last-child{margin-right: 0;}
.inpage-nav-wrap a.on{color: #0095ea;}
.inpage-nav-wrap a.on:after{content: "";position: absolute;left: 50%;bottom: 0;width: 30px;height: 2px;background-color: #0095ea;transform: translateX(-50%);}
.inpage-top .inpage-nav-wrap{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
/*面包屑*/
.bread{padding-left: 30px;line-height: 20px;color: #333;}
.bread a{position: relative;display: inline-block;vertical-align: top;margin: 0 3px;transition: 0.3s;}
.bread a:first-child{margin-left: 0;}
.bread a.on,.bread a:hover{color: #0095ea;}
.inpage-top .bread{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
/*分页*/
.page{padding-top: 60px;font-size: 0;text-align: center;}
.page > *{display: inline-block;padding: 0 1.1em;margin: 0 5px;height: 40px;background-color: #fff;border: 1px solid #e6e6e6;font-size: 14px;line-height: 38px;color: #333;}
.page > *.on,.page > *:hover{background-color: #0095ea;border-color: #0095ea;color: #fff;}

/*内页banner*/
.inpage-banner{height: 300px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.inpage-banner .title{position: absolute;left: 0;top: 23%;color: #fff;}
.inpage-banner .title .cn{position: relative;padding-bottom: 15px;font-size: 30px;line-height: 40px;font-weight: bold;}
.inpage-banner .title .cn:after{content: "";position: absolute;left: 0;bottom: 0;width: 54px;height: 3px;background-color: #fff;}
.inpage-banner .title .en{margin-top: 10px;font-size: 22px;line-height: 30px;text-transform: capitalize;}

/*新闻列表*/
.news-list{}
.news-list li{padding: 50px 0;border-bottom: 1px solid #e5e5e5;}
.news-list li a{overflow: hidden;display: block;}
.news-list li .pic{float: left;width: 275px;overflow: hidden;}
.news-list li .pic em{display: block;/*width: 105%;*/padding-top: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.5s;}
.news-list li .info{margin-left: 310px;}
.news-list li .info .tit{padding-bottom: 16px;border-bottom: 1px solid #e6e6e6;font-size: 20px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.news-list li .info .txt{height: 52px;margin-top: 15px;line-height: 26px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-list li .info .date{margin-top: 10px;line-height: 20px;}
.news-list li .info .date .more{display: inline-block;margin-left: 16px;text-transform: uppercase;color: #0095ea;transition: 0.3s;}
.news-list li .info .date .more:after{content: ">";margin-left: 5px;}
.news-list li a:hover .pic em{transform: translateX(-4.5%);}
.news-list li a:hover .info .tit{color: #0095ea;}
.news-list li a:hover .info .date .more{transform: translateX(5px);}

/*新闻详情*/
.news-details{padding-top: 15px;}
.news-details .title{padding: 18px 3em;border-bottom: 1px solid #e9e9e9;font-size: 22px;line-height: 30px;text-align: center;font-weight: bold;}
.news-details .record{padding: 10px 0;margin-bottom: 10px;text-align: center;line-height: 20px;color: #666;}
.news-details .record span{display: inline-block;margin: 0 12px;}
.news-details .record span .icon{display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin: -2px 4px 0 0;}
.news-details .content{padding: 20px 0;line-height: 30px;text-align: justify;}
.news-details .content p{margin-bottom: 20px;}
.news-details .content img{display: inline-block;}
.news-details .other-links{padding: 20px 0;border-top: 1px solid #e6e6e6;}
.news-details .other-links .item{margin-bottom: 10px;line-height: 24px;}
.news-details .other-links .item span{float: left;transition: 0.3s;}
.news-details .other-links .item a{display: block;padding-left: 4em;transition: 0.3s;}
.news-details .other-links .item:hover span{color: #0095ea;}
.news-details .other-links .item:hover a{text-decoration: underline;color: #0095ea;}
.news-details .bottom-wrap{overflow: hidden;}
.news-details .bottom-wrap .reporter{float: left;padding: 10px 0;line-height: 20px;color: #666;}
.news-details .bottom-wrap .reporter span{margin-right: 30px;}
.news-details .bottom-wrap .share-wrap{float: right;font-size: 0;}
.news-details .bottom-wrap .share-wrap:before{content: "分享";display: inline-block;vertical-align: bottom;margin-right: 10px;font-size: 14px;}
.news-details .bottom-wrap .share-wrap .item{position: relative;display: inline-block;vertical-align: top;width: 28px;height: 28px;margin: 0 2px;background-color: #ccc;border-radius: 4px;transition: 0.3s;}
.news-details .bottom-wrap .share-wrap .item img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 20px;height: 20px;margin: auto;}
.news-details .bottom-wrap .share-wrap .weixin-btn{background-color: #22ac38;}
.news-details .bottom-wrap .share-wrap .weibo-btn{background-color: #ff9b39;}
.news-details .bottom-wrap .share-wrap .qq-btn{background-color: #ef5f47;}
.news-details .bottom-wrap .share-wrap .item:hover{opacity: .9;}

/*发展历程*/
.history-box{padding-top: 50px;}
.history-box .title{margin-bottom: 40px;font-size: 22px;line-height: 30px;text-align: center;font-weight: bold;color: #0095ea;}
.history-list{}
.history-list li{position: relative;margin-bottom: 40px;line-height: 28px;}
.history-list li .date{position: absolute;left: 0;top: 0;padding-left: 15px;font-size: 16px;font-weight: bold;color: #0095ea;}
.history-list li .date:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 16px;margin-top: -8px;background-color: #0095ea;}
.history-list li .info{margin-left: 86px;}

/*产品中心*/
.product-center{}
/*分类区*/
.product-center .classify-area{}
.product-center .classify-area .section{position: relative;padding: 30px 0 20px;line-height: 28px;}
.product-center .classify-area .section:after{content: "";position: absolute;left: 136px;right: 0;bottom: 0;height: 1px;background-color: #eee;}
.product-center .classify-area .section .name{position: relative;float: left;width: 136px;padding-left: 25px;font-size: 16px;font-weight: bold;letter-spacing: 5px;}
.product-center .classify-area .section .name .icon{position: absolute;left: 0;top: 50%;width: 18px;height: 18px;transform: translateY(-50%);}
.product-center .classify-area .section .content{margin: 0 100px 0 136px;overflow: hidden;}
.product-center .classify-area .section .content span{display: inline-block;vertical-align: top;padding: 0 1em;margin: 0 5px 5px;cursor: pointer;transition: 0.3s;}
.product-center .classify-area .section .content span a{display: block;}
.product-center .classify-area .section .content span:hover{background-color: #bbb;color: #fff;}
.product-center .classify-area .section .content span:hover a{color: #fff;}
.product-center .classify-area .section .content span.on{background-color: #0095ea;color: #fff;}
.product-center .classify-area .section .content span.on a{color: #fff;}
.product-center .classify-area .section .fold-btn{position: absolute;right: 0;top: 25px;padding: 0 2em 0 1em;border: 1px solid #0095ea;line-height: 32px;color: #0095ea;cursor: pointer;user-select: none;-webkit-user-select: none;}
.product-center .classify-area .section .fold-btn:after{content: "";position: absolute;right: 10px;top: 50%;width: 14px;height: 8px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRwdCIgaGVpZ2h0PSI4cHQiIHZpZXdCb3g9IjAgMCAxNCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMwMDdiYmEiIG9wYWNpdHk9Ii44NCIgZD0iTTYuOTQgMGguMDlDOS4zIDIuNTMgMTEuNjcgNC45NiAxNCA3LjQyVjhoLTEuNTJjLTEuODQtMi0zLjYxLTQuMDctNS40Mi02LjA5QzUuMjYgMy45OCAzLjQ4IDYuMDYgMS41NSA4SDB2LS41NkMyLjM3IDUuMDEgNC44MiAyLjY1IDYuOTQgMHoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translateY(-50%);transition: 0.3s;}
.product-center .classify-area .section .fold-btn.fold:after{transform: rotate(180deg) translateY(50%);}
/*已选区*/
.product-center .selected-area{position: relative;padding: 20px 100px;margin-top: 20px;background-color: #f3f3f3;line-height: 26px;}
.product-center .selected-area .name{position: absolute;left: 25px;top: 20px;font-size: 16px;font-weight: bold;letter-spacing: 5px;}
.product-center .selected-area .content{}
.product-center .selected-area .content span{position: relative;display: inline-block;vertical-align: top;padding: 0 2em 0 1em;margin: 0 5px 5px;background-color: #fff;border: 1px solid #bbb;cursor: pointer;}
.product-center .selected-area .content span:after{content: "×";position: absolute;right: 0.5em;top: 50%;font-size: 20px;line-height: 16px;transform: translateY(-55%);}
.product-center .selected-area .clear-btn{position: absolute;right: 25px;top: 20px;padding: 0 1em;cursor: pointer;transition: 0.3s;}
.product-center .selected-area .clear-btn:hover{background-color: #0095ea;color: #fff;}
/*搜索区*/
.product-center .search-area{position: relative;margin-top: 20px;background-color: #f4f4f4;}
.product-center .search-area:before{content: "";position: absolute;left: 20px;top: 50%;width: 16px;height: 16px;margin-top: -8px;background: url(../images/icon_search_20.png);background-size: 100% 100%;opacity: .5;}
.product-center .search-area .input-text{width: 100%;height: 40px;padding: 0 140px 0 50px;background-color: transparent;}
.product-center .search-area .sub-btn{position: absolute;right: 0;top: 0;width: 110px;height: 40px;background-color: #0095ea;font-size: 16px;text-align: center;line-height: 40px;color: #fff;}
/*结果区*/
.product-center .result-area{}
.product-center .result-area .intro{padding: 40px 0 20px;line-height: 28px;}
.product-center .result-area .intro p{margin-bottom: 20px;}

/*产品列表*/
.product-list{overflow: hidden;}
.product-list li{float: left;width: 31.33%;margin: 0 1% 40px;background-color: #fff;transition: 0.5s;}
.product-list li a{display: block;}
.product-list li .pic{background-color: #fff;border: 1px solid #ddd;overflow: hidden;}
.product-list li .pic em{display: block;padding-top: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.5s;}
.product-list li .info{padding: 12px;border: 1px solid #ddd;border-top: 0;}
.product-list li .info .tit{position: relative;font-size: 16px;line-height: 40px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.product-list li .info .tit:after{content: "";position: absolute;left: 0;bottom: 0;width: 65px;height: 2px;background-color: #ccc;}
.product-list li .info .para{margin: 14px 0;line-height: 20px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-list li .info .para span{color: #0095ea;}
.product-list li .info .txt{height: 52px;line-height: 26px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.product-list li:hover{box-shadow: 4px 4px 10px rgba(0,0,0,.2);}
.product-list li:hover .pic em{transform: scale(1.05);}
.product-list li:hover .info .tit{color: #0095ea;}

/*产品详情*/
.product-details{overflow: hidden;padding-top: 40px;}
.product-details > .con-l{float: left;width: 370px;}
.product-details > .con-r{margin-left: 420px;}
.product-details .common-title{overflow: hidden;padding-bottom: 16px;margin-bottom: 20px;border-bottom: 1px solid #0095ea;line-height: 20px;}
.product-details .common-title .name{float: left;padding-left: 15px;border-left: 6px solid #0095ea;font-size: 18px;color: #0095ea;}
.product-details .pic-show{}
.product-details .pic-show .pic{position: relative;padding-top: 100%;cursor: zoom-in;}
.product-details .pic-show .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}
.product-details .pic-show .name{font-size: 16px;text-align: center;line-height: 50px;}
.product-details .hot-product{margin-top: 70px;}
.product-details .hot-product .list{}
.product-details .hot-product .list li{margin-bottom: 25px;}
.product-details .hot-product .list li a{display: block;}
.product-details .hot-product .list li .pic{overflow: hidden;border: 1px solid #dcdcdc;}
.product-details .hot-product .list li .pic em{display: block;padding-top: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.5s;}
.product-details .hot-product .list li .name{font-size: 16px;text-align: center;line-height: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.product-details .hot-product .list li:hover .pic em{transform: scale(1.05);}
.product-details .hot-product .list li:hover .name{color: #0095ea;}
.product-details .section{margin-bottom: 40px;}
.product-details .section .content{}
.product-details .section .content p{line-height: 28px;}
.product-details .section .content img{display: inline-block;}
.product-details .section .content table{width: 100%!important;border-collapse: collapse!important;border: 0!important;margin: 0!important;}
.product-details .section .content table tr{border-bottom: 1px solid #eee;}
.product-details .section .content table td{height: 52px;padding: 10px 0;word-break: break-all;}
.product-details .section .content table td:nth-child(1){width: 20%;font-size: 16px;font-weight: bold;}

/*下载列表*/
.download-table{width: 100%;border-collapse: collapse;}
.download-table tr{border-bottom: 1px solid #e6e6e6;}
.download-table td{width: 15%;height: 70px;padding: 0;}
.download-table td:nth-child(1){width: 60%;padding: 20px 20px 20px 0;}
.download-table td:nth-child(4){width: 10%;}
.download-table td .name{position: relative;font-size: 18px;transition: 0.3s;}
.download-table td .name:before{content: "";position: absolute;left: 0;top: 50%;width: 2px;height: 16px;margin-top: -8px;background-color: #0095ea;transform: scaleY(0);}
.download-table td a{display: inline-block;line-height: 26px;transition: 0.3s;}
.download-table td a img{display: inline-block;vertical-align: middle;width: 26px;height: 26px;margin-right: 10px;}
.download-table td a:hover{color: #0095ea;}
.download-table tr:hover .name{position: relative;padding-left: 12px;color: #0095ea;}
.download-table tr:hover .name:before{transform: scaleY(1);transition: 0.3s;transition-delay: 0.2s;}

/*招聘列表*/
.recruit-list{}
.recruit-list li{}
.recruit-list li .title{display: table;width: 100%;border-bottom: 1px solid #e6e6e6;}
.recruit-list li .title span{display: table-cell;width: 12%;height: 70px;vertical-align: middle;}
.recruit-list li .title span:nth-child(1){width: 40%;padding: 20px 20px 20px 0;}
.recruit-list li .title span:nth-child(5){width: 14%;}
.recruit-list li .title span:nth-child(6){text-align: right;}
.recruit-list li .title span .name{position: relative;font-size: 18px;transition: 0.3s;}
.recruit-list li .title span .name:before{content: "";position: absolute;left: 0;top: 50%;width: 2px;height: 16px;margin-top: -8px;background-color: #0095ea;transform: scaleY(0);}
.recruit-list li .title span i{font-weight: bold;color: #0095ea;}
.recruit-list li .title span .fold-btn{position: relative;display: inline-block;width: 80px;height: 32px;border: 1px solid #c9c9c9;border-radius: 4px;cursor: pointer;transition: 0.3s;}
.recruit-list li .title span .fold-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 20px;height: 10px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRwdCIgaGVpZ2h0PSI4cHQiIHZpZXdCb3g9IjAgMCAxNCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMwMDdiYmEiIG9wYWNpdHk9Ii44NCIgZD0iTTYuOTQgMGguMDlDOS4zIDIuNTMgMTEuNjcgNC45NiAxNCA3LjQyVjhoLTEuNTJjLTEuODQtMi0zLjYxLTQuMDctNS40Mi02LjA5QzUuMjYgMy45OCAzLjQ4IDYuMDYgMS41NSA4SDB2LS41NkMyLjM3IDUuMDEgNC44MiAyLjY1IDYuOTQgMHoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%) rotate(180deg);filter: brightness(0) invert(.7);transition: 0.3s;}
.recruit-list li.open .title span .name{position: relative;padding-left: 12px;font-weight: bold;color: #0095ea;}
.recruit-list li.open .title span .name:before{transform: scaleY(1);transition: 0.3s;transition-delay: 0.2s;}
.recruit-list li.open .title span .fold-btn{background-color: #0095ea;}
.recruit-list li.open .title span .fold-btn:after{transform: translate(-50%,-50%) rotate(0);filter: brightness(0) invert(1);}
.recruit-list li .content{display: none;padding: 25px 10px 20px;border-bottom: 1px solid #e6e6e6;}
.recruit-list li .content .section{margin-bottom: 20px;}
.recruit-list li .content .section .tit{position: relative;padding-left: 10px;margin-bottom: 10px;font-size: 16px;line-height: 20px;}
.recruit-list li .content .section .tit:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 12px;background-color: #7d7d7d;transform: translateY(-50%);}
.recruit-list li .content .section .txt{line-height: 35px;}

/*联系我们*/
.contact-box{overflow: hidden;padding-top: 30px;}
.contact-box > .con-l{float: left;width: 70%;}
.contact-box > .con-r{margin-left: 72.5%;}
.contact-box .list1{}
.contact-box .list1 li{position: relative;padding: 14px 0 14px 55px;border-top: 1px solid #eee;}
.contact-box .list1 li:first-child{border-top: 0;}
.contact-box .list1 li .icon{position: absolute;left: 0;top: 50%;width: 25px;height: 25px;transform: translateY(-50%);}
.contact-box .list1 li .info{display: table-cell;height: 40px;vertical-align: middle;line-height: 20px;}
.contact-box .list2{margin-top: 25px;}
.contact-box .list2 li{position: relative;padding: 10px 0 10px 66px;}
.contact-box .list2 li .icon{position: absolute;left: 0;top: 50%;width: 50px;height: 50px;background-color: #0095ea;border-radius: 6px;transform: translateY(-50%);}
.contact-box .list2 li .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 30px;height: 30px;margin: auto;}
.contact-box .list2 li .info{display: table-cell;height: 50px;vertical-align: middle;line-height: 25px;}
/*电子地图*/
.e-map{display: block;width: 100%;height: 500px;}

/*合作表单*/
.cooperation-form{position: relative;padding-top: 30px;}
.cooperation-form .row{padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px solid #eee;}
.cooperation-form .row .name{position: relative;}
.cooperation-form .row .name:before{content: "";position: absolute;left: 26px;top: 50%;width: 1px;height: 16px;margin-top: -8px;background-color: #dcdcdc;}
.cooperation-form .row .name:after{content: ":";position: absolute;right: .5em;}
.cooperation-form .row .name .icon{position: absolute;left: 0;top: 50%;width: 16px;height: 16px;margin-top: -8px;}
.cooperation-form .row .info-content{}
.cooperation-form input{border: 0;}
.cooperation-form textarea{height: 200px;}
.cooperation-form .btns-area{position: absolute;right: 0;bottom: 30px;}
.cooperation-form .btns-area .btn{width: auto;margin: 0 0 0 30px;border-color: #0095ea;color: #0095ea;}
.cooperation-form .btns-area .btn:nth-child(1){margin-left: 0;}
.cooperation-form .btns-area .btn:nth-child(2){background-color: #0095ea;color: #fff;}

/*荣誉列表*/
.honor-list{overflow: hidden;margin-top: 40px;}
.honor-list li{float: left;width: 31.33%;margin: 0 1% 40px;background-color: #fff;}
.honor-list li a{display: block;}
.honor-list li .pic{background-color: #f5f5f5;overflow: hidden;}
.honor-list li .pic em{display: block;padding-top: 75%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.5s;}
.honor-list li .name{padding: 0 1em;background-color: #eee;font-size: 16px;line-height: 50px;text-align: center;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.honor-list li:hover .pic em{transform: scale(1.05);}
.honor-list li:hover .name{color: #0095ea;}


/*中屏PC:<=1400px(针对1366*650)*/
@media screen and (max-width: 1400px){

}

/*小屏PC:>=1025px && <=1200px*/
@media screen and (max-width: 1200px){
	/*header*/
	.header .logo{top: 15px;transform: translateY(0);}
	/*搜索栏*/
	.header .search-wrap{top: 20px;}
	/*电话*/
	.header .phone-wrap{top: 20px;}
	/*导航*/
	.nav-box .nav > li{padding-bottom: 10px;}
	.nav-box .nav-2nd{top: 50px;}

	/*banner*/
	.banner{height: 400px;}
	.banner .swiper-pagination{bottom: 20px;}

	/*footer*/
	/*底部导航*/
	.footer .nav-wrap .nav-1st > li{padding: 0 30px;}

	/******内页******/
	.inpage-content{min-height: 300px;padding: 0 0 30px;}
	/*内页banner*/
	.inpage-banner{height: auto;}
	.inpage-banner .w1200{padding-top: 20%;}
	.inpage-banner .title .cn{font-size: 24px;line-height: 30px;}
	.inpage-banner .title .cn:after{height: 2px;}
	.inpage-banner .title .en{font-size: 18px;line-height: 20px;}
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*header*/
	.header{height: 50px;}
	.header .logo{top: 50%;transform: translateY(-50%);}
	.header .logo img{max-width: 240px;max-height: 30px;}
	/*移动端导航按钮*/
	.header .menu-btn{display: block;}
	/*移动端搜索按钮*/
	.header .search-btn{display: block;}
	/*搜索栏*/
	.header .search-wrap{display: none;}
	/*电话*/
	.header .phone-wrap{display: none;}
	/*导航*/
	.nav-box{display: none;}

	/*banner*/
	.banner{height: auto;}
	.banner .swiper-slide{padding-top: 45%;}
	.banner .swiper-pagination{bottom: 10px;}
	.banner .swiper-pagination-bullet{width: 8px;height: 8px;}
	.banner .swiper-pagination-bullet-active{width: 20px;}
	.banner .btn{display: none;}

	/******首页******/
	/*标题*/
	.index-title{margin-bottom: 15px;}
	.index-title .name .cn{font-size: 18px;}
	.index-title .name .en{line-height: 20px;}
	.index-title .txt{display: none;}
	/*布局*/
	.index-content .part1{padding: 20px 0 30px;}
	.index-content .part2{padding: 20px 0 30px;}
	.index-content .part3{padding: 20px 0 40px;}

	/*产品中心*/
	.product-box .tabs:after{display: none;}
	.product-box .tabs .swiper-slide{margin-left: 20px;font-size: 15px;line-height: 40px;}
	.product-box .tabs .swiper-slide:after{height: 2px;}
	.product-box .tab-content{margin-top: 10px;}
	.product-box .tab-content > .item .btns-area{margin-top: 20px;}
	/*产品轮播*/
	.product-swiper .swiper-slide .name{font-size: 15px;line-height: 50px;}

	/*解决方案*/
	.solution-box > .item{display: block;width: 100%;height: auto;margin-bottom: 10px;}
	.solution-box > .item a{height: auto;padding-top: 55%;margin: 0;border: 0;}
	.solution-box > .item .front-wrap{display: none;}
	.solution-box > .item .back-wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);transition: 0.3s ease-in-out;}
	.solution-box > .item .back-wrap .info{width: 100%;height: 100%;padding: 20px;}
	.solution-box > .item .back-wrap .info .tit1{padding-bottom: 10px;font-size: 18px;}
	.solution-box > .item .back-wrap .info .tit1:after{height: 1px;}
	.solution-box > .item .back-wrap .info .tit2{font-size: 14px;}
	.solution-box > .item .back-wrap .info .txt{max-height: 48px;margin-top: 20px;font-size: 13px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.solution-box > .item.show{width: 100%;}
	.solution-box > .item.show .front-wrap{display: none;}
	.solution-box > .item.show .back-wrap{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}

	/*新闻中心*/
	.news-box .tabs .item{padding: 0 1em;font-size: 15px;line-height: 30px;}
	.news-box .tab-content{margin-top: 20px;}
	/*新闻轮播*/
	.news-swiper .swiper-slide a{padding-bottom: 80px;}
	.news-swiper .swiper-slide .info{padding: 15px;}
	.news-swiper .swiper-slide .info .tit{margin-top: 0;font-size: 16px;}
	.news-swiper .swiper-slide:hover .info .txt{margin-top: 5px;}

	/*公司链接区*/
	.company-links-box{display: block;}
	.company-links-box .item{width: 100%;}
	.company-links-box .item .pic{padding-top: 30%;}
	.company-links-box .item .info{padding: 10px 20px;}
	.company-links-box .item:last-child .info{text-align: right;}

	/*footer*/
	.footer{padding-top: 20px;}
	.footer .top{display: none;}
	.footer .bottom{padding: 20px 0;}
	
	/******内页******/
	/*内页头部*/
	.inpage-top{height: 40px;}
	/*内页导航栏*/
	.inpage-nav-wrap a{margin: 0 6px;font-size: 14px;line-height: 40px;}
	/*面包屑*/
	.bread{display: none;}
	/*分页*/
	.page{padding-top: 20px;}
	.page > *{padding: 0 .8em;margin: 0 3px;height: 30px;font-size: 12px;line-height: 28px;}

	/*内页banner*/
	.inpage-banner{height: auto;}
	.inpage-banner .w1200{padding-top: 30%;}
	.inpage-banner .title .cn{padding-bottom: 5px;font-size: 16px;line-height: 30px;}
	.inpage-banner .title .cn:after{height: 1px;}
	.inpage-banner .title .en{margin-top: 5px;font-size: 14px;line-height: 20px;}

	/*新闻列表*/
	.news-list li{padding: 20px 0 10px;}
	.news-list li .pic{float: none;width: 100%;}
	.news-list li .info{margin-left: 0;}
	.news-list li .info .tit{padding: 5px 0;font-size: 15px;}
	.news-list li .info .txt{height: 48px;margin-top: 10px;line-height: 24px;}
	.news-list li .info .date{margin-top: 5px;font-size: 12px;}

	/*新闻详情*/
	.news-details{padding-top: 10px;}
	.news-details .title{padding: 10px 0;font-size: 15px;line-height: 24px;}
	.news-details .record{font-size: 12px;}
	.news-details .record span{margin: 0 10px;}
	.news-details .content{padding: 0 0 5px;line-height: 28px;}
	.news-details .content p{margin-bottom: 10px;}
	.news-details .other-links{padding: 15px 0;font-size: 12px;}
	.news-details .other-links .item{line-height: 20px;}
	.news-details .bottom-wrap .reporter{font-size: 12px;}
	.news-details .bottom-wrap .reporter span{margin-right: 10px;}
	.news-details .bottom-wrap .share-wrap{display: none;}

	/*发展历程*/
	.history-box{padding-top: 20px;}
	.history-box .title{margin-bottom: 20px;font-size: 16px;}
	.history-list li{margin-bottom: 20px;}
	.history-list li .date{padding-left: 10px;font-size: 14px;}
	.history-list li .info{margin-left: 70px;}

	/*产品中心*/
	/*分类区*/
	.product-center .classify-area{padding-top: 10px;}
	.product-center .classify-area .section{padding: 5px 0;line-height: 24px;}
	.product-center .classify-area .section:after{left: 0;}
	.product-center .classify-area .section .name{float: none;width: auto;padding-left: 20px;margin: 0 70px 5px 0;font-size: 15px;letter-spacing: 0;}
	.product-center .classify-area .section .name .icon{width: 14px;height: 14px;}
	.product-center .classify-area .section .content{margin: 0;}
	.product-center .classify-area .section .content span{padding: 0 .5em;margin: 0 2px 3px;font-size: 12px;}
	.product-center .classify-area .section .fold-btn{top: 6px;font-size: 12px;line-height: 22px;}
	.product-center .classify-area .section .fold-btn:after{width: 10px;}
	/*搜索区*/
	.product-center .search-area{margin-top: 10px;}
	.product-center .search-area:before{left: 10px;}
	.product-center .search-area .input-text{height: 36px;padding: 0 80px 0 30px;}
	.product-center .search-area .sub-btn{width: 60px;height: 36px;font-size: 14px;line-height: 36px;}
	/*结果区*/
	.product-center .result-area .intro{padding: 10px 0;}
	.product-center .result-area .intro p{margin-bottom: 10px;}

	/*产品列表*/
	.product-list li{float: none;width: 100%;margin: 0 0 20px;}
	.product-list li .info{padding: 5px 10px 10px;}
	.product-list li .info .para{margin: 8px 0;}
	.product-list li .info .txt{height: 40px;font-size: 13px;line-height: 20px;}

	/*产品详情*/
	.product-details{padding-top: 20px;}
	.product-details > .con-l{float: none;width: 100%;}
	.product-details > .con-r{margin-left: 0;margin-top: 20px;}
	.product-details .common-title{padding-bottom: 10px;margin-bottom: 10px;}
	.product-details .common-title .name{padding-left: 10px;border-left: 3px solid #0095ea;font-size: 16px;}
	.product-details .pic-show .pic{position: relative;}
	.product-details .pic-show .pic:after{content: "";position: absolute;right: 0;bottom: 0;width: 30px;height: 30px;background: rgba(0,0,0,.3) url(../images/icon_search_20_white.png) center no-repeat;background-size: 16px 16px;}
	.product-details .hot-product{display: none;}
	.product-details .section{margin-bottom: 15px;}
	.product-details .section .content img{margin: 10px 0;}
	.product-details .section .content table td{height: 40px;}
	.product-details .section .content table td:nth-child(1){width: 35%;font-size: 14px;}

	/*下载列表*/
	.download-table td{width: 20%;height: 60px;padding: 0;font-size: 12px;text-align: center;}
	.download-table td:nth-child(1){width: 40%;padding: 10px 1em 10px 0;text-align: left;}
	.download-table td:nth-child(4){width: 16%;}
	.download-table td .name{font-size: 12px;line-height: 20px;}
	.download-table td .name:before{display: none;}
	.download-table td a{line-height: 16px;}
	.download-table td a img{width: 16px;height: 16px;margin-right: 5px;}

	/*招聘列表*/
	.recruit-list li .title span{width: 15%;height: 60px;padding: 10px 0;font-size: 12px;text-align: center;}
	.recruit-list li .title span:nth-child(1){width: 30%;padding: 10px 1em 10px 0;text-align: left;}
	.recruit-list li .title span:nth-child(5){width: 10%;}
	.recruit-list li .title span:nth-child(6){width: 5%;text-align: right;}
	.recruit-list li .title span .name{font-size: 12px;}
	.recruit-list li .title span .name:before{display: none;}
	.recruit-list li .title span .fold-btn{width: 30px;height: 20px;}
	.recruit-list li .title span .fold-btn:after{width: 10px;}
	.recruit-list li.open .title span .name{padding-left: 0;}
	.recruit-list li .content{padding: 20px 0 5px;}
	.recruit-list li .content .section{margin-bottom: 15px;}
	.recruit-list li .content .section .tit{position: relative;padding-left: 10px;margin-bottom: 10px;font-size: 16px;line-height: 20px;}
	.recruit-list li .content .section .txt{font-size: 13px;line-height: 24px;}
	.recruit-list li .content .section .txt p{margin-bottom: 5px;}

	/*联系我们*/
	.contact-box{padding-top: 20px;}
	.contact-box > .con-l{float: none;width: 100%;}
	.contact-box > .con-r{margin-left: 0;}
	.contact-box .list1 li{padding: 8px 0 8px 30px;font-size: 13px;}
	.contact-box .list1 li .icon{width: 20px;height: 20px;}
	.contact-box .list1 li .info{height: 32px;line-height: 16px;}
	.contact-box .list2{margin-top: 10px;}
	.contact-box .list2 li{padding: 8px 0 8px 40px;font-size: 13px;}
	.contact-box .list2 li .icon{width: 30px;height: 30px;}
	.contact-box .list2 li .icon img{width: 16px;height: 16px;}
	.contact-box .list2 li .info{height: 32px;line-height: 16px;}
	/*电子地图*/
	.e-map{height: 400px;}

	/*合作表单*/
	.cooperation-form{padding-top: 20px;}
	.cooperation-form .row{padding-bottom: 5px;margin-bottom: 10px;}
	.cooperation-form .row.w50{width: 100%!important;}
	.cooperation-form .row.w33{width: 100%!important;}
	.cooperation-form textarea{height: 100px;}
	.cooperation-form .yzm-area{width: 100%;}
	.cooperation-form .btns-area{position: static;}
	.cooperation-form .btns-area .btn{width: auto;padding: 0 3em;margin: 0 10px;}
	.cooperation-form .btns-area .btn:nth-child(1){margin-left: 10px;}

	/*荣誉列表*/
	.honor-list{margin-top: 20px;}
	.honor-list li{float: none;width: 100%;margin: 0 0 20px;}
	.honor-list li .name{font-size: 14px;line-height: 40px;font-weight: normal;}
}