html{
	width: 100%;
	min-width: 1200px;
}
body {
    --theme-color: #63b42f;
    --theme-rgba-color: rgba(12, 153, 69, 1);
    --active-color: #1a733d;
	width: 100%;
	min-width: 1200px;
}
.col-xs-3 {
    width: 25%;
	float:left;
}

.col-xs-9 {
    width: 75%;
	float:left;
}


.iframe video {
    width: 100%;
    height: 100%;
}

.myvideo-img {
    width: 100%;
    height: 600px;
}

.stick-top {
    width: 25px;
    height: 25px;
    background-color: #a4a4a4;
    color: black;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    text-align: center;
    padding-top: 5px;
    border-radius: 5px;
}

.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,
.paginations span {
    margin-left: 10px;
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e5e5e5;
    position: relative;
    top: 0;
}

.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:before {
    content: "上一页";
}

.paginations a:last-child:before {
    content: "下一页";
}

.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;
}


/*public css*/


.logo-texts h4 {
    color: #63b42f;
    font-size: 22px;
    font-weight: bold;
}

.logo-texts p {
    color: #3a3a3a;
    font-size: 16px;
}

.logo-text {
    padding-left: 20px;
}

.background {
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;
   
}

.hotline-websitelanguage .hotline-number-icon {
    padding: 10px 30px;
    background-position: -2px -3px;
}

.hotline-websitelanguage .hotline-number {
    color: #63b42f;
    font-size: 20px;
}

.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 li {
    float: left;
    width: calc(100% / 8);
    /*margin-right:16px;*/
}

.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: 16px;
}

.navigation nav.navigate ul li a:hover {
    text-decoration: none;
    background-color: #1a733d;
}


/*.nav-selected::after{*/


/*background-color: rgba(255,255,255,.3);*/


/*}*/


/*.navigation nav.navigate ul li a:hover:after{*/


/*background-color: rgba(255,255,255,.3);*/


/*}*/


/*.navigation nav.navigate ul li a.navigation-activated:after{*/


/*background-color: rgba(255,255,255,.3);*/


/*}*/

.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: #63b42f;
}

.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;
	width: 100%;
}

.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: 1600px;
}

.keywords-search {
    padding: 20px 0;

    width: 100%;
    background-color: #f2f2f2;
}

.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-position: -145px -50px;
    background-repeat: no-repeat;*/
}
.pull-right {
    float: right!important;
}
.pull-left {
    float: left!important;
	    margin-top: 10px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
}
.page-guide-actived {
    background-color: #63b42f !important;
    color: white !important;
}

.search {

    height: 36px;

    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: #0c4b99;
	cursor:pointer;
}

.search .search-btn:hover {

    background-color: #63b42f;
}
.search .search-btn .glyphicon-search {
    margin-right: 10px;
}

.search,
.search-btn {
    border-radius: 5px;
}

.index-category-product .category-container {
    background-color: #63b42f;
    padding-bottom: 3px;
}

.category-container {
    width: 100%;
    height: auto;
}

@media(max-width: 1380px) {
    .category-title {
        padding-bottom: 45px;
    }
}

@media(min-width: 1366px) {
    .category-title {
        padding-bottom: 75px;
    }
}

.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: 20px;
}

.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 h4 {
    font-size: 20px;
}

.category-box h4 {
    margin-top: 0;
    margin-bottom: 24px;
    font-weight: bold;
}

.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: 15px;
    width: 33.33333333%;
    float: left;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.product-image {
    overflow: hidden;
}

.product-image img {
    width: 100%;
    height: auto;
}

.product-box h5 {
    position: relative;
    font-size: 14px;
    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: -335px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: inherit;
    content: "";
    z-index: -1;
    background-color: #63b42f;
}

.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: 0px 0 20px;
}

.content-title {
    text-align: center;
}

.content-title .en-title {
    font-size: 24px;
    color: #6b6b6b;
}
#sff{
	 color: #fff;
}
.content-title .cn-title {

    margin-bottom: 10px;
    font-size: 36px;
    color: #333333;
}
.content-title .cn-title1 {

    font-size: 24px;
        color: #0c4b99;
    padding-top: 20px;
}


.content-title .title-text-one {
    font-size: 20px;
    color: #333;
}

.content-title .title-text-one1 {
    font-size: 20px;
    color: #f8f8f8;
	padding-bottom: 20px;
}

.content-title .title-text-two {
    font-size: 16px;
    color: #333;
}

.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: inherit;
    z-index: -1;
}

.solutions-box {
    position: relative;
    overflow: hidden;
    color: white;
    text-align: center;
    float: left;
    padding-bottom: 25%;
    width: 20%;
    /*padding-top:180px;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.solution-title {
    position: absolute;
    top: 90%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    padding: 10px;
}

img {
    max-width: 100%;
}

.solutions-box:hover .solution-title {
    padding-top: 40%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(12,153,69,.6);*/
}

.solutions-box:hover .solution-title a {
    display: block;
}

.solutions-box h5 {
    position: relative;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    color: white;
}

