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: 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 { padding: 20px 0 60px; height: 24px; text-align: center; overflow: hidden; }
.paginations span, .paginations a { display: inline-block; margin-right: 10px; /*width: 26px;*/ height: 26px; text-align: center; text-decoration: none; font-family: Arial; line-height: 24px; transition: all .2s ease-out; }
.paginations span.prompt { display: none; }
.paginations span.disabled { color: #989898; }
.paginations a.current:after, .paginations span.current, .paginations a:hover:after { width: 10px; }
.paginations a:after { display: block; margin: 2px auto; width: 0; height: 1px; background-color: #d4d4d4; content: ""; }
.paginations a.current, .paginations span.current { color: #0c9945; }
ul { list-style-type: none; padding-left: 0; margin-bottom: 0; }
.centered { margin: 0 auto; }
/*public css*/
header { padding: 20px 15px; margin-left: -15px; margin-right: -15px; width: 100%; max-width: 1400px; height: 130px; }
.logo-texts h4 { color: #0c9945; font-size: 22px; font-weight: bold; }
.logo-texts p { color: #3a3a3a; font-size: 16px; }
.logo-text { padding-left: 20px; margin-top: 20px; }
.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: 20px; }
.hotline-websitelanguage { padding-top: 30px; }
.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: #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%; 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: #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: 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: #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: 12px; }
a.more:hover { background-color: #2d5523; color: white; }
.solutions-boxes .more { color: white; background-color: #a1a1a1; }
.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; }
.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: #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-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: 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-image: url(../images/icons2.png); 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; 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: 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-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 { 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: #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 * { 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; }
.case-info a.case-more { position: absolute; right: 0; bottom: 0; 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; }
.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: #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: #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 { 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; }
