@charset "utf-8";
/* CSS Document */

body {font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
ul, ol, dl { padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top:0;padding-right: 15px;padding-left: 15px; }
a img { border: none;}
img{vertical-align:top;}
/*HTML 5 支持 - 将新 HTML 5 标签设置为 display:block，以使浏览器知道如何正确呈现标签。 */
header, section, footer, aside, article, figure {display: block;}
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;max-width:100%;}
td{word-wrap: break-word;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:7100;}
h1{font-size:25px}
h2{font-size:21px}
h3{font-size:18px}
h4{font-size:16px;font-style:normal;}
h5{font-size:14px;font-style:normal;}
h6{font-size:12px;font-style:normal;}
q:before,q:after{content:''}
abbr,acronym{border:0}
hr {margin: 0;padding: 0;border: 0;color: #CDCDCD;background-color: #CDCDCD;height: 1px;overflow:hidden;}
blockquote{color:#606060;font-style:italic;}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
pre{white-space:pre;}
pre img,.pre_content img{max-width:100%;margin:10px;}

.clearfix:after {content: "\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;} 
.clear{clear:both;}
a{color:#333; text-decoration:none;font-weight:400; font-style:normal; cursor:pointer;outline:none; cursor:pointer;background:none;}
a:hover{ text-decoration:none; color:#f00;}
a:active {star:expression(this.onFocus=this.blur());} 
input{ vertical-align:middle;font-family: '\5FAE\8F6F\96C5\9ED1',arial, sans-serif,"Open Sans",sans-serif; outline:none;}
select{vertical-align: middle;}
textarea{resize: none;font-family: '\5FAE\8F6F\96C5\9ED1',arial, sans-serif,"Open Sans",sans-serif;outline:none;}
.h_Reverse{filter:fliph;-moz-transform: matrix(-1, 0, 0, 1, 0, 0);-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);-o-transform:matrix(-1, 0, 0, 1, 0, 0);}
.v_Reverse{filter:flipv;-moz-transform: matrix(1, 0, 0, -1, 0, 0);-webkit-transform: matrix(1, 0, 0, -1, 0, 0);-o-transform:matrix(1, 0, 0, -1, 0, 0);}

html { overflow-x: hidden; overflow-y: auto;}
body{font-family:"微软雅黑";font-size:14px;}

/* 头部 */

.nav-box{background:#fff; box-shadow:#ccc 0px 0px 2px; position:relative;}
.logo-box{width:100%;height:80px;}
.logo-box img{width:12rem;margin:0.3rem 0 0 1rem; }
.nav{width:100%;position: absolute;z-index: 9999;top:80px; right:0;background:#fff;border-bottom:1px solid #eee; display:none;height:2000px;}
.nav li{line-height:1.8rem;border-top:1px solid #eee;padding:6px 30px;}
.nav a{color:#333;font-size:1rem; display:inline-block; width:100%;}

.navbtn{position: absolute;
    z-index: 9;
    top: 5px;
    bottom: 0;
    right:30px;
    margin: auto 0 auto 0;
    width: 30px;
    height: 35px;
}

.navbtn span {
    margin: 7px 0;
}
.navbtn span, .navbtn:after, .navbtn:before {
    display: block;
    height: 2px;
    width: 100%;
	content: '';
    background: #015cb5;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.navmore{float:right; margin-top:9px; width: 8px;height: 8px;display:inline-block; }
.navmore:after {
    content: '';
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px; 
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); 
	
}

/* 底部 */
.footer-box{width:100%;background-image: url('/images/foot_bg.jpg');}
.footer-copy{min-width:80%;background: #0c1116;text-align: center;color: #999;font-size: 14px;padding:15px;}
.footer-copy a{color: #999;}
.footer-copy a:hover{color: #f00;}
.footer-content{margin: auto;padding:30px;color: #FFF;}
.footer-content a{color: #FFF;}
.footer-content dl{ overflow:hidden;}
.footer-content dt{font-size:1rem;margin-bottom:10px;}
.footer-content dd{font-size:0.8rem;margin-bottom:10px; margin-right:5px; float:left;}


/* 当前位置 */

.public-box{width:100%;margin:auto;}
.public-list-box{
  width:100%;
  overflow: hidden;
}
.title-menu{ overflow: hidden;padding-left:10px;}
.title-menu li{float: left;font-size:1rem; margin-right:15px;}
.title-menu li a{display: inline-block;padding:5px 10px;}
.title-menu .active a{color:#f00;font-weight:bold;}
 .position {
  color: #999;
  font-size:0.8rem;
   padding:15px 10px 0px 15px;
}
 .position a {
   color: #999;
   font-size:0.8rem;
}

.position:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url("/images/home-icon.png") no-repeat;
  position: relative;
  top: 1px;
}
.position-title {
  padding-top: 10px;
  padding-bottom:10px;
  border-bottom: 1px solid #DBDBDB;
}
.position-title .title {
  font-size: 1rem;
}
.position-title .title:before {
  content: "";
  display: inline-block;
  width: 5px;
  margin: 0 5px;
  height: 25px;
  margin-bottom: -6px;
  background-color: #1e61b1;
}

.inside-page {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.inside-page li{display: inline-block;}
.inside-page li a,.inside-page span {
  border: 1px solid #1e61b1;
  color: #666;
  font-size: 12px;
  padding: 5px 10px;
  line-height: 25px;
  height: 27px;
  margin: 0 5px;
}
.inside-page .thisclass{background:#1e61b1;color:#fff;padding: 5px 10px;}
.inside-page select{border:0;border: 1px solid #1e61b1;height:28px; margin-top:-2px}
.inside-page a:hover,
.inside-page .cur,.inside-page span {
  color: #fff;
  background-color: #1e61b1;
  border-color: #1e61b1;
}

/*图片垂直水平居中*/
.middleCenter{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  text-align: center;
  margin: auto;
}
/*案例*/
.index-case-box{width:100%;padding-left:10px;margin: auto;}
.index-case-li{overflow: hidden;}
.index-case-li li{float: left;width:45%;height: 225px; margin-right:10px;margin-top:10px;margin-bottom:10px; border:1px solid #eeeeee;position: relative;}
.index-case-li li:nth-child(2n){margin-right: 0 !important;}
.index-case-li div{width:100%;height: 150px;overflow: hidden;}
.index-case-li img{width:100%;height:150px;object-fit: cover;transition: 0.2s;}
.index-case-li img:hover{transform: scale(1.5);}
.index-case-li .case-t{ margin:auto;border-bottom:1px solid #e5e5e5;padding:10px 5px;color:#2d84c5; font-size:0.8rem;
text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.index-case-li  .case-address{text-overflow: ellipsis;overflow: hidden;white-space:nowrap; margin:auto;color:#666; font-size:0.8rem;padding:10px 5px;}
.index-case-li span{ width: 0;height: 0;
    border-bottom: 25px solid  #2d84c5;
    border-left: 25px solid transparent; display: inline-block;position: absolute;bottom:0;right:0;}
 .index-case-li  b{position: absolute;bottom:3px;right:4px;color: #fff; font-size: 26px;}

/***产品中心***/
.product-banner{min-width:100%;margin:auto; position:relative; text-align:center;}
.product-banner h3{text-align: center; padding-top:20px;color: #fff;font-size: 1rem; letter-spacing: 5px;;margin: auto;display: inline-block; line-height:1.5rem; position:absolute;top:30%;left:0;right:0;}

.product-list {
  padding-top:20px;
  border-bottom: 1px solid #ddd;

}
.product-list li {
  margin-bottom: 20px;
  float: left;
  width: 43%;
  height: 220px;
  margin-left: 8px;
  margin-right: 8px;
}
.product-list li .pic {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  width: 100%;
  overflow: hidden;
  height: 138px;
  position: relative;
  background-color: #FAFAFA;
  border: 1px solid #DDDDDD;
}
.product-list li .pic .mask {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/product-bg.png") repeat;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all 0.6s;
}
.product-list li .pic .mask:hover {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
.product-list li .txt {
  position: relative;
  text-align: center;
  margin-top: 10px;
  width: 100%;
  height: 75px;
}
.product-list li .txt .title {
  position: relative;
  font-size: 0.8rem;
  height: 40px;
  overflow: hidden;
  line-height:1rem;
}
.product-list li .txt .title a:hover {
  color: #457499;
}
.product-list li .txt .title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  margin-left: -13px;
  width: 26px;
  border-bottom: 1px solid #457499;
}
.product-list li .txt .summary {
  margin-top: 6px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  font-size:0.6rem;
  color: #999;
}
.product-list li .txt .more {
  position: absolute;
  bottom: 0;
  display: block;
  left: 50%;
  margin-left: -50px;
  background-color: #1e61b1;
  color: #fff;
  border-radius: 5px;
  font-size:0.5rem;
  width: 100px;
  height: 26px;
  line-height: 26px;
}
.product-list li .txt .more:hover {
  background-color: #4b95d0;
}

.product-show .product-title {
  padding-top: 20px;
  font-size:1rem;
  text-align: center;
  color: #1e61b1;
}
.product-description{ text-align: center;padding-bottom: 30px; padding-top: 5px;font-size:20px;}
.product-show .product-img{
	 position:relative;
	 width: 80%;
     height:200px;
    margin: 0 auto;
    border: 1px solid #E3E3E3;
    background-color: #FEFEFE;
	
}
.product-show .product-intro {
    margin-top: 20px;
}
.product-show .product-intro .product-intro-title {
    margin-bottom: 20px;
    height: 41px;
    width: 100%;
    background: url(/images/pro-intro-bg.png) no-repeat 0 0;
    color: #fff;
    font-size: 0.8rem;
    padding-left: 50px;
    line-height: 41px;
}
.product-content img{max-width:96%;}

.product-more-pro{border-top: 1px solid #E4E4E4;padding:30px 0;font-size:20px;color: #666;}
.product-more-pro .product-more-pro-title:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 14px;
    position: relative;
    margin-right: 5px;
    background: url(../images/related-icon.png) no-repeat 0 0;
}

/***新闻中心***/
.news-text{
    position: absolute;
    width: 96%;
    color: #fff;
    text-align: center;
    top: 58%;
    left: 50%;
    line-height: 2em;
    transform: translate(-50%, -50%);
    max-width: 1600px;
    z-index: 4;
}

.news-text1 {
    font-size: 40px;
    text-shadow: 2px 2px 1px #000;
    font-weight: bold;
}	
.news-line{
    height: 2px;
    width: 3%;
    background: #fff;
    margin: 0.8% auto;
}
.news-text2 {
    font-size: 18px;
    text-shadow: 2px 2px 1px #000;
    font-weight: normal;
}
.news-list {padding-top: 0px;}
.news-list li{border-bottom: 1px solid #ddd;overflow: hidden;padding:10px;}
.news-list li:hover{background:#f3f6f8;}
.news-list li .pic {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width:100px;
  height: 100px;
  overflow: hidden;
  position: relative;
  background-color: #FAFAFA;
  border: 1px solid #DDDDDD;
  float:left;
}
.news-list li .txt{float:right; width:calc(100% - 120px);}
.news-list li .title{max-height:80px;margin-bottom:15px;}
.news-list li .title a{
	color: #333;
	font-size:1rem;
	overflow:hidden; font-weight:bold; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	text-align:justify;
}
.news-list li p a{
	color:#666;
	font-size:0.8rem;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	height:60px;
	text-align:justify;
}
.news-list li .more-box{margin:3px 0;}
.news-list li  .more {
  display: block;
  background-color: #1e61b1;
  color: #fff;
  border-radius: 5px;
  font-size: 0.6rem;
  width: 100px;
  height: 26px;
  line-height: 26px;
  text-align:center;
  float:right;
}
.news-content-box h1{color:#333;text-align:center; margin-top:10px;font-size:1.2rem;}
.news-time-box{color:#666;font-size:0.6rem;text-align:center;margin:10px 0;border-bottom: 1px dashed #dcdcdc;padding-bottom:10px;}
.news-time-box span{margin:0 8px;}
.news-content{padding:10px;color:#333;font-size:1em;line-height:1rem;margin-bottom:20px;}
.news-content p,.news-content span{font-size:1rem !important;line-height:1.5rem !important;}
.news-content img{max-width:100%;}
.news-relevant{margin-bottom:20px;}
.news-relevant h4{font-size:1rem;border-bottom: 1px dashed #dcdcdc;padding-bottom:10px; font-weight:normal;}
.news-relevant h4:before {
    content: "";
    display: inline-block;
    width: 5px;
    margin: 0 8px;
    height: 16px;
    background-color: #1e61b1;
}
.news-relevant li{font-size:.8rem;color:#666;border-bottom: 1px dashed #dcdcdc;padding:15px;}
.news-relevant span{float:right;}
.Upanddown{margin-bottom:20px;padding:15px;}
.Upanddown li{margin-bottom:20px; overflow:hidden;}
.Upanddown span {
    display: inline-block;
    background-color: #1e61b1;
	width:45px;float:left;
    color: #fff;
    padding: 5px 15px;
    margin-right: 10px;
}
.Upanddown a{float:left;display: inline-block;width:calc(100% - 100px);font-size:0.8rem;color:#666;}
.Upanddown a:hover{color:#F00;}

.case-list{padding-top:20px;}
.case-list li{ width:274px;border:#e5e5e5 1px solid;float:left;margin-right:20px;margin-bottom:20px;padding:5px;  background: #eee}
.case-list li:nth-child(3n){margin-right:0;}
.case-list .pic{
  width:100%;
  height: 230px;
  overflow: hidden;
  position: relative;
}
.case-list img{width:280px;height: 230px;object-fit: cover;transition: 0.2s;}
.case-list img:hover{transform: scale(1.1);}
.case-list p{line-height:40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center;}
.case-list p a{font-size: 16px;}

.about-content,.honor-content{padding:10px 0;font-size:1rem; color: #333; text-align:justify;line-height:1.2rem;margin-bottom:10px;overflow:hidden;}
.about-content h2{margin-bottom:10px; text-align:center;}

.honor-content li{text-align:center;margin:20px 0;font-size:1.2erm;font-weight:bold;color: #015aaa;}
.honor-content img{width:80%;margin-bottom:10px;}

.contact-content{padding-top:10px;font-size:.8rem; color: #000;margin-bottom:30px;background:#ededed;padding:10px;margin-bottom:10px; overflow:hidden;}
.contact-li{overflow:hidden;display:flex;align-items: center;flex-wrap: wrap;margin-bottom:10px;}
.contact-li-l{width:50px;height:40px; overflow:hidden; float:left;}
.contact-li-l img{width:40px;}
.contact-box{width:100%; border:0;}

.trangle_01 {
    display: inline-block;
    width: 0;
    height: 0;
    border: 8px solid #e88b00;
    vertical-align: super;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.trangle_02 {
    display: inline-block;
    width: 0;
    height: 0;
    border: 8px solid #025ba0;
    vertical-align: sub;
    border-left-color: transparent;
    border-top-color: transparent;
}
.contact-h1{text-align:center; font-size:1rem; color:#000; height:45px; margin-top:20px;}
.contact-h2{font-size:1.2rem; color:#015aaa; margin-bottom:10px;}
.contact-h2 span{font-size:0.8rem;color:#333;}
.contact-li-r{margin-top: -5px;}
.contact-li-r span{color:#666;}

.qRcode-box{padding-left:70px;font-size:0.8rem;}
.qRcode-box img{width:250px;margin-bottom:10px;}

.index-contact-box {
		background: #f5f5f5;
	}

	.index-contact {
		width: 100%;
		margin: auto;
		padding:20px 0;
		overflow: hidden;
	}

	.index-contact .contact-li {
		float: left;
		margin-bottom: 0;
		font-weight: bold;
		color: #000;
		display: inline-block;
		margin: 10px 10px;
	}

	.index-contact .contact-li-l {
		overflow: unset;
	}

	.index-contact .contact-li-l img {
		width: 45px;
	}

	.index-contact .contact-li a {
		color: #000;
	}

	.index-contact .contact-li-r {
		float: left;
		margin-top: unset;
		font-size:0.8rem;
	}

	.right-contact-box {
		position: fixed;
		top: 45%;
		right: 5px;
		width: 55px;
		z-index: 9999;
	}

	.right-contact-box li {
		background: #7f7f7f;
		padding: 10px;
		height: 40px;
		border-bottom: 1px #fff solid;
		cursor: pointer;
		position: relative;
	}

	.right-contact-box li a {
		color: #fff;
	}

	.right-contact-box li .c-icon {
		z-index: 2;
		position: absolute;
		top: 10px;
		right: 10px;
	}

	.right-contact-01 {
		background-color: #1e61b1;
		position: absolute;
		top: 0;
		right: 0;
		width: 200px;
		height: 100%;
		color: #fff;
		font-size: 1rem;
		line-height: 55px;
		padding-left: 15px;
		z-index: 1;
		display: none;
	}

	.right-contact-03 p {
		width: 170px;
		height: 170px;
		background-color: #1e61b1;
		margin-left: -40px;
		margin-top: -110px;
	}