.sub_banner {background:url(../img/subban.jpg) top center no-repeat; height:400px;}

.w1400 { width: 1400px; margin: auto;}

.position{border-bottom:1px #e3e3e3 solid;background:#fff;position:relative;z-index:99 !important}
.position .position-nav li a{height:60px;display:flex;align-items:center;position:relative}
.position .position-nav li a::before{content:'';position:absolute;left:0;width:0;bottom:0;height:2px;background:#da241b;transition:.5s}
.position .position-nav li a.active,.position .position-nav li a:hover{color:#da241b}
.position .position-nav li a.active::before,.position .position-nav li a:hover::before{width:100%}

.breadcrumb {  margin-bottom: 0rem; font-size: 16px; line-height:60px;}

.target-fix { position: relative; top: -100px;display: block; visibility: hidden;}
.about-page .section1 .content { padding-bottom: 80px; position: relative;}
.about-page .section1 ul {
    padding-top: 52px;
    padding-bottom: 52px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 8px 3px rgb(0 0 0 / 8%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -80px;
}

.about-page .section1 ul .wire { width: 1px; background: #d7d7d7;}
.about-page .section1 .desc { line-height: 30px; width:80%; margin:0 auto;}
.about-page .section1 ul li h4 i { line-height: .6; font-style:normal;}

.about-page .section1 ul li h4 span {
    width: 28px;
    height: 18px;
    border-radius: 10px;
    border: 1px #cfcfcf solid;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-page .section2 {
    padding-top: 140px;
    background: url(../img/about-section2-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.about-page .section2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background: #fff;
    padding: 5%;
}

.about-page .section2 ul li {
    width: 49%;
    line-height: 24px;
    border-left: 2px #da241b solid;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


.about-page .section3 span { line-height:40px; text-align:center;}
.about-page .section3 img { text-align:center;}


.sec_con { height:100%; width:1400px;  overflow:hidden; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.sec_con .fl { width:1090px; float:left;}
.sec_con .fr { width:280px; float:right;}

.profrpic { width:280px;}
.profrpic img {width:280px;}

.sec_bd10 { width:280px; overflow:hidden;}
/*首页左边*/
.sec_hd10 {  height:40px; line-height:40px; margin-top:20px; }
.sec_hd10 a{ font-size: 22px; color: #242424;font-weight: 600;line-height: 40px;display: inline-block;text-transform: capitalize;}

.sec_hd20 {  height:44px; font-size:14px; color:#fff; text-indent:20px; line-height:44px;}
.sec_hd20 a{ font-size:20px; font-weight:bold; color:#fff;}
.sec_hd20 span{ padding-left:10px; color:#fff;}

.product-list { overflow:hidden; line-height:24px;}
.product-list li { border-bottom:1px solid #dddddd; position:relative;}
.product-list li i { float:right; padding-right:10px; color:#b6b6b6; padding-top:12px;}
.product-list li a {  color:#434343; font-size:16px; font-weight:bold; display:block; line-height:50px; }
.product-list li a:after {
    position: absolute;
    content: '\e643';
    right: 0px;
    top: 0px;
    color: #c8c8c8;
    font-size: 14px;
    font-family: 'iconfont';
}
.product-list li a:hover{ color:#e40000; }
.product-list li a.active{ color:#e40000; }
.product-list li a:hover i{ color:#e40000;}
.product-list li span{ float:right; line-height:40px; color:#909090; font-size:12px;}

.product-list2 { background:#fff;  padding:8px 6px 15px 10px;-moz-border-radius:8px; -webkit-border-radius: 8px;border-radius:8px; overflow:hidden; margin:0 10px 10px 10px; line-height:24px;}


.news-list { position: relative; margin-top: 20px;}
/*Post Widget*/
.news-list .post{
	position:relative;
	font-size:14px;
	color:#666666;
	padding:0px 0px;
	padding-left:90px;
	height:65px;
	margin-bottom:15px; padding-bottom:15px;
	border-bottom:1px solid #e1e1e1;
}

.news-list .post:last-child{ margin-bottom:0px;}

.news-list .post .post-thumb{ position:absolute; left:0px; top:0px; width:72px;}

.news-list .post .post-thumb:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	z-index:10;
	background-color:rgba(0,0,0,0.15);
}

.news-list .post:hover .post-thumb img{
	opacity:0.70;
}

.news-list .post .post-thumb img{
	display:block;
	width:100%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-list .post .text{
	position:relative;
	top:-4px;
	font-size:16px;
	margin:0px 0px 0px;
	font-weight:700;
	color:#242424;
	line-height:1.4em;
	text-transform:capitalize;
	font-family: 'Lato', sans-serif;
}

.news-list .post .text a{
	color:#242424;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-list .post a:hover{
	color:#e5ae58;
	text-decoration:underline;
}


/*右边*/
.sec_bd{ width:1060px;  }
.sec_hd{ background:url(../img/sub04.jpg) repeat-x left bottom; height:52px; line-height:52px;}
.sec_hd .rt{ background: url(../img/secb.jpg) no-repeat 15px 20px; float:left; padding-left:35px;  font-weight:bold; line-height:52px;}
.sec_hd .rt a{ font-size:16px; color:#003f95;}
.sec_hd span{ float:right; font-size:12px; padding-right:10px; color:#888; line-height:52px;}
.sec_hd span a{color:#888;}

.sec_con2 { font-size:14px; padding:10px 20px; min-height:450px;}

.biref{ font-size:14px; line-height:150%;border-bottom:1px dashed #ccc; padding:10px 20px; margin-bottom:15px;}

.sec_tpm { width:1020px;  line-height:28px; padding:10px 0px; font-size:16px;}
.sec_tpm img { margin:0 auto; max-width:1020px; overflow:hidden;}


/* 产品 */
.product2 li { width:1020px;  overflow:hidden;  text-align:left; background:#f5f5f5; margin-bottom:20px; padding:30px 20px;}
.product2 li:hover {background:#c6e1f7} 
.product2 li .proaa { float:left; width:240px;}
.product2 li .probb { float:right; width:700px; }
.product2 li img{ display: inline-block; width:240px; height:180px;  vertical-align:middle }
.product2 li .title { line-height:28px;}
.product2 li .probb .title { font-size: 22px;  font-weight: 600; line-height: 1.4em; margin-bottom: 18px; color: #242424;}
.product2 li .probb p {  font-size:16px; line-height:26px; padding-top:6px; }
.product2 li .probb span { display:block; font-size:16px; background:#e5ae58;  color:#fff; line-height:22px; width:140px; margin-top:20px; padding: 9px 22px 9px; text-align:center;  border-radius: 3px; transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;  }
.product2 li .probb span a { color:#fff;}



/* 产品 */
.news2 { padding-top:30px;}
.news2 li { width:1020px;  overflow:hidden;  text-align:left;  margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e1e1e1; position:relative}
.news2 li .proaa { float:left; width:240px;}
.news2 li .probb { float:right; width:740px; }
.news2 li img{ display: inline-block; width:240px; height:180px;  vertical-align:middle }
.news2 li .title { line-height:28px;}
.news2 li .probb .title { font-size: 22px;  font-weight: 600; line-height: 1.4em; margin-bottom: 18px; color: #242424;}
.news2 li .probb p {  font-size:16px; line-height:26px; padding-top:6px; }
.news2 li .probb span { display:block; font-size:16px; background:#e5ae58; color:#fff; font-weight:bold; line-height:22px; width:140px; margin-top:20px; padding: 9px 22px 9px; text-align:center;  border-radius: 3px; transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;  }
.news2 li .more { position:absolute; right:10px; bottom:45px; font-size:14px;}
.news2 li .probb span a { color:#fff;}
	
	
/* 产品 */
.news3 { padding-top:30px;}
.news3 li { float:left; width:502px; margin-right:16px; 
 overflow:hidden;  text-align:left;  margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e1e1e1; position:relative}
.news3 li:nth-of-type(2n){ margin-right: 0;}
.news3 li .proaa { float:left; width:240px;}
.news3 li .probb { float:right; width:242px; }
.news3 li img{ display: inline-block; width:240px; height:240px;  vertical-align:middle }
.news3 li .title { line-height:28px;}
.news3 li .probb .title { font-size: 22px;  font-weight: 600; line-height: 1.4em; margin-bottom: 18px; color: #242424;}
.news3 li .probb p {  font-size:16px; line-height:26px; padding-top:6px; }
.news3 li .more { margin-top:10px;  font-size:16px;  }
.news3 li .probb span a { color:#fff;}
	

.sectit { height:35px; margin-top:20px; background:#d7d7d7; padding-left:20px; margin-bottom:20px; }
.sectit h5 { display:inline-block;  font-weight: bold; cursor: pointer; height:30px; line-height:30px; margin-top:5px; text-align:center;background:#fff;  padding-left:25px; padding-right:25px;overflow:hidden }

.secbut { width:88px; height:32px; display:inline-block; font:14px "Microsoft YaHei"; color:#fff; line-height:32px; text-align:center; background:#0061ad; -moz-border-radius: 5px;/* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px; margin-right:10px; margin-top:20px; }


.news-other { padding: 10px 0px; border-top: 1px #ddd solid; margin-top:20px; overflow:hidden;}
.news-other p {display: block; height: 30px;line-height: 30px;padding-left:3px;}
.news-other p a {font-size: 14px; color: #333;}
.news-other p a:hover {color: #6fc035;}


.gr-back-btn { float:right;font-size: 14px; color:#fff;  margin-top: 6px; width:145px; height: 40px; line-height: 40px; text-align: center; background-color: #0061ad;  position: relative; overflow: hidden; z-index: 2;}
.gr-back-btn:after { content: ""; width: 145px;height: 40px;top: 40px;background: #db1d00; color:#fff; display: block;position: absolute;left: 0;z-index: -1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.gr-back-btn:hover:after { top: 0;}

/* 详细页 */

.view{ line-height:180%;border-bottom:1px dashed #ccc; padding:0 0 20px; margin-bottom:20px;}
.view-title{width:100%;text-align:center;font:20px/36px "microsoft yahei";color:#333;padding:14px 0 0}
.view-date{width:100%;text-align:center;font:12px/24px "microsoft yahei";color:#999;}
.view-date span{margin:0 7px;}
.view-share{width:190px;margin:20px auto;}
.view-pages{width:100%;height:auto;overflow:hidden;margin:20px auto;}
.view-pages p{width:100%;height:30px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;border-bottom:1px dashed #ddd;}
.view-back{display:block;width:100px;height:30px;margin:10px auto;text-align:center;font:14px/30px "microsoft yahei";}
.view h1{width:100%;font:20px/30px "microsoft yahei";color:#343434;}
.view img{max-width: 100%;display:inline}
.view div{font-size:14px;}


.news_title{ margin:10px 0 15px 0;padding:0;text-align:center;font-size:22px;}
.news_info{text-align:center;color:#999; border-bottom:1px solid #dfdfdf; margin:10px 0 20px 0;padding:5px 0 10px 0;}
.share-bar { padding: 20px;}
.sharefl { float:left;}
	
	
/* 产品 */
.product2,.product3,.product8,.product8 li{width:100%;height:auto;overflow:hidden;}

.product3 li { width:33.3333333%; padding:1% 1.5% 1%;float:left;overflow:hidden;position:relative; text-align:center;}
.product3 li img{ display: inline-block; width:100%; height:230px; border:1px solid #CCCCCC; padding:2px; vertical-align:middle }
.product3 li .fctitle { line-height:28px;}
.product3 li p{ text-align:center;font:16px/35px "microsoft yahei";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}




/*联系我们*/

.contactbg { overflow: hidden; background: #f2f4f6; clear: both;}
.pagebg {
    overflow: hidden;
    background: #FFF;
    margin: 50px 0;
    padding: 50px;
}
.contact{overflow: hidden; }
.contact h2{ font-size:32px; margin: 20px 0; color:#0064b0; }
.contact ul{}
.contact ul li{ float: left; width: 50%; padding: 25px 0; font-size: 18px; border-bottom: 1px solid #E7E7E7;}
.contact ul li i{ float: left; font-size: 30px; margin-right: 10px; padding:5px; border-radius: 50%;  border: 1px solid #666666; margin-top:-5px;}
.contact .map { padding-top:30px; display:block;}	

.pager{ width: 100%; padding: 10px 0;text-align: center; margin:0 auto; margin-top:20px;}
.pager span,.pager a{display:inline-block;border:1px solid #a3a3a3;color:#a3a3a3;padding:2px 8px;text-decoration:none; margin:4px;}
.pager a:hover{background:#de1710;border-color:#222c50;text-decoration:none;color:#fff;}
.pager .cur{background:#de1710;border-color:#222c50; font-weight:bold;text-decoration:none;color:#fff;}
.pager span.dot{background:none;border-color:#fff; font-weight:bold; padding:0;}
.pager a.page-num-current { background:#de1710;color:#fff;}