@charset "utf-8";
/* CSS Document */
html{width:100%;overflow-x:hidden;
	font-family: sans-serif; /* 1 */}
*{word-wrap: break-word; word-break:break-all;margin:0;padding:0;}
ul,ol,dl{list-style-type:none}

a{text-decoration:none; color:#000;}

a:hover,a:active{outline:none; color:#156baa; text-decoration:none;}
img{border:none;vertical-align:middle;}
.bordernone{border:none !important;}
.clearfix{*zoom:1; clear:both;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";} 
.clearfix:after{clear:both;}
.layui-clear{ clear:both;*zoom: 1;}
.w1200{ width:1200px; margin:0 auto; padding:0px 0px;}
.float-left , .fl{ float:left;}
.float-right , .fr{ float:right;}
.display-none{ display:none;}
/*不自适应的时候增加的代码-end*/
body{line-height:2;font-size:14px !important;}
.text-center {text-align: center;}
.flexBetween {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexStart {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexCenter {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexEnd {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.ellipsis {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-justify: distribute-all-lines;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-justify: distribute-all-lines;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-justify: distribute-all-lines;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-justify: distribute-all-lines;}
.ellipsis5 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-justify: distribute-all-lines;}
.ellipsis6 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-justify: distribute-all-lines;}

.headBg{ width:100%; height:73px; background:#1d51be;}
.head{ width:1200px; margin:0 auto; height:73px;}
.logo{ width:192px; height:40px; margin:16px 0px; float:left;}
.logo img{ height:40px; width:auto;}
.menu{ width:700px; float:right; height:60px; margin-top:8px;}
.menu ul li{ float:left; padding:0px 18px; height:60px; position:relative;}
.menu ul li a{ color:#fff; height:66px; line-height:60px; font-size:16px;}
.menu ul li:after {content: "";width: 0; height: 2px;background: #4bcdc7;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;}
.menu ul li:hover:after {width: 100%;}

/* 幻灯 */
.bannerfra{ width:100%; float:left;}
.qh{ width:100%;float:left; position:relative; float:left; margin:0px 0px; padding:0px 0px;border-radius:4px;}
.qh .prev{ width:26px; height:26px;float:left; display:block;background:url(../images/leftBtn.png) left center no-repeat; background-size:100% 100%;position:absolute; left:10px; top:1rem; z-index:9;}
.qh .next {width:26px;height:26px;position:absolute; right:10px; top:1rem;display:block;background:url(../images/rightBtn.png) right center no-repeat;background-size:100% 100%;z-index:9;}
.qh .bd { width:100%;position:relative;float:left; z-index:8;}
.qh .bd ul{ overflow:hidden; zoom:1; display:block; width:100%; margin:0px 0px; padding:0px 0px;}

.qh .hd{ overflow:hidden; position:absolute; bottom:0; right:0px;  height:40px;width:100%;z-index:46; }
.qh .hd ul{ width:100%; display:block;overflow:hidden; zoom:1; margin-top:15px; zoom:1; text-align:center;}
.qh .hd ul li{padding:0; display:inline-block;width:10px; height:10px; overflow:hidden; margin:0px 5px;text-indent:-999px; cursor:pointer; background-color:#fff; border-radius:50px;}
.qh .hd ul li.on{  background-color:#0e48b4; width:24px; height:10px; border-radius:10px;}

.main1{ width:1200px; margin:50px auto;}
.title1{ width:100%; text-align:center;}
.title1 span{ display:block; width:100%; font-size:34px; color:#1d51be; line-height:40px;}
.title1 label{ display:block; width:100%;color:#808080; line-height:1.8; margin:8px 0px;}
.gywmBox{ width:1200px; float:left; margin-top:30px;}
.gywmL {width:620px; float:left; background:url(../images/aboutBg.jpg) top center no-repeat; height:352px; padding:12px 0px 11px;}
.gywmImg{ width:620px; height:352px; float:left; position:relative;}
.gywmImg .bd { width:100%;position:relative;float:left; z-index:8;}
.gywmImg .bd ul{ overflow:hidden; zoom:1; display:block; width:100%; margin:0px 0px; padding:0px 0px;}
.gywmImg .bd ul li img{ width:620px; height:352px;}
.gywmImg .hd{ overflow:hidden; position:absolute; bottom:0; right:0px;  height:40px;width:100%;z-index:46; }
.gywmImg .hd ul{ width:100%; display:block;overflow:hidden; zoom:1; margin-top:15px; zoom:1; text-align:center;}
.gywmImg .hd ul li{padding:0; display:inline-block;width:10px; height:10px; overflow:hidden; margin:0px 5px;text-indent:-999px; cursor:pointer; background-color:#fff; border-radius:50px;}
.gywmImg .hd ul li.on{  background-color:#0e48b4; width:24px; height:10px; border-radius:10px;}

.gywmR{ width:520px; float:right; margin-top:30px;}
.gywmR h2{ width:520px; display:block; float:left; height:40px; line-height:40px; font-size:26px; color:#333;}
.gywmR span{ display:block; float:left; width:100%; color:#333; line-height:1.8; margin:20px 0px;}
.gywmR .more{ width:116px; height:48px; display:block; float:left; text-align:center; background:#1d51be; color:#fff; line-height:48px;}
.gywmR .more:hover{ background:#f4a634;}

.cpzsBg{ background:url(../images/bg1.jpg) top center no-repeat;padding:30px 0px; margin:30px 0px;background-attachment: fixed;overflow:hidden;position: static;}
.cpzs{ width:1200px; margin:0 auto;}
.cpzsBox{ width:1200px; float:left; margin-top:20px;}
.cpzsBox ul{ width:1230px; margin-left:-30px;}
.cpzsBox ul li{ margin:10px 0px 20px 30px; float:left; width:380px;}
.cpzsBox ul li .cpzsImg{ width:380px; float:left; height:220px; overflow:hidden;}
.cpzsBox ul li .cpzsImg img{ width:380px; height:220px;transition-duration: .5s;}
.cpzsBox ul li .cpzsImg:hover img{transform: scale(1.3);}
.cpzsBox ul li .cpzsTxt{ width:340px; float:left; background:#fff; padding:20px 20px;}
.cpzsBox ul li .cpzsTxt a.title{ width:340px; display:block; font-weight:bold; color:#707070;font-size:24px; line-height:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.cpzsBox ul li .cpzsTxt a.title:hover ,.cpzsBox ul li .cpzsTxt a.more:hover{ color:#60a9d7;}
.cpzsBox ul li .cpzsTxt a.more{ font-size:16px;color:#707070; display:block; float:left; margin-top:10px;}

.xwzx{ width:1200px; margin:30px auto;}

.xwzxBox{ width:1200px; margin:30px 0px; float:left;}
.xwzxBox ul { width:1230px; margin-left:-30px;}
.xwzxBox ul li{ width:380px; float:left; margin-left:30px;transition: all .5s ease;}
.xwzxBox ul li:hover {box-shadow: 0 0 15px 0px #ccc;}
.xwzxBox ul li a.xwzxImg{ width:380px; height:228px; display:block; float:left;position:relative; overflow:hidden;}
.xwzxBox ul li a.xwzxImg img{width:380px; height:228px;transition-duration: .5s; position:absolute; z-index:2;}
.xwzxBox ul li a.xwzxImg:hover img{transform: scale(1.3);}
.xwzxBox ul li a.xwzxImg .data {position: absolute;padding: 4px; background: rgba(0, 0, 0, .5);border: solid 1px #fff;bottom: 2%;right: 1%;font-size: 0.75rem;color: #fff;font-family: 'Open Sans', sans-serif; z-index:4;}
.xwzxBox ul li .xwzxTxt{width:340px; float:left; padding:20px 20px; text-align:center;}
.xwzxBox ul li .xwzxTxt .title{width:100%;margin:20px 0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight: 300;}
.xwzxBox ul li .xwzxTxt .txt{font-size: 14px;color: #777;line-height: 2em;text-align: center;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;width: 100%; height:78px;}

.xwzxBox ul li .xwzxTxt .more {position: relative;z-index: 1;overflow: hidden;display: inline-block;border: 1px solid #999;padding: .6em 1.5em;color: #999;font-size: 0.9em;border-color: #999;margin: 1.5em 0 0;-webkit-transition: .5s all;-moz-transition: .5s all;transition: .5s all; text-decoration:underline;}

.xwzxBox ul li .xwzxTxt .more {position: relative;z-index: 1;overflow: hidden;display: inline-block;border: 1px solid #999;padding: .6em 1.5em;color: #999;font-size: 0.9em;border-color: #999;margin: 1.5em 0 0;-webkit-transition: .5s all;-moz-transition: .5s all;transition: .5s all;}

.xwzxBox ul li .xwzxTxt  .more_link::before , .more_link::after , .more::after , .more::before {content: '';position: absolute;width: 26%;height: 0px;background: #1d51be;z-index: -1;-webkit-transition: .5s all;-moz-transition: .5s all;transition: .5s all;}

.xwzxBox ul li .xwzxTxt .more::before {left: 0px;top: 0px;}
.xwzxBox ul li .xwzxTxt .more::after {left: 50%;top: 0px;}
.xwzxBox ul li .xwzxTxt .more_link::before {left: 25%;bottom: 0px;}

.xwzxBox ul li .xwzxTxt .more_link::after {left: 75%;bottom: 0px;}


.xwzxBox ul li .xwzxTxt .more:hover {color: #fff;}
.xwzxBox ul li .xwzxTxt .more:hover::before , .more:hover:after {height: 100%;}
.xwzxBox ul li .xwzxTxt .more:hover .more_link::before {height: 100%;}
.xwzxBox ul li .xwzxTxt .more:hover .more_link::after { height: 100%; }

.footBg{ width:100%; background:#1d51be; padding:10px 0px; color:#fff; text-align:center; line-height:23px;}
.footBg .line{ width:100%; background:#b0c7f9; height:1px; margin:10px 0px;}


.INbanner{ width:100%; height:460px;}
.pageMenu{ width:100%; background:#1d51be; height:50px;}
.pageMenu ul{ width:1200px; margin:0 auto; height:50px;}
.pageMenu ul li{ width:120px; height:50px; display:block; float:left;}
.pageMenu ul li a{ width:100%; display:block; text-align:center; color:#fff; height:50px; line-height:50px;font-size:16px;}
.pageMenu ul li a:hover{ background:#3667cf;}

.content_box{ width:1200px; margin:40px auto;}

.p_assist{ width:100%; clear:both; float:left; margin:30px 0px;}
.p_KeywordBox span{ padding:2px 10px;}
.p_KeywordBox .p_tag {display: inline-block; padding:2px 10px;background: #f1f1f1;border: 1px solid #D9D9D9;margin-right: 18px;margin-bottom: 15px;cursor: default;border-radius: 4px;color: #969696;}

/*----企业文化-----*/
.div1{ width:1200px; margin:20px auto; background:#f5f5f5; padding:20px 0px;}
.div1 h2{ display:block; width:100%; text-align:center; font-weight:bold; font-size:24px; line-height:2.3; color:#000;}
.div1 span{ display:block; width:100%; text-align:center; font-weight:bold; font-size:22px; line-height:2.3; color:#222;}

.div2{ width:1200px; float:left;}
.div2 h3{ display:block; width:100%;font-weight:bold; font-size:24px; line-height:2.3; color:#000;}
.div2 .div2Box{ width:1200px; float:left; margin-top:20px;}
.div2 .div2Box ul { width:1210px; margin-left:-10px;}
.div2 .div2Box ul li{ display:block; float:left; width:260px; border:solid 1px #e3e7ec; margin-left:10px; padding:15px 15px; height:90px;}
.div2 .div2Box ul li .num{width:38px;height:90px;line-height:90px;text-align:center;color:#fff;background:#f97534;font-weight:bold;border-radius:30px;float:left; font-size:18px;}
.div2 .div2Box ul li .txt{ width:200px; float:right;}
.div2 .div2Box ul li .txt h2{ font-size:18px; color:#222;}
.div2 .div2Box ul li .txt span{color:#7e8597; line-height:1.8; display:block; margin-top:5px;}

.div3{ width:1200px; float:left; margin:40px 0px;}
.div3 h3{ display:block; width:100%;font-weight:bold; font-size:24px; line-height:2.3; color:#000;}
.div3 .div2Box{ width:1200px; float:left; margin-top:20px;}
.div3 .div2Box ul { width:1210px; margin-left:-10px;}
.div3 .div2Box ul li{ display:block; float:left; width:361px; border:solid 1px #e3e7ec; margin:20px 0px 0px 10px;padding:15px 15px; height:90px;}
.div3 .div2Box ul li .num{width:60px;float:left;}
.div3 .div2Box ul li .txt{ width:270px; float:right;}
.div3 .div2Box ul li .txt h2{ font-size:18px; color:#222;}
.div3 .div2Box ul li .txt span{color:#7e8597; line-height:1.8; display:block; margin-top:5px;}


.in_honor{ width:1200px; float:left; margin-top:30px;}
.in_honor ul{ width:1200px; display:block; float:left;} 
.in_honor ul li{ width:284px; float:left; display:inline-block;margin-right:21px; margin-top:15px; height:200px;}
/*.in_honor ul li:nth-child(4){ margin-top:-13px;}*/
.in_honor ul li:nth-child(4n){ margin-right:0px;}
.in_honor ul li img{ width:284px; height:200px; display:block; float:left;}

.p_news{ width:1200px; float:left; margin-top:30px;}
.p_news .list {width: calc((100% - 20px) / 2); height: 0px;padding-bottom: 15%;background-color: #f5f5f5;margin-bottom: 20px;overflow: hidden;position: relative; margin-right:20px; margin-bottom:20px; float:left;}
.p_news .list:nth-child(2n){ margin-right:0px;}
.p_news .contentBox {position: absolute;top: 18px;left: 20px;right: 18px;bottom: 20px;display: flex;overflow: hidden;}
.p_news .picBox {width: 40%; height: 100%;overflow: hidden;}
.p_news .pic {width: 100%;height: 100%;}
.p_news .content {width: calc((100% - 43%)/1);margin-left: 3%;padding-top: 2%;}
.p_news .titleLink {width: 100%;display: block;color: #262626; height:30px; line-height:30px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp:1; font-weight:normal; font-size:20px;}
.p_news .sumrry {display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical; line-height:25px;text-overflow: ellipsis; color: #8c8c8c;margin-top: 3%;-webkit-line-clamp:2;}
.p_news .time {margin-top: 6%;font-size: 0.75rem;color: #8c8c8c;}


.in_contact{ width:1200px; float:left; margin-top:30px;}
.in_contact .fl{ width:680px; float:left; line-height:32px; font-size:16px;}
.in_contact .fr{ width:460px; float:right;}
.map{ width:1200px; float:left; margin-top:30px; background:#F2F2F2;}


/*----产品中心---*/
.in_pro{ width:1200px; float:left; margin-top:30px;}
.in_pro .proLi {width:372px;float:left; margin-right:42px;overflow:hidden; position:relative;}
.in_pro .proLi:nth-child(3n){ margin-right:0px;}
.in_pro .proLi .porTbox {position: relative;overflow: hidden;width:372px; height:372px;}
.in_pro .proLi .proImg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 100%;transition: all .5s ease;}
.in_pro .proLi .porBbox {position: relative;overflow: hidden;width:330px;padding: 20px 20px 10px;border: 1px solid #f2f2f2;}
.in_pro .proLi .proTitle {font-size: 1rem;color: #333;overflow: hidden;text-overflow: ellipsis;position: relative;white-space: nowrap;width: 100%;}
.in_pro .proLi .proSummry {color: #777;white-space: nowrap;overflow: hidden;margin: 10px 0;text-overflow: ellipsis;}
.in_pro .proLi .lookDetail {position: relative;display: block;color: #777;height: 38px;line-height: 38px;border-top: 1px solid #e5e5e5;}
.in_pro .proLi .arrowsR {position: absolute;top: 50%;right: 0px;transform: translate(0, -50%);width: 30px;}
.in_pro .proLi .arrowsR img {position: absolute;transition: all .5s ease;}
.in_pro .proLi .harr {opacity: 0;}
.in_pro .proLi .showBox {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.6);transition: all 0.5s ease;}
.in_pro .proLi .showBoxLink {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 60%;color: #fff;text-align: center;font-size: 1rem;padding: 0.5rem 0;}
.in_pro .proLi .showBoxLink::before {content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.in_pro .proLi .showBoxLink::after {content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.in_pro .proLi .lookDetail:hover .barr { opacity: 0;}
.in_pro .proLi .lookDetail:hover .harr {opacity: 1;}
.in_pro .proLi:hover .showBox {opacity: 1;}
.in_pro .proLi:hover .proImg {transform: translate( -50% ,-50%) scale(1.1);}
.in_pro .proLi:hover .showBoxLink::before {width: 1rem;}
.in_pro .proLi:hover .showBoxLink::after {width: 1rem;}

.pageNum{ width:100%; margin:30px auto; text-align:center;}

/* -- 翻页效果 -- */ 
.apage { height:31px; line-height:30px;padding:0 5px 0px 27px; margin-top:10px; text-align:center; }
.apage a { border:1px solid #c5c5c5; padding:5px 10px;  margin-right:5px;}
.apage .num_btns {float:right; font-family:Tahoma;}
.apage a:hover, .apage .page-num-current { border:1px solid #D5D5D5;background-color:#1d51be   ; color:#fff; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }
.apage .cust_txt { float:left; display:none;}