@import url("base.css");

/* 鍐呴〉banner */
.cy_banner{ display:none;}
.banner_font{color: #fff;font-size: 20px;width: 700px;}
.banner_font h2{font-size: 50px;font-weight: 600;color: #fff;}
.banner_font span{color: #fff;font-size: 25px;display: block;margin-top: 25px;}
.banner_font p{color: #fff;margin-top: 25px;padding-left: 5px;font-size: 16px;}
.ins_banner{width: 100%;height: 450px;background-size: 100% 100%;z-index: 10;padding: 120px 0 0px 250px;box-sizing: border-box;}
.ins_banner h2,.ins_banner span,.ins_banner p{text-shadow:0 1px 3px #444444;}
.contact_banner{background: url(../img/contact01.jpg)no-repeat;}
.about_banner{background: url(../img/info02.jpg)no-repeat;}
.innovate_banner{background: url(../img/innovate01.jpg)no-repeat;}
.news_banner{background: url(../img/news01.jpg)no-repeat;}
.culture_banner{background: url(../img/culture01.jpg)no-repeat;}
.doubt_banner{background: url(../img/doubt01.jpg)no-repeat;}
.products_banner{background: url(../img/products01.jpg)no-repeat;display: flex;justify-content: flex-end;padding: 120px 120px 0 0;}
.product_banner{background: url(../img/product01.jpg)no-repeat;display: flex;justify-content: flex-end;padding: 120px 120px 0 0;}
.ban_ppgs{background: url(../img/info03.jpg)no-repeat;}
/* 鍐呴〉banner */
/* 鑱旂郴鎴戜滑 */
.contact_main{width: 1400px;position: relative;display: flex;align-items: center;justify-content: space-between;padding: 60px 0 100px 0;margin: 0 auto;}
.contact_main .font {margin-bottom: 40px;width: 550px;}
.contact_main .font h3{font-size: 40px;margin-bottom: 40px;}
.contact_main .font p{color: #666;font-size: 16px;margin-bottom: 15px;}
.contact_main .moblie{font-size: 16px;display: flex;align-items: center;justify-content: space-between;}
.contact_main .moblie hr{display: block;height: 2px;width: 40px;margin: 10px 0;background: #5dc2d0;border: none;}
.contact_main .moblie p{font-size: 16px;}
.contact_main ul{margin: 60px 0;}
.contact_main ul li{display: flex;align-items: center;margin-bottom: 10px;}
.contact_main ul li span,.contact_main ul li p{font-size: 16px;}
/* 鑱旂郴鎴戜滑 */

/* 鏂伴椈涓績 **************************************************************************/
.news_list{margin: 50px auto 100px auto;width: 1400px;display: flex;justify-content: space-between; }
.news_list_left{width: 220px;padding-top: 10px;margin-right: 43px;display:none;}
.news_list_left .top{position: relative;margin-bottom: 40px;}
.news_list_left .top p{width: 100%;height: 40px;color: #fff;text-align: center;line-height:40px;background: #5dc2d0;border-radius: 10px;font-size: 18px;user-select: none;}
.news_list_left .top img{position: absolute;left: 15px;top: -15px;}

.news_list_left .bom{margin-bottom: 60px;width: 100%;}
.news_list_left .bom>a{display:block;width: 220px;height: 50px;border-radius: 25px;border: 1px solid #dfdfdf;line-height: 50px;text-align: center;margin-bottom: 20px;color:#666;font-size: 18px;}
.news_list_left .bom>a.curr{background: #5dc2d0;color: #fff;border: 1px solid #5dc2d0;}

/*鍏徃鏋舵瀯閮ㄥ垎css*/
.news_list_left .bom>.gsjg{display:flex;align-items:flex-start;margin:-20px 0px 0px 30px;}
.news_list_left .bom>.gsjg div:last-child{padding-top:28px}
.news_list_left .bom>.gsjg a{width:155px;height:40px;border:1px solid #dfdfdf;display:block;margin-bottom:20px;text-align:center;line-height:40px;font-size:16px}
.news_list_left .bom>.gsjg a.curr{background: #5dc2d0;color: #fff;border: 1px solid #5dc2d0;}
.gsjg_main{width:100%;}
.gsjg_main .gsjg_tab{width:100%;display:flex;align-items:center;height:60px;background:#f4f4f4;margin-top:10px;}
.gsjg_main .gsjg_tab li{width:33.3%;height:100%;line-height:60px;color:#333;text-align:center;font-size:18px;border-right:2px solid #fff;cursor:pointer;user-select: none;transition: .15s all ease-in;}
.gsjg_main .gsjg_tab li:last-child{border-right: none;}
.gsjg_main .gsjg_tab li.curr{background: #5dc2d0;color: #fff;transition: .15s all ease-in;}
.gsjg_main .gsjg_info{width:100%;padding:60px 10px 0 10px;font-size:16px;display:none}
.gsjg_main .gsjg_item{width:100%;padding:60px 10px 0 10px;font-size:16px;}
.gsjg_main .gsjg_item>img{width: 100%;}
.gsjg_main .gsjg_info h3{margin-bottom:20px;font-size:18px;line-height: 36px;text-indent: 35px;}
.gsjg_main .gsjg_info ul{display:flex;align-items:center;margin-bottom: 30px;}
.gsjg_main .gsjg_info ul li{width:15%;height:50px;text-align:center;line-height:50px;background: #777b98;color: #fff;border-radius: 5px;margin-right: 20px;cursor:pointer;user-select: none;}
.gsjg_main .gsjg_info ul li:last-child{margin-right: 0;}
.gsjg_main .gsjg_info p{font-size: 16px;}







.news_list_right{flex: 1;border-left: 1px solid #dfdfdf;padding:10px 0 0  40px;width: 1000px;}
.news_list_right .top{color: #888;font-size: 16px;width: 100%;height: 37px;border-bottom: 1px solid #dfdfdf;line-height: 20px;}
.news_list_right .top span{margin-right: 10px;}
.news_list_right .top i{margin: 0 5px;}
.news_list_right .top a{color: #888;font-size: 16px;} 
.news_list_body {width: 100%;}
.news_list_bodya{width: 100%;display: flex;height: 170px;border-bottom: 1px solid #dfdfdf;align-items: center;transition: .15s all ease-in;justify-content: space-between;}
.news_list_right li:last-child .news_list_bodya{border: none;}
.news_list_bodya .left{display: flex;align-items: center;color: #666;margin-right: 100px;width: 100%;}
.news_list_bodya .left .item01 {width: 80px;text-align: center;margin-right: 25px;flex-shrink: 0;}
.news_list_bodya .left .item01 h3{font-weight: 600;font-size: 43px;color: #5dc2d0;margin-bottom: 5px;}
.news_list_bodya .left .item01 p{color: #333;font-size: 16px;}
.news_list_bodya .left .item02{overflow: hidden;}
.news_list_bodya .left .item02 h3{font-size: 18px;font-weight: 500;color: #555555;width: 100%;margin-bottom: 15px;transition: .3s all ease-in;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box;overflow: hidden;}
.news_list_bodya .left .item02 p{text-overflow: ellipsis;overflow: hidden;width: 100%;height: 50px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;line-height: 27px;}
.news_list_img{width: 210px;height: 140px;overflow: hidden;flex-shrink: 0;}
.news_list_img img{width: 100%;height: 100%;transition: .3s all ease-in;}
.news_list_img:hover img{transform: scale(1.1);transition: .3s all ease-in;}
.news_list_bodya:hover .left .item02 h3{color:#5dc2d0;transition: .3s all ease-in;}
.news_list_bodya:hover{transform: translateY(-1px);transition: .15s all ease-in;}
/* 鏂伴椈涓績 **************************************************************************/
/* 浜у搧涓績 */
.index_title{display: flex;align-items: center;flex-direction: column;}
.index_title h3{font-size: 35px;font-weight: bold;color: #333;}
.index_title>p{margin: 24px 0 27px 0;color: #666;}
.index_title>div{display: flex;align-items: center;position: relative;margin-bottom: 35px;}
.index_title>div span{width: 16px;height: 16px;background: #e9e9e9;display: flex;border-radius: 50%;align-items: center;justify-content: center;}
.index_title>div i{width: 6px;height: 6px;background: #e9e9e9;display: inline-block;border-radius: 50%;border: 3px solid #fff;}
.index_title>div hr{width: 100px;height: 1px;background: #e9e9e9;border: none;position: absolute;left: -40px;top: 7px;}


.products{width: 100%;box-sizing: border-box;background: #f8f8f8;padding: 60px 0 30px 0;position: relative;}
.products .products_main{width: 1400px;margin: 0 auto;box-sizing: border-box;}
.products .products_tab{width: 1200px;margin: 0 auto;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;margin-bottom: 60px;transition: .2s all ease-in;}
.products .products_tab li{width: 200px;height: 60px;background: #fff;color: #333;border-radius: 5px;font-size: 18px;text-align: center;line-height: 60px;user-select: none;cursor: pointer;transition: .2s all ease-in;transition: .2s all ease-in;}
.products .products_tab li.curr{background: #5dc2d0;color: #fff;transition: .2s all ease-in;}
.products .products_tab li.curr a{color: #fff;transition: .2s all ease-in;}

.products .products_list{width: 100%;display: flex;align-items: flex-start;flex-wrap: wrap;}
.products .products_list .products_item{width: 350px;height: 520px;display: flex;align-items: flex-start;justify-content: center;}
.products_item a{width: 305px;overflow: hidden;height: 450px;flex-shrink: 0;background: #fff;border-bottom: 2px solid #5dc2d0;box-sizing: border-box;transition: .2s all ease-in;}
.products .products_item .top{height: 360px;display: flex;align-items: flex-end;justify-content: center;width: 100%;overflow: hidden;box-sizing: border-box;}
.products .products_item .top img{width: 305px;height: 360px;}
.products .products_item .bom{text-align: center;}
.products .products_item .bom h3{font-size: 21px;font-weight: bold;margin-bottom: 10px;transition: .2s all ease-in;}
.products .products_item .bom p{color: #666;}
.products .products_item a:hover{box-shadow: 0 0 20px -5px #378d91;transform: translateY(-5px);transition: .2s all ease-in;}
.products .products_item:hover .bom h3{color: #5dc2d0;transition: .2s all ease-in;}
.product_main>a{color: #5dc2d0;display: block;text-align: end;margin-top: 30px;}
.product_curr{background: #5dc2d0!important;color: #fff!important;}
/* 浜у搧涓績 */
/* 浜у搧璇︽儏 */
.product{width: 1200px;margin: 0 auto;padding: 40px 0;}
.product .main{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;}
.product .main .top {margin-bottom: 50px;}
.product .main .top span{display: inline-block;margin: 0 1px;}
.product .main .top a{font-size: 16px;}
.product .main .top a:last-child{color: #5dc2d0;}
.product .font h3{display: flex;align-items: center;}
.product .font h3 hr{display: inline-block;width: 5px;height: 25px;background: #5dc2d0;border: none;margin-right: 10px;margin-top: 3px;}
.product .font h3 span{font-size: 30px;font-weight: bold;}
.product .font>span{font-size: 20px;color: #666;margin-top: 10px;display: block;}
.product .font ul{padding: 40px 0;}
.product .font ul li{background: #5dc2d0;box-sizing: border-box;padding: 20px 0 20px 25px;border-radius: 10px;width: 560px;margin-bottom: 20px;}
.product .font ul li span,.product .font ul li i{color: #fff;font-size: 16px;font-style: normal;}
.product .main .right{width: 430px;}
.product .main .right img{width: 100%;}
#pro_info img{margin:0 auto;display:flex;align-items:center;justify-content:center;height:auto;}
.product .bottom{margin-top: 60px;}
.product .bottom  p{padding: 40px 0;line-height: 30px;font-size: 15px;}
/* 浜у搧璇︽儏 */

/*鍥剧墖鍒楄〃*/
.photoBox { width: 990px; overflow: hidden; margin: 30px auto; }
.photoBox ul { width: 1020px; overflow: hidden; }
.photoBox li { float: left; width: 310px; height: 205px; overflow: hidden; margin: 0px 30px 30px 0; position: relative; border-radius:5px; background-color:#ffffff; }
.photoBox li a { display: block; color: #fff; }
.photoBox li img { width: 310px; height: 205px; }
.photoBox li p { height: 40px; overflow: hidden; padding: 10px; position: absolute; left: 0px; bottom: -24px; right:0px; line-height: 20px; color: #fff; background:rgba(0,0,0,0.5);transition:all .2s ease-in; }
.photoBox li p i { display: block; width: 100%; height: 20px; overflow: hidden; margin-bottom: 5px; font-size: 15px; font-weight: normal; font-style: normal; color:#fff; }
.photoBox li p span { display: block; height: 20px; overflow: hidden; font-size: 12px; color: #fff; }
.photoBox li:hover p { bottom: -8px; transition:all .2s ease-in;}


/*鏂伴椈璇︽儏*/
.newShow{width:100%; overflow:hidden;}
.newTit{width:75%; overflow:hidden; margin:0px auto; padding-top:25px; text-align:center; line-height:40px; font-size:24px; font-weight:normal; color:#333333;}
.newDat{width:100%; height:40px; overflow:hidden; margin:10px auto; padding-bottom:20px; text-align:center; line-height:24px; font-size:14px; color:#999; border-bottom:1px dashed #e3e3e3;}
.newDat span{margin:0px 5px;}
.newDes{width:auto; overflow:hidden; margin:20px auto; padding:15px 19px; border:1px solid #e7e7e7; background-color:#f7f7f7; line-height:2; font-size:12px; color:#888;}
.newPic{width:50%; padding:5px; margin:20px auto; border:1px solid #e3e3e3; background:#f3f3f3;}
.newPic img{width:100%;}
.newTxt{width:100%; overflow:hidden; margin:20px auto; text-align:left; font-size:16px; line-height:2; color:#666;}
.newTxt p{margin-bottom:10px; text-indent:2em;}
.newTxt img{margin:0px auto;display:flex;align-items:center;justify-content:center;width: 100%}
.newTxt iframe{ width:800px; height:600px; margin:0 auto;}
.newOth{width:100%; overflow:hidden; margin:20px auto; padding:20px 0; border-top:1px dashed #e3e3e3; line-height:28px; color:#666666; text-align:left;}
.newOth a{color:#000000;}
.newOth a:hover{color:#5dc2d0; text-decoration: underline;}
.newEwm{overflow:hidden; margin:20px auto; background:#f7f7f7; border:1px solid #dedede;}
.newEwm dl{height:130px; overflow:hidden; margin:10px;}
.newEwm dt{float:left; width:130px; height:130px; margin-right:20px;}
.newEwm dt img{width:130px; height:130px;}
.newEwm dd{float:left; width:530px;}
.newEwm dd.sm_ewm{font-size:18px; color:#999; line-height:30px;}
.newEwm dd.fenxiang{width:500px; padding:10px 0; line-height:30px; color:#999;}
.newEwm dd.zan{width:500px; line-height:30px; color:#999;}
.newEwm dd.zan p{float:left; margin-right:10px;}
.newEwm dd.zan span{margin:0px 5px; color:#5dc2d0;}
.newEwm dd.zan img{float:left; width:150px;}
.newAnn{overflow:hidden; margin:20px auto; padding:15px 20px; background:#f7f7f7; border:1px solid #f3f3f3;}
.newAnn ul{overflow:hidden;}
.newAnn li{border-top:1px dashed #e3e3e3; margin-top:-1px; height:40px; overflow:hidden;}
.newAnn li i{float:left; display:block; width:20px; height:20px; margin:10px; background:url(https://sdtaql-com.oss-cn-beijing.aliyuncs.com/images/icon_ysb.png);}
.newAnn li a{line-height:40px; color:#000;}

.xhTableFooter {  text-align: center; }
.layui-laypage-em{ background-color:#5dc2d0 !important}




.service_contact_text{width: 100%;margin: 0 auto;}
.service_contact_text ul{width: 100%;}
.service_contact_text ul li{width: 100%;font-size: 18px;}
.service_contact_text ul li input{width: 100%;height:60px;margin: 15px 0 25px 0;outline: none;border: none;background: #f5f5f5;padding-left: 15px;color: #333;font-size: 15px;border-radius: 5px;}
.service_contact_text ul li input::-webkit-input-placeholder{color: #999;-webkit-appearance: none; }
.service_contact_text ul li textarea::-webkit-input-placeholder{color: #999;-webkit-appearance: none; }
input[type="number"]{-moz-appearance: textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
.service_contact_text ul li textarea{width: 100%;padding: 15px 0 0 15px;border: none;background: #f0f0f0;height: 100px;margin-top: 20px;font-size: 15px;border-radius: 5px;}
.service_contact_text ul li .ser_submit{width: 30%;float: right;transition: .2s all ease-in;padding-left: 0;}
.service_contact_text ul li .ser_submit:hover{background: #5dc2d0;color: #fff;transition: .2s all ease-in;}