.solutions-box a {
    display: none;
    position: absolute;
    bottom: 5%;
    width: 100px;
    height: 30px;
    text-align: center;
    color: white;
    background-color: #63b42f;
    border-radius: 5px;
    line-height: 30px;
    left: 34%;
}

.solutions-box p {
    font-size: 14px;
}




.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: 24.25%;
    margin-right: 1%;
    margin-bottom: 15px;
    text-align: center;
}

.case-lists .case-list:nth-child(4n) {
margin-right: 0;
}

.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(12, 75, 153, .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: #63b42f;
}

.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;

}

.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: #f8f8f8;
}

.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: #63b42f;
    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: #63b42f;
    border-radius: 60px;
}

.Cooperation-Process .page-row {
    margin-left: -6px;
    margin-right: -6px;
}

.Service-Advantage {
    padding: 65px 0;
}

.isa-container {
    padding-top: 100px;

}

.isa-category {
    padding-left: 24px;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 290px;
    background-color: #0c4b99;
}

.isa-category ul li {
    position: relative;
    color: white;
    margin-bottom: 20px;
	    margin-left: 60px;
}

.isa-category ul li .isa-label {
    color: rgba(255, 255, 255, .7);
}

.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;

}

.isa-category ul li span {
    margin-right: 10px;
}

.isa-info {
    width: 1050px;
}

.isa-switch span {
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
	letter-spacing: 6px;
}

.isa-switch .isa-dot {}

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

.isa-switch h5 {
    margin-top: 0;

    font-size: 24px;

    width: 296px;
    height: 56px;
    color: #0c4b99;


}

.isa-switch h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
    color: #333333;
}

.isa-info-box {
    margin-top: 20px;
	    width: 520px;
}

.isa-info-box p {
    color: #666666;
    font-size: 16px;
    line-height: 35px;
}

.ryzz-container {

    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: #63b42f;
    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 {

}

.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: #2d5523;
}

.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-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: #63b42f;
    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;

}

.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-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-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: #63b42f;
    color: white;
    border-radius: 30px;
}

footer {
    padding-top: 50px;
    background-color: #63b42f;
}

.footer-block {
    float: left;
}

.footer-block-one {
    width: 300px;
}

.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-position: -88px -120px;
}

.footer-num {
    font-size: 30px;
    color: rgba(255, 255, 255, 1);
}

.qrcode img {
    width: 100%;
}

.qrcode {
    margin-left: 45px;
    display: block;
    float: left;
    width: 150px;
    height: auto;
}

.qrcode h5 {
    text-align: center;
    margin-top: 10px;
    color: white;
}

.sub-navs {
    width: 60%;
    float: right;
}

.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;

}

.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 {

}

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

.product-list-page .category-box ul {
    padding-left: 45px;
}

.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-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 40px;
    top: 20px;
}

.product-list-page .category-box ul li {
    position: relative;
}

.product-list-page .category-box ul li a {
    color: #343434;
    font-size: 14px;
}

.product-list-page .category-box ul li .triangle {
    font-size: 12px;
    position: absolute;
    left: -35px;
    top: 8px;
}

.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: 25px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 25px;
}

.triangle {
    border-style: solid;
    width: 5px;
    height: 7px;
    margin-right: 20px;
    margin-left: 20px;
    display: block;
    border-color: transparent transparent transparent #979797;
}

.dingous {
    margin-top: 20px;
}

.dingoubtn {
    width: 172px;
    height: 43px;
    border-radius: 15px;
    background-color: #b41a1a;
    color: white;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    margin-right: 20px;
}

.dingoubtn:hover {
    color: white;
}

.rexian {
    position: relative;
    bottom: -10px;
}

.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: #63b42f !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: #63b42f;
    color: white;
    line-height: 30px;
    width: 95px;
    height: 30px;
}

.solution-page-banner {

}

.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 * {
    color: #333333;
}

.solution-category {
    width: 95%;
    border-top: 2px solid #63b42f;
    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;
}

.case-info a.case-more {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #2d5523;
}

.case-page-banner {

}

.case-page-banner h2,
.case-page-banner p {
    color: white;
}

.onlineTest-page-banner {
 
}

.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 {

}

.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: #63b42f;
}

.common-category li a:hover:after {
    background-color: #63b42f;
}

.common-category li a.cc-activate:after {
    color: #63b42f;
    background-color: #63b42f;
}

.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 {

}

.about-navs {
    border-bottom: 1px solid #f7f7f7;
}

.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;
}

.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;
    position: relative;
    height: 382px;
}

.honor-container ul li {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-bottom: 20px;
}

.honor-container img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.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: #63b42f;
}

.job-list li:first-child {
    background-color: #63b42f;
}

.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;
 
    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: #63b42f;
    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;

    width: 52px;
    height: 52px;
    float: left;
    margin-right: 20px;
}

.contact-icons li p {
    font-size: 21px;
    color: #999999;
}

.contact-icons li h5 {
    margin-top: 0;
    font-size: 16px;
    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: 14px;
}

.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 {

}

.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;
}