@charset "utf-8";/* CSS Document */
*{padding:0px;margin:0px;}
body,form,ul,ol,li,dl,dt,ddh1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
div,ul,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{zoom:1;}
body{/*-webkit-user-select: none;-webkit-text-size-adjust: none;*/font-family:"微软雅黑";overflow-x:hidden;overflow:-Scroll;overflow-x:hidden;margin:auto;}
body,td,th,.wrapper{overflow:-Scroll;overflow-x:hidden;margin:auto;}
input,select{vertical-align:middle;line-height:normal;}
a{outline:0;color:#666;cursor:pointer;star:expression(this.onFocus=this.blur());text-decoration:none}
a:visited{text-decoration:none}
a.red:active,a.red:link,a.red:visited{}
a.blue_bg:active,a.blue_bg:link,a.blue_bg:visited{background:#24bfff;-moz-border-radius:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem}
a.blue_bg:hover{color:#fff}

li,ul{list-style:none}
p span{font-family:"微软雅黑";margin:0 auto}
.clear {clear:both;display:block; margin: 0px;}
.top {width:100%;height:132px;background: url(../images/top.jpg) no-repeat;background-position:center;}
.nav { background: url(../images/bg.jpg);}
/*banner*/
#owl-demo{position:relative;width:100%;height:550px;margin:0 auto;}
#owl-demo .item{position:relative;display:block;}
.owl-carousel a {display:block;width:100%;height:550px;}
.item {display:block;width:100%;height:550px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;*zoom:1;border-radius:20px;border:1px solid #fe6601;}
.owl-pagination .active{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;*zoom:1;border-radius:20px;background:#fe6601;border:1px solid #fe6601;}
.owl-buttons{display:none;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
	
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/**/
nav {margin: 0px auto;text-align: center;}
nav ul ul {display: none;}
nav ul li:hover > ul {display: block;}
nav ul {padding: 0 20px;border-radius: 10px;list-style: none;position: relative;display: inline-table; margin: 0px;}
nav ul:after {content: "";clear: both;display: block;}
nav ul li {float: left;}
nav ul li:hover {background: #b0e735;}
nav ul li:hover a {color: #000;}
nav ul li a {display: block;padding: 25px 30px;color: #757575;text-decoration: none; font-size: 16px;}
nav ul ul {background:url(../images/bg.jpg);border-radius: 0px;padding: 0;position: absolute;top: 100%;z-index:999;}
nav ul ul li {float: none;border-top: 1px solid #90d007;border-bottom: 1px solid #90d007;position: relative;}
nav ul ul li a {padding: 15px 40px;color: #000;}	
nav ul ul li a:hover {background: #6a9a04;color:#fff;}
nav ul ul ul {position: absolute;left: 100%;top:0;}
/**/
.bg {width:100%;padding:30px 0px;background:url(../images/bg.jpg) center;}
.loading{border-radius: 10px;margin: 0 auto;position: relative;overflow: hidden;}
        .loading span{display:block;width: 100%;height: 10px;border-radius: 3px;animation: heart 2.5s ease-in infinite;margin-top:-0.2rem;}
		.loading:nth-of-type(1) span {background:#449b3c;}
		.loading:nth-of-type(2) span {background:#ffee0b;}
		.loading:nth-of-type(3) span {background:#ef63fb;}
        @-webkit-keyframes changePosition{0%{-webkit-transform: translate(-150px);}
            50%{-webkit-transform: translate(0);}
            100%{-webkit-transform: translate(150px);}
        }
		.colorful-tab-menu-item.active span {display:none;}@keyframes heart{0%{transform: scale(0.8) ;opacity: 0.8;}
    50%{transform: scale(1) ;opacity: 1;}
    100%{transform: scale(0.8) ;opacity: 0.8;}
}
.main {width:1200px;margin:0 auto;}
.colorful-tab-wrapper{background:none !important;}
.colorful-tab-wrapper a {color:#000 !important;background: transparent;cursor: pointer;transition: all 0.3s ease;position: relative;display: inline-block;outline: none;z-index:999;}
			  .chanpin {width:100%;overflow:hidden;padding:30px 0px;margin-top:60px;}
.chanpin p img{width:100%;}
.chanpin p img:before {content:'';transform:translate(-74%, -50%) rotate(-45deg);z-index:-1;}
.chanpin p img:after {content:'';transform:translate(-26%, -50%) rotate(45deg);z-index:-1;}
@keyframes spin {100% {transform:rotateY(360deg);animation-play-state: paused;}
}
.chanpin p {width:25%;}
.chanpin p {margin-bottom:0.5rem;}
.chanpin p:nth-child(odd) {float:left;}
.chanpin p:nth-child(even) {float:right;}
.an {width:410px;margin:0 auto;margin-top:50px;}
.colorful-tab-content.active {overflow:hidden !important;}
.colorful-tab-menu-item a {padding:12px 0 !important;}
.footer {width:100%;height:245px;background:url(../images/footer.jpg) no-repeat;background-position:center;}
.foot {width:1200px;margin:0 auto;padding:20px 0px;padding-top:35px;}
.dblg {width:330px;float:left;padding-top:15px;}
.dbxx {width:320px;float:left;margin-left:140px;padding-top:10px;}
.dbxx p {color:#fff;font-size:18px;padding-bottom:15px;}
.ewm {width:145px;float:right;margin-right:50px;}
.ewm p {text-align:center;font-size:18px;color:#fff;}
.bq {text-align:center;font-size:14px;color:#fff;padding-top:10px;}
.bq a {color:#fff;}
/**/
.abg {width:1200px;height:480px;background:url(../images/about.png) no-repeat;background-position:center;}
.about {padding-left:320px;padding-top:110px;width:800px;}
.about p {font-size:16px;line-height:32px;color:#000;text-indent:2rem;}
.colorful-tab-menu {box-shadow:0px 10px 15px #999;border-radius:10px;}
.ab {width:1200px;box-shadow:0px 10px 15px #dfdfe0;}
.ab1 {width:300px;float:left;padding:30px;}
.ab1 p {margin-bottom:20px;}
.ab1 img {width:100%;box-shadow:0px 10px 15px #d2d3d4;border:10px solid rgba(255,255,255,0);border-radius:10px;}
.ab2 {width:780px;float:right;padding:30px;}
.ab2 p {font-size:16px;line-height:36px;text-indent:2rem;}
.dqwz {font-size:16px;box-shadow:0px 5px 5px #353332;height:50px;line-height:50px;text-indent:2rem;border-radius:10px;}
/**/
.cplist {padding:15px;box-shadow:0px 5px 5px #898989;border-radius:20px;}
.cp {width:270px!important;float:left!important;margin-right:25px!important;margin-bottom:20px!important; height:270px!important; background: url(../images/cp.png) no-repeat; background-size:100%; border:none !important; box-shadow:none !important;}
.cp img { width:100%;}
.cpmc { display:block !important; text-align:center !important; margin-top:-50px !important; color:#000; font-size:12px;}
.cp:nth-of-type(4n)	{margin-right:0px !important;}
.pagination{padding-left: 0;margin-top: 0;margin-bottom: 0;list-style: none;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top:30px;}
.pagination__number{line-height: 1;text-decoration: none;display: inline-block;font-size:16px;}
.pagination__number:hover{text-decoration: none;}
.pagination__number_active{font-weight: var(--paginationPageFontWeight, 700);}
.pagination__control_prev{margin-left: var(--paginationArrowIndent, 4px);}
.pagination__control_next{margin-right: var(--paginationArrowIndent, 4px);}

/*
* types of pagination
*/

.pagination_type1 .pagination__number{padding: 7px 10px;}
.pagination_type1 .pagination__number_active{background-color: var(--paginationPageActiveBgColor);color: var(--paginationPageActiveTextColor);}
/* type 2 */
.pagination_type2 .pagination__number{border: 2px solid transparent;padding: 5px 8px;}
.pagination_type2 .pagination__number_active{border-color: var(--paginationPageActiveBgColor);color: var(--paginationPageActiveTextColor);}
/* type 3 */
.pagination_type3 .pagination__number{border-radius: 50%;}
/* type 4 */
.pagination_type4 .pagination__number{border-radius: 2px;}

/* type 5 */

.pagination_type5{--paginationArrowIndent: 10px;}
.pagination_type5 .pagination__number{padding: 10px 15px;}

/*
* demo styles for pagination
*/

.pagination_type1{--paginationPageActiveBgColor: #000;--paginationPageTextColor: #0094d9;--paginationPageActiveTextColor: #fff;}
.pagination_type2{--paginationPageTextColor: #0094d9;--paginationPageActiveTextColor: #4557bb;--paginationPageActiveBgColor: #000;}
.pagination_type5{--paginationPageTextColor: #fff;--paginationPageActiveBgColor: #5668ca;background-color: #000;}

@media screen and (max-width: 640px){.pagination__item{display: none;}
.pagination__item:first-child, .pagination__item:nth-child(2),
  .pagination__item:nth-child(3), .pagination__item:nth-child(4),
  .pagination__item:nth-child(5), .pagination__item:last-child{display: inline-block;}

}
#grid {margin: 35px 0;}
/*
Add the transition affect to the images in the grid. Any changes to the element will be transtioned from it's current state, for example on :hover */
#grid li {float: left;list-style: none;margin: 0 30px 25px 0;position: relative;overflow: hidden;border-top: 1px solid rgba(255, 255, 255, 0.25);-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-transition: all 0.15s ease-in;-moz-transition: all 0.15s ease-in;-ms-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
#grid li.end {margin-right: 0;}
#grid li:nth-child(4n) {margin-right: 0;}
#grid li:hover {z-index: 2;-webkit-transform: scale(1.2) translateY(-40px);-moz-transform: scale(1.2) translateY(-40px);-ms-transform: scale(1.2) translateY(-40px);transform: scale(1.2) translateY(-40px);-webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);}
/*
Rotate left hand column to the left upon hover */
#grid li:nth-child(3n-2):hover {-webkit-transform: scale(1.2) translate3d(0, -30px, 0) rotate(-2.5deg);-moz-transform: scale(1.2) translateY(-30px) rotate(-2.5deg);-ms-transform: scale(1.2) translateY(-30px) rotate(-2.5deg);transform: scale(1.2) translateY(-30px) rotate(-2.5deg);}
/*
Rotate every third li with :nth-child(3n) (right hand column in this demo) to the right upon hover */
#grid li:nth-child(3n):hover {-webkit-transform: scale(1.2) translate3d(0, -30px, 0) rotate(2.5deg);-moz-transform: scale(1.2) translateY(-30px) rotate(2.5deg);-ms-transform: scale(1.2) translateY(-30px) rotate(2.5deg);transform: scale(1.2) translateY(-30px) rotate(2.5deg);}

#grid img, li[id]:target div, #grid li, .backface {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
Using :target we can style the specific ID of the list item when clicked/tapped on eg: www.url.com/#info1
---------------------------------------------------------------------------------------------------------------------------- */
li[id]:target {width: 100%;height: 100%;opacity: 1;z-index: 10;position: fixed;overflow-x: hidden;/* overflow-y: scroll;*/ margin-bottom: 25px;}
li[id]:target::-webkit-scrollbar {width: 8px;background-color: rgba(0,0,0,0.6);position: relative;left: }
li[id]:target::-webkit-scrollbar-thumb {-webkit-border-radius: 1ex;background-color: #6CF;}
li[id]:target div {position: relative;margin: 0 auto;top: 15%;background: #fff;width: 600px;padding: 30px;-webkit-box-shadow: 0 1px 8px #000;-moz-box-shadow: 0 1px 8px #000;box-shadow: 0 1px 8px #000;-webkit-animation: lightbox 0.75s cubic-bezier(0,0,0,1);-moz-animation: lightbox 0.5s cubic-bezier(0,0,0,1);}
/* 
Style list items with an ID */
li[id] {overflow: hidden;position: absolute;width: 0;height: 0;left: 0;top: 0;opacity: 0;background: rgba(0,0,0,.8);-webkit-transition: opacity 0.2s cubic-bezier(0,0,0,1);-moz-transition: opacity 0.2s cubic-bezier(0,0,0,1);transition: opacity 0.2s cubic-bezier(0,0,0,1);}
/* 
Lightbox close button */
li[id] div a.close {background: #000;position: absolute;top: -10px;left: -10px;line-height: 0;color: #fff;text-align: center;font-weight: bold;border: 2px solid #fff;padding: 12px 9px 9px;border-radius: 30px;-webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;-moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;}

@-webkit-keyframes lightbox {0% {-webkit-transform: scale(5) rotateY(-270deg);}
	100% {-webkit-transform: scale(1) rotateY(0deg);}
}

@-moz-keyframes lightbox {0% {-moz-transform: scale(5) /* rotateY(-270deg) */;}
	100% {-moz-transform: scale(1) /* rotateY(0deg) */;}
}

.demo {width:500px;margin:0 auto;}
.bg1 {width:100%;padding:30px 0px;background:url(../images/bg1.jpg) center;}
.cpny{width:400px;height:400px;}
.cpny img { width:100%;}
.cptp {width:400px;float:left;}
.cpjs {width:650px;float:right;padding-left:60px;border-left:1px dotted #000;}
.bt {width:300px;height:45px;line-height:45px;text-align:center;color:#000;background:#ecfae0;box-shadow:0px 10px 5px #898989;}
.jj {padding-top:35px;}
.jj p {font-size:16px;line-height:32px;}
.cpnr {padding-top:40px;}
.fy {margin-top:50px;}
.pr {width:505px;float:left;margin-right:15px;box-shadow:0px 10px 15px #898989;padding:10px;}
.fh{width:100px;float:left;margin-right:15px;box-shadow:0px 10px 15px #898989;padding:10px;text-align:center;}
.nt{width:505px;float:right;box-shadow:0px 10px 15px #898989;padding:10px;}
.bt2 {width:300px;height:45px;line-height:45px;text-align:center;color:#000;background:#f9eebb;box-shadow:0px 10px 5px #898989;}
.cpbg1 {background:url(../images/cpbg.png) no-repeat;background-size:100%;}
.cpbg2 {background:url(../images/cpbg2.png) no-repeat;background-size:100%;}
.cpbg3 {background:url(../images/cpbg3.png) no-repeat;background-size:100%;}
.bt3 {width:300px;height:45px;line-height:45px;text-align:center;color:#000;background:#f5e1fb;box-shadow:0px 10px 5px #898989;}
.cp2 {background:url(../images/cptp.png) no-repeat;background-size:100%;}
.cp3 {background:url(../images/mypbg.png) no-repeat;background-size:100%;}
/*新闻*/
		
.wapper ul{margin-top:30px;}		

.wapper li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	padding:20px;
	
	 box-shadow:0px 5px 15px #e5e5e5;
	 margin:10px 0px;
	
}
.wapper li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}
.rq { width:100px; height:100px;  float:left;}
.rq p:nth-of-type(1){ font-size:26px; text-align:center; padding-top:15px; color:#000;}
.rq p:nth-of-type(2){ font-size:16px; text-align:center; padding-top:10px; color:#000;}
.xw { width:1000px; float:right; }
.xw p:nth-of-type(1){ font-size:20px;}
.xw p:nth-of-type(2){ font-size:16px; padding-top:10px; line-height:30px;}
.xwny { padding:20px; width:1160px; margin:0 auto; margin-top:30px; box-shadow:0px 5px 15px #e5e5e5;}
.xwbt p:nth-of-type(1){ font-size:26px; text-align:center;}
.xwbt p:nth-of-type(2) { font-size:14px; text-align:center; padding-top:15px;}
.content { margin-top:20px;}
.content p { font-size:16px; line-height:32px; text-indent:2rem;}
/*留言*/
.wantConsult { margin-top: 30px; }
.wantConsult .zxTitle { height: 68px; border-top: 2px solid #333333; }
.wantConsult .zxTitle .p1 { font-size: 22px; line-height: 68px; color: #333; }
.wantConsult .zxTitle .p2 .i14 { margin-top: 25px; }
.wantConsult .zxTitle .p2 .i15 { margin-top: 31px; }
.wantConsult .zxTitle .p2 span { margin: 30px 6px 0; font-size: 19px; font-style: italic; color: #333333; }
.wantConsult_btm { height: 450px; overflow: hidden; margin-bottom: 30px; }
.wantConsult_btm_left { width: 246px; padding:0px 15px; height: 450px; background: url('../images/sixpage1_21.png') no-repeat; float:left; }
.wantConsult_btm_left .sixPage { font-size: 24px; font-weight: bold; color: #000; margin: 25px 0 15px; }
.wantConsult_btm_left ul li { line-height: 24px; font-size: 14px; color: #000;}
.wantConsult_btm_left ul li+li+li+li span{ padding-top:20px;}
.wantConsult_btm_left ul li+li+li+li+li span{ padding-top:20px;}
.wantConsult_btm_left ul li i {  margin: 10px 7px 0 0; }
.wantConsult_btm_left ul li span { width:180px; padding-top:10px;}
.wantConsult_btm_left ul li .i17 { background: url('../images/icon1.png') no-repeat;width: 50px; height: 50px; background-size:100%;}
.wantConsult_btm_left ul li .i18 { background: url('../images/icon1.png') no-repeat;width: 50px; height: 50px; background-size:100%}
.wantConsult_btm_left ul li .i19 { background: url('../images/icon2.png') no-repeat;width: 50px; height: 50px; background-size:100%}
.wantConsult_btm_left ul li .i20 { background: url('../images/icon3.png') no-repeat;width: 50px; height: 50px; background-size:100%}
.wantConsult_btm_left ul li .i21 { width: 21px; height: 22px; background-position: 0px -211px; }
.wantConsult_btm_left ul li font { font-size: 12px; }
.wantConsult_btm_left .chanQuan { font-size: 12px; color: #fff; margin-top: 35px; line-height: 18px; }
.wantConsult_btm_right { width: 919px; height: 450px; background: url('../images/sixpage2.png') no-repeat; float:right; }
.wantConsult_btm_right .form { width: 510px; margin-left: 40px; }
.wantConsult_btm_right .form textarea { padding: 15px 20px; width: 470px; height: 140px; line-height: 20px; font-size: 14px; color: #aeaeae; border-radius: 5px; margin-top: 40px; background: #f3f2f1; outline: none; }
.wantConsult_btm_right .form .input_p { height: 40px; background: #f3f2f1; width: 490px; padding-left: 20px; border-radius: 5px; margin-top: 20px; }
.wantConsult_btm_right .form .input_p .span1 { display: inline-block; width: 54px; height: 16px; line-height: 16px; border-right: 1px solid #d8d8d8; font-size: 16px; color: #404040; margin-top: 12px; text-align: text-justify; }
.wantConsult_btm_right .input_p .txt { width: 270px; padding-left: 10px; border: none; background: #f3f2f1; height: 38px; line-height: 38px; outline: none; font-size: 14px; color: #aeaeae; }
.wantConsult_btm_right .form textarea:focus { color: #666; }
.wantConsult_btm_right .input_p .txt:focus { color: #666; }
.input_p font { font-size: 14px; color: #666; margin-top: 12px; margin-right: 18px; margin-bottom:18px }
.radio_box { display: inline-block; position: relative; margin-left: 10px; }
.radio_box label { width: 16px; height: 16px; position: absolute; top: -1px; left: 0px; border: 1px solid #878787; border-radius: 50%; background: #fff; cursor: pointer; }
.radio_box input { margin-right: 4px; margin-top: 1px; }
.radio_box input:checked + label { border: 1px solid #ec2020; }
.radio_box input:checked + label:after { content: ''; width: 10px; height: 10px; position: absolute; top: 3px; left: 3px; background: #ec2020; border-radius: 50%; }
.check_box em { margin: 0 0 0 5px; }
.input_p .span2 { display: block; width: 135px; height: 40px; border: none; border-left: 1px solid #d3d3d3; background: #ebebeb; color: #f22f2f; font-size: 15px; text-align: center; line-height: 40px; cursor: pointer; outline: none; }
.sub_ziXun { margin-top: 30px; height: 50px; text-align: center; }
.sub_ziXun input { width: 200px; height: 50px; font-size: 18px; color: #fff; background: #f43d3d; border-radius: 5px; border: none; outline: none; }
.select_yixiang { width: 310px; height: 330px; background: rgba(255,255,255,.8); margin: 40px 40px 0 0; border-radius: 5px; position: relative; }
.ninTitle { height: 50px; padding:15px 10px; line-height: 24px; font-size: 15px; font-weight: bold; color: #666; text-align:center; background: #f7f7f7; margin-bottom: 15px; border-radius: 5px 5px 0 0; }
.ninTitle em { color: #f02c2c; }
.select_yixiang li { height: 32px; line-height: 32px; font-size: 13px; color: #666666; background: url('../images/dian_81.png') no-repeat left center; margin-left: 18px; padding-left: 12px; cursor: pointer; overflow: hidden; }
.select_yixiang li:hover { text-decoration: underline; }
.select_yixiang .jiao { position: absolute; left: -8px; top: 19px; width: 8px; height: 12px; background: url('../images/jiao.png') no-repeat; }
.select_yixiang li a { color: #666666; }
/* 浮动 */
.clear { zoom: 1; clear: both; }
.clear:after { content: ""; clear: both; height: 0; line-height: 0; display: block; visibility: hidden; }
.fl1 { float: left; display: inline; }
.fr1 { float: right; display: inline; }
/*招聘*/
.join-title {font-size: 18px;font-weight: bold;padding-left: 20px;margin-bottom: 0.24rem;margin-top: 0.36rem;background: url(../images/ic_dot.png) no-repeat 0 center;}
.joinus.pb {padding-bottom: 1rem;}
.recruit-box {border: 1px solid #ebebeb;background: #fff;overflow: hidden;}
.recruit-box ol li {width: 16%;}
.recruit-box ol li:nth-child(1) {width: 26%;}
.recruit-box ol li:nth-child(2) {width: 40%;}
.recruit-box .arrow {transition: 0.3s;color: #ffb720 !important;}
.recruit-box .item-hd li,
.recruit-box .hd-wrap li {float: left;}
.recruit-box .hd-wrap {background-color: #484848;}
.recruit-box .hd {height: 48px;line-height: 48px;color: #fff;padding: 0 22px;}
.recruit-box .item-hd {padding: 13px 0;position: relative;}
.recruit-box li {padding-left:30px;}
.recruit-box li p {display: inline-block;}
.recruit-box .item { height:auto !important;}
.recruit-box .item + .item {border-top: 1px solid #ebebeb; height:auto !important;}
.recruit-box .item-hd {cursor: pointer;line-height: 1.8;}
.recruit-box .item-hd .tit {display: none;}
.recruit-box .item-bd {color: #666;display: none;padding: 30px 22px 10px;background-color: #f2f2f2;}
.recruit-box .active .item-hd {background: #88df23;color: #fff;}
.recruit-box .active .item-bd {border-top: 1px solid #ebebeb;}
.recruit-box .active .arrow {color: #fff !important;}
.recruit-box .active .arrow::before {content: "\e728";}
.recruit-box .arrow {float: right;font-size: 14px;color: #333;}
.recruit-box dd {margin: 5px 0 30px;font-size: 12px;}
@media (max-width: 992px) {.recruit-box .item-hd li {width: 100%!important;padding: 0 10px;}
  .recruit-box .item-hd .tit {display: block;display: inline-block;}
}
.basenav .ihd {margin-bottom: 0;}
.basenav h2 {padding-right: 95px;display: inline-block;position: relative;}
.basenav h2::after {width: 95px;height: 100%;position: absolute;right: 0;top: 0;content: '';display: block;background: url(../images/arr5.png) no-repeat right center;}
.basenav nav {text-align: center;}
.basenav nav a {height: 80px;line-height: 74px;display: block;color: #fff;width: 1.42rem;border-top: 3px solid transparent;}
.basenav nav .active {color: #ffb720;background: #fff;font-weight: bold;border-top-color: #ffb720;}
.basenav .cumbs {min-width: 0;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;text-align: right;}
.basenav .cumbs a {color: #fff;}
.basenav .cumbs a:hover {color: #ffb720;}
.basebox { margin-top:30px;}
.joinus { margin-top:30px;}
.arcbox { line-height:24px;}
/*营销体系*/
.yxtx { padding:20px;box-shadow:0px 5px 15px #e5e5e5; margin-top:30px;}
.zzsc{  overflow:hidden; width:598px; float:left;}
.zzsc img{ border-radius:5px; float:left; width: 100%;}
.zzsc .rotatesimg{-webkit-animation:transform-5 2s ease 500ms alternate none 1;animation:transform-5 2s ease 500ms alternate none 1;}
@-webkit-keyframes transform-5 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}
@keyframes transform-5 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}

.lxfs { width:490px; /*float:right;*/}
.yxtx1 { padding:10px;box-shadow:0px 5px 15px #e5e5e5; margin-bottom:10px;}
.yxtx1 p { margin-bottom:5px;}
/*联系我们*/
.cont{ width:460px; float:left; padding:20px;box-shadow:0px 5px 15px #e5e5e5; margin-top:30px;}
.cclx { width:640px; float:right; padding:20px;box-shadow:0px 5px 15px #e5e5e5; margin-top:30px;}
.cclx p { padding:5px 0px; border-bottom:1px dotted #000;}
.cont p {padding:5px 0px; border-bottom:1px dotted #000; line-height:30px;}
.wq { font-size:26px; background:#90d007; padding:8px 0px; color:#fff; border-radius:15px; text-align:center; margin-bottom:15px;}
/*发展实力*/
.fasl {padding:20px;box-shadow:0px 5px 15px #e5e5e5;}
/*生活动态*/
.shdt { margin-top:30px;}
.shdt p { width:30%; float:left; padding:10px;box-shadow:0px 5px 5px #13a504; margin-right:30px; overflow:hidden; margin-bottom:30px; }
.shdt p a { display:block; overflow:hidden;}
.shdt p:nth-of-type(3n) { margin-right:0px;}
.shdt p img { max-height:230px;margin:0 auto; display:block;}
/*品质控制*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 16px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}	
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: none !important;clear: left;padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}
/*研发实力*/
.nr {box-shadow:0px 5px 5px #13a504;padding:20px; margin-top:30px; line-height:32px;}
.yfsl {padding:20px;box-shadow:0px 5px 15px #e5e5e5; margin-top:30px; }
.yfsl1 {  }
.yfsl1 p{ line-height:32px;}
.yfsl2 { }
.scsl ul li img {max-height: 180px !important;
margin: 0 auto;
display: block;}
/*发展历程*/
.main-timeline{overflow: hidden;position: relative;}
.main-timeline .timeline{position: relative;margin-top: -5.2rem;}
.main-timeline .timeline:first-child{margin-top: 0;}
.main-timeline .timeline:before,
.main-timeline .timeline:after{content: "";display: block;width: 100%;clear: both;}
.main-timeline .timeline:before{content: "";width: 100%;height: 100%;box-shadow: -8px 0 5px -5px rgba(0, 0, 0, 0.5) inset;position: absolute;top: 0;right: 0;z-index: 2;}
.main-timeline .timeline-icon{width: 210px;height: 210px;border-radius: 50%;border: 25px solid transparent;border-top-color: #b9f73f;border-right-color: #b9f73f;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;transform: rotate(45deg);}
.main-timeline .year{display: block;width: 110px;height: 110px;line-height: 110px;border-radius: 50%;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.4);margin: auto;font-size: 30px;font-weight: bold;color: #b9f73f;text-align: center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;transform: rotate(-45deg);}
.main-timeline .timeline-content{width: 35%;float: right;padding: 30px 20px;margin: 50px 0;z-index: 1;position: relative;box-shadow: 0 0 20px #c3ccb7; height: 158px;}
.main-timeline .timeline-content:before{content: "";width: 20%;height: 15px;position: absolute;top: 50%;left: -20%;z-index: -1;transform: translateY(-50%);}
.main-timeline .title{font-size: 20px;font-weight: bold;color: #000;margin: 0 0 10px 0;}
.main-timeline .description{font-size: 16px;color: #fff;line-height: 24px;margin: 0; text-align:center;}
.main-timeline .timeline:nth-child(2n):before{box-shadow: 8px 0 5px -5px rgba(0, 0, 0, 0.5) inset;}
.main-timeline .timeline:nth-child(2n) .timeline-icon{transform: rotate(-135deg);}
.main-timeline .timeline:nth-child(2n) .year{transform: rotate(135deg);}
.main-timeline .timeline:nth-child(2n) .timeline-content{float: left;}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{left: auto;right: -20%;}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-top-color: #b9f73f;border-right-color: #b9f73f;}
.main-timeline .timeline:nth-child(2n) .year{color: #b9f73f;}
.main-timeline .timeline:nth-child(2n) .timeline-content,
.main-timeline .timeline:nth-child(2n) .timeline-content:before{}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-top-color: #b9f73f;border-right-color: #b9f73f;}
.main-timeline .timeline:nth-child(3n) .year{color: #b9f73f;}
.main-timeline .timeline:nth-child(3n) .timeline-content,
.main-timeline .timeline:nth-child(3n) .timeline-content:before{}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-top-color: #b9f73f;border-right-color: #b9f73f;}
.main-timeline .timeline:nth-child(4n) .year{color: #b9f73f;}
.main-timeline .timeline:nth-child(4n) .timeline-content,
.main-timeline .timeline:nth-child(4n) .timeline-content:before{}
@media only screen and (max-width: 1199px){.main-timeline .timeline{margin-top: -103px;}
	.main-timeline .timeline-content:before{left: -18%;}
	.main-timeline .timeline:nth-child(2n) .timeline-content:before{right: -18%;}
}
@media only screen and (max-width: 990px){.main-timeline .timeline{margin-top: -127px;}
	.main-timeline .timeline-content:before{left: -2%;}
	.main-timeline .timeline:nth-child(2n) .timeline-content:before{right: -2%;}
}
@media only screen and (max-width: 767px){.main-timeline .timeline{margin-top: 0;overflow: hidden;}
	.main-timeline .timeline:before,
	.main-timeline .timeline:nth-child(2n):before{box-shadow: none;}
	.main-timeline .timeline-icon,
	.main-timeline .timeline:nth-child(2n) .timeline-icon{margin-top: -30px;margin-bottom: 20px;position: relative;transform: rotate(135deg);}
	.main-timeline .year,
	.main-timeline .timeline:nth-child(2n) .year{transform: rotate(-135deg);}
	.main-timeline .timeline-content,
	.main-timeline .timeline:nth-child(2n) .timeline-content{width: 100%;float: none;border-radius: 0 0 20px 20px;text-align: center;padding: 25px 20px;margin: 0 auto;}
	.main-timeline .timeline-content:before,
	.main-timeline .timeline:nth-child(2n) .timeline-content:before{width: 15px;height: 25px;position: absolute;top: -22px;left: 50%;z-index: -1;transform: translate(-50%,0);}
}
.description span { display:block;}
.description span img { width:45%;}
.tp { width: 1280px; margin: 0 auto;}
.ss { width: 390px; float: left; padding-left: 700px; padding-top: 15px;    webkit-box-sizing: initial;
    -moz-box-sizing: border-box;
    box-sizing: initial;}
.dhx { width: 180px; float: right; padding-top: 10px;}/*width:180px;*/
.dhx p { width: 90px; float: left; height: 120px; box-shadow:0px 5px 15px #e5e5e5; margin: 0px;}
/*
.dhx p:nth-of-type(1) { background:rgba(234,84,19,0.8);}
.dhx p:nth-of-type(2) { background:rgba(132,186,11,0.8);}*/
.dhx p:nth-of-type(1) { background:rgba(132,186,11,0.8);}
.dhx p span { display: block; text-align: center; color: #fff; padding: 10px;}
.ss1 { width: 200px; float: left; margin-left: 20px;}
.ss2 { width: 80px; float: left;}
.ss1 input { width: 100%; height: 30px; line-height: 30px; background: rgba(255,255,255,0.9); border: none; box-shadow:0px 5px 15px #e5e5e5;}
.ss2 input { width: 100%; height: 30px; text-align: center; line-height: 30px; border: none;}
.wz1 { text-align: right; padding: 3px 0px;margin: 0px;}
.wz2 { text-align: right; margin: 0px; padding-bottom: 15px;}
.cpxdh { margin: 25px 0px;}
.cpxdh p { width:135px; height: 35px; line-height: 35px; text-align: center; border-radius: 15px;box-shadow: 0px 5px 5px #353332; float: left; margin: 0 7px; font-size: 13px;}
.cpxdh p:hover { background: #f46d2a;}
.cpxdh p:hover a { color: #fff;}

.leaderboard {max-width: 490px;width: 100%;border-radius: 12px;}
.leaderboard header {--start: 15%;height: 130px;background-image: linear-gradient(to right, #5b7cfa, #3659db);color: #fff;position: relative;border-radius: 12px 12px 0 0;overflow: hidden;}
.leaderboard header::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: repeating-radial-gradient(circle at var(--start), transparent 0%, transparent 10%, #3659db 10%, #3659db 17%);opacity: .15;z-index: 1;}
.leaderboard header .leaderboard__title {position: absolute;z-index: 2;top: 50%;right: calc(var(--start) * .75);transform: translateY(-50%);text-transform: uppercase;margin: 0;}
.leaderboard header .leaderboard__title span {display: block;}
.leaderboard header .leaderboard__title--top {font-size: 24px;font-weight: 700;letter-spacing: 6.5px;}
.leaderboard header .leaderboard__title--bottom {font-size: 13px;font-weight: 500;letter-spacing: 3.55px;opacity: .65;transform: translateY(-2px);}
.leaderboard header .leaderboard__icon {fill: #fff;opacity: .35;width: 50px;position: absolute;top: 50%;left: var(--start);transform: translate(-50%, -50%);}
.leaderboard__profiles {border-radius: 0 0 12px 12px;padding: 15px 15px 20px;display: grid;row-gap: 8px;}
.leaderboard__profile {align-items: center;padding: 15px 10px 15px 10px;overflow: hidden;border-radius: 10px;box-shadow: 0 5px 7px -1px rgba(51, 51, 51, 0.23);cursor: pointer;transition: transform 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98), box-shadow 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98);}
.leaderboard__profile:hover {transform: scale(1.2);box-shadow: 0 9px 47px 11px rgba(51, 51, 51, 0.18);}
.leaderboard__picture {max-width: 100%;width: 60px;border-radius: 50%;box-shadow:0 5px 10px #84e631;}
.leaderboard__name {color: #979cb0;font-size: 16px;letter-spacing: 0.64px;margin-left: 25px; width: 75%; float: left; }
.leaderboard__value {color: #35d8ac;font-size: 16px;text-align: right; width:20%; float: right;}
.leaderboard__value > span {opacity: .8;font-weight: 600;font-size: 13px;margin-left: 3px;}
.leaderboard__name a { display: block;}
.leaderboard__value a { color: #25b52d;}
.leaderboard__value a { display: block;}
.leaderboard {box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.4);}
.pagination_type1 li a { padding:8px 10px;}
.pagination_type1 li  .active { background:#000; color:#fff;}
/*漂浮*/
.floatingAd .ad{z-index:100;background:none;position:absolute;display:none;}
.floatingAd a{color:#000000; display:inline-block;text-decoration:none;}
.floatingAd a img{border:0;}
.floatingAd .close{display:none;}
.floatingAd .opacity{position:absolute; top:0; width:100%; height:25px; background-color:#000000; opacity:0.20; filter:alpha(opacity = 20);}
.opacity1{opacity:0.90; filter:alpha(opacity = 90);}
.floatingAd .text{position:absolute; top:0; width:100%; height:25px; color:#000000; line-height:25px; }
.floatingAd .text .button{position:relative;float:right;top:5px;right:5px;width:16px;height:16px;background:url("../images/close.png") no-repeat;cursor:pointer;}
.floatingAd .text .title{position:relative;float:left;font-size:12px;margin-left:5px;}