@charset "utf-8";
/* CSS 预处理 */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea{margin: 0;padding: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
ol, ul, li{list-style: none}
img{border: 0;margin: 0;padding: 0;max-width:100%;}
body{text-align: left;background: #fff;max-width: 640px;margin:0 auto;}
a, em{text-decoration: none;font-style: normal;cursor: pointer;}
@font-face{font-family: 'HYRunYuan-65W';src: url('../font/HYRunYuan-65W.ttf')}
@font-face{font-family: "dincond-medium";src: url('../font/dincond-regular.ttf');}
@font-face{font-family: "novecentowide-book";src: url("../font/HelveticaNeueLTPro-LtEx.woff.ttf");}
*{box-sizing:border-box;}
.cl{clear: both;}
.zanwu{width:100%;text-align: center;height: 30px;line-height: 30px;font-size: 12px;color:#000;}
.center{width:100%;padding: 0 3%;overflow: hidden;}
.page{width:100%;padding: 2% 3%;text-align: center;font-size: 12px;color:#666;margin-top: 10%;}
.page a{color:#666;margin:0 1%;padding: 1% 2%;border:1px solid #E31446;color: #E31446}
.page .select{color:#fff;background: #E31446}
.fl{float: left;}.fr{float: right;}
.clearfix{zoom: 1;}
/*遮罩*/
.headerm{line-height: 40px;color: #1f425d;font-size: 14px;font-weight: bold;z-index: 1500;top: 60px;right: 0;display: block;width: 100%;height: 40px;padding-right: 15px;padding-left:15px;background: rgba(255,255,255,0.8);position: absolute;}
.headerm.scrolltop{top: 0px;position: fixed;background: rgb(255, 255, 255);}
.headerm.act{position: absolute;}
.headerm .navbtn{position: relative;width: 24px;height: 24px;margin-top: 8px;font-family: 'Arial','微软雅黑';font-size: 14px;line-height: 1;color: #333;border: 0;outline: none;background: none;}
.headerm .navbtn span{position: absolute;left: 0;overflow: hidden;width: 100%;height: 2px;-webkit-transition: opacity .25s;transition: opacity .25s;background: #1f425d;}
.headerm .navbtn::before,
.headerm .navbtn::after{position: absolute;z-index: 10;top: 50%;left: 0;width: 100%;height: 2px;content: '';-webkit-transition: -webkit-transform .25s;transition: transform .25s;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;background: #1f425d;}
.headerm .navbtn::before{-webkit-transform: translate3d(0, -8px, 0);transform: translate3d(0, -8px, 0);}
.headerm .navbtn::after{-webkit-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0);}
.headerm .navbtn.act span{opacity: 0;}
.headerm .navbtn.act::before{-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}
.headerm .navbtn.act::after{-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}
.headerm .navdiv{position: absolute;top: 40px;right: 0;width: 100%;padding-bottom: 30px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;-webkit-transform: perspective(600px) rotateX(-90deg);-moz-transform: perspective(600px) rotateX(-90deg);-ms-transform: perspective(600px) rotateX(-90deg);transform: perspective(600px) rotateX(-90deg);-webkit-transform-origin: top center 0;-moz-transform-origin: top center 0;-ms-transform-origin: top center 0;transform-origin: top center 0;background-color: #4c4a4f;-webkit-overflow-scrolling: touch;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
.headerm .navdiv.act{position: absolute;-webkit-transform: perspective(600px) rotateY(0deg);-moz-transform: perspective(600px) rotateY(0deg);-ms-transform: perspective(600px) rotateY(0deg);transform: perspective(600px) rotateY(0deg);}
.headerm .navdiv ul{padding-right: 15px;padding-left: 15px;}
.headerm .navdiv ul li{margin-top: 20px;}
.headerm .navdiv ul li ul{display: none;padding-left: 30px;}
.headerm .navdiv ul li a{color: #fff;}
.headerm .navdiv ul li a:hover{color: #fff;}
.headerm .navdiv ul li span{line-height: 24px;vertical-align: middle;}
.headerm .navdiv ul li span.fr{font-size: 24px;color: #fff;}
.headerm .navdiv ul li span.fr img:last-child{display: none;}
.headerm .navdiv ul li span.fr.act img:first-child{display: none;}
.headerm .navdiv ul li span.fr.act img:last-child{display: inline;}
.link-icon li{float: left; padding-left:20px;font-size:14px;line-height: 40px;font-weight: bold;}
.link-icon li a{color:#1f425d;}
.link-icon li >a >img{-webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);}
.headerm .link-icon{float: right; height: 100%; transition: all 1s;}
.mask{top:60px;;position: fixed; z-index: 990; visibility: hidden; width: 100%; height: 100%; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; opacity: 0; background: rgba(0,0,0,.7);}
.mask.act{visibility: visible; opacity: 1;}
/*top*/
#Banner{position: relative;}
.top{width: 100%;position: absolute;top:0;z-index:99;}
.top_center{float: left;display: flex;}
.top img{display: block;margin: auto;height:55px;}
.top_left{float: left;cursor: pointer;}
.top_menu{width:100%;height:40px;}
/*banner*/
#slider{position:relative; overflow:hidden;z-index: 1;}
#slider li{float:left;}
#slider li img{display: block;}
#pagenavi{position:absolute; bottom:20px; z-index:1; text-align:center;left:50%;height:20px;line-height: 20px;margin-left:-30px;width: 60px;border-radius:20px;}
#pagenavi a{width:8px; height:8px; line-height:99em; background:none; border-radius:7px; overflow:hidden; cursor:pointer; display:inline-block;border:1px solid #fff;}
#pagenavi a.active{border-color:#fff;background: #fff;width:20px;}
.foot{width: 100%;background: #313131;padding:1% 0;}
.foot1{visibility: hidden;}
.foot2{position: fixed;bottom: 0;z-index: 2;}
.foot ul{width: 100%;left: 0;margin:0;}
.foot li{float: left;width: 25%;padding: 2% 0;}
.foot li img{display: block;width: 100%;}
.foot li p{text-align: center;font-size: 14px;color:#fff;margin-top:8px;margin-bottom:0;}
.backtop{width:6.25%;position: fixed;right:2%;display: none;}
.backtop img{width: 100%;display: block;cursor: pointer;}
/* 欢迎访问 */
.welcome .p1{font-size: 1.428rem;font-weight: bold;color: #313131;padding:0.8rem 0 1rem;}
.welcome .p2{font-size: 0.8rem;color: #636363;line-height: 1.5;}
/* 公司数据 */
.num{background: #f8f8f8;float: left;width:100%;font-size:0.6rem;color: #858585;text-align: center;padding:1rem 0;}
.num .num_left{width:28%;border-right:1px solid #e0e0e0;float:left;}
.num .num_center{width:42%;border-right:1px solid #e0e0e0;float:left;}
.num .num_right{width:30%;float:left;}
.num span{font-family: 'dincond-medium';color: #1f425d;font-size: 1.5rem;font-weight: bold;}
/* 产业领域 */
.indu{background: #fff;width:94%;margin:0 auto;margin-top:0.8rem;}
.indu .img{width:100%;}
.indu .p1{font-size: 1.03rem;font-weight: bold;color: #313131;padding:0.4rem 0 0.6rem;}
.indu .p2{font-size: 0.8rem;color: #636363;line-height: 1.5;margin-bottom:0.8rem;}
.indu .morep{font-weight: bold;color: #4ab9cf;font-size: 0.8rem;}
.indu .morep a{color: #4ab9cf;}
.indu .morep img{height:10px;;}
/* 产品中心 */
.pro{margin-top:0.8rem;background: #f5f5f5;}
.pro .p3{font-size: 1.428rem; font-weight: bold; color: #313131; padding: 0.8rem 0 1rem;position: relative;margin:0;}
.pro .line{border-bottom: 1px solid rgba(0, 0, 0, 0.065); position: absolute; right: 0; top: 50%; width: calc(100% - 6rem);}
.pro .swiper-container{padding-bottom:20px;}
.proli .img{width:100%;}
.pro .proli{float: left;margin-bottom:20px;background: #fff;}
.pro .proli a{display: inline-block;width: 100%;border: 1px solid #e6e6e6;border-bottom: 2px solid #b9babc;border-top-left-radius: 2px;border-top-right-radius: 2px;padding: 20px 15px 20px 15px;line-height: 1.3;transition: all 500ms ease-out;}
.pro .proli a .p_tu{float: right;transition: all 500ms ease-out;background: #999;width: 72px;height:72px;border-radius:50%;text-align: center;}
.pro .proli a .p_tu i{font-size: 40px;color: #fff;line-height: 72px;text-align: center;}
.pro .proli a .p_tit{color: #111010;margin-top:0;font-weight: 900;}
.pro .proli a .p_con{font-size: 14px;color: #555;}
.pro .proli a:hover{border-bottom: 2px solid #4ab9cf;text-decoration: none;box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1);}
.pro .proli a:hover .p_tu{background: #4ab9cf;}
/* 中部电话 */
.telindex{text-align: center;}
.telindex .telindex_top{font-size: 0.8rem;width: 94%;margin:0 auto;margin-top:1rem;line-height: 1.5;}
.telindex .telindex_bot{display:inline-block;font-weight: bold;height: 2.5rem;line-height: 2.5rem;text-align:center;border-radius: 2px;text-transform: uppercase;transition: all 100ms ease-out;width: 12rem;background: #4ab9cf;color: #fff;margin-top:1rem;font-size: 1rem;margin-bottom:1rem;}
.telindex .telindex_bot:hover{background-color: #30a0b6; border-color: #2e99ae;}
/* 新闻 */
.newsindex{float: left;background: #1f425d;width:100%;}
.newsindex .box6_con_center{width:100%;float: left;position: relative;margin-top:2rem;}
.newsindex .date{position: absolute;right: 10px;top: 10px;background-color: #e21f2f;color: #ffffff;padding: 7px 6px;line-height: 1;text-align: center;z-index:99;}
.newsindex .date::before{position: absolute; content: "";background-color: rgba(250, 250, 250, 0.5);width: 20px;height: 2px;right: calc(50% - 10px);top: 7px;}
.newsindex .date::after{position: absolute;content: "";right: 0;bottom: -9px;width: 0;height: 0;border-style: solid;border-width: 9px 10px 0 0;border-color: #bf1926 transparent transparent transparent;}
.newsindex .date .date_month{text-transform: uppercase;font-size: 10px;margin-top: 7px;margin-bottom: 3px;}
.newsindex .date .date_day{font-size: 17px;}
.newsindex .box6_con_left:hover .img img{transform: scale(1.1);}
.newsindex .box6_con_center:hover .img img{transform: scale(1.1);}
.newsindex .img{width: 100%;overflow:hidden;position: relative;}
.newsindex .img img{width: 100%;transition: all .5s linear;}
.newsindex .tit{display: block;background-color: #f8f8f8;padding: 12px 12px 12px 12px;transition: all 100ms ease-out;}
.newsindex .tit h4{margin-top: 0;margin-bottom: 9px;font-size: 20px;text-transform: uppercase;line-height: 29px;font-weight: bold;height:58px;color:#4ab9cf;}
.newsindex .tit:hover{background: #f0f0f0;}
.newsindex .box6_con_right{width:100%;height:320px;float: left;position: relative;border:1px solid #f5f5f5;margin-top:1rem;margin-bottom:2rem;}
.newsindex .box6_con_right ul{margin-bottom:0;}
.newsindex .box6_con_right ul li{padding:12px 22px;border-bottom:1px solid #f5f5f5;height:84px;transition: all 500ms ease;background: #fff;}
.newsindex .box6_con_right ul li h5{margin-top: 0;margin-bottom: 0px;font-size: 16px;text-transform: uppercase;line-height: 29px;font-weight: bold;color: #505050;}
.newsindex .box6_con_right .more{color: #4ab9cf;font-size: 14px;position: relative;font-weight: bold;text-transform: uppercase;padding: 23px 0;display: block;width: 100%;padding-left:22px;background: #fff;}
.newsindex .box6_con_right .more::after{position: absolute;content: "\f0da";font-family: "FontAwesome";right: 32px;top: calc(50% - 7px);font-size: 12px;}
.newsindex .box6_con_right ul li:hover{background: #f5f5f5;}
.newsindex .box6_con_right .more:hover{background: #f5f5f5;}
/* 客户见证 */
.kehu{margin-top:0.8rem;background: #eee;}
.kehu .p3{font-size: 1.428rem; font-weight: bold; color: #313131; padding: 0.8rem 0 1rem;position: relative;margin:0;width:calc(100% - 4rem);float: left;}
.kehu .p3 .line{border-bottom: 1px solid rgba(0, 0, 0, 0.065); position: absolute; right: 0; top: 50%; width: calc(100% - 6rem);}
.kehu .swiper-slide .testimonial__quote{position: relative;background: #ffffff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);padding: 10px 10px 15px 30px;margin-bottom: 30px;vertical-align: middle;font-size: 14px;min-height: 80px;line-height: 1.5;}
.kehu .swiper-slide .testimonial__quote::before{position: absolute;content: '"';top: 15px;left: 0;background-color: #4ab9cf;color: #ffffff;width: 20px;height: calc(100% - 30px);font-size: 40px;text-align: center;border-top-right-radius: 2px;border-bottom-right-radius: 2px;line-height: 56px;box-sizing:border-box;}
.kehu .swiper-slide .testimonial__quote::after{position: absolute;content: '';width: 0;height: 0;border-style: solid;border-width: 20px 20px 0 0;border-color: #ffffff transparent transparent transparent;bottom: -20px;left: 30px;}
.testimonial__author{font-size: 14px; color: #444444; font-style: normal; font-weight: bold;}
.testimonial__author-description{color: #aaaaaa; font-weight: normal; font-style: italic; display: inline-block;}
.kehu .hd{float: right;padding-top: 1.1rem;width:4rem;}
.kehu .prev{float:left;outline:none;;background:none;display: inline-block; border-radius: 2px; text-align: center; background-color: #ffffff; color: #aaaaaa; margin-left: 0.5rem; transition: all 100ms ease-out; height: 1.5rem; width: 1.5rem; font-size: 18px; line-height: 1.5rem;}
.kehu .next{float:left;outline:none;;background:none;display: inline-block; border-radius: 2px; text-align: center; background-color: #ffffff; color: #aaaaaa; margin-left: 0.5rem; transition: all 100ms ease-out; height: 1.5rem; width: 1.5rem; font-size: 18px; line-height: 1.5rem;}
.kehu .prev:active,.kehu .next:active{box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); color: #444444;}
/* 底部 */
.bot1{background: #1f425d;text-align: center;color: #fff;font-size: 0.8rem;height:2rem;line-height: 2rem;}
.bot1 a{color: #fff;display: inline-block;}
.bot2{width:80%;margin:0 auto;}
.bot2_logo{margin-top:5%;}
.bot2_ewm{margin-top:5%;width:80%;margin:0 auto;}
.bot2_ewm p{margin: 0;text-align: center;color: #000;}
.bot2_ewmleft{width:45%;float: left;}
.bot2_ewmright{width:45%;float: right;}
.bot_lianxi{width:94%;margin:0 auto;}
.bot_lianxi p{text-align: center;color: #313131;font-weight: bold;}
.bot_lianxi .tel{background: #1f425d;color: #fff;text-align: center;height:3rem;line-height: 3rem;}
.bot_lianxi .tel a{color: #fff;font-size: 1.5rem;font-family: "dincond-medium";font-style: italic;}
.bot_lianxi .quan{text-align: center;font-size: 0.8rem;color: #787878;line-height: 1.5;margin-bottom:1rem;padding:0.4rem;}
.bot_lianxi .quan a{font-size: 0.8rem;color: #787878;}

/* 单页 */
.jieshao{width: 100%;float: left;margin-bottom:3%;}
.jieshao h2{font-size:1.2rem;color:#cfd8df;font-weight:bold; margin-top:0;margin-bottom: 0;}
.jieshao h3{font-size:0.9rem;color:#1f425d;padding: 0rem 0 0.5rem 0px;font-weight: bold;line-height: 1.5;margin:0;}
.jieshao .about-h5{font-size:0.8rem;color:#717171;float:left;line-height: 1.5;}
.about_con{width: 100%;font-size: 0.8rem;color:#717171;background: #fff;float: leftpadding-bottom:3%;margin-bottom:3%;}
.about_con img{max-width: 100%!important;height:auto!important;}
#gengduo_button{width: 100%;padding: 3% 0;text-align: center;color:#fff;font-size:14px;background: #4ab9cf;cursor: pointer;margin-top:5%;}
.back{width: 100%;padding: 3% 0;text-align: center;color:#fff;font-size:14px;background: #4ab9cf;cursor: pointer;margin-top:5%;display: block;}
/* 新闻列表 */
.news_list{}
.news_list li{padding:3% 0;background: #f7f7f8;margin-bottom: 3%;box-sizing: border-box;padding:0.2rem 0.3rem;}
.news_list li .p1{font-family: "dincond-medium";font-size: 1.2rem;color: #7b7b86;font-weight: bold;margin:0;}
.news_list li .p2{font-family: "dincond-medium";font-size: 1rem;color: #7b7b86;font-weight: bold;margin:0;}
.news_list li .p3{font-size: 1rem;font-weight: bold;color: #686874;margin:0;}
.news_list li .p3 a{color: #686874;}
.news_list li .p4{font-size: 0.8rem;color: #7b7b86;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list li .p4 a{color:#7b7b86;}
/* 新闻详情 */
.fanye{padding-bottom: 10%;width: 100%;float: left;}
.fanye p{font-size: 14px;color:#626262;margin-top: 2%;}
.fanye p:hover{color:#46a037;}
.new_show_title{padding: 3% 0;margin-bottom:3%;}
.new_show_title h2,.proshow_title h2{color:#313131;font-size:1rem;text-align: left;font-weight: bold;}
.new_show_title h3,.proshow_title h3{color:#8b8b8b;font-size:12px;margin-top: 2%;text-align: left;}
/* 产品列表 */
.wrap {
	width:100%;	;
	overflow-x:scroll;
    overflow-y:hidden;
	background: #1f425d;float: left;
	height:2.5rem;line-height: 2.5rem;
}
.wrap ul{}
.wrap li {
	height:2.5rem;
	box-sizing:border-box;
	line-height: 2.5rem;
	padding:0 1rem;float: left;
}
.wrap li a{color: #fff;}
/* 产品详情 */
.prdshow_img p{font-size: 1rem;font-weight: bold;color: #313131;}
/* 在线招聘 */
.job{width:100%;position:relative;margin:0 auto;}
.warp{width:100%;}
.job li{width:100%;}
.job li>a{box-sizing:border-box;font-size:1rem;color:#313131; width:100%;height:3rem;line-height:3rem;position:relative;display:block;border-bottom:1px #f0f0f0 solid;-webkit-transition: all .3s;transition: all .3s;box-sizing:border-box;}
.job li a span{width:5%;height:3rem;position:absolute;right:3%;top:0;background:url("../images/open1.png") no-repeat center center;background-size:100%;-webkit-transition: all .3s;transition: all .3s;}
.job li.curr >a{color:#4ab9cf;border-bottom: none;}
.job li.curr a span{background:url("../images/open-on1.png") no-repeat center center;background-size:100%;-webkit-transition: all .3s;transition: all .3s;}
.job .side-list{width:100%;padding:3%;display:none;background: #f0f0f0;border-top:2px solid #4ab9cf;}
/* 留言 */
.gbook{margin-top: 5%;}
.gbookli1{width:85%;background: #EBEBEB;padding:2% 0;margin-bottom: 2%;text-indent: 10px;}
.gbook p{float: left;text-align: center;font-size:12px;color:#484848;text-indent: 10px;}
.gbookli1 input{border:none;background:none;font-size: 14px;color:#484848;width: 77%;}
.gbookli2{width:100%;background: #EBEBEB;padding:2% 0;margin-bottom: 2%;}
.gbookli2 textarea{height:150px;width:77%;resize:none;border:none;background: none;font-size:14px;color:#484848;}
.gbookli3{text-align: right;margin-top: 5%;text-align: center;}
.gbookli3 input{border:none;margin-left: 5%;cursor: pointer;}
#submit{background: #46a037;background-size: 100%;width: 100px;height: 30px;color: #fff;font-size: 15px;line-height: 30px;}
#reset{background: #46a037;background-size: 100%;width: 100px;height: 30px;color: #fff;font-size: 15px;line-height: 30px;}