/*
Theme Name: averban
Theme URI: www.zztank.com
Description: 石家庄正中科技有限公司
Tags: glass fused to steel tank, fire water storage tank
*/

@import url('https://fonts.googleapis.com/css?family=Lato|Raleway:300,400,500,600,700,800');

/*----------------------------------------*/
/*  Home page
/*----------------------------------------*/
/*----------------------------------------*/
/*  header
/*----------------------------------------*/
/* latin-ext */
html{
    margin-top: 0px !important; 
}
@font-face {

  font-family: 'Microsoft YaHei';
  src:url('fonts/YaHei.eot') format('eot'),
      url('fonts/YaHei.ttf') format('truetype'),
      url('fonts/YaHei.svg') format('svg');
}
@font-face {

  font-family: 'fontawesome-webfont';
  src:url('fonts/fontawesome-webfont.eot');
  src:url('fonts/fontawesome-webfont.ttf') format('truetype'),
      url('fonts/fontawesome-webfont.svg') format('svg');
}


#page{width:100%;height:36px;line-height:36px;text-align:left;overflow:hidden;margin-left:auto;margin-right:auto;display:block;text-align:-moz-center;*text-align:center;text-align:center}
#page a{text-decoration:none;color:#FFF;background:#282828;display:inline-block;padding:9px 12px;margin:0 5px 0 0;line-height:16px;margin-right:3px}
#page a:hover,#page a.current{color:#FFF;background:#32a5e7}

.content-box .table-striped{
    width: 100%;
    max-width: 60%;
    margin-bottom: 20px;
}

.row {
    margin:0px;
}
.col-padding{
	padding:0px;
}
.col-padding-right{
	padding:0px 30px 0px 0px;
}
.col-padding-left{
	padding:0px 0px 0px 15px;
}

/*2024年网站改版开始 */
/*首页开始 */
/*首页轮播图开始 */
.carousel-inner .item .bannar-video{
	width: 100%;
	height: auto;
	object-fit: fill;
}

.i-product-menu {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 184px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    z-index: 2;
}
ol, ul {
    list-style: none;
}
.i-product-menu li:hover {
    background: #0089cd;
}
.i-product-menu li {
    position: relative;
    width: 33.33%;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, .3);
}
.i-product-menu li.on, .i-product-menu li:hover {
    background: #0089cd;
}
.i-product-menuitem {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    transition: all .5s;
    z-index: 2;
}
.i-product-menuname {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-left: 30%;
    z-index: 2;
}
.i-product-menuname p.cn {
    margin-bottom: 8px;
    color: #fff;
    font-size: 28px;
    line-height: 1em;
    text-align: left;
}
.i-product-menuname p.en {
    color: #ffffff;
    font-size: 18px;
    line-height: 1em;
    text-align: left;
}
.i-product-logo {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
}
.i-product-logoicon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 51px;
    z-index: 4;
}
.i-product-menu li.on .i-product-iconbg, .i-product-menu li:hover .i-product-iconbg {
    opacity: 1;
}
.i-product-iconbg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transition: all .5s;
    z-index: 3;
}
.i-product-move {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px 13px;
    z-index: 2;
}
.i-product-lines {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.i-product-menu li.on .i-product-bt, .i-product-menu li:hover .i-product-bt {
    animation: toRight 5s forwards;
}
.i-product-menu li.on .i-product-line, .i-product-menu li:hover .i-product-line {
    display: block;
}
.i-product-bt {
    top: 0;
    width: 100%;
    height: 1px;
}
.i-product-line {
    display: none;
    position: absolute;
    background: #fff;
    transition: all .5s;
    z-index: 5;
}
.i-product-menu li.on .i-product-br, .i-product-menu li:hover .i-product-br {
    animation: toBottom 5s forwards;
}
.i-product-menu li.on .i-product-line, .i-product-menu li:hover .i-product-line {
    display: block;
}
.i-product-br {
    right: 0;
    width: 1px;
    height: 100%;
}
.i-product-line {
    display: none;
    position: absolute;
    background: #fff;
    transition: all .5s;
    z-index: 5;
}
.i-product-menu li.on .i-product-bb, .i-product-menu li:hover .i-product-bb {
    animation: toLeft 5s forwards;
}
.i-product-menu li.on .i-product-line, .i-product-menu li:hover .i-product-line {
    display: block;
}
.i-product-bb {
    bottom: 0;
    width: 100%;
    height: 1px;
}
.i-product-line {
    display: none;
    position: absolute;
    background: #fff;
    transition: all .5s;
    z-index: 5;
}
.i-product-menu li.on .i-product-bl, .i-product-menu li:hover .i-product-bl {
    animation: toTop 5s forwards;
}
.i-product-menu li.on .i-product-line, .i-product-menu li:hover .i-product-line {
    display: block;
}
.i-product-bl {
    left: 0;
    width: 1px;
    height: 100%;
}
.i-product-line {
    display: none;
    position: absolute;
    background: #fff;
    transition: all .5s;
    z-index: 5;
}

/*首页轮播图结束 */
/*公司简介开始 */
.i-about {
    position: relative;
    height: 960px;
    background: url(images/home/2024/about/about_bg.jpg);
    padding: 6% 0%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.i-about-main{
	position: relative;
	top: 8%;
	transform: translateY(-50%);
	z-index: 1;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.i-com-title .cn {
    margin-bottom: 10px;
    font-size: 45px;
    line-height: 1em;
    font-weight: 900;
    color: #094d9e;
    text-align: center;
}

.i-com-title .en {
    color: #666666;
    font-size: 22px;
    line-height: 1em;
	text-align: center;
}
.i-com-title .msg {
    text-align: center;
	width: 60%;
	font-size: 15px;
	display: block;
	margin: 0 auto;
	margin-top: 40px;
}

.i-about-menu {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	width: 100%;
	height: 120px;
	z-index: 2;
}

.i-about-menu li {
    position: relative;
    width: 33.33%;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, .8);
    background: rgba(1, 73, 155, .6);
}
.i-about-menuitem {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    transition: all .5s;
    z-index: 2;
}
.i-about-menuname {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 0 auto;
    z-index: 2;
}
.i-about-menuname p.cn {
    margin-bottom: 8px;
    color: #fff;
    font-size: 28px;
    line-height: 1em;
    text-align: center;
}

/*公司简介结束 */
/*产品与方案开始 */

/*产品与方案结束 */
/*企业文化开始 */
    

.i-culture {
   position: relative;
   height: 850px;
   background: url(images/home/2024/culture/culture_bg.jpg);
   padding: 8% 0%;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.i-culture-main {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
	width: 1650px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.i-com-title {
    color: #000;
}
.i-com-title .cn {
    margin-bottom: 10px;
    font-size: 45px;
    line-height: 1em;
	font-weight: 900;
	color: #094d9e;
	
}
.i-com-title .en {
    color: #666666;
    font-size: 22px;
    line-height: 1em;
}
.i-culture-content {
    width: 1440px;
    margin: 75px auto 0;
    padding: 5px 5px 0;
    overflow: hidden;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.i-culture-content ul {
    display: flex;
    justify-content: space-between;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.i-culture-content li {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 424px;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.i-culture-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 424px;
    height: 424px;
}
.i-culture-cycle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(0, 112, 185, .15);
    box-sizing: border-box;
    transition: all 2s;
}
.i-culture-content li:nth-child(n) .i-culture-cyclepoint {
    top: 0;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}
.i-culture-cyclepoint {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #004a9b;
}
.i-culture-content li a {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 85.37%;
    height: 85.37%;
    border-radius: 50%;
    border: 1px solid #004a9b;
    box-sizing: border-box;
    transition: all .5s;
    z-index: 1;
}
.i-culture-icon {
    margin-bottom: 48px;
}
.i-culture-icon span {
    color: #333;
    font-size: 61px;
    line-height: 1em;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-qiyeyuanjing:before {
    content: "\e668";
}
.i-culture-icon span {
    color: #333;
    font-size: 61px;
    line-height: 1em;
}
.i-culture-content li a p {
    color: #004a9b;
    font-size: 35px;
    line-height: 1em;
    text-align: center;
    transition: all .5s;
	font-weight: 900;
}
.i-culture-info {
    width: 100%;
    margin-top: 2em;
    color: #555;
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
    transition: all .5s;
}
.i-culture-content li:hover .i-culture-icon span, .i-culture-content li:hover .i-culture-more span {
    color: #fff;
}
.i-culture-content li:hover .i-culture-cycle {
    transform: rotate(360deg);
}
.i-culture-content li:hover a {
    background: #004a9b;
}
.i-culture-content li:hover a p {
    color: #fff;
    padding-bottom: 52px;
}
.i-culture-content li:hover .i-culture-info {
    color: #004a9b;
}
/*企业文化结束 */

/*视频开始 */
.i-video {
    padding-bottom: 0 !important;
	height: 410px;
}

.i-video a {
        display: block;
}
.i-video .pic {
    position: relative;
    font-size: 0;
    overflow: hidden;
}

.i-video .pic:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(images/video/play.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.i-about-video {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.i-about-video .i-about-post {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 5s;
}
.i-about-video.on .videoplay {
    animation: aboutdiplay .5s linear .75s 1 forwards;
}
.i-about-video .videoplay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 3;
    opacity: 0;
    transition: all .5s;
}
.i-about-video.on .video-cycle {
    animation: aboutRight .5s linear .75s 1 forwards;
}
.video-cycle {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 87px;
    height: 87px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-sizing: border-box;
    transition: all .5s;
}
.i-about-video.on .videoplay img {
    animation: aboutdown .5s linear .75s 1 forwards;
}
.i-about-video .videoplay img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 30px;
    transition: all .5s;
}

.video-modal-box {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 40;
}
.box-container-fluid {
    width: 100%;
    margin: 0 auto;
}
.video-modal-box .box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex
;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;
}
.video-modal-box .w1200 {
    background: #fff;
    padding: 40px 60px 60px;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.video-modal-box .top {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f7f8f9;
}
.video-modal-box .close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    font-size: 36px;
    color: #999;
    font-family: "avan";
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.video-modal-box .name {
    font-size: 20px;
    color: #666;
    line-height: 36px;
    letter-spacing: 1px;
}
.video-modal-box .video-box {
    height: 600px;
    font-size: 0;
    overflow: hidden;
}
.video-modal-box .video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
video {
    display: block;
    margin: 0;
    padding: 0;
	width: 100%;
}
.box ul li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
}
.fadeInUp50 {
    -webkit-animation-name: fadeInUp50;
    -moz-animation-name: fadeInUp50;
    -ms-animation-name: fadeInUp50;
    animation-name: fadeInUp50;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.box  ul li a {
    display: block;
}

.box ul li .pic {
    position: relative;
    font-size: 0;
    overflow: hidden;
}
.box  ul li .pic:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(images/video/play.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.box ul li .pic img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: transform 0.8s ease;
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
}
.box  ul {
    zoom: 1;
}
/*视频结束 */
/*主营业务开始 */
.fp-section.fp-table, .fp-slide.fp-table {
    display: block;
    width: 100%;
    overflow: hidden;
	height: 960px;
}
.sy_p2 {
    background-image: url(images/home/2024/business/sy_bj2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fp-tableCell {
    /* display: table-cell; */
    /* vertical-align: middle; */
    width: 100%;
    height: 100%;
    position: relative;
}
.sy_lb1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
}
.sy_lb1 ul {
    width: 100%;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
    z-index: 30;
}
.active .sy_conk li:nth-of-type(1), .active .sy_lb1 li:nth-of-type(1) {
    animation: fadeInLeft .6s .3s ease both;
    -webkit-animation: fadeInLeft .6s .3s ease both;
    -moz-animation: fadeInLeft .6s .3s ease both;
}
.active .sy_conk li:nth-of-type(1), .active .sy_lb1 li:nth-of-type(1) {
    animation: fadeInLeft .6s .3s ease both;
    -webkit-animation: fadeInLeft .6s .3s ease both;
    -moz-animation: fadeInLeft .6s .3s ease both;
}
.active .sy_conk li:nth-of-type(2), .active .sy_lb1 li:nth-of-type(2) {
    animation: fadeInLeft .6s .5s ease both;
    -webkit-animation: fadeInLeft .6s .5s ease both;
    -moz-animation: fadeInLeft .6s .5s ease both;
}
.active .sy_conk li:nth-of-type(3), .active .sy_lb1 li:nth-of-type(3) {
    animation: fadeInLeft .6s .7s ease both;
    -webkit-animation: fadeInLeft .6s .7s ease both;
    -moz-animation: fadeInLeft .6s .7s ease both;
}
.sy_lb1 li:hover .imgk, .sy_gd1 .imgk {
    filter: alpha(opacity = 100);
    -moz-opacity: 1;
    opacity: 1;
}

.sy_lb1 li {
    width: 20%;
    overflow: hidden;
    position: relative;
    height: 165vh;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.sy_lb1 li {
    width: 33.3%;
}
.sy_lb1 a, .sy_gd1 a {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-align: center;
}

.sy_lb1 li .imgk, .sy_gd1 .imgk {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    filter: alpha(opacity = 0);
    -moz-opacity: 0;
    opacity: 0;
}
.sy_lb1 li .txtk, .sy_gd1 .txtk {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    padding: 0 70px;
    width: 100%;
}
.txtk {
    width: 100%;
}
.sy_lb1 li .txtkn, .sy_gd1 .txtkn {
    width: 100%;
	top: 40%;
	position: relative;
}
.sy_lb1 li i, .sy_gd1 i {
    display: block;
    width: 100%;
    height: 75px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.sy_lb1 li .bt {
        font-size: 28px;
        margin-top: 30px;
}

.sy_lb1 li .bt, .sy_gd1 .bt {
    font-size: 30px;
    line-height: 40px;
    margin-top: 25px;
    display: block;
    width: 100%;
	color:#ffffff;
}
.sy_lb1 li .bt:after, .sy_gd1 .bt:after {
    content: '';
    width: 1.5em;
    height: 3px;
    background-color: #fff;
    display: block;
	margin: 20px auto;
}
.sy_lb1 li p {
	font-size: 16px;
	color: #ffffff;
}
.sy_lb1 li .s_more, .sy_gd1 .s_more {
    position: absolute;
    width: 50%;
    height: 45px;
    line-height: 44px;
    border: solid 1px #fff;
    left: 22%;
    bottom: -140%;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
}

.sy_lb1 li .s_more {
        height: 50px;
        line-height: 48px;
        font-size: 16px;
		color: #fff;		
    }
.an_dh:hover, a.an_dh:hover {
        color: #094d9e !important;
		background-color: #fff;
}
.imgk {
    width: 100%;
    overflow: hidden;
}
.sy_lb1 li:hover .an_dh:before {
    left: 0;
    width: 100%;
}

.sy_lb1 li .an_dh:before {
    left: 50%;
    background-color: #fff;
}
.an_dh:hover:before {
        width: 100%;
        -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    }
/*主营业务结束 */
/*产品介绍开始 */
.cont-plate1 {
    position: relative;
    width: 100%;
    height: auto;
}
.cont-plate1 .plate1-bg {
    width: 100%;
    height: auto;
}
.cont-plate1 .plate1-bg img {
    width: 100%;
}
.cont-plate1 .plate1-top {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    z-index: 9;
}
.cont-plate1 .plate1-top .top-title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #094d9e;
}
.cont-plate1 .plate1-top .top-English {
	margin-top: 20px;
	font-size: 20px;
	text-align: center;
	color: #837d7d;
}

.cont-plate1 .plate1-top .top-heng{
    width: 60px;
    height: 5px;
    margin: 0.22rem auto 0;
    border-radius: 0.5rem;
    background: #5e9132;
}
.i-market .i-market-layout .top-heng{
    width: 60px;
    height: 5px;
    margin: 0 auto;
    border-radius: 0.5rem;
    background: #5e9132;
}
.cont-plate1 .plate1-cent {
	position: relative;
	display: flex;
	justify-content: flex-start;
	position: absolute;
	top: 25%;
	right: 5%;
	width: 90%;
}
.cont-plate1 .plate1-cent .cent-menu {
    width: 16%;
    height: auto;
    background: linear-gradient(120deg, #0d85cf, #0f54a1);
}
.cont-plate1 .plate1-cent .cent-menu .menu-list {
    position: relative;
    width: 100%;
    height: 200px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list .list-box {
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px 0 0 52px;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-icon {
    position: relative;
    width: 48px;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-icon .img2 {
    opacity: 0;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-title {
    margin-top: 50px;
    font-size: 20px;
    color: #fff;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-English {
    margin-top: 0.1rem;
    font-family: 'Arial';
    font-size: 14px;
    color: #fff;
    opacity: 0.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-arrow {
    position: absolute;
    top: 50%;
    right: 0.3rem;
    width: 0.4rem;
    opacity: 0;
    transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-arrow img {
    width: 100%;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list-active {
    background: linear-gradient(-90deg, #00c0ff, #104bb9);
}
.cont-plate1 .plate1-cent .cnet-box {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    width: 84%;
    height: 600px;
    opacity: 0;
    visibility: hidden;
}
.cont-plate1 .plate1-cent .cnet-box .box-left {
    width: 32%;
    height: 100%;
    padding: 66px 0 0 57px;
    background: #f9f9f9;
}
.cont-plate1 .plate1-cent .cnet-box .box-left .left-English {
    font-size: 20px;
    color: #004b99;
	opacity: 0;
	padding: 0 0 40px 0;
}
.cont-plate1 .plate1-cent .cnet-box .box-left .left-title {
	margin: 40px 0 20px 0px;
	font-size: 25px;
	font-weight: bold;
	color: #004b99;
	opacity: 0;
}
.cont-plate1 .plate1-cent .cnet-box .box-left .left-text {
	padding-right: 60px;
	font-size: 15px;
	line-height: 25px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
    opacity: 0;
}
.cont-plate1 .plate1-cent .cnet-box .box-left .left-button {
    display: block;
	width: 130px;
	height: 40px;
	margin-top: 67px;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	color: #0072bc;
	border-radius: 30px;
	border: solid 2px #0a51a1;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.cont-plate1 .plate1-cent .cnet-box .box-right {
    width: 68%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}
.cont-plate1 .plate1-cent .cnet-box .box-right img {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
 .cont-plate1 .plate1-cent .cnet-box-active {
    opacity: 1;
    visibility: visible;
}
.cont-plate1 .plate1-cent .cnet-box-active .left-English, .cont-plate1 .plate1-cent .cnet-box-active .left-title, .cont-plate1 .plate1-cent .cnet-box-active .left-text, .cont-plate1 .plate1-cent .cnet-box-active img {
    opacity: 1 !important;
    transition: all 0.6s !important;
    -o-transition: all 0.6s !important;
    -moz-transition: all 0.6s !important;
    -webkit-transition: all 0.6s !important;
}
.cont-plate1 .plate1-cent .cent-menu .menu-list-active {
    background-color: #0085ca;
}

/*产品介绍结束 */
/*全球市场开始 */
.i-market{
   min-height: 300px;
   background_radio: 2;
   display-radio: 1;
   padding-top: 3%;
   position: relative;
}
.i-market .i-market-layout{
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   width: 94%;
   align-items: flex-end;
   background_radio: 1;
   display-radio: flex;
   max-width: 1600px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 60px;
}
.i-market .i-market-layout .p-item{
   flex: 1;
   max-width: 100%;
   max-height: 100%;
   position: relative;
}
.i-market .i-market-layout .p-item .cn-item{
   font-size: 40px;
   line-height: 1em;
   font-weight: 900;
   color: #094d9e;
   text-align: center;
}
.i-market .i-market-layout .p-item .en-item{
   olor: #666666;
   font-size: 22px;
   line-height: 1em;
   text-align: center;
}

.i-market .i-market-content {
    position: relative;
    overflow: hidden;
}
.i-market .w1600 {
	width: 100%;
	margin: 0 auto;
	padding: 0% 6% 0% 7%;
}
.i-market .i-market-main {
       position: relative;
       left: 0;
       top: 40%;
       float: left;
       transform: translateY(-50%);
       width: 20%;
       box-sizing: border-box;
}
.i-market-video {
    width: 100%;
	height: 100%;
	overflow: hidden;
}
.i-market-number p span, .i-market-number p i {
    color: #d41a1f;
    font-size: 40px;
    font-style: normal;
    line-height: 1em;
}
.i-market .i-market-more {
    position: relative;
    display: block;
    width: 150px;
    height: 45px;
    border-radius: 20px;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    line-height: 43px;
    text-align: center;
    overflow: hidden;
    transition: all .5s;
}
.i-market-more span {
    position: relative;
    z-index: 1;
}
.i-market-more::after {
    display: block;
    position: absolute;
    left: -130%;
    bottom: 0;
    content: "";
    width: 120%;
    height: 150%;
    background: #d41a1f;
    transform: skew(-20deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.i-market-more:hover {
    border-color: transparent;
    color: #fff;
}
.i-market-number li {
    
    border-bottom: 1px solid #ededed;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*全球市场结束 */
/*News开始 */
.i-news{
    position: relative;
    display: flex;
    align-items: center;
	background: url(images/home/2024/news_bg.jpg) no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.i-news-main {
    position: relative;
    top: 35%;
    transform: translateY(-50%);
}

.i-news-main .i-news-name{
    margin-bottom: 70px;
}
.w1600 {
    width: 100%;
    margin: 0 auto;
}
.i-com-title .cn {
    margin-bottom: 10px;
    font-size: 45px;
    line-height: 1em;
	color: #094d9e;
	text-align: left;
}
.i-com-title .en {
    color: #c8c8c8;
    font-size: 22px;
    line-height: 1em;
	text-align: left;
}
.i-news-content {
    display: flex;
    flex-wrap: wrap;
	padding-left: 35px;
}
.i-news-content .i-news-latest{
    display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 32%;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	margin-right: 20px;
}

.i-news-content .i-news-latest .i-news-img{
    overflow: hidden;
	display-radio: 1;
	height: 0;
	padding-bottom: 42%;
	position: relative;
	width: 100%;
}
.i-news-content .i-news-latest .i-news-img img{
    width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	transition: all 0.5s;
}
.i-news-content .i-news-latest .i-news-title{
    display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	background_radio: 1;
	display-radio: flex;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ebebeb;
}
.i-news-content .i-news-latest .i-news-title .i-news-h3{
   line-height: 1.5;
   font-size: 22px;
   color: rgb(51, 51, 51);
   -webkit-line-clamp: 2;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   min-height: 66px;
   margin-bottom: 15px;
   overflow: hidden;
   transition: 0.5s;
}
.i-news-content .i-news-latest .i-news-title .i-news-p{
   line-height: 1.5;
   font-size: 14px;
   color: rgb(51, 51, 51);
   margin-bottom: 5px;
   -webkit-line-clamp: 2;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   min-height: 42px;
   overflow: hidden;
   transition: 0.5s;
}

.i-news-content .i-news-latest .i-news-date{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  background_radio: 1;
  display-radio: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}
.i-news-content .i-news-latest .i-news-date .i-news-p{
  font-size: 16px;
  color: #666;
  line-height: 1.8;
  text-align: left;
}


/*News结束 */
/*首页结束*/

/*公司介绍页面开始*/
.a-about{
	position: relative;
}

.a-about .inner-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5);
}

.a-about .inner-nav .inner-nav-content {
    display: flex;
    justify-content: space-between;
    height: 90px;
	width: 100%;
	margin: 0 auto;
}
.a-about .inner-nav .inner-nav-content li {
    position: relative;
    width: 100%;
    transition: all .5s;
}
.a-about .inner-nav .inner-nav-content li a {
    position: relative;
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 90px;
    text-align: center;
    z-index: 1;
    transition: all .5s;
}


.a-about .inner-nav .inner-nav-content li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    width: 1px;
    height: 14px;
    background: #626665;
}

.a-about .inner-nav  .inner-nav-content li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: left center;
    width: 100%;
    height: 100%;
    background: #0089cd;
    transition: all .5s;
}
.a-about .inner-nav .inner-nav-content li:hover:after {
    transform: scaleX(1);
}
.a-about .a-about-menu {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 120px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    z-index: 2;
}

.a-about .a-about-menu li {
    position: relative;
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, .3);
}
.a-about-menuitem {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    transition: all .5s;
    z-index: 2;
}
.a-about-menuname {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 0 auto;
    z-index: 2;
}
.a-about-menuname p.cn {
    margin-bottom: 8px;
    color: #fff;
    font-size: 28px;
    line-height: 1em;
    text-align: left;
}
.a-about-lines {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.a-abou-line {
    display: none;
    position: absolute;
    background: #fff;
    transition: all .5s;
    z-index: 5;
}

.a-about-bt {
    top: 0;
    width: 100%;
    height: 1px;
}
.a-about-br {
    right: 0;
    width: 1px;
    height: 100%;
}
.a-about-bb {
    bottom: 0;
    width: 100%;
    height: 1px;
}
.a-about-bl {
    left: 0;
    width: 1px;
    height: 100%;
}
.a-about .a-about-move{
	cursor: pointer;
}
.a-about-menu li:hover {
    background: #0089cd;
}
.about-intro{
    padding: 132px 0;
    background: #fff;
}

.w1300 {
    width: 80%;
    margin: 0 auto;
}
.w1250 {
    width: 1250px;
    margin: 0 auto;
}
.i-com-title .cn {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 40px;
	color:#094d9e;
	text-align: center;
}
.i-com-title .en {
    color: #676767;
	font-size: 25px;
	line-height: 20px;
	text-align: center;
	padding-top: 10px;
	margin-top: 0px;
}
.about-intro .about-intro-main{
	padding: 0 0 58px 0px;
}
.about-intro .about-intro-img img {
    max-width: 100%;
    height: auto;
}
.about-intro .about-intro-img{
   padding: 80px 0px 50px 0px;
}
.about-intro .about-intro-content p{
	text-indent: 2em;
}

/*公司介绍页面结束*/
/*公司文化页面开始*/
.about-padding {
    padding-top: 132px;
    background: #fff;
}

.about-culture .culture{
    padding-top: 60px;
}

.about-culture .culture .culture-hope {
    margin-bottom: 130px;
    padding: 5px;
}
.about-culture .culture .hope-item {
    display: flex;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.about-culture .culture .hope-msg {
    position: relative;
    width: 38%;
    overflow: hidden;
    background: #fff;
}

.about-culture .culture .hope-text {
    position: absolute;
    left: 0;
    top: 38.09%;
    padding: 0 17.6%;
}

.about-culture .culture .hope-title {
    color: #000;
    font-size: 36px;
    line-height: 36px;
}
.about-culture .culture .hope-slogan {
    margin-top: 50px;
    color: #000;
    font-size: 18px;
    line-height: 20px;
}
.about-culture .culture .hope-pic {
    position: relative;
    width: 62%;
    height: 588px;
}

.about-culture .culture .hope-pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.about-culture .culture .culture-hope-buttom{
       margin-bottom: 130px;
}
/*公司文化页面结束*/
/*市场覆盖页面开始*/
.about-intro .about-market-content{
	width: 60%;
	margin: 0 auto;
	padding-bottom: 20px;
}

.about-intro .about-market-content .hope-pic{
	width: 30%;
	float: left;
}
.about-intro .about-market-content .hope-pic .market-title{
	color: #094d9e;
	padding: 0px;
	margin: 10px;
}
.about-intro .about-market-content .market-msg .hope-slogan{
	font-size: 17px;
}

.about-intro .about-market-content .market-msg .hope-text-top{
	padding-top: 10px;
}

/*市场覆盖页面结束*/
/*影视正中页面开始*/
.about-intro .first-box {
    position: relative;
    cursor: pointer;
	 margin-bottom: 50px;
}
.about-intro .first-box .video-play{
        width: 98%;
}
.about-intro .list .box{
    display: -webkit-box;
}

.about-intro .list ul li {
       float: left;
       width: 31.3%;
       margin-right: 2%;
       margin-bottom: 3%;
}
.about-intro .list ul li .video-play{
    width: 100%;
}
.about-intro  .list ul li .name {
    font-size: 25px;
        color: #094d9e;
        line-height: 50px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 10px;
         background-color: #ffffff;
}
/*影视正中页面结束*/

/*发展历程页面开始*/
.about-history {
    padding: 120px 0;
	background-image: url(images/about/history/history_bg.jpg);
}

.about-history .wp {
    max-width: 1200px;
    padding: 30px 60px;
    margin: 0 auto;
}

.about-history .wp .m-history {
    font-size: 16px;
    line-height: 35px;
}
.about-history .wp .wow:first-child {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
.about-history .wp .m-history li {
    margin-bottom: 25px;
}

.about-history .wp .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.about-history .wp .m-history .year {
    color: #0068b6;
    font-size: 24px;
    margin-bottom: 5px;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*发展历程页面结束*/
/*研发团队页面开始*/
.a-about .i-technology li {
    width: 25% !important;

}
.research {
    padding-top: 133px;
}

.research .platform {
    margin-top: 62px;
}
.research .platform .platform-main {
    padding-bottom: 85px;
}

.research .platform .platform-main .platform-main-title {
    color: #d41a1f;
    font-size: 24px;
    line-height: 1em;
}

.research .platform .platform-main  .platform-content {
    display: flex;
    margin: 26px 0 70px;
}
.research .platform .platform-main  .platform-content .i-com-title .cn {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 40px;
    color: #094d9e;
    text-align: left;
	padding-top: 0px;
	margin-top: 0px;
}

.research .platform .platform-main  .platform-content .i-com-title .en {
    color: #676767;
    font-size: 25px;
    line-height: 20px;
    text-align: left;
    padding-top: 10px;
    margin-top: 0px;
}
.research .platform .platform-main  .platform-content .i-com-title .top-heng {
    width: 60px;
    height: 5px;
    margin: 0 0 0 0;
    border-radius: 0.5rem;
    background: #5e9132;
}

.research .platform .platform-main  .platform-content .platform-point {
    width: 40%;
}
.research .platform .platform-main  .platform-content .platform-point p {
    position: relative;
	padding: 0 150px 0 0;
	box-sizing: border-box;
	color: #333;
	font-size: 17px;
	line-height: 35px;
	margin-top: 80px;
}

.research .platform .platform-main  .platform-content .platform-msg {
    width: 60%;
}

.research .platform .platform-main  .platform-content .platform-msg p {
    color: #555;
    font-size: 16px;
    line-height: 32px;
    text-align: justify;
}

.research .platform .platform-main .research-honor {
    padding-top: 82px;
    border-top: 1px solid rgba(0, 0, 0, .07);
}
.research .platform .platform-main .research-honor .research-honor-list {
    display: flex;
    flex-wrap: wrap;
}

.research .platform .platform-main .research-honor .research-honor-list .research-honor-item {
    position: relative;
    width: 31%;
    margin-right: 2.05%;
    margin-bottom: 30px;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.research .platform .platform-main .research-honor .research-honor-list .research-honor-item .research-honor-pic {
    position: relative;
    width: 100%;
    padding-bottom: 68.52%;
}
.mask {
    position: relative;
    overflow: hidden;
}

.research .platform .platform-main .research-honor .research-honor-list .research-honor-item  .research-honor-pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

img.ofi {
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.research .platform .platform-main .research-honor .research-honor-list .research-honor-item  .mask.scrollin2:after {
    left: 100%;
}
.research .platform .platform-main .research-honor .research-honor-list .research-honor-item .mask::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all ease-in-out 750ms;
    transition: all ease-in-out 750ms;
}

.research .platform .platform-main .research-honor .research-honor-list .research-honor-item  .research-honor-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 78px;
    padding: 5px;
    box-sizing: border-box;
    box-shadow: 0 6px 35px rgb(0 0 0 / 10%);
    background: #fff;
}
.research .platform .platform-main .research-honor .research-honor-list .research-honor-item  .research-honor-title p {
    color: #555;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    transition: all .5s;
}

.research-honor-item:hover .research-honor-title::after {
    transform: scaleX(1);
}
.research-honor-item .research-honor-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    width: 100%;
    height: 5px;
    background: #094d9e;
    transition: all .5s;
}
.research-honor-item:hover .research-honor-title p {
    color: #094d9e;
}

/*研发团队页面结束*/

/*核心技术页面开始*/
.research .tech {
    padding: 10px 0px 36px 0px;
}

.tech .paper-vision {
    background-color: #fff;
}
.tech .paper {
    width: 100%;
    overflow: hidden;
}

.tech .paper-vision .paper-pic{
	background-image: url(images/technology/te/1.jpg);
}
.tech .paper-mission .paper-pic{
	background-image: url(images/technology/te/2.jpg);
}
.tech .paper-value .paper-pic{
	background-image: url(images/technology/te/3.jpg);
}
.tech .paper-inner {
    width: 80%;
    max-width: 1280px;
    margin: 13vh auto;
}
.tech .paper-vision .paper-pic {
    float: right;
}

.tech .paper-value .paper-pic {
    float: right;
}
.tech .paper-mission .paper-pic {
    float: left;
}
.tech .paper-mission .paper-info {
    float: right;
}
.tech .paper-pic {
    position: relative;
    width: 39%;
    padding-top: 26%;
    border-radius: .37rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}
.tech .paper-info {
    width: 52%;
}
.tech .paper-info h2, .tech .paper-intro h2 {
    position: relative;
    font-size: 30px;
	text-align: left;
	margin-bottom: 50px;
}


.tech .paper-info p, .tech.paper-intro p {
    font-size: 18px;
        font-weight: 300;
        line-height: 40px;
}


.tech .paper-mission{
    background-color: #f6f8fb;
}
.research .tech .tech-main {
    border-top: 2px solid #094d9e;
}
.research .tech .tech-main .tech-item {
    display: flex;
    flex-wrap: wrap;
    padding: 66px 0 68px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.research .tech .tech-main .tech-item .tech-item-l {
    width: 33.3%;
}
.research .tech .tech-main .tech-item .tech-item-title p {
    position: relative;
    padding-left: 27px;
    color: #094d9e;
    font-size: 24px;
}

.research .tech .tech-main .tech-item .tech-item-title p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0062a7;
}
.research .tech .tech-main .tech-item .tech-item-msg {
    margin-bottom: 47px;
    color: #555;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
}
.research .tech .tech-main .tech-item .tech-item-r {
    width: 66.7%;
}

.research .tech .tech-main .tech-item-num {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.research .tech .tech-main .tech-item-pic img {
    max-width: 100%;
    height: auto;
}
.research .tech .tech-main .mask.scrollin2:after {
    left: 100%;
}
.achievements{
	background-image: url(images/technology/03.jpg);
}
/*核心技术页面结束*/
/*专利证书页面开始*/

.patent .patent-content {
	position: relative;
	padding: 10px 0 42px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	text-align: center;
}

.patent .patent-content p{
	color: #333;
	font-size: 18px;
	line-height: 48px;
}
.patent .patent-book {
    padding: 54px 0 0;
}
.patent .patent-book .system-book-part:last-child {
    border-bottom: none;
}
.patent .patent-book .system-book-part {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.patent .patent-book .system-book-part .system-book-group {
    display: flex;
    flex-wrap: wrap;
}

.patent .patent-book .system-book-part .system-book-group .system-book-item {
    width: 14%;
    margin-right: 5.3875%;
    margin-bottom: 62px;
}
.patent .patent-book .system-book-part .system-book-group .system-book-item .system-book-pic {
    position: relative;
    width: 100%;
    height: 284px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    padding: 12px;
}
.patent .patent-book .system-book-part .system-book-group .system-book-item .system-book-pic .system-book-photo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.patent .patent-book .system-book-part .system-book-group .system-book-item .system-book-name {
    margin-top: 16px;
    color: #333;
    font-size: 14px;
    line-height: 2em;
    text-align: center;
}
/*专利证书页面结束*/
/*技术成果页面开始*/
.research .wp {
        max-width: 1200px;
    padding: 60px 40px;
    margin: 0 auto;
}

.research .wp .m-history {
    font-size: 16px;
    line-height: 35px;
}
.research .wp .wow:first-child {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
.research .wp .m-history li {
    margin-bottom: 25px;
}
.research .wp .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.research .wp .m-history .year {
    color: #0068b6;
    font-size: 24px;
    margin-bottom: 5px;
}
/*技术成果页面结束*/
/*2024年网站改版结束 */
/*2022年网站改版开始 */
/*首页开始 */
.swiper-container{
	margin-top:50px;
}	
.swiper-slide{
	width:860px;
	}
.swiper-slide a{
	transition: 0.2s;
	}	

.swiper-pagination{
	text-align:center;
	width:100%;
	margin-top:10px;}
.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
	margin:0 5px;
	background:#02328d;
}
/*视频结束 
.swiper-button-prev{
	width:50%;
	height:360px;
	left:-450px;
	top:0;
	    background: url(images/business/ichimatsu.png) repeat 0 0;
    border-radius: 5px;
	margin-top:0;
	z-index:99;
	transition: 0.2s;
	}	
.swiper-button-prev:before{	
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    background: url(images/business/slide_prev.png) no-repeat 0 center;
    left: 94%;
    top: 50%;
    margin-top: -180px;
}
.swiper-button-next{
	width:50%;
	height:360px;
	right:-450px;
	top:0;
	background: url(images/business/ichimatsu.png) repeat 0 0;
    border-radius: 5px;
	margin-top:0;
	z-index:99;
	transition: 0.2s;
	}
.swiper-button-next:after{	
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    background: url(images/business/slide_prev.png) no-repeat 0 center;
    right: 94%;
    top: 50%;
    margin-top: -180px;
	transform: rotate(180deg);
}
.swiper-button-prev:hover,.swiper-button-next:hover{
	opacity:0.6;
}*/
.business-2022{
	background: #F7F8F8;
}  
.business-2022 .business-list-content{
  	    background: #ffffff;
		position: relative;
}
.business-2022 .business-list-content i{
  	    position: absolute;
  	        left: 50%;
  	            top: 55px;
  	            width: 26%;
  	        height: 2px;
  	        background-color: #036EB8;
  	        transition: all 0.1s;
  	        transform: translateX(-50%);
  	        -webkit-transform: translateX(-50%);
  	        -ms-transform: translateX(-50%);
}
 .business-2022 .business-list-content h4{
   	        text-align: center;
   	        margin: 0px;
   	        padding: 0px;
   	        font-size: 20px;
   	        color: #036EB8;
   	        margin-bottom: 30px;
 }
 .business-2022 .business-list-content a{
   	            display: block;
   	            border: 1px solid #036EB8;
   	            border-radius: 2rem;
   	            width: 10rem;
   	            font-size: 1.4rem;
   	            color: #036EB8;
   	            text-align: center;
   	            margin: 0 auto;
   	            cursor: pointer;
				padding: 3px;
 }
 .business-2022 .business-list-item{
   	       cursor: pointer;     
 }

 .business-2022 .business-list-item:hover .business-list-content{
   	       background: #036EB8;     
 }
 .business-2022 .business-list-item:hover .business-list-content h4{
   	       color:#ffffff   
 }
 .business-2022 .business-list-item:hover .business-list-content a{
   	       background:#ffffff   
 }
 .business-2022 .business-list-item:hover .business-list-content i{
   	       background-color: #ffffff;  
 }
/*首页结束 */
/*公司概况页面开始 */
.about-intro-2022 h4{
	font-size: 20px;
}
.about-intro-2022 .glyphicon{
	    color: #036EB8;
	    font-size: 30px;
	    top: 6px;
	    margin-right: 5px;
}
.about-video{
	height: 760px;
	background: url(images/about/video_bg.png) no-repeat center center;
}

.about-video video{
	width: 100%;
}
.title-p{
	font-size:16px;
}
/*公司概况页面结束 */
/*搪瓷拼装罐页面开始 */
.gfstank_bg{
	height: 336px;
	background: url(images/gfstank/gfstank_bg.png) no-repeat center center;
}
.gfstank_info .content-bg{
	height: 300px;
	background: url(images/gfstank/ph/tank_bg.jpg) no-repeat center center;
}
.gfstank_info .content-bg .content-txt{
	    background: #7CAE2A;
	    padding: 10px;
	    opacity: 0.8;
}
.gfstank_info .content-bg .content-txt p{
	    color: #ffffff;
	    font-weight: 300;
}
.gfstank_bg .content-bg{
	background: #7CAE2A;
	width: 40.2%;
	opacity: 0.8;
}
.gfstank_bg .content-bg p{
	    color: #ffffff;
	    font-weight: 600;
}
.gfstank_spec .glyphicon {
    color: #036EB8;
    font-size: 27px;
    top: 6px;
    margin-right: 5px;
}
.gfstank_spec .table-bordered {
    border: 4px solid #ffffff;
}
.gfstank_spec .table-item{
    background: #036EB8;
        color: #ffffff;
	border: 4px solid #ffffff;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    background: #F7F8F8;
    border: 4px solid #ffffff;
}
.gfstank_ad .glyphicon {
    color: #036EB8;
    font-size: 27px;
    top: 6px;
    margin-right: 5px;
}
.gfstank_ad .ad-item {
        width: 12%;
        background: #036EB8;
        padding: 21px 10px;
        text-align: center;
        color: #ffffff;
        font-size: 18px;
        float: left;
        font-weight: 600;
		    height: 67px;
}
.gfstank_ad .ad-content-2022{
    width: 88%;
        float: left;
        background: #F7F8F8;
        padding: 8px 20px;
        font-size: 16px;
        line-height: 26px;
		    height: 67px;
}
.gfstank_pd h4{
	background: #036EB8;
	    margin: 0px;
	    padding: 10px 10px;
	    text-align: center;
	    color: #ffffff;
	    line-height: 25px;
}

.gfstank_rf .glyphicon {
    color: #036EB8;
    font-size: 27px;
    top: 6px;
    margin-right: 5px;
}
.gfstank_rf .gfstank-adr{
	height: 226px;
	background: url(images/gfstank/roofs/1.jpg) no-repeat center center;
}
.gfstank_rf h4{
	    margin: 0px;
	    color: #3c3b3b;
	    line-height: 25px;
}
.gfstank_rf .adr-content{
	            width: 50%;
}
.gfstank_rf .adr-content .adr-content-left{
	           float: left;
	           width: 70%;
}
.gfstank_rf .adr-content .adr-content-right{
	           float: left;
}
.gfstank_rf .roof-list h4{
	   background: #036EB8;
	       text-align: center;
	       color: #ffffff;
	       padding: 8px;  
}
.gfstank_ap .ap-tt h4{
	  margin: 0px;
	      background: #036EB8;
	      color: #ffffff;
	      padding: 8px;
}
.gfstank_ap .ap-list{
	      background: #e7ebeb;
	      padding: 8px 8px;
}
.gfstank_ap .ap-list h5{
			 margin: 0px;
			     font-size: 12px;
			     font-weight: 600;
			     padding: 8px 0px;
}
.gfstank_ap .ap-list .h5-bt{
			 border-bottom: 2px solid #ffffff;
}

.bg-cover {
	background: url(images/product/adroof/roof5.png) no-repeat center center;
}
.bg-table {
	background: url(images/product/adroof/roof6.png) no-repeat center center;
}
/*搪瓷拼装罐页面结束 */
/*新闻页面开始 */
.news-section-2022{
	background: #f6f6f6;
}
.epoxy{
	font-size: 16px;
}

.news-section-2022 .news-box-2022{
	padding: 20px 40px 20px 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 3px 2px rgb(0 0 0 / 6%);
	background: #ffffff;
}
.news-section-2022 .news-box-2022 .new-img-2022 {
    overflow: hidden;
}
.news-section-2022 .news-box-2022  img{
    border-radius: 5px;
}
.news-section-2022 .news-box-2022 .news-content h4{
    padding-top:20px;
}
.news-section-2022 .news-box-2022 .news-content{
    padding-left:20px;
}
.news-section-2022 .news-box-2022 .news-content h4 a{
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}
.news-section-2022 .news-box-2022 .news-content h4 a:hover{
    color:#036EB8;
}
.news-section-2022 .news-box-2022 .news-details span {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    margin-right: 30px;
}
.news-section-2022 .news-box-2022 .btn-a a {
	display: block;
	border: 1px solid #2472dc;
	border-radius: 1rem;
	width: 10rem;
	font-size: 1.5rem;
	color: #2472dc;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}
.news-section-2022 .news-box-2022 .btn-a a:hover{
	background-color: #2472dc;
    color: #ffffff;
}
.pagination{
	width: 100%;
	margin: 30px 0 0 0;
	text-align: center;
}
.pagination li{
	display: inline-block;
	margin-right:5px;
}
.pagination li > a {
    display: block;
        border: 1px solid #2472dc;
        padding: 5px 16px;
        font-size: 1.5rem;
        color: #2472dc;
        line-height: 20px;
        text-align: center;
        cursor: pointer;
}

.pagination li > a.current,.pagination li > a:hover {
    background-color: #2472dc;
    color: #ffffff;
}
/*新闻页面结束 */

/*联系页面开始 */
.contact-2022{
	background: url(images/contact/contact_bg.jpg) no-repeat center center;
	padding: 0px 0px 50px 0px;
}
.contact-2022 .contact-equipment h2 {
    font-size: 35px;
	color: #003C7E;
	font-weight: 900;
	margin-bottom: 80px;
	position: relative;
}

.contact-2022 .contact-equipment h2:before {
	content: "";
	position: absolute;
	width: 35%;
	height: 4px;
	top: 65%;
	background-color: #003C7E;
	left: 0%;
}

.contact-2022 .contact-equipment h2:after {
	content: "";
	position: absolute;
	width: 35%;
	height: 4px;
	top: 65%;
	background-color: #003C7E;
	right: 0%;
}

.contact_list{
	width: 100%;
	float: left;
	
}
.contact-2022 .contact-add{
	padding: 100px 0px;
}

.contact-2022 .contact-add .add-bg{
	padding: 15px 20px;
	background: #efefef;
	margin-right: 20px;
	height: 135px;
	float: left;
	width: 31%;
}
.contact-2022 .contact-add .add-bg .ap-tt h4{
	text-align: left;
	color:#003C7E;
}
.contact-2022 .contact-add .add-bg .ap-list h5{
	font-size: 15px;
	line-height: 22px;
	margin-top: 5px;
}
.con-row{
	margin-left: -15px;
	    margin-right: -15px;
}
.contact_list_card {
    width: 33.3%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
}
.contact_list_card_sec {
    width: 66.3%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
}

.contpad {
    border: 1px solid transparent;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 3px 7px #e0e0e0;
}
.contpad {
    padding: 30px;
    box-sizing: border-box;
    background: #f8f8f8;
    float: left;
    min-height: 100px;
	border: 2px solid #0777c4;
}
.ifont22 {
    font-size: 22px;
}
.c-pany {
    padding-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align: left;
	color: #003C7E;
}
.c-pad-list {
    width: 100%;
    height: 60px;
}
.c-pad-list-sec {
    width: 50%;
    height: 150px;
	    float: left;
}
.c-pad-list-sec h3{
   padding: 0px;
       margin: 0 0 10px 0;
	   font-size: 18px;
}
.c-flx {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    justify-content: left;
    align-items: center;
    float: left;
    width: 60px;
}
.c-tel {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
.c-tl {
        width: 60px;
        padding: 0px;
        margin: 0px;
        line-height: 18px;
		font-size: 15px;
}
.c-tr {
        width: calc(100% - 70px);
        word-break: break-all;
        float: left;
        margin: 0px;
        font-size: 15px;
        line-height: 18px;
}
.c-email {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
.c-email p {
    word-break: break-all;
}
.contpad:hover {
    position: relative;
    box-sizing: border-box;
    background: #ffffff;
    border: 2px solid #0777c4;
    box-sizing: border-box;
    box-shadow: 1px 3px 16px 2px #dedede;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.c-tr a:hover {
    color: #036EB8;
}
/*联系页面结束 */
/*项目案例页面开始*/
.equipment-case{
	background: #ffffff;
	padding: 0px 0px 50px 0px;
}
.equipment-case .list-title h2{
	font-size: 30px;
	    color: #036EB8;
	    text-align: center;
	    font-weight: 600;
	    position: relative;
}
.equipment-case .list-title h3{
	    font-size: 25px;
	    margin-bottom: 0px;
	    padding-top: 0px;
	    margin-top: 5px;
}
.equipment-case .list-title h3::before,.equipment-case .list-title h3::after{
	        content: '';
	        width: 100px;
	        height: 1px;
	        background-color: #0057cd;
	        display: inline-block;
	        vertical-align: middle;
	        margin-right: 10px;
	        margin-left: 10px;
}
.equipment-case .case-list-bt{
	    width: 880px;
	    margin-top: 30px;
	    margin-bottom: 50px;
	    height: 81px;
}
.equipment-case .case-list-ch .case-item-b{
	    float: left;
	        width: 420px;
	        margin-right: 10px;
	        height: 81px;
}
.equipment-case .case-list-ch .case-project{

	        margin-right: 10px;

}
.equipment-case .case-list-ch .case-project h4{
font-size: 30px;
    padding: 15px 0 0 30px;
    color: #ffffff;
    cursor: pointer
}
.equipment-case .case-list-ch .case-equipments h4{
font-size: 30px;
    padding: 15px 0 0 30px;
    color: #036EB8;
    cursor: pointer
}
.equipment-case .case-list-ch .case-list-bt .case-project{
	background: url(images/project-case/icon/case_bt_active.png) no-repeat center center;
}
.equipment-case .case-list-ch .case-list-bt .case-equipments{
	background: url(images/project-case/icon/case_bt.png) no-repeat center center;
}
.equipment-case .case-list-title{
	    background: url(images/project-case/icon/case_title.png) no-repeat center center;
}
.equipment-case .case-list .case-list-mg{
    margin-right: 20px;
}
.equipment-case .case-eq{
	padding-top:50px;
}
.equipment-case ul {
    padding: 33px 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.equipment-case ul li {
    display: inline-block;
}
.equipment-case li a {
    display: block;
    padding: 0 32px;
    font-size: 16px;
    line-height: 36px;
    color: #777777;
    position: relative;
    cursor: pointer;
}
.equipment-case li a:hover, .equipment-case li a.active {
    color: #036EB8;
}

.equipment-case .case-list{
	padding-top: 30px;
}
.equipment-case .case-list h4{
	        font-size: 16px;
	        text-align: left;
	        padding-top: 0px;
	        line-height: 20px;
}
.equipment-case .case-list .project-case-img{
	overflow: hidden;
}

.equipment-case .case-list .project-case-img img{
	-webkit-transform: translateZ(0px);
	    -moz-transform: translateZ(0px);
	    -ms-transform: translateZ(0px);
	    transform: translateZ(0px);
	    -webkit-transition: transform 0.3s ease 0s;
	    -moz-transition: transform 0.3s ease 0s;
	    -ms-transition: transform 0.3s ease 0s;
	    transition: transform 0.3s ease 0s;
}
.equipment-case .case-list .case-list-item:hover .project-case-img img{
	webkit-transform: scale(1.05, 1.05);
	    -moz-transform: scale(1.05, 1.05);
	    -ms-transform: scale(1.05, 1.05);
	    transform: scale(1.05, 1.05);
	    -webkit-transition: transform 0.5s ease 0s;
	    -moz-transition: transform 0.5s ease 0s;
	    -ms-transition: transform 0.5s ease 0s;
	    transition: transform 0.5s ease 0s;
}

.project-case-details:before {
    content: "";
    position: absolute;
    /* left: 100%; */
    right: 100%;
    bottom: 0;
    z-index: 1;
    background: #036EB8;
    height: 4px;
}
.equipment-case .case-list .case-list-item:hover .project-case-details h4{
    color: #036EB8;
}
.equipment-case .case-list .case-list-item:hover .project-case-details:before {
    left: 0;
    right: 0;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.equipment-case .case-list-title h3{
	    font-size: 24px;
	    font-weight: 600;
	    color: #ffffff;
	    text-align: center;
	    padding: 10px;
	    margin: 0px;
}
.equipment-case .case-list .case-list-item{
	padding-left: 0px;
	padding-right:0px;
	width: 32.2%;
	cursor: pointer;
}

.equipment-case .case-list .case-list-item .project-case-details{
	    background: #FFF;
	    padding: 10px 22px 22px;
		box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
		position: relative;
}
.equipment-case .case-list .case-list-item .project-case-details p{
		font-size: 13px;
		margin-bottom: 5px;
		line-height: 18px;
}

.cast-list-top{
	margin-top: 80px;
}
.page-pagination{
	    width: 100%;
	    margin: 30px 0 0 0; 
	    text-align: center;
}
.page-pagination a:hover, .page-pagination .jp-current{
	    background-color: #2472dc;
	        color: #ffffff;
}
.page-pagination a{
	    display: inline-block;
	        border: 1px solid #2472dc;
	        padding: 5px 15px;
	        font-size: 1.5rem;
	        color: #2472dc;
	        line-height: 20px;
	        text-align: center;
	        cursor: pointer;
}

/*设备案例页面结束*/
/*工程页面开始*/
.project-intro .case-list-bt {
        width: 440px;
        margin-top: 30px;
        margin-bottom: 20px;
        height: 81px;
}
.project-intro .case-list-ch .case-list-bt .case-project {
    background: url(images/project-case/icon/case_bt_active.png) no-repeat center center;
}
.project-intro .case-list-ch .case-project {
    margin-right: 10px;
}
.project-intro .case-list-ch .case-item-b {
    float: left;
    width: 430px;
    height: 81px;
}
.project-intro .case-list-ch .case-project h4 {
    font-size: 30px;
        padding: 15px 0 0 85px;
        color: #ffffff;
        cursor: pointer;
}
.project-intro .case-list-ch .case-list-bt .case-equipments {
    background: url(images/project-case/icon/case_bt.png) no-repeat center center;
}

.project-intro .case-list-ch .case-equipments h4 {
    font-size: 30px;
    padding: 15px 0 0 30px;
    color: #036EB8;
    cursor: pointer;
}
.project-list-btn {
    width: 100%;
    margin: 30px 0 0 0;
    text-align: center;
}
.project-list-btn li {
    display: inline-block;
    margin-right: 5px;
}
.project-list-btn li > a.current, .project-list-btn li > a:hover {
    background-color: #2472dc;
    color: #ffffff;
}
.project-list-btn li > a {
        display: block;
        border: 1px solid #2472dc;
        padding: 5px 18px;
        font-size: 1.5rem;
        color: #2472dc;
        line-height: 25px;
        text-align: center;
        border-radius: 8px;
        cursor: pointer;
}
.project-intro .case-list-ch{
    border-bottom: 1px solid #cbc0c0;
}
.project-content-2022 .project-title-2022{
    background: url(images/project/icon/t_bg.png) no-repeat left center;
}
.project-content-2022 .zq{
	border-bottom: 1px solid #cbc0c0;
}
.project-content-2022 .zq .zq-pd-l{
	padding-left: 0px;
}
.project-content-2022 .zq .project-title-2022 h4{
	color: #ffffff;
	    padding: 10px 0px;
	    padding-left: 20px;
}
.project-content-2022 .zq .process-title h5{
	font-size: 18px;
	    color: #036EB8;
}


.process-intro .case-list-bt {
   width: 440px;
       margin-top: 30px;
       margin-bottom: 20px;

}
.process-intro .case-list-ch .case-list-bt .case-project {
    background: url(images/project-case/icon/case_bt_active.png) no-repeat center center;
}
.process-intro .case-list-ch .case-project {
    margin-right: 10px;
}
.process-intro .case-list-ch .case-item-b {
    width: 430px;
    height: 81px;
}
.process-intro .case-list-ch .case-project h4 {
    font-size: 30px;
        padding: 25px 0 0 85px;
        color: #ffffff;
        cursor: pointer;
}
.process-intro .case-list-ch .case-list-bt .case-equipments {
    background: url(images/project-case/icon/case_bt_active.png) no-repeat center center;
}

.process-intro .case-list-ch .case-equipments h4 {
    font-size: 30px;
    padding: 15px 0 0 30px;
    color: #ffffff;
    cursor: pointer;
}
.process-list-btn {
    width: 100%;
    margin: 30px 0 0 0;
    text-align: center;
}
.process-list-btn li {
    display: inline-block;
    margin-right: 10px;
}
.process-list-btn li > a.current, .project-list-btn li > a:hover {
    background-color: #2472dc;
    color: #ffffff;
}
.process-list-btn li > a {
        display: block;
        border: 1px solid #2472dc;
        padding: 5px 18px;
        font-size: 1.5rem;
        color: #2472dc;
        line-height: 25px;
        text-align: center;
        border-radius: 8px;
        cursor: pointer;
}
.process-intro .case-list-ch{
    border-bottom: 1px solid #cbc0c0;
}
.process-content-2022 .project-title-2022{
    background: url(images/project/icon/t_bg.png) no-repeat left center;
}
.process-content-2022 .zq{
	border-bottom: 1px solid #cbc0c0;
}
.process-content-2022 .zq .zq-pd-l{
	padding-left: 0px;
}
.process-content-2022 .zq .project-title-2022 h4{
	color: #ffffff;
	    padding: 10px 0px;
	    padding-left: 20px;
}
.process-content-2022 .zq .process-title h5{
	font-size: 18px;
	    color: #036EB8;
}

.process-content-2022 .zq .reactor-img{
	border-left: 1px solid #cbc0c0;
}
.project-p .other-p{
	font-size: 18px;
	color: #036EB8;
	font-weight: 600;
}
/*工程页面结束*/
/*多元化设备页面开始*/
.equipments-intro h2{
    font-size: 35px;
    color: #036EB8;
    text-align: center;
    font-weight: 600;
    position: relative;
}
.equipments-intro h3{
    font-size: 23px;
        margin-bottom: 0px;
        padding-top: 0px;
        text-align: center;
}
.equipments-intro h3{
    font-size: 23px;
        margin-bottom: 0px;
        padding-top: 0px;
        text-align: center;
}
.equipments-intro h3::before, .equipments-intro h3::after {
    content: '';
    width: 100px;
    height: 1px;
    background-color: #0057cd;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
}
.equipments-content-2022 .container-equipment{
	width: 1000px;
	margin-right: auto;
	    margin-left: auto;
		cursor: pointer;
}
.equipments-content-2022 .container-equipment .equipment-part{
	height: 340px;
	overflow: hidden;
	position: relative;
}
.equipments-content-2022 .container-equipment .equipment-part:hover .equipment-txt{
	top: 156px;
	background: #036EB8;
	-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    transition: all 0.5s ease;
}
.equipments-content-2022 .container-equipment .equipment-part:hover .txt-btn{
	display:none;
}
.equipments-content-2022 .container-equipment .equipment-part:hover .equipment-txt .equipment-txt-title .txt-title {
    color:#ffffff;
}
.equipments-content-2022 .container-equipment .equipment-txt{
	padding: 25px 30px;
	    background: #f1f1f1;
		position: absolute;
		    z-index: 5;
		      top: 250px;
		      left: 0px;
			
}
.equipments-content-2022 .container-equipment .equipment-txt .equipment-txt-title{
	height: 60px;
}
.equipments-content-2022 .container-equipment .equipment-txt .equipment-txt-title .txt-title{
	    font-size: 25px;
	    float: left;
	    width: 50%;
	    color: #036EB8;
	    font-weight: 600;
}
.equipments-content-2022 .container-equipment .equipment-txt .equipment-txt-title .txt-btn{
	float: left;
	    width: 50%;
}
.equipments-content-2022 .container-equipment .equipment-txt .equipment-txt-title .txt-btn button{
	display: block;
	    background: #036EB8;
	    border: 0px;
	    color: #ffffff;
	    padding: 5px 15px;
	    border-radius: 5px;
}

.equipments-content-2022 .container-equipment .equipment-intro-txt  p{
	color:#ffffff;
}

/*多元化设备页面结束*/
/*荣誉资质开始*/
.page-nav-2022{
	    position: relative;
}

.page-nav-2022 .page-nav-bt{
	          position: absolute;
	          left: 50%;
	          margin-left: -625px;
	          top: -40px;
	    
}
.page-nav-2022 .page-nav-list{
	        padding: 1px 0;
	        margin: 0 auto;
	        display: block;
	    -webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    -o-transition: all .5s;
	    -ms-transition: all .5s;
	    transition: all .5s;
	     background: url(images/certification/nav_bg.png) no-repeat center center;
}
.page-nav-2022 .page-nav-list .col-md-2{
	width: 19.67%
}
.page-nav-2022 .page-nav-list .nav-list-first a{
	padding-left: 15px;
	    padding-top: 5px;
}
.page-nav-2022 .page-nav-list h4{
	font-size: 25px;
	    text-align: left;
	    margin: 0px;
	    color: #036EB8;
}
.page-nav-2022 .page-nav-list h5{
	    text-align: left;
	    line-height: 20px;
	    padding: 0px;
	    margin-top: 0px;
}
.page-nav-2022 .page-nav-list li a{
	display: block;
	font-size: 16px;
	line-height: 76px;
	color: #ffffff;
	position: relative;
	cursor: pointer;
	text-align: center;
}
.page-nav-2022 .page-nav-list .page-nav-hover:hover a::after, .page-nav-2022 .page-nav-list .active a::after{
	content: '';
	    width: 60px;
	    height: 2px;
	    background-color: #1fd61f;
	    position: absolute;
	    bottom: 18px;
	    left: 40%;	    
}
.certification-list{
	    padding: 50px 0 50px 0px;
}
.certification-list .certification-list-pad{
	  padding:0px;
	      width: 24%;
}
.certification-list .certification-list-pad .certification-list-pa{
	   background: #f6f6f6;
	           padding: 25px 30px 25px 30px;
	       text-align: center;
	       margin: 0px;
}
.certification-list .certification-list-pad .certification-list-text{
	   background: #036EB8;
}
.certification-list .certification-list-pad .certification-list-text h4{
	   margin: 0px;
	       color: #ffffff;
	       text-align: center;
	       padding: 10px 0;
	       font-size: 14px;
	       font-weight: 500;
}
.certification-list .certification-list-pad .certification-list-text h4.biogas-name{

	       font-size: 15px;
}
.certification-list .certification-list-img{
	   position: relative;
	       height: 160px;
	       overflow: hidden;
}
.certification-list .certification-list-img img{
	   position: absolute;
	       left: 50%;
	       top: 50%;
	       transform: translate(-50%,-50%);
	       max-width: 100%;
	       max-height: 100%;
	       width: auto;
	       height: auto;
	       display: block;
}
.certification-list .certification-list-pad p{
	          font-size: 17px;
	          line-height: 35px;
	          text-align: center;
	          height: 35px;
}

/*荣誉资质结束*/
/*公司概况结束*/
/*2022年网站改版结束 */

/*碳钢防腐栓接罐开始 */
.carbon-tanks .product-introduction{
	margin-bottom: 30px;
}
/*碳钢防腐栓接罐结束 */
/*好氧污水处理技术开始 */
.bottom-ao{
	background: #fff;
    padding: 30px;
    transition: 2s all;
    -webkit-transition: 2s all;
    -moz-transition: 2s all;
    -ms-transition: 2s all;
    -o-transition: 2s all;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);

}
.bottom-ao .my-3,.anaerobic-pco .my-3{
	margin: 20px 0 15px 0;
   position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0px 0px 8px 0px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
	    color: #0d5494;
}
.bottom-ao .my-3:before ,.anaerobic-pco .my-3:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
        height: 1px;
    background-color: #0d5494;
}
.bottom-ao p,.anaerobic-pco p {
	        line-height: 15px;
    font-size: 14px;

}
.ao-h4{
	text-align: center;
    color: #10589e;
	    margin-bottom: 20px;
    margin-top: 0px;
    padding: 0px;
        font-weight: 600;
}
.blog-w3pvt-grid{
	    padding-right: 10px;
    padding-left: 10px;
}
/*好氧污水处理技术结束 */
/*不锈钢储罐开始 */
.product .stainless-ad{
	margin-bottom: 80px;
}
/*不锈钢储罐结束 */
/*厌氧污水处理技术开始 */
.anaerobic-ad{
    font-size: 20px;
    font-weight: 600;	
}
.anaerobic-field{
	padding: 0px 150px 40px 150px;
    text-align: center;
}
.anaerobic-con {
    background: #10589e;
    padding: 20px 30px;
    height: 280px;
}
.anaerobic-con h5{
    margin-bottom: 30px;
	color:#ffffff;
	font-size:18px;
	text-align: center;
}
.anaerobic-con p {
    color: #ffffff;
	
}
.w3-title{
	    color: #3f3f3f;
    text-transform: capitalize;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 20px;
}
.anaerobic-project{
	background: #f7f7f7;
    padding: 30px 0px;
    margin-top: 60px;
}
.bottom-gd{
    background: #fff;
	    padding: 50px 35px 50px 50px;
    transition: 2s all;
    -webkit-transition: 2s all;
    -moz-transition: 2s all;
    -ms-transition: 2s all;
    -o-transition: 2s all;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
}
.feature-grids h3{
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.feature-grids p {
    margin: 0;
    color: #afaeae;
}
.anaerobic-pco p{
	line-height: 20px;
	margin: 0 0 4px;
}
.anaerobic-h4{
	margin-top: 120px;
    text-align: center;
	color:#10589e;
}
.anaerobic-usr{
	    margin-top: 40px;
}
/*厌氧污水处理技术结束 */

/*装备制造开始 */
.tanks-margin{
	margin-bottom: 70px;
}

.tanks-list .list-title{
	text-align: center;
	padding: 50px 0px;
}
    
.tanks-list .list-title h1{
	  font-size: 30px;
    color: #1d97d6;
    text-align: center;
    font-weight: 600;
    position:relative;
}
.tanks-list .list-title h3{
	  font-size: 18px;
    color: #1d97d6;
    margin-top: 0px;
    font-weight: 600;
}
.tanks-list .list-title h1:after {
    left: 45%;
    z-index: 1;
    width: 120px;
    height: 1px;
    content: " ";
    bottom: -55px;
    text-align: center;
    position: absolute;
    background: #1d97d6;
}
.tanks-list .list-title h1:before {
    left: 45%;
    z-index: 1;
    width: 120px;
    height: 1px;
    content: " ";
    top: -10px;
    text-align: center;
    position: absolute;
    background: #1d97d6;
}
.tanks-list .product-list{
    
    margin-bottom: 30px;
}
.tanks-list .list-bg{
    background: #f8f8f8;
	text-align: center;
}
.tanks-list .product-list .img-pad{
    padding:0px;
}
.tanks-list .product-list .product-link h3{
    margin-top: 50px;
    color: #1d97d6;
    font-weight: 600;
}
.tanks-list .product-list .product-link p{
    margin-top: 20px;
    font-size: 17px;
    
}

.tanks-list .product-list .product-link{
    padding-top: 50px;
}

.tanks-list .product-list .product-link a{
    display: inline-block;
    font-size: 15px;
    line-height: 23px;
    color: #ffffff;
    padding: 4px 35px 4px 35px;
    background: #75bfe4;
    margin: 50px 0 0 0px;
}


.product-icon i {
    color: #10589e;
    font-size: 18px;
    position: relative;
    margin-right: 10px;
    top: 0;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    background: url(images/product/product-center/tank-icon.png) no-repeat center center;
}
.mt-lg-0{
	padding-right: 8px;
    padding-left: 8px;
}
.tech-icon i {
    color: #10589e;
    font-size: 18px;
    position: relative;
    margin-right: 10px;
    top: 0;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    background: url(images/product/product-center/tech-icon.png) no-repeat center center;
}

.product-icon, .tech-icon{
    line-height:30px;
	text-align: left;
	padding-bottom: 10px;
    border-bottom: 2px solid #0d5494;
	color: #0d5494;
}
.mb-3{
	text-align: center;
    color: #0d5494;
	    font-size: 15px;
}
.margin-t-20{
	margin-top:20px;
}
.contact-icon{
    line-height:30px;
	text-align: center;
	color: #2c3e50;
	position: relative;
	padding: 40px 0px 20px 0px;
}
.contact-bg{
	background: #95b9d9;
}
.contact-con{
	background: #fff;
    padding: 20px 30px;
    box-shadow: 0 0 10px rgba(58, 68, 88, 0.11);
    height: 280px;
}
.margin-t-30{
	margin-top: 30px;

}
.contact-con h5{
    text-align: center;
    color: #2c3e50;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
}
.contact-con p{
        color: #2c3e50;
    font-size: 15px;
    line-height: 15px;
}

.contact-con p.con-p{
	    font-size:13px;
}
.blog-contact{
	background: #f6f9fe;
    margin-top: 20px;
	padding-bottom: 50px;
}
.prodct-list{
	    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.prodct-list .cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/*产品中心结束 */
/*模块化设备开始 */

.mkhsb-btn a{
	display: block;
	background: #f8f8f8;
	color: #6f6c6c;
	font-size: 20px;
	padding: 18px;
}
.mkhsb-btn a.active, .mkhsb-btn a:hover{
	background: #1d98d6;
	color: #ffffff;
}
.mkhsb-list{
	margin: 60px 0px 20px 0px;
}
.mkhsb-list .wsclsb-products{
	padding: 30px;
	background: #f8f8f8;
}
.mkhsb-list .wsclsb-products h3{
	color: #6f6c6c;
	padding: 30px 0 0 0;
	margin: 0px;
}
.mkhsb-list .list-parts{
	 margin-bottom: 30px
}
.mkhsb-product .page-list{
	text-align: center;
	margin-bottom: 50px;
}
.mkhsb-product .page-list a{
	display: inline-block;
	padding: 10px 15px;
	font-size: 14px;
	color: #666;
	text-align: center;
	border: 1px solid #dbdcdd;
	background-color: #e3e3e3;
}
.mkhsb-product .page-list a.active{
	border: 1px solid #dbdcdd;
	background: #1d98d6;
	color:#ffffff;
}
.mkhsb-product .mkhsb-field{
	padding: 40px 0 80px 0;
}
.mkhsb-field .yyly-title .mkhsb-p{
	text-align: center;
	font-weight: normal;
	color: #333;
	font-size: 16px;
	line-height: 28px;
}

/*模块化设备结束 */
/*污水工艺段承接开始 */
.section-gyd{
	background-color: #f2f2f2;
}
.section-gyd .title-gyd{
	margin-bottom: 30px;
}
 
.section-gyd .container{
	padding-bottom: 80px;
}

.section-gyd .title-gyd h1{
	margin: 50px 0px 70px 0px;
	color: #1d97d6;
	font-weight: 600;
	position: relative;
	font-size: 30px;
}
.section-gyd .title-gyd h1:after{
	left: 45%;
	z-index: 1;
	width: 115px;
	height: 2px;
	content: " ";
	bottom: -15px;
	text-align: center;
	position: absolute;
	background: #1d97d6;
}
.section-gyd .title-gyd p{
	text-align: left;
	font-weight: normal;
	color: #333;
	font-size: 16px;
	line-height: 28px;
}
.section-gyd .f-mt25{
	margin-top: 25px;
}
.section-gyd .list-gyd{
	background-color: #fff;
	padding: 25px 25px 50px 25px;
}
.section-gyd .list-gyd h2 {
    padding: 20px;
    color: #fff;
    font-size: 24px;
    background-color: #5074b1;
    margin-bottom: 40px;
    font-weight: 400;
	text-align: left;
}
.section-gyd .list-gyd .list-gyd-content{
	overflow: hidden;
}
.section-gyd .list-gyd .list_des_top{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 50px;
}
.section-gyd .list-gyd .list_des_top p{
	font-size:16px;
}
.section-gyd .list-gyd .list_des_top .list_ad{
	overflow: hidden;
	padding: 16px;
	background-color: #f2f2f2;
	margin-bottom: 30px;
	line-height: 28px;
}
.section-gyd .list-gyd .images{
	width: 50%;
	float: right;
}



/*污水工艺段承接结束 */
/*污水处理整体工程系统 */
/*养殖污水工程开始 */
.yzwsclgc .item {
    border-top: 1px solid #e5e5e5;
    padding-top: 70px;
}
.yzwsclgc .item .top {
    margin-bottom: 30px;
}
.yzwsclgc .item .top h1{
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 40px;
}
.yzwsclgc .item .top p,.yzwsclgc .discharge p{
	font-size: 18px;
	line-height: 35px;
	color: #333333;
}
.yzwsclgc .item .top h3{
	    font-size: 23px;
}

.yzwsclgc .item-gy h2, .yzwsclgc .discharge h2{
	font-size: 25px;
	text-align: left;
}
.yzwsclgc .discharge{
	margin-bottom: 60px;
}

.gyws{
	margin-bottom: 60px;
}
/*养殖污水工程结束 */
.wastewater-project .section-title h1{
	    margin: 50px 0px 70px 0px;
		color: #1d97d6;
		font-weight: 600;
		position: relative;
		font-size: 30px;
}
.wastewater-project .section-title h1:after {
    left: 45%;
	z-index: 1;
	width: 115px;
	height: 2px;
	content: " ";
	bottom: -15px;
	text-align: center;
	position: absolute;
	background: #1d97d6;
}

.wastewater-project .section-title p{
    text-align: left;
    font-weight: normal;
    color: #333;
    font-size: 16px;
    line-height: 28px;
}
.wastewater-project .hbgy{
	margin: 50px 0 0 0;
	background: #1d98d6;
}
.wastewater-project .hbgy .img-pad{
	padding:0px;
}
.wastewater-project .hbgy .hbgy-cont{
	padding: 80px 85px 0 85px;
	text-align: center;
}
.wastewater-project .hbgy .hbgy-cont h3{
	color:#ffffff;
	margin: 20px;
}
.wastewater-project .hbgy .hbgy-cont p{
	color:#ffffff;
	font-size: 20px;
	margin-top: 25px;
}

.yyly{
	background: #f8f8f8;
	padding: 40px 0px;
}
.yyly .yyly-title h2, .wscljs .wscljs-title h2{
	color: #1d97d6;
	font-weight: 600;
	position: relative;
	font-size: 30px;
	margin-bottom:50px;
}
.yyly .yyly-title h2:after, .wscljs .wscljs-title h2:after{
	left: 45%;
	z-index: 1;
	width: 115px;
	height: 2px;
	content: " ";
	bottom: -15px;
	text-align: center;
	position: absolute;
	background: #1d97d6;
}
 .wscljs .wscljs-title h2:after{
	left: 42.5%;
	z-index: 1;
	width: 180px;
	height: 2px;
	content: " ";
	bottom: -15px;
	text-align: center;
	position: absolute;
	background: #1d97d6;
}
.yyly .yyly-title p{
	text-align: left;
	font-weight: normal;
	color: #333;
	font-size: 16px;
	line-height: 28px;
}
.yyly-parts{
	padding: 50px 10px;
	width: 88%;
	margin: 0 auto;
	 
}
.yyly-parts .yyly-img{
	width: 23%;
	display: inline-block;
	padding: 0 40px 0 0;
}
.yyly-parts .yyly-active{
	width: 28%;
	display: inline-block;
	padding: 0 40px 0 0;
}
.yyly-parts .img-first{
	margin-left:20px;
}

.yyly-parts .yyly-active .img-background{
	background-color: #dcecf4;
	height: 120%;
	padding-bottom: 40px;
}

.yyly-parts .yyly-active .img-background img{
	    width: 90%;
	    margin: 0 auto;
}
.yyly .yyly-parts h3{
	color: #1d97d6;
	font-weight: 600;
	position: relative;
	font-size: 24px;
	text-align: center;
}
.yyly .yyly-parts h3:after{
	    z-index: 1;
	    height: 2px;
	    content: " ";
	    bottom: -15px;
	    text-align: center;
	    position: absolute;
	    background: #1d97d6;
}
.yyly .yyly-parts h3.part1:after{
	left: 33%;
	width: 115px;
}
.yyly .yyly-parts h3.part2:after{
	left: 39%;
	width: 100px;
}
.yyly .yyly-parts h3.part3:after{
	    left: 36%;
	    width: 100px;
}
.yyly .yyly-parts h3.part4:after{
	left: 30%;
	width: 140px;
}
.wscljs{
	padding:50px 0 0 0 ;
}

.tech-tab .nav-tabs{
	    text-align: center;
	    height: 50px;
}
.tech-tab .nav-tabs li{
	width: 50%;
	background: #1d97d6;

}
.tech-tab .nav-tabs li a{
	font-size:20px;
    color:#ffffff;
	border:none;
	border-radius: 0px;
	height: 55px;
	margin:0px;
	outline-offset: unset;
	line-height: 40px;
}
.tech-tab .nav-tabs li a:hover{
	font-size:20px;
    color:#ffffff;
	border:none;
	border-radius: 0px;
}

.wspfbz{
	padding: 50px 0 0 0;
}
.wspfbz h2{
	color: #1d97d6;
	font-weight: 600;
	position: relative;
	font-size: 24px;
	text-align: center;
}
.wspfbz h2:after{
	z-index: 1;
	height: 2px;
	content: " ";
	bottom: -15px;
	left: 46%;
	width: 100px;
	position: absolute;
	background: #1d97d6;
}

.wspfbz .pfbz{
	margin: 70px 0px;
	background: #f8f8f8;
	text-align: center;
}
.pfbz .img-pad{
	padding: 0px;
}
.wspfbz .pfbz .pfbz-cont{
	padding: 120px 60px;
	text-align: left;
}
.field-img{
	padding-right: 9px;
	padding-left: 0px;
}
.wastewater-field{
	padding: 30px 0px;
    font-size: 20px;
    font-weight: 500;
	margin-top: 10px;
	
}
.images{
    overflow: hidden;
	cursor: pointer;
	position:relative;
}

.images:hover img {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.images img {
    transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.images span {
    position: absolute;
    bottom: 0px;
    background: rgba(0,0,0,.3);
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
}
.field-row{
	margin-top:18px;
}
.gongcheng{
	background: #f7f7f7;
        padding: 40px 0px;
}
.gongcheng .gc-gongyi{
	margin-top: 0px;
    font-size: 25px;
        font-weight: 500;
    margin-bottom: 30px
}
.gongcheng .gc-jeishao{
	text-align: center;
    margin-bottom: 60px;
    font-size: 16px;
}
.bg-services{
	background:url(images/product/wastewater-technology/paifangbiaozhun.jpg) no-repeat center;
	display:block;
}
.serve-overlay {
    background: rgba(86, 87, 88, 0.56);
}
.paifang{
	    padding: 60px 100px;
}
.paifang h2{
	color: #ffffff;
        font-size: 25px;
        margin-bottom: 20px
}
.paifang p{
	color: #ffffff;
	font-size:16px;
	padding: 0px 130px;
}
.blog-project{
	    margin-bottom: 30px;
    margin-top: 20px;
}
.wthree_pvt_title{
	    margin-bottom: 30px;
}
h4.w3pvt-title {
    color: #3f3f3f;
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: 500;
	margin-bottom: 20px
}
.sub-title{
	padding: 0px 300px;
}
.blog-info {
        background: #f6f6f6;
    padding: 20px 30px;
    height: 200px;
}
.blog-info .mb-3:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .02rem;
    background-color: #0d5494;
}
.blog-info h4 {
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0px 0px 8px 0px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
}
.blog-info li {
    display: block;
    font-size: 14px;
    line-height: 2;

}


/*污水处理整体工程 */
/*农村生活污水一体化处理系统 */
.gongyi{
	background:#E9F6FF;
	padding: 80px 0px;
}
.layouts-info{
	padding: 20px;
	background: #f5f5f5;
    border: 2px solid #a29f9f;
    /*box-shadow: -1px 0px 6px 0px #b1b1b1;*/
}

.project-con{
	 overflow: hidden;
	cursor: pointer;
	position: relative;
}
.project-con span {
    position: absolute;
    bottom: 0px;
    background: rgba(0,0,0,.4);
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 23px;
    color: #fff;
    padding: 150px 70px;
    height: 100%;
    font-weight: 600;
    text-align: center;
}
.project-con:hover img {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.project-con img {
    transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.gongyi-info{
	    padding: 0px 0px 40px 40px;
}
.sbbr{
	    padding: 90px 0px 40px 40px;

}
.gongyi-info h6{
	    font-size: 17px;
    font-weight: 500;
    color: #10589e;
    margin-bottom: 10px;
    text-align: left;
}
.youshi{	
    margin-top: 80px;
}
.youshi h6{	
    font-size: 20px;
    font-weight: 500;
    color: #10589e;
    margin-bottom: 20px;
    text-align: center;
}
.youshi .product-advantage{	
    margin: 10px 60px 0px 30px;
}
.youshi .product-advantage span{	
        font-size: 15px;
    font-weight: 600;
    color: #10589e;
}
.nongcun{
	margin-bottom: 70px;
}
.serives-custom h3{
	    color: #595757;
    margin-bottom: 50px;
    font-size: 25px;
    font-weight: 500;
}
.internetion-technology{
	padding: 50px 100px 100px 100px;
}
.intrgrated-technology{
	padding: 50px 100px 0px 50px;
}
.serives-custom{
	padding: 40px 0px 10px 0px;
}
.serives-custom h4,.serives-custom p{
	color:#ffffff;
}
.serives-custom h4{
	    margin-bottom: 30px;
}
.serives-custom .customize-service{
	height: 280px;
    padding: 30px 60px;
    background: #10589e;
}
.prophoto-half:active .image, .prophoto-half:focus .image, .prophoto-half:hover .image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.prophoto-half{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.prophoto-half .image-wrap {
    overflow: hidden;
}
.prophoto-half .image-wrap, .prophoto-half .prophoto-text {
    width: 50%;
}
.prophoto-half .image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: .8s all ease-in-out;
    transition: .8s all ease-in-out;
    background-color: #f4bd00;
}
.prophoto-half .prophoto-text {
    padding: 60px;
}
.prophoto-half .process-text {
    background: #235c69;
}	
.prophoto-half .rural-text {
    background: #2b7080;
}
.prophoto-half .image-wrap, .prophoto-half .prophoto-text {
    width: 50%;
}
.prophoto-half .prophoto-text .subtitle {
    color: rgba(255,255,255,.2);
    text-transform: uppercase;
}
.prophoto-half .prophoto-text p {
    font-size: 15px;
    color: #ffffff;
    line-height: 1.5;
}
.mb10 {
    margin-bottom: 10px!important;
}
.prophoto-half .prophoto-text h3 {
    line-height: 30px;
    font-size: 23px;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
}
.reverse{
	position: relative;
}
.reverse .image-wrap {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

/*农村生活污水一体化处理系统  */
/*三相分离器开始 */
.triphase{
	padding-bottom: 50px;
}
.triphase .triphase-title{
	 margin-bottom: 70px;
}

/*三相分离器结束 */

/*公司介绍开始 */
.tanks-list .list-title h2{
	font-size: 30px;
	color: #1d97d6;
	text-align: center;
	font-weight: 600;
	position: relative;
}

.tanks-list .product-list .about-cont{
	text-align: left;
	padding: 40px;
}

.tanks-list .product-list .about-cont p{
	color: #333;
	font-size: 15px;
	line-height: 26px;
}
.about-mar .product-list{
	margin-bottom: 0px;
}

.wsgcgs{
    background: url(images/about/wsgcgs.jpg) no-repeat center;
    display: block;
    height: 800px;
}
.wsgcgs .wsgc{
	text-align: center;
    margin-top: 150px;
    height: 500px;
	background-color: rgba(0,0,0,0.4);
	padding: 180px 280px;
}
.wsgcgs .wsgc p{
	font-weight: normal;
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
}
.wsgcgs .wsgc a{
	margin-top: 50px;
	display: inline-block;
	padding: 5px 30px;
	border: 1px solid #ffffff;
	color: #ffffff;
}
.tanks-list .list-title .cggys{
	margin-top: 30px;
}
.tanks-list .video{
	padding: 10px 0px;
}
.tanks-list .video .video-play{
	width: 100%;
}

.qyyj{
	margin-top: 60px;
    background: url(images/about/qywl.jpg) no-repeat center;
    display: block;
    height: 504px;
}
.qyyj .list-title h2{
	font-size: 30px;
	color: #1d97d6;
	text-align: center;
	font-weight: 600;
	margin-top: 80px;
}

.qyyj .qyyj-text{
	text-align: center;
	padding: 60px 0 0 0;
}
.qyyj .qyyj-text p{
	    font-weight: normal;
	    color: #1d98d6;
	    font-size: 18px;
	    line-height: 35px;
	    font-weight: 600;
}
.qyyj .qyyj-text .qyyj-p{
	    position:relative;
		    margin-bottom: 30px;
}
.qyyj .qyyj-text p.qyyj-p:after {
        left: 22%;
        z-index: 1;
        width: 58%;
        height: 1px;
        content: " ";
        bottom: -15px;
        text-align: center;
        position: absolute;
        background: #1d97d6;
}

.qyyj .qyyj-text span{
	font-size:35px
}
.about{
    padding: 50px 0 70px 0;
	background: #f8f8f8;
}
.about-heading h2{
    font-size: 25px;
    color: #10589e;
    text-align: center;
    font-weight: 600;
	
}

.about-heading p{
        font-size: 19px;
    color: #10589e;
    text-align: center;
    margin-bottom: 70px;
    font-weight: 600;
}
.about-left video.video-play{
    width: 700px;
    height: 100%;    
}
.about-left{
    float: right;
    margin-top:38px;
	    
}
.about-right{
    font-size: 25px;
    color: #595757;
    line-height: 1.5em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
	padding: 0 40px 0 0;
}
.about-right h3 {
    font-size: 19px;
    color: #595757;
    line-height: 1.5em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
	padding:0px;
}
.about-right p {
    color: #151414;
    margin: 1em 0;
    font-size: 16px;
    line-height: 25px;
}

/*公司介绍结束 */
/*技术服务开始 */
.service-list {
  padding:70px 0px;
}
.service-list .product-list .service-cont{
    padding:50px;
}
.service-list .product-list .service-cont h3 {
    margin:50px 0px 70px 0px;
    color: #1d97d6;
    font-weight: 600;
	position:relative;
}
.service-list .product-list .service-cont h3:after {
	z-index: 1;
	width: 230%;
	height: 1px;
	content: " ";
	bottom: -15px;
	text-align: center;
	position: absolute;
	background: #1d97d6;
}
.service-list .product-list .service-cont h3.cont-left:after {
	right:0%;
}
.service-list .product-list .service-cont h3.cont-right:after {
	left:0%;
}
.service-list .product-list .service-cont p {
    margin-top: 20px;
    font-size: 15px;
}
/*技术服务结束 */

/*公司团队开始 */
.feature4 {
  background-color: #fff;
	padding-bottom: 80px;
}
.padding-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.feature4 .content-iphone {
    position: relative;
}
.feature4 .single-content {
    max-width: 340px;
    margin: 50px auto 50px;
}
.feature4 .single-content h3 {
    color: #595757;
    font-family: "Roboto", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 20px;
    position: relative;
}
.img-float{
	float:right;
}
.team-title h3 {
    font-size: 25px;
    font-weight: 600;
    color: #595757;
    margin-top: 55px;
    letter-spacing: -0.6px;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 15px;
}
.team-title h3:after {
        left: 49%;
    z-index: 1;
    width: 60px;
    height: 2px;
    content: " ";
    bottom: 0px;
    margin-left: -20px;
    text-align: center;
    position: absolute;
    background: #00ff00;
}
/*公司团队结束 */

/*全球项目分布开始 */
.global-case{
	background: url(images/home/global/global-bg.jpg) no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    height: 520px;
    position: relative;
    margin: 30px 0 250px 0;
}
.global-text{
	padding:80px 0 0 0;
}

.case-show{
	position: relative;
    bottom: -80px;
    left: 0px;
}


.global-text h3 {
    color: #fff;
    font-weight: 600;
        font-size: 23px;
    margin-bottom: 20px;
}
.global-text p{
    color: #fff;
        font-size: 17px;
	width:50%;
}

.case-row figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
}
.case-row figure {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.case-row figure figcaption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.case-row figure.effect-layla h4 {
    padding-top: 33%;
    font-size: 23px;
    font-weight: 500;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    line-height: 35px;
	color:#ffffff;
	 display: none;
	 
	  -webkit-transition: all .5s ease 0s;
	  -moz-transition: all .5s ease 0s;
	  transition: all .5s ease 0s;
}
.case-row figure.effect-layla a{
   border: none;
	outline: none;
	background:rgba(92,181,49,0.6);
	    padding: 8px 35px;
    color: #fff;
    display: none;
    letter-spacing: 1px;
    font-size: 14px;
    border-radius: 5px;
	text-decoration: none;
	  margin-top: 10%;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.case-row div:hover h4{
	display:block
}
.case-row div:hover a{
	display:inline-block
}
.case-row .case-show-item{
	    background: #ffffff;
    padding: 8px;
    box-shadow: 1px 1px 1px #e6e6e6;
	    margin-right: 23px;
    width: 23%;
}
.parnter-bottom{
	margin-bottom:70px;
}
/*全球项目分布结束 */
.application h2{
	text-align: center;
	position: relative;
	color:#595757;
	margin-bottom: 60px;
	font-size: 25px;
    font-weight: 600;
}
.application p{
	text-align: center;
	font-size:17px;
	color: #4a4949;
}
.application h2:after {
        left: 49%;
    z-index: 1;
    width: 65px;
    height: 2px;
    content: " ";
    content: " ";
    bottom: -25px;
    margin-left: -20px;
    text-align: center;
    position: absolute;
    background: #00ff00;
}
.main-category a {
    display: inline-block;
    padding: 0 5px;
    color: #464646;
    font-size: 14px;
}
.inner-title{
	font-size:24px;
}


/*home-banner */
.carousel-control.left ,.carousel-control.right {
    background-image: none;
     background-repeat: none; 
}
.carousel-control.left:hover ,.carousel-control.right:hover  {
    background-image: none; 
    background-repeat: none; 
}
.carousel-control.left:hover .arrow-left ,.carousel-control.right:hover .arrow-right {
    background-color:#036EB8;
}
.arrow-left{
	background: url(images/arrow-left.png) no-repeat center center;
	display:block;
	width:50px;
	height:50px;
	padding:10px;
	margin-left: -15px;
	   position: absolute;
    top: 50%;
    z-index: 5;
    left:20%;
}
.arrow-right{
	padding:10px;
	background: url(images/arrow-right.png) no-repeat center center;
	display:block;
	width:50px;
	height:50px;
	margin-right: -15px;
	   position: absolute;
    top: 50%;
    z-index: 5;
    right:20%;
	
}

.carousel-caption {
    width: 600px;
    height: 150px;
    padding-bottom: 30px;
    background-color:rgba(0,0,0,0.2);
		padding:40px 20px;
		bottom:28%;
		left:15%;
		text-shadow:none;
}
.carousel-caption h2{
    font-size:18px;
		color:#ffffff;
		font-weight:600;
}
.carousel-caption p{
    font-size:14px;
		color:#ffffff;
		    padding-top: 10px;
}
.carousel-indicators .active {
    background-color: #ffffff;
}
.carousel-indicators li {
    border: 1px solid #ffffff;
}
.carousel-caption p a{   
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    position: relative;    
    color: #fff;
    font-size: 14px;
		transition: all 0.2s ease 0s;
		margin-right: 20px;
}
.carousel-caption p a.carousel-button{
	  border-radius: 2px;
	  border: 0 none;
    background-color: #8fb147;
		padding: 2px 12px;  
}
.carousel-caption p a.carousel-button:hover{
	  background-color: #ffffff; 
		color:#4f504e;
}

.carousel-caption p a.carousel-application{
    border: 1px solid #ffffff;
		padding: 1px 12px;
}
.carousel-caption p a.carousel-application:hover{
    border-radius: 2px;
    border: 0 none;
    background-color: #ffffff;
    padding: 2px 12px;  
		color: #4f504e;
}
.carousel-control.left,.carousel-control.right{
	  background-color:none;
}
/* GLS tank application*/
.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    padding:0px;
    cursor:pointer;
    line-height:0px;  
    padding:0px;   
}
.application-padding{
    padding:0px;
}

.application-part{
    float:left;
    margin:0 auto;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
    height:310px; 
    width:288px; 
    	    
}


.application-all .nbs-flexisel-nav-left, .application-all .nbs-flexisel-nav-right {
    width: 50px;
    height: 50px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
	top: 150px !important;

}

.nbs-flexisel-nav-left {
    left: -70px;
    background: url(images/product/tank/left_arrow.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: -70px;
    background: url(images/product/tank/right_arrow.png) no-repeat;
}

.prospan {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
 
}

.application-text {
    position: absolute;
    left: 0;
    bottom: -250px;
    z-index: 5;
    width: 234px;
    padding: 3px 15px;
    height: 220px;
    background:rgba(92,183,53,0.45);
}

.application-text h3{
    font-size: 20px;
    color: #ffffff;
    position: relative;
    margin: 30px 0;
}
.application-text h3:after{
    left: 55%;
    z-index: 1;
    width: 25px;
    height: 2px;
    content: " ";
    content: " ";
    bottom: -15px;
    margin-left: -20px;
    text-align: center;
    position: absolute;
    background: #ffffff;
}

.application-text p{
    font-size: 15px;
    color: #ffffff;
}

.application-btn {
    margin-top: 10px;
    letter-spacing: 1px;
}

.application-view {
        border: 1px solid #ffffff;
        font-size: 14px;
    padding: 3px 13px;
    line-height: 50px;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.application-btn a:focus, .application-btn a:hover{
	color:#ffffff;
}
.application-div{
    position: relative;
    padding: 40px 30px 0;
    height: 180px;
    overflow: hidden;
}
.application-div h3 {
    font-size: 15px;
    color: #333;
    text-align:left;
}
.application-div h3 a:hover {
    color: #7aba1e;
}
.application-div div {
    font-size: 16px;
    color: #939393;
    margin-bottom: 17px;
    text-transform: uppercase;
}
.application-div p {
    color: #555;
    line-height: 20px;
    text-align: left;
    font-size:13px;
}
.application-div span {
    position: absolute;
    left: 40px;
    bottom: 0;
    z-index: 6;
    width: 44px;
    height: 1px;
    background-color: #7aba1e;
}
/* 工程首页改版开始*/
.carousel-indicators {
    bottom: 40px;
}
.project-quantity{
	position: relative;
	height:116px;
}
.project-quantity .count{
	position: absolute;
    top: -30px;
    color: #1d97d6;
    width: 85%;
    border: 2px solid #1d97d6;
    background: #ffffff;
}

.project-quantity .count h2 {
    padding:0px;
    position: relative;
	  font-size: 40px;
    color: #1d97d6;
    text-align: center;
    font-weight: 600;
}
.project-quantity .count p{
	font-size: 20px;
	color:#1d97d6;
	font-weight:600;
	text-align: center;
}
.about-news{
	margin-top: 30px;
	margin-bottom:60px;
}
    
.about-news h3{
	font-size: 25px;
	color: #1d97d6;
	position: relative;
	text-align: center;
}
.about-news h3:after {
    left: 41%;
    z-index: 1;
    width: 100px;
    height: 2px;
    content: " ";
    bottom: -35px;
    text-align: center;
    position: absolute;
    background: #1d97d6;
}
.about-news .home-about,.about-news .company-news{ 
    border-top: 1px solid #dedede;
    margin-top: 32px;
    background: #f3f3f3;
}
.about-news .home-about{ 
    padding: 40px;
}
        

 .about-news .about-view {
    display: inline-block;
    font-size: 15px;
    line-height: 23px;
    color: #1d97d6;
    padding: 4px 35px 4px 35px;
    background: #ffffff;
    margin: 40px 0 0 150px;
}   

.about-news .news-list{
	padding: 40px 30px 75px 30px;
}
.about-news .news-list p span{
	float: right;
  color: #1d98d6;
}
.about-news .news-list p a{
  color: #333;
}

.about-news .news-list p a:hover{
  color: #1d98d6;
}
/* 工程首页改版结束*/
.market .item-line{
    position: relative;
}
.market .item-line:after{
        left: 98%;
    z-index: 1;
        width: 2px;
    height: 120px;
    content: " ";
    bottom: 5px;
    position: absolute;
    background: #10589e;
}
.market .count h2 {
    margin-bottom: 15px;
    position: relative;
	  font-size: 50px;
    color: #10589e;
    text-align: left;
    font-weight: 600;
}
.market .count p{
	font-size: 17px;
	color:#616871;
	font-weight:600;
	text-align: left;
}
.market .project-number{
	padding-left: 140px;
}
.link-right {
	width: 50px;
	height: 20%;
	border-right: solid #ACC0D8 1px;
}

.more {
    position: absolute;
    left: 50%;
    margin-left: -110px;
    bottom: 60px;
    z-index: 120;
    height: 40px;
    width: 221px;
    filter: alpha(opacity=0);
    opacity: 0;
}
li.nbs-flexisel-item:hover .more{
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.more a:first-child {
    border-right: 1px solid #d4d4d4;
    background-color: #7aba1e;
}
.more a {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #ffb441;
    width: 110px;
}
.busibg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    height: 27px;
    width: 100%;
    background: url(images/busibg.jpg) no-repeat 0 0;
}
#recent-works li:hover .application-text {
    bottom:  45px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* home-about*/
.company-part{
	padding:60px 0px;
}
.home-company{
	padding:40px;
	color:#ffffff;
}
.tit {
    font-size: 18px;
    margin-bottom: 6%;
    line-height: normal;
    position: relative;
    display: inline-block;
    color:#ffffff;
}
.home-company a {
    color: #fff;
    display: block;
    font-size: 1em;
    line-height: 1.8em;
    overflow: hidden;
}

.con {
    position: relative;
    padding-left: 70px;
}
.conInforL .con span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
}
.conInforL .con p {
    font-size: 16px;
    margin-bottom: 6%;
    color: #fff;
}
.home-company .company-more {
    margin-bottom: 0;
    float: left;
    background: url(images/ico7.png) left no-repeat;
    padding-left: 12px;
    margin-left: 70px;
    color: #fff;
}

.home-news{
    
    padding:20px 80px;
}
.home-news .tit{

    color:#043e7f;
}
.home-news .txt{

    color:#043e7f;
     font-size: 15px;
}
.home-news  a {
    color: #043e7f;
    display: block;
    font-size: 15px;
    line-height: 24px;
    border-bottom: 1px solid transparent;

}
.home-news  a :hover {
    text-decoration: underline;
}
.home-news li {
    margin-bottom: 3%;
}

.home-news li .time {
    margin-bottom: 1%;
     font-size: 16px;
      color:#043e7f;
}
/* home-product*/

.home-product{
    height: auto;
    overflow: hidden;
    padding: 70px 0 0 0;
    color: #333;
    text-align: center;
    background-color: #f1f1f1;
}
.indexMainTit {
    height: auto;
    overflow: hidden;
    padding: 67px 0px 20px 0px;
    color: #333;
    text-align: center;
}

.indexJoin { height: auto; overflow: hidden; background-color: #f1f1f1; padding: 0 0 128px; }
#ifocus { width: 100%; height: 414px; position: relative; margin-top: 32px; }
#ifocus_btn { display: inline; float: left; width: 370px; background-color: #fff; }
#ifocus_btn li { width: 370px; height: 138px; }
#ifocus_btn li a { display: block; height: 138px; position: relative; }
#ifocus_btn li a div { padding: 58px 0 0 141px; }
#ifocus_btn li a div h3 { font-size: 15px; color: #666; margin-bottom: 4px; }
#ifocus_btn li a div p { font-size: 15px; color: #ababab; text-transform: capitalize; text-transform: uppercase; }
#ifocus_btn li a i { display: block; position: absolute; left: 72px; top: 39px; z-index: 5; border: 1px solid #e8e8e8; width: 51px; height: 51px; -webkit-border-radius: 51px; -moz-border-radius: 51px; -ms-border-radius: 51px; border-radius: 51px; background-repeat: no-repeat; background-position: center center; }
#ifocus_btn li a i.a0 { background-image: url(images/home/products/tank_icon.png); }
#ifocus_btn li a i.a1 { background-image: url(images/home/products/roof_icon.png); }
#ifocus_btn li a i.a2 { background-image: url(images/home/products/accessory_icon.png); }
#ifocus_btn li.on { background-color: #f6f6f6; }
#ifocus_pic { position: relative; margin-left: 370px; height: 414px; overflow: hidden; }
#ifocus_piclist li { width: 414px; height: 414px; overflow: hidden; }
#ifocus_piclist img { width: 414px; height: 414px; }
#ifocus_piclist img:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
#ifocus_opdiv { position: absolute; left: 0; bottom: -87px; z-index: 5; width: 100%; height: 87px; background: url(images/home/products/product_div.jpg
) no-repeat center top; }
#ifocus_tx { position: absolute; right: 0; top: 0; color: #fffefe; background-color: #043e7f; width: 418px; height: 414px; }
#ifocus_tx:hover { background-color: #7aba1e; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
#ifocus_tx ul li { display: none; padding: 101px 84px 0; line-height: 28px; }
#ifocus_tx ul li h3 { font-size: 24px; }
#ifocus_tx ul li h3 a { color: #f9f9f9;/*&:hover{ color: #fdac31; .trans;}*/
}
#ifocus_tx ul li div { color: #fff; font-size: 22px; font-family: Impact; text-transform: uppercase; border-bottom: 1px dashed #ffffff; padding: 7px 0 14px; }
#ifocus_tx ul li p { margin-top: 13px; color:#ffffff; }

/* home-news*/
.news-part{
	background: #f8f8f8;
	padding: 50px 0 80px 0;
}
.news-center h3{
	font-size: 22px;
	padding: 0px;
}
.lastest-news{
	background:#ffffff;
	padding:40px;
	margin-top: 40px;
}

.lastest-news h4{
	margin-bottom:20px;
	position: relative;
}
.lastest-news h4:after{
	left: 0px;
    width: 2px;
    height: 43px;
    content: " ";
    bottom: -65px;
    position: absolute;
    background: #595757;
}
.lastest-news .date-news{
	font-size:18px;
}
.lastest-news .news-text{
	font-size: 15px;
	padding:0 0 0 30px;
	    margin-bottom: 30px;
	    width: 70%;
}
.lastest-news .button-news{
	    display: inline-block;
    font-size: 25px;
    line-height: 23px;
    color: #ffffff;
    padding: 2px 35px 4px 35px;
    background: #10589e;
    margin-top: 40px;
	
}

.nav-pills.probootstrap-center>li, .nav-tabs.probootstrap-center>li {
    float: none;
    display: inline-block;
    zoom: 1;
}

.nav-pills.probootstrap-tabs>li>a:hover, .nav-tabs.probootstrap-tabs>li>a:hover {
    background: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
	 background: #10589e;
}
.nav-pills.probootstrap-tabs>li>a, .nav-tabs.probootstrap-tabs>li>a {
        border-radius: 0;
    padding: 8px 30px;
    font-size: 17px;
    border: none!important;
    cursor: pointer;
}
.nav-tabs {
    border:none;
}
.probootstrap-tab-style-1{
	margin-bottom: 50px;
}
.tab-content>.tab-pane {
    display: none;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.tab-content>.active {
    display: block;
}
.fade.in {
    opacity: 1;
}

.title-news a,.title-news span{
	font-size:17px;
	color:#595757;
	display: inline-block;
}
.title-news a:hover{
	color:#10589e;
}
.title-news span{
	float:right;
}
.contents-news{
	width: 80%;
    font-size: 15px;
    padding: 0 0 0 20px;
    line-height: 20px;
}
.tab-content li{
	border-top: 1px solid #666666;
    padding: 30px 0 20px 0;
}

.spacer-100 {
    height: 100px;
    clear: both;
    width: 100%;
}
.border-heading {
    border-top: 1px solid #ebebeb;
    font-size: 36px;
    text-align: center;
}
.border-heading span {
    background: #fff;
    padding: 20px 30px;
    display: inline-block;
    top: -35px;
    margin-bottom: -45px;
    position: relative;
}
.carousel-wrapper {
    min-height: 150px;
    overflow: hidden;
}
style.css:483
.padding-tb0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.owl-carousel {
    margin-left: -15px;
}

.owl-carousel {
    margin: 0;
    list-style-type: none;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper-outer {
    width: 101%!important;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
}
.owl-carousel .owl-wrapper-outer {
    padding-top: 0;
}
.owl-carousel .owl-item {
    float: left;
}

.post-grid-item .grid-item-content {
    background: #fff;
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 1px;
    overflow: hidden;
    position: relative;
}
.grid-post-date {
    background: #f6f5f2;
    width: 60px;
    height: 100%;
    color: #999;
    left: 0;
    padding-top: 25px;
    position: absolute;
    text-align: center;
    top: 0;
}
.grid-post-date .post-date {
    line-height: 21px;
    font-size: 28px;
    font-weight: 700;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.grid-post-date .post-month {
    line-height: 12px;
    display: block;
    font-size: 14px;
    padding-bottom:5px;

}
.grid-item-content-in {
    padding-left: 60px;
}
.obituary-list-item h3, .post-list-item h3, .post-grid-item h3 {
    margin-bottom: 10px;
    font-size:20px;
}
.btn-link {
    color: #7aba1e;
    font-weight: 500;
    padding-bottom: 4px;
    border-bottom: 1px solid #7aba1e;
    display: inline-block;
}
.btn-link:hover, .btn-link:focus {
    color: #043e7f;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 1px solid #043e7f;
}
.spacer-70 {
    height: 70px;
    clear: both;
    width: 100%;
}


/*--partner--*/
.partner-title{
    margin-bottom: 50px;

}
.partner-title h3{
    font-size: 25px;
    font-weight: 600;
    color: #595757;
    margin-top: 55px;
    letter-spacing: -0.6px;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 15px;
}
.partner-title .partner-tl{
    color: #10589e;
}
.partner-tc{
        text-align: center;
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: 300;
    width: 70%;
    margin: 0 auto;
}
.partner-title h3:after{
    left: 47.5%;
    z-index: 1;
    width: 100px;
    height: 2px;
    content: " ";
    bottom: -15px;
    margin-left: -20px;
    text-align: center;
    position: absolute;
    background: #00ff00;
}
.partner-title p {
        text-align: center;
    font-size: 17px;
    margin-bottom: 5px;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:100%;
	margin: 0 auto;
	margin-top: 2%;
	margin-bottom: 10px;
	
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
#flexiselDemo3 .nbs-flexisel-item > img {
	width:100%;
	cursor: pointer;
	positon: relative;
}
#partner .nbs-flexisel-nav-left,#partner .nbs-flexisel-nav-right{
     top:50px !important;
 }
 p.para {
    width: 50%;
    margin: 0 auto ;
    color: #777;
    line-height: 28px;
    font-size: 15px;
    letter-spacing: 0px;
    text-align:center;
}

button.submit::after {
    transition: all 0.3s ease-out 0s;
}
button.submit:hover::after {
    width: 100%;
}






/*... Scrollup ...*/

#toTop {
    text-align: center;
    bottom: 35px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 12px;
    z-index: 9999;
}
#toTop i {
    background-color: #7f7f7f;
    height: 40px;
    width: 40px;
    color: #fff;
    line-height: 40px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
#toTop i:hover {
    background-color: #7aba1e;
    color: #fff;
}
/*.. mobile-menu ..*/

.mobile-menu-area {
    background: #043e7f none repeat scroll 0 0;
		position: relative;
}
/*............. 6. About area   ................*/

.about-text > h2 {
    font-size: 30px;
    font-weight: bold;
}
.lecturers-img img {
    width: 100%;
}
.about-text-top {
    margin: 23px 0 24px;
}
.about-text li {
    color: #666666;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 3px;
    padding-left: 30px;
    position: relative;
}
.about-text li::before {
    color: #3f3f3f;
    content: "";
    font-family: icofont;
    font-size: 14px;
    left: 0;
    margin-right: 15px;
    position: absolute;
    top: 0;
}
.about-text > ul {
    margin-bottom: 37px;
}
.testimonial2-area::before {
    background-color: #2d3e50;
    opacity: 0.8;
}
.testimonial2-all {
    display: inline-block;
    position: relative;
    z-index: 99;
}
.testimonial2-left {
    display: inline-block;
}
.testimonial2-img > img {
    border-radius: 100%;
}
.testimonial2-text > h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
}
.testimonial2-text > p {
    color: #fff;
}
.testimonial2-right > p {
    color: #fff;
    text-align: left;
    position: relative;
}
.testimonial2-text {
    display: inline-block;
    float: left;
    padding-right: 18px;
    padding-top: 30px;
    text-align: right;
}
.testimonial2-img {
    display: inline-block;
}
.testimonial2-right {
    display: inline-block;
    padding-left: 50px;
    padding-top: 35px;
}
.testimonial2-right p::before {
    color: #fff;
    content: "";
    font-family: icofont;
    font-size: 30px;
    left: -28px;
    position: absolute;
    top: -26px;
}
.slider-active3 {
    position: relative;
    z-index: 999;
}
.slider-active3 .slick-dots {
    bottom: inherit;
    display: inline-block;
    padding-left: inherit;
    padding-top: 5px;
}
.slider-active3 .slick-dots li button {
    color: #abb2b9;
}
.slider-active3 .slick-dots li.slick-active button {
    color: #fff;
}
.slider-active3 .slick-dots li button::before {
    color: inherit;
    content: "0";
    font-family: inherit;
    font-size: inherit;
    height: auto;
    line-height: inherit;
    opacity: inherit;
    position: static;
    width: auto;
}
.slider-active3 .slick-dots li button {
    color: #a1a1a0;
    font-family: "Lato", sans-serif;
    height: auto;
    line-height: 14px;
    padding: 5px 4px;
    transition: all 0.3s ease 0s;
    width: auto;
}
.slider-active3 li {
    margin: 0 18px 0 5px;
}
.lecturers-area .separator i {
    background: #fff none repeat scroll 0 0;
}
.lecturers-img {
    overflow: hidden;
    position: relative;
}
.single-lecturers {
    overflow: hidden;
    position: relative;
}
.lecturers-details > p {
    color: #fff;
    margin-bottom: 0;
}
.last-about-details {
  display: inline-block;
  margin: 23px 0 19px;
  text-align: center;
}
.lecturers-details li {
    background-color: transparent;
    border: 1px solid #fff;
    float: left;
    margin-right: 17px;
    transition: all 0.3s ease 0s;
}
.lecturers-details li:last-child {
    margin-right: 0px;
}
.lecturers-details a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.lecturers-details li:hover a {
    color: #f8b239;
}
.lecturers-details li:hover {
    background-color: #fff;
}
.lecturers-details > ul {
    margin: 23px 0 18px;
}
.lecturers-area {
    transition: all .3s ease 0s;
}
.lecturers-area .img-title {
    opacity: 1;
    transition: all .3s ease 0s;
    background-color: rgba(45, 62, 80, 0.8);
}
.lecturers-area .img-title > p {
    color: #fff;
    margin-bottom: 0;
}
.single-lecturers:hover .img-title {
    opacity: 0;
}
.lecturers-img > a::before {
    background: #2d3e50 none repeat scroll 0 0;
    content: "";
    opacity: 0.8;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.single-lecturers:hover .lecturers-img a::before {
    height: 100%;
    width: 100%;
}
.lecturers-details {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    transition: all .3s ease 0s;
}
.single-lecturers:hover .lecturers-details {
    opacity: 1;
}
.about-text {
    margin-top: 60px;
}
/*--------- 7. Course page  ---------------*/

.courses-area {
    position: relative;
    z-index: 999;
}
.courses-area::before {
    background-color: #2d3e50;
    opacity: 0.8;
}
.courses {
    position: relative;
    z-index: 99;
}
.courses-area .orderby-wrapper {
    float: left;
    margin-bottom: 0;
    margin-right: 30px;
    margin-top: 0;
    width: 23.9%;
}
.courses-area .chosen-submit {
    margin-top: 0;
    display: inline-block;
}
.courses-area a.button {
    border-radius: inherit;
}
.courses-area a.button.extra-small span {
    font-size: 13px;
    padding: 11px 40px;
}
.courses-area .chosen-container-single .chosen-single {
    height: 40px;
    line-height: 40px;
}
.courses-area .button.extra-small {
    margin-right: 0;
}
.courses-area .chosen-container .chosen-single div b::before {
    margin-left: 0;
}
.top-courses .blog-all {
    margin-bottom: 30px;
}
.top-courses .blog-details {
    border: inherit;
    padding: 8px 20px 30px;
}
.pages2 a {
    color: #9f9f9f;
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    padding: 0 0 1px;
    transition: all .3s ease 0s;
}
.pages2 a:hover {
    background-color: inherit;
}
.pages2 li {
    border-bottom: 2px solid #9f9f9f;
    display: inline-block;
    margin-right: 5px;
    padding: 0 5px;
    transition: all .3s ease 0s;
}
.pages2 li:hover,
.pages2 li.active:hover {
    border-bottom: 2px solid #f8b239;
}
.pages2 li:hover a,
.pages2 li.active:hover a {
    color: #f8b239;
}
.pages2 li.active > a {
    color: #3f3f3f;
    font-size: 18px;
    padding: 0 0 0px;
}
.pages2 li.active {
    border-bottom: 2px solid #3f3f3f;
}
/*---------  8. Course details  ------------*/

.course-details-img .published3 {
    padding-right: 20px;
}
.free-text {
    display: inline-block;
    float: left;
}
.free-button {
    display: inline-block;
    float: right;
}
.free-button > h3 {
    display: inline-block;
    float: left;
}
.free-text > p {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding-top: 8px;
    margin-bottom: 0;
}
.free-button > h3 {
    color: #3f3f3f;
    font-size: 18px;
    font-weight: 500;
    padding-right: 20px;
    padding-top: 9px;
}
.free-button button.submit {
    border-radius: inherit;
}
.course-details-img .blog-meta {
    margin: 11px 0 0;
}
.sidebar-title {
    background-color: #f8b239;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 20px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.courses-information ul {
    padding: 25px 20px;
}
.sidebar-menu span {
    float: right;
    color: #666;
}
.sidebar-menu > li {
    color: #3f3f3f;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.sidebar-menu > li {
    border-bottom: 1px solid #c1c1c1;
    color: #3f3f3f;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0;
}
.sidebar-menu > li:last-child {
    border-bottom: none;
}
.sidebar-menu > li:first-child {
    padding: 0px 0 10px;
}
.lectures-details {
    padding: 20px 20px 41px;
    text-align: center;
}
.lectures-details > img {
    border-radius: 100%;
}
.lectures-details > h3 {
    color: #3f3f3f;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 22px;
    text-transform: capitalize;
}
.lectures-details > p {
    color: #3f3f3f;
}
.lectures-details a {
    color: #3f3f3f;
    font-size: 14px;
}
.lectures-details li {
    background-color: transparent;
    border: 1px solid #f8b239;
    display: inline-block;
    margin-right: 18px;
    padding: 3px 6px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.lectures-details li:last-child {
    margin-right: 0px;
}
.lectures-details li:hover {
    background-color: #f8b239;
}
.lectures-details li:hover a {
    color: #fff;
}
.lectures-details > ul {
    margin-top: 24px;
}
.courses-information {
    margin-top: 0;
}
.course-details-img {
    margin-bottom: 38px;
    overflow: hidden;
}
.course-details-img > img {
    width: 100%;
}
.about-lectures > h3 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}
.about-lectures > p {
    margin-bottom: 0;
}
h3.cate-title {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px;
}
h3.cate-title::before {
    background-color: #f8b239;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 40px;
}
.course-categoris li {
    border-bottom: 1px solid #e0e0e0;
    color: #3f3f3f;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0;
    text-transform: capitalize;
}
.course-categoris li:first-child {
    padding: 0 0 10px;
}
.course-categoris li:last-child {
    border-bottom: inherit;
}
.course-categoris li a {
    color: #3f3f3f;
    transition: all .3s ease 0s;
}
.course-categoris li a:hover {
    color: #f8b239;
}
.course-categoris span {
    float: right;
}
.popular-courses {
    margin-top: 43px;
}
.post-details {
    padding-left: 103px;
    padding-top: 16px;
}
.categori-list-one {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}
.categori-list-img {
    display: inline-block;
    float: left;
}
.categori-list-img img {
    width: 100%;
}
.post-details > span {
    color: #666666;
    font-family: "Lato", sans-serif;
    font-size: 14px;
}
/*-----------   9. Events details -----------------*/

.time-icon {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.time-text {
    display: inline-block;
}
.events-details-time {
    display: inline-block;
    float: left;
    margin: 40px 105px 34px 0;
}
.events-details-time:last-child {
    margin-right: 0px;
}
.time-text > p {
    margin: 0;
}
.events-details-all {
    display: block;
    overflow: hidden;
}
h3.content2 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}
.events-details-img1 > h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
.time-icon i {
    color: #3f3f3f;
    font-size: 16px;
}
.time-text span {
    color: #3f3f3f;
    font-size: 14px;
    font-weight: 600;
}
p.time-mrg {
    margin: 7px 0;
}
.event-content {
    margin-top: 33px;
}
.events-details-right-sidebar .about-lectures > h3 {
    margin-bottom: 12px;
}
.event-content li {
    color: #666;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    margin-bottom: 11px;
    position: relative;
    padding-left: 30px;
}
.event-content li::before {
  content: "\f144";
  font-family: "fontAwesome";
  left: 0;
  margin-right: 15px;
  position: absolute;
  top: 2px;
    color: #666;
}
.event-content li:last-child {
    margin-bottom: 0px;
}
.event-content li i {
    color: #3f3f3f;
    font-size: 14px;
    margin-right: 20px;
}
.events-details-right-sidebar h3.content2 {
    margin-bottom: 12px;
}
.event-participants {
    margin-top: 35px;
}
.events-details-right-sidebar .event-participants h3.content2 {
    margin-bottom: 20px;
}
.participants-details.text-center > h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 20px;
}
.participants-details.text-center > p {
    margin-bottom: 0;
}
.events-details-img1 > img {
    width: 100%;
}
.events-details-sidebar > h3 {
    background-color: #f8b239;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 15px 0;
    text-align: center;
}
.events-details-book {
    border: 1px solid #c1c1c1;
    padding: 10px 20px 40px;
}
.events-details-sidebar ul li {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
}
.events-details-sidebar ul li:last-child {
    border-bottom: none;
}
.events-details-sidebar ul li ul li {
    border-bottom: none;
    padding: inherit;
}
.events-details-sidebar ul li a {
    color: #3f3f3f;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    transition: all .3s ease 0s;
}
.events-details-sidebar ul li a:hover {
    color: #f8b239;
}
.events-details-sidebar ul li a span {
    float: right;
}
.events-details-sidebar ul li ul {
    margin-top: 12px;
    padding-left: 28px;
}
.events-details-sidebar ul li ul li {
    margin-top: 5px;
}
.events-details-sidebar ul li ul li a {
    color: #666666;
}
.events-details-sidebar ul li ul li a i {
    color: #3f3f3f;
    font-size: 14px;
    margin-right: 10px;
    transition: all .3s ease 0s;
}
.events-details-sidebar ul li ul li a i:hover {
    color: #f8b239;
}
.events-details-sidebar {
    margin-top: 39px;
}
.book-button.text-center {
    margin-top: 17px;
}
/*----------  10. News page ------------*/

.news-page-area .news-are {
    margin-bottom: 30px;
}

/*-------  11. News details ----------*/

.inner-box h2{
	     font-size: 20px;
         padding: 10px 0px;
         text-align: left;
}
.inner-box p{
	    padding: 10px 20px 0px 0px;
}


.news-details-all > img {
    width: 100%;
}
.news-details-all {
    padding: 23px;
}
.news-details-calender {
    display: block;
    overflow: hidden;
}
.news-details-top > h3 {
    font-size: 18px;
    font-weight: 500;
}
.news-details-all-area .blog-meta-2 .published3 {
    color: #a2a1a1;
}
.news-details-all-area .blog-meta-2 .published3 i {
    color: #232323;
}
.news-details-all-area .for-news .published3 > a i,
.news-details-all-area .for-news .published4 > a i {
    color: #232323;
    transition: all 0.3s ease-out 0s;
}
.news-details-all-area .for-news .published3 > a,
.news-details-all-area .for-news .published4 > a {
    color: #858484;
}
.news-details-all-area .for-news .published3 > a:hover,
.news-details-all-area .for-news .published3 > a:hover i,
.news-details-all-area .for-news .published4 > a:hover,
.news-details-all-area .for-news .published4 > a:hover i {
    color: #f8b239;
}
.news-details-all-area .for-news.blog-meta {
    float: left;
}
.news-details-bottom .news-allreply {
    display: inline-block;
    float: left;
    text-align: center;
}
.blog-reply-all .blog-img-details {
    padding-left: 100px;
}
.blog-reply-all .blog-title > h3 {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.news-details-bottom .blog-title > span {
    color: #858484;
    float: right;
    font-family: "Lato", sans-serif;
    font-size: 14px;
}
.news-details-bottom .blog-top {
    display: block;
    overflow: hidden;
}
.nes-icon > a {
    color: #f8b239;
    display: block;
    font-size: 14px;
    margin-top: 5px;
    transition: all .3s ease 0s;
}
.nes-icon > a:hover {
    color: #3f3f3f;
}
.news-details-bottom .blog-top.blog-top-mrg {
    margin: 26px 0 35px 100px;
}
h3.leave-comment-text {
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 35px;
}
.leave-form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #636363;
    height: 35px;
    font-family: "Lato", sans-serif;
    margin-bottom: 30px;
}
.text-leave textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #636363;
    height: 165px;
    font-family: "Lato", sans-serif;
    margin-bottom: 40px;
}
.news-details-all-area {
    padding-bottom: 67px;
}
.leave-form input:focus,
.main-input input:focus,
.text-leave textarea:focus,
.text-leave2 textarea:focus {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #f8b239;
}
.news-details-calender {
    margin: 10px 0 25px;
}
.sit {
    margin: 60px 0 30px;
    padding-left: 110px;
    position: relative;
}
.news-details-middle > .sit::before {
    color: #f8b239;
    content: "";
    font-family: icofont;
    font-size: 30px;
    left: 79px;
    position: absolute;
    top: -35px;
}
.sit > span {
    line-height: 24px;
    font-size: 14px;
    color: #3f3f3f;
    font-family: "Lato", sans-serif;
}
.news-details-bottom .blog-reply-all {
    margin: 57px 0 52px;
}

/*------------------ 11. Certification --------------*/
.certification-banner {
    background: url(images/page-banner/certification_banner.jpg) no-repeat center center;
}

.certification-padding{
    padding:0 0 0 12px;
}
.certification-content h2 {
    font-size: 25px;
    font-weight: 600;
    color: #595757;
    margin-top: 35px;
    letter-spacing: -0.6px;
    position: relative;
    margin-bottom: 50px;
}
.certification-content h2:after {
    left: 48.5%;
    z-index: 1;
    width: 80px;
    height: 2px;
    content: " ";
    bottom: -15px;
    margin-left: -20px;
    text-align: center;
    position: absolute;
    background: #00ff00;
}
.certification-title{
    background: #10589e;
    font-size: 16px;
    color: #ffffff;
    padding: 10px 15px;
    margin-bottom: 0px;
	text-align: center;
	border-bottom:3px solid #82c761;
}
.patent-title{
    background: #10589e;
    font-size: 12px;
    color: #ffffff;
    padding: 10px 5px;
    margin-bottom: 0px;
	height: 48px;
	text-align: center;
	border-bottom:3px solid #82c761;
}

.certification-img{
	margin-bottom:10px;
	margin-top:20px;
}
.certification{
	margin-bottom:10px;
}
.certification-last{
	margin-bottom:10px;
}
.certification-content{
	margin-bottom:0px;
}
.certification-patent{
	margin-bottom:70px;
}
/*------------------ 12. Contact --------------*/
.contact-banner{
    background: url(images/page-banner/contact_us_banner.jpg) no-repeat center center;
}

.equipment-contact h2{
	    font-size: 28px;
    margin-bottom: 30px;
}

.project-contact{
	   background: #f5f5f5;
}
.project-contact h2{
	    font-size: 28px;
    margin-bottom: 30px;
    color:#3f3f3f;
}
.page-banner {
    background-size: cover;
}
#page-title {
    background: #f5f5f5;
    background-size: cover;
    padding: 5px 0;
    background-position: center center;
}
.title-with-crumbs {
    display: inline-block;
    width: 49.7%;
    vertical-align: middle;
}
#page-title h2 {
    margin: 10px 0;
    font-size: 18px;
    text-align:left;
    color: #6f6b6b;
}
.waves-breadcrumbs {
    color: ##808080;
}
#crumbs a{
	color: #7aba1e;
    text-decoration: none;
}
#crumbs a span {
    left: 0em;
    padding-right: 1em;
    color: #7aba1e;
}
.title-with-crumbs {
    display: inline-block;
    width: 49.7%;
    vertical-align: middle;   
}

.contact-top {
    padding-bottom: 3em;
    text-align: center;
}

.contact-top h1 {
    font-size: 30px;
    color: #4a4b49;
    font-family: 'Montserrat', sans-serif;
}
.contact-top p {
    font-size: 15px;
    font-weight: 400;
    color: #8B8B8B;
    line-height: 1.8em;
    width: 60%;
    margin: 0 auto;
}
.footer-title > h3 {
        color: #333;
    font-size: 18px;
    margin-bottom: 25px;
    text-transform: uppercase;
        font-weight: 600;
}
.contact-info{
	padding:65px 0px;
}
.single-feature ul li {
        color: #333;
    font-weight: 400;
    margin-bottom: 14px;
}
.row-d {
    height:10px;
}
.row-c .block-1 {
    font-weight: bold;
    color: #444;
    float: left;
    width: 28%;
    padding-right: 10px;
    text-align: right
    ;
}
.row-c .block-2 {
    color: #888;
    float: right;
    width: 72%;
}
.contact-right p{
    line-height:0px;
    
}
.contact-right input{
    outline: none;
    width: 100%;
    padding: 8px;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #999;
    -webkit-appearance: none;
    color: #666666;
    margin-bottom:5px;
}
.contact-right label{
    width:90%;
}
.text {
    margin: 0px 0px 10px 0px;
}
.contact-right textarea {
    width: 100%;
    height: 10em;
    font-size: 15px;
    font-weight: 400;
    padding: 10px;
    border: 1px solid #999;
    margin-bottom:15px;
}
.contact-right input[type="submit"] {
    font-size: 15px;
    font-weight: 500;
    border: none;
    outline: none;
    -webkit-appearance: none;
    background: #7aba1e;
    color: #fff;
    padding: 18px 20px; 
    width: 40%;
}
textarea {
    background:#ffffff;
}
.contact-map {
    background: url(images/contact/location.jpg) no-repeat center center;
    background-size: cover;
    height: 800px;
}
.templatemo-nav-2 ul li {
    margin-bottom:3px;
}
#hastech2 {
    height: 470px;
    width: 100%;
}
h3.main-contact {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.main-input {
    position: relative;
}
.main-input input {
    border: 1px solid #c1c1c1;
    color: #7a7a7a;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    height: 38px;
    padding-left: 47px;
}
.main-input i {
    background-color: #c1c1c1;
    color: #5f5f5f;
    font-size: 14px;
    height: 36px;
    left: 1px;
    line-height: 37px;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 37px;
}
.text-leave2 textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #7a7a7a;
    font-family: "Lato", sans-serif;
    height: 150px;
    margin-bottom: 40px;
    padding: 14px 20px;
}
.communication-icon {
    display: inline-block;
    float: left;
}
.communication-icon i {
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px;
    background-color: #f8b239;
    display: inline-block;
}
.communication-text {
    padding-left: 68px;
}
.communication-text > p {
    margin-bottom: 0px;
}
.communication-text a {
    color: #707070;
}
.countdown-all.shortcode {
    padding-top: 0;
}
/*------------------ 13. Application --------------*/
.application-banner {
    min-height: 400px;
}
.application-content{
	padding:0px 0px 50px 0px;
}
/*------------------ Agricultural Water Storage Tank--------------*/
.agricultural-banner {
    background: url(images/application-banner/agricultural-water-storage-tank.jpg) no-repeat center center;
}
.anaerobic-banner {
    background: url(images/application-banner/anaerobic-biogas-digestor.jpg) no-repeat center center;
}
.dry-banner {
    background: url(images/application-banner/dry-bulk-storage-tank.jpg) no-repeat center center;
}
.fire-banner {
    background: url(images/application-banner/fire-water-tank.jpg) no-repeat center center;
}
.industrial-banner {
    background: url(images/application-banner/industrial-wastewater-tank.jpg) no-repeat center center;
}
.leachate-banner {
    background: url(images/application-banner/leachate-storage-tank.jpg) no-repeat center center;
}
.drink-banner {
    background: url(images/application-banner/drinking-water-tank.jpg) no-repeat center center;
}
.biomass-banner {
    background: url(images/application-banner/biomass-energy-project.jpg) no-repeat center center;
}
.kitchen-banner {
    background: url(images/application-banner/kitchen-waste-treatment-project.jpg) no-repeat center center;
}
.blog-content p.dry-bulk{
	color:#043e7f;
	font-weight:600;
}
article {
  padding: 0px 70px 30px 0;
}
.blog-content h1 {
  text-align:left;
  font-size:20px;
  color:#043e7f;
  padding-bottom:20px;
  font-weight:400;
}
.blog-content h2 {
  text-align:left;
  font-size:18px;
  color:#043e7f;
  padding: 15px 0;
  font-weight:400;
}


.blog-content p {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
}
.blog-content p span{
	padding-bottom:2px;
    border-bottom:1px solid #867c7c;
}
.blog-content p i{
	color:#7aba1e;
}
.col-margin{
	margin-right:40px;
}
.advertising{
	padding-top:70px;
}
.news-date {
    display: block;
    overflow: hidden;
}
.news-img {
    position: relative;
}
.blog-meta.for-news {
    margin: 2px 0 5px;
}
.news-date {
    bottom: 20px;
    left: 0px;
    padding: 4px 0 2px 20px;
    position: absolute;
    width: 260px;
}

.blog-meta-2 h3{
	font-size:20px;
	color:#ffffff;
	text-align:center;
}

.quote-meta-2 h3{
	font-size:18px;
		color:#ffffff;
	text-align:center;
}
.quote-meta h3{
	font-size:15px;
	color:#ffffff;
	text-align: center;
	padding-top:13px;
}
.blog-meta h3{
	font-size:15px;
	color:#ffffff;
	text-align: center;
	padding-top:13px;
}
.advertising-logo{
	    bottom: 60px;
    left: 30px;
    position: absolute;
    width: 50px;
    height: 50px;
}


.img-text > p {
    padding: 3px 0 10px;
}
.img-text > h3 {
    font-size: 18px;
    font-weight: 500;
}
.img-text {
    padding: 32px 30px;
    border: 1px solid #7aba1e;
}
.gray-cost {
    background:#eeeeee;
    border:none;
}


.col-padding-glass {
    padding: 0px 0px 0px 0px;
    margin-bottom: 40px;
}
.col-padding-color{
	padding-left:0px;
}
.content-right{
	padding:0 0 0 20px;
}

.sidebar .widget {
    margin-bottom: 30px;
    padding: 4px;
    background: #043e7f;
}
.sidebar .widget h3 {
  margin-top: 8px;
  font-size:20px;
  color:#ffffff;
  text-align: center;
}
.sidebar .author{
    margin-bottom: 30px;
    border: 1px solid #d2cdcd;
    padding: 5px;
    background: #eaedf2;
}



.author-bio{
	background: #ffffff;
    padding: 10px 15px;
    height: 200px;
    border:1px solid #d2cdcd;
	
}
.sidebar .author .author-bio p.location i{
  color:#7aba1e;
  font-size:14px;
  margin-right:5px;
}
.sidebar .author .author-bio h4{
  font-size:14px;
  padding:12px 0px;
  text-align:left;
  margin-bottom:5px;
  border-bottom:1px solid #7aba1e;
  font-weight: 600;
  color: #7f7777;
}
.sidebar .author .author-bio p {
  font-size: 13px;
  color: #888;
  margin-bottom:0px;
  text-align:left;
  line-height:18px;
}
.sidebar .author .author-bio p.location {
 color:#7aba1e;
}
.sidebar .author .author-bio a {
  float:left;
  margin:15px 0px;
  font-size:14px;
}

/*------------------ 技术创新开始--------------*/
.technology-content{
	padding-top: 42px;
	padding-left: 180px;
	
}
.technology-content h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}
.technology-content .tanks-design{
	margin: 0 auto;
}
/*------------------ 技术创新结束--------------*/
/*------------------ 顶盖开始--------------*/
.application-content .tanks-roofs{
	float:none;
	margin:0 auto;
}
/*------------------ 顶盖结束--------------*/

/*------------------ 14. product--------------*/
/*------------------ glass fused to steel tank--------------*/
/*------------------ 搪瓷拼装罐修改开始--------------*/
.section-title h1 {
    font-size: 25px;
    font-weight: 600;
    color: #595757;
    margin-top: 40px;
    letter-spacing: -0.6px;
    position: relative;
    margin-bottom:40px;
}

.section-title p{
        font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    line-height: 28px;
    text-align: left;
}
.section-title .product-introduction{
    text-align: left;
    font-weight: normal;
    color: #333;
    font-size: 16px;
    line-height: 28px;
}


/*工程案例开始*/

.project-title h1 {
    font-size: 26px;
    font-weight: 600;
    color: #595757;
    margin-top: 75px;
    letter-spacing: -0.6px;
    position: relative;
    margin-bottom:50px;
}
.project-title p{
    font-size:17px;
}
.project-title h1:after {
    left: 48.5%;
    z-index: 1;
    width: 80px;
    height: 2px;
    content: " ";
    bottom: -15px;
    margin-left: -20px;
    text-align: center;
    position: absolute;
    background: #00ff00;
}
.project-content{
	padding-top:40px;
}
.project-content h3{
	    font-size: 23px;
    margin-bottom: 20px;
}
.project-date{
	padding-top: 20px;
}
.project-info .case-title{
	color:#10589e;
}

.gallery-project .nbs-flexisel-nav-left, .gallery-project .nbs-flexisel-nav-right {
    width: 45px;
    height: 45px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 1;
	top:100px !important;
}
.gallery-project .nbs-flexisel-nav-left {
    left: -20px;
    background: url(images/product/tank/left_arrow.png) no-repeat;
    
}

.gallery-project .nbs-flexisel-nav-right {
    right: -20px;
    background: url(images/product/tank/right_arrow.png) no-repeat;
	background-size:45px 45px;
}


.gallery-project .nbs-flexisel-item img {
	width:100%;
	cursor: pointer;
	positon: relative;
	max-width:280px;
	max-height:200px;
}
.gallery-project .nbs-flexisel-item {
	float: left;
	margin: 0 6px 0 0;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
/*.isotope-overlay*/
.gallery-project{
	margin-top: 40px;
}
.isotope .project-img{
    float: left;
    position: relative;
    overflow: hidden;
}
.isotope-overlay{
	position:absolute;
	height:100%;
	width:100%;
	background:rgba(29,152,214,0.8);
	display:flex;
	align-items:center;
	text-transform: capitalize;
	justify-content:center;
	flex-direction: column;
	-webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
	-webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.isotope-overlay h3{
	    color: #fff;
	    font-size: 20px;
	    font-family: 'Lato', sans-serif;
	    font-weight: 600;
	    margin-top: 5px;
}
.isotope-overlay h3 a{
	margin-top: 20px;
}
.isotope-overlay p{
	color:#fff;	
	font-size:14px;
	font-family: 'Lato', sans-serif;
	margin-top: 15px;
}
.isotope .project-img:hover .isotope-overlay{
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
	top:0;
}
.isotope .project-img:hover img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.isotope .project-img img {
    width: 100%;
    height: 100%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

/*.isotope-overlay*/
.gallery-project h2{
	color: #1d97d6;
	font-weight: 600;
	position: relative;
	font-size: 30px;
	margin-bottom: 50px;
}

.gallery-project h2:after {
    left: 47%;
    z-index: 1;
    width: 115px;
    height: 2px;
    content: " ";
    bottom: -15px;
    text-align: center;
    position: absolute;
    background: #1d97d6;
}
.gallery-project .wsgydcj-p{
  text-align: center;
      font-weight: normal;
      color: #333;
      font-size: 16px;
      line-height: 28px;
}

.project-btn {
    margin-top: 40px;
    letter-spacing: 1.5px;
}
.project-view {
    border: 1px solid #ffffff;
	font-size:15px;
    padding:4px 12px;
    line-height: 50px;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.isotope-overlay a:hover, .isotope-overlay h3:hover {
    color: #ffffff;	
}


.section-title h3{
    font-size: 25px;
    font-weight: 600;
    color: #595757;
        margin-top: 30px;
    letter-spacing: -0.6px;
    position: relative;
    margin-bottom: 30px;
}

.heading-with-icon i {
    color: #10589e;
    font-size: 18px;
    position: relative;
    margin-right: 10px;
    top: 0;
    width: 30px;
    height: 30px;
    display: block;
	float:left;
	background:url(images/product/tank/hxys.png) no-repeat center center; 
}
.heading-with-icon{
	margin: 10px 120px 0px 120px;
}
.heading-with-icon span{
	font-size:18px;
	font-weight:600;
	color:#10589e;
	line-height: 30px;
}

.product-advantage{
	margin: 10px 120px 0px 150px;
}


.carbon-applications{
	padding:0px;
	position:relative;	
}
.carbon-applications .applications-content{
	width:550px;
	height:300px;
	padding:55px 45px  0px 45px;
	position:absolute;
	top: 25%;
    right: 10%;
	background:rgba(16,88,158,0.8);	
}
.carbon-applications .applications-content p{
	font-size:18px;
	color:#ffffff;
	line-height:30px;
	
}

.product .tanks-parameter img{
	padding:50px 200px;
	
}

.production{
        padding: 10px 0 0 0;
    position: relative;
}


.production .production-content{
	   width: 950px;
    height: 550px;
    padding: 0;
    position: absolute;
    top: 25%;
    right: 20%;
    background: rgba(255,255,255,0.8);
}

.single-fact h2 {
    margin-bottom: 15px;
    padding-bottom: 20px;
    position: relative;
	font-size:48px;
	color:#58b530;
}

.single-fact h2::after {
    background: none repeat scroll 0 0 #10589e;
    bottom: 10px;
    content: "";
    height: 1px;
    left: 45%;
    margin-left: -37.5px;
    position: absolute;
    width: 140px;
}
.single-fact .world{
	padding: 0 0 0 29px;
}
.single-fact p{
    font-size:18px;
	color:#10589e;
}

.page-nav .container{
	border-bottom: 1px solid #e4e4e4;
}
.page-nav  .nav {
    float: left;
    height: 55px;
    margin-bottom: -1px;
}
.page-nav .nav li {
    display: inline-block;
    height: 100%;
}
.page-nav .nav li.active a {
    color: #18589f;
    font-weight: bold;
    border-bottom: 2px solid #18589f;
}
.page-nav .nav li a {
    height: 100%;
    padding: 0px;
    line-height: 55px;
    color:#999999;
}
.page-nav .nav li a:hover {
    color: #18589f;
}
.page-nav .nav li.slant {
    margin: 0 8px;
}
.page-nav .nav>li>a:hover, .page-nav .nav>li>a:focus {
    text-decoration: none;
    background-color: #ffffff;
}


.page-nav .follow {
    float: right;
    height: 55px;
}
.page-nav .follow li {
    float: right;
    font-size: 14px;
    padding-right: 15px;
    padding-left: 5px;
    background: url(images/product/tank/icon_39.png) no-repeat right center;
}

.page-nav .follow li.active a{
    color: #18589f;
}
.page-nav .follow li.index {
    padding-right: 20px;
    background: url(images/product/tank/icon_37.png) no-repeat right 19px;
}
.page-nav .follow li a {
    height: 100%;
    padding: 0px;
    line-height: 55px;
    color:#999999;
}
.page-nav .follow li a:hover, .page-nav .follow li a:focus {
    color: #18589f;
}


.product .tank-info{
	padding-top:65px;
}
.product .tank-info .tank-info-img{
	padding-left:0px;
}
.product .tank-info .paddind-righ{
	padding-right:0px;
}
.tanks-details{
	margin-top:140px;
}
.padding-left{
	padding-left:0px;
}
.padding-right{
	padding-right:0px;
}
.tanks-details h2{
	font-size:22px;
	color:#404040;
	margin-bottom:22px;
}
.process{
	margin-top: 125px;
}

.advantage{
	display:inline-block;
	width: 10px;
    height: 10px;
    margin-right: 10px;
    background: #18589f;
    border: 1px solid #18589f;
    border-radius: 20px;
}
.stats{
	margin-top:20px;
	margin-bottom: 200px
}
.stats-grid{
    font-size: 30px;
    color: limegreen;
    margin-bottom: 10px;
	margin-right: 5px;
    font-family: 'Oswald', sans-serif;
	display:inline-block;
}
.stats p {
    color: #18589f;
    font-size: 16px;
    padding-top: 5px;
    text-align: center;
}
.tanks-details .project-case{
	color:#18589f;
	font-size:22px;
}
.tanks-details  .author-bio h4{
	font-size: 15px;
	padding-bottom: 5px;
}
.tanks-details  .author{
	margin-bottom:88px;
}

.tanks-details .adv-button {
    color: #404040;
    font-weight: 500;
    padding-bottom: 4px;
    border: 1px solid #cccccc;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    padding: 5px 15px;
}
.tanks-details .adv-button:hover {
    color: #ffffff;
    border: 1px solid #cccccc;
    background-color:#19589d;
   
}



/*------------------ 搪瓷拼装罐修改结束--------------*/
.glass-banner{
    background: url(images/page-banner/glass-fused-to-steel-storage-tank.jpg) no-repeat center center;
}
.blog-content h2.tank-color{
	border-bottom: 1px solid #043e7f;
	padding:10px 0px 15px 0px;
}
.blog-content h4{
	padding:10px 0px;
}
.color-option{
	padding-top:10px;
}
.color-option .color-img{
	border-radius:5px;
}
.blog-details h3{
	font-size: 15px;
	text-align:center;
	padding:10px 0px; 
	color:#043e7f;
}
.cate-top {
    padding: 0em 0 2.8em;
}
.cate-top h4 {
    margin: 0 0;
    font-size: 20px;
    color: #fff;
    padding: 12px 4px 14px 4px;
    background: #043e7f;
    text-align:center;
}
ul.popular{
    padding: 13px 23px 25px 23px;
}

ul.popular, .cate-img, .cate-cate {
    border: 1px solid #EAE0E0;
    background: #fff;
}
ul.popular li {
    padding: 0.5em 0;
    list-style: none;
    border-bottom:1px solid #7f7777;
}
ul.popular li:last-child {	
    border-bottom:none;
}
ul.popular li a {
    text-decoration: none;
    font-size: 14px;
    font-weight:500;
    color: #7f7777;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
ul.popular li a:hover {
    color:#043e7f;
}
.roof-banner{
    background: url(images/page-banner/roofs.jpg) no-repeat center center;
}
.triphase-banner{
    background: url(images/page-banner/triphase-separator.jpg) no-repeat center center;
}
.gas-banner{
    background: url(images/page-banner/gas-holder.jpg) no-repeat center center;
}
.roof-option{
	padding-bottom: 30px;
    border-bottom: 1px solid #043e7f;
}
.quote-img {
    position: relative;
}
.quote-img img {
    height:250px;
}
.quote-date {
    top: 30px;
    left: 20px;
    padding: 4px 20px 2px 10px;
    position: absolute;
    width: 240px;
    display: block;
    overflow: hidden;
    text-align: center;
}
.quote-date .quote-title{
	padding-top:10px;
	padding-bottom:0px;
}
.quote-date p{
    color:#ffffff;
}
.accessory-banner{
    background: url(images/page-banner/tank-accessories.jpg) no-repeat center center;
}
/*.............  15. About ................*/
/*.............  About修改开始 ................*/
.about-company{
	margin-bottom:60px;
}
.about_manufacture,.about_technology{
	margin-left:40px;
}
.about_manufacture h3{
	font-size: 18px;
    color: #ffffff;
    line-height: 20px;
    margin-top: 0px;
    font-weight: 500;
    margin-bottom: 25px;
    background: #18589f;
    width: 120px;
    height: 40px;
    text-align: center;
}
.technology-intro h3{
	font-size: 18px;
    color: #ffffff;
    line-height: 20px;
    margin-top: 0px;
    font-weight: 500;
    margin-bottom: 25px;
    background: #5cb531;
    width: 120px;
    height: 40px;
    text-align: center;
}
.technology-intro p{
	color:#ffffff;
}
.technology-intro{
	padding: 60px 0 0 50px;
}
.technology{
    background: url(images/about/jscdbj.jpg) no-repeat 0px 0px;
    background-size: cover;
    padding: 5em 0;
}


.factory{
	padding-top: 60px;
}

.factory h3{
	text-align: center;
    margin-bottom: 40px;
    position: relative;
    color: #10589e;
}

.factory-intro{
	    padding: 0 360px;
}

.carbon-install{
	margin: 0 0 100px 0;
}
.probootstrap-half.reverse {
    position: relative;
}
.probootstrap-half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.probootstrap-half.reverse .image-wrap {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.probootstrap-half .image-wrap {
    overflow: hidden;
}
.probootstrap-half .image-wrap, .probootstrap-half .text {
    width: 50%;
}

.probootstrap-half .image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: .8s all ease-in-out;
    transition: .8s all ease-in-out;
    background:url(images/about/qyyj.jpg) ;
}
.probootstrap-half .text {
    padding: 80px;
    background: #10589e;
	margin:0px;
}
.probootstrap-half .image-wrap, .probootstrap-half .text {
    width: 50%;
}
.probootstrap-half .text .subtitle {
        color: #fff;
}
.probootstrap-half .text p {
    font-size: 15px;
    color: #fff;
    line-height: 1.5;
}
.probootstrap-half .text h3 {
    line-height: 18px;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.probootstrap-half .text p {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.padding-none{
	    padding: 0px;
}
.internetion p{
    padding: 60px 100px;
}
.internetion .tanks-parameter img {
    padding: 50px 200px;
}
/*.............  About修改结束 ................*/
.about-banner{
    background: url(images/page-banner/about-cec.jpg) no-repeat center center;
}
.contact > div > .aboutcec-content{
	margin:0 auto;
	width:900px;
	float:none;
}
.aboutcec-content h2 {
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 16px;
    color: #043e7f;
    padding: 10px 0;
    font-weight: 600;
}
.aboutcec-content p{
    font-size:15px;
    line-height:24px;
}
.accordion {
    width: 100%;
    margin: 20px auto 20px auto;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
 .accordion li .link i {
    margin-right: 5px;
}
.accordion li {
    background: #f4f4f4;
    cursor: pointer;
}
.accordion .link-first{
	 border-top: 1px solid #e6e6e6;
}
.accordion .link {
    background-image: linear-gradient(0deg, 
 #f5f5f5 0%, 
 #ffffff 100%), 
 linear-gradient(
 #f5f5f5, 
 #f5f5f5);
    background-blend-mode: normal, 
 normal;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 15px;
}

.about-img{
	padding:15px 0px;
}
.about-links{
	background:#f1f1f1;
}
.about-links .padding-rg0{
	padding-right: 0px;
	position:relative;
}
.more-weight{
	font-weight:600;
}
.about-links article{
    float: left;
    width: 278px;
    text-align: center;
    height: 100%;
    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 45% 0;
    overflow: hidden;
    display:block;
    position:absolute;
    left:15px;
    top:0px;
    
}
.about-links article:hover{
    padding:20% 0 18%;
    background: rgba(10,10,10,0.6);
}
.about-links article h3 {
    font-size: 25px;
    color: #fff;
    width: 100%;
    margin-bottom: 20px;
    font-weight:600;
}

.about-links article p {
    color: #fff;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    width: 100%;
    text-align: center!important;
    padding: 0 5%;
    box-sizing: border-box;
    line-height:23px;
    font-size:15px;
    top: 85%;
    margin-bottom:20px;
}
.about-links article .btn {
    opacity: 0;
    bottom: -20px;
    width: 50%;
    left: 50%;
    margin-left: -25%;
    box-sizing: border-box;
    -webkit-transition: all .6s;
    transition: all .6s;
    border:1px solid #ffffff;
    margin:auto;
    font-weight:600;
    font-size:14px;
    padding: 3px 15px;
    line-height:23px;
}
.about-links article:hover .btn {
    opacity: 1;
    bottom: 30px;   
}
.about-links article:hover p {
    opacity: 1;
    top: 20px;
    line-height: 23px;
}

.clear.active, .clear:hover {
    background-color: #fff;
    color: #043e7f!important;
}
/*.............  16. News ................*/
.news-banner{
    background: url(images/page-banner/news.jpg) no-repeat center center;
}
#news-section-1 .news-1-box {
    padding: 20px 0px;
    border-bottom:1px solid #7aba1e;
}
#news-section-1 .news-1-box .image-2 {
    overflow: hidden;
}

#news-section-1 .news-1-box  .news-content h4 a{
	font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}
#news-section-1 .news-details {
    display: table;
    table-layout: fixed;
    width: 100%;
}
#news-section-1 .news-details span {
    background: #fff;
    color: #676767;
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    margin-right: 30px;
}
#news-section-1 .news-details span i {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: text-bottom;
    color:#7aba1e;
}
.pager, pager > li {
    display: inline-block;
}

.pager {
    margin: 0;
}
.pager li {
    display: inline;
}
.pager li > a {
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 16px;
    border-radius: 4px;
    display: inline-block;
    padding: 7px 14px;
    color:#333333;
}
.pager li > a:hover, .pager li > a:focus, .pager li.active > a {
    background-color: #2c2c2c;
    border-color: #2c2c2c;
}

ul.social_share li a:hover, ul.social_share li a:focus, .pager li > a:hover, .pager li > a:focus, .pager li.active > a {
    color: #fff;
}
.pager li > a:hover, .pager li > a:focus, .pager li.active > a {
    color: #fff;
}
.news-button{
	margin:20px 0px;
}
.news-about h3{
	font-size:15px;
	text-align: center;
}
.news-logo {
    bottom: 80px;
    left: 25px;
    position: absolute;
    width: 45px;
    height: 45px;
}
.cec-logo {
    bottom: 60px;
    left: 30px;
    position: absolute;
    width: 45px;
    height: 45px;
}
.news-about-title{
	    padding: 4px 0 2px 5px;
}

#news-section-1 .news-details span.popular-tags  {
    font-size: 20px;
    line-height: 30px;
    font-weight:600;

}
.tags .margin-t-5 {
    margin-bottom:10px;

}
#news-section-1 .news-details span.popular-tags i {
    font-size: 20px;
    vertical-align: text-top;
}
.tags a:hover, .tags a.active {
    background: #7aba1e;
    color: #fff;
}


.tags a {
    display: block;
    padding: 7px 15px;
    border: 1px solid #f5f5f5;
    margin: 0 4px 8px 0;
    text-decoration: none;
    font-size: 15px;
    color: #888;
}
.tags h5{
    font-size:15px;
    font-weight:600;
}
.tags p{
    font-size:15px;
    line-height:18px;
}

/*.............  17. News Single ................*/
.news-cost h3{
	font-size:15px;
	text-align: center;
}
.news-cost-date{
	    bottom: 35px;
    left: 0px;
    padding: 15px 0 2px 0px;
    position: absolute;
    width: 280px;
}
.news-cost-date .blog-meta h3 {
    padding-top: 0px; 
}

}

.blog-news-section {
    position: relative;
    padding: 90px 0px 30px;
    background-color: #f9f9f9;
}

.no-padd-top {
    padding-top: 0px !important;
}

.no-padd-bottom {
    padding-bottom: 0px !important;
}

.padd-right-20 {
    padding-right: 20px !important;
}
.blog-news-section .blog-news-column {
    margin-bottom: 60px;
}
.blog-news-column .inner-box {
    position: relative;
    background: #ffffff;
    padding:0px 15px 0px 0px;
}
.blog-news-column .image-box {
    position: relative;
    overflow: hidden;
}
.blog-news-column .image-box img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.blog-news-column .content-box {
    position: relative;
    padding: 20px 20px 20px 0px;
    border-radius: 10px;
}
.content-box > h2.blogpost-title{
    text-align:left;
    font-size:18px;
    font-weight:600;
}
.blog-news-column h1 {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    margin: 16px 0px;
}
.blog-news-column p {
    font-size:15px;
}

.content-box h3{
    font-weight: 600;
    padding: 10px 0;
    font-size:16px;
}

/*.............  18. quality control ................*/
.quality-banner{
    background: url(images/page-banner/quality-control.jpg) no-repeat center center;
}

article.inner-box {
    padding: 0px; 
}

.sec-title div{
	padding:10px 100px;
	font-size:15px;
}
.blog-quality-column .content-box {
    position: relative;
    padding: 20px 20px 20px;
    border-radius: 10px;
    background:#f3f6f8;
    height: 269px;
}

.blog-quality-column{
	padding-top:30px;
}
.blog-quality-column h3 {
    font-family: "Poppins",sans-serif;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    text-align: left;
}
.blog-quality-column .content-box .text {
    position: relative;
    margin-bottom: 20px;
    color: #8d8d8d;
    font-size: 14px;
    text-align: left;
}
/*.............  19. production-steps ................*/

.production-banner{
    background: url(images/page-banner/production-steps.jpg) no-repeat center center;
}
.production-step{
	padding:15px;
	border:1px solid #043e7f;
}
.production-step h3{
	background:#043e7f;
	font-size:16px;
	color:#ffffff;
	padding:10px 15px;
	font-weight:600;
	margin-bottom:0px;

}
.step-text{
	padding:20px;
	background:#f5f5f5;
	height:145px;
}

/*.............  20. Resources ................*/

.resource-banner{
    background: url(images/page-banner/resource.jpg) no-repeat center center;
}
.resource h3{
	text-align: center;
}
.resource h3 a{
	font-size:18px;
	font-weight:600;
}
/*.............  21. Service ................*/
.service-banner{
    background: url(images/page-banner/service.jpg) no-repeat center center;
}
.service-border{
	border-top:1px solid #7aba1e;
}
.service-last{
	border-bottom:1px solid #7aba1e;
}
.service-content{
	padding:20px 10px;
	margin : 0px 30px;
}
.service-text{
	padding:25.5px 0px;
}
.service-quality {
    padding: 15px 0px;
}
.service-title{
	padding:10px 0px;
}
.service-title i{
	color:#7aba1e;
	margin-right:7px;
}
.service-title span{
	font-size:18px;
	font-weight:600;
	color:#403f3f;
}
.service-img{
	padding:20px 10px;

}
.service-img img{
	border-radius: 8px;

}

/*.............  22. quote ................*/
.quote-banner{
    background: url(images/page-banner/quote.jpg) no-repeat center center;
}
.quote-title{
	padding-bottom:20px;
	padding-top:10px;
}

.quote input[type="text"], .quote input[type="email"], .quote textarea {
    outline: none;
    border: 1px solid #E4E4E4;
    background: #f5f5f5;
    font-size: 14px;
    color: #212121;
    padding: 10px;
    width: 100%;
}
.quote input[type="email"],.company{
    margin: 1em 0;
}
.quote textarea {
    min-height: 200px;
}
.quote input[type="submit"] {
    outline: none;
    border: none;
    background: #043e7f;
    font-size: 1.3em;
    color: #fff;
    padding: 10px 0;
    width: 40%;
    float: left;
    margin-top:0.8em;
}
.quote input[type="submit"]:hover {
    background: #7aba1e;
}
.quote-ad{
	background: url(images/quote/quote-bg.jpg) no-repeat center center;
	min-height: 650px;
}
.ad-content{
	padding:100px 30px 80px 30px;
}
.ad-content h4{
	font-size:24px;
	font-weight:600; 
}
.ad-call{
	padding:80px;
}
.ad-call h5.call-text{
	font-size:24px;
	font-weight:600;
}

.ad-call h5.call-num{
	font-size:24px;
	color:#043e7f;
	font-weight:600;
}
/*.............  23. 工程案例 ................*/


.project-nav{
    overflow: hidden;
    margin-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #aeaeae;
}
.project-nav .navbar-nav li a {
    color: #1d97d6;
    font-size: 16px;
    padding: 15px 45px;
}
.project-nav .navbar-nav li.active a {
    background-color: #1d97d6;
    color: #ffffff;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
        background-color: #ffffff;
        color: #2d334d;
}

.project-show{
	padding: 60px 0px;
}

.project-show .project-img{
	padding: 0px;
}
.project-show .project-info{
	padding: 130px 0px 145px 40px;
	border-style: solid; 
	border-width: 1px 1px 1px 0px;
	border-color: #d2d2d2;
}
.project-show .project-sichun{
	padding: 60px 0px 58px 60px;
	border-style: solid; 
	border-width: 1px 1px 1px 0px;
	border-color: #d2d2d2;
}

.project-show .mb-3{
	  font-size: 25px;
    text-align: left;
    color: #1d97d6;
    margin-bottom: 20px;

}

.project-show .mt-2 li{
	    line-height: 28px;
    	font-size: 14px;
    	color: #878384;
}
.project-show .project-view{
	    display: inline-block;
    	font-size: 15px;
    	line-height: 23px;
    	color: #1d97d6;
    	padding: 4px 35px 4px 35px;
    	border: 1px solid #a0a0a0;
    	margin-top: 40px;
}
.project-show .project-part{
	   margin-bottom: 30px;
}
/*.............  24. 企业文化................*/
.culture{
	padding:40px 0px;
}
.culture-banner{
	background-size: cover;
    height: 400px;
    background: url(images/page-banner/culture.jpg) no-repeat center center;
}
.culture h2{
	text-align:left;
	font-size:18px;
}
.culture h3{
	text-align:left;
	font-size:16px;
}
.core-team{
	padding-top: 20px;
}
.team-banner{
	background-size: cover;
    height: 400px;
    background: url(images/page-banner/team-development.jpg) no-repeat center center;
}
/*.............  13. Elements ................*/

.sc-sub-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px;
    text-align: left;
    text-transform: uppercase;
}
.tab-accordion-area .accordion-head {
    background: #303030 url("img/icon/accordion-up.png") no-repeat scroll right center;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 42px;
    line-height: 44px;
    padding: 0 12px 0 28px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.tab-accordion-area .accordion-head.collapsed {
    background: #303030 url("img/icon/accordion-down.png") no-repeat scroll right center;
}
.tab-accordion-area .accordion-head:hover,
.tab-accordion-area .accordion-head:focus {
    color: #fff;
}
.tab-accordion-area .accordion-body {
    padding: 25px;
    text-align: left;
}
.tab-accordion-area .checkout-reg h3 {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 12px;
    margin: 0 0 11px;
    text-transform: uppercase;
}
.tab-accordion-area #accordion .panel {
    border: medium none;
    box-shadow: none;
}
.tab-accordion-area .panel-group {
    margin-bottom: 0;
}
.elements-progress .progress-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin: 0 0 5px;
    text-align: left;
}
.elements-progress .progress {
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    height: 8px;
}
.elements-progress {
    background-color: #f6f6f6;
}
.elements-tab-area .tab-list {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.elements-tab-area .tab-list li {
    display: block;
    float: left;
    margin-right: 15px;
}
.elements-tab-area .tab-list li a {
    background: #303030 none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 42px;
    line-height: 44px;
    padding: 0 20px;
    text-transform: uppercase;
}
.elements-tab-area .tab-list li.active a {
    background: #f8b239 none repeat scroll 0 0;
}
/*--------   14. Breadcrumb style default  -----------*/

.breadcrumbs li {
    display: inline-block;
}
.breadcrumbs > ul li {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 8px 0 0;
    text-transform: capitalize;
}
.breadcrumbs > ul li a {
    color: #f8b239;
    padding-right: 8px;
    position: relative;
}
.breadcrumbs ul li a.active::after {
    color: #f8b239;
}
.breadcrumbs ul li a::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
    margin-left: 11px;
}
.breadcrumbs-area::before {
    background-color: #000;
    opacity: 0.8;
}
.breadcrumbs-area.bg-3,
.counter-area.bg-2,
.testimonial2-area.bg-2,
.courses-area.bg-2 {
    background-attachment: inherit;
}
/* breadcrumb style bg fixed*/

.breadcrumbs-area.bg-3.page-title-fix {
    background-attachment: fixed;
}
.page-title-fix h2.page-title {
    display: inline-block;
    float: left;
}
.page-title-fix .breadcrumbs > ul {
    display: inline-block;
    float: right;
}
.page-title-fix.breadcrumbs-area::before {
    opacity: 0.7;
}
/* breadcrumb solid bg color */

.solid h2.page-title {
    color: #3f3f3f;
}
.solid .breadcrumbs > ul li {
    color: #3f3f3f;
}
.solid .breadcrumbs ul li a::after {
    color: #3f3f3f;
}
/* breadcrumb bg pattern */

.pattern h2.page-title {
    color: #3f3f3f;
}
.pattern .breadcrumbs > ul li {
    color: #3f3f3f;
}
.pattern .breadcrumbs ul li a::after {
    color: #3f3f3f;
}
/* breadcrumb no-bg */

.no-bg h2.page-title {
    color: #3f3f3f;
}
.no-bg .breadcrumbs > ul li {
    color: #3f3f3f;
}
.no-bg .breadcrumbs ul li a::after {
    color: #3f3f3f;
}
.breadcrumbs-area.no-bg {
    border: 1px solid #f1f1f1;
}