@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: 0.26rem;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}
ol, ul, li {
	list-style: none
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	text-align: left;
	background: #fff;
	max-width: 640px;
	margin:0 auto;
}
a, em {
	text-decoration: none;
	font-style: normal;
	cursor: pointer;
}
.clearfix {
    clear: both;
    content: '';
    zoom: 1;
}
@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");
}
.cl{clear: both;}
.zanwu{width:100%;text-align: center;height: 30px;line-height: 30px;font-size: 12px;color:#000;}
.center{width:7.2rem;padding: 0 0.15rem;overflow: hidden;}
.page{text-align: center;width: 100%;height: 30px;padding:20px 0;float: left;font-size: 0;}
.page a{color: #525252;width:30px;height: 30px;line-height: 30px;display: inline-block;margin:0 3px;letter-spacing:0;font-size: 14px;background: #eaeaea;}
.page a.pre_page{background: url("../images/prev.jpg") no-repeat center;width:30px;height: 30px;display: inline-block;font-size: 0;line-height: 41px;display: none;}
.page a.next_page{background: url("../images/next.jpg") no-repeat center;width:30px;height: 30px;display: inline-block;font-size: 0;line-height: 41px;display: none;}
.page a.select{color: #fff;background: #19427D;;}
/*遮罩*/
.mask{position: fixed;width: 100%;height: 100%;left: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,1);z-index: 900;}
/*侧边栏*/
.sidebar{width:100%;height:100%;position:fixed;top: 0;right:0;background:#eeeeee;z-index: 1000;-webkit-transform: translateX(-100%); transform: translateX(-100%);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;display:block;overflow-y: scroll;}
.mask{width:100%;height:100%;background: rgba(0, 0, 0, 0.5);position:fixed;top: 0;left:0;z-index: 900;display:none;}
.open-side-nav .sidebar{-webkit-transform: translateX(0%); transform: translateX(0%);background: #19427D;}
.open-side-nav .mask{display:block;}
.open-side .side-language{-webkit-transform: translateX(0%); transform: translateX(0%);}
.banner img{width:100%;}
.abo_main img{width:100%;}
.danyecon img{width:100%;}
/*侧边栏头部*/
.sidehead{width:100%;height:54px;position:relative;background:#fff;}
.sidehead .sidelogo{float:left;display:block;height:54px;}
.sidehead .sidelogo img{height:54px;}
.sidehead .close{width:auto;height:26px;float:right;margin-top:14px;margin-right: 3%;}
.sidehead .close img{height:26px;display: block;}

.sidenav{width:100%;position:relative;background:#19427D;}
.warp{width:100%;}
.sidenav li{width:100%;}
.sidenav li>a{font-size:0.3rem;color:#fff; width:100%;height:0.8rem;line-height:0.8rem;padding:0 8% 0 3%;position:relative;display:block;border-bottom:1px #fff solid;-webkit-transition: all .3s;transition: all .3s;box-sizing:border-box;}
.sidenav li a span{width:5%;height:0.8rem;position:absolute;right:3%;top:0;background:url("../images/open.png") no-repeat center center;background-size:100%;-webkit-transition: all .3s;transition: all .3s;}
.sidenav li.curr >a{color:#fff;}
.sidenav li.curr a span{background:url("../images/open-on.png") no-repeat center center;background-size:100%;-webkit-transition: all .3s;transition: all .3s;}
.sidenav dl{box-sizing:border-box;width:100%;padding: 0rem 0 0.1rem 3%;display:none;background: #fff;font-size: 0.24rem;}
.sidenav dl dd{border-bottom: 1px solid #f2f2f2;}
.sidenav dl dd:last-child{border-bottom: 0px solid #f2f2f2;}
.sidenav dd a{font-size:0.24rem;color:#999999;-webkit-transition: all .3s;transition: all .3s;height:0.8rem;line-height: 0.8rem;}
.sidenav dd a.on{color:#333333;}

/*top*/
.top{width: 100%;height: 54px;background: #fff;position: relative;}
.top_left{float: left;display: flex;}
.top_left img{display: block;height: 54px;margin: auto;}
.top_center{float: right;display: flex;align-items:center;height:54px;margin-right: 0.4rem;}
.top_center img{display: block;height: 20px;margin: auto;}
.top_right img{display: block;height: 20px;margin: auto;}
.top_left{float: left;cursor: pointer;}
.top_right{float: right;position: relative;cursor: pointer;height:20px;margin-top: 17px;margin-right: 3%;}
/*banner*/

/* 底部 */
.foot{width: 100%;background: #fff;padding:1% 0;border-top:1px solid #e9e9e9;}
.foot1{visibility: hidden;}
.foot2{position: fixed;bottom: 0;z-index: 2;}
.foot ul{width: 100%;left: 0;}
.foot li{float: left;width: 25%;padding: 2% 0;}
.foot li img{display: block;width: 0.5rem;margin:0 auto;}
.foot li p{text-align: center;font-size: 0.28rem;color:#616161;margin-top:8px;}
.backtop{width:6.25%;position: fixed;right:2%;display: none;}
.backtop img{width: 100%;display: block;cursor: pointer;}

.navlist{margin-bottom:3%;}
.navlist ul{margin:0 -0.15rem;}
.navlist ul li{ margin-top: 0.15rem;margin-bottom: 0.15rem;margin-left: 0.18rem;  margin-right: 0.15rem; width: 3.4rem;float: left;}
.navlist ul li a{color: #57595b;display: block;width: 100%;font-size: 0.26rem;line-height: 0.7rem;background: #e6e9ec;text-align:center;}
.navlist ul li.on a{background: #19427D;}
.navlist ul li.on a{color: #fff;}
/* 产品 */
.inc_products{}
.inc_products .title{padding:0.3rem;}
.inc_products .title .p1{font-size: 0.4rem;text-align: center;font-weight:bold;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center;color:#2d2d2d;justify-content: center;}
.inc_products .title .p1 .cell{box-sizing: border-box;width: 20%;display: block;padding: 0!important;position: relative;color:#f1f1f1;  }
.inc_products .title .p1 .cell hr{border:1px solid #f1f1f1;}
.inc_products .title .p1 span{padding: 0 10px;}
.inc_products .title .p2{font-size: 0.3rem;font-family: "dincond-medium";text-align: center;text-transform: uppercase;margin-top:0.1rem;}
.inc_products .proli ul{margin:0 -0.1rem;}
.inc_products .proli li{width: 3.5rem;height:3.4rem;float: left;margin:0 0.1rem;border:1px solid #dcdcdc;box-sizing:border-box;margin-bottom:0.2rem;}
.inc_products .proli li p{color:#5e5e5e;font-size: 0.26rem;text-align: center;line-height: 2;}
.inc_products .proli li img{width: 3.5rem;padding: 0.1rem;display: block;box-sizing: border-box;line-height: 2;}
.more{line-height: 0.8rem;width: 3.1rem;height:0.8rem;background: #dcdcdc;font-size: 0.26rem;color: #5e5e5e;text-align: center;display: block;margin:0 auto;margin-top:0.2rem;margin-bottom:0.6rem;border-radius:0.05rem;}
/* 公司简介 */
.inc_about{background: #19427d;height:9.05rem;}
.inc_about .title{padding:0.5rem 0 0.3rem;}
.inc_about .title .p1{font-size: 0.4rem;text-align: center;font-weight:bold;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center;color:#fff;justify-content: center;}
.inc_about .title .p1 .cell{box-sizing: border-box;width: 20%;display: block;padding: 0!important;position: relative; color:#fff;  }
.inc_about .title .p1 .cell hr{border:1px solid #fff;}
.inc_about .title .p1 span{padding: 0 10px;}
.inc_about .title .p2{font-size: 0.3rem;font-family: "dincond-medium";text-align: center;text-transform: uppercase;margin-top:0.1rem;color: #fff;}
.inc_about .abo_main .wen{font-size: 0.26rem;color: #fff;line-height: 0.39rem;margin-top:0.3rem;}
.inc_about .abo_main .tit{margin:0.1rem;}
.inc_about .abo_main .tit .p1{font-size: 0.32rem;font-weight: bold;color: #fff;}
.inc_about .abo_main .tit .p2{font-size: 0.26rem;color: #fff;font-family: "dincond-medium";text-transform: uppercase;margin-top:0.05rem;}
.inc_about .abo_main .more{background: #fff;margin-top:0.4rem;}
/* 客户案例  */
.indu{width:94%;margin:0 auto;margin-top:0.8rem;}
.induli ul{margin:0 -0.1rem;}
.induli li{width: 3.5rem;height:3.4rem;float: left;margin:0 0.1rem;border:1px solid #dcdcdc;box-sizing:border-box;margin-bottom:0.2rem;}
.induli li p{color:#5e5e5e;font-size: 0.26rem;text-align: center;line-height: 2;}
.induli li img{width: 3.5rem;padding: 0.1rem;display: block;box-sizing: border-box;line-height: 2;}
/* 新闻 */
.newsindex{float: left;background: #fff;width:100%;}
.newsindex .title{padding:0.5rem 0 0.3rem;}
.newsindex .title .p1{font-size: 0.4rem;text-align: center;font-weight:bold;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center;color:#2d2d2d;justify-content: center;}
.newsindex .title .p1 .cell{box-sizing: border-box;width: 20%;display: block;padding: 0!important;position: relative; color:#cecece;  }
.newsindex .title .p1 .cell hr{border:1px solid #cecece;}
.newsindex .title .p1 span{padding: 0 10px;}
.newsindex .title .p2{font-size: 0.3rem;font-family: "dincond-medium";text-align: center;text-transform: uppercase;margin-top:0.1rem;color: #2d2d2d;}

.newsindex li{width:100%;margin:0 auto;padding:0.2rem 0;border-bottom:1px solid #e7e7e7;height:1.3rem;}
.newsindex li .left{float: left;width: 1.3rem;height:1.3rem;border:1px solid #dcdcdc;text-align: center;box-sizing: border-box;background: #19427D;}
.newsindex li .left .p1{font-size: 0.44rem;color: #fff;font-family: "dincond-medium";margin-top:0.2rem;}
.newsindex li .left .p2{font-size: 0.25rem;color: #fff;font-family: "dincond-medium";}
.newsindex li .right{float: left;height:1.3rem;float: right;width:5.7rem;}
.newsindex li .right .p1{font-size: 0.28rem;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 1.5;}
.newsindex li .right .p2{font-size: 0.22rem;color: #808080;line-height: 0.3rem;margin-top:0.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsindex .more{margin-top:0.5rem;}
/* 电话 */
.tel{background: #f5f5f5;text-align: center;}
.tel p{color: #818181;font-size: 0.9rem;padding:2rem 0 1.2rem;text-align: left;}
.tel .telt{display:inline-block;background: #19427D;padding:0.5rem 0.8rem;color: #fff;font-family: "dincond-medium";margin-bottom:2rem;font-size: 1.2rem; }
/* 二级 */
.erlan{position: relative;}
.erlan img{max-width:100%;}
.erlan .p1{position: absolute;top: 50%;margin-top: -1.4rem;font-size: 1rem;right: 3%;color: #fff;}
.erlan .p2{position: absolute;top: 50%;margin-top: -0rem;font-size: 1.2rem;right: 3%;color: #19427D;}

.danyecon{font-size: 0.26rem;line-height: 2;}
.ar_title{text-align: center;margin-top: 0.2rem;padding-bottom: 0.3rem;border-bottom: 1px solid #eee;font-size: 0.32rem;}
.ar_title .p1{color: #333; font-size:16px; margin:0; font-weight:normal;}
.ar_title .p2{ font-weight: normal;  margin:0; color: #999; padding-top:0.1rem; font-size:14px; }

.about_con{width: 100%;font-size: 14px;color:#433C34;background: #fff;float: left;border-bottom:1px solid #f0f0f0;padding-bottom:3%;margin-bottom:3%;}
.about_con img{max-width: 100%!important;height:auto!important;}
#gengduo_button{width: 100%;padding: 2% 0;text-align: center;color:#fff;font-size:14px;background: #19427D;cursor: pointer;margin-top:5%;}
/* 新闻列表 */
.news_list li{width:100%;margin:0 auto;padding:0.2rem 0;border-bottom:1px solid #e7e7e7;height:1.3rem;}
.news_list li .left{float: left;width: 1.3rem;height:1.3rem;border:1px solid #dcdcdc;text-align: center;box-sizing: border-box;}
.news_list li .left .p1{font-size: 0.44rem;color: #373737;font-family: "dincond-medium";margin-top:0.2rem;}
.news_list li .left .p2{font-size: 0.25rem;color: #373737;font-family: "dincond-medium";}
.news_list li .right{float: left;height:1.3rem;float: right;width:5.7rem;}
.news_list li .right .p1{font-size: 0.28rem;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 1.5;}
.news_list li .right .p2{font-size: 0.22rem;color: #808080;line-height: 0.3rem;margin-top:0.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ernavlist{margin-top:3%;}
.ernavlist ul li{margin-top: 0.15rem;margin-bottom: 0.15rem;margin-left: 0.22rem;margin-right: 0.22rem;width: 3.3rem;float: left;}
.ernavlist ul li a{color: #57595b;display: block;width: 100%;font-size: 0.26rem;line-height: 0.7rem;background: #e6e9ec;text-align:center;}
.ernavlist ul li.on a{background: #19427D;}
.ernavlist ul li.on a{color: #fff;}
/* 新闻详情 */
.fanye{padding-bottom: 10%;width: 100%;float: left;}
.fanye p{font-size: 14px;color:#626262;margin-top: 2%;}
.fanye p:hover{color:#19427D;}

.new_show_title{padding: 3% 0;border-bottom:2px solid #f0f0f0;margin-bottom:3%;}
.new_show_title h2,.proshow_title h2{color:#686868;font-size:1rem;text-align: left;font-weight: normal;}
.new_show_title h3,.proshow_title h3{color:#19427D;font-size:0.8rem;margin-top: 2%;text-align: left;}

.prdshow_title{padding: 3% 0;border-bottom:2px solid #f0f0f0;font-size: 1rem;}
.prdshow_jianjie{color: #636363;padding-bottom:3%;line-height: 1.5;}
.prdshow_img img{width: 100%;}
.prdshow_con{ padding-top: 15px;}
.prdshow_con p { color: rgb(132, 132, 132); line-height: 25px}
.pro_more{}
.pro_more .p3{font-size: 1.428rem;font-weight: bold;color: #313131;padding:0.8rem 0 1rem;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;}
.pro_more .p3 .cell{box-sizing: border-box;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 20%;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;display: block;padding: 0!important;position: relative;}
.pro_more .p3 .cell hr{border: 1px solid #f1f1f1;}

.proli ul{margin:0 -0.1rem;}
.proli li{width: 3.5rem;height:3.4rem;float: left;margin:0 0.1rem;border:1px solid #dcdcdc;box-sizing:border-box;margin-bottom:0.2rem;}
.proli li p{color:#5e5e5e;font-size: 0.26rem;text-align: center;line-height: 2;}
.proli li img{width: 3.5rem;padding: 0.1rem;display: block;box-sizing: border-box;line-height: 2;}

/* 联系我们 */
.contact_tit{font-size: 1rem;color: #282828;font-weight: bold;margin-top:0.5rem;line-height: 1.5;}
.contact_add{color: #717171;font-size: 0.8rem;line-height: 1.5;margin-top:5px;}
.contact_mail{color: #717171;font-size: 0.8rem;line-height: 1.5;}
.contact .con{margin-top:2%;width: 100%;float: left;}
.contact .con .con1{width:49%;height:4rem;float: left;margin-right:2%;background: url("../images/conbg2.png") no-repeat #fb7f01;background-position: 1rem 1rem;background-size:2rem;}
.contact .con .con1 .p1{font-size: 1.2rem;font-family: "dincond-medium";color: #fff;font-weight: bold;margin-top:0.8rem;margin-left:3.5rem;}
.contact .con .con1 .p2{font-size: 0.8rem;color: #fff;font-weight: bold;margin-left:3.5rem;}
.contact .con .con2{width:49%;height:4rem;float: left;background: url("../images/conbg1.png") no-repeat #7285eb;background-position: 1rem 1rem;background-size:2rem;}
.contact .con .con2 .p1{font-size: 1.2rem;font-family: "dincond-medium";color: #fff;font-weight: bold;margin-top:0.8rem;margin-left:3.5rem;}
.contact .con .con2 .p2{font-size: 0.8rem;color: #fff;font-weight: bold;margin-left:3.5rem;}
.contact .con .con3{width:100%;height:6rem;float: right;background: #19427D;margin-top:2%;margin-bottom: 2%;;}
.contact .con .con3 img{margin:0.5rem 0 0 0.5rem;width:5rem}
/* 在线招聘 */
.job{width:96%;position:relative;margin:0 auto;}
.warp{width:100%;}
.job li{width:100%;}
.job li>a{box-sizing:border-box;font-size:0.3rem;color:#313131; width:100%;height:1rem;line-height:1rem;padding:0 8% 0 3%;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:#19427D;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:94%;padding:3%;display:none;background: #f0f0f0;border-top:2px solid #19427D;font-size: 0.26rem;line-height: 2;}
/* 留言 */
.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;}

.tan{width: 2rem;
    height: 1rem;
    background: #19427D;
    margin: 0.5rem auto;
    padding: 0.2rem;}
.tan .p1{color: #fff;font-size: 0.3rem;}
.tan .p2{color: #fff;font-size: 0.26rem;}


.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 17px 0;
	border-radius: 3px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #2c3e50;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index: 2;
	color: #11181f;
	background-color: #eeeeee;
	border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	background-color: #373737;
	border-color: #373737;
	cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #777777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 15px;
	line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 11px;
	line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}