@font-face {
    font-family: 'roboto';
    src: url('../font/roboto.eot');
    src:
    url('../font/roboto.woff') format('woff'),
    url('../font/roboto.ttf') format('truetype'),
    url('../font/roboto.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'roboto';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: 'roboto';font-size: 14px;color: #333；}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'roboto';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'roboto';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 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],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;-moz-box-sizing: border-box;}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #00a551;border-radius: 2px;}
/*常用过渡*/
.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;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*常用浮动*/
.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;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: .9;}
/*背景图片*/
em{background-repeat: no-repeat; background-size: cover; background-position: center center;}
/*按钮hover动效1*/
.hover-btn{z-index: 1;position: relative;display: inline-block;padding: 0 2em;background-color: transparent;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.hover-btn:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #3da7ea;transform: scaleX(0);transition: 0.3s;}
.hover-btn:hover{color: #fff;}
.hover-btn:hover:after{transform: scaleX(1);}
/*自定义单选框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 8px 0 0;background-color: #fff;border: 1px solid #ccc;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: #009adc;border-color: #009adc;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #009adc;}
/*自定义多选框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 8px 0 0;background-color: #fff;border: 1px solid #ccc;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: #009adc;border-color: #009adc;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #009adc;}
.custom-input input[type="checkbox"] + em:hover{border-color: #009adc;}
/*自定义表单通用样式*/
.custom-form{font-size: 0;}
.custom-form .title{margin-bottom: 30px;font-size: 18px;line-height: 20px;}
.custom-form .title span{display: inline-block;padding-left: 10px;border-left: 3px solid #ca0000;color: #ca0000;}
.custom-form .row{display: inline-block;width: 100%;margin-bottom: 20px;font-size: 14px;}
.custom-form .row.w50{width: 50%;}
.custom-form .row.w33{width: 33%;}
.custom-form .row .name{float: left;width: 5em;padding: 10px 1em 10px 0;line-height: 16px;text-align: right;}
.custom-form .row .info-content{margin-left: 5em;}
.custom-form input[type="text"]{width: 100%;height: 36px;padding-left: 10px;border: 1px solid #ddd;border-radius: 4px;}
.custom-form input[type="text"]:focus{border-color: #0b736d;}
.custom-form textarea{width: 100%;height: 200px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;resize: none;}
.custom-form textarea:focus{border-color: #0b736d;}
.custom-form select{width: 100%;height: 36px;padding-left: 5px;border: 1px solid #ddd;outline: none;}
.custom-form select:focus{border-color: #0b736d;}
.custom-form .upload-avatar{position: relative;display: block;width: 80px;height: 80px;border-radius: 50%;cursor: pointer;overflow: hidden;}
.custom-form .upload-avatar input[type="file"]{display: none;}
.custom-form .upload-avatar .avatar{height: 100%;}
.custom-form .upload-avatar .avatar img{width: 100%;height: 100%;}
.custom-form .upload-avatar .tips{position: absolute;left: 50%;top: 50%;width: 4em;height: 20px;background-color: rgba(0,0,0,.3);text-align: center;line-height: 20px;color: #fff;transform: translate(-50%,-50%);}
.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 *::-webkit-input-placeholder{color: #ccc;}

#page{background: #fff;}
/*网页限定宽度*/
.w1200{width: 1200px;margin: 0 auto;}
/*header*/
.header{ height: 130px;}
.header .logo{margin-top: 26px;}
.header .right{ width: 336px; height: 48px; line-height: 48px; border: 1px #c9c9c9 solid; border-radius: 6px; overflow: hidden; margin-top: 44px;}
.header .right form{ display: block; overflow: hidden;}
.header .right form input.text{ width: calc(100% - 54px); padding: 0 10px; height: 46px; line-height: 46px;}
.header .right form .btn{position: relative; width: 46px; height: 46px; padding-right: 12px; height: 46px; outline: none;}
.header .right form .btn::before{ content: ""; position: absolute; left: -10px; top: 10px; width: 1px; height: 25px; background: #dcdcdc;}
.header .right form .btn img{ margin-top: 2px;}

.language{ float: right; margin-top: 54px; margin-left: 14px;}
.language a{ font-size: 16px; padding: 0 4px; color: #333;transition: 0.3s;}
.language a img{ width: 30px;}
.language a.on{color: #66c538;}
.language a:hover{color: #66c538;}
/*导航*/
.menu-btn{display: none; float: right; width: 24px;height: 24px;font-size: 0; margin-top: 56px; margin-left: 20px; cursor: pointer;}
.menu-btn span{display: block;width: 100%;height: 3px;background-color: #66c538;transition: 0.5s ease-out;}
.menu-btn span:nth-child(2){margin: 7px 0;}

.nav-box{background: linear-gradient(153deg,#68c73b,#359705);}
.nav-box .nav{}
.nav-box .nav > li{position: relative;float: left;height: 80px;}
.nav-box .nav > li::before{content: ""; position: absolute; top: 50%; margin-top: -8px; right: 0; width: 1px; height: 16px; background: rgba(255,255,255,0.5);}
.nav-box .nav > li:last-child::before{width: 0;}
.nav-box .nav > li > a{position: relative;display: block;padding: 0 52px;font-size: 24px; color: #fff; text-align: center; height: 100%; line-height: 80px; transition: 0.3s;}
.nav-box .nav > li > a span{ display: block; text-align: center; line-height: 28px;}
.nav-box .nav > li > a img{ padding-top: 10px;}
.nav-box .nav > li.on > a,.nav-box .nav > li:hover > a{background: rgba(0,0,0,0.1);}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 80px;width: 100%;min-width: 140px;padding: 8px 0;background-color: rgba(255,255,255,.9);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;}
.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: #59af30;color: #fff;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}


.nav-box .nav-2nd > li .navBox{display: none; position: absolute; top: 0; right: -400px; width: 400px;  background: #fff; border-left: 1px #66c538 solid; padding-top: 10px; overflow-y: auto;}
.nav-box .nav-2nd > li:nth-child(2) .navBox{}
.nav-box .nav-2nd > li .navBox dl dd{ display: block; font-size: 15px; line-height: 22px; padding-bottom: 6px; padding-left: 20px;}
.nav-box .nav-2nd > li .navBox dl dd a{ display: block; }
.nav-box .nav-2nd > li .navBox dl dd a:hover{color: #359705;}


/*弹窗*/
.searchTan{ display: none;}
.searchTan form{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 42px; margin: auto; }
.searchTan form .text-input{ display: block; width: 100%; height: 100%; padding: 0 50px 0 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 12px; border-radius: 20px;}
.searchTan form .sub-btn{position: absolute; right: 0; top: 0; width: 42px; height: 42px; background: #eee url(../images/icon1.png) center no-repeat; background-size: 20px 20px; border: none;  border-radius: 50%;}
.maTan{ display: none;}
.maTan img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 260px;}

/*banner*/
.banner{position: relative; width: 100%; overflow: hidden;}
.banner a{ display: block; padding-bottom: 41.67%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.banner .btn span{ width: 10px; height: 10px; background: #fff; opacity: 1; transition: 0.3s; -webkit-transition: 0.3s;}
.banner .btn span.swiper-pagination-bullet-active{width: 20px; background: #67c539; border-radius: 10px;}

/*partOne*/
.partOne{padding: 94px 0 106px 0;}
.partOne .list{ overflow: hidden; height: 403px;}
.partOne .list li{width: 383px; margin-right: 25px; transition: 0.6s; -webkit-transition: 0.6s;}
.partOne .list li:last-child{ margin-right: 0;}
.partOne .list li .pic{position: relative; width: 100%; height: 295px;}
.partOne .list li .pic .tit{opacity: 0; position: absolute; top: 0; right: 0; width: 70%; height: 100%; padding-top: 45px; text-align: right; padding-right: 50px; font-size: 20px; clear: #333; line-height: 30px; transition: 0.3s; -webkit-transition: 0.3s;}
.partOne .list li .pic .tit span{display: block; position: absolute; bottom: 80px; right: 50px; text-align: right; background: url(../images/right-icon.png) no-repeat right 10px; padding-right: 23px; transition: 0.3s; filter: brightness(0) invert(0.2);}
.partOne .list li .pic .tit span:hover{ color: #68c73c; filter: brightness(1) invert(0);}
.partOne .list li .pic em{ display: block; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: 0.3s;}
.partOne .list li .text{ height: 108px; border: 1px #a0a0a0 solid; border-top: none; text-align: center; font-size: 20px; color: #333333; line-height: 28px; }
.partOne .list li .text p{position: relative; top: 50%; transform: translateY(-50%);  padding: 0 12px; transition: 0.3s;}
.partOne .list li.on{ width: 578px;}
.partOne .list li.on .pic .tit{ opacity: 1;}
.partOne .list li.on .pic em{}
.partOne .list li.noOn{ width: 286px;}
.partOne .list li:hover .text{border-color: #4eae1f;}
.partOne .list li:hover .text p{ color: #4eae1f;}
/*简介*/
.partTwo{background: url(../images/aboutBg.jpg) ; background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 140px 0 130px 0; }
.partTwo .title{position: relative; font-size: 40px; font-weight: bold; color: #fff; text-shadow: 0 0 6px rgba(0,0,0,0.2); text-align: center; font-family: arial;}
.partTwo .title::before{ content: ""; position: absolute; left: 50%; bottom: -70px; transform: translateX(-50%); width: 80px; height: 2px; background: #b5dc98;}
.partTwo .txt{ width: 1280px; padding-top: 148px; font-size: 22px; color: #fff; line-height: 36px; text-align: center; text-shadow: 0 0 6px rgba(0,0,0,0.2); margin: 0 auto;}
/*partThree*/
.partThree{  height: 363px; padding: 100px 0;  box-sizing: initial;}
.partThree .pic{ width: 48.5%; height: 100%; overflow: hidden;}
.partThree .pic em{ display: block; height: 100%;}
.partThree .pic:hover em{transform: scale(1.1); -webkit-transform: scale(1.1);}
.partThree .text{position: relative; width: 49.5%; height: 100%;}
.partThree .text h3{ position: relative; font-size: 26px; font-weight: bold; color: #222; line-height: 36px; height: 72px; font-family: arial; box-sizing: initial;}
.partThree .text > i{ display: block; width: 80px; border-top: 1px #dcdcdc solid; margin-top: 24px;}
.partThree .text p{ font-size: 20px; color: #666666; line-height: 34px;  margin-top: 22px;}
.partThree .text .more{position: absolute; left: 0; bottom: 0; width: 166px; height: 38px; padding-left: 16px; line-height: 38px; border: 1px #d2d2d2 solid; font-size: 16px; color: #666666; transition: 0.3s;}
.partThree .text .more i{display: block; float: right; width: 36px; height: 36px;  text-align: center; background: #d2d2d2; transition: 0.3s;}
.partThree .text .more i img{position: relative; top: 3px;}
.partThree:hover .text .more{border-color: #69c73b; color: #69c73b;}
.partThree:hover .text .more i{background: #69c73b;}
.partThree:hover .text h3{ color: #69c73b;}
/*partFour*/
.partFour{background: url(../images/newBg.jpg) no-repeat center center; background-size: cover; padding: 98px 0 89px 0;}
.partFour .title{ height: 56px; line-height: 56px; border-bottom: 1px #a0a0a0 solid; padding-top: 4px;}
.partFour .title span{ font-size: 30px; color: #359706; font-weight: bold; font-family: arial;}
.partFour .title .more{ float: right; font-size: 16px; color: #222222;}
.partFour .title .more:hover{ color: #359706;}
.partFour .left{width: calc(100% - 380px); background: #fff; padding: 0 22px; height: 493px; overflow: hidden;}
.partFour .left .item .pic{ width: 0; height: 0; overflow: hidden; transition: 0.3s;}
.partFour .left .item:last-child .text h3{ border-bottom: none;}
.partFour .left .item .pic em{ display: block; height: 100%;}
.partFour .left .item .text{ width: 100%; transition: 0.3s;}
.partFour .left .item .text h3{position: relative; font-size: 20px; color: #222222; font-family: arial; border-bottom: 1px #e5e5e5 solid;  font-weight: normal; -webkit-line-clamp: 1; height: 66px; line-height: 66px; padding-right: 16px;}
.partFour .left .item .text h3 em{position: absolute; right: 0; top: 50%; margin-top: -8px; display: block; width: 16px; height: 16px; background: url(../images/add.png) no-repeat 0 0;}
.partFour .left .item .text h3 i{font-size: 17px; padding-right: 4px;}
.partFour .left .item .text P{display: none; font-size: 17px; color: #666666; line-height: 26px; margin-top: 12px;}
.partFour .left .item .text .more{display: none; font-size: 15px; color: #666666; margin-top: 14px;}
.partFour .left .item .text .more span{ float: right;}
.partFour .left .item .text .more span img{ position: relative; top: 1px; padding-left: 10px; filter: grayscale(1) invert(0.2);}

.partFour .left .item.on{padding: 22px 0 28px 0; border-bottom: 1px #e5e5e5 solid;}
.partFour .left .item.on .text{width: calc(100% - 310px);}
.partFour .left .item.on .text p{display: block;}
.partFour .left .item.on .text .more{ display: block;}
.partFour .left .item.on .text .more span{ color: #ff9600;}
.partFour .left .item.on .text .more span img{filter: grayscale(0) invert(0);}
.partFour .left .item.on .text h3{ color: #359706;  font-size: 22px; -webkit-line-clamp: 2; line-height: 30px; height: 66px; padding:0 0 10px 0;}
.partFour .left .item.on .text h3 em{ display: none;}
.partFour .left .item.on .pic{width: 290px; height: 186px;}
.partFour .left .item.on .pic em{transform: scale(1.1);}

.partFour .right{ width: 355px; height: 493px; background: #FFFFFF; padding: 0 22px;}
.partFour .right .list li{ padding: 18px 0; border-bottom: 1px #e5e5e5 solid;}
.partFour .right .list li:last-child{ border: none;}
.partFour .right .list li h3{font-size: 20px; color: #222222;  font-weight: normal;}
.partFour .right .list li h3 i{ padding-right: 6px;}
.partFour .right .list li .text{ padding-left: 28px; font-size: 16px; line-height: 20px; color: #666666; margin-top: 8px;}
.partFour .right .list li .text p{height: 20px;}
.partFour .right .list li:hover h3{ color: #359706;}

/*footer*/
.footerTop{ background: #fff; border-top: 1px #68c73b solid; padding: 50px 0 40px 0;}
.footerTop .left{ width: 52%;}
.footerTop .left h3{ font-size: 26px; color: #333333; font-family: arial; padding-bottom: 20px;}
.footerTop .left .item{ font-size: 16px; color: #333333; font-family: arial; padding: 10px 0;}
.footerTop .left .item i{ position: relative; top: -2px; float: left; width: 20px; height: 20px; background-image: url(../images/foot-icon2.png); padding-right: 34px; background-size: 20px 20px; background-repeat: no-repeat; background-position: 0 0;}
.footerTop .left .list .item:nth-child(2) i{background-image: url(../images/foot-icon3.png);}
.footerTop .left .list .item:nth-child(3) i{background-image: url(../images/foot-icon1.png);}
.footerTop .left .list .item:nth-child(4) i{background-image: url(../images/foot-icon4.png);}
.footerTop .right{position: relative; width: 48%; text-align: right;}
.footerTop .right .footNav{ padding-top: 8px;}
.footerTop .right .footNav a{display: inline-block; font-size: 18px; color: #222222; margin-right: 24px; transition: 0.3s;}
.footerTop .right .footNav a:last-child{ margin-right: 0;}
.footerTop .right .footNav a:hover{ color: #69c73b;}
.footerTop .right .footForm{ margin-top: 46px;}
.footerTop .right .footForm .text{ display: inline-block; width: 210px; height: 44px; line-height: 42px; border: 1px #999999 solid; padding: 0 10px; }
.footerTop .right .footForm .btn{float: right; width: 70px; height: 44px; background: #ffca7f; margin-left: 10px; outline: none;}
.footerTop .right .footForm .btn img{ position: relative; top: 2px; }
.footerTop .right .share{margin-top: 38px;}
.footerTop .right .share a{ display: inline-block; margin-left: 10px; filter: grayscale(1) invert(0.2); transition: 0.3s; width: 35px; height: 35px; background-repeat: no-repeat; background-position: 0 0;}
.footerTop .right .share a.linkForm{ background-image: url(../images/linkForm1.png);}
.footerTop .right .share a.facebook{ background-image: url(../images/share1.png);}
.footerTop .right .share a.linked-in{background-image: url(../images/share2.png);}
.footerTop .right .share a:hover{filter: grayscale(0) invert(0);}
.footerTop .right .share a.facebook:hover{background-image: url(../images/facebook.png);}
.footerTop .right .share a.linked-in:hover{background-image: url(../images/linked-in.png);}
.footerTop .right .share a.linkForm:hover{background-image: url(../images/linkForm2.png);}
.footBottom{ background: #5bb031; text-align: center; font-size: 16px; color: #fff; padding: 30px 0;}
.footerTop .right .footMa{position: absolute; bottom: 0; left: 34px; width: 130px;}
/*内页*/
.pageBan em{ display: block; padding-bottom: 20.8%; }

/*technology*/
.technologyOne{margin: 92px 0 87px 0;}
.technologyOne:hover .pic em{transform: scale(1);}
.technologyOne:hover .text h3{ color: #222;}
.technologyTwo{background: linear-gradient(153deg,#95d352,#51b022); padding-top: 50px;}
.technologyTitle{position: relative; font-size: 35px; font-weight: bold; color: #fff; font-family: arial; text-align: center; padding-bottom: 40px;}
.technologyTitle::before{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 80px; height: 5px; background: #fff;}
.technologyTwo .list{margin-top: 90px; text-align: center; font-size: 0;}
.technologyTwo .list ul li{position: relative; display: inline-block; text-align: center; margin-bottom: 60px; margin-right: 60px;}
.technologyTwo .list ul li::before{ content: ""; position: absolute; top: 44%; left: -44px; transform: translateY(-50%); width: 24px; height: 44px; background: url(../images/right-icon4.png) no-repeat 0 0;}
.technologyTwo .list ul li .pic{height: 196px; line-height: 196px; background: #fff; border-radius: 14px; border: 5px #fff solid;}
/* .technologyTwo .list ul:first-child li:nth-child(4)::before{display: none;} */
.technologyTwo .list ul li:last-child{ margin-right: 50px;}
.technologyTwo .list ul:first-child li:first-child::before{ display: none;}
.technologyTwo .list ul:nth-child(2n) li:last-child::before{ display: none;}
.technologyTwo .list ul li .pic img{max-height: 100%; max-width: 100%;   border-radius: 14px;}
.technologyTwo .list ul li p{ font-size: 18px; color: #ffffff; margin-top: 16px;}
.technologyTwo .list ul li:nth-child(4n){ margin-right: 0;}
/* .technologyTwo .list ul li:nth-child(4)::before{ transform: translateY(0); right: 47%; top: 102%; transform: rotate(90deg);} */
.technologyTwo .list .listTwo{ }
.technologyTwo .list .listTwo li{ float: right;}
.technologyTwo .list .listTwo li::before{transform: rotate(180deg); margin-top: -22px;}
/* .technologyTwo .list .listTwo li:first-child::before{ display: none;} */
.technologyThree{ margin-top: 80px; margin-bottom: 60px;}
.technologyThree .technologyTitle{color: #222222;}
.technologyThree .technologyTitle::before{background: #5bb530;}
.technologyThree ul li{ margin-top: 60px;}
.technologyThree ul li .num{ width: 54px; height: 54px; text-align: center; line-height: 54px; font-size: 32px; font-weight: bold; color: #fff; background: #5bb530; border-radius: 8px; font-family: arial;}
.technologyThree ul li .text{ width: calc(100% - 70px);}
.technologyThree ul li .text h3{ font-size: 22px; font-weight: bold; font-family: arial; color: #333333;}
.technologyThree ul li .text p{ font-size: 18px; color: #666666; margin-top: 4px;}
.technologyFour{background: #f3f3f3; padding: 80px 0;}
.technologyFour .tit{ font-size: 35px; font-weight: bold; color: #222222; font-family: arial;}
.technologyFour ul{padding-top: 26px;}
.technologyFour ul li{ font-size: 20px; color: #666; margin-top: 26px;}
/* 内页导航*/
.pageNav{height: 88px; border-bottom: 1px #d2d2d2 solid; font-size: 0;}
.pageNav .list{ height: 100%; }
.pageNav .list li{position: relative; height: 100%; float: left; max-width: 21%; line-height: 26px; text-align: center; margin-right: 1%;}
.pageNav .list li::before{ content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #349705; transition: 0.3s; -webkit-transition: 0.3s;}
.pageNav .list li > a{position: relative; top: 50%; transform: translateY(-50%); display: block; font-size: 24px;  color: #666666; transition: 0.3s; -webkit-transition: 0.3s; padding: 0 30px;}
.pageNav .list li.on::before{width: 100%;}
.pageNav .list li.on > a{ color: #5bb530;}
.pageNav .list li:hover::before{width: 100%;}
.pageNav .list li:hover > a{ color: #5bb530;}

.pageNav .pageNavBox{display: none; position: absolute; top: 88px; left: 0; width: 100%; border-top: 1px #5bb530 solid; background: #fff; min-height:60px ; padding: 10px 0; z-index: 2; box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.pageNav .pageNavBox a{ display: block;font-size: 16px; color: #666; line-height: 24px; padding: 6px 0;}
.pageNav .pageNavBox a:hover{ color: #5bb530;}


/* Products-one*/
.pageWord{min-height: 300px; padding-bottom: 10px;}
.pageWord .pageTitle{ font-size: 30px; color: #222222; text-align: center; margin: 60px 0;}
.pageWord .word{word-wrap: break-word;}
.pageWord .word p{position: relative; font-size: 20px; color: #555555; line-height: 36px; text-align: justify;}
.pageWord .word p::after{ content: ""; display: table; clear: both;}
.pageWord .word .proTable{width: 100%; text-align: center; background: #eaf6e1; border: 1px #71c039 solid;}
.pageWord .word .proTable tr th{ background: #71c039; padding: 14px 0; color: #fff; font-size: 26px; font-family: arial; font-weight: normal; border-right: 1px #fff solid;}
.pageWord .word .proTable tr th:last-child{ border-right: none;}
.pageWord .word .proTable tr:nth-child(2n) td{background: #fff;}
.pageWord .word .proTable tr td{ font-size: 20px; color: #555; padding: 12px 0; border-right: 1px #71c039 solid; width: 33%;}
.pageWord .word .proTable tr td:last-child{ border: none;}
.pro-bottom{padding: 56px 38px 20px 38px; background: linear-gradient(153deg,#95d352,#51b022); margin: 54px 0;}
.pro-bottom ul li{float: left; width: 48.5%; margin-bottom: 20px;}
.pro-bottom ul li .pic{width: 100%; background: #fff; border: 10px #fff solid; overflow: hidden;}
.pro-bottom ul li .pic em{display: block; padding-bottom: 64%;}
.pro-bottom ul li .text{ font-size: 24px; color: #fff; text-align: center; margin-top: 16px;}
.pro-bottom ul li:hover .text{ text-indent: 0.5em;}
.pro-bottom ul li:nth-child(2n){ float: right;}

/* Products-总*/
.pro-allTitle{ font-size: 24px; color: #333333; text-align: center; padding-bottom: 60px;}
.pro-allOne{padding-top: 78px;}
.pro-all .list{ font-size: 0; text-align: center;}
.pro-all .list li{display: inline-block; width: 31.2%; font-size: 22px; margin: 0 1.58%; margin-bottom: 52px;}
.pro-all .list li .pic{width: 100%; overflow: hidden;}
.pro-all .list li .pic em{display: block;padding-bottom: 66.58%;}
.pro-all .list li .text{position: relative; height: 100px; border: 1px #d2d2d2 solid; border-top: none;}
.pro-all .list li .text p{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; color: #666;}
.pro-all .list li:hover p{color: #5bb530;}
.pro-all .list li:nth-child(3n){ margin-right: 0;}
.pro-all .list li:nth-child(3n+1){ margin-left: 0;}
.pro-all .pro-more{display: block; margin: 0 auto; width: 312px; height: 70px; text-align: center; line-height: 70px; border: 1px #d2d2d2 solid; border-radius: 8px; margin-top: 10px; font-size: 22px; color: #5bb530;}
.pro-all .pro-more:hover{border-color: #5bb530;}
.pro-allTwo{background: #f6f6f6; margin-top: 77px; padding: 80px 0 65px 0;}

/*product-text-one*/
.pro-inform{position: relative; padding: 50px; background: linear-gradient(153deg,#95d352,#51b022); margin: 54px 0; min-height: 400px;}
.pro-inform .item{ font-size: 20px; color: #fff; margin-bottom: 30px;}
.pro-inform .item:last-child{ margin-bottom: 0;}
.pro-inform .item i{ font-size: 24px; padding-right: 10px;}
.pro-inform .pic{ position: absolute; top: 60px; right: 60px; width: 446px; height: 292px; border: 10px #fff solid;}
.pro-inform .pic img{ width: 100%; height: 100%;}
.wordList .word-color{ font-size: 24px; color: #5bb530; margin-top: 70px; line-height: 36px;}
.wordList .item{ font-size: 20px; color: #555555; margin-top: 40px;}
.wordList .item i{color: #5bb530; padding-right: 4px; font-weight: bold; font-family: '微软雅黑';}
.wordList .item .wordTip{ font-size: 20px; color: #999999; line-height: 24px; padding-left: 38px; margin-top: 10px;}

/*download*/
.download{ margin-top: 90px; margin-bottom: 80px;}
.download .download-title{ font-size: 24px; color: #444444; overflow: hidden; padding-top: 4px; padding-bottom: 20px; border-bottom: 1px #d2d2d2 solid;}
.download .download-title img{ float: left; margin-top: -2px; padding-right: 16px;}
.download .download-box{ margin-top: 29px;}
.download .download-box a{display: inline-block; height: 44px; line-height: 44px; border: 1px #e5e5e5 solid; border-radius: 4px; padding: 0 16px; margin-right: 25px; transition: .3s; -webkit-transition: .3s; font-size: 20px; color: #666666;}
.download .download-box a img{position: relative; top: 6px; margin-right: 10px; display: inline-block;}
.download .download-box a:hover{border-color: #5bb530; color: #5bb530;}

/*产品列表*/
.productList{margin-top: 68px;}
.productList .list li{float: left; width: 31.2%; font-size: 22px; margin:0 3.2% 72px 0; margin-bottom: 76px;}

/*page*/
.page{ text-align: center; font-size: 0; margin-bottom: 60px;}
.page a,.page span,.page input{display: inline-block; color: #444444; height: 38px; line-height: 38px; border: 1px #dddddd solid; font-size: 14px; min-width: 42px; text-align: center; margin: 0 5px; transition: 0.3s;}
.page span{border: none;}
.page a.on{background: #5bb530; color: #fff; border-color: #5bb530;}
.page a:hover{background: #5bb530; color: #fff; border-color: #5bb530;}
.page a.pageBtn{padding: 0 30px;}
.page input{ width: 40px;}
.page input:last-child:hover{background: #5bb530; color: #fff; border-color: #5bb530;}

/*service*/
.serviceType{background: linear-gradient(153deg,#95d352,#51b022); padding: 66px 0; margin: 70px 0;}
.serviceType .tit{font-size: 30px; color: #fff; text-align: center;}
.serviceType ul{ margin-top: 80px; text-align: center;}
.serviceType ul li{ display: inline-block; width: 48%;  float: left;}
.serviceType ul li:nth-child(2n){ float: right;}
.serviceType ul li .pic{position: relative; width: 100%; border: 10px #fff solid; overflow: hidden;}
.serviceType ul li .pic em{ display: block; padding-bottom: 64.24%;}
.serviceType ul li .pic .marsk{ position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); overflow: hidden; transition: 0.3s; -webkit-transition: 0.3s;}
.serviceType ul li .pic .marsk img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.serviceType ul li .text{ font-size: 24px; color: #fff; margin-top: 26px; text-align: center;}
.serviceType ul li:hover .pic .marsk{ top: 0;}
.serOne .pic{width: 47.5%; height: 320px;}
.serOne .pic em{display: block; height: 100%;}
.serOne .text{width: 48.6%;}
.serviceBox .tit{position: relative; font-size: 30px; color: #333333; padding-bottom: 26px;} 
.serviceBox .tit::before{content: ""; position: absolute; left: 0; bottom: 0; width: 155px; height: 1px; background: #5bb530;}
.serviceBox p{ font-size: 20px; color: #666; line-height: 36px; text-align: justify; margin-top: 26px; }
.serTwo{ margin-top: 68px;}
.serTwo .item{float: left; width: 48%;}
.serTwo .serviceBox .tit{display: inline-block; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.serTwo .item .pic{ height: 320px; margin-top: 30px;}
.serTwo .item .pic em{ display: block; height: 100%;}
.serTwo .item:nth-child(2n){ float: right;}
.serBottom{ background: #fafafa; margin-top: 100px; padding-bottom: 50px;}
.serBottom .item{ padding-top: 78px;}
.serBottom .item .tit{ font-size: 24px; color: #333333; text-align: center;}
.serBottom .item .box{ margin-top: 52px;}
.serBottom .item .box .pic{ width: 325px; height: 232px;}
.serBottom .item .box .pic em{ display: block; height: 100%;}
.serBottom .item .box .text{}
.serBottom .item .box .text p{ font-size: 20px; color: #666; line-height: 34px; text-align: justify;}
.serBottom .item .box .text p img{ float: left; padding-right: 45px; padding-left: 0; max-height: 240px;}
.serBottom .item:nth-child(2n) .text p img{ float: right; padding-left: 45px; padding-right: 0;}
.wordAbout{ background: url(../images/wordaboutBg.jpg) no-repeat 0 0; background-size: cover; margin: 70px 0 90px 0; padding: 54px 60px 34px 0;} 
.wordAbout .text{ width: 40%; text-align: center; font-size: 22px; color: #fff; line-height: 42px; text-shadow: 0 2px 5px rgba(0,0,0,0.3);}

.teamTip{ font-size: 17px; color: #444444; text-align: center;}





/*join*/
.joinList{background: #f7f7f7; padding: 24px; margin-top: 76px; margin-bottom: 60px;}
.joinList .item{position: relative; background: #fff; padding: 24px 27px; margin-bottom: 50px; border: 1px #fff solid; transition: 0.3s; -webkit-transition: 0.3s;}
.joinList .item:last-child{ margin-bottom: 0;}
.joinList .item::before{content: ""; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 15px; background: url(../images/icon3.png) no-repeat 0 0; transform: rotate(-90deg); opacity: 0; transition: 0.3s;}
.joinList .item::after{content: ""; position: absolute; bottom: 0px; right: 0px; width: 15px; height: 15px; background: url(../images/icon3.png) no-repeat 0 0; transform: rotate(180deg); opacity: 0; transition: 0.3s;}
.joinList .item .tit{position: relative; font-size: 24px; font-weight: bold; color: #303030; font-family: arial; border-bottom: 1px #ededed solid; padding-bottom: 10px;}
.joinList .item .tit::before{content: ""; position: absolute; top: -24px; left: -27px; width: 15px; height: 15px; background: url(../images/icon3.png) no-repeat 0 0; opacity: 0; transition: 0.3s;}
.joinList .item .tit::after{content: ""; position: absolute; top: -24px; right: -27px; width: 15px; height: 15px; background: url(../images/icon3.png) no-repeat 0 0; transform: rotate(90deg); opacity: 0; transition: 0.3s;}
.joinList .item .tit i{ float: right; font-size: 16px; color: #000000; opacity: 0.8; font-weight: normal; margin-top: 6px;}
.joinList .item .lable{ padding: 17px 0;}
.joinList .item .lable em{ font-size: 18px; color: #c20000; font-family: arial;}
.joinList .item .lable span{display: inline-block; font-size: 16px; color: #303030; padding: 0 16px; border-right: 1px #adadad solid;}
.joinList .item .lable span:last-child{border-right: none;}
.joinList .item .details{ padding-top: 12px; transition: 0.3s;}
.joinList .item .details .details-tit{ font-size: 16px; color: #000000;}
.joinList .item .details i.details-icon{display: none; float: right; font-size: 16px; color: #c20000; cursor: pointer;}
.joinList .item .details i.details-icon img{ padding-left: 4px;}
.joinList .item .details .text{ font-size: 16px; color: rgba(0,0,0,0.6); line-height: 26px; margin-top: 12px;}
.joinList .item .tip{border-top: 1px #ededed solid; margin-top: 20px; padding-top: 20px;} 
.joinList .item .tip span{ display: inline-block; font-size: 16px; color: #ff7200; padding-right: 28px;}
.joinList .item .tip .applyBtn{float: right; display: block; width: 168px; height: 30px; line-height: 30px; text-align: center; background: #5bb530; border-radius: 6px; color: #fff; margin-top: -4px;}
.joinList .item .details.textOn{ max-height: 100px; overflow: hidden;}
.joinList .item .details i.on img{transform: rotate(180deg);}

.joinList .item:hover{border-color: #5bb530;}
.joinList .item:hover::before,.joinList .item:hover::after{opacity: 1;}
.joinList .item:hover .tit::before{opacity: 1;}
.joinList .item:hover .tit::after{opacity: 1;}

.applyTan{display: none; width: 1110px; height: 286px; background: #fff; padding: 42px 42px 0 42px;}
.applyTan .item{ float: left;width: 48%; height: 54px; line-height: 54px; border-bottom: 1px #dcdcdc solid; margin-bottom: 50px; }
.applyTan .item span{float: left; font-size: 24px; color: #333333; width: 80px; }
.applyTan .item:nth-child(2n){ float: right;}
.applyTan .item input{ float: left; width: calc(100% - 80px); height: 54px; line-height: 54px; font-size: 18px; padding: 0 12px; background: none;}
.applyTan .item.applySend{border: 1px #dcdcdc solid; border-radius: 4px; transition: 0.3s;}
.applyTan .item.applySend .btn{text-align: center; padding: 0; font-size: 20px; color: #666666; width: 100%; height: 100%; transition: 0.3s;}
.applyTan .item.applySend:hover{ border-color: #5bb530;}
.applyTan .item.applySend:hover .btn{ color: #5bb530;}

/*搜索页面*/
.searchList{margin-top: 20px;}
.searchList ul{ margin-bottom: 30px;}
.searchList ul li{ height: 60px; line-height: 60px; overflow: hidden; border-bottom: 1px #ddd solid;}
.searchList ul li a{ display: block; overflow: hidden; font-size: 20px;}
.searchList ul li a span{display: block; float: left; width: calc(100% - 200px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.3s; -webkit-transition: 0.3s;}
.searchList ul li a i{ float: right; font-size: 16px;}
.searchList ul li a:hover span{ color: #5bb530;}

/*rightFixed*/
.rightFixed{position: fixed; top: 50%; right: 10px; width: 66px; background: #fff; box-shadow: 0 0 16px rgba(0,0,0,0.2); z-index: 13; text-align: center; transform: translateY(-50%);}
.rightFixed ul li{position: relative; padding: 8px 0; border-bottom: 1px #e9e9e9 solid; transition: 0.3s; -wekit-transition: 0.3s;}
.rightFixed ul li a{ display: block;}
.rightFixed ul li em{ display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: 0 0; transition: 0.3s;}
.rightFixed ul li .fixedBox{ position: absolute; top: 0; right: 66px; width: 0; height: 100%; line-height: 66px; background: #fff; box-shadow: -4px 0 8px rgba(0,0,0,0.16); overflow: hidden; transition: 0.3s; -webkit-transition: 0.3s;}
.rightFixed ul li:hover .fixedBox{ width: 436px;}

.rightFixed ul li:first-child em{background-image: url(../images/fixed1.png); }
/* .rightFixed ul li:nth-child(2) em{background-image: url(../images/fixed2.png);}
.rightFixed ul li:nth-child(3) em{background-image: url(../images/fixed3.png);} */
.rightFixed ul li:last-child em{background-image: url(../images/fixed4.png);}

.rightFixed ul li p{ font-size: 12px; color: #666666; transition: 0.3s;}
.rightFixed ul li:last-child{ border-bottom: none;}
.rightFixed ul li:first-child:hover{ background: #5bb430;}
.rightFixed ul li:first-child:hover em{background-image: url(../images/fixed01.png);}
.rightFixed ul li:first-child:hover p{ color: #fff;}
.rightFixed ul li:last-child:hover{ background: #5bb430;}
.rightFixed ul li:last-child:hover em{background-image: url(../images/fixed04.png);}
.rightFixed ul li:last-child:hover p{ color: #fff;}
/* .rightFixed ul li:nth-child(3):hover em{background-image: url(../images/fixed03.png);}
.rightFixed ul li:nth-child(3):hover p{ color: #2ed81b;}
.rightFixed ul li:nth-child(2):hover em{background-image: url(../images/fixed02.png);}
.rightFixed ul li:nth-child(2):hover p{ color: #02a2de;} */

/*响应式*/
@media screen and (max-width: 1200px){
	.w1200{ width: 96%; margin: 0 auto;}
	.nav-box .nav > li > a{ padding: 0 35px;}
	/*首页*/
	.partOne .list li{ width: 31%; margin-right: 3.4%;}
	.partTwo .txt{width: 90%;}
	.partThree{padding: 80px 0;}
	/*尾部*/
	.footerTop .right .footNav a{margin-right: 5px;}
	/*technology*/
	.technologyTwo .list ul li{ width: calc(46% - 44px);}
	.technologyTwo .list ul li:nth-child(4n){ margin-right: 44px;}
	/*product*/
	.pro-inform .pic{position: initial; margin-bottom: 18px;}
	/*招聘弹窗*/
	.applyTan{ width: 680px; height: 286px;}
	
	.partTwo .txt{ width: 90%;}
}


@media screen and (max-width: 1024px){
	.header .logo{ width: 300px;}
	.header .logo img{ width: auto; }
	.menu-btn{display: block;}
	.nav-box{display: none;}
	/*首页*/
	.partOne{padding: 30px 0;}
	.partOne .list{ height: auto;}
	.partOne .list li .pic{ height: 234px;}
	.partOne .list li .text{ height: 82px;}
	.partOne .list li .text p{ font-size: 18px;}
	.partTwo{ padding: 30px 0; margin-bottom: 30px;}
	.partTwo .txt{ width: 100%; padding-top: 40px;}
	.partTwo .title::before{bottom: -20px;}
	.partThree{ height: auto;}
	.partThree .pic{ display: none;}
	.partThree .text{ width: 100%;}
	.partThree .text .more{ position: initial; margin-top: 10px;}
	.partFour{ margin-top: 0; padding: 30px 0;}
	.partFour .left{ width: 100%; margin-bottom: 12px;}
	.partFour .right{ width: 100%;}
	.footerTop{ padding: 20px 0;}
	/*内页*/
	.pageBan em{ padding-bottom: 34%;}
	.pageNav a{font-size: 20px;}
	
	.rightFixed{ display: none;}
	.footerTop .right .footMa{ display: none;}
}


@media screen and (max-width: 768px){
	.header{ height: 70px;}
	.header .logo{ width: 120px; margin-top: 14px; }
	.header .logo img{ width: auto; height: 48px;}
	.language{ margin-top: 25px;}
	.header .right{ width: 36px; height: 36px; line-height: 34px; text-align: center; margin-top: 17px;}
	.header .right form{ display: none;}
	.header .right .search-icon img{ position: relative; top: 6px;}
	.menu-btn{ margin-top: 24px;}
	.banner a{ padding-bottom: 52%;}
	/*首页*/
	.partOne .list li .pic{ height: 178px;}
	.partOne .list li .text p{ padding: 0 4px;}
	.partTwo .title{ font-size: 20px;}
	.partTwo .txt{ font-size: 14px; padding:40px 10px 0 10px; line-height: 24px;}
	.partThree .text p{ font-size: 14px; line-height: 26px; padding-top: 10px; margin-top: 0;}
	.partThree .text > i{ margin-top: 10px;}
	/*product-one*/
	.pageNav{ height: auto; padding: 10px 0;}
	.pageNav .list li{display: inline-block; max-width: 100%; line-height: 18px; margin: 6px 0;}
	.pageNav .list li > a{position: initial; top: 0; transform: translate(0); font-size: 18px; padding: 0 6px;}
	.pageNav .list li::before{display: none;}
	.pageNav .pageNavBox{ display: none;}
	.pageWord .pageTitle{font-size: 18px; margin: 20px 0;}
	.pageWord .word p{ font-size: 14px; line-height: 24px;}
	.pageWord .word .proTable tr th{ font-size: 16px;}
	.pageWord .word .proTable tr td{ font-size: 14px;}
	.pro-bottom{ margin: 20px 0; padding: 14px;}
	.pro-bottom ul li{ width: 100%; margin-bottom: 14px;}
	.pro-bottom ul li .text{ font-size: 16px; margin-top: 6px;}
	/* Products-总*/
	.pro-allOne{ padding-top: 20px;}
	.pro-allTitle{ font-size: 18px; padding-bottom: 20px;}
	.pro-all .list li{ margin-bottom: 20px;}
	.pro-all .list li .text{ height: 74px;}
	.pro-all .list li .text p{ font-size: 14px;}
	.pro-all .pro-more{ font-size: 14px; height: 46px; line-height: 46px;}
	.pro-allTwo{ margin-top: 30px; padding: 30px 0;}
	/*product*/
	.pro-inform{padding: 14px; margin: 20px 0;}
	.pro-inform .pic{ max-width: 100%; height: auto;}
	.pro-inform .pic img{ display: block;}
	.pro-inform .item{ font-size: 14px; margin-bottom: 14px;}
	.pro-inform .item i{ font-size: 14px;}
	.wordList .word-color{ font-size: 16px; line-height: 24px; margin-top: 20px;}
	.wordList .item{ font-size: 14px; margin-top: 14px;}
	.wordList .item .wordTip{ font-size: 12px; line-height: 18px; margin-top: 4px;}
	.download{ margin: 30px 0;}
	.download .download-title{ font-size: 18px; padding-bottom: 10px;}
	.download .download-title img{ width: 38px; margin-top: 0;}
	.download .download-box{ margin-top: 10px;}
	.download .download-box a{ height: 34px; line-height: 34px; font-size: 15px; padding: 0 8px; margin-right: 0;}
	.download .download-box a img{ width: 20px;}
	.productList{margin-top: 20px;}
	.page a, .page span, .page input{height: 30px; line-height: 30px; min-width: 28px;}
	.page a.pageBtn{ padding: 0 4px;}
	/*services*/
	.serviceType{ margin: 20px 0; padding: 20px 0;}
	.serviceType .tit{ font-size: 18px;}
	.serviceType ul{ margin-top: 20px;}
	.serviceType ul li .text{font-size: 14px; margin-top: 10px;}
	.serOne .pic{ width: 100%; height: 200px;}
	.serOne .text{ width: 100%; margin-top: 10px;}
	.serviceBox .tit{ font-size: 18px; padding-bottom: 10px;}
	.serviceBox .tit::before{ width: 96px;}
	.serviceBox p{margin-top: 14px; font-size: 14px; line-height: 24px;}
	.serTwo{ margin-top: 20px;}
	.serTwo .item{ width: 100%; margin-bottom: 20px;}
	.serTwo .item .pic{ height: auto;}
	.serTwo .item .pic em{padding-bottom: 55%;}
	.serBottom{ margin-top: 10px; padding-bottom: 20px;}
	.serBottom .item{ padding-top: 20px;}
	.serBottom .item .tit{ font-size: 18px;}
	.serBottom .item .box{ margin-top: 20px;}
	.serBottom .item .box .text p{ font-size: 14px; line-height: 24px; text-align: left;}
	.serBottom .item .box .text p img{float: initial; width: 100%; padding: 0;}
	/*简介*/
	.wordAbout{margin: 20px 0; padding: 14px;}
	.wordAbout .text{ width: 100%; font-size: 14px; line-height: 24px;}
	/*join*/
	.joinList{margin: 20px 0; padding: 10px;}
	.joinList .item{ padding: 10px; margin-bottom: 20px;}
	.joinList .item .tit{ font-size: 16px;}
	.joinList .item .tit i{ display: block; width: 100%; float: initial; font-size: 12px;}
	.joinList .item .lable{padding: 10px 0 0 0;}
	.joinList .item .lable em{ font-size: 13px;}
	.joinList .item .lable span{width: 100%; font-size: 13px; padding: 0;  border: none; padding: 4px 0;}
	.joinList .item .tit::before{top: -10px; left: -10px;}
	.joinList .item .tit::after{top: -10px; right: -10px;}
	.joinList .item .details .text{ font-size: 14px; line-height: 20px;}
	.joinList .item .tip{ padding-top: 10px;}
	.joinList .item .tip span{ font-size: 14px;}
	.joinList .item .tip .applyBtn{ float: initial; margin-top: 10px;}
	/*search*/
	.searchList ul li{ height: 50px; line-height: 50px;}
	.searchList ul li a{font-size: 15px;}
	.searchList ul li a span{ width: calc(100% - 90px);}
	.searchList ul li a  i{ font-size: 13px;}
	
	
}



@media screen and (max-width: 480px){
	/*首页*/
	.partOne{ padding-bottom: 0;}
	.partOne .list li{ width: 100%; margin: 0; margin-bottom: 20px;}
	.partOne .list li .pic{ height: auto;}
	.partOne .list li .pic em{ height: auto; padding-bottom: 76.8%;}
	.partThree{ padding: 24px 0;}
	.partThree .text h3{ font-size: 20px; line-height: 28px; padding-bottom: 0; height: auto;}
	.partThree .text h3::before{ display: none;}
	.partFour .left{height: auto;}
	.partFour .left .item.on .pic{ display: none;}
	.partFour .left .item.on .text{ width: 100%;}
	.partFour .left .item .text h3{ height: 46px; line-height: 46px; font-size: 16px;}
	.partFour .title span{ font-size: 20px;}
	.partFour .title{ height: 44px; line-height: 44px;}
	.partFour .left .item.on{ padding: 10px 0;}
	.partFour .left .item.on .text h3{ font-size: 18px;}
	.partFour .left .item.on .text p{ font-size: 14px;}
	.partFour .left .item.on .text .more span{ display: block; float: initial; margin-top: 6px;}
	.partFour .right{ height: auto;}
	.partFour .right .list li{ padding: 10px 0;}
	.partFour .right .list li h3{ font-size: 16px;}
	.partFour .right .list li .text{ font-size: 14px;}
	.footerTop .left{ width: 100%;}
	.footerTop .left h3{ font-size: 18px; padding-bottom: 10px;}
	.footerTop .left .item{ padding: 6px 0; font-size: 14px;}
	.footerTop .right{ width: 100%; text-align: left;}
	.footerTop .right .footNav{ display: none;}
	.footerTop .right .footForm{margin-top: 10px;}
	.footerTop .right .footForm .text{ width: calc(100% - 90px);}
	.footerTop .right .share{ margin-top: 10px;}
	.footBottom{ font-size: 14px; padding: 10px 0;}
	/*内页*/
	.pageBan em{ padding-bottom: 48%;}
	/*technology*/
	.technologyOne{ margin: 20px 0;}
	.technologyTwo{ padding-top: 20px;}
	.technologyTitle{ font-size: 24px; padding-bottom: 12px;}
	.technologyTwo .list{margin-top: 20px;}
	.technologyTwo .list ul li:nth-child(4n){ margin-right: 0;}
	.technologyTwo .list ul li{width: 46%; margin: 0 2%; margin-bottom: 16px;}
	.technologyTwo .list ul li .pic{ height: 114px; line-height: 114px;}
	.technologyTwo .list .listTwo li{ float: initial; }
	.technologyTwo .list li::before{ display: none;}
	.technologyTwo .list ul li p{ font-size: 14px; margin-top: 8px;}
	.technologyThree{ margin-top: 20px; margin-bottom: 20px;}
	.technologyThree ul li{ margin-top: 20px;}
	.technologyThree ul li .num{ font-size: 20px;}
	.technologyThree ul li .text h3{ font-size: 18px;}
	.technologyThree ul li .text p{ font-size: 14px;}
	.technologyFour{ padding: 20px 0;}
	.technologyFour .tit{ font-size: 20px;}
	.technologyFour ul{ padding-top: 0;}
	.technologyFour ul li{ font-size: 14px; margin-top: 12px;}
	/* Products-总*/
	.pro-all .list{ overflow: auto;}
	.pro-all .list li{width: 48%;}
	.pro-all .list li{margin: 0; margin-bottom: 16px;}
	.pro-all .list li:nth-child(2n){ float: right;}
	.pro-all .list li:nth-child(2n+1){ float: left;}
	/*service*/
	.serviceType ul li{width: 100%; margin-right: 0; margin-bottom: 20px;}
	
	/*招聘弹窗*/
	.applyTan{ width: 300px; height: 286px; padding:30px 12px 12px 12px;}
	.applyTan .item{ width: 100%; height: 40px; line-height: 40px; margin-bottom: 16px;}
	.applyTan .item input{ height: 40px; line-height: 40px; width: calc(100% - 60px);}
	.applyTan .item span{ font-size: 16px; width: 60px;}
	.applyTan .item.applySend{ margin-top: 10px;}
	.applyTan .item.applySend .btn{ font-size: 16px;}
}