@charset "utf-8";


/*head*/
.inspic{width:100%;overflow:hidden;}
.inspic img{width:100%;}

.headbox{ height:150px; width:100%;position: fixed;left:0; top:0;z-index: 9999;
	display: flex;
    align-items: flex-start;
    flex-direction: row;
    padding-left: 0em;
    padding-right: 0em;
    transition: .4s all ease-in-out;
    justify-content: flex-start;

}
.headbox.on-Nav{
	height:100px;
	background: #fff;
	box-shadow: 0 0 15px -1px black;
	transition: .4s all ease-in-out;
	border-bottom: 1px solid #ccc;
}
.headbox .logo{
	margin-left:7.5%;
	width:25%;
	height:100%;
	display: flex;
	align-items:center;
}
.headbox .logo img{
	width:100%;
}
.web-logo{
	display: none;
}



.headbox.on-Nav .white-logo{
	display: none;
}
.headbox.on-Nav .web-logo{
	display: block;
}


.ylnav{
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    height: 100%;
    width: 100%;
}
.ylnav ul{
	height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
}

.ylnav ul li>a{
	height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 0.0em 1em 0.0em;
    align-items: flex-start;
    font-size: 1.2em;
    transition: .25s color ease-in-out;
	letter-spacing:2px;
}
.headbox.on-Nav .ylnav ul li>a{
	color:#0058aa;
}

.headbox .ylnav ul li>a:hover{color:#e9771b;}
.ylnav ul li .sub-menu{
	
	display: flex;
    align-items: flex-start;
    flex-direction: row;
    padding-left: 0em;
    padding-right: 0em;
    transition: .4s all ease-in-out;
    justify-content: flex-start;
    background-color: rgba(0, 113, 182, 0.95);
    flex-direction: row-reverse !important;
    position: absolute;
    top: 138px;
    right: 0;
    left: 0;
    z-index: 9999;
    transform-origin: top;
    transform: rotateX(90deg);
    overflow: hidden;
	width:100%;
	
}

.headbox.on-Nav .ylnav ul li .sub-menu{
	top:100px;
}
.index-search{
	width:240px;
	display: flex;
	align-items:center;
	height:100%;
}
.search-btn{
	width:50px;
	height:18px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	display: flex;
	justify-content:center;
	margin-left:20px;
	cursor: pointer;
}

.headbox.on-Nav .search-btn{
	border-color:#0058aa;
}


.parent{position:relative;}
#menubg{color:#e9771b;}
.menubg{color:#e9771b;}

.headbox .ylnav ul li:hover .sub-menu{
	transition-delay: 300ms;
    transform: rotateX(0deg);
}

.menu-cate{
	padding-top: 2.2em;
    padding-bottom: 2.2em;
    width: 48%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.menu-cate:before{
	background-color: #fff;
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: calc(100% - 5.3em);
    margin: 2.4em 0 2.9em -4em;
}


.menu-cate .cate-item{
	flex-grow: 1;
    width: 50%;
    line-height: 22px;
}

.menu-cate .cate-item>a{
	text-decoration: none;
    display: block;
    position: relative;
    margin-bottom: 1em;
    white-space: nowrap;
    color: #fff;
    text-transform: uppercase;
}

.menu-cate .cate-item>a:before{
	background-color: #0071b6;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 1px;
    width: 100%;
    max-width: 170px;
    transition: .3s background-color ease-out;
}

.menu-cate .cate-item>a:after{
	content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
    border-top: 6px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 0px solid transparent;
    transition: .3s border-left ease-out, .2s margin-left ease-out;
}

.menu-cate .cate-item>a:hover:before{
	background-color: #fff;
}

.menu-cate .cate-item>a:hover:after{
	margin-left: .5em;
    border-top: 6px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #fff;
    transition: .3s margin-left ease-out;
}

.menu-cate-detail{
	padding-top: 2.2em;
    padding-bottom: 2.2em;
    width: 332px;
    color: #fff;
    min-height: 188px;
}
.menu-cate-detail h3{
	font-size:24px;
	color:#fff;
}

.menu-cate-detail p{
	line-height: 2;
    margin: 15px 0;
    color:#fff;
}
.menu-pic{
	width: 300px;
    height: auto;
    margin-top: 2.2em;
}

.menu-pic img{
	width: 275px;
    height: 187px;
}
.mega-menu-spacer{
	width: 1em;
    margin-left: 5.6em;
    display: inline-block;
}

/*head---end---*/


.main{background:#f6f6f6;}


.ingc_title{height:72px;text-align:center;margin:0 auto;background:url(icbg.png) repeat-x center 35px;position:relative}
.ingc_title h3{color:#808080;line-height:24px;}
.ingc_title h1{color:#4083c3;font-size:24px;font-weight:600;line-height:42px;width:256px;background: #ecf0f3;margin:0 auto;}
.more-add{position:absolute;right:10px;padding:3px 15px;top:25px;z-index:3;background:#ecf0f3;color:#666;font-size:13px;}




/*广告轮播图*/
.banner{width:100%;overflow:hidden;background:#f6f6f6; }
.slideBox{ width:100%;overflow:hidden; position:relative;margin:0 auto;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:48%; bottom:28px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:30px;  width:13px; height:13px; line-height:13px; text-align:center; background:#fff;color:#808080; cursor:pointer; border-radius:50%;}
.slideBox .hd ul li.on{ background:#e9771b; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }


/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.caseSlideBox{
	width:100%; position:relative;margin:0 auto;height:500px;
}
.caseSlideBox .hd{ height:7px;width:100%; overflow:hidden; position:absolute; left:0; bottom:-20px; z-index:1; }
.caseSlideBox .hd ul{ overflow:hidden; zoom:1;width:100%;height:7px;display: flex;justify-content:center;  }
.caseSlideBox .hd ul li{  width:35px; height:7px; line-height:7px; text-align:center; background:#cdcdcd;color:#cdcdcd;
	cursor:pointer; border-radius:4px;
}
.caseSlideBox .hd ul li.on{ background:#e9771b;  }
.caseSlideBox .bd li{ width:100%;height:100%; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.caseSlideBox .prev,
.caseSlideBox .next{ position:absolute; left:50%;margin-left:-51px; bottom:-60px; display:block; width:50px; height:50px; background:url(il.png) no-repeat center center;z-index:99; background-color:red;  }
.caseSlideBox .next{ left:auto; right:50%;margin-right:-50px; background: url(ir.png) no-repeat center center; background-color:red;}
.caseSlideBox .prev:hover,
.caseSlideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.caseSlideBox .prevStop{ display:none;  }
.caseSlideBox .nextStop{ display:none;  }




.case-warp{float:left;width:19%;margin-right:1.23%;position: relative;overflow: hidden;}
.case-warp:nth-child(5n){margin-right:0;}
.case-warp:nth-child(n+6){margin-top:20px;}
.case-warp img{width:100%;height:240px;}
.in-case-title{
	position: absolute;
	background:linear-gradient(to top,red,rgba(255,255,255,0));
	left:0;
	z-index: 9;
	width:100%;
	height:144px;
	bottom: -60px;
    transition: 0.5s;

}
.ic-title{
	font-size:16px;
	font-weight: bold;
	color:#fff;
	text-align: center;
	line-height: 2;
	height:30px;
	overflow: hidden;
	line-height: 30px;
}
.ic-subtitle{
	color:#fff;
	text-align: center;
	line-height: 2;
	height:28px;
}
.xian-box{
	display: flex;
	justify-content:center;
	width:100%;
	height:60px;
	margin-top:26px;
}
.xian-red{
	width:2px;
	height:60px;
	background: rgba(255, 127, 57, 1);
}
.case-warp:hover .in-case-title{
	bottom:0;
}


.main_pro{padding:2% 0;width:96%;max-width:1580px;background:#f6f6f6; margin:0 auto;}
.proleft{float:left;width:20%;max-width:261px;}
.mtitle{height:70px;background:url(ctbg.png) no-repeat 13px center;background-color:#0058aa;line-height:70px;font-size:24px;color:#fff;text-indent:62px;font-weight: bold;border-radius: 7px;}


.proright{float:right;width:80%;height:1137px;overflow:hidden;}
.inpt{height:50px;padding:10px 20px 10px 10px;background: #e9771b;color:#fff;line-height: 50px;text-align: right;border-radius: 7px;}
.inpt h1{width:60%;height:50px;float:left;text-align:left;font-size: 24px;color:#fff;line-height: 50px;border-left:5px solid #fff;font-weight: bold;padding-left:10px;}
.inpt img{float:right;margin-top:14px;margin-right:5px;}
.inpt a{line-height: 50px;color:#fff;}
.pdcontent{margin-top:40px;}
.mt20{
	margin-top:20px;
}
.prolist{margin-top:40px;}
.probox{float:left;width:30%;box-sizing:border-box; height:310px;overflow:hidden;margin-left:4.8%;margin-bottom:44px;padding:20px;}
.probox .pro-img-box{width:100%;height:220px;overflow:hidden;background: #fff;}
.probox img{width:100%;height:220px;display:block;}
.probox p{width:100%;height:50px;text-align:center;}
.probox p a{color:#666666;line-height:50px;font-size:16px;}
.probox:hover{-moz-box-shadow: 1px 1px 5px #888888; /* 老的 Firefox */box-shadow: 1px 1px 5px #888888;}

.probox.new-pro{
	height:320px;
}
.probox.new-pro .pro-img-box{
	height:230px;
}
.probox.new-pro .pro-img-box img{
	height:230px;
}

.sad_two{width:1200px;min-width:1200px;height:200px;overflow:hidden;margin:0 auto;}

.case_main{
	width:100%;background:url(incase.jpg) no-repeat top center;height:850px;background-color:#f6f6f6;
	
}
.main_one{
	padding:70px 2% 20px;width:96%;max-width:1580px; margin:0 auto;
	
}
.index-case-cate{
	padding-bottom:30px;
}
.index-case-cate h3{
	
	font-size:40px;
	color:#fff;
	padding-bottom:30px;
	font-weight: bold;
}

.index-case-cate p{
	color:#fff;
	line-height: 2.9;
	font-size:16px;
}

.ad-warp{width:96%;max-width:1580px;padding:0 2% 40px;line-height:0;text-align:center;background:#f6f6f6;margin:0 auto;}
.ad-warp img{
	width:100%;
}
.main_two{width:96%;max-width:1580px;padding:0 2% 60px;  margin:0 auto;background:#f6f6f6;}
.news-warp{
	background:#ffffff;
	padding:28px 32px;

}

/*
.slideTxtBox{ width:100%;  text-align:left;  }
.slideTxtBox .hd{ height:120px;  border-bottom:1px solid #f3f3f3; display: flex;justify-content:space-between;}
.slideTxtBox .hd ul{ width:100%; display: flex;justify-content:flex-end;  }
.slideTxtBox .hd ul li{ width:150px;height:47px;background: #f6f6f6;color:#333;font-size:18px;text-align: center;line-height: 47px;cursor: pointer;}
.slideTxtBox .hd ul li.on{color:#fff;background: #e9771b;  }
.slideTxtBox .bd ul{ zoom:1;  }
*/
.slideTxtBox{ min-width:600px; width:width:52%; text-align:left;  }

.slideTxtBox .hd{ height:30px;   position:relative;border-bottom:1px solid #d9d9d9; }

.slideTxtBox .hd img{float:right;margin-top:3px;}

.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:0px; height:31px;   }

.slideTxtBox .hd ul li{ float:left; cursor:pointer; margin-right:20px; }

.slideTxtBox .hd ul li h1{ font-size:17px;font-weight:500; color:#333;height:28px;}

.slideTxtBox .hd ul li.on{  }

.slideTxtBox .hd ul li.on h1{border-bottom:3px solid #e9771b;}



.slideTxtBox .bd ul{ padding:1px;  zoom:1;  }



.inew-title{
	font-size:36px;
	color:#333;
	letter-spacing: 2px;
	width:500px;
	font-weight: bold;
}

/*
.innone{width:100%;border-bottom:1px solid #f3f3f3;}
.innone img{width:345px;height:245px;display:block;}
.innone h1{height:44px;line-height:30px;}
.innone h1 a{color:#666666;font-size: 20px;}
.innone p{color:#333;line-height:18px;text-align: right;padding-top:10px;}
.innone div{line-height: 28px;color:#666666;font-size:16px;}
.innone h1 a:hover{color:#f5c39b;text-decoration:underline;}
.inntwo{height:60px;width:calc(100% - 66px);background: url(jt.png) no-repeat left center ;padding-left:66px;}
.inntwo .it-li{height:60px;line-height:60px;border-bottom:1px solid #f3f3f3;display: flex;justify-content:space-between;}
.inntwo .it-li span{color:#b3b3b3;line-height:60px;font-size:16px;}
.inntwo .it-li a{margin-left:10px;line-height:60px;color:#707070;font-size:16px;}
.inntwo .it-li a:hover{color:#f5c39b;text-decoration:underline;}
*/
.inleft{float:left;width:51%; min-width:600px;background:#fff;padding:15px;height:426px;}

.innone{width:100%;border:1px solid #eeeeee;padding:20px 0;margin-bottom:20px;}

.innone img{width:170px;height:110px;display:block;}

.innone h1 a{line-height:26px;color:#666666;font-size: 18px;}

.innone p{color:#b3b3b3;line-height:18px;}

.innone div{height:66px;line-height: 22px;color:#666666;}

.innone h1 a:hover{color:#f5c39b;text-decoration:underline;}

.inntwo{height:32px;width:100%;}

.inntwo h1{height:32px;line-height:32px;}

.inntwo h1 span{color:#919191;line-height:32px}

.inntwo h1 a{margin-left:10px;line-height:32px;color:#666666;}

.inntwo h1 a:hover{color:#f5c39b;text-decoration:underline;}


.inright{float:right;min-width:500px;width:41%;padding:15px;background: #fff;}

.wt_title{border-bottom:1px solid #d9d9d9;height:30px; }

.wt_title h1{float:left; font-size:17px;font-weight:500; color:#333;height:28px;}

.wt_title img{float:right;margin-top:3px;}

.wtbox ul li{border-bottom:1px dashed #e2e2e2;padding:13px;}

.wtbox ul li h1{height:26px;background:url(wen.png) no-repeat left center;padding-left:30px;}

.wtbox ul li h1 a{line-height:26px;font-size:14px;color:#333333;}

.wtbox ul li div{background:url(da.png) no-repeat left top;padding-left:30px;line-height:26px;color:#b3b3b3;font-size:14px;}







.link-box{
	background:#f5f7f9;
}
.link{width:96%;min-height:70px;max-width: 1580px;padding:60px 2%;display: flex;justify-content: space-between; margin:0 auto;}

.link h1{height:40px;color:#595959;font-size:18px;}

.link a{color:#939496;width:198px;padding-right:20px;float:left;line-height:34px;display:inline-block;overflow: hidden;}
.l-tj{
	width:436px;
}

.l-tj2{
	width:872px;
}






/*foot*/
.footer-box{
	background:#0071b6;
	height:64px;
}
.footer{height:64px;width:96%;max-width: 1580px;display: flex;
	justify-content:space-between;color:#fff;line-height: 64px;padding:0 2%; margin: 0 auto;
}
.footer p,.footer span,.footer a{
	color:#fff !important;line-height: 64px !important;
}

.fnav{height:40px;text-align: center;line-height: 40px;color:#956695;}
.fnav a{margin:0 17px;line-height: 40px;color:#956695;}
.fnote{color:#808080;font-size:14px;line-height:28px;text-align:center;margin-top:20px;}
.fnote p{color:#808080;font-size:14px;line-height:1px;text-align:center;}

.foot-nav{
	height:60px;
	width:96%;
	max-width:1580px;
	text-align:center;
	line-height:60px;
	margin:0 auto;
}
.foot-nav a{
	color:#666;
	margin-right:12px;
}

.gotop{position:fixed;right:0px;bottom:350px;width:44px;background:url(qqtel.png) no-repeat left bottom;display:none;}
.gtbtn{cursor:pointer;}
.gotop a{display:block;width:44px;height:43px;margin-top:2px;}

/* 内页 */
.dbanner{width:100%;overflow:hidden;line-height:0;}
.dbanner img{width:100%;}
.single-alld{
	width:96%;
	max-width:1580px;
	margin:40px auto 60px;
	
}
.homepage{padding-left:2%;width:98%;height:40px;border-bottom:1px solid #d9d9d9;margin-top:15px;background:#eeeeee;}
.content{width:1200px;margin:0 auto;min-width:1200px;}
.msgcontent{line-height:30px;min-height:450px;color:#666;background: #fff;font-size:14px;}
.msgcontent p{line-height:30px;font-size:14px;}
.msgcontent img{max-width:100%;}

.alld{
	width:96%;
	max-width:1580px;
	margin:40px auto 60px;
}
.page-lead{
	width: 96%;
	background: #e9771b;
	padding:0 2%;
}
.page-lead-content{
	width:96%;
	padding:15px 2%;	
	color:#fff;
}

.page-lead-content a{
	font-size:16px;
	color:#fff;
}
@media screen and (max-width: 768px){
	.page-lead-content{
		padding:10px 2%;
	}
	.page-lead-content a{
		font-size:13px;
	}
	.msgcontent,.msgcontent p{
		line-height:24px;
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 769px){
	.page-lead-content{
		text-align:right;
	}
}






.subcate{display:block;padding-bottom:7px;}
.subcate p{text-align:center;height:47px;width:100%;border-bottom:1px dashed #cccccc;}
.subcate p a{line-height:47px;font-weight:500;font-size:16px;color:#666666;}
.subcate p a:hover{color:#e9771b;text-decoration:underline;}
#subhov{color:#e9771b;text-decoration:underline;}

.left{float:left;width:20%;max-width:220px}
.pro-left{max-width:260px;}
.right{width:80%;float:right; }
.pro-right{width:80% !important;}
.cate{margin-top:40px;background: #fff;}
.cate li{width:100%;}
.cate li>a{display:block;width:100%;height:47px;line-height:47px;color:#fff;font-size:18px;text-align:center;font-weight:500;border-bottom:1px solid #fff;transition:none;}
.cate li:hover>a{background:#0058aa;}
.och li>a{background: #e9771b;}
.pch li>a{background:url(cateico.png) no-repeat 90% center;background-color:#e9771b;}

#phov{background:#0058aa;}
#ohov{background:#0058aa;}
#std>a{background:#0058aa;}
#std div{display:block;}


.left_tel{width:100%;font-size:24px;margin-top:40px;border-radius: 5px;}
.left_tel h1{color:#fff;height:50px;font-size:20px;text-align:center;line-height:50px;background: #0058aa;}
.left_tel div{padding:15px;color: #666666;line-height:28px;background:#fff;}
.left_tel p{color:#666666;font-size:14px;line-height:28px;}

.left_newpro{margin-top:30px;}
.left_newpro h1{height:50px;width:100%;background:#eb4337;line-height:50px;text-align:center;color:#fff;font-size:18px;}
.npro{width:164px;padding:0 20px;background:#fff;padding-bottom:20px;}
.npro li{padding-top:20px;}
.npro li img{width:164px; height:140px;display:block;}
.npro li p{padding-top:10px;height:16px;text-align:center;}
.npro li p a{color:#808080;font-size:13px;}

.dltitle{height:36px;margin-top:30px;color:#fff;font-size:17px;line-height:36px;text-align:center;background:url(dtbg.png) no-repeat left top;}
.lc{background:#e6e6e6;padding:10px 7px 15px;}
.lc p{line-height:24px;color:#808080;font-size:12px;}
.lc span{color:#000;line-height:24px;font-size:12px;}





.ctel{padding-left:70px;background:url(ctel.png) no-repeat left top;}
.cwz{padding-left:70px;background:url(cwz.png) no-repeat left top;}
.ctel p,.cwz p{line-height:28px;color:#333;font-weight:500;font-size:16px;}
.ctel span,.cwz span{color:#333;line-height:30px;font-size:20px;}



.msgtitle{width:100%;padding:10px 0;}
.msgtitle h1{color:#333;font-size:18px;text-align:center;font-weight:bold;line-height:38px;}
.msgtitle p{text-align:center;color:#808080;font-size:13px;}
.listcontent{min-height:500px;margin-top:20px;background: #fff;}
.listcontent img{max-width:860px;}
.pn{color:#252525;line-height:30px;margin-top:20px;}
.pn a{color:#434343;}
.pn a:hover{color:#e77918;}

/*news*/
.p20{padding:20px 0;}
.psx20{padding:20px 0;}
.newslist{}
.newslist img{display:block;}
.newslist h1{
	padding:17px 0;
}
.newslist h1 a{line-height:26px;color:#666666;font-size: 18px;}
.newslist p{color:#b3b3b3;line-height:18px;margin-bottom:10px;}
.newslist div{color:#666666;overflow: hidden;}
.p20 div{line-height: 28px;height:84px;font-size:15px;}
.new-detail{line-height: 28px;height:84px;}
.newslist h1 a:hover{color:#f5c39b;text-decoration:underline;}

.case-img-box{
	width:313px;
	height:200px;
	overflow: hidden;

}
.detail-title{
	color:#e9771b;font-size:20px;line-height:40px;text-align:center;font-weight:500;padding-top:40px;
}
.ditu-left{
	width:45%;
}
.ditu-right{
	width:45%;
}

.ss-box-mask{
	width:100vw;
	height:100vh;
	position: fixed;
	background: rgba(0,0,0,.7);
	left:0;
	top:0;
	z-index: 99999999;
	transition: all .5s ease;
	display: none;
}

.ss-box{
	position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, 0);
    width: 80%;
    height: 180px;
    border: 3px solid rgb(170, 170, 170);
    background-color: rgb(255, 255, 255);
    cursor: auto;
}

.ss-title{
	padding: 25px 25px 10px;
    font-size: 18px;
    font-weight: 500;
}
.ss-kuang{
	width: 100%;
    padding: 0 25px;
    overflow: hidden;
}

.InputText{
	border: 1px solid #ececec;
    padding: 15px;
    background: #f2f2f2;
    width: 94%;
    text-indent: 6px;
    box-sizing: border-box;
    outline: 0px;
    border-radius: 0px;
    margin-bottom: 10px;
}
.ss-submit{
	margin-top: 10px;
    padding: 0 70px 0 25px;
    text-align: right;
}

.ss-btn{
	 min-width: 64px;
    height: 36px;
    padding: 0 16px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 2px;
    background: transparent;
    border: 0px;
    font-size: 0.875rem;
    color: #000;
}

.ss-close{

    display: inline-block;
    min-width: 64px;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 2px;
    background: transparent;
    border: 0px;
    font-size: 0.875rem;
    color: #000;
    cursor: pointer;
}


.contact-box{
	min-height:170px;
	padding-bottom:30px;
}

.dcmore{margin-top:20px;width:120px;height:28px;text-align: center;line-height: 28px;border:1px solid #e9771b;color:#e9771b;border-radius: 5px;display: block;}

.dcmore.inmore{
	border-color:#fff;
	color:#fff;
}
/*honor and huoban*/
.xybox{float:left;margin:15px 50px;}
.xybox img{width:280px;height:202px;display:block;}
.xybox p{text-align:center;padding-top:15px;}
.xybox p a{color:#808080;}
.xybox:hover p a{color:#eb4337;}
.xybox:hover img{border-color:#eb4337;}



.prot table{border:1px solid #ccc;width:100%;}
.prot table tr{border:1px solid #ccc;line-height:40px;}
.prot table th{border:1px solid #ccc;width:25%;text-align:center;font-size:18px;font-weight:bold;}
.prot table td{border:1px solid #ccc;text-align:center;}


.pnote table{width:100%;}
.pdpic{text-align:center;width:400px;height:278px;border:1px solid #e6e6e6;background: #fff;}
.pdpic img{max-width:400px;height:278px;}
.pnote p{font-size:18px;color:#333;line-height:48px;}
.promsg{height:190px;overflow:hidden;}
.promsg,.promsg p{color:#404040;line-height:26px;}
.pdtitle {width:100%;height:36px;color:#e9771b;line-height:30px;font-size:20px;font-weight:500;}
.pdtitle span{color:#e77918;}
.zxqq{padding:15px 60px;background:#e9771b;color:#fff;font-size:15px;border-radius: 5px;margin-top:10px;}

.mysbox{ width:100%;margin-top:60px;  }
.mysbox .hd{ height:40px; line-height:34px;   border-bottom:1px solid #cccccc;  position:relative; }
.mysbox .hd ul{ float:left;  position:absolute; left:0px; top:0px; height:34px;   }
.mysbox .hd ul li{ float:left; cursor:pointer; width:144px;height:40px;text-align: center;line-height: 40px;color:#333; }
.mysbox .hd ul li.on{ background:#e9771b;color:#fff; }
.mysbox .bd ul{ padding:15px;  zoom:1; color:#404040; line-height:28px;}
.mysbox .bd ul p{ color:#404040; line-height:28px;}
.mysbox .bd ul img{max-width: 100%;}


.xgnews{background: #fff;padding:20px;}


/*contact*/
.concontent{padding-top:20px;}
.concontent h6{margin-left:38px;background:url(d/conbg.png) no-repeat left top;padding-left:40px;}
.concontent h6 table tr td{color:#333333;font-size:16px;}
.cpad{padding:15px 20px;}
.lxnote{min-height:150px;}
.lxnote h1{color:#333;font-size:18px;font-weight:bold;margin-bottom:20px;text-align:center;}
.lxnote p{color:#808080;line-height:38px;letter-spacing:1px;}
.ditu{margin-top:30px;}

.join-pic{margin:0 auto; padding-top:40px;}
.join-pic img{width:100%;}
.joinus-list{width:100%;}
.join-list-box{}
.join-list-left{width:55%;float:left;}
.join-list-right{width:45%;float:right;padding-top:17px;}
.join-list-right p,.join-list-right span{line-height:34px;}
.joinus-list{width:100%;text-align:center;}
.joinus-list li{line-height:70px;height:70px;}
.joinus-list li>a{ color:#333;font-size:18px;display:inline-block;height:70px;overflow:hidden; border-bottom:1px dashed #d2d2d2;line-height:70px; }

.joinus-list li:hover a{text-decoration: underline;}

/* 公共分页样式*/
.page{ height:25px; text-align:center; padding:20px 0;}
.page span{ margin:2px; border:1px solid #CCC; padding:5px 10px;}
.page a{ margin:2px;}
.hover{ color:#F00}

.flex-col{ display:flex; flex-direction:column; justify-content:center; align-items:center; }
.wyz{ position:fixed; right:2px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); padding:50px 0; height:482px; -moz-box-sizing:border-box; box-sizing:border-box; z-index:99; } 
.img-block img{ width:100%; height:100%; object-fit:contain; }
.wyz-form.cur{ width:200px; opacity:1; } 
 .wyz .transition{ -webkit-transition-duration:.8s; -moz-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; }
.wyz .wyz-title{ background-color:rgba(23,44,125,0.95); color:#fff; padding:15px 20px 0; white-space:nowrap; position:relative; }
.wyz .wyz-title .cf-close{ position:absolute; left:166px; top:0; padding:10px; } 
.wyz-item-block{ position:absolute; right:0; width:70px; height:70px; background-color:rgba(23,44,125,0.95); border:1px solid rgba(23,44,125,1); border-right:none; -moz-box-sizing:border-box; box-sizing:border-box; }
.wyz-item-block:nth-child(1){ top:50px; } 
.wyz-item-block:nth-child(2){ top:128px; } 
.wyz-item-block:nth-child(3){ top:206px; }
.wyz-item-block:nth-child(4){ top:284px; } 
.wyz-item-block:nth-child(5){ top:362px; }
.wyz-item{ width:100%; height:100%; } 
.wyz-item-p{ color:#fff; font-size:12px; margin-top:5px; } 
.wyz-item-in{ height:100%; display:none; position:relative; z-index:1; overflow:hidden; }
.wyz-item-in-p{ color:#fff; text-align:center; line-height:68px; height:68px; white-space:nowrap; } 
.wyz-in.cur{ width:200px; background-color:transparent; }
 .wyz-in.cur .wyz-item-in{ width:100%; display:block; } 
 .wyz-in.cur .wyz-item{ display:none; }
 .wyz-in:before{ content:""; background-color:rgba(23,44,125,0.8); position:absolute; height:100%; width:0; -webkit-transition:all .8s ease; -o-transition:all .8s ease; -moz-transition:all .8s ease; transition:all .8s ease; } 
 .wyz-in.cur:before{ width:100%; } 
 .wyz-item-block.wyz-top{ display:none; cursor:pointer; width:46px; height:46px; top:480px; }
 .wyz-item-block.wyz-top .wyz-item-p{ font-size:14px; margin-top:0; }