.new-pro-list-wrap ul li h3, .new-news-con li h3, .new-position > h3, .new-position .new-crumbs, .new-page-left-box .new-latest-news > li > a, .new-page-product-list > li h3, .new-page-news-list li h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.new-search-wrap form:after, .new-pro-list-wrap ul:after { content: ''; display: table; clear: both; }

.new-banner a img, .new-pro-list-wrap ul li .img img, .new-about-img img, .new-case-lists li .img img, .new-page-product-list > li .img img, .new-page-banner img { width: 100%; }

.new-logo img{ max-width: 100%; }
.new-logo img{ display:inline-block; margin-right:2rem;}

.new-pro-list-wrap ul li .img, .new-case-lists li .img, .new-page-product-list > li .img { overflow: hidden; display: block; }
.new-pro-list-wrap ul li .img img, .new-case-lists li .img img, .new-page-product-list > li .img img { transition: all .5s ease; }
.new-pro-list-wrap ul li .img:hover img, .new-case-lists li .img:hover img, .new-page-product-list > li .img:hover img { transform: scale(1.1); }



/*数据*/
.str_bg{width:100%;height:320px;background:url(/images/sjbg.jpg) no-repeat center bottom;}
.str_bg .w1500 *{line-height: 100%;}
.str_list,.str_list ul{height:100%;}
.str_list li p{font-size:30px;font-weight: 500;color:#fff;}
.str_list li em {display:flex;align-items:baseline;margin:20px 0;}
.str_list li em i{font-size:40px;color:#fff;font-style: normal; font-weight:500;}
.str_list li em b{font-size:18px;font-weight: normal;color:#fff;margin-left:5px; font-style:normal;}
.str_list li>span{font-size:16px;color:#fff;}

.title{ text-align:center; font-size:40px; color:#333333; line-height: 100%;}
.title b i{ color:#1374c5; font-style:normal;}
.title span{ display:block; font-size:18px; color:#8c8b89; margin:10px 0 20px 0;}
.title em i{ display:inline-block; width:6px; height:12px; background:#fa8d28; border-radius:3px; vertical-align:top;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
.title em i+i{ margin-left:11px;}
.title em i:nth-child(2){ height:20px; background:#1374c5;animation: tptd 1.8s infinite;-webkit-animation: tptd 1.8s infinite;}
.title em i:nth-child(3){ background:#ff6203;animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}
@keyframes tptd{
  0%{transform: translateY(0);}
  50%{transform: translateY(5px);}
  100%{transform: translateY(0);}
}
/*流程*/
.proc{ padding: 80px 0;background: #f5f5f5; overflow:hidden;}
.two_tit{text-align: center;font-size: 40px;color: #333232;}
.two_tit d{color: #1374c5;}
.two_tit span{display: block;font-size: 18px; color: #969595;margin: 15px 0 25px 0;}
.two_tit * { line-height: 100%;}
.proc_cont{margin-top: 40px;}
.proc_cont li{width:calc(100% / 7);float: left;text-align: center;height: 225px;cursor: pointer;border-left:1px solid #eee;position:relative;}
.proc_cont li:last-child{border-right:1px solid #eee;}
.proc_cont li::before,.proc_cont li:last-child:after{content: '';width: 1px;height: 30px;background:#1374c5;display: inline-block;float: right;position:absolute;top:0;}
.proc_cont li::before{left:-1px;}
.proc_cont li:last-child:after{right:-1px;}
.proc_cont li span{display: block;font-size: 20px;color: #333;font-weight: 500;padding-top: 25px;}
.proc_cont li i{margin-top: 30px;height: 52px; display:flex; justify-content:center; align-items:center;}
.proc_cont li i .icon {width: 3.25em;height: 3.25em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;transition:all 0.5s;}
.proc_cont li:hover i .icon{transform:rotateY(360deg);}
.proc_cont li p{font-size: 16px;color: #333;margin-top: 30px;}
.proc_cont li d{font-size: 12px;color: #ccc;font-family: 'Arial';text-transform: uppercase;line-height: 30px;}
.proc_cont li:hover p{color:#1374c5;}
/* 公司优势 */
.sup_war{margin:80px auto;}
.sup_con{box-shadow:0 0 30px rgba(0,0,0,0.05); margin-top: 50px;}
.sup_bl{display: flex;transition: all .5s;margin-top: 10px;} 
.sup_item{display: flex !important;flex-shrink: 0;width: 100%;} 
.sup_lc,.sup_rc{width: 50%;position: relative;} 
.sup_rc{background:#fff;} 
.sup_ri{padding:60px;} 
.sup_rc b{font-size: 28px;color: #208cf0;} 
.sup_rc p{font-size: 2.08vw;color: #333;} 
.sup_line{width: 100%;height: 1px;background: #e9eaea;margin:40px 0;}
.sup_info {margin-top: 40px;height:196px;}
.sup_info p{font-size: 16px;line-height:28px;position: relative;padding-left: 25px;} 
.sup_info p:before{position: absolute;content: "■";color: #333333;font-size: 20px;top: -3px;left: 0;} 
.sup_info p:last-child:before{top: 26px;} 
.sup_info p:last-child{padding-top: 28px;}

.sr_tit{position: relative;background: #1374c5;padding-left: 65px;height:60px;box-shadow:0 8px 12px rgba(0, 128, 227, 0.3);position:relative;}
.sr_tit:before{content:'';width:102px;height:1px;background:#1374c5;position:absolute;top:50%;left:-122px;}
.sr_tit>p{font-family:arial;color: #fff;font-size: 23px;font-weight: 500;line-height: 60px;position: absolute;top: 2px;left:20px;}
.sr_tit>div{font-size: 20px;font-weight: 500;color: #fff;line-height: 60px;}

.btn_tel{margin-top:50px;}
.btn_tel button{width:156px;height:40px;border:none;background:#1374c5;}
.btn_tel button a{display: block;line-height:40px;color:#fff;font-size:16px;}
.btn_tel button a i{display:inline-block;line-height:40px;margin-right:8px;font-size:18px;}
.sup_tel em{display:inline-block;line-height:40px; font-size:26px;margin-left: 8px; font-style:normal;}

.sup_tab{margin-top:50px; overflow:hidden;}
.st_li{width:25%;height:100px;display:flex;align-items:center;justify-content:center;background:#1374c5;transition:all 0.5s;}
.st_li+.st_li{border-left:1px solid #fff;}
.st_li.on{background:#fa8d28;}
.st_li:nth-child(2){background-position:25% center;}
.st_li:nth-child(3){background-position:50% center;}
.st_li:nth-child(4){background-position:75% center;}
.st_li b{width:60px;height:60px;border-radius:100%;border:1px solid #fff;display:flex;align-items:center;justify-content:center;}
.st_li.on b{border-width:2px;}
.st_li b i{width:50px;height:50px;border-radius:100%;background:#fff; display:flex; justify-content:center; align-items:center;}
.st_li p{font-size:20px;color:#fff; margin-left:15px;}
/*产品中心*/
.new-products { padding: 3.3854166667% 0 1.8229166667% 0; }
.new-pro-sort { margin-top: 2.5%; text-align: center; font-size: 0; }
.new-pro-sort li { display: inline-block; vertical-align: middle; margin: 0 0.625em; font-size: 16px; }
.new-pro-sort li:hover, .new-pro-sort li.on { background: #1374c5; border-radius: 5px; }
.new-pro-sort li:hover a, .new-pro-sort li.on a { color: #fff; }
.new-pro-sort li a { display: block; padding: 0.625em 4.25em; color: #000; }
.new-pro-list-wrap { margin-top: 2.1875%; }
.new-pro-list-wrap ul { margin: 0 -8px; }
.new-pro-list-wrap ul li { float: left; width: calc(25% - 16px); margin: 0 8px 15px 8px; }
.new-pro-list-wrap ul li .img { border: 1px solid #f1f1f1; margin-bottom: 15px; transition: all .5s ease; }
.new-pro-list-wrap ul li h3 { font-size: 16px; color: #555; text-align: center; line-height: 2; transition: all .5s ease; }
.new-pro-list-wrap ul li:hover .img { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1); border-color: #c4c4c4; }
.new-pro-list-wrap ul li:hover h3 { color: #1374c5; }

/*关于我们*/
.new-about { background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; padding: 5.46875% 0 4.6875% 0; overflow:hidden;}
.new-about-img { padding-left: 3.75%; width: 52.5%; float: left; }
.new-about-text { float: right; width: 45%; }
.new-about-text h3 { margin-top: 2.7777777778%; font-size: 30px; color: #1374c5; margin-bottom: 5.5%; }
.new-about-text .info { font-size: 16px; color: #000; line-height: 2em; margin-bottom: 7.7222222222%; text-indent:2em; }
.new-more { font-size: 14px; color: #ffffff; padding: .5em .9em; display: inline-block; background: #1374c5; border-radius: 5px; transition: all .5s ease; }
.new-more:hover { color: #fff; background: #fa8d28; }

/*工程案例*/
.new-case { padding: 3.125% 0; overflow:hidden; }
.new-case-lists { margin-top: 3.75%; }
.new-case-lists li { float: left; margin-bottom: 20px; position: relative; overflow: hidden; }
.new-case-lists li:not(:first-child) { width: calc(25.53125% - 14px); margin-left: 14px; }
.new-case-lists li:first-child { width: 48.9375%; }
.new-case-lists li:first-child .text { line-height: 4.9; }
.new-case-lists li .text { position: absolute; left: 0; right: 0; bottom: 0; background: #1374c5; text-align: center; color: #fefefe; font-size: 16px; line-height: 3; transition: all .5s ease; transform: translateY(100%); opacity: 0; }
.new-case-lists li:hover .text { transform: translateY(0); opacity: 1; }

/*新闻资讯*/
.new-news { padding: 3.125% 0; overflow:hidden; }
.new-news-con { margin: 1.25% 5% 0 5%; background: #fff; padding: 3.125% 0 1.5625% 0; overflow:hidden; }
.new-news-con li { width: 50%; padding: 0 2.8070175439%; float: left;}
.new-news-con li a { display: block; border: 1px solid transparent; padding: 20px; overflow:hidden; }
.new-news-con li h3 { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 20px; }
.new-news-con li .info { font-size: 14px; line-height: 1.7; color: #666; height: 3.5em; overflow: hidden; margin-bottom: 10px; }
.new-news-con li .tool-bar { font-size: 14px; color: #666; opacity: .6; }
.new-news-con li .tool-bar .date { float: left; }
.new-news-con li .tool-bar .more { float: right; }
.new-news-con li:hover a { border-color: #1374c5; }
.new-news-con li:hover h3 { color: #1374c5; }

/*new-links h*/
.new-links { background: #1374c5; font-size: 14px; padding: 1em 0; color: #ffffff; line-height: 1.7; }
.new-links a { color: #ffffff; margin: 0 5px; }
.new-links a:hover { text-decoration: underline; }