/**
 * @authors CYH
 * @date  2018/6/8
*/
body{ overflow-x:hidden; font-family:'微软雅黑';}
.secnav{ padding-top:40px; margin-bottom:25px;}
.secnav h2{ font-size:30px; color:#333; line-height:40px; margin-top:10px;}
.clear{ clear:both; height:0;}
.secnav ul{ float:right;}
.secnav ul li{ float:left;}
.secnav ul li a{ display:block; font-size:16px; color:#333; line-height:30px; padding:0 40px; margin-top:15px;}
.secnav ul li a:hover{color:#00c0ff;}
.secnav ul li.secon a{ color:#00c0ff;}
.secnav ul li:last-child a{ padding-right:0px;}
.nav_line:after{ display:block; clear:both; content:''; width:0px; height:0px; overflow:hidden; visibility:hidden;}
.nav_line{ border-bottom:1px solid #cccccc; margin-bottom:45px;}
.bread , .bread a{ font-size:14px; color:#666; line-height:18px;}
.bread a:hover{ color:#00c0ff;}
@media (max-width: 1200px) {
.secnav{ padding-top:20px;}
.secnav ul{ padding:0;}
.secnav ul li a{ padding:0 20px;}
.nav_line{ margin-bottom:20px;}
}
@media (max-width:768px) {
.secnav{ padding-top:20px;}
.secnav ul{ width:100%; margin-bottom:6px;}
.secnav ul li{ width:25%;}
.secnav ul li a{display:block; padding:0; text-align:left; font-size:15px; line-height:26px;  margin-top:0px;}
.nav_line{ margin-bottom:15px;}
.secnav h2{ font-size:20px; line-height:20px; margin-top:10px; font-weight:bold;}
}

.charbour{ display:block; border-bottom:1px solid #cccccc; margin-bottom:40px; position:relative; overflow:hidden;}
.charbour .new_img{ position:relative;}
.charbour .new_img img{ width:100%; max-height:235px;}
.charbour .new_img p{ position:absolute; top:0; left:0; width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.5); opacity:0; transition:all 0.3s; }
.charbour .new_img  span{position:absolute; top:0; left:0; right:0px; bottom:0px; display:block;}
.charbour .new_img  span img{ width:67px; height:67px; margin:0 auto; display:block; margin-top:-67px; transition:all 0.2s linear;}
.new_infor{ padding:20px;}
.new_infor h3{font-size:22px; line-height:30px; color:#333; margin:10px 0; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new_infor p{font-size:15px;line-height:26px; color:#666; margin-top:20px; text-decoration:none;  height:75px; overflow:hidden;}
.new_infor span{ padding-left:35px; background:url(../images/tdot.png) no-repeat 0 center; font-size:16px; color:#666; display:block; margin-top:50px; margin-bottom:10px;}
.charbour:hover .new_img p{ opacity:1;}
.charbour:hover{ box-shadow:1px 2px 9px #bbb;}
.charbour:hover div span img{ margin-top:17%; }
@media (max-width: 1200px) {
.new_infor h3{font-size:20px;}
.new_infor{ padding:15px;}
.new_infor p{  margin-top:0px;  height:75px; overflow:hidden;}
.new_infor span{margin-top:10px; margin-bottom:10px;}
}
/*翻页*/
.pages{padding-top:20px; margin:0 auto 50px; height:60px; text-align: center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; display:inline-block; line-height:38px;
    color: #333;
    margin: 0 2px;
    width:42px; height:40px;
    text-decoration: none;
    font-size:14px;
    }
.pages a:hover{border:1px solid #478ffc; text-decoration: none; color:#fff;width:42px; height:40px; line-height:38px; background-color:#478ffc; font-size:14px;}
.pages span { display:inline-block; border: 1px solid #478ffc;  background-color:#478ffc;color: #fff; line-height:38px; width:42px; height:40px; font-size:14px; margin:0 2px;}
.pages a:first-child , .pages a:last-child{ border:none;}
@media (max-width:768px) {
.pages{ padding-top:0px; margin:0 auto 30px; height:60px; text-align: center; box-sizing:border-box;}
}
.half{ width:50%; float:left; background-color:#f3f3f3; box-sizing:border-box; padding:20px; margin-bottom:50px;}
.half a{ display:block; border:1px solid #d1d1d1; text-align:center; transition:all 0.5s linear; padding:30px 0 70px; background:url(../images/bright.png) no-repeat center 140px;}
.half{ border-right:1px solid #fff;}
.half a h3{font-size:42px; line-height:46px; color:#333; margin:10px 0;}
.half a p{font-size:16px; line-height:26px; color:#666; text-transform:uppercase;}
.half:hover{ background-color:#17c6ff;}
.half:hover a{border:1px solid #fff;/*background:url(../images/brights.png) no-repeat center 140px;*/}
.half:hover a h3 , .half:hover a p{ color:#fff;}
footer{ background-color:#1a1a1a; padding-top:48px; box-sizing:border-box;}
.footer_left{ display:flex; box-sizing:border-box;}
.footer_left li{ flex:1px;}
.footer_left li h3{font-size:22px; line-height:26px; color:#fff; font-weight:normal; margin:0 0 10px;}
.footer_left li a{ display:block; font-size:14px; line-height:32px; color:#b2b2b2;  }
.footer_left li a:hover{ color:#fff;}
.footer_right{ box-sizing:border-box; padding-left:70px; padding-right:0px; background:url(../images/footer.png) no-repeat 0 top;}
.footer_right .form-inline{ display:block;}
.footer_right .form-inline .form-group{ width:28%;}
.footer_right .form-inline .form-group input{ width:100%; height:45px; line-height:45px; font-size:16px; color:#ccc; border-radius:0px; background-color:#717171; border-color:#717171; }
.footer_right .form-inline input[type='submit']{ float:right; width:14%;height:45px; line-height:45px; font-size:16px; padding:0; color:#fff; border-radius:0px; background-color:#478ffc; border-color:#478ffc;}
.footer_right .form-inline input{ flex:1;}
.contact_infor li{font-size:14px; line-height:36px; color:#ccc;}
.contact_infor{ margin-top:45px; padding:0;}
.contact_infor li span , .contact_infor li a{font-size:14px; line-height:36px; color:#ccc; margin-right:15px;}
.share_right{ margin-top:45px; padding:0;}
.bdsharebuttonbox { overflow:hidden; float:right;}
.bdsharebuttonbox span { float:left; line-height:40px; color:#eee;}
 #fenxiang1{
  background: url(../images/QQicon.png) no-repeat; width:40px; height:40px;
  margin-left:6px;
  margin-right:6px;
}
#fenxiang2{
  background: url(../images/weixinicon.png) no-repeat; width:40px; height:40px;
  margin-right:8px;
}
#fenxiang4{
  background: url(../images/share.png) no-repeat; width:40px; height:40px;
  margin-right:1px;
}
/*友情链接开始*/
#cate {
	height:35px;
	line-height: 40px;
	text-align: left;
	width:350x; float:right;
    borde-left:1px solid #393939; border-top:0; border-bottom:0; margin-top:16px; margin-bottom:25px;position: relative;
}
#cate .cate_wrp { width:242px; height:35px; line-height:35px; background-color:#717171;
	overflow: hidden;
}
#cate .cate_inp {
	padding-left:15px;
	height:35px;
	width:184px;
	border: 0;
	border-right:none;
	color:#fff;
	float: left;font-size:14px;   
}
#cate a.cate_tri:link,  #cate a.cate_tri:visited {
	width:35px;
	height:40px;
	float: left; display:block;
}
#cate .rty{
    width: 54px;
    height:35px;
    float: left;
	background:url(../images/downbtn.png) no-repeat right center;
    display: block;
     }

#cate .cate_drop {
	background:#717171;
    border: 0;
    color: #eee;
    position: absolute;
    z-index: 9999999;
    width:340px;
    display: none; width: 242px; bottom:35px;
}
#cate .cate_drop li {
	padding-left:15px;
	color:#fff;
	line-height: 39px;
    border-bottom: 1px solid #eee;
}
#cate .cate_drop li a{color:#fff;font-size: 14px;}
#cate .cate_drop li:hover {
	color:#48a546;
	cursor: pointer;
}
/*友情链接结束*/
.footer_right hr{ border-color:#717171;}
.di , .di a{font-size:14px; line-height:26px; color:#b2b2b2; margin-bottom:20px;}
@media (max-width:1200px) {
.half a h3{font-size:30px; margin-bottom:0px}
.half a{ padding:20px 0 50px; background:url(../images/bright.png) no-repeat center 110px;}
.half:hover a{ background:url(../images/brights.png) no-repeat center 110px;}
.half{  margin-bottom:40px;}
.footer_right{  padding-left:50px; }
.contact_infor li ,.contact_infor li span ,.contact_infor li a{ line-height:26px; }
.contact_infor{ margin-top:25px; }
.share_right{ margin-top:25px; }
.footer_left li h3{font-size:18px; }
}

@media (max-width:768px) {
.half { overflow:hidden;}
.half a h3{font-size:20px; }
.half a p{font-size:13px; white-space:nowrap}
.footer_right{  padding:15px; }
.footer_right .form-inline{ display:block;}
.footer_right .form-inline .form-group{ width:49%; float:left; margin-right:1%;}
.footer_right .form-inline .form-group input{ width:100%; }
.footer_right .form-inline input[type='submit']{  width:49%; float:left}
.contact_infor{ margin-top:5px; }
footer{ padding-top:30px; }
.footer_right hr{ }
.di , .di a{ margin-bottom:15px;line-height:20px;}
}
.batop{width:40px;
	height: auto;
	overflow: hidden;
	position: fixed;
	right: 2%;
	bottom:6%;
	z-index: 20;
	cursor: pointer;
	
	}
.batop .aw01{width: 40px;
	height: 40px;
	border-radius:50%;
	overflow: hidden;
	display: block;
	background:#434343 url(https://www.seongsechina.com/Public/Home/default/2574/images/h01.png) no-repeat center;
	cursor: pointer;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.batop .aw02{width: 40px;
	height: 40px;
	border-radius:50%;
	overflow: hidden;
	display: block;
	background:#434343 url(../images/h02.png) no-repeat center;
	cursor: pointer; margin:12px 0;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.back-top{
	width: 40px;
	height: 40px;
	border-radius:50%;
	overflow: hidden;
	display: none;
	background:#434343 url(../images/h03.png) no-repeat center;
	cursor: pointer;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;
}
.batop .aw01:hover{background:#0787d1 url(../images/h1.png) no-repeat center;}
.batop .aw02:hover{background:#0787d1 url(../images/h2.png) no-repeat center;}
.back-top:hover{background:#0787d1 url(../images/h3.png) no-repeat center;}
/*详情*/
.ccv h2{ font-size:27px; color:#333333; line-height:30px; padding-left:50px; padding-bottom:10px; background:url(../images/article.png) 0 top no-repeat; margin-top:0px;}
.ccv .huan{ border-bottom:1px solid #dedede;  margin:15px 0; padding-bottom:10px;}
.ccv .huan b{ font-weight:normal; font-size:16px; color:#a2a2a2; display:inline-block; margin-right:28px;}
.ccv .huan a{ width:32px; height:32px; display:inline-block; text-align:center; border-radius:50%; margin-right:10px;}
.ccv .huan span{ font-size:13px; color:#a2a2a2;}
.ccv .huan a img{ height:18px; width:21px; margin-top:6px;}
.ccv article p{font-size:15px; color:#666; line-height:26px; white-space:normal !important;} 
.ccv .article img{ max-width:100% !important; display:block; margin:10px auto !important;} 
img{ max-width:100%;}
.ccv{ margin-bottom:50px;}
.article{ padding-bottom:40px; border-bottom:1px solid #eee; margin-bottom:30px;}
.art_bot p , .art_bot a{font-size:15px; color:#666; line-height:26px; margin:0; }
.art_bot a:hover{ color:#17c6ff;}
.ccv .pull-right a{font-size:16px; color:#666; line-height:26px; }
.ccv .pull-right a:hover{ color:#17c6ff;}
.cfour{ margin-bottom:36px;}
.cfour a{ display:block; margin-bottom:30px;}
.cfour a:after{ display:block; content:''; width:0px; height:0px;}
.cfour a .cfright{ float:left; width:65%; box-sizing:border-box; padding:15px 0 15px 20px;}
.cfour a img{ float:left; display:inline-block; width:35%;}
.cfright h3{ color:#333; font-size:20px; line-height:20px; font-weight:normal; margin-bottom:12px; margin-top:0px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cfright p{ color:#666; font-size:14px; line-height:24px; font-weight:normal; height:46px; overflow:hidden;}
.cfour a:hover .cfright h3 , .cfour a:hover .cfright p{ color:#024594; }
.new_right{ box-sizing:border-box; padding-left:40px;}

@media (max-width:1200px) {
.new_right{ padding-left:15px;}
.cfour a .cfright{ padding:0px 15px;}
}
@media (max-width:768px) {
.ccv h2{ font-size:18px;}
.article{ padding-bottom:10px;  margin-bottom:20px;}
}
/*合作品牌*/
.secnav h3{ font-size:24px; color:#333; line-height:40px; margin-top:10px; font-weight:bold; padding-bottom:13px; background:url(../images/blue.png) no-repeat 15px bottom; margin-bottom:35px;}
.return a{ float:right; display:block; padding:0px 0 10px; font-size:16px; color:#333; line-height:30px;  margin-top:20px; border-bottom:1px solid #00c0ff;}
.return a:hover{color:#00c0ff;}
.brand li{ float:left; width:18%; margin-right:2.5%; box-sizing:border-box; margin-bottom:3%;}
.brand li a{ display:block; border:1px solid #eee; height:110px; overflow:hidden; background-color:#fff;}
.brand li a:hover{ box-shadow:1px 2px 8px #bbb;}
.brand li img{ display:block; margin:0px auto 0; max-width:100%;}
.brand li p{ color:#666; font-size:15px; line-height:20px; text-align:center; margin-top:10px;}
@media (min-width:768px) {
.brand li:nth-child(5n){ margin-right:0px;}
}
@media (max-width:1400px) {
.brand li a{ height:90px;}
}
@media (max-width:1200px) {
.brand li a{ height:75px;}
.secnav h3{margin-bottom:20px;}
}
@media (max-width:900px) {
.brand li a{ height:60px;}
}
@media (max-width:768px) {
.secnav h3{margin-top:0px; padding-bottom:6px;}
.return a{ margin-top:10px; padding-bottom:4px;}
.brand li{ width:30%; margin-right:5%;}
.brand li:nth-child(3n){ margin-right:0px;}
.brand li p{ font-size:13px; width:100%; height:18px; overflow:hidden;}
.brand li a{ height:50px;}
}
/*合作渠道*/
.subtitle{font-size:25px; color:#221815; margin:0 auto; text-align:center;}
.italy{font-size:12px; color:#999;  text-align:center; font-family:Arial; font-style:italic; margin-top:15px; margin-bottom:35px;}
.showmore{ font-size:16px; color:#666; display:block; margin:0 auto 40px; width:192px; height:42px; border:1px solid #aaa; text-align:center; 
line-height:40px; transition:all 0.3s;}
.showmore:hover{ font-size:15px; border:1px solid #17c6ff; color:#fff;}
.showmore {cursor: pointer; -webkit-transform: translateY(0); transform: translateY(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.showmore:before { content: ""; position: absolute; z-index: -1; left:0; height:42px; width: 100%; left:-192px; background: #17c6ff; 
-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; color:#fff !important; }
.showmore:hover:before, .showMore a:focus:before { left: 0;  }
.owl-carousel{ margin-bottom:30px;}
.owl-carousel a{ display:block; cursor:pointer;}
.owl-carousel a img{ margin-bottom:30px;}
.owl-carousel a p{font-size:14px; color:#666; line-height:20px; text-align:center; }
@media (max-width:768px) {
.subtitle{font-size:20px; }
.italy{ margin-top:10px; margin-bottom:15px;}
.showmore{ margin-bottom:30px;}
.owl-carousel a p{ line-height:30px; margin-bottom:0px}
.owl-carousel{ margin-bottom:10px;}
.owl-carousel a img{ margin-bottom:10px;}
}
/*联系我们*/
.contactd span{ display:inline-block; width:42px; height:42px; border-radius:50%; margin-right:16px; background-color:#00c0ff; text-align:center; line-height:42px; font-size:18px; color:#fff;} 
.contactd{ text-align:center; line-height:24px; font-size:18px; color:#333333; margin-top:10px;}
.message{ margin-top:65px; margin-bottom:50px;}
.leave input{ width:48%; height:46px; line-height:46px; margin-right:2%; margin-bottom:30px; float:left; font-size:16px; color:#333; padding:0 10px; border:none; border-bottom:1px solid #ccc;}
.leave input:nth-child(2n){ float:right;}
.leave{ padding-right:0px;}
.leave textarea{ width:98%; border:1px solid #ccc; border-radius:0; height:252px;}
.leave button{ width:138px; height:38px; border-radius:2px; background-color:#00c0ff; text-align:center; line-height:38px; padding:0; color:#fff; border:none; margin-top:30px; float:right; margin-right:2%;}
@media (max-width:1200px) {
.contactd span{ width:38px; height:38px; margin-right:10px;  line-height:38px; font-size:16px;} 
.contactd{ line-height:24px; font-size:16px;}
.leave input{height:40px; line-height:40px; margin-bottom:10px; }
.leave textarea{ height:120px;}
}
@media (max-width:768px) {
.contactd{ line-height:24px; font-size:16px; text-align:left; margin-top:6px;}
.message{ margin-bottom:30px; margin-top:25px;}
}
/*企业文化*/
.company{ margin-bottom:56px; background-color:#f5f5f5;}
.faith{ font-size:14px; color:#999; line-height:24px; text-align:center; margin-top:-5px; margin-bottom:45px;}
.company_left{ background-color:#f5f5f5; box-sizing:border-box; padding:60px 40px 50px;}
.company_left img{ margin:0 auto; width:70%; display:block; margin-bottom:8px;}
.company_left p{font-size:16px; color:#666; line-height:36px; margin-bottom:0px;}
.company_right , .company_right ul{ padding:0;}
.company_right ul li{ float:left; width:50%; margin:0; box-sizing:border-box;  position:relative; height:290px;}
.company_right ul li:nth-child(1){ background:url(../images/c1.jpg) no-repeat center center}
.company_right ul li:nth-child(2){ background:url(../images/c2.jpg) no-repeat center center}
.company_right ul li:nth-child(3){ background:url(../images/c3.jpg) no-repeat center center}
.company_right ul li:nth-child(4){ background:url(../images/c4.jpg) no-repeat center center}
.company_right ul li div{ position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:20px;} 
.company_right ul li div h3{font-size:20px; color:#fff; line-height:26px; margin:0; padding-left:42px;}
.company_right ul li:nth-child(1) div h3{ background:url(../images/u1.png) no-repeat 0 bottom;}
.company_right ul li:nth-child(2) div h3{ background:url(../images/u2.png) no-repeat 0 bottom;}
.company_right ul li:nth-child(3) div h3{ background:url(../images/u3.png) no-repeat 0 bottom;}
.company_right ul li:nth-child(4) div h3{ background:url(../images/u4.png) no-repeat 0 bottom;}
.company_right ul li div h4{font-size:20px; color:#fff; line-height:26px; text-align:center; margin-top:50px; margin-bottom:25px;}
.company_right ul li div p{font-size:16px; color:#fff; line-height:36px; text-align:center; margin:0;}
.company_right ul li div h4 , .company_right ul li div p{ display:none;}
.company_right ul li:hover div{ background-color:rgba(0,0,0,0.6);}
.company_right ul li:hover div h3{ display:none;}
.company_right ul li:hover div h4 , .company_right ul li:hover div p{ display:block;}
@media (max-width:1400px) {
.company_right ul li{ height:303px;}
.company_left{ padding:50px 40px 40px;}
}
@media (max-width:1200px) {
.company_right ul li{ height:303px;}
.company_left{ padding:40px 30px }
.company_left img{ width:60%;  margin-bottom:20px;}
}
@media (max-width:1000px) {
.company_right ul li{ height:303px;}
.company_left{ padding:30px 20px }
.company_left img{ width:60%;  margin-bottom:15px;}
}
@media (max-width:768px) {
.company_right ul li{ height:200px;}
.company_right ul li div h4{font-size:18px; margin-top:20px; margin-bottom:15px;}
.company_right ul li div p{font-size:14px; line-height:26px; }
.company_right ul li div{ padding:20px 10px;} 
.company{ margin-bottom:30px;}
.faith{ margin-bottom:30px;}
.company_right ul li div h4 , .company_right ul li div p{ display:block;}
.company_right ul li div{ background-color:rgba(0,0,0,0.6);}
.company_right ul li div h3{ display:none;}
}
/*荣誉资质*/

#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background:url(../images/meibg.png) repeat;
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; z-index:99999;
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width:1000px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url('../images/loading.gif');
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../images/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 51px;
	height: 50px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url('../images/zuoshou.png') no-repeat;
	
}
#zoom .next {
	right: 0;
	background: url('../images/youshou01.png') no-repeat;
	
}
#zoom .previous:hover{background: url(../images/zuoshou01.png) no-repeat 0 0;}
#zoom .next:hover{background: url(../images/youshou.png) no-repeat 0 0;}

.zoomed > .container01{-webkit-filter:blur(3px);filter:blur(3px);}
.gallery{list-style-type:none;margin:0;}
.gallery li span{ display:block; text-align:center;font-size:16px; color:#221815; line-height:60px;margin-bottom:20px; transition: all 0.4s ease;}
.gallery li a{ width:100%; height:100%; display:block; position:relative;}
.gallery li b{width:100%; height:100%; display:block; background:rgba(0,0,0,0.65) url(../images/fang.png) no-repeat center; position:absolute; top:0; left:0; display:none;-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.gallery li:hover b{ display:block;}
.gallery li:hover span{  color:#fff;  background: #478ffc url(../images/baijia.png) no-repeat 95%;}
.gaff li:hover span{  color:#fff;  }
/*精彩互动*/
.interaction{ margin-bottom:20px;} 
.interaction li{ border-bottom:2px solid #fff; padding:0; }
.question{ width:100%; cursor:pointer; box-sizing:border-box; padding:20px 44px; background:#f6f7f8 url(../images/down.png) 98% center no-repeat;}
.person{ padding-left:75px; background:url(../images/yuan.png) no-repeat 0 0; padding-bottom:4px;}
.person h3 { margin:0; line-height:30px;}
.person h3 span{ font-size:15px; color:#323232;  margin-right:10px; line-height:30px; word-break:break-all}
.person p{ margin-bottom:0px; font-size:15px; color:#323232;word-break:break-all}
.person p span{ font-size:15px; color:#cf2a25; }
.ques_infor{ font-size:16px; color:#323232; line-height:28px; margin-top:16px; width:80%;}
.anwser {
    background: #fff none repeat scroll 0 0;
    display: none;
    padding:24px 44px 0;
}
.answerlist{ padding-left:46px; margin-bottom:30px;}
.charge{ padding-left:46px; background:url(../images/lyuan.png) no-repeat 0 0; padding-bottom:4px;}
.charge h3 { margin:0; line-height:16px; word-break:break-all}
.charge h3 span{ font-size:15px; color:#323232;  margin-right:10px; line-height:16px;}
.charge p{ margin-bottom:0px; font-size:15px; color:#323232; word-break:break-all}
.charge p span{ font-size:15px; color:#cf2a25; word-break:break-all}
.charge_infor{ font-size:15px; color:#323232; line-height:28px; }
.ons{ background:#f6f7f8 url(../images/atops.png) 98% center no-repeat;}
@media (max-width:768px) {
.question{ padding:20px 15px; }
.ques_infor{ width:90%; margin-top:10px;}
.anwser { padding:20px 15px 0;}
.answerlist{ padding-left:10px; margin-bottom:20px;}
}
/*招贤纳士*/
.recruit-text li{ padding:0; background:#f4f4f4; margin-bottom:10px; box-sizing:border-box; padding-left:12px; position:relative;}
.recuit-top .ons {
    transition: all 350ms ease 0s;
}
.recuit-top .pull-left{ margin-left:20px; margin-top:25px;}
.recuit-top{ width:100%; cursor:pointer;}
.recuit-top h2{ font-size:18px; color:#333; font-weight:normal; margin:0; line-height:20px;}
.recuit-top p{ margin-bottom:20px; margin-top:10px;}
.rtime{font-size:16px; color:#666; padding-right:15px; line-height:18px; margin-top:0px 0 0 20px; display:block; border-right:1px solid #cacaca; font-weight:normal;}
.recuit-top p span{ font-size:14px; color:#666; margin-right:15px;}
.reruit-info {
    background: #f4f4f4 url(../images/work.png) no-repeat 135px 0;
    display: none;
    padding:20px 20px 30px 135px; width:80%; box-sizing:border-box;
}
.reruit-info p{ font-size:14px; color:#666; margin-right:15px;}
.reruit-info h3{font-size:18px; color:#333; line-height:30px; margin:0; }
.reruit-info a{ width:145px; height:45px; background-color:#00c0ff; color:#fff; text-align:center; display:inline-block; line-height:45px; margin-top:20px; border-radius:2px;}
.recruit-main{ margin-bottom:50px;}
.onopen .simple{ background:#e0e0e0 url(../images/person1.png) no-repeat center center;}
.simple{ position:absolute; top:0; right:0px;   width:150px; height:100%; display:block; background:#e0e0e0 url(../images/per.png) no-repeat center center;}
@media (max-width:1200px) {
.reruit-info {
    background: #f4f4f4 url(../images/work.png) no-repeat 20px 0;
    padding:20px 20px 30px;
}
}
@media (max-width:768px) {
.simple{ display:none;}
.recuit-top{ background:url(../images/down.png) no-repeat 95% 40px;}
.recuit-top .pull-left:nth-child(1){ display:none;}
.recuit-top .pull-left{ margin-left:0px;}
.recruit-text{ margin-bottom:20px;}
}
/*企业简介*/
.about{ background-color:#f2f2f2; margin-bottom:50px;}
.about_left{ width:50%; float:left; background:url(../images/about.jpg) no-repeat center center; height:370px; background-size:cover;}
.about_right{ width:50%; float:left; box-sizing:border-box; padding:30px 40px 0;}
.about_right h3{ font-size:20px; color:#333; line-height:30px; margin:0; font-weight:bold; margin-bottom:20px;}
.about_right p{ font-size:16px; color:#666; line-height:30px; margin:0; }
@media (max-width:1600px) {
.about_left{ height:420px;}
.about_right{ padding:30px 30px 0;}
}
@media (max-width:1200px) {
.timehistory{ display:none}
.about_left{ height:420px;}
.about_right{ padding:20px 20px 0;}
.about_right h3{ font-size:18px;  margin-bottom:10px;}
.about_right p{ font-size:15px; line-height:26px; }
}
@media (max-width:900px) {
.about_left{ height:440px;}
.about_right{ padding:15px 15px 0;}
}
.timeline{ background:url(../images/timeline.png) no-repeat center 142px;}
@media (max-width:1100px) {
.timeline{ background:url(../images/timeline.png) no-repeat center 137px;}
.cd-horizontal-timeline {margin:0em auto;}
.cd-horizontal-timeline .events-content h2{ font-size:20px;}
.cd-horizontal-timeline .events-content li{ padding:20px 15px;}


}
@media (max-width:768px) {
.about_left{ width:100%; float:none;  height:160px; background-size:cover;}
.about_right{ width:100%; float:none; padding:20px 15px;}
.about{margin-bottom:30px;}
.timeline{ background:url(../images/timeline.png) no-repeat center 106px;}
.cd-horizontal-timeline .events-content{ margin-top:0px;}
.cd-horizontal-timeline .events-content li div{ padding:0px;}
.timeline{ background:none;}
}
/*集团简介*/
.words p{ font-size:16px; color:#666; line-height:28px; text-align:center;}
.words { margin-bottom:40px;}
.wild{ background:url(../images/jian.jpg) no-repeat center center; margin-bottom:40px;}
.map_left{ height:940px; position:relative;}
.map_left a{ display:block; position:absolute; width:460px; height:120px;border-radius:60px; overflow:hidden; margin-bottom:10px;  box-sizing:border-box; padding:5px 5px 5px 60px;}
.map_left a .pull-right{ width:110px; height:110px; border-radius:50%; overflow:hidden; border:4px solid #fff;}
.map_left a .pull-lefts{ float:right; width:240px; margin-right:10px;}
.map_left a .pull-lefts h4{font-size:20px; color:#fff; line-height:28px; margin-top:25px; font-weight:bold; width:100%; height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.map_left a .pull-lefts p{font-size:16px; color:#fff; line-height:20px; width:100%; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.map_left a:nth-child(1){ right:102px; top:72px;}
.map_left a:nth-child(2){ right:305px; top:270px;}
.map_left a:nth-child(3){ right:315px; top:476px;}
.map_left a:nth-child(4){ right:222px; top:674px;}
.map_left a:nth-child(5){ right:-63px; top:785px;}
.map_left a:hover{ background-color:#00c0ff;} 

.map_right{ height:940px; position:relative;}
.map_right a{ display:block; position:absolute; width:460px; height:120px;border-radius:60px; overflow:hidden; margin-bottom:10px;  box-sizing:border-box; padding:5px 60px 5px 5px;}
.map_right a .pull-left{ width:110px; height:110px; border-radius:50%; overflow:hidden; border:4px solid #fff;}
.map_right a .pull-rights{ float:left; width:240px; margin-left:10px;}
.map_right a .pull-rights h4{font-size:20px; color:#fff; line-height:28px; margin-top:25px; font-weight:bold; width:100%; height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.map_right a .pull-rights p{font-size:16px; color:#fff; line-height:20px; width:100%; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.map_right a:nth-child(1){ left:102px; top:72px;}
.map_right a:nth-child(2){ left:305px; top:270px;}
.map_right a:nth-child(3){ left:315px; top:476px;}
.map_right a:nth-child(4){ left:222px; top:674px;}
.map_right a:hover{ background-color:#00c0ff;} 
@media (max-width:1400px) {
.wild{ background:url(../images/jian.jpg) no-repeat center center; background-size: cover;}
.map_left a{ width:380px; height:100px;border-radius:50px;  box-sizing:border-box; padding:5px 5px 5px 40px;}
.map_right a{ width:380px; height:100px;border-radius:50px;  box-sizing:border-box; padding:5px 40px 5px 5px;}
.map_left a .pull-right{ width:90px; height:90px; border-radius:50%; overflow:hidden; border:4px solid #fff;}
.map_left a .pull-lefts{ width:190px; margin-right:10px;}
.map_right a .pull-left{ width:90px; height:90px; border-radius:50%; overflow:hidden; border:4px solid #fff;}
.map_right a .pull-rights{ width:190px; margin-right:10px;}
.map_left a .pull-lefts h4 , .map_right a .pull-rights h4{ margin-top:10px;}
.map_right , .map_left{ height:620px;}
.map_left a:nth-child(1){ right:30px; top:10px;}
.map_left a:nth-child(2){ right:183px; top:128px;}
.map_left a:nth-child(3){ right:207px; top:267px;}
.map_left a:nth-child(4){ right:170px; top:400px;}
.map_left a:nth-child(5){ right:-63px; top:510px;}
.map_right a:nth-child(1){ left:30px; top:10px;}
.map_right a:nth-child(2){ left:183px; top:128px;}
.map_right a:nth-child(3){ left:207px; top:267px;}
.map_right a:nth-child(4){ left:170px; top:400px;}
}
@media (max-width:1024px) {
.wild{ background:url(../images/ab1.jpg) no-repeat center center; background-size:cover;}
.map_right , .map_left{ position:static; height:auto; padding-top:20px;}
.map_left a{position:static; width:100%; height:auto; border-radius:0px; margin-bottom:20px;  padding:15px; background-color:#00c0ff; float:none;}
.map_left a .pull-right{ width:100px; height:100px; border-radius:50%; overflow:hidden; border:4px solid #fff;}
.map_left a .pull-lefts{ float:right; width:60%; }
.map_right a{position:static; width:100%; height:auto; border-radius:0px; margin-bottom:20px;  padding:15px; background-color:#00c0ff; float:none;}
.map_right a .pull-left{ width:100px; height:100px; border-radius:50%; overflow:hidden; border:4px solid #fff;}
.map_right a .pull-rights{ float:left; width:60%; margin-left:10px;}
.map_left a:nth-child(5){ margin-bottom:0px;}
}
/*业务中心*/
.forum{ position:absolute; left:0 ;bottom:0; box-sizing:border-box; padding:20px 0; width:100%; background-color:rgb(0,0,0,0.33);}
.forums{ max-width:1420px; display:flex;}
.forums ul{ width:100%; display:flex;}
.forums ul li{ flex:1; box-sizing:border-box; padding:0 10px; border-right:1px dotted rgba(255,255,255,0.4);}
.forums ul li:last-child{border-right:none;}
.forums ul li h3{ font-size:18px; color:#fff; font-weight:bold; padding-left:20px; background:url(../images/sanright.png) no-repeat 0 center;}
.forums ul li table{  margin-left:20px;}
.forums ul li table tr td a{ display:block;font-size:14px; color:#fff; line-height:30px; margin:0 2px 0 0;}
.forums ul li table tr td a:hover{ color:#00c0ff;}
.segments{ font-size:40px; color:#333; font-weight:normal; text-align:center; margin:60px 0 0;}
.segmentd{ font-size:16px; color:#333;  text-align:center; margin:10px 0 40px;}


.corganize .tab_menu{ width:50%; margin-left:25%; }
.corganize .tab_menu:after{ content:''; clear:both; display:block;width:0;height:0; visibility:hidden;}
.corganize .tab_menu li{width:33.33%; float:left; height:62px; color:#333; background-color:transparent; text-align:center; cursor:pointer; padding-bottom:30px;}
.corganize .tab_menu li:after{ content:''; clear:both; display:block;width:0;height:0; visibility:hidden;}
.corganize .tab_menu li a{ display:block; text-align:center; color:#333; text-decoration:none; font-size:22px;line-height:42px; font-weight:bold; margin:0 auto;}
.corganize .tab_menu li a span{ font-size:24px;line-height:42px; margin-right:10px;}
.corganize .tab_menu li.current a{ color:#00c0ff;}
.corganize .tab_menu li a:hover{ color:#00c0ff;}
.corganize .tab_box{ background-color:#f3f3f3; margin-top:15px; margin-bottom:60px;}
.trade{font-size:30px; color:#333; font-weight:bold; margin-top:70px; margin-bottom:20px;}
.mao p{font-size:16px; color:#333; line-height:40px; margin:0;}
.showlink{ display:block;  font-size:16px; color:#333; margin:35px 0 60px; width:192px; height:42px; border:1px solid #666; text-align:center; 
line-height:42px; transition:all 0.3s;}
.showlink:hover{ background-color:#00c0ff; border-color:#00c0ff; color:#fff;}
.tradeimg{ padding:20px 0;}
.tradeimg img{ width:90%; float:right;}
@media (max-width:1200px) {
.forums ul li table{  margin-left:0px;}
.forums ul li table tr td a{ font-size:14px;margin:0 4px 0 0; line-height:24px; }
}


@media (max-width:768px) {
.forum{ position:relative; width:100%; background-color:rgba(0,0,0,0.6); padding:0;}
.forums ul{ width:100%; display: block;}
.forums ul li{ width:100%;  border-bottom:1px dotted rgba(255,255,255,0.4); border-right:none;}
.forums ul li table{ width:100%; margin-bottom:10px;}
.corganize .tab_menu{ width:100%; margin-left:0%; }
.segments{ font-size:24px; margin:30px 0 0; font-weight:bold;}
.segmentd{ font-size:14px; margin:10px 0 30px;}
.corganize .tab_menu li a{ font-size:16px;}
.corganize .tab_box{ margin-top:0px; margin-bottom:40px;}
.trade{font-size:26px; margin-top:40px; margin-bottom:10px;}
.showlink{ margin:20px 0;} 
.tradeimg img{ width:96%; float:none; margin:0 2%;}
.forums ul li table tr td{ width:100px !important;}
}
.servicedd{ background:url(../images/third.jpg) repeat-y center 0; padding-bottom:80px;}
.ban{ max-width:1400px; margin:0 auto;}
.business li .divpart{ box-sizing:border-box; background:url(../images/thids.jpg) no-repeat center 0; padding:60px 70px; position:relative;}
.business li span{font-size:50px; color:#fff; display:block; text-align:center;}
.business li h3{font-size:26px; color:#fff; text-align:center; font-weight:bold; margin-top:28px;}
.business li p{font-size:16px; color:#666; text-align:center; line-height:30px; margin:150px 0 90px; height:90px; overflow:hidden;}
.business li a{ position:absolute; transition:0.6s; display:block; width:167px; height:42px; text-align:center; line-height:42px; border:1px solid #cccccc; color:#666; left:50%; bottom:60px; margin-left:-84px;}
.business li:hover a{ background:url(../images/yan.png);  border:none; color:#fff;}
.strategic{ max-width:1300px; margin:0 auto; padding-bottom:20px;}
.strate_left img{ display:block; max-width:100%; border:1px solid #ccc;}
.strate_left h3{font-size:18px; color:#333; line-height:30px; font-weight:bold; }
.strate_left p{font-size:16px; color:#666; line-height:26px; height:48px; overflow:hidden;}
.strate_left a{ margin:35px 0; display:block; width:150px; height:44px; line-height:44px; text-align:center; border:1px solid #333333; text-transform:uppercase; font-size:14px; color:#333;}
.strate_right li a{ display:block; background-color:#f3f3f3; padding:18px 35px; border-bottom:1px solid #fff;}
.strate_right li a h4{ font-size:18px; color:#333; line-height:30px; font-weight:bold; height:30px; overflow:hidden;}
.strate_right li a p{ font-size:16px; color:#666; line-height:28px; height:58px; overflow:hidden;}
.strategics{ padding-bottom:30px; }
.strate_left a:hover{ border:1px solid #2089ff; color:#fff; background-color:#2089ff;}
.strate_right li a:hover{ background-color:#075fac;}
.strate_right li a:hover h4,.strate_right li a:hover p{ color:#fff;}
.channel{ background:url(../images/2_02.jpg) repeat-y center 0; padding-bottom:20px;}
.channals{font-size:16px; color:#fff; line-height:30px; width:100%; max-width:1200px; margin:0 auto 60px; text-align:center;}
.ping{ width:100%; max-width:1300px; margin:0 auto 80px;}
.ping ul li{ width:50%; box-sizing:border-box; padding:0 15px; float:left; position:relative;}
.ping ul li p{ position:absolute; bottom:30px; transition:all 0.3s; font-size:18px; color:#fff; left:50%; margin-left:-38px; background:url(../images/wite.png) no-repeat center bottom; padding-bottom:10px; line-height:30px;}
.ping ul li img{ width:100%;}
.ping ul li:hover p{ bottom:40px;}
a{ cursor:pointer !important;}

@media (max-width:1200px) {
.business li .divpart{ padding:60px 40px; }
}

@media (max-width:768px) {
.business li .divpart{ margin-bottom:30px;}
.business li .divpart{ padding:50px 30px; }
.business li p{ margin:100px 0 90px; height:90px; overflow:hidden;}
.service{ padding-bottom:10px;}
.ping ul li{ width:100%;  float:none; padding:0; margin-bottom:20px;}
.channals{margin:0 auto 30px;}
.ping{margin:0 auto 20px;}
.brand{ margin-bottom:20px;}
#canv{ width:0px; height:0px;}
}



/* ---- stats.js ---- */


canvas{
  display:block;
  vertical-align:bottom;
}

.count-particles{
  /*background: #000022;*/
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */
@media (min-width:768px) {
#particles-js{
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
}

#dot-js{
	position:absolute;
	top:0; left:0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}