body{

    height: 100%;

    overflow-x: hidden;

    font-family: "Microsoft YaHei", sans-serif;
	background:#f5f5f5

}

body a{

    outline: none;

    blr: expression(this.onFocus=this.blur());

}

body a:focus{

    outline: none;

}

@media (min-width: 1366px){

    .container{

        width: 1200px;


    }

}

.clear{height:0;overflow:hidden;clear:both}

    .ncontainer{

        width: 1200px;
		background:#fff;

	margin:50px auto;
  box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1)

    }
	    .ncontainer1{

padding:100px 0;
width:1000px;
overflow:hidden;
	margin:0 auto;
	color:#777;

    }
	

/*ʵ*/
.experment{
  width: 100%;
  overflow: hidden;
}
.experment ul{
  width: 1000px;
  padding-bottom: 10px;
}
.experment ul li{
  width: 31.5%;
  float: left;
  position: relative;
  border: 1px solid #f7f7f8;
  margin: 0 27px 30px 0;
  box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1)
}
.experment ul li:nth-child(3n){float:right;margin-right:0;}
.experment ul li .pic{
  display: block;
  *display: inline;
  width: 100%;
  overflow: hidden;
}
.experment ul li .pic img,
.news li .pic img{
  /*display: block;*/
  width: 100%;
}
.news li .pic {
  height: 166px;
}
.news li .pic img{
  height: 100%;
}

.experment ul li:hover .pic img,
.news li:hover .pic img{
    transform:scale3d(1.08,1.08,1);
  -webkit-transform:scale3d(1.08,1.08,1);
}
.ani{
  -webkit-transition: all 0.4s;
      transition: all 0.4s;
}
.experment ul li .box{
  padding: 23px 20px;
}
.experment ul li .box .tit{
  font-size: 18px;
  color: #333;
  line-height: 1.6;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 8px;
}
.experment ul li .box .tit:before{
  display: block;
  width:30px ;
  height: 2px;
  background-color: #eee;
  position: absolute;
  content: '';
  left: 0;
  bottom: -2px;
}
.experment ul li .box .detaile,
.news li .box .detaile,
.problem li .mbox .detaile{
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  overflow: hidden;
  height: 44px;
}
.problem li .mbox .detaile,
.news li .box .detaile{
  height: 55px;
  line-height: 2;
}

.experment ul li:hover{
 background-image: linear-gradient(90deg, #267bb2, #6dad46 100%);
}
.experment ul li:hover .box .detaile,
.experment ul li:hover .box .tit{
  color: #fff;
}
.experment ul li:hover .box .tit:before{
  background-color: #fff;
}
	.sbanner{height:350px;}

	.split{width: 40px;
    height: 2px;
    margin: 20px auto 20px auto;
    background: #d8d8d8;
display:block;
}
	
	.ncontainer h1{
    font-size: 30px;
    color: #333;
    z-index: 1;
        text-align:center;
    margin: 30px 0 20px 0;
    font-weight: normal;
}

.fl{float:left}
.fr{float:right}
.news{
  width: 100%;
  overflow: hidden;
}
.news li{
  width: 100%;
  margin-top:30px; 
}
.news li .pic{
  width: 300px;
    height:180px;
  overflow: hidden;
}
.news li .box{
  width: 640px;
}
.news li .box .tit{
  font-size: 20px;
  color: #333;
  line-height: 1.6;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  padding-top: 5px;
  float: left;
}
.news li .box .time{
  font-size: 14px;
  color: #999;
  line-height: 1.4;
 /* margin: 1px 0 10px;*/
     padding-top: 5px;
  float: right;
}
.news li .box .btn{
  display: block;
  width: 95px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #888;
  text-align: center;
  padding-right: 18px;
  border-radius: 30px;
  background:#fff;
  margin-top:13px;
    padding:0;
}
.news li:hover .box .btn{background:#267bb2}
.news li .box .detaile{padding-top:10px;height:auto;color:#999;}
.news li:hover .box .tit{
  color: #1866e6;
}
.news li:hover .box .btn{
  background-color: #fff;
  color: #1866e6;
  background: url(/DyynJucLK1DoKSkINtpoNOkQJyV.jpg) 85% center no-repeat;
}

/* 

img{

    max-width: 100%;

    height: auto;

    width: auto\9;

  
    -ms-interpolation-mode: bicubic;



    border: none;

}
*/

@-ms-viewport     { width: device-width;}

@-o-viewport      { width: device-width;}

@viewport         { width: device-width;}




        .youshi{width:1000px;margin:0 auto;}
        .youshi ul li{width:100%;height:235px;margin-bottom: 60px;}
        .youshi ul li h2{font-size: 25px;font-weight:normal;color:#333; margin-bottom: 25px;}
        .youshi ul li h2 span{font-size: 30px;color:#ccc;margin-right:10px;font-weight:normal;}
        .youshi ul li p{font-size: 15px;color:#777;line-height:30px;margin-bottom:10px;}
        .youshi ul li img{float:left;margin-right:0px;width:461px;}
        .youshi ul li .intro{float:right;width:460px}
        .youshi ul li .intro b{font-weight:normal;color:#39c;margin-bottom:10px;display:block;;}
        .youshi ul li:nth-child(2n) .intro{float:left;}
        .youshi ul li:nth-child(2n) img{float:right;}


.culture{
  width: 100%;
  padding-top: 45px;
}
.culture .detaiel-box{
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
}
.culture .detaiel-box li{
  margin-bottom: 35px;
  padding-left: 45px;
}
.culture .detaiel-box li h3{
  font-size: 20px;
  color: #333333;
  line-height: 24px;
  position: relative;
  left: -45px;
  top: 0;
  padding-left: 45px;
}
.culture .detaiel-box li p{
  margin-top:10px;
    font-size:15px;
    line-height:2em
}

.rongyu .title1,.rongyu .title2,.rongyu .title3{ font-size:22px;color:#fff;line-height:35px;text-align:center;margin:0 auto 20px auto;width:70%;border-radius:30px}
.rongyu .title1{background-image: linear-gradient(90deg, rgba(131,182,241,0.75) 3%, #458de5 100%);}
.rongyu .title2{background-image: linear-gradient(90deg, rgba(118,215,159,0.72) 3%, #4ac984 100%)}
.rongyu .title3{background-image:linear-gradient(90deg, rgba(255,127,127,0.63) 3%, #ff7f7f 100%)}

.rongyu{ margin: 35px 0;font-size:16px;line-height:2.5em;color:#666}
.rongyu li{float:left;width:31%;background:#f7faff;margin-right:35px;text-align:center;solid #efefef;padding:30px 20px 50px 20px;}
.rongyu li:nth-child(2){background:#f4fcf8;}
.rongyu li:nth-child(3){background:#fff8f8;}

.rongyu li:nth-child(3){float:right;margin-right:0}
.culture .list{
  width: 100%;
}
.culture .list li{
  float: left;
  width: 240px;
  text-align: center;
  position: relative;
}
.culture .list li .math{
  font-size:48px;
  color: #0789e9;
  line-height: 1.2;
  font-family: 'BEBAS';
  margin-bottom: 5px;
}
.culture .list li .detaile{
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}
.culture .list i{
  display: block;
  width: 1px;
  height: 44px;
  background-color: #ebebeb;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -22px;
}

body.on .culture .detaiel-box li h3{
  font-size: 16px;
}
body.on .culture .list li .math{
  font-size: 46px;
}



/**/

.w010{ width: 100%;}

.maxw010{ max-width: 100%;}





.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths{

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

    position: relative;

}





.mb35{ margin-bottom: 35px;}

.mb40{ margin-bottom: 40px;}

.mb45{ margin-bottom: 45px;}

.mb50{ margin-bottom: 50px;}

.mb55{ margin-bottom: 55px;}

.mb60{ margin-bottom: 60px;}

.mb65{ margin-bottom: 65px;}

.mb80{ margin-bottom: 80px;}

.mb90{ margin-bottom: 90px;}

.mb100{ margin-bottom: 100px;}





.fs20{ font-size: 20px;}

.fs24{ font-size: 24px;}



.color-009449{ color: #009449;}





/*header*/

.header-custom{

    margin-bottom: 0;

    background: #fff;

    border: none;

    border-radius: 0;

}

.header-custom .logo{

    height: auto;

    padding: 25px 0 0px 0;

}

.header-custom .logo .logoSmall{

    display: none;

}

.header-custom .nav-custom>li>a{

    font-size: 16px;

    color: #333;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.header-custom .nav-custom > li > a:hover,

.header-custom .nav-custom > li > a:focus,

.header-custom .nav-custom > .current > a,

.header-custom .nav-custom > .active > a,

.header-custom .nav-custom > .active > a:hover,

.header-custom .nav-custom > .active > a:focus,

.header-custom .nav-custom > .open > a,

.header-custom .nav-custom > .open > a:hover,

.header-custom .nav-custom > .open > a:focus{

    background-color: inherit;

    color: #009449;

}

.dropdown-menu>li>a{

    font-size: 14px;

    color: #333;

}

.dropdown-menu>li:hover a{

    color: #009449;

}

.header-tel{

    background: #009449;

    font-size: 18px;

    color: #fff;

}

.header-tel span{

    font-size: 28px;

    font-weight: bold;

}





/*footer*/

footer{

    background: url("/DyynJucLK1WGHRVqIIgnEIqOn1qJUSyRHt.jpg") center top no-repeat;

    background-size: cover;

    text-align: center;

}

.footer-block{

    padding-top: 35px;

    padding-bottom: 65px;

}

.footer-block .footer-logo{

    margin-bottom: 35px;

}

.footer-block .footer-logo img{

    display: inline-block;

}

.footer-block .footer-btn{

    margin-right: -10px;

    margin-left: -10px;

    margin-bottom: 40px;

}

.footer-block .footer-btn>div{

    padding-right: 10px;

    padding-left: 10px;

}

.footer-block .footer-btn>div a{

    display: block;

    height: 40px;

    line-height: 40px;

    background: rgba(0,148,73,0.6);

    border-radius: 3px;

    font-size: 14px;

    color: #fff;

    transition: all 0.5s;

}

.footer-block .footer-btn>div a:hover{

    background: rgba(0,148,73,1);

}

.footer-block .footer-nav{

    line-height: 38px;

    font-size: 16px;

    color: #fff;

}

.footer-block .footer-nav a{

    display: inline-block;

    color: #fff;

}

.footer-block .footer-links{

    line-height: 32px;

    margin-bottom: 40px;

    font-size: 16px;

    color: #fff;

}

.footer-block .footer-links a{

    display: inline-block;

    margin-right: 5px;

    color: #fff;
    font-size:18px;

}

.footer-block .footer-share{

    width: 186px;

}

.footer-block .footer-share.bdshare-button-style0-32 a{

    width: 50px;

    height: 50px;

    line-height: 50px;

    margin-left: 6px;

}

.footer-block .footer-share.bdshare-button-style0-32 .bds_tsina{

    background-image: url("/DyynJucLK1WGHRVqJyqnK20OTxIsID.jpg");

    background-size: 100% 100%;

    background-position: 0 0;

}

.footer-block .footer-share.bdshare-button-style0-32 .bds_sqq{

    background-image: url("/DyynJucLK1WGHRVqJyqnK20NTxIsID.jpg");

    background-size: 100% 100%;

    background-position: 0 0;

}

.footer-block .footer-share.bdshare-button-style0-32 .bds_weixin{

    background-image: url("/DyynJucLK1WGHRVqJyqnK20UTxIsID.jpg");

    background-size: 100% 100%;

    background-position: 0 0;

}

.footer-copy{

    line-height: 30px;

    padding-top: 10px;

    padding-bottom: 10px;

    background: #009449;

    color: #d0d0d0;

}

.footer-copy a{

    color: #d0d0d0;

}



/*page*/

.page{

    padding-top: 20px;

    padding-bottom: 20px;

    text-align: center;

}

.page a{

    display: inline-block;

    height: 38px;

    line-height: 36px;

    padding-right: 14px;

    padding-left: 14px;

    margin-right: 1px;

    margin-left: 1px;

    border: 1px solid #dedede;

    font-size: 14px;

    color: #424242;

    transition: all 0.3s;

}

.page a:hover,

.page a.current{

    background: #009449;

    border: 1px solid #009449;

    color: #fff;

}

.page a.page1{

    display: inline-block;

    height: 38px;

    line-height: 36px;

    padding-right: 14px;

    padding-left: 14px;

    margin-right: 1px;

    margin-left: 1px;

    font-size: 14px;

    transition: all 0.3s;

	background: #009449;

    border: 1px solid #009449;

    color: #fff;

}



/*banner*/

.banner .item img{

    display: block;

    width: 100%;

}

.banner.owl-carousel .owl-nav button.owl-next,

.banner.owl-carousel .owl-nav button.owl-prev{

    width: 45px;

    height: 105px;

    margin-top: -52px;

    border-radius: 3px;

    text-indent: 999px;

    overflow: hidden;

    position: absolute;

    top: 50%;

}

.banner.owl-carousel .owl-nav button.owl-next{

    background: url("/DyynJucLK1WGHRVqHxMUKxIfOHpsDy1G.jpg") center center rgba(29,29,29,0.1) no-repeat;

    right: 4%;

}

.banner.owl-carousel .owl-nav button.owl-prev{

    background: url("/DyynJucLK1WGHRVqHxMUKxIfOIxsDy1G.jpg") center center rgba(29,29,29,0.1) no-repeat;

    left: 4%;

}

.banner.owl-carousel .owl-dots{

    font-size: 0;

    text-align: center;

    position: absolute;

    right: 0;

    bottom: 20px;

    left: 0;

}

.banner.owl-carousel button.owl-dot{

    width: 50px;

    height: 3px;

    margin-right: 2px;

    margin-left: 2px;

    background: #fff;

    text-align: left;

}

.banner.owl-carousel button.owl-dot span{

    display: inline-block;

    width: 0;

    height: 3px;

    background: url("/DyynJucLK1WGHRVqK11oIT0OKOgoDyD.jpg") left center repeat;

    transition: all 1s;

}

.banner.owl-carousel button.owl-dot.active span{

    width: 100%;

}





/*main*/

.tit-1{

    text-align: center;

}

.tit-1 .name-cn{

    line-height: 36px;

    margin-bottom: 5px;

    font-size: 36px;
	font-weight:bold;

}

.tit-1 .name-en{

    line-height: 32px;
padding-top:10px;
    margin-bottom: 15px;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: normal;

}

.tit-1 img{

    display: block;

    margin-right: auto;

    margin-left: auto;

}

.tit-1.style1 .name-cn{

    color: #333;

}

.tit-1.style1 .name-en{

    color: #009449;

}

.tit-1.style2{

    color: #fff;

}

.mod-01{

    margin-bottom: 60px;

    font-size: 0;

}

.mod-01>img{

    display: block;

	width:507px;
	height:453px;

    margin-right: auto;

    margin-left: auto;

}

.mod-01 .text{

    line-height: 60px;

    font-size: 22px;

    color: #333;

    transition: all 0.5s;

}

.mod-01 .text p{font-size:15px;line-height:30px;padding-left:65px;color:#777}

.mod-01 .text .icon{

    display: inline-block;

    width: 55px;

    height: 55px;

    padding-top: 7px;

    margin-right: 10px;

    border: 1px solid #e0e0e0;

    border-radius: 50%;

    text-align: center;

    transition: all 0.5s;

}

.mod-01 .text .icon img{width:40px;}

.mod-01 .text:hover{

    color: #009449;

}

.mod-01 .text:hover .icon{

    background: #009449;

    border: 1px solid #009449;

}

.mod-01 .text:hover .icon img:first-child{

    display: none;

}

.mod-01 .text:hover .icon img:last-child{

    display: inline;

}

.block-01{

    padding: 60px 0;

    margin-top: 0;

 background-image: linear-gradient(90deg, #267bb2, #6dad46 100%);


}

.mod-02 .box{

    padding-top: 30px;

    padding-bottom: 40px;

    margin-bottom: 10px;

    background: #fff;

    box-shadow: 0 0 24px rgba(0,0,0,0.06);

}

.mod-02 .box .number{

    height: 8px;

    line-height: 30px;

    margin-bottom: 28px;

    font-size: 35px;

    color: #bfbfbf;

    text-align: center;

    transition: all 0.5s;

}

.mod-02 .box .name{

    height: 60px;

    line-height: 60px;

    margin-bottom: 0;

    font-size: 18px;

    color: #333;

    text-align: center;

    text-transform: uppercase;

}

.mod-02 .box .img{

    display: block;

    padding-top: 0px;



}
.mod-02 .box .img img{width:264px;height:150px;}
.owl-item{float:left}
.mod-02 .box .text1{

    line-height: 24px;
    padding:20px 20px;


    font-size: 14px;

    color: #666;
display:block;

    overflow: hidden;

  

}

.mod-02 .box .more{

    text-align: center;

}

.mod-02 .box .more a{

    display: inline-block;

    height: 27px;

    line-height: 26px;

    padding-right: 38px;

    padding-left: 10px;

    background-image: url("/DyynJucLK1WGHRVqJyqnK20POugOKSD.jpg");

    background-position: right center;

    background-repeat: no-repeat;

    border-bottom: 1px solid #dfdfdf;

    font-size: 14px;

    color: #cdcdcd;

    transition: all 0.5s;

}

.mod-02 .box:hover .number{

    color: #009449;

}

.mod-02 .box:hover .more a{

    background-image: url("/DyynJucLK1WGHRVqJyqnK20POy0sDy1G.jpg");

    border-bottom: 1px solid #009449;

    color: #009449;

}

.mod-02.owl-carousel .owl-nav button.owl-next,

.mod-02.owl-carousel .owl-nav button.owl-prev{

    width: 24px;

    height: 46px;

    text-indent: 999px;

    overflow: hidden;

    position: absolute;

    top: 186px;

}

.mod-02.owl-carousel .owl-nav button.owl-next{

    background: url("/DyynJucLK1WGHRVqHxMUKxIfOxpsDy1G.jpg") center center no-repeat;

    right: 5px;

}

.mod-02.owl-carousel .owl-nav button.owl-prev{

    background: url("/DyynJucLK1WGHRVqHxMUKxIfOyxsDy1G.jpg") center center no-repeat;

    left: 5px;

}

.mod-03>div{

    padding-right: 1px;

    padding-left: 0;

    margin-bottom: 1px;

}

.mod-03>div .box{

    display: block;

    font-size: 14px;

    color: #fff;

    text-align: center;

    overflow: hidden;

    position: relative;

}

.mod-03>div .box>img{

    display: block;

    width: 100%;

}

.mod-03>div .box .text-1,.mod-03>div .box .text-11{

    height: 40px;

    line-height: 40px;

    background: rgba(0,0,0,0.6);

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

}

.mod-03>div .box .text-2{

    background: rgba(0,148,73,0.6);

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: none;

}

.mod-03>div .box .text-2 .name{

    margin-top: -31px;

    position: absolute;

    top: 50%;

    right: 0;

    left: 0;

}

.mod-03>div .box .text-2 .name img{

    display: block;

    margin-right: auto;

    margin-bottom: 16px;

    margin-left: auto;

}

.block-02{

    padding-top: 55px;

    padding-bottom: 70px;

    background: url("/DyynJucLK1WGHRVqHIAdNkkMESV.jpg") center center no-repeat;

    background-size: cover;

}

.mod-04 .item{

    padding-top: 10px;

    padding-bottom: 10px;

}

.mod-04 .img{

    display: block;

    margin-bottom: 10px;
    font-size:14px;
    padding:5px 0;

    box-shadow: 0 0 24px rgba(0,0,0,0.06);

}

.mod-04 .img img{

    display: block;

    width: 100%;

}

.mod-04 .img:last-child{

    margin-bottom: 0;

}

.mod-04.owl-carousel .owl-nav button.owl-next,

.mod-04.owl-carousel .owl-nav button.owl-prev{

    width: 24px;

    height: 46px;

    margin-top: -23px;

    text-indent: 999px;

    overflow: hidden;

    position: absolute;

    top: 50%;

}

.mod-04.owl-carousel .owl-nav button.owl-next{

    background: url("/DyynJucLK1WGHRVqHxMUKxIfOxpsDy1G.jpg") center center no-repeat;

    right: 5px;

}

.mod-04.owl-carousel .owl-nav button.owl-prev{

    background: url("/DyynJucLK1WGHRVqHxMUKxIfOyxsDy1G.jpg") center center no-repeat;

    left: 5px;

}


    .ab_newTop {
        margin-top: 0px;
    }
    .ab_newTop li {
        float: left;
        margin-right: 30px;
    }
    .ab_newTop li:last-child {
        margin-right: 0;
    }
    .ab_newTop .abT_desc {
        margin-top: 10px;
        position: relative;
        margin-left: 20px;
    }
    .ab_newTop .abT_desc .title {
        font-size: 20px;
        line-height: 28px;
        color: #6b6b6b;
    }
    .ab_newTop .abT_desc .stitle {
        font-size: 18px;
        line-height: 34px;
        color: #4b4b4b;
        font-weight: bold;
    }



/*02-1鼎元核心-鼎元售后*/

.other-banner img{

    display: block;

    width: 100%;

}

.mod-05{

    border-bottom: .px solid #d8d8d8;

}

.mod-05 .item{
margin:0 auto;
text-align:center;
    padding: 40px 0;

}

.mod-05 .item a{

    height: 40px;

    line-height: 40px;

    background: #ececec;

    border-radius: 20px;

    font-size: 14px;

    color: #666;

    text-align: center;


}
.mod-05 .item a:hover{background:#5ea4ce;color:#fff;}

.mod-05 .item a img{

    width: 14px;

    margin-left: -7px;

    position: absolute;

    bottom: -40px;

    left: 50%;

    display: none;

}

.mod-05 .item a.on{

    background: #009449;

    color: #fff;

}

.mod-05 .item a.on img{

    display: inline;

}

.mod-05.style1{

    text-align: center;

}

.mod-05.style1 .item{



}

.mod-05.style1 .item a{

    display: inline-block;

    width: 150px;

    margin-right: 5px;

    margin-left: 5px;

}

.mod-05.other-nav .item a{

    display: block;

    width: 100%;

}

.mod-06 img{

    display: block;

    margin-right: auto;

    margin-left: auto;

}

.block-03{

    padding-top: 55px;

    padding-bottom: 95px;

}

.tit-2{

    height: 64px;

    line-height: 64px;

    background: url("/DyynJucLK1WGHRVqK11oIT0TTy9OID.jpg") center bottom no-repeat;

    font-size: 24px;

    color: #009449;

    text-align: center;

    text-transform: uppercase;

}





/*02-1鼎元核心-关于鼎元*/

.mod-07{

    position: relative;

}

.mod-07 .img{

    margin-bottom: 20px;

}

.mod-07 .img img{

    display: block;

    margin-right: auto;

    margin-left: auto;

}

.mod-07 .title{

    font-size: 14px;

    color: #999;

    text-transform: uppercase;

}

.mod-07 .title .name{

    font-size: 24px;

    color: #009449;

}

.mod-07 .content{

    line-height: 26px;

    font-size: 14px;

    color: #666;

}

.mod-08{

    font-size: 0;

}

.mod-08 a{

    float: none;

    display: inline-block;

    height: 260px;

    vertical-align: top;

    padding-top: 46px;

    background: #fff;

    border: 1px solid #ebebeb;

    transition: all 0.5s;

}

.mod-08 a span{

    display: block;

}

.mod-08 a .icon{

    width: 100px;

    height: 100px;

    padding-top: 33px;

    margin-bottom: 38px;

    background: #fff;

    border: 1px solid #ededed;

    border-radius: 50%;

    transition: all 0.5s;

}

.mod-08 a .text{

    line-height: 24px;

    font-size: 16px;

    color: #666;

}

.mod-08 a:hover{

    background: #eef4fb;

    border: 1px solid #eef4fb;

}

.mod-08 a:hover .icon{

    padding-top: 27px;

    background: #009449;

    border: 7px solid #fff;

    box-shadow: 0 0 8px rgba(0,0,0,0.12);

}

.mod-08 a:hover .icon img:first-child{

    display: none;

}

.mod-08 a:hover .icon img:last-child{

    display: inline;

}





/*02-2鼎元核心-鼎元资质*/

.block-04{

    background: url("/DyynJucLK1WGHRVqJyqnK20OOOgOKSD.jpg") left center no-repeat;

}

.block-04 .bg{

    background: #f4fbfb;

    position: absolute;

    top: 96px;

    right: 0;

    bottom: 45px;

    left: 50%;

}

.mod-09{

    padding-bottom: 114px;

}

.mod-09 .img img{

    display: block;

    width: 100%;

}

.mod-09 .text{

    background: #fff;

}

.mod-09 .text .title{

    height: 70px;

    line-height: 70px;

    padding-right: 20px;

    padding-left: 20px;

    margin-bottom: 20px;

    background: #009449;

    font-size: 22px;

    color: #fff;

    position: relative;

}

.mod-09 .text .title .icon{

    margin-top: -15px;

    position: absolute;

    top: 50%;

    left: -14px;

}

.mod-09 .text .content{

    line-height: 34px;

    padding-right: 20px;

    padding-bottom: 71px;

    padding-left: 20px;

    font-size: 14px;

    color: #333;

    text-transform: uppercase;

}

.mod-09 .slick-arrow{

    width: 115px;

    height: 55px;

    background-color: #009449;

    background-position: center center;

    background-repeat: no-repeat;

    border: none;

    font-size: 0;

    transition: all 0.5s;

    position: absolute;

    bottom: 114px;

    z-index: 999;

}

.mod-09 .slick-prev{

    background-image: url("/DyynJucLK1WGHRVqHxMUKxIfO1xsDy1G.jpg");

    right: 115px;

}

.mod-09 .slick-next{

    background-image: url("/DyynJucLK1WGHRVqHxMUKxIfO0psDy1G.jpg");

    right: 0;

}

.mod-09 .slick-arrow:hover{

    background-color: #91d5d3;

}

.album-page{

    width: 180px;

    height: 185px;

    padding-top: 25px;

    padding-left: 25px;

    background: rgba(118,203,200,0.9);

    font-size: 24px;

    color: #fff;

    position: absolute;

    bottom: 0;

    left: 15px;

}

.album-page .p-1{

    line-height: 40px;

}

.album-page .p-2{

    padding-left: 33px;

}

.album-page .p-2 .sp-2{

    display: inline-block;

    height: 82px;

    line-height: 60px;

    background: url("/DyynJucLK1WGHRVqK11oIT0STy9OID.jpg") 3px bottom no-repeat;

    font-size: 60px;

}





/*02-4鼎元产品详情*/

.mod-10{

    overflow-x: auto;

    border-bottom: 1px solid #d8d8d8;

    text-align: center;

}

.mod-10 .box{

    display: inline-block;

    font-size: 0;

}

.mod-10 .box a{

    display: inline-block;

}

.mod-10 .box a span{

    display: inline-block;

    height: 54px;

    line-height: 54px;

    padding-right: 36px;

    padding-left: 36px;

    font-size: 14px;

    color: #666;

}

.mod-10 .box a:hover span,

.mod-10 .box .on span{

    color: #009449;

}

.mod-11>.fix{

    margin-right: -32px;

    margin-left: -32px;

}

.mod-11>.fix>div{

    padding-right: 32px;

    padding-left: 32px;

}

.mod-11 .img img{

    display: block;

    width: 100%;

}

.mod-11 .title{

    line-height: 52px;

    padding-bottom: 13px;

    border-bottom: 1px solid #009449;

    font-size: 24px;

    color: #333;

    font-weight: bold;

}

.mod-11 .content{

    line-height: 26px;

    font-size: 14px;

    color: #999;

}

.mod-11 .content .sp-1{

    display: inline-block;

    height: 35px;

    line-height: 33px;

    padding-right: 20px;

    padding-left: 20px;

    margin-right: 20px;

    margin-bottom: 20px;

    border: 1px solid #eee;

    border-radius: 17px;

    font-size: 12px;

    color: #b4b4b4;

    text-transform: uppercase;

	transition: all 0.5s;

}

.mod-11 .content .sp-1:hover{

    border: 1px solid #009449;

	color: #009449;

}

.mod-11 .content .sp-1 sup{

    font-size: 8px;

}

.tit-3{

    line-height: 28px;

    font-size: 18px;

    color: #333;

    font-weight: bold;

}





/*02-4鼎元核心-鼎元产品*/

.mod-12{

    margin-right: -10px;

    margin-left: -10px;

}

.mod-12>div{

    padding-right: 10px;

    padding-left: 10px;

    margin-bottom: 20px;

}

.mod-12>div a{

    display: block;

    position: relative;

}

.mod-12>div a>img{

    display: block;

    width: 100%;

}

.mod-12>div a span{

    display: block;

}

.mod-12>div a .bg{

    background: rgba(2,90,173,0.9);

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: none;

}

.mod-12>div a .bg .name{

    height: 81px;

    line-height: 26px;

    padding-top: 15px;

    margin-top: -40px;

    background: url("/DyynJucLK1WGHRVqKIILIT1EHjDsDy1G.jpg") center center no-repeat;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    position: absolute;

    top: 50%;

    right: 0;

    left: 0;

}

.mod-12>div a .bg .name .name-cn{

    font-size: 16px;

}

.mod-12>div a .bg:before,

.mod-12>div a .bg:after{

    content: '';

    position: absolute;

    top: 14px;

    right: 14px;

    bottom: 14px;

    left: 14px;

}

.mod-12>div a .bg:before{

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

}

.mod-12>div a .bg:after{

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

}





/*03鼎元服务*/

.tit-4{

    padding-bottom: 15px;

    background: url("/DyynJucLK1WGHRVqK11oIT0RTy9OID.jpg") center bottom no-repeat;

    font-size: 14px;

    color: #999;

    text-align: center;

}

.tit-4 .name-cn{

    line-height: 36px;

    margin-bottom: 10px;

    font-size: 36px;

    color: #333;

}

.mod-13{

    line-height: 28px;

    font-size: 14px;

    color: #666;

}

.block-05{

    padding-top: 40px;

    background: #f6f6f6;

}

.tit-5{

    line-height: 50px;

    font-size: 24px;

    color: #666;

    text-align: center;

}

.tit-5 .name{

    font-size: 36px;

    color: #009449;

}

.mod-14{

    padding-top: 25px;

    padding-right: 15px;

    padding-left: 15px;

    background: #f6f6f6;

}

.mod-14>div{

    padding-right: 10px;

    padding-left: 10px;

    margin-bottom: 20px;

}

.mod-14>div .box{

    background: #fff;

    transition: all 0.5s;

}

.mod-14>div .box .img{

    display: block;

    position: relative;

}

.mod-14>div .box .img>img{

    display: block;

    width: 100%;

}

.mod-14>div .box .img .bg{

    background: rgba(5,5,5,0.6);

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: none;

}

.mod-14>div .box .img .bg .icon{

    margin-top: -32px;

    margin-left: -32px;

    position: absolute;

    top: 50%;

    left: 50%;

}

.mod-14>div .box .name{

    display: block;

    height: 90px;

    line-height: 90px;

    font-size: 24px;

    color: #333;

    text-align: center;

}

.mod-14>div .box:hover{

    box-shadow: 0 0 13px rgba(0,0,0,0.14);

}





/*03鼎元服务-居家净化方?/

.tit-6{

    line-height: 26px;

    padding-bottom: 12px;

    background: url("/DyynJucLK1WGHRVqK11oIT0RTy9OID.jpg") left bottom no-repeat;

    font-size: 14px;

    color: #333;

}

.tit-6 .name{

    line-height: 32px;

    margin-bottom: 10px;

    font-size: 24px;

    font-weight: bold;

}

.mod-15{

    line-height: 28px;

    font-size: 14px;

    color: #333;

}

.mod-15 img{

    display: block;

}

.mod-16{

    padding-top: 90px;

    padding-bottom: 90px;

    position: relative;

}

.mod-16:after{

    content: '';

    width: 14px;

    height: 14px;

    background: #f6f6f6;

    border: 1px solid #ddd;

    border-radius: 50%;

    position: absolute;

    top: 0;

}

.mod-16 .box{

    margin-bottom: 25px;

}

.mod-16 .box:last-child{

    margin-bottom: 0;

}

.mod-16 .box>div{

    min-height: 28px;

    line-height: 28px;

    padding-right: 0;

    padding-left: 64px;

    font-size: 14px;

    color: #666;

}

.mod-16 .box>div .number{

    width: 64px;

    background: url("/DyynJucLK1WGHRVqJyqnK20OOkgOKSD.jpg") left center no-repeat;

    font-size: 28px;

    color: #333;

    text-align: right;

    position: absolute;

    top: -4px;

    left: -7px;

}





/*03鼎元服务-空气检测方?/

.block-06{

    padding-top: 40px;

    padding-bottom: 30px;

    background: #f3f3f3;

}

.mod-17{

    height: 610px;

    padding-top: 40px;

    padding-right: 28px;

    padding-left: 28px;

    background: #009449;

    border-radius: 5px;

    color: #fff;

}

.mod-17 .title{

    line-height: 28px;

    padding-bottom: 10px;

    background: url("/DyynJucLK1WGHRVqK11oIT0YTy9OID.jpg") left bottom no-repeat;

    font-size: 18px;

}

.mod-17 .title .name-en{

    height: 30px;

    line-height: 30px;

    font-size: 24px;

    text-transform: uppercase;

}

.mod-17 .content .form-group{

    margin-bottom: 20px;

    position: relative;

}

.mod-17 .content .textBox{

    height: 33px;

    line-height: 32px;

    padding: 0;

    background: none;

    border: none;

    border-bottom: 1px solid #6297c9;

    border-radius: inherit;

    font-size: 16px;

    color: #fff;

}

.mod-17 .content .textBox::-webkit-input-placeholder{

    color: #fff;

}

.mod-17 .content .textBox::-moz-placeholder{

    color: #fff;

}

.mod-17 .content .textBox:-moz-placeholder{

    color: #fff;

}

.mod-17 .content .textBox:-ms-input-placeholder{

    color: #fff;

}

.mod-17 .content .input{

    display: block;

    width: 100%;

    height: 50px;

    background: #f3f3f3;

    border: none;

    border-radius: 5px;

    font-size: 14px;

    color: #000;

}

.mod-17 .content .select{

    width: 100%;

    height: 33px !important;

    line-height: 32px;

    background: none;

    outline: none;

    filter: none !important;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance:none;

    border: none;

    border-bottom: 1px solid #6297c9;

    font-size: 16px;

}

.mod-17 .content .select option{

    background: #ddd;

}

.mod-17 .content .select-hide-span{

    width: 16px;

    height: 9px;

    background: url("/DyynJucLK1WGHRVqJyqnK20ONOgOKSD.jpg") no-repeat;

    position: absolute;

    top: 10px;

    right: 0;

}

.mod-17 .down{

    line-height: 16px;

    text-align: center;

}

.mod-18 .img{

    display: block;

}

.mod-18 .img img{

    display: block;

    width: 100%;

}

.mod-18.owl-carousel .owl-nav{

    padding-top: 10px;

}

.mod-18.owl-carousel .owl-nav button.owl-next,

.mod-18.owl-carousel .owl-nav button.owl-prev{

    width: 40px;

    height: 40px;

    text-indent: 999px;

    overflow: hidden;

    transition: all 0.5s;

}

.mod-18.owl-carousel .owl-nav button.owl-next{

    margin-left: 10px;

    background: url("/DyynJucLK1WGHRVqHxMUKxIfNRpsDy1G.jpg") center center #dedede no-repeat;

}

.mod-18.owl-carousel .owl-nav button.owl-next:hover{

    background: url("/DyynJucLK1WGHRVqHxMUKxIfNRqhJu1RJ1L.jpg") center center #009449 no-repeat;

}

.mod-18.owl-carousel .owl-nav button.owl-prev{

    background: url("/DyynJucLK1WGHRVqHxMUKxIfNSxsDy1G.jpg") center center #dedede no-repeat;

}

.mod-18.owl-carousel .owl-nav button.owl-prev:hover{

    background: url("/DyynJucLK1WGHRVqHxMUKxIfNSyhJu1RJ1L.jpg") center center #009449 no-repeat;

}

.mod-19{

    padding-top: 40px;

    padding-bottom: 40px;

    background: url("/DyynJucLK1WGHRVqHIAdOEkMESV.jpg") repeat-x;

    background-size: 100% 50%;

}

.mod-19 img{

    display: block;

}





/*04-1鼎元故事*/

.mod-20{

    position: relative;

}

.mod-20 img{

    display: block;

    width: 100%;

}

.mod-20 .text{

    line-height: 24px;

    padding-top: 45px;

    padding-bottom: 35px;

    background: rgba(51,51,51,0.2);

    font-size: 16px;

    color: #fff;

    text-align: center;

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

}

.mod-20 .text .title{

    line-height: 40px;

    margin-bottom: 28px;

    font-size: 40px;

}

.mod-21 .text{

    line-height: 36px;

    font-size: 20px;

    color: #666;

    text-align: center;

}

.mod-21 .text .title,

.mod-21 .text .slogan{

    line-height: 56px;

    font-size: 40px;

}

.mod-21 .text .title{

    color: #009449;

}

.mod-21 .text .slogan{

    margin-bottom: 15px;

    color: #666;

}

.mod-21 .text a{

    display: inline-block;

    width: 160px;

    height: 40px;

    line-height: 38px;

    border: 1px solid #009449;

    border-radius: 20px;

    font-size: 16px;

    color: #009449;

}

.mod-22{

    text-align: center;

}

.mod-22 .title{

    line-height: 42px;

    font-size: 40px;

    color: #000;

}

.mod-22 .content{

    line-height: 24px;

    font-size: 14px;

    color: #333;

}

.mod-22 a{

    display: inline-block;

    width: 160px;

    height: 40px;

    line-height: 38px;

    border: 1px solid #009449;

    border-radius: 20px;

    font-size: 16px;

    color: #009449;

}

.block-07{

    padding-top: 50px;

    padding-bottom: 70px;

    background: url("/DyynJucLK1WGHRVqHIAdPEkMESV.jpg") no-repeat;

    background-size: cover;

    background-attachment: fixed;

    color: #fff;

}

.mod-23{

    line-height: 28px;

    margin-bottom: 30px;

    font-size: 14px;

}

.mod-24{

    font-size: 30px;

}

.mod-25 .title{

    font-size: 30px;

}

.mod-25 .content .form-group{

    margin-bottom: 20px;

}

.mod-25 .content .textBox{

    background: none;

    border: 1px solid #fff;

    border-radius: inherit;

    color: #fff;

}

.mod-25 .content .textBox.textBox1{

    height: 50px;

}

.mod-25 .content .textBox::-webkit-input-placeholder{

    color: #fff;

}

.mod-25 .content .textBox::-moz-placeholder{

    color: #fff;

}

.mod-25 .content .textBox:-moz-placeholder{

    color: #fff;

}

.mod-25 .content .textBox:-ms-input-placeholder{

    color: #fff;

}

.mod-25 .content .input{

    width: 140px;

    height: 40px;

    background: #009449;

    border: none;

    font-size: 14px;

    color: #fff;

}





/*04-2工程案例*/

.mod-26>div{

    padding-right: 0;

    padding-left: 0;

    margin-bottom: 20px;

}

.mod-26>div .box .img img{

    display: block;

    width: 100%;

}

.mod-26>div .box .text{

    height: 60px;

    padding-top: 20px;

    background: #fff;

    color: #666;

    text-align: center;

    position: relative;

    transition: all 0.5s;

}

.mod-26>div .box .text .title{

    line-height: 22px;

    margin-bottom: 14px;

    font-size: 16px;

}

.mod-26>div .box .text .content{

    line-height: 18px;

    font-size: 14px;

    display: none;

}

.mod-26>div .box:hover .text{

    height: 96px;

    margin-top: -36px;

    background: #009449;

    color: #fff;

}

.mod-26>div .box:hover .text .title{

    font-size: 18px;

}

.mod-26>div .box:hover .text .content{

    display: inline;

}





/*04-3工程案例-详情*/

.mod-27 .title{

    font-size: 14px;

    color: #999;

    text-align: center;

}

.mod-27 .title .name{

    font-size: 30px;

    color: #333;

}

.mod-27 .content{

    line-height: 26px;

    font-size: 14px;

    color: #009449;

}

.mod-27 .content img{

    display: block;

    margin-right: auto;

    margin-left: auto;

}

.mod-27 .down{

    line-height: 26px;

    padding-top: 20px;

    border-top: 1px solid #d8d8d8;

    font-size: 14px;

    color: #999;

}

.mod-27 .down a{

    display: block;

    color: #999;

    transition: all 0.5s;

}

.mod-27 .down a:hover{

    color: #009449;

}





/*05联系鼎元*/

.mod-28{

    margin-top: -64px;

    background: #fff;

    position: relative;

}

.mod-28 .title{

    height: 64px;

    line-height: 63px;

    margin-bottom: 30px;

    border-bottom: 1px solid #f0f0f0;

    font-size: 14px;

    color: #333;

    text-align: center;

}

.mod-28 .map{

    padding-right: 20px;

    padding-bottom: 20px;

    padding-left: 20px;

}

.mod-29{

    padding: 30px 20px;

    background: #fff;

}

.mod-29 .title{

    padding-top: 20px;

    padding-bottom: 20px;

    font-size: 20px;

    color: #333;

}

.mod-29 .content{

    padding-top: 28px;

    padding-bottom: 28px;

    line-height: 28px;

    font-size: 14px;

    color: #333;

}

.mod-29 .code{

    padding-top: 10px;

}

.mod-29 .code .text{

    width: 90px;

    line-height: 28px;

    margin-top: 35px;

    margin-right: 30px;

    font-size: 14px;

    color: #333;

    text-align: right;

}

.mod-29 .code .img{

    width: 119px;

    height: 119px;

    border: 1px solid #f8f8f8;

}

.mod-29 .code .img img{

    display: block;

    width: 117px;

    height: 117px;

}

.mod-30{

    color: #666;

}

.mod-30 .name-cn{

    line-height: 44px;

    color: #333;

    font-weight: bold;

}

.mod-30 .name-en{

    line-height: 33px;

    font-size: 20px;

    color: #999;

    text-transform: uppercase;

}

.mod-31 .box{

    padding-top: 30px;

    padding-bottom: 30px;

    margin-bottom: 20px;

    background: #fff;

    transition: all 0.5s;

    position: relative;

}

.mod-31 .box .name{

    padding-left: 70px;

    position: relative;

}

.mod-31 .box .name .icon{

    width: 59px;

    height: 59px;

    padding-top: 14px;

    border: 1px solid #3d3d3d;

    border-radius: 50%;

    text-align: center;

    transition: all 0.5s;

    position: absolute;

    top: 0;

    left: 0;

}

.mod-31 .box .name .text{

    line-height: 30px;

}

.mod-31 .box .name .text .name-cn{

    font-size: 18px;

    color: #333;

    transition: all 0.5s;

}

.mod-31 .box .name .text .name-en{

    font-size: 14px;

    color: #004ca7;

    text-transform: uppercase;

    transition: all 0.5s;

}

.mod-31 .box .content{

    line-height: 28px;

    padding-right: 20px;

    padding-left: 20px;

    font-size: 14px;

    color: #333;

    transition: all 0.5s;

}

.mod-31 .box:hover{

    background: #004ca7;

}

.mod-31 .box:hover .name .icon{

    border: 1px solid #fff;

}

.mod-31 .box:hover .name .icon img:first-child{

    display: none;

}

.mod-31 .box:hover .name .icon img:last-child{

    display: inline;

}

.mod-31 .box:hover .name .text .name-cn{

    color: #fff;

}

.mod-31 .box:hover .name .text .name-en{

    color: #fff;

}

.mod-31 .box:hover .content{

    color: #fff;

}



