@charset "utf-8";
/* CSS Document */
/*****header*******/
body{position: relative;}
.container{padding-left: 0;padding-right: 0;}
a:hover {text-decoration: none;}
header{position: absolute;top: 0;z-index: 5;width: 100%;}
.webTop{height: 84px;padding-top: 20px;padding-right: 20px;padding-bottom: 17px;}
.nav{border-top: 1px solid #FFFFFF5C;}
.webTop .container .imgBox a{width: 236px;height: 60px;display: flex;align-items: center;float: left;margin-top: -6px;}
.webTop .container .webTopRight{display: flex;align-items: center;float:right;}
.webTop .container .webTopRight .searchBox_head{position: relative;}
.webTop .container .webTopRight .searchBox_head input{width: 380px;height: 42px;border-radius: 24.5px;background: #FFFFFF4F;border: 1px #FFFFFF4F solid;padding-left: 15px;}
.webTop .container .webTopRight .searchBox_head input::placeholder{color: #fff;}
.webTop .container .webTopRight .searchBox_head i{position: absolute;right: 15px;top: 1%;color: #fff;font-size: 24px;cursor: pointer;}
.langChoice{position: relative;line-height: 28px;margin-left: 30px;cursor: pointer;display: flex;align-items: center;color: #fff;}
.langChoice .lang{font-size: 24px;}
.langChoice .down{color: #fff;font-size: 18px;}
.langChoice dt{line-height: 28px;font-weight: normal;color: #fff;display: flex;align-items: center;}
.langChoice dt .txt{margin-left: 12px;}
.langChoice dd{position: absolute;width: 103px;background: #fff;z-index: 10;text-align: center;line-height: 30px;border: 1px #ddd solid;border-bottom: none;display: none;right: 0;top: 100%;max-height: 400px;overflow-y: scroll;z-index: 99;color: #333;}
.langChoice dd a{display: block;width: 100%;border-bottom: 1px #ddd solid;}
.langChoice dd a:hover{text-decoration: none;background: #f5f5f5;}	
.nav .menu .nav_box{padding-top: 10px;}
.nav .menu .nav_box .item{float: left;border-right: 1px solid #FFFFFF5C;position: relative;height: 20px;line-height: 20px;}	
.nav .menu .nav_box .item.activeMenu::before{content: "";position: absolute;top: -11px;left: 0;width: 100%;height: 1px;background-color: #8cc63e;}
.nav .menu .nav_box .item a{color: #fff;font-size: 17px;font-weight: 500;padding: 0 60px;}
.nav .menu .nav_box .item a i {font-size: 12px;margin-left: 5px;}
.nav .menu .nav_box .item:hover .menu_down {visibility: visible;opacity: 1;z-index: 9;transform: scaleY(1)}
.nav .menu .menu_down {width: 260px;transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;display: block;background-color: #fff;position: absolute;left: 0;transform: translate(-50%,0);transform: scaleY(.5);top: 30px;transform-origin: center top;visibility: hidden;opacity: 0;border-bottom: 2px solid #FFCF00;border-radius: 0 0 5px 5px;box-shadow: 0 0 5px 5px rgba(147, 147, 147, .1);}
.nav .menu .menu_down .classify li{height: auto;line-height: 30px;margin: 0;}
.nav .menu .menu_down .classify li a{width: 100%;display: block;padding: 5px 15px;border-bottom: 1px #ddd solid;color: #333!important;}
.nav .menu .menu_down .classify li:hover a{color: #8cc63e!important;}
.nav .menu .menu_down .classify li:last-child a{border-bottom: none;}
/*****header*******/	
.banner{width: 100%;height:800px;position: relative;}
.swiper_ban{height: 800px;}
.ban_li {height: 100%;overflow: hidden;}
.swiper_ban .swiper-slide {overflow: hidden;}
.swiper-slide-active .ban_img {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);
transition: all 3s ease-out;-webkit-transition: all 3s ease-out;-moz-transition: all 3s ease-out;-ms-transition: all 3s ease-out;-o-transition: all 3s ease-out;}
.ban_img {position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform-origin: center center;-webkit-transform-origin: center center;-moz-transform-origin: center center;-ms-transform-origin: center center;-o-transform-origin: center center;}
.ban_img::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;opacity: 0.5;}
.swiper-slide-active .ban_txt {-webkit-filter: blur(0px);-moz-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);transition: all 1s 0.4s ease-out;-webkit-transition: all 1s 0.4s ease-out;-moz-transition: all 1s 0.4s ease-out;-ms-transition: all 1s 0.4s ease-out;-o-transition: all 1s 0.4s ease-out;}
.ban_papagination {position: absolute;bottom: 216px !important;left: 96% !important;transform: translateX(-50%);z-index: 3;width: auto !important;display: inline-block;height: 273px;padding: 0;border-radius: 40px;box-sizing: border-box;vertical-align: top;margin: 40px 0;transform: rotate(90deg);}
.ban_papagination span {position: relative;display: inline-block;width: 34px;height: 34px;margin: 0 3px;vertical-align: top;text-indent: -9999px;cursor: pointer;overflow: hidden;z-index: 20;opacity: 1;}
.ban_papagination span:after {position: absolute;left: 59%;top: 59%;width: 4px;height: 4px;margin: -5px 0 0 -5px;border-radius: 100%;content: "";transition: all 0.4s;background-color: #fff;}
.ban_papagination span:before {position: absolute;left: 6px;top: 6px;width: 5px;height: 5px;box-sizing: border-box;content: "";transition: all 0.4s;}
.swiper-pagination-bullet-active{background: none!important;border: 1px solid #fff;}
.swiper-pagination-bullet{background: none!important;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 20px 0!important;}
.ban_papagination span.swiper-pagination-bullet-active:before {left: 0;top: 0;width: 16px;height: 16px;border-color: #fff;}	
.banner .swiper-container-vertical>.swiper-pagination-bullets{top:55%;}
.banner .ban_txt{position: absolute;top: 50%;left: 37%;transform: translate(-50%, -50%);z-index: 3;width: 50%;text-align: left;}
.banner .ban_txt .txt1{font-size: 80px;color: #fff;font-weight: 700;}	
.banner .ban_txt .txt2{font-size: 32px;color: #fff;font-weight: 600;line-height: 44px;}	
.banner .swiper-button-prev1,.banner .swiper-button-next1{background-image: none;width: 44px;height: 44px;border-radius: 50%;border: 1px solid #fff;color: #fff;font-size: 14px;text-align: center;line-height: 44px;top: 78%;}
.banner .swiper-button-prev1{left: 12%;}
.banner .swiper-button-next1{left: 16%;}	
.ind_search{padding-top: 80px;margin-bottom: 80px;}
.title .block{width: 90px;height: 7px;background-color: rgb(140 198 62);margin-bottom: 10px;} 
.title .txt{font-size: 40px;font-weight: 700;color: rgb(140 198 62);margin-bottom: 40px;}
.title .txt1{margin-right: 13px;text-transform: uppercase;}
.title .txt2{color: rgba(51, 51, 51, 1);text-transform: uppercase;}
.ind_search .searchBox{display: flex;align-items: center;margin-bottom: 20px;}
.ind_search .selectBox{position: relative;width: 390px;height: 58px;line-height: 58px;margin-right: 30px;}
.ind_search select{width: 100%;border: 1px solid rgba(0, 0, 0, 0.82);font-size: 20px;color: rgba(102, 102, 102, 1);padding-left: 15px;}
.ind_search .selectBox i{position: absolute;right: 24px;bottom: -2px;color: rgba(138, 138, 138, 1);z-index: -1;}
.ind_search .inputBox{position: relative;width: 100%;height: 58px;line-height: 58px;}
.ind_search input{width: 100%;border: 1px solid rgba(0, 0, 0, 0.82);color: rgba(102, 102, 102, 1);position: relative;padding-left: 20px;}
.ind_search .inputBox i{position: absolute;right: 13px;bottom: 0;color: rgba(104, 104, 104, 0.85);font-size: 24px;cursor: pointer;}
.ind_search .txt3{color: rgba(102, 102, 102, 1);font-size: 16px;padding-left: 15px;}
.ind_search .txt3 a{margin-right: 20px;}
.ind_search .txt3 a:hover{color: rgb(140 198 62);}
.ind_products{background: url(../images/ind1.png) no-repeat center center;background-size: cover;height: auto;position: relative;padding-bottom:100px;}
.ind_products::after{position: absolute;content: "";left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(10px);height: 100%;}
.ind_products .container{padding-top: 75px;position: relative;z-index: 1;}
.ind_products h3{font-size: 40px;color: rgba(255, 255, 255, 1);margin-bottom: 108px;text-align: center;font-weight: 900;}
.ind_products .content{display: flex;}
.ind_products .content ul{margin-right: 61px;}
.ind_products .content ul li{font-size: 16px;color: #fff;margin-bottom: 40px;width: 180px;cursor: pointer;position: relative;line-height: 26px;}
.ind_products .content ul li:last-child{margin-bottom: 0;}
.ind_products .content ul li.active{font-weight: 700;color: rgb(140 198 62);}
.ind_products .content ul li.active::after{content: "";position: absolute;left: 0;bottom: -5px;width: 20%;height: 2px;background: #fff;}
.ind_products .swiper-container{margin-top: -26px;padding-bottom: 60px;}
.ind_products .content .proCon{width: calc(100% - 234px);}
.ind_products .content .imgBox a{width: 100%;height: 321px;display: flex;align-items: center;justify-content: center;background-color: #fff;overflow: hidden;}
.ind_products .content .imgBox img{transition: all 0.3s ease-in-out;}
.ind_products .content .imgBox:hover img{transform: scale(1.2);}
.ind_products .content .txtBox{width: 100%;background-color: #fff;padding: 15px 24px;display: flex;align-items: center;justify-content: space-between;border-top: 1px solid rgba(0, 0, 0, 0.19);cursor: pointer;}
.ind_products .content .txtBox p{width: calc(100% - 50px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind_products .content .txtBox .iconBox{display: flex;align-items: center;justify-content: center;background-color: rgb(140 198 62);border-radius: 50%;width: 26px;height: 26px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);}
.ind_products .content .txtBox .iconBox i{color: #fff;font-size: 14px;}
.ind_products .content .txtBox:hover{color: #fff;background-color: rgb(140 198 62);}
.ind_products .content .txtBox:hover .iconBox{background-color: #fff;}
.ind_products .content .txtBox:hover .iconBox i{color: rgb(140 198 62);}
.ind_products .swiperPro2 .swiper-slide{position: relative;top: 300px;opacity: 0;}
.ind_products .swiperPro2 .pagination1{position: absolute;left: 46%;bottom: -16px;}
.ind_products .swiperPro2 .swiper-pagination-clickable .swiper-pagination-bullet{width: 10px;height: 10px;background: rgba(255, 255, 255, 1)!important;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.18);opacity: 1;}
.ind_products .swiperPro2 .swiper-pagination-clickable .swiper-pagination-bullet-active{width: 8px;height: 16px;background: rgb(140 198 62)!important;border-radius: 6px;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.18);border: none;position: relative;top: 3px;}
.ind_about{padding-top: 100px;padding-bottom: 112px;}
.ind_about .content{display: flex;}
.ind_about .content .left{width: 50%;padding-right: 70px;}
.ind_about .content .left .txt3{font-size: 16px;line-height: 32px;margin-top: 40px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.ind_about .content .right{width: 48%;}
.ind_about .content .right .bg{width: 671px;height: 382px;background-color: #fff;box-shadow: 0px 10px 20px  rgba(0, 0, 0, 0.08);position: relative;}
.ind_about .content .right .content{position: absolute;bottom: 0;left: 5px;display: flex;align-items: center;}
.ind_about .content .right .content .line{display: inline-block;width: 28px;height: 1px;background-color: #666;margin-right: 10px;}
.ind_about .content .right .content .iconfont{color: rgb(140 198 62);margin-right: 10px;font-size: 22px;margin-top: 2px;}
.ind_about .content .right .content .txt{font-size: 16px;color: rgba(102, 102, 102, 1);}
.ind_about .content .right .imgBox{width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.ind_about .content .right .imgBox img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;}
.ind_about .content .right .imgBox:hover img{transform: scale(1.1);}
.ind_about  .more{width: 187px;height: 71px;border: 1px solid rgba(0, 0, 0, 0.28);display: flex;align-items: center;
    justify-content: center;transition: all 0.3s ease-in-out;position: relative;margin-top: 50px;}
.ind_about  .more:hover{color: #fff;}
.ind_about  .more::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition: all 0.5s ease-in-out;transform-origin: 0 50%;background: rgb(140 198 62);}
.ind_about  .more .line{width: 28px;height: 1px;background-color: #666;margin-right: 20px;}
.ind_about  .more .txt{color: #666;font-size: 16px;font-weight: 400;}
.ind_about  .more:hover::after{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);z-index: -1;}
.ind_about  .more:hover .line{background-color: #fff;}
.ind_about  .more:hover .txt{color: #fff;}
.ind_research{background: url(../images/ind_research.png) no-repeat center center;background-size: cover;padding: 100px 0;}
.ind_research h3{color: #fff;margin-bottom: 75px;font-size: 40px;text-align: center;font-weight: 900;}
.ind_research ul li{width: 33.33%;padding: 0 30px;float: left;transition: all ease-in-out 0.3s;}
.ind_research ul li:nth-child(1){padding-left: 0;padding-right: 60px;}
.ind_research ul li:nth-child(3){padding-right: 0;padding-left: 60px;}
.ind_research ul li .txtBox{height: 356px;background-color: #fff;padding: 46px 41px 0 41px;position: relative;top: 50px;opacity: 0;}
.ind_research ul li .txtBox .txt1{font-size: 24px;color: #333;margin-bottom: 37px;font-weight: 500;text-align: center;}
.ind_research ul li .txtBox .txt2{font-size: 16px;color: #7C7C7C;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.ind_research ul li .txtBox .button{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 50%;background-color: #8cc63e;color: #fff;font-size: 24px;cursor: pointer;position:absolute;bottom:-30px;left:44%;}
/*.ind_research ul li .txtBox .button:hover{animation: roll 1s alternate infinite;-webkit-animation: roll 1s alternate infinite; position: relative;}*/
/*@keyframes roll*/
/*{*/
/*    from {bottom: -20px;}*/
/*    to {bottom: -40px;}*/
/*}*/
 
/*@-webkit-keyframes roll*/
/*{*/
/*   from {bottom: 0;}*/
/*   to {bottom: 20px;}*/
/*}*/
.ind_research ul li .txtBox .button span{font-size: 35px;}
.ind_quality{padding-top: 100px;padding-bottom: 100px;}
.ind_quality h3{font-size: 40px;font-weight: 700;text-align: center;}
.ind_quality h3 .txt1{color: #8cc63e;}
.ind_quality h3 .txt2{color: #333333;}
.ind_quality .content{display: flex;margin-top: 50px;}
.ind_quality .content .left{width: 48%;}
.ind_quality .content .left .bg{width: 653px;height: 370px;background-color: #fff;margin-left: 56px;margin-top: 19px;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);}
.ind_quality .content .left .imgBox{width: 100%;height: 394px;overflow: hidden;}
.ind_quality .content .left .imgBox img{width: 100%;height: 100%;object-fit: cover;transition: all ease-in-out 0.3s;}
.ind_quality .content .left .imgBox img:hover{transform: scale(1.1);}
.ind_quality .content .right{padding-left: 100px;width: 50%;margin-top: 30px;}
.ind_quality .content .right .txt3{color: #333;font-size: 16px;position: relative;padding-bottom: 23px;border-bottom: 2.5px solid  rgba(0, 0, 0, 0.12);}
.ind_quality .content .right .txt3::after{content: "";position: absolute;left: 0;bottom: -2.5px;width: 10%;height: 2.5px;background: #8cc63e;}
.ind_quality .content .right .txt4{color: #7C7C7C;font-size: 16px;line-height: 26px;margin-top: 29px;margin-bottom: 52px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.ind_quality .content .right .more{width: 164px;height: 61px;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(0, 0, 0, 0.28);color: #666;font-size: 16px;cursor: pointer;position: relative;}
.ind_quality .content .right .more::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition: all 0.5s ease-in-out;transform-origin: 0 50%;background: rgba(255, 193, 7, 1);}
.ind_quality .content .right .more:hover::after{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);z-index: -1;}
.ind_quality .content .right .more:hover{color: #fff;}
.ind_environment{background: url(../images/quality2_bg.jpg) fixed center center;background-size: cover;padding-top: 78px;padding-bottom: 56px;}
.ind_environment h3{color: #fff;font-size: 32px;text-align: center;font-weight: 700;}
.ind_environment .txt{color: #fff;font-size: 16px;margin-top: 53px;line-height: 29px;margin-bottom: 15px;padding: 0 164px;}	
.ind_environment .more{padding: 16px 8px;color: #fff;font-weight: 700;font-size: 16px;width: 103px;height: 50px;line-height: 20px;border-bottom: 1px solid #fff; margin: 0 auto;cursor: pointer;  transition: ease-in .3s;background: linear-gradient(0, #fff 1px, #fff 1px) no-repeat, linear-gradient(-90deg, #fff 1px, #fff 1px) no-repeat, linear-gradient(-180deg, #fff 1px, #fff 1px) no-repeat, linear-gradient(-270deg, #fff 1px, #fff 1px) no-repeat;background-size: 0 1px, 1px 0, 0 1px, 1px 0;background-position: left top, right top, right bottom, left bottom;}	
.ind_environment .more:hover{background-size:  1px 100%, 100% 1px, 1px 100%;background-color: #8cc63e;z-index: -1;}
.ind_news{padding-top: 59px;padding-bottom: 65px;}	
.ind_news ul {margin: 0 -10px;}
.ind_news ul li{width: 33.33%;float: left;padding: 0 10px;}
.ind_news ul li .imgBox{width: 100%;height: 344px;overflow: hidden;cursor: pointer;display: inline-block;}
.ind_news ul li .imgBox img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;}
.ind_news ul li .imgBox:hover img{transform: scale(1.05);}
.ind_news ul li .txtBox{padding: 0 3px;}
.ind_news ul li .txt1{color: #333;font-size: 16px;margin-top: 18px;margin-bottom: 12px;padding: 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ind_news ul li .txt2{padding-bottom: 26px;border-bottom: 1px solid rgba(0, 0, 0, 0.19);margin-bottom: 26px;padding-left: 3px;padding-right: 3px;}
.ind_news ul li .txt2 .newsDetails{color: #666;font-size: 14px;padding: 0 16px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.ind_news ul li .time{display: flex;justify-content: space-between;align-items: center;padding: 0 16px;}
.ind_news ul li .time span{color: #666;font-size: 14px;}
.ind_news ul li .time .more{width: 36px;height: 36px;border-radius: 50%;background-color: #8cc63e;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;cursor: pointer;overflow: hidden;}
.ind_news ul li .time .more:hover{background-color: #8cc63e;}
/* 关于我们 */
.nei_banner{height: 300px;}
.nei_banner img{width: 100%;height: 100%;object-fit: cover;}
.crumbs{color: #B0B0B0;font-size: 15px;}
.crumbs .container{border-bottom: 1px solid #D9D9D9;padding:10px 5px;}
.about1{padding-top: 63px;padding-bottom: 99px;}
.about1 .container{display: flex;}	
.about1 .container .txtBox{width: calc(100% - 562px);padding-right: 97px;}
.about1 .container .txtBox .txt3{margin-top: 53px;color: #333;font-size: 16px;line-height: 36px;}
.about1 .container .imgBox{width: 562px;height: 604px;margin-top: 70px;overflow: hidden;}
.about1 .container .imgBox img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;}
.about1 .container .imgBox:hover img{transform: scale(1.05);}
.about2{display: flex;overflow: hidden;}
.about2 .container{display: flex;}
.about2 .content{width: 63.2%;height: 690px;padding: 57px 265px 100px 0;position: relative;}
.about2 .content::after {content: "";position: absolute;width: 125%;height: 100%;top: 0;right: 0;background: url(../images/about2.png);background-size: cover;}
.about2 .content .content_swiper .swiper-button-prev3,.about2 .content .content_swiper .swiper-button-next3{background-image: none;top: 0;top: 95.5%;width: 82px;height: 53px;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.32);color: #fff;}
.about2 .content .content_swiper .swiper-button-prev3 i,.about2 .content .content_swiper .swiper-button-next3 i{font-size: 24px;}
.about2 .content .content_swiper .swiper-button-prev3{--left-position: 0;left: var(--left-position);}
.about2 .content .content_swiper .swiper-button-next3{right: 0;}
.about2 .content .txt1{color: #fff;font-size: 36px;font-weight: 700;position: relative;margin-bottom: 51px;}
.about2 .content .txt1::after{content: "";position: absolute;left: 0;bottom: -15px;width: 35px;height: 1px;background: #fff;}
.about2 .content .txt2{color: #fff;font-size: 20px;margin-bottom: 12px;font-weight: 700;}
.about2 .content .txt3{color: #fff;font-size: 16px;margin-bottom: 32px;font-weight: 400;}
.about2 .catelog{width: 36.8%;height: 690px;backdrop-filter: blur(5px);padding: 54px 220px 69px 141px;position: relative;}
.about2 .catelog .txt{color: #fff;font-weight: 700;font-size: 40px;z-index: 2;position: relative;text-align: right;white-space: nowrap;}
.about2 .catelog .swiperPro4{height: 324px;margin-top: 88px;}
.about2 .catelog .swiper-slide .txt1{color: #fff;font-size: 16px;font-weight: 900;height: 84px;line-height: 84px;text-align: center;opacity:0.8;cursor: pointer;}
.about2 .catelog .swiper-slide-active .txt1{font-size: 24px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;opacity: 1;cursor: pointer;}
.about2 .catelog .txt2{font-size: 14px;color: #fff;letter-spacing: 19.6px;transform: rotate(90deg);position: absolute;right: -28%;top: 376px;z-index: 2;}
.about2 .catelog::after {content: "";position: absolute;width: 145%;height: 100%;top: 0;left: 0;background: #8cc63e;}
.about3{padding-top: 90px;padding-bottom: 103px;}
.about3 .content{display: flex;}
.about3 .content li{width: 32.33%;margin-right: 27px;background: #FFF;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);height: auto;display: flex;flex-direction: column;align-items: center;padding-top: 22px;padding-bottom: 20px;position: relative;top: 600px;opacity: 0;}
.about3 .content li:last-child{margin-right: 0;}
.about3 .content li .imgBox{display: flex;justify-content: center;align-items: center;}
.about3 .content li .txtBox{display: flex;align-items: center;margin-top: 10px;}
.about3 .content li .txtBox .point{width: 12px;height: 12px;border-radius: 50%;background-color: #8cc63e;margin-right: 21px;}
.about3 .content li .txtBox .txt{color: #333;font-size: 16px;}
.about4{background: url(../images/about6.png) no-repeat center center;background-size: cover;}
.about4 .container{position: relative;}
.about4 .container h3{font-size: 40px;font-weight: 700;color: #fff;position: absolute;left: 50%;transform: translateX(-50%);top: 71px;}
.about4 h3 .txt2{color: #8cc63e;}
.about4 .content{display: flex;}
.about4 .content li{width: 25%;display: flex;flex-direction: column;align-items: center;border-right: 1px solid rgba(255, 255, 255, 0.3);;padding-top: 230px;padding-bottom: 111px;cursor: pointer;color: #fff;}
.about4 .content li:last-child{border-right: none;}
.about4 .content li .item1 i{font-size: 50px;color: #fff;}
.about4 .content li .item2{font-size: 24px;font-weight: 700;margin-top: 35px;margin-bottom: 41px;}
.about4 .content li .item3{font-size: 14px;line-height: 32px;margin-bottom: 66px;padding-left: 54px;padding-right: 41px;height: 160px;}
.about4 .content li .item4{width: 36px;height: 2px;background-color: #fff;}
.about4 .content li:hover{color: #8cc63e;background: rgba(0, 0, 0, 0.20);}
.about4 .content li:hover .item1 i{color: #8cc63e;}
.about4 .content li:hover .item4{background-color: #8cc63e;}
.about5{padding-top: 100px;padding-bottom: 100px;}
.about5 .txt3{margin-bottom: 45px;color: #333;font-size: 16px;line-height: 26px;}
.about5 .imgBox{display: flex;}
.about5 .left{width: 39%;height: 572px;margin-right: 25px;}
.about5 .left .imgBox1{width: 100%;height: 100%;overflow: hidden;}
.about5 .left .imgBox1 img{transition: all 0.3s ease-in-out;width: 100%;height: 100%;}
.about5 .left .imgBox1 img:hover{transform: scale(1.1);}
.about5 .right{width: 59%;height: 572px;}
.about5 .right .imgBox2{width: 100%;height: 310px;margin-bottom: 22px;overflow: hidden;}
.about5 .right .imgBox2 img{width: 100%;height: 100%;transition: all 0.3s ease-in-out;}
.about5 .right .imgBox2 img:hover{transform: scale(1.1);}
.about5 .right .imgBox3{width: 100%;height: 240px;display: flex;justify-content: space-between;overflow: hidden;}
.about5 .right .imgBox3 img{width: 48%;transition: all 0.3s ease-in-out;}
.about5 .right .imgBox3 img:hover{transform: scale(1.1);}
/* 产品列表 */
.product .container{display: flex;padding-top: 43px;}
.product .product_nav{width: 240px;}
.product .product_nav .title .txt2{margin-left: 0;}
.product .product_nav .classify{margin-top: 53px;}
.product .product_nav .classify li{color: #333;font-size: 16px;padding-left: 13px;width: 100%;border-bottom: 1px solid #00000029;margin-bottom: 8px;padding-bottom: 8px;}
.product .product_nav .classify li.active{color: #8cc63e;font-weight: 700;font-size: 20px;}
.product .product_nav .classify li:last-child{border-bottom: none;}
.product .contentBox{padding-left: 100px;padding-bottom: 80px;width: calc(100% - 240px);}
.product .contentBox .searchBox{display: flex;height: 56px;}
.product .contentBox .searchBox input{width: 88%;line-height: 56px;border-radius: 8px;border: 1px solid rgba(0, 0, 0, 0.47);padding-left: 26px;}
.product .contentBox .searchBox input::placeholder{color: #999;font-size: 12px;}
.product .contentBox .searchBox button{width: 135px;display: flex;align-items: center;justify-content: center;background-color: #8cc63e;font-size: 14px;cursor: pointer;color: #fff;border-radius: 0px 8px 8px 0px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);margin-left: -10px;}
.product .contentBox .searchBox button i{font-size: 16px;margin-right: 14px;}
.product .contentBox .itemBox{padding-top: 32px;}
.product .contentBox .itemBox .item{padding-bottom: 24px;border-bottom: 1px solid #0000001F;display: flex;align-items: center;padding-top: 24px;}
.product .contentBox .itemBox .imgBox{width: 167px;height: 148px;background-color: #F8F8F8;margin-top: 10px;overflow: hidden;position: relative;}
.product .contentBox .itemBox .imgBox a{display: flex;height: 100%;align-items: center;justify-content: center;}
.product .contentBox .itemBox .imgBox img{transition: all 0.3s ease-in-out;}
.product .contentBox .itemBox .imgBox img:hover{transform: scale(1.05);}
.product .contentBox .itemBox .txtBox{padding-left: 36px;padding-top: 8px;}
.product .contentBox .itemBox .txtBox .txt1{color: #333;font-size: 16px;}
.product .contentBox .itemBox .txtBox .txt1:hover{color: #8cc63e;}
.product .contentBox .itemBox .txtBox .txt2{display: flex;font-size: 14px;color: #666;font-size: 14px;align-items: center;margin-top: 31px;margin-bottom: 37px;}
.product .contentBox .itemBox .txtBox .txt2 .part1{margin-right: 21px;}
.product .contentBox .itemBox .txtBox .txt2 p{padding-right: 23px;border-right: 1px solid #0000006B;height: 15px;line-height: 15px;margin-right: 15px;}
.product .contentBox .itemBox .txtBox .txt2 p:last-child{border-right: none;margin-right: 0;}
.product .contentBox .itemBox .txtBox .more{width: 115px;height: 35px;background-color: #8cc63e;text-align: center;line-height: 35px;color: #fff;font-size: 16px;border-radius: 4px;}
.product .contentBox .itemBox .txtBox .more:hover{background-color: #8cc63e;}
.product .contentBox .itemBox .txtBox .more:hover a{color: #fff;}
.fw-pagination-box .pagination li span{color: #666;}
.fw-pagination-box .pagination li a{color: #666;}
.fw-pagination-box .pagination .active a{background-color: #8cc63e;border-color: #8cc63e;color: #fff;}
/* 产品详情 */
.proTop {display: flex;}
.proDetail{margin-top: 50px;padding-bottom: 90px;}
.proDetail .proBan ol{width: 400px;height: 400px;position: relative;margin-bottom: 20px;background-color: #F5F5F5;margin-right: 25px;}
.proDetail .proBan ol li{max-height: 100%;max-width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;position: absolute;z-index: 1;width: 100%;height: 100%;}
.proDetail .proBan ol li img{opacity: 0;}
.proDetail .proBan ol li.open{z-index: 2;}
.proDetail .proBan ol li.open img{opacity: 1;}
.proDetail .proBan ul li{width: 100px;height: 100px;cursor: pointer;margin-right: 10px;display: flex;align-items: center;justify-content: center;background-color: #F5F5F5;margin-bottom: 30px;float: left;}
.proDetail .proBan ul li:last-child{margin-bottom: 0;}
.proDetail .proBan ul li.active{border: 2px #8cc63e solid;}
.proDetail .proBan .videoBox {background: #333;width: 400px;height: 400px;position: absolute;left: 0;top: 0px;z-index: 9;}
.videoIcon {position: absolute;z-index:8;bottom: 10px;left: 10px;width: 50px;height: 50px;line-height: 50px;cursor: pointer;}
.videoIcon i{font-size: 40px;color: #666;}
.videoClose{position: absolute;top: 20px;right: 20px;cursor: pointer;}
.videoClose i{color: #fff;}
.proDetail .proBan{position: relative;width: 400px;}
.proDetail .proBan .videoBox video{width: 400px;height: 400px;}
#exzoom {width: 400px;}
.myVideo {position: absolute;width: 100%;height: 400px;}
.proDetail .details{padding-top: 60px;}
.proDetail .details h3{color: #333;font-size: 24px;font-weight: 700;margin-bottom: 30px;}
.proDetail .details .part1{padding: 44px 0;border-top: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9;}
.proDetail .details .part1 ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.proDetail .details .part1 ul li{margin-right: 131px;display: flex;flex-direction: column;justify-content: flex-start;}
.proDetail .details .part1 ul li .item1{margin-bottom: 12px;}
.proDetail .details .part1 ul li .txt1{color: #666;font-size: 14px;font-weight: 700;margin-right: 16px;}
.proDetail .details .part1 ul li .txt2{color: #666;font-size: 14px;font-weight: 400;}
.proDetail .details .part1 ul li:last-child{margin-right: 0;}
.proDetail .details .part2{padding-top: 30px;padding-bottom: 24px;border-bottom: 1px solid #D9D9D9;}
.proDetail .details .part2:nth-child(4){border-bottom: none;}
.proDetail .details .part2 .txt{font-size: 16px;color: #666;line-height: 26px;}
.proDetail .details .imgBox{display: flex;}
.proDetail .details .imgBox li{width: 32.33%;height: 258px;margin-right: 26px;overflow: hidden;}
.proDetail .details .imgBox li:last-child{margin-right: 0;}
.proDetail .details .imgBox li img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3S ease-in-out;}
.proDetail .details .imgBox li:hover img{transform: scale(1.05);}
.proDetail .details .imgBox li .txt{text-align: center;color: #fff;font-size: 18px;margin-top: -50px;position: relative;z-index: 2;}
.related_product{padding-bottom: 48px;}
.related_product .title{font-size: 36px;margin-bottom: 48px;}
.related_product .swiperPro5{height: 460px;}
.related_product .swiperPro5 .swiper-slide{position: relative;top: 350px;opacity: 0;}
.related_product .swiperPro5 .item{height: 394px;background-color: #F5F5F5;display: flex;flex-direction: column; justify-content: center;justify-content: center;position: relative;}
.related_product .swiperPro5 .item .imgBox{display: flex;align-items: center;justify-content: center;overflow: hidden;}
.related_product .swiperPro5 .item .imgBox img{transition: all 0.3S ease-in-out;}
.related_product .swiperPro5 .item .imgBox img:hover{transform: scale(1.05);}
.related_product .swiperPro5 .item .more {width: 90%;background-color: #fff;display: inline-block;color: #666;font-size: 16px;position: absolute;bottom: 17px;left: 5%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 5px 10px;text-align: center;}
.related_product .swiperPro5 .item .more:hover{background-color: #8cc63e;color: #fff;}
.related_product .swiperPro5 .pagination5{position: absolute;bottom: -15px;left: 97%;transform: translate(-50%,0);z-index: 5;}
.related_product .swiperPro5 .swiper-pagination-clickable .swiper-pagination-bullet{opacity: 1;background-color: #D0D0D0!important;}
.related_product .swiperPro5 .swiper-pagination-clickable .swiper-pagination-bullet-active{background-color: #8cc63e!important;border: none;}
.purchase{padding-bottom: 76px;}
.purchase .title{font-size: 36px;margin-bottom: 56px;}
.purchase .content{display: flex;}
.purchase .content .left{width: 40%;}
.purchase .content .left .imgBox{width: 100%;height: 467px;display: flex;justify-content: center;align-items: center;background-color: #F5F5F5;}
.purchase .content .right{width: 60%;padding-left: 71px;}
.inputBox.required .tips {color: #fff;background: #363636;display: inline-block;position: relative;margin-top: 5px;font-size: 12px;border-radius: 2px;padding: 0 3px;margin-left: 146px;}
.inputBox.required .tips::after {width: 0;height: 0;border-right: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid #363636;position: absolute;content: "";left: 6px;top: -5px;}
.inquiryBox1 .submitBtn:hover{opacity: 0.9;}
.inquiryBox1 input{height: 30px;width: calc(100% - 153px);padding: 0 10px;border: 1px solid #DDDDDD;}
.inquiryBox1 .inputBox.required input{border: 1px solid #f00;}
.inquiryBox1 form .selectCon{display: inline-block;width: calc(100% - 153px);position: relative;}
.inquiryBox1 form .selectCon input{width: calc(100% - 119px);}
.inquiryBox1 span{display:inline-block;width: 143px;position: relative;color: #666;}
.inquiryBox1 .inputBox{margin-bottom: 10px;}
.inquiryBox1 .inputBox .codeBox{display: inline-block;width: calc(100% - 153px);}
.inquiryBox1 .inputBox .codeBox input{width: calc(100% - 80px);}
.inquiryBox1 .inputBox .codeBox img{width: 80px;height: 30px;}
.inquiryBox1 .inputBox select{width: 114px;height: 30px;border: 1px solid #DDDDDD;padding-left: 10px;}
.inquiryBox1 .inputBox .triangle{position: absolute;right: 10px;top: 3px;color: #a5a5a5;font-size: 14px;cursor: pointer;z-index:-1;width: auto;}
.inquiryBox1{margin-top: 30px;}
.proTop .inquiryBox1{width: calc(100% - 400px);padding-left: 100px;margin-top: 0;}
.inquiryBox1 h2{margin-bottom: 15px;}
.inquiryBox1 .inputBox sup{color: #EF2525;font-size: 18px;position: absolute;top: 9px;left: -5px;}
.inquiryBox1 .inputBox textarea{width: calc(100% - 153px);height: 98px;border: 1px solid #DDDDDD}
.inquiryBox1 .inputBox.required textarea{border: 1px solid #f00;}
.inquiryBox1 .submitBtn{display: flex;align-items: center;justify-content: center;background-color: #8cc63e;color: #fff;width: 158px;height: 48px;cursor: pointer;border-radius: 5px;margin-left: 146px;margin-top: 20px;}
.RequiredText{margin-left: 146px;}
.RequiredText sup {vertical-align: -8px;margin: 0 5px;color: #f00;}
.inquiryBox1 .submitBtn:hover{opacity: 0.9;}   
.hint{display: none;position: fixed;top: 65%;left: 50%;transform: translate(-50%,-50%);z-index: 999;width: 580px;text-align: center;line-height: 50px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.hint .iconfont{color: #F1881F;font-size: 16px;margin-right: 5px;margin-top: 5px;}
.hint .txt{color: #333;font-size: 15px;}
/*技术支持*/
.technical{padding-top:40px;padding-bottom:80px}
.technical h3 {
            color: #525252;
            font-size: 1.5rem;
            margin-bottom: 30px;
            font-weight: 600;
            line-height: 26px;
        }
        .technical .services {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }
        
        .technical .service-item {
            display: flex;
            gap: 20px;
            padding: 20px;
            border-radius: 10px;
            background: #f8fbff;
            transition: all 0.3s ease;
            border-left: 4px solid #8cc63f;
        }
        
        .technical .service-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(74, 144, 226, 0.1);
            background: white;
        }
        
        .technical .service-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #8cc63f, #63b3ed);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 16px;
            flex-shrink: 0;
        }
        
        .technical .service-content {
            flex: 1;
        }
        
        .technical .service-title {
            color: #2c5b82;
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 8px;
        }
        
        .technical .service-desc {
            color: #4a5568;
            line-height: 1.6;
        }
/* 科研创新 */
.research1{padding-top: 63px;padding-bottom: 226px;}
.research1 .container,.research3 .container{display: flex;justify-content: space-between;}
.research1 .txtBox,.research3 .txtBox{width: 45%;}
.research1 .txtBox .txt3,.research3 .txtBox .txt3{color: #7C7C7C;line-height: 26px;font-size: 15px;margin-top: 142px;}
.research1 .imgBox{width: 55%;height: 355px;position: relative;padding-top: 103px;padding-left: 132px;}
.research1 .imgBox img{width: 100%;height: 100%;object-fit:cover;}
.research1 .imgBox .bg{position: absolute;background-color: #8cc63e;width: 254px;height: 196px;top: 77px;left: 98px;z-index: -1;}
.research1 .imgBox .img{overflow: hidden;}
.research1 .imgBox .img img{width: 100%;height: 100%;object-fit:cover;transition: all 0.3s ease-in-out;}
.research1 .imgBox .img img:hover{transform: scale(1.05);}
.research2{margin-bottom: 215px;width: 100%;height: 458px;background-color: #F5F5F5;}
.research2 .container{display: flex;}
.research2 .imgBox{width: 55%;display: flex;}
.research2 .imgBox .item1,.research2 .imgBox .item2,.research2 .imgBox .item3{width: 33.33%;height: 480px;position: relative;transition: all 0.3s ease-in-out;}
.research2 .imgBox .item1:hover,.research2 .imgBox .item2:hover,.research2 .imgBox .item3:hover{transform: scale(1.02);}
.research2 .imgBox .item1{margin-right: 20px;background: url(../images/research2.png) center center no-repeat;background-size: cover;margin-top: 19px;}
.research2 .imgBox .item2{margin:0 20px;background: url(../images/research3.png) center center no-repeat;background-size: cover;margin-top: -43px;}
.research2 .imgBox .item3{margin-left:20px;background: url(../images/research4.png) center center no-repeat;background-size: cover;margin-top: 75px;}
.research2 .imgBox .content{position: absolute;left: 13px;bottom: 38px;}
.research2 .imgBox .content .line1{width: 32px;height: 1px;background-color: #fff;}
.research2 .imgBox .content .line2{width: 19px;height: 1px;background-color: #fff;margin-top: 16px;margin-bottom: 19px;}
.research2 .imgBox .content .txt{color: #fff;font-size: 16px;font-weight: 700;}
.research2 .txtBox{width: 45%;padding-left: 119px;padding-top: 68px;}
.research2 .txtBox .title{font-size: 32px;}
.research2 .txtBox .txt3{font-size: 14px;color: #303030;line-height: 26px;}
.research3{padding-bottom: 100px;}
.research3 .txtBox .txt3{margin-top: 101px;}
.research3 .imgBox{width: 55%;height: 342px;position: relative;padding-top: 17px;padding-left: 226px;padding-right: 27px;}
.research3 .imgBox img{width: 100%;height: 100%;object-fit:cover;}
.research3 .imgBox .bg{position: absolute;background-color: #8cc63e;width: 254px;height: 196px;bottom: -2px;right: 5px;z-index: -1;}
.research3 .imgBox .img{overflow: hidden;}
.research3 .imgBox .img img{width: 100%;height: 100%;object-fit:cover;transition: all 0.3s ease-in-out;}
.research3 .imgBox .img img:hover{transform: scale(1.05);}
/* 质量控制 */
.quality1{padding-top: 63px;padding-bottom: 83px;}
.quality1 .container{display: flex;}
.quality1 .txtBox{width: 55%;padding-right: 94px;}
.quality1 .txtBox .txt3{color: #333;font-size: 24px;margin-top: 94px;margin-bottom: 60px;}
.quality1 .txtBox .txt4{color: #7C7C7C;;font-size: 16px;line-height: 26px;}
.quality1 .imgBox{width: 45%;position: relative;padding-right: 36px;padding-top: 105px;}
.quality1 .imgBox img{width: 100%;height: 447px;object-fit:cover;}
.quality1 .imgBox .bg1,.quality1 .imgBox .bg2{background-color: #8cc63e;position: absolute;z-index: -1;}
.quality1 .imgBox .bg1{width: 133px;height: 150px;top: 84px;left: -23px;}
.quality1 .imgBox .bg2{width: 381px;height: 311px;bottom: -29px;right: 0;}
.quality1 .imgBox .img{overflow: hidden;height: 100%;}
.quality1 .imgBox .img img{width: 100%;height: 100%;object-fit:cover;transition: all 0.3s ease-in-out;}
.quality1 .imgBox .img img:hover{transform: scale(1.05);}
.quality2{width: 100%;background: url(../images/quality2_bg.jpg) center center fixed;background-size: cover;}
.quality2 .container{padding: 73px 161px 50px 161px;}
.quality2 .container h3{color: #fff;font-size: 40px;font-weight: 700;margin-bottom: 49px;text-align: center;}
.quality2 .container .txt{color: #fff;font-size: 16px;font-weight: 400;line-height: 30px;text-align: center;}
.quality3{padding-top: 69px;padding-bottom: 99px;}
.quality3 ul{margin-top: 72px;display: flex;}
.quality3 ul li{width: 33.33%;margin-right: 134px;position: relative;top: 500px;opacity: 0;}
.quality3 ul li:last-child{margin-right: 0;}
.quality3 ul li .imgBox{width: 100%;height: 532px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.quality3 ul li .imgBox img{width: 100%;height: 100%;object-fit:cover;transition: all 0.3s ease-in-out;}
.quality3 ul li .imgBox img:hover{transform: scale(1.02);}
.quality4{width: 100%;background: url(../images/quality4_bg.jpg) center center fixed;background-size: cover;}
.quality4 .container{padding-top:90px;padding-bottom: 173px;}
.quality4 .container h3{color: #fff;font-size: 36px;font-weight: 700;margin-bottom: 52px;text-align: center;}
.quality4 .container .txt{color: #fff;font-size: 16px;font-weight: 400;text-align: center;}
/* 新闻列表 */
.news{padding-top: 63px;padding-bottom: 80px;}
.news .content{margin-top: 64px;display: flex;flex-wrap: wrap;}
.news .content li{width: 33.33%;height: 459px;margin-bottom: 74px;padding: 0 11px;}
.news .content li .item{width: 100%;}
.news .content li .imgBox{width: 100%;height: 280px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.news .content li .imgBox img{width: 100%;height: 100%;object-fit:cover;transition: all 0.3s;}
.news .content li:hover .imgBox img{transform: scale(1.1);}
.news .content li .txtBox{padding: 37px 25px 36px 16px;border: 1px solid rgba(0, 0, 0, 0.30);border-top: none;}
.news .content li .txtBox .part1{font-size: 14px;color: #666;}
.news .content li .txtBox .part2{font-size: 16px;color: #333;margin: 15px 0;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.content li .txtBox .newsDetails {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 50px;
}
.news .content li:hover .txtBox .part2{color: #8cc63e;}
/* 新闻详情 */
.newsDetail{margin-top: 50px;margin-bottom: 50px;}
.newsTxt h2{font-size: 28px;font-family: "times new roman";}
.newsTxt h5{margin: 20px 0;color: #999;}
.newsTxt img{max-width: 100%;margin-bottom: 20px;}
.newsTxt p{font-size: 15px;line-height: 32px;}
/* 招聘 */
.job{padding-top: 63px;padding-bottom: 31px;}
.job h3{color: #333;font-size: 20px;font-weight: 700;margin-top: 59px;margin-bottom: 34px;}
.job .txt3{color: #333;font-size: 16px;font-weight: 400;margin-bottom: 75px;line-height: 28px;}
.job .item{margin-bottom: 69px;cursor: pointer;}
.job .item .overview{display: flex;padding-bottom: 19px;padding-right: 37px;justify-content: space-between;align-items: center;border-bottom: 1px solid #0000005C;}
.job .item .overview .position{display: flex;align-items: center;color: #333;font-size: 18px;font-weight: 700;}
.job .item .overview .position .point{width: 12px;height: 12px;border-radius: 50%;background-color: #8cc63e;margin-right: 22px;}
.job .item .overview i{color: #000000B2;}
.job .item .content1{padding-left: 34px;display: none;padding-top: 22px;}
.job .item.active .content1{display: block;}
.job .item .content1 .title1{color: #666;font-size: 14px;font-weight: 700;margin-bottom: 8px;}
.job .item .content1 .details{color:  #666;font-size: 14px;font-weight: 400;margin-bottom: 20px;}
/* 联系我们 */
.contactBox{padding-top: 34px;padding-bottom: 60px;}
.contactBox .way{margin-top: 59px;margin-bottom: 50px;display:grid;grid-template-columns: repeat(4, 1fr);gap:20px}
.contactBox .way li{position: relative;}
.contactBox .way .item{display: flex;flex-direction: column;align-items: center;}
.contactBox .way .item .iconBox{width: 70px;height: 70px;border-radius: 50%;background-color: #8cc63e;display: flex;align-items: center;justify-content: center;color: #fff;}
.contactBox .way .item .iconBox i{font-size: 28px;}
.contactBox .way .item .txt3{color: #333;font-size: 20px;font-weight: 700;margin-top: 13px;margin-bottom: 16px;}
.contactBox .way .item .txt4{color: #333;font-size: 16px;font-weight: 400;}
.contactBox #container{width: 100%;height: 350px;}
.messageBox{padding-bottom: 100px;}
.messageBox #myForm{margin-top: 51px;}
.messageBox #myForm .inputBox.required{position: relative;}
.messageBox #myForm .inputBox.required .tips{margin-left: 0;}
.messageBox #myForm input{width: 100%;height: 62px;line-height: 62px;padding-left: 24px;border: 1px solid rgba(0, 0, 0, 0.20);margin-bottom: 40px;}
.messageBox #myForm .inputBox.required input{border: 1px #f00 solid;}
.messageBox #myForm input::placeholder{color: #666;font-size: 12px;}
/* .messageBox #myForm input.email{margin-top: -102px;} */
.messageBox #myForm textarea{width: 100%;height: 143px;margin-bottom: 41px;padding-top: 10px;padding-left: 24px;border: 1px solid rgba(0, 0, 0, 0.20);}
.messageBox #myForm .inputBox.required textarea{border: 1px #f00 solid;}
.messageBox #myForm textarea::placeholder{color: #666;font-size: 12px;}
.messageBox #myForm .img_verification{margin-top: 14px;}
.messageBox #myForm .submit{display: flex;align-items: center;justify-content: center;width: 100%;height: 62px;background-color: #8cc63e;color: #fff;font-weight: 700;font-size: 16px;cursor: pointer;}
.messageBox #myForm .submit:hover{opacity: 0.9;}
.messageBox #myForm .inputBox.required .tips{position: absolute;bottom: 5px;left: 0;}
.messageBox #myForm .txt{color: #666;}
.messageBox #myForm .txt span{color: #EF2525;}
/* 底部 */
/* footer{padding-top: 48px;background: #333;width: 100%;}
footer .container{display: flex;padding-left: 12px;padding-right: 0;}
footer dl{margin-right: 77px;color: #DDD;font-size: 14px;}
footer dl dd{margin-bottom: 15px;}
footer dl .title{margin-bottom: 28px;font-size: 16px;color: #EEE;}
footer .contact{font-size: 14px;color: #DDD;margin-left: 199px;margin-right: 160px;}
footer .contact .contact_item{margin-bottom: 6px;}
footer .contact .iconfont{color: #B0B0B0;margin-right: 18px;}
footer .contact img{margin-top: 36px;}
footer .contact .link{margin-top: -13px;}
footer .contact .link a{display: inline-block;margin-right: 12px;}
footer .QR_code{display: flex;flex-direction: column;align-items: center;padding-top: 10px;}
footer .QR_code .txt{font-size: 12px;color: #989898;margin-top: 24px;}
footer .copy{margin-top: 39px;text-align: center;border-top: 1px solid #4F4F4F;color: #989898;font-size: 12px;padding: 10px 0;} */
.footer{background: #2F2F2F;color: #fff;}
.footer .container{margin: 0 auto; padding:0;}
.footer .row{ margin:0px;}
.footerlogo a{width: 144px;height: 39px;margin: 0 0 0 -15px;padding: 0 15px;background: #f3f4f4; display:block;}
.footerwarp {text-align: center;}
.footerwarp  ul{width: 100%;text-align: center;margin-bottom: 20px;padding-bottom: 20px;border-bottom: #565656 1px solid;}
.footerwarp  ul li{text-transform:capitalize;display: inline-block;margin-top: 20px;}
.footerwarp  ul li a{color: #eee;font-size: 15px;padding: 0 15px;border-left: 1px #eee solid;}
.footerwarp  ul li:first-child a{border-left: none;}
.footerwarp  ul li a:hover{color:#fff;}
.footerwarp p span {margin: 0 10px;}
.footercopy .col-lg-6{ padding:0px;}
.footercopy{margin-top: 20px;border-top: #565656 1px solid;text-align: center;font-size: 14px;color: #666;padding: 5px 0;}
.footer .links{display: inline-block;margin: 0 auto;margin-top: 20px;}
.footer .links a{margin: 0 5px;transition: all 0.3s ease-in-out;background: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 100%;padding: 3px;}
.footer .links a:hover{opacity: 0.7;}
.copy{font-size: 12px;line-height:40px;color: #eee;margin: 0 25px 0 0;}
/***footer***/	
	
	
	
	
	
	
@media(min-width:1400px){
	.container{width: 1420px;}
}		
@media (min-width: 769px) and (max-width: 1366px){
    .nav .menu .nav_box .item a{
    padding: 0 20px;
}
    .banner .ban_txt .txt1{font-size: 75px;}
    .banner .ban_txt .txt2{font-size: 24px;}
    .banner .swiper-button-prev1, .banner .swiper-button-next1{top: 66%;}
    .banner .notice_swiper{width: 90%;}
    .banner .notice_swiper .txt{margin-right: 20px;}
    .banner .notice_swiper .swiper-slide{justify-content: flex-start;padding-right: 0;width: 100%!important;}
    .banner .notice_swiper .swiper-button-prev{left: 92%;}
    .banner .notice_swiper .swiper-button-next{right: 4%;}
    .banner .notice_swiper .swiper-slide .txt:first-child{padding-left: 20px;}
    .ind_search .selectBox{width: 12%;margin-right: 30px;}
    .ind_search select{width: 100%;}
    .ind_search .selectBox i{right: 24px;bottom: 13px;}
    .ind_search .inputBox{width: 84%;}
    .ind_search input{width: 100%;}
    .ind_about .content .left{padding-right: 168px;}
    .ind_products .content .imgBox{width: 100%;}
    .ind_products .content .txtBox{width: 100%;}
    .ind_research ul li .txtBox .button{margin: -28px auto;}
    footer dl{margin-right: 39px;}
    .about2 .content{width: 60%;padding: 57px 93px 100px 106px;height: auto;}
    .about2 .catelog{width: 40%;height: auto;}
    .about2 .catelog .txt2{right: 30px;bottom: 208px;}
    .about2 .content .content_swiper .swiper-button-prev3, .about2 .content .content_swiper .swiper-button-next3{top: 741px;}
    .about2 .content .content_swiper .swiper-button-prev3{left: calc(100% - 164px);}
    .about5 .left .imgBox1 img{width: 100%;height: 100%;}
    .product .contentBox .itemBox .txtBox .txt2{margin-top: 2px;margin-bottom: 17px;flex-wrap: wrap;}
    .product .contentBox .itemBox .txtBox .txt2 p{line-height: 33px;height: 33px;}
    .research3 .imgBox .bg{bottom: 59px;}
    .quality1 .imgBox .bg2{bottom: 53px;}
    .proDetail .proBan .videoBox{width: 892px;}
    .proDetail .proBan .videoBox video{width: 892px;}
}
@media(max-width:768px) {
.container{width: 100%;padding-left: 15px;padding-right: 15px;}
.headerPhoneTop {position: fixed;width: 100%;top: 0;left: 0;text-align: center;background: #fff;box-shadow: 0 0 7px #b9b9b9;z-index: 99;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.menuPhone {position: fixed;width: 250px;height: 100%;overflow-y: auto;left: -250px;background: #90a4ae;top: 0;    z-index: 999;
transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.headerPhoneLogo img {height: 30px;}
.headerPhoneLogo {padding: 10px 0;}
a.menu-trigger {position: absolute;display: inline-block;width: 36px;height: 30px;top: 50%;margin-top: -15px;left: 10px;padding: 0 5px;}
a.menu-trigger span {display: block;background: #222;width: 100%;height: 2px;margin: 6px 0;}
.wrapper {position:relative;width: 100%;left: 0;padding-top: 0 !important;transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;}
body.menuOpen .headerPhoneTop  {left:250px;}
body.menuOpen .wrapper  {left:250px;}
body.menuOpen .menuPhone{left:0;}
.headerPhone {transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;}
body.menuOpen .headerPhone {left: 250px;}
.menuPhone li h2 {margin: 0;font-size: 15px;line-height: 30px;}
.menuPhone li h2 a {color: #fff;padding: 5px 15px;display: inline-block;width: 100%;}
.menuPhone li h5 {margin: 0;padding-left: 25px;font-size: 12px;line-height: 25px;border-top: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhone li h5 a {color: #fff;padding: 5px 0;display: inline-block;font-size: 14px;}
.menuPhone ul li {border-bottom: solid 1px rgba(255, 255, 255, 0.15); 
        color: #fff;}
.menuPhoneHide {background: rgba(255, 255, 255, 0.1);display: none;}
.headerPhone .menu_tr_ico{position: absolute;right:15px;top: 50%;margin-top: -18px;}
.headerPhone .menu_tr_ico .enChange{background:  #ff8a00;color:  #fff;border-radius:  100%;padding: 5px;}
.headerPhone .menu_tr_ico i{font-size: 20px;color: #666;display: inline-block;margin-left: 10px;}
.headerPhone .menu_tr_search{margin-top: 10px;padding: 0 15px;position: relative;}
.headerPhone .menu_tr_search input{width: 100%;height: 40px;background-color: #f1f1f1;padding: 0 10px;margin-bottom: 10px;}
.headerPhone .menu_tr_search button{    right: 20px;position: absolute;width: 40px;height: 40px;background: none;top: 0;}
.headerPhone {padding-top: 50px;position: relative;left: 0;}
.headerPhone .menu_tr_ico .selectBox {background: #fff;box-shadow: 0 0 4px #ddd;position: absolute;display: none;overflow-y: scroll;max-height: 300px;}
.headerPhone .menu_tr_ico .selectBox:after{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #fff;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox::before{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #999;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox ul li{padding: 0 10px;border-bottom: 1px #dedede solid;}
.banner{height: 400px;}
.swiper_ban{height: 400px;}
.ban_papagination{height: 356px;left: 88%!important;}
.banner .ban_txt{top: 40%;left: 47%;width: 70%;}
.banner .ban_txt .txt1{font-size: 22px;}
.banner .ban_txt .txt2{font-size: 16px;}
.banner .swiper-button-next1{left: 26%;}
.banner .notice_swiper{width: 100%;height: 47px;line-height: 47px;}
.banner .notice_swiper .swiper-slide{height: 47px;line-height: 47px;padding-right: 0;}
.banner .notice_swiper .swiper-slide .txt:first-child{padding-right: 5px;width: 70px;}
.banner .notice_swiper .swiper-button-prev {left: 87%;}
.banner .notice_swiper .swiper-button-next {right: 2%;}
.banner .notice_swiper .txt {font-size: 12px;width: calc(100% - 140px);padding: 0 10px;}
.ind_search{padding-top: 20px;margin-bottom: 14px;}
.ind_search .searchBox{margin-bottom: 10px;}
.ind_search .selectBox{width: 38%;margin-right: 12px;height: 40px;line-height: 40px;}
.title .block{margin-bottom: 0;}
.title .txt{font-size: 28px;margin-bottom: 10px;}
.ind_search .searchBox{margin-bottom: 10px;}
.ind_search .selectBox i{right: 14px;bottom: -2px;}
.ind_search .inputBox{width: 100%;height: 40px;line-height: 40px;}
.ind_search input{width: 100%;}
.ind_search .inputBox i{right: 13px;bottom: -1px;}
.ind_search .txt3 span{margin-right: 20px;}
.ind_products{height: auto;padding-bottom: 24px;}
.ind_products .container{padding-top: 24px;}
.ind_products h3{margin-bottom: 40px;}
.ind_products .content .proCon{width: 100%;}
.ind_products .content ul{display: none;}
.ind_products .content .imgBox{width: 100%;}
.ind_products .content .txtBox{width: 100%;justify-content: center;}
.ind_products .content .txtBox .iconBox{margin-left: 28px;}
.ind_about{padding-top: 27px;padding-bottom: 30px;}
.ind_about .content{display: inherit;}
.ind_about .content .left{width: 100%;padding-right: 0;}
.ind_about .content .left .txt3{margin-top: 10px;}
.ind_about .content .right{padding-top: 50px;width: 100%;}
.ind_about .content .right .bg{width: 92%;}
.ind_about .content .right .imgBox{width:100%;bottom: 47px;left: 38px;}
.ind_about .bottom{margin-top: 32px;padding-right: 0;}
.ind_about .bottom .line{width: 54%;}
.ind_about .bottom .more{width: 154px;}
.ind_research{padding: 26px 0;}
.ind_research h3{margin-bottom: 26px;}
.ind_research ul li{width: 100%;padding: 0;margin-bottom: 46px;}
.ind_research ul li:nth-child(1){padding-right: 0;}
.ind_research ul li:nth-child(3){padding-left: 0;}
.ind_research ul li .txtBox{padding: 46px 41px 50px 41px;position: relative;height: auto;}
.ind_research ul li .txtBox .txt1{margin-bottom: 8px;}
.ind_research ul li .txtBox .txt2{margin-bottom: 0;}
.ind_research ul li .txtBox .button{margin: 0;position: absolute;left: 50%;transform: translate(-50%, 0);bottom: -29px;}
.ind_quality{padding-top: 21px;padding-bottom: 52px;}
.ind_quality .content{display: inherit;margin-top: 59px;}
.ind_quality .content .left .bg{margin-left: 16px;width: 93%;}
.ind_quality .content .left .imgBox{width: 100%;top: -44px;}
.ind_quality .content .right{padding-left: 0;margin-top: 20px;}
.ind_quality .content .right .txt4{margin-top: 20px;margin-bottom: 20px;}
.ind_environment{padding-top: 26px;}
.ind_environment .txt{padding: 0;}
.ind_news{padding-top: 60px;}
.ind_news ul li{width: 100%;padding: 20px 10px;}
footer{padding-top: 0;}
footer .container{display: none;}
footer .copy{margin-top: 0;}
/* 关于我们	 */
.nei_banner{height: 218px;}
.about1{padding-top: 17px;padding-bottom: 24px;}
.about1 .container{display: inherit;}
.about1 .container .txtBox{width: 100%;padding-right: 0;}
.about1 .container .txtBox .txt3{margin-top: 0;}	
.about1 .container .imgBox{width: 100%;height: 425px;margin-top: 24px;}	
.about2{padding-top: 10px;}	
.about2 .content{width: 72%;height: auto;padding: 47px 15px;}
.about2 .content .content_swiper .swiper-button-prev3, .about2 .content .content_swiper .swiper-button-next3{top: 98%;width: 48px;height: 40px;}
.about2 .content .txt1{margin-bottom: 30px;}
.about2 .content .txt2{margin-bottom: 12px;}
.about2 .content .txt3{margin-bottom: 5px;width: 100%;}	
.about2 .catelog{width: 28%;height: auto;padding: 0;}	
.about2 .catelog .txt{margin-top: 168px;padding-left: 13px;font-size: 18px;white-space: wrap;text-align: left;}	
.about2 .catelog .swiperPro4{margin-top: 6px;margin-left: 0;padding: 0;}
.about2 .catelog .txt2{display: none;}	
.about3{padding-top: 24px;padding-bottom: 20px;}	
.about3 .content{margin-top: 15px;display: inherit;}	
.about3 .content li{width: 100%;margin-right: 0;height: auto;margin-bottom: 20px;padding-bottom: 20px;}	
.about4{padding: 30px 0;}	
.about4 .container h3{position: static;font-size: 30px;transform: none;text-align: center;}	
.about4 .content{display: inherit;}	
.about4 .content li{width: 100%;border-bottom: 2px solid rgba(255, 255, 255, 0.36);border-right: none;padding-top: 0;padding-bottom: 26px;}	
.about4 .content li .item2{margin-top: 4px;margin-bottom: 22px;}	
.about4 .content li .item3{margin-bottom: 5px;}	
.about5{padding-top: 23px;padding-bottom: 50px;}	
.about5 .txt3{margin-top: 11px;margin-bottom: 28px;}	
.about5 .imgBox{display: inherit;}	
.about5 .left{height: auto;width: 100%;margin-right: 0;margin-bottom: 30px;}
.about5 .right{width: 100%;height: auto;}
.about5 .right .imgBox2{width: 100%;height: auto;margin-bottom: 0;}
.about5 .right .imgBox3{width: 100%;height: auto;margin-top: 15px;}
/* 产品列表 */
.product .container{display: inherit;padding-top: 20px;}
.product .product_nav{width: 100%;}
.product .product_nav .classify{display: none;}
.product .contentBox{padding-left: 0;padding-bottom: 36px;        width: 100%;}
.product .contentBox .searchBox input{width: 86%;padding-left: 13px;}
.product .contentBox .searchBox button{width: 24%;}
.product .contentBox .searchBox button i{margin-right: 3px;}
.product .contentBox .itemBox{padding-top: 0;}
.product .contentBox .itemBox .item{display: inherit;padding-top: 0;}
.product .contentBox .itemBox .imgBox{width: 100%;display: flex;align-items: center;justify-content: center;}
.product .contentBox .itemBox .txtBox{padding-left: 0;}
.product .contentBox .itemBox .txtBox .txt2{margin-top: 6px;margin-bottom: 11px;flex-wrap: wrap;}
.product .contentBox .itemBox .txtBox .txt2 p{height: 28px;line-height: 28px;}
.product .contentBox .itemBox .txtBox .more{width: 100%;}
/* 产品详情 */
.proDetail{margin-top: 25px;padding-bottom: 23px;}
.proDetail .proBan{display: inherit;width: 100%;}
.myVideo{height: 320px;width: 100%;}
.videoIcon{bottom: 19px;}
.proDetail .proBan .videoBox{width: 100%;height: 320px;}
.proDetail .proBan .videoBox video{margin-top: 0;width: 100%;height: 320px;}
.proDetail .proBan ol{width: 100%;height: 320px;margin-right: 0;}
.proDetail .proBan ul{display: flex;}
.proDetail .proBan ul li{width: 33.33%;height: 100px;}
.proDetail .details .part1{padding: 20px 0;}
.proDetail .details .part1 ul{display: inherit;}
.proDetail .details .part1 ul li{margin-right: 0;}
.proDetail .details .part1 ul li .item1{margin-bottom: 5px;}
.proDetail .details .imgBox{display: inherit;}
.proDetail .details .imgBox li{width: 100%;margin-bottom: 20px;}
.related_product{padding-bottom: 0;}
.related_product .swiperPro5 .item .more{width: 90%;}
.related_product .swiperPro5 .pagination5{bottom: 18px;left: 93%;}
.purchase .content{display: inherit;}
.purchase .content .left{width: 100%;}
.purchase .content .right{width: 100%;padding-left: 0;margin-top: 20px;}
.purchase .content .right .txt{font-size: 14px;}
.purchase .content .right .submit{width: 100%;}
/* 科研创新 */
.research1{padding-top: 20px;padding-bottom: 60px;}
.research1 .container, .research3 .container{display: inherit;}
.research1 .txtBox, .research3 .txtBox{width: 100%;}
.research1 .txtBox .txt3, .research3 .txtBox .txt3{margin-top: -8px;}
.research1 .imgBox{width: 100%;height: auto;padding-top: 28px;padding-left: 24px;}
.research1 .imgBox .bg{width: 20%;height: 32%;top: 13px;left: 7px;}
.research2{height: auto;margin-bottom: 15px;padding-bottom: 20px;}
.research2 .container{display: inherit;}
.research2 .imgBox{width: 100%;}
.research2 .imgBox .content .txt{font-size: 14px;}
.research2 .imgBox .item2{margin: 0;}
.research2 .txtBox{width: 100%;padding-left: 0;padding-top: 29px;}
.research3{padding-bottom: 0;}
.research3 .imgBox{width: 94%;height: auto;padding-left: 0;padding-right: 0;padding-bottom: 50px;}
.research3 .imgBox .bg{width: 35%;height: 37%;bottom: 32px;right: -19px;}
/* 质量控制 */
.quality1{padding-top: 16px;padding-bottom: 83px;}
.quality1 .container{display: inherit;}
.quality1 .txtBox{width: 100%;padding-right: 0;}
.quality1 .txtBox .txt3{margin-top: 11px;margin-bottom: 5px;}
.quality1 .imgBox{width: 94%;padding-right: 0;padding-top: 25px;padding-left: 14px;}
.quality1 .imgBox .bg1{    width: 28%;height: 20%;top: 6px;left: -7px;}
.quality1 .imgBox .bg2 {width: 56%;height: 38%;bottom: -29px;right: -26px;}
.quality2 .container{padding: 31px 0;}
.quality2 .container h3{font-size: 28px;margin-bottom: 20px;}
.quality3{padding-top: 27px;padding-bottom: 12px;}
.quality3 .title .txt{font-size: 22px;}
.quality3 ul{margin-top: 16px;display: inherit;}
.quality3 ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
/* 新闻列表 */
.news{padding: 18px 0;}
.news .content{margin-top: 11px;display: inherit;}
.news .content li{width: 100%;padding: 0;}
.news .content li:nth-child(3n+1){padding-right: 0;}
.news .content li:nth-child(3n+3){padding-left: 0;}
/* 招聘 */
.job{padding-top: 24px;padding-bottom: 0;}
.job h3{margin-top: 11px;margin-bottom: 14px;}
.job .txt3{margin-bottom: 18px;}
.job .item{margin-bottom: 23px;}
/* 联系我们 */
.contactBox{padding-top: 34px;padding-bottom: 8px;}
.contactBox .way{margin-top: 25px;margin-bottom: 20px;padding-left: 0;padding-right: 0;grid-template-columns: repeat(1, 1fr);}
.contactBox .way .item .txt4{font-size: 13px;text-align: center;}
.contactBox #container{height: 378px;}
.messageBox{padding-bottom: 26px;}
.messageBox #myForm{margin-top: 0;}
.messageBox #myForm .row:last-child{display: flex;flex-wrap: wrap;}
.messageBox #myForm .row:last-child .col-md-6{width: 70%;}
.messageBox #myForm .row:last-child .col-md-1{width: 30%;}
.messageBox #myForm .row:last-child .col-md-5{width: 100%;}
.ind_products .content .imgBox a{display: flex;width: 100%;}
.ind_quality .content .left{width: 100%;}
.ind_quality .content .right{width: 100%;}
.proTop{display: inherit;}
.proTop .inquiryBox1{width: 100%;padding: 0;margin-top: 30px;}
.messageBox #myForm input{margin-bottom: 20px;}
.messageBox #myForm .submit{margin-top: 20px;}
.footer{padding: 0 10px;}
}