body{
    --theme-color:#0c9945;
    --theme-rgba-color:rgba(12,153,69,1);
    --active-color:#1a733d;
}
.iframe video{
    width:100%;
    height:100%;
}
.myvideo-img{
    width:100%;
    height:600px;
}
.stick-top{
    width:50px;
    height:50px;
    background-color: #e5e5e5;
    color:black;
    position: fixed;
    bottom:20px;
    right:20px;
    display: block;
    text-align: center;
    padding-top:5px;
    border-radius:5px;
    z-index: 9999;
}
.modal img{
    width:100%;
    height:auto;
}
.hl-text{
    font-size:16px;
}

.play-btn{
    position: absolute;
    left:60%;
    top:50%;
    font-size:50px;
    color:white;
}

.paginations {
    margin: 35px auto 35px auto;
    text-align: center;
}

.paginations a {
    margin-left: 10px;
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e5e5e5;
    position: relative;
    top: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.paginations>b{
margin-left: 10px;
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e5e5e5;
    position: relative;
    top: 0;
    padding-left: 20px;
    padding-right: 20px;
    
}
.paginations a:first-child {
    margin-left: 0;
}

.paginations a {
    color: black;
}

.paginations .current {
    color: white;
    border-color: var(--theme-color);
    background-color: var(--theme-color);
}

.paginations a.page-prev, .paginations a.page-next {

    color: white;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.paginations a:first-child, .paginations a:last-child {
    border-color: #e5e5e5;
    padding-left: 20px;
    padding-right: 20px;

}

.paginations a:hover, .paginations span {
    color: white;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
ul{
    list-style-type: none;
    padding-left:0;
    margin-bottom:0;
}
.centered{
    margin: 0 auto;
    clear: both;
}
/*public css*/
header{
    padding:20px 15px;
    margin-left:-15px;
    margin-right:-15px;
    width:100%;
    max-width: 1400px;
    height: 120px;
}
.logo-texts h4{
    color:#0c9945;
    font-size: 28px;
    font-weight:bolder;
    letter-spacing: 2px;
}
.logo-texts p{
    color:#3a3a3a;
    font-size: 18px;
    letter-spacing: 1.5px;
}
header img.pull-left{ height:90px;}
.logo-text{
    padding-left:20px;margin-top:10px;
}
.background{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.isa-switch-box .isa-switch:first-child{
    display: block;
}
.isa-switch-box .isa-switch{
    display: none;
}

.hotline-websitelanguage ul li{
    display: inline-block;
}
.hotline-websitelanguage ul{
    display: inline-block;
}
.hotline-websitelanguage .hotline-number-icon,.hotline-websitelanguage .website-language span.cn-icon,.hotline-websitelanguage .website-language span.en-icon{
    background-repeat: no-repeat;
    background-image: url("../images/icons.png");
}
.hotline-websitelanguage .hotline-number-icon{
    padding: 10px 30px;
    background-position: -2px -3px;
}
.hotline-websitelanguage .hotline-number{
    color:#0c9945;
    font-size:25px;    font-weight: bold;
}

.hotline-websitelanguage{
    padding-top: 20px;
}
.hotline-websitelanguage .website-language{
    margin-left:50px;
}
.hotline-websitelanguage .website-language li{
    display: inline-block;
}
.hotline-websitelanguage .website-language li span.flag-icon{
    padding:10px 25px;

}
.hotline-websitelanguage .website-language li span.cn-icon{
    background-position: -107px -6px;
}
.hotline-websitelanguage .website-language li span.en-icon{
    background-position: -194px -6px;
}
.hotline-websitelanguage .website-language li:last-child{
    margin-left:15px;
}
.navigation{
    width:100%;
    min-height:60px;
}
.navigation nav.navigate{
    width:100%;
    max-width:1400px;
    height:inherit;

}
.navigation nav.navigate ul:after{
    display: table;
    width: 100%;
    content: " ";
}
.navigation nav.navigate>ul{
    text-align: center;
    width:100%;
    line-height: 60px;
}
.navigation nav.navigate ul.f_cb1>li{
    float:left;
    width:calc(100% / 7);
   position:relative;
}

.erj{display:none;position:absolute;left:0px;top:60px;width: 100%;z-index: 999;background: #0c9945;}
.erj>li{height:40px;line-height:40px;width: 100%;float:left;}
.erj>li:hover{background-color:#1a733d}
.erj>li>a{font-size:14px;color: white;}
.box-two{
    position: relative;
}

.navigation nav.navigate ul li:last-child{
    margin-right:0;
}
.navigation nav.navigate>ul>li>a{
    /*padding:0 39px;*/
    color:white;
    position: relative;
    display: block;
    font-size:17px;
}
.navigation nav.navigate ul li a:hover{
    text-decoration: none;
    background-color: #1a733d;
}

.navigation nav.navigate ul li a.navigation-activated{
    background-color: #1a733d;
}
.navigation nav.navigate ul li a:after{
    content:"";
    position: absolute;
    left:45%;
    bottom:0;
    width:17px;
    height:5px;
    background-color: transparent;
}
.navigation{
    background-color: #0c9945;
}
.swiper-slide{
    position: relative;
}
.carouse-prev{
    left:90px;
}
.carouse-next{
    right:90px;
}
.swiper-pagination-bullet-active{
    background-color: white;
    width:10px;
    height:10px;
}
.carouse-prev,.carouse-next,.ryzz-prev,.ryzz-next{
    background-image: none;
    background-color: white;
    padding:14px;
    font-size:30px;
    width:60px;
    height:60px;
    border-radius:50%;
}
.carouse-title{
    width:100%;
    position: absolute;
    top:20%;
    color:white;
}
.carouse{
    max-width: 1920px;
}
.carouse-title h3{
    font-size:58px;
    font-weight:bold;
}
.carouse-title p{
    font-size:34px;
}
.carouse-title h3,.carouse-title p{
    margin-left:calc(15% - 0px);
}
.carouse img{
    width:100%;
    height:auto;
}
.page-container{
    position: relative;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    max-width: 1400px;
}


.keywords-search{
    padding: 20px 0;
    height:60px;
    width:100%;
    background-color:#edeff7;
}
.keywords li:first-child{
    margin-left:0;
}
.keywords li *{
    color:#666666;
}
.keywords li{

    margin-left:10px;
    display: inline-block;
}
.keywords li .speaker-icon{
    padding:20px;
    background-image: url("../images/icons2.png");
    background-position: -145px -50px;
    background-repeat: no-repeat;
}
.page-guide-actived{
    background-color: #0c9945 !important;
    color:white !important;
}
.search{
    margin-top: -10px;
    height:36px;
    /*width:300px;*/
    overflow: hidden;
    background-color: white;
}
.search input{
    padding-left: 25px;
    margin-top: -10px;
    padding-top: 7px;
}
.search input,.search .search-btn{
    border:none;
    outline:none;

}
.search .search-btn{
    width:100px;
    height:100%;
    color:white;
    background-color: #0c9945;
}
.search .search-btn .glyphicon-search{
    margin-right:10px;
}
.search,.search-btn{
    border-radius:5px;
}
.index-category-product .category-container{
    background-color: #0c9945;
    padding-bottom:3px;
}
.category-container{
    width:100%;
  
}
@media(max-width: 1380px){
    .category-title{
        padding-bottom: 45px;
    }
}
@media(min-width: 1366px){
    .category-title{
        padding-bottom: 60px;
    }
}
.category-container .category-title p{
    font-size:24px;
}
.category-container .category-title h3{
    font-size:36px;
    font-weight:bold;
    margin-top:0;
}
.category-title{
    padding-left:55px;
    padding-top: 80px;
}
.index-category-product .category-container *{
    color:white;
}

.index-category-product{
    padding: 60px 0 70px 0;
}
.index-category-product .category-box{
    padding-left:55px;

}.index-category-product .category-box li h4.proh4:hover{background:#1a733d;}
.index-category-product .category-box h4{
    text-indent:10px;
    font-size:20px;
    width: 100%;
}
.index-category-product .category-box h4.proh4{position:relative;margin-bottom: 6px;padding: 3px 0;}
.index-category-product .category-box p.prop{font-size: 16px;clear: both;width: 100%;/* height: 30px; */margin: 0;    font-weight: normal;}
.index-category-product .category-box .proli{
position:relative; 
}
.index-category-product .hprolist{position:absolute;display:none;left: 272px;top: 0px;background: #1a733d;width: 300px;z-index: 999;padding: 10px 0;}
.category-box h4{
    margin-top:0;
    /* margin-bottom: 30px; */
    font-weight:bold;
}
.index-category-product .hprolist p{height:25px;line-height:25px;font-size: 16px;text-indent: 10px;}
.index-category-product ul.
.index-category-product .category-box h4{
   height: 40px; 
  line-height: 40px; 
}
.category-box ul{
    margin-bottom: 28px;
}
.index-category-product .category-box ul li:first-child{
    list-style-type: initial;
    font-size:20px;
}
.category-box ul li a{
    line-height: 25px;
}
.category-box ul li a:hover{
    color:white;
}
.product-list{
    width:100%;
}
.index-category-product .product-list{

}
.product-list .page-row{
    margin-left:-10px;
    margin-right:-10px;
}
.page-row:after{
    content:"";
    display: table;
    clear:both;
}

.product-box{
    margin-bottom:25px;
    width:33.33333333%;
    float:left;
    text-align: center;
    padding-left:10px;
    padding-right:10px;
}
.product-image{
    overflow: hidden;
    border: 1px solid #dcdcdc;
}
.product-image img{
        width: 100%;
    height: 282px;
    
}
.product-box h5{
    position: relative;
    font-size: 16px;
    margin-top:0;
    padding:20px 10px;
    border:1px solid #dcdcdc;
    border-top:none;
    z-index:2;
    overflow: hidden;
    margin-bottom:0;
}
.product-box h5,.product-box h5:after{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.product-box h5:after{
    position: absolute;
    top:0;
    left:-345px;
    right:0;
    bottom:0;
    width:100%;
    height:inherit;
    content:"";
    z-index:-1;
    background-color: #0c9945;
}
.product-box h5{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-box h5 a{
    color:black;

}

.product-box:hover h5 a{
    color:white;
}

.product-box:hover h5:after{
    left:0;
}
.common-container{
    padding: 60px 0;
}
.content-title{
    text-align: center;
}
.content-title .en-title{
     font-size:24px;
     color:#333333;
}
.content-title .cn-title{
    margin-top:20px;
    margin-bottom:30px;
    font-size:36px;
    color:#333333;
}
.content-title .title-text-one{
    font-size:20px;
    color:#666666;
}
.content-title .title-text-two{
    font-size:16px;
    color:#666666;
}
.solutions-boxes{
    width:100%;
    max-width:1770px;
    margin-left:auto;
    margin-right:auto;
    margin-top:45px;
}
.solutions-box:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.solutions-boxes a{

    color:white;


}
.solutions-box img{
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height: 360px;
    z-index:-1;
    object-fit: cover;
}
.solutions-box{
    position: relative;
    overflow: hidden;
    color:white;
    text-align: center;
    float:left;
    padding-bottom: px;
    width:20%;
    padding-top:180px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 360px;
}

.solution-title{
    position: absolute;
    bottom: 0px;
    width:100%;
    background-color: rgba(0,0,0,.5);
    padding:10px;
    height: 50px;
    line-height: 22px;
}

.solutions-box:hover .solution-title{
    padding-top:40%;
    top:0;
    left:0;
    right:0;
    bottom:0;









    /*background-color: rgba(12,153,69,.6);*/
    height: 360px;
}
.solutions-box:hover .solution-title .sospan{
    display: block;
}
.solutions-box h5{
    position: relative;
    font-size:18px;
    margin-top:0;
    margin-bottom:20px;
    color:white;
}
.solutions-box .sospan{
    display: none;
    position: absolute;
    bottom:5%;
    width:100px;
    height:30px;
    text-align: center;
    color:white;
    background-color: #0c9945;
    border-radius:5px;
    line-height: 30px;
    left:34%;
}
.solutions-box p{
    font-size:14px;
}
/*.solutions-boxes .solution-one{*/
    /*background-image: url("../images/solution1.jpg");*/
/*}*/
/*.solutions-boxes .solution-two{*/
    /*background-image: url("../images/solution2.jpg");*/
/*}*/
/*.solutions-boxes .solution-three{*/
    /*background-image: url("../images/solution3.jpg");*/
/*}*/
/*.solutions-boxes .solution-four{*/
    /*background-image: url("../images/solution4.jpg");*/
/*}*/
/*.solutions-boxes .solution-five{*/
    /*background-image: url("../images/solution5.jpg");*/
/*}*/
.more{
    display: block;
    width:177px;
    height:45px;
    margin: 45px auto 0 auto;
    border-radius:30px;
    text-align: center;
    /* padding: 15px 45px; */
    line-height: 45px;
}

.solutions-boxes .more{
    color:white;
    background-color: #b41a1a;
    font-size: 20px;
}
.engineering-case{
    background-color: #f8f8f8;
}
.case-type{
    margin-top:40px;
    text-align: center;
}
..case-box .case-content h5 a{
	color:#333333;
}
 .case-type li:last-child{
    margin-right:0;
    margin-left:-3px;
}
 .case-type li{
     margin-right:10px;
    display: inline-block;
}
.case-type a:hover{
    text-decoration:none;
}
.case-type li a{
    display: block;
    /*width:171px;*/
    /*height:48px;*/
    padding: 15px 10px;
    border-radius:30px;

    background-color: #dcdcdc;
    color:#333333;
}
.case-type li *:hover{
    background-color: #2d5523;
    color:white;
}
.honor-case{
    margin-bottom:80px;
}
.honor-case a{
     width: 171px;
     height: 48px;
}
.case-lists{
    margin-top:35px;
}
.case-lists .case-list{
    float:left;
    width:25%;
    padding-left:12px;
    padding-right:12px;
    margin-bottom:15px;
    text-align: center;
}
.transtion{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.case-box-title{
    position: relative;
    z-index:99999;
    padding: 5px 0;
    margin-top:-50px;
    vertical-align: middle;
    width:100%;

    background-color: rgba(0,153,68,.8);
}
.case-list:hover .case-box-title{

}
.case-lists .case-list a{
    display: block;
    overflow: hidden;
}
.case-lists .case-list:hover a{
    text-decoration: none;
}
.case-lists .case-list h5{
    font-size:18px;
    color:white;
}
.case-lists .case-list .case-image{
    position: relative;
    overflow: hidden;
}
.case-lists .case-list .case-image:hover .case-box-title{
    background-color: #1a733d;
}
.case-lists .case-list .case-image img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    max-width:100%;
    height:auto;
    display: block;
    max-height: 260px;
    min-height: 260px;
}
.case-lists .case-list .case-image:hover img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.Cooperation-Process{
    padding-top:66px;
    padding-bottom:66px;
    width:100%;
    background-image: url(../images/icp-bg.jpg);
}
.Cooperation-Process .cping li{
    float:left;
    margin-left:6px;
    margin-right:6px;

    text-align: center;
    color:white;

    position: relative;
}

.Cooperation-Process .cping li p{
    font-size:22px;
}
.Cooperation-Process .cping li .cping-title{
    position: absolute;
    top:15%;
    left:23%;
}
.Cooperation-Process .cping li span{
    font-size:12px;
}
.Cooperation-Process .cping li h4{
    font-size:14px;
    margin-top:0;
    margin-bottom:0;
}
.Cooperation-Process .cping li:nth-of-type(odd){
    /*width: 7.6666666%;*/
    padding:1.8899999%;
    border:3px solid #1a733d;
    background-color: #0c9945;
    border-radius:60px;
    /*padding-top:25px;*/
}
.Cooperation-Process .cping li:nth-of-type(even){
    position: relative;
    bottom:-45px;
    padding:1px;
    width:21px;
    height:21px;
    background-color: #0c9945;
    border-radius:60px;
}
.Cooperation-Process .page-row{
    margin-left:-6px;
    margin-right:-6px;
}
.Service-Advantage{
    padding: 65px 0;
}
.isa-container{
    padding-top:100px;
    padding-bottom:100px;
    height: 680px;
    overflow: hidden;
}
.isa-category{
    padding-left:24px;
    padding-top:40px;
    padding-bottom:40px;
    width:290px;
    background-color: #0c9945;
}
.isa-category ul li{
    position: relative;
    color:white;
    margin-bottom:20px;
}
.isa-category ul li .isa-label{
    color:rgba(255,255,255,.5);
}
.isa-category ul li:hover .isa-label{
    color:white;
}
.isa-category ul li:first-child span.isa-num,.isa-category ul li:first-child .isa-label{
    color:white;
}
.isa-category ul li:hover span.isa-num{
    color:white;
}
.isa-category ul li span.isa-num{
    color:transparent;
}
.isa-category ul li span{
    display: inline-block;
}
.isa-category ul li span.isa-label{
    font-size:16px;
}
.isa-category ul li span.isa-dot,.isa-switch .isa-dot{
    width:6px;
    height:6px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/dot.png);
}
.isa-category ul li span{
    margin-right:10px;
}
.isa-info{
    width: 1050px;
}
.isa-switch span{
    margin-left:3px;
    margin-right:3px;
    display: inline-block;
}
.isa-switch .isa-dot{

}
.isa-switch .stick{
    width:2px;
    height:18px;
    background-color: white;
}
.isa-switch h5{

    margin-top:0;
    margin-bottom:45px;
    font-size:24px;
    background-color: #0c9945;
    width:166px;
    height:66px;
    color:white;
    padding-top:18px;
    padding-left:25px;
}
.isa-switch h3{
    margin-top:0;
    margin-bottom:0;
    font-size:28px;
    color:#333333;
}
.isa-info-box{
    margin-top:38px;
}
.isa-info-box p{
    color:#666666;
    font-size:14px;
    line-height: 25px;
}
.ryzz-container{
    background-image: url("../images/ryzzbg.jpg");
    padding: 80px 0 55px 0;
}
.ryzz-container .ryzz-box{

    width:100%;
    max-width: 1490px;
}
.ryzz-container .page-container{
    padding: 0 70px;
}

.ryzz-container .content-title *{
    color:white;
}

.ryzz-type,.news-type{
    margin-top:35px;
    margin-bottom:45px;
    text-align: center;
}
.news-type li:first-child a{
    background-color: #0c9945;
    color:white;
}
.ryzz-type li,.news-type li{
    display: inline-block;
}

.ryzz-type li a ,.news-type li a{
    display: block;
    /*width:180px;*/
    /*height:47px;*/
    color:black;
    padding: 5px 45px;
    border-radius:30px;
    line-height: 45px;
}
.news-type li a{
    color:white;
}
/*.ryzz-type li:first-child a{*/
    /*background-color: white;*/
    /*color:black;*/
    /*text-decoration:none;*/
/*}*/
.ryzz-type-cliced{
    background-color: white;
    color:black;
}
.ryzz-type li a:hover{
    background-color: white;
    color:black;
    text-decoration:none;
}
.ryzz-c:first-child{

}
.go-dark{
    display: none !important;
}
.go-bright{
    display: block !important;
}
.ryzz-swiper{
    text-align: center;
    overflow: initial;
}
.ryzz-swiper img{
    width:100%;
    height:auto;
}
.ryzz-swiper .swiper-wrapper{
    overflow: hidden;
}
.ac-sw{
    overflow: hidden;
}
.ryzz-prev,.ryzz-next{
    z-index:99;
}
.ryzz-prev{
    left:-70px;
}
.ryzz-next{
    right:-70px;
}
/*.ryzz-prev{*/
    /*left:-70px;*/
/*}*/
/*.ryzz-next{*/
    /*right: -65px;*/
/*}*/

.ryzz-swiper h5{
    font-size:14px;
    color:#333333;
}
.ryzz-container .more{
    color:#333333;
    background-color: white;
}
.index-about{
    width:100%;
    height:600px;
    position: relative;
}

.index-about .index-about-box-container{
    width:100%;
    position: relative;
}
.index-about-box-container .page-container{
    padding-left:15px;
    padding-right:15px;
}
.index-about .index-about-box-container .index-about-boxes{
    position: relative;
    top:0;
    left:0;
    width:100%;
    z-index:3;
}
.box-one .about-title{
    /*margin-left: calc(100px - 700px);*/
}

.index-about-boxes .index-about-bg-box,.index-about-bg,.about-bg-box{
    width:50%;
    height:600px;
    float:left;
}
.index-about-bg{
    width:100%;
    position: absolute;
    top:0;
    left:0;
    z-index:2;
}
.box-one .about-title p.en-title{
    font-size:24px;
    color:#333333;
}
.box-one .about-title h3{
    font-size:32px;
    color:#333333;
}
.box-one .about-title h4{
    margin: 47px 0 40px 0;
    font-size:18px;
    color:#333333;
}
.box-one{
    padding-top:75px;
}

.box-one .dashed-line{
    width:23px;
    height:5px;
    margin-top:30px;
    background-color:#b2b2b2;
}
.iab-one{
    background-image: url(../images/iao.jpg);
}
.box-one .about-title .index-about-intro{
    font-size:14px;
    color:#333333;
    width:87%;
    line-height: 25px;
}
.index-about-btns li{
    width:176px;
    height:47px;
    display: inline-block;
}
.index-about-btns li:hover {
    background-color: #0c9945;
}
.index-about-btns li *{
    color:white;
}
.index-about-btns li{
    text-align: center;
    border-radius: 30px;
    padding:13px 0 0 0;
    background-color: #a1a1a1;
}
.index-about-btns span{

}
.index-about-btns .play{
    /*width:21px;*/
    /*height:21px;*/
    margin-left:-50px;
    margin-right:15px;
    padding:20px;
    background-image: url(../images/icons2.png);
    background-repeat: no-repeat;
    background-position: -195px -50px;
}
.news-type li a:hover{
    background-color: #1a733d;
    color:white;
}
.news-type li a{
    color:#333333;
}
.index-news{
    padding: 80px 0 70px 0;
}
.index-news .page-container{
    padding-left:15px;
    padding-right:15px;
}
.index-news .page-row{
    margin-left:-15px;
    margin-right:-15px;
}
.index-news .news-col{
    width:50%;
    padding-left:15px;
    padding-right:15px;
    float:left;
}
.index-news .news-list{
    width:100%;
    margin-bottom:15px;
    position: relative;
}
.news-list li{
    margin-bottom:10px;
}
.index-news .news-list .date{
    text-align: center;
    width:20%;
    height:115px;
    padding: 20px;
    border:1px solid #aaaaaa;
}
.index-news .news-list:hover .date{
    background-color: #0c9945;
    color:white;
}
.index-news .news-list:hover .date h4,.index-news .news-list:hover .date p{
    color:white;
}
.news-list .date h4{
    margin-top:0;
}
.news-list .date h4,.news-list .date p{
    color:#666666;
}
.news-list .date h4{
    font-size:33px;
}
.news-list .date p{
    font-size:24px;
}
.news-list .news-content{

    width:75%;
    min-width: 300px;
}
.news-list .news-content h5{
    margin-top:0;
    margin-bottom:10px;

    font-size:18px;
}
.news-list .news-content h5 a{
    color:#333333;
}
.news-list .news-content p{
    text-indent: 2em;
    color:#666666;
    font-size:14px;
}
.partner{
    padding-top:70px;

    padding-bottom:50px;
}
.partner .partners li{
    position: relative;
    /*width:16.66666667%;*/
    /*padding-left:5px;*/
    /*padding-right:5px;*/
    /*float:left;*/
    /*margin-bottom:10px;*/
}
.partner .partners li .hidden-text{
    display: none;
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;

    background-color:rgba(0,0,0,.3);
    color:white;
    padding-top:50px;
    text-align:center;
}
.partner-box{
    position: relative;
}
.partner-box p{
    font-size:16px;
}
.partner .partners li:hover .hidden-text{
    display: block;
}
.partner .page-row{
    margin-left:-5px;
    margin-right:-5px;
}
.liuyan{
    overflow: hidden;
    width:100%;
    height:490px;
    background-image: url(../images/liuyanbg.jpg);
}
.liuyan .msg-box{
    width:50%;
    float:left;
}
.liuyan .msg-one{
    color:white;
    padding-top:50px;
}
.liuyan .msg-one .msg-en-title{
    font-size:24px;
}
.liuyan .msg-one .msg-cn-title{
    margin-top:15px;
    margin-bottom:75px;
    font-size:36px;
}
.liuyan .msg-one .msg-text{
    width: 408px;
    padding-top:20px;
    border-top:1px solid white;
}
.liuyan .msg-one .msgs{
    position: relative;
    padding-left:45px;
    padding-top:10px;
}
.liuyan .msg-one .msgs span{
    display: inline-block;
    margin-right:20px;
}
.msg-one .msgs  .num-icon{
    position: absolute;
    left:0;
    top:20px;
    width:45px;
    height:45px;
    background-image: url('../images/icons.png');
    background-repeat: no-repeat;
    background-position: -10px -120px;
}
.msg-one .msgs .strip{
    margin-left: 10px;
    width:2px;
    height:30px;
    background-color: white;
}
.msg-one .msgs .nums{
    font-size:40px;
}
.msg-two{
    padding-top:50px;
    padding-bottom:35px;
    padding-left:40px;
    padding-right:40px;
    background-image: url("../images/msgformbg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 1px 1px;
}
.msg-upload-form .msg-standard,.msg-form-btn button{
    outline: none;
    border:none;

}
.msg-upload-form .msg-standard{
    background-color: white;
    font-size:14px;
    color:#666666;
}
.msg-form,.msg-textarea,.msg-form-btn{
    padding-left:5px;
    padding-right:5px;
}
.msg-form{
    width:50%;
    float:left;
}
.msg-upload-form{
    margin-left:-5px;
    margin-right:-5px;
}
.msg-upload-form .msg-input{
    height:42px;
    width:100%;
    padding:0 0 0 15px;
    margin-bottom:10px;
}
.msg-textarea textarea{
    width:100%;
    padding:15px;
}
.msg-form-btn{
    margin-top:35px;
    text-align:right;
}
.msg-form-btn button{
    width:165px;
    height:40px;
    background-color: #0c9945;
    color:white;
    border-radius:30px;
}
footer{
    padding-top:50px;
    background-color: #0c9945;
}
.footer-block{
    float: right;
}
.footer-block-one{
    width:20%;
    text-align: center;
}
.footer-block-one .under-line{
    background-color: #8b8f94;
    height:1px;
    margin-bottom:30px;
    margin-top:18px;
}
.footer-block-one .sub-num{
    position: relative;
}
.footer-block-one .sub-num span{
    display: inline-block;
    margin-right:10px;
}
.footer-block-one .sub-num span:last-child{
    margin-right:0;
}
.footer-block-one .sub-num .foot-strip{
    margin-left:10px;
    width:2px;
    height: 40px;
    margin-bottom: -12px;
    background-color: rgba(255,255,255,.5);
}
.footer-block-one .sub-num{
    padding-left:45px;
}
.foot-tel-icons{
    position: absolute;
    left:0;
    top:0;
    background-repeat: no-repeat;
    width:45px;
    height:45px;
    background-image:url(../images/icons2.png);
    background-position: -88px -120px;
}
.footer-num{
    font-size:30px;
    color:rgba(255,255,255,1);
}
.qrcode img{
    width:150px;
}
.qrcode{
    /* margin-left:45px; */
    display: block;
    float:left;
    width:20%;
    height:auto;
    text-align: center;
}
.qrcode h5{
    text-align: center;

    margin-top:10px;
    color:white;
}
.sub-navs{
    width:60%;
    float: left;
    /* margin-left: 45px; */
}
.sub-navs-ul li:last-child{
    margin-right:0;
}
.sub-navs-ul li{
    /*margin-right:70px;*/
    display: table-cell;
    width:1%;
}
.sub-navs-ul li a{
    font-size:20px;
    color:rgba(255,255,255,1);
}
.foot-nav-horizon{
    background-color:rgba(255,255,255,1);

    margin: 30px 0;
    width:100%;
    height:1px;
}
.sub-icons li{
    display: table-cell;
    width:1%;
}

.sub-navs *,.copyright *{
    color:rgba(255,255,255,1);
}
.sub-icons li span{
    display: inline-block;
    font-size: 14px;

}
.sub-icons li span.ct-icon{
    position: absolute;
    left:0;
    top:0;
    width:35px;
    height:20px;
    background-image: url(../images/icons2.png);
}
.sub-icons li{
    margin-right:94px;
    position: relative;
}
.sub-icons li:last-child{
    margin-right:0;
}
.sub-icons li,.sub-icons li span.ct-num-icon{
    background-position: -25px -71px;
}
.sub-icons li,.sub-icons li span.ct-fax-icon{
    background-position: -57px -71px;
    left:10px;
}
.sub-icons li,.sub-icons li span.ct-email-icon{
    background-position: -110px -71px;
}
.sub-icons .ct-num .span-text,.sub-icons .ct-fax .span-text,.sub-icons .ct-email .span-text{
    position: relative;
}
.sub-icons .ct-num .span-text{
    right:-22px;
    top:0;
}
.sub-icons .ct-fax .span-text{
    right:-50px;
    top:0;
}
.sub-icons .ct-email .span-text{
    right:-36px;
    top:0;
}
.addresses{
    margin-top:30px;
}
.addresses span{
    margin-right:44px;
    font-size:13px;
}
.addresses span:last-child{
    margin-right:0;
}
.copyright{
    margin-top:30px;
    border-top:1px solid rgba(255,255,255,.5);
    padding: 20px 0;
}
.copyright .cr-block{
    width:50%;
    float:left;
}
.cr-block  li{

    display: inline-block;
}
.cr-block  li a:after{
    content:" | ";

}
.cr-block  li:last-child a:after{
    color:transparent;
}
.cr-block  li a:hover{
    text-decoration: underline;
    color:white;
}

.product-box{

}
.product-box{

}

@keyframes page-banner {
    from{background-size: 100%;}
    to{background-size: 105%;}
}


.page-banner{
    /*animation-name:page-banner;*/
    /*animation-timing-function: ease;*/
    /*animation-play-state: initial;*/
    /*animation-duration: 1s;*/

    position: relative;
    width:100%;
    padding-bottom:24.7%;
}
.banner-text{
    position: absolute;
    top: 23%;
    left: 14%;
}
.banner-text h2{
    font-size:36px;
    color:black;
    margin-top:0;
    margin-bottom:40px;
}
.banner-text p{
    color:black;
    font-size:20px;
}

.product-page-banner{
    /*background-image: url('../images/product-center.jpg');*/
}

.product-list-page .category-container{
    background-color: #f7f7f7;

}
.product-list-page .category-box ul{
    /* padding-left: 15px; */
}
.product-list-page .category-box h4{
    background-color: #579e1c;
    height:50px;
    padding-left:55px;
    padding-top:15px;
    font-size:18px;
    font-weight:bold;
    position: relative;
}
.product-list-page .category-box h4 a{
    color:white;
}
.product-list-page .category-box h4 span{
    padding:3px;
    background-image: url(../images/dot.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 40px;
    top: 20px;
}
.product-list-page .category-box ul li{ height:35px;line-height:35px;
    position: relative;
}
.product-list-page .category-box ul li:hover{background:#579e1c;}
.product-list-page .category-box ul li:hover a{color:#fff; text-decoration:none;}
.product-list-page .category-box ul li a{
    color:#343434;
    font-size:14px;
    text-indent: 35px;
    display: inline-block;
}
.product-list-page .category-box ul li .triangle{
    font-size:12px;
    position: absolute;
    left: 0;
    top: 14px;
}
.product-list-page .category-box ul li:hover .triangle{
    border-color: transparent transparent transparent #ffffff;
    
}
.product-list-page{
    padding-top:60px;
    padding-bottom:60px;
}
.news-page-route{
    padding-bottom:25px;
    margin-bottom:25px;
    border-bottom:1px solid #dcdcdc;
}
.news-page-route li{
    position: relative;
    display: inline-block;
}
.news-page-route li:after{
    content:" > ";
    color:#999999;

    right:-13px;
}
.news-page-route li:last-child:after,.news-page-route li:first-child:after{
    content:"";
}
.news-page-route li *{
    color:#999999;
    font-size:14px;
}
.gallery-thumbs{
    height: 20%;
}
.gallery-top{
    height: 80%;
    margin-bottom:10px;
}
.gallery-thumbs img ,.gallery-top img{
    width:100%;
    height:auto;
}
.product-details{
    width:100%;
}
.product-images{
    width:45%;
    float:left;

}
.product-details-info{
    padding-left:1%;
    width:55%;
    float:right;
}


.product-details-info h4{
    font-size:24px;
}
.product-details-info p{
    line-height: 28px;
    font-size: 16px;
    color:#666666;
    /* margin-bottom:25px; */
    padding-right: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
    height: 230px;
    overflow: hidden;
}
.triangle{
     border-style: solid;
     width: 5px;
     height: 7px;
     margin-right: 20px;
     margin-left: 20px;
     display: block;
     border-color: transparent transparent transparent #979797;
 }
.dingous{
    width: 100%;
}
.dingoubtn{
    width: 200px;
    height:43px;
    display: block;
    background-color: #0c9945;
    color:white;
    font-size: 20px;
    text-align: center;
    line-height: 43px;
    /* margin-right:20px; */
    margin: 0 auto;
}
.dingoubtn:hover{
    color:white;
}
.rexian{
    margin-top: 20px;
    /* bottom:-10px; */
    line-height: 30px;
    font-size: 20px;
    width: 100%;
    display: block;
}
.rexian>span{width: 49%;display:inline-block;border:1px solid #Ddd;/* text-align: center; */text-indent: 40px;height: 43px;line-height: 40px;font-size: 15px;background: url(../images/span1.png) 10px center no-repeat;padding-left: 10px;}
.rexian>b{text-align: center;line-height: 43px;display:block;font-size: 20px;background: #b41a1a;color: #fff;height: 43px;border-radius: 20px;}
.rexian>span{
    float: left;
}
.rexian>span:nth-child(2n){float:right;width: 49%;background:url(../images/span2.png) 10px center no-repeat;}
.dingoubtn ,.rexian{
    /* display: inline-block; */
}
.dingourexian{
    font-size:36px;
    line-height: 65px;
}

.product-tabs ul{
    border-bottom:1px solid #dcdcdc;
}
.product-tabs ul li{
    display: inline-block;
    cursor:pointer;
}

.product-tabs{
    margin-top:65px;
}
.product-tabs ul li span{
    display: block;
    width:153px;
    height:41px;
    background-color: #dcdcdc;
    color:#333333;
    text-align: center;
    line-height: 40px;
}
span.tab-active{
    background-color: #0c9945 !important;
    color:white !important;
}
.tabs-content{
    width:100%;
}
.order-msg h4,.related-product h4{
    font-size:28px;
    color:#333333;
    padding-bottom:20px;
    margin-top:50px;
    margin-bottom: 20px;
    border-bottom:2px solid #e5e5e5;
}
.input-form{
    text-align: left;
    margin-bottom:20px;
    position: relative;
}
.input-form label{
    width:70px;

}
.input-form input{
    width:300px;
    height:40px;
    margin-right:20px;
}
.input-form span{
    color:#333333;
    font-size:14px;
}
.input-form textarea{
    width:80%;
    height:167px;
}
.label-form-email{
    position: absolute;
    top:0;
    left:0;
}
.input-form-textarea,.input-form-btn{
    padding-left:75px;
}
.input-form-btn button{
    outline:none;
    border:none;
    background-color: #0c9945;
    color:white;
    line-height: 30px;
    width:95px;
    height:30px;
}
.solution-page-banner{
    background-image: url("../images/solution-banner-bg.jpg");
}
.common-navs-css{
    line-height: 60px;
    width:100%;


    height:60px;
}
.common-navs .page-container{
    padding-left:15px;
    padding-right:15px;
}
.common-navs ul.page-navs li{
    display: inline-block;
}
.common-navs ul.page-navs li:last-child:after{
    content:"";
}
.common-navs ul.page-navs li:after{
    content:" > ";
}
.common-navs .page-navs li>span{ margin-right:20px;}
.common-navs .page-navs li *{
    color:#333333;
}
.solution-category{
    width:95%;
    border-top:2px solid #0c9945;
    background-color: white;

}
.solution-category ul li{
    padding-left:30px;
    line-height: 60px;
    position:relative;
    height:60px;
    border-bottom:1px solid rgba(0,0,0,.2);
}
.solution-category ul li:after{
    content:">";
    font-size:12px;
    color:black;
    position: absolute;
    right:25px;
    top:0;
}
.solution-category ul li a{
    color:#333333;
    font-size:16px;
    display: block;
}
.solution-category ul li:last-child{
    border-bottom:none;
}
.solution-container{
    padding: 55px 0;
    background-color: #f7f7f7;
}
.solution-list{
    width:100%;
}
.solution-container .page-container{
    padding-left:15px;
    padding-right:15px;
}
.solution-list-ul{
    margin-left:-7px;
    margin-right:-7px;
}
.solution-list-ul li{
    text-align: center;
    width:33.33333333%;
    float:left;
    padding-left:7px;
    padding-right:7px;
    margin-bottom:7px;
}
.solution-list-ul li img{
    width:100%;
    height:auto;
    max-height: 240px;
    min-height: 240px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.solution-img{
    overflow: hidden;
}
.solution-img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.solution-list-ul li h5 {
    margin-top:20px;
    font-size:16px;
}
.solution-list-ul li h5 a{
    color:#333333;
}
.case-list-ul{
    margin-left:-10px;
    margin-right:-10px;
}
.case-list-ul li .case-box{
    background-color: white;
    padding: 20px 10px;
}
.case-list-ul li{
    float:left;
    padding: 0 10px;

    width:50%;
    margin-bottom:20px;
    min-height: 165px;
}
.case-list-ul li img{
   
    width:100%;
    height:auto;

    min-height: 115px;
    max-height: 115px;
}
.case-list-ul li a.case-img{
     float:left;
    width:40%;
    height:auto;
    min-height: 115px;
    max-height: 115px;
}
.case-list-ul li .case-info{
    width:55%;
    float:left;
    margin-left:10px;
    position: relative;
}

.case-info p,.case-info a.case-more{
    font-size:14px;
}
.case-info h5{
    font-size:18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0;
    margin-bottom:20px;
}
.case-info h5 a{
     color:#000000;
}
.case-info p{
    line-height: 25px;
    color:#666666;
    height: 50px;
    overflow: hidden;
}
.case-info a.case-more{
    position: absolute;
    right:0;
    bottom: -20px;
    color:#2d5523;
}
.case-page-banner{
    background-image: url("../images/case-banner.jpg");
}
.case-page-banner h2,.case-page-banner p{
    color:white;
}
.onlineTest-page-banner{
    background-image: url("../images/zxjc-banner.jpg");
}
.online-text-box{
    float:left;
    width:50%;
    padding-left:20px;
    padding-right:20px;
}
.online-test-container{
    padding-top:60px;

}
.online-test-container .page-container{
    padding-bottom:60px;
    padding-left:15px;
    padding-right:15px;
}
.otb-two img{
    display: block;
    max-width:100%;
    height:auto;
}
.online-test-container .page-row{
    margin-left:-20px;
    margin-right:-20px;
}
.otb-one{
    padding-top:45px;
}
.otb-one h3{
    margin-top:0;
    font-size:29px;
    color:#454545;
}
.otb-one .app-icons{
    margin-top:70px;
}
.otb-one .app-icons img{
    display: inline-block;
    width:228px;
    height:auto;
    margin-right:20px;
}
.app-text{
    margin-top:50px;
}
.app-service{
    padding:100px 0;
    text-align: center;
    background-color: #f4f7f4;
}
.app-service p,.app-service h3{
    color:#454545;
}
.app-service h3{
    margin-top:0;
    font-weight:bold;
    font-size:30px;
    margin-bottom:30px;
}
.appservice-title{
    margin-bottom:50px;
}
.app-service p{
    font-size:14px;
    line-height: 21px;
}
.newscenter-page-banner{
    background-image: url(../images/news-banner.jpg);
}
.news-categories ul.news-category{
    text-align: center;
}
.common-navs-css .common-category  li{
    display: inline-block;
    margin-right:50px;
}
.common-category li:last-child{
    margin-right:0;
}
.common-category li a{
    font-size:16px;
    color:#000000;
    display: block;
    position: relative;
}
.common-category li a:after{
    display: block;
    content:" ";
    width:35px;
    height:5px;
    position: absolute;
    bottom:0;
    left:23%;
    background-color: transparent;
}
.common-category li a:hover{
    text-decoration: none;
    color:#0c9945;

}
.common-category li a:hover:after {
    background-color: #0c9945;
}
.common-category li a.cc-activate:after{
    color:#0c9945;
    background-color: #0c9945;
}
.news-center-container{
    padding:33px 0 70px 0;
    background-color: #f7f7f7;
}
.news-center-container .page-row{
    margin-left:-10px;
    margin-right:-10px;
}
.news-center-container .page-container{
    padding-left:15px;
    padding-right:15px;
}
.news-lists li{
    width:25%;
    float:left;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:20px;
}
.news-lists li img{
    width:100%;
    height:auto;
}
.news-lists .news-list:hover{
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.3);
    -moz-box-shadow: 0 5px 30px rgba(0,0,0,.3);
    box-shadow: 0 5px 30px rgba(0,0,0,.3);
}
.news-lists .news-list{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: white;
    min-height: 455px;
    position: relative;
}
.news-lists .news-content-info{

    padding: 30px 20px 10px 20px;

}
.news-lists .news-content-info h5{


    font-size:16px;
}
.news-lists .news-content-info h5 a{
    color:#333333;
}
.news-lists .news-content-info .news-text{
    font-size:14px;
    color:#999999;
}

.news-more-date{
    display: table;
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #d2d2d2;
    position: absolute;
    bottom:0;
    width: 90%;
    left: 15px;
}
.news-more-date a{
    color:#666666;
}
.news-more-date *{
    display: table-cell;
    width:1%;
}
.news-more-date span{
    text-align: right;
}
.about-page-banner{
    background-image: url(../images/about-banner.jpg);
}
.about-navs{
    border-bottom:1px solid #f7f7f7;
}
.aboutus-info{padding:0 50px;}
.about-container{
    padding-top:70px;
    padding-bottom:100px;
    background-color: #f7f7f7;
}
.about-container .page-container{
    padding-left:15px;
    padding-right:15px;
}
.aboutus-info .about-img img{
    width:100%;
    height:auto;
}
.aboutus-info .about-text p,.cp-introduce p{
    color:#666666;
    font-size:14px;
    line-height: 25px;
}
.aboutus-info .about-img,.aboutus-info .about-text{
    width:50%;
    float:left;

}
.aboutus-info .about-img,.aboutus-info .about-text,.cp-introduce{
    padding-left:20px;
    padding-right:20px;
}
.aboutus-info .about-text{
    padding-top:30px;
}
.about-container h2{
    margin-top:0;
    font-size:32px;
    color:#333333;
    margin-bottom:90px;
    text-align: center;
}
.about-container .page-row{
    /*margin-left:-20px;
    margin-right:-20px;*/
    padding-left: 10%;
}
.cp-introduce{
    padding-top:60px;
}
.honor-container .page-row{
    margin-left:-10px;
    margin-right:-10px;
}
.honor-container{
    text-align: center;
}
.honor-container .honor-img{
    padding:10px;
    background-color:white;
}
.honor-container ul li{
    width:20%;
    padding-left:10px;
    padding-right:10px;
    float:left;
    margin-bottom:20px;
}
.honor-container img{
    width:100%;
    height:auto;
}
.search-results{
    padding: 50px;
}
.search-results img{
    width:100%;
    height:auto;
}
.search-results h2{
    margin-bottom:100px;
}
.job-container{
    padding-top:50px;
    padding-bottom:50px;
    border-top:1px solid #dcdcdc;
}
.job-container .page-container{
    padding-left:15px;
    padding-right:15px;
}
.job-container ul li p.job-list-text span{
    display:table-cell;
    width:1%;
    font-size:18px;
    color:#666666;
    position: relative;
}
.job-container ul li p.job-list-text{
    display: table;
    margin-bottom:0;

    padding-left:140px;
    min-height:55px;
}
.job-container ul li{

    line-height: 55px;

}
/*.job-container ul li.job-list-activated{*/
    /*background-color: #2d5523;*/
/*}*/
.job-list i{
     position: absolute;
     left:150px;
     top:0
}

.job-list .job-details{
    position: relative;
    z-index:66;
    background-color: #f6f6f6;
    overflow: hidden;
    height:1%;
    display: none;
    padding:50px 50px 50px 140px;
    color:#333333;

}
/*.job-container ul li:hover .job-details{*/
    /*height:100%;*/
    /*display: block;*/
/*}*/

.job-white-bg{
    padding: 50px 0;
}
.job-white-bg h2{
    margin-top: 0;
    font-size: 32px;
    color: #333333;
    margin-bottom: 90px;

    text-align: center;
}
.job-list li:hover{
    background-color: #0c9945;
}
.job-list li:first-child{

    background-color: #0c9945;
}
.job-list li:first-child p.job-list-text *{
    color:white;

}
.job-list li:hover p.job-list-text *{
    color:white;
}
.job-list li i{
    color:#333333;
}
.ic-plus:after{
    content:"+";
}
.ic-minus:after{
    content:"-";
}
/*.job-list li i:after{*/
    /*content:"+";*/
/*}*/
/*.job-list li:hover i:after{*/
    /*content:"-";*/
/*}*/
.sell-service{
    width:100%;
}
.sell-service img,.sell-service .service-text{
    width:50%;
    display: block;
    float:left;
    height:350px;
}
.sell-service .service-text{
    padding:80px;
    background-color: white;
}
.sell-service .service-text h4{
    margin-top:0;
    font-size:24px;
    color:#333333;
}
.sell-service .service-text p{

    font-size:14px;
    line-height: 25px;
    color:#666666;
}
.service-process{
    padding-top:60px;
}
.service-process h3{
    margin-top:0;
    position: relative;
    padding-left:15px;
    font-size:28px;
    color:#333333;
    margin-bottom:100px;
}
.service-process h3 span{
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/green-dot.jpg);
    left:0;
    top:10px;
    display: table;
    width:10px;
    height:10px;
}
.service-process-circle{
    text-align: center;
    position: relative;
}
.service-process-circle li{
    display: inline-block;
}
.service-process-circle li:nth-of-type(odd){
    width:128px;
    height:128px;
    background-color: #219e56;
    border-radius:65px;
    color:white;
    padding-top:50px;
    font-size:18px;
}
.service-process-circle li:nth-of-type(even){
    position: relative;
    width:20px;
    height:20px;

}
.service-process-circle li:nth-of-type(even):after{
    content:">";
    font-size:20px;
    color:#666666;
}
.service-process-text{
    margin-top:60px;
    margin-bottom:60px;
}
.service-process-text p{
    color:#333333;
    font-size:14px;
    line-height: 25px;
}
.service-numbers .service-num{
    color:#0c9945;
    font-size:24px;
}

.service-numbers .num-title{
    color:#333333;
    font-size:14px;
}
.contact-page-container{
    padding: 60px 0 0 0;
}
.contact-page-container h2{
    margin-top: 0;
    font-size: 32px;
    color: #333333;
    margin-bottom: 90px;
    text-align: center;
}
.contact-page-container .page-container{
    padding-left:15px;
    padding-right:15px;
}
.contact-icons li{
    position: relative;
    width:33.3333333%;
    height: 150px;
    padding:20px 20px 20px 70px;
    float:left;
}
.contact-icons li .icon{
    position: absolute;
    left:5px;
    /*top:10px;*/
    background-repeat: no-repeat;
    background-image: url(../images/contact-icons.png);
    width:52px;
    height:52px;
    float:left;
    margin-right:20px;
}
.contact-icons li p{
    font-size:21px;
    color: #333;
}
.contact-icons li h5{
    margin-top:0;
    font-size: 21px;
    color:#333333;
}
.contact-icons li .icon-tel{
    background-position: -18px -22px;
}
.contact-icons li .icon-commont{
    background-position: -189px -22px;
}
.contact-icons li .icon-fax{
    background-position: -268px -22px;
}
.contact-icons li .icon-email{
    background-position: -355px -22px;
}
.contact-icons li .icon-location{
    background-position: -104px -22px;
}
.contact-icons li p[class="address"]{
    font-size:18px;
}
.more-cpmpany-address img{
    float:left;
    width:195px;
    height:140px;
    display: block;
    margin-right:20px;
}
.more-cpmpany-address .page-row{
    margin-left:-15px;
    margin-right:-15px;
}
.more-cpmpany-address ul li h5{
    color:#454545;
    font-size:20px;
    margin-bottom:20px;
    font-weight:bold;
}
.more-cpmpany-address .page-row li{
    width:50%;
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:15px;
}
.more-cpmpany-address{
    margin-top:60px;
}
.contact-page-banner{
    background-image: url(../images/contact-banner.jpg);

}

.ssc li:after{
    content:">"
}
.ssc li:last-child:after{
    content:"";
}
.contact-map {
    width: 100%;
    height: 700px;
}
.flinks,.flinks a{
    color:rgba(255,255,255,.6);

}
.flinks a{
    padding:0 5px;
}
.product-list h3 li{
    display: inline-block;
}
.product-list h3 li a{
    color:#333333;
}
.footer-block-one img{width:180px;margin-right: 40px; margin-top:-10px;}
.hezuolist{width: 220.833px;margin-right: 15px;float:left;text-align:center;border: 1px solid #ddd;margin-bottom: 15px;}
.hezuolist img{width:100%;height: 120px;object-fit: contain;}
.hezuolist:nth-child(6n){ margin-right:0px;}
.pro-tech-detail{padding: 20px;}
.pro-tech-detail img{max-width:100%;}
.shangq{text-align:center;margin-top: -80px;height: 50px;}
.shangq>span{background: #0c9945;padding:15px 25px;border-radius:20px;}
.shangq>span a{font-size:20px;color:#fff;}

.zixunq{text-align:center;margin-top: 30px;height: 50px;}
.zixunq>span{background: #b41a1a;padding: 15px 45px;border-radius:20px;}
.zixunq>span a{font-size:20px;color:#fff;}
/*HEAD END*/
.qq{position:fixed;_position:absolute;right: 0;z-index:1000;top:210px;}
.qq li{width: 111px;height: 80px;text-align: center;line-height: 112px;border: 1px solid #c9c9c9;/* color: #666; */}
.qqli1{
	background: url('../images/phone.png') no-repeat no-repeat center 10px;
	background-color: #0c9945;
	font-size: 16px;
	color: white;
	border: 1px solid #402295;
	border-radius: 3px;
	}
.qqli2{background: url('../images/qq.png') no-repeat no-repeat center 5px;background-color: #ffffff;color:#333;}
.qqli3{background: url('../images/qq.png') no-repeat no-repeat center 12px;background-color: #e5e5e5;}
.qqli4{background: url('../images/qq.png') no-repeat no-repeat center 12px;background-color: #ffffff;}
.qq .qqli5{height: 34px;line-height: 34px;font-size:12px;}
.qq .qqli6{height: 72px;line-height: 72px;color: white;}
.qqli5{background-color: #ffffff;border: 1px solid #c9c9c9;color:#333;}
.qqli6{background: url('../images/rt.png') no-repeat  center ;text-decoration: none;margin-top: 150px;}