@charset "utf-8";
/* CSS Document */
body{
	font-size: 15px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	/* [disabled]color:#333; */
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;}
a{color:#000;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none;}
a{blr:expression(this.onFocus=this.blur())}
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block;font-style:normal;}
input, textarea, select, button {font:12px "微软雅黑";;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.riqi{ float:right; display:block; font-size:18px;}
a{ color:#333; text-decoration:none;}

header{ background:#fff; height:100px; border-top: 1px solid #eee;}
.header{ width:1200px; margin:0 auto; height:100px; }
.logo{ float:left; width:250px; line-height: 100px; color:#134899;center; }
.menu{ float:right; width:778px;}
.menu li{ float:left; width:auto; line-height:100px; padding:0 36px; font-size:18px;  border-left:1px solid #F1F1F1;}
.hover{ background:#fcfcfc;}
.menu li a{ color:#000;}
.red{ color:#FF3300}
.menu li a.active{ color: #bf8b3f; }



.top{width:1180px; margin:0 auto; background:#fff; line-height:40px; padding:0 10px;}
.tia_l{ float:left;}
.top_r{ float:right; display:block;}
.top_r img{ vertical-align:middle; line-height:40px; padding:0 5px 0 0;}
.top a{ padding:0 5px; font-size:14px;}
.contenter{ width:1200px; margin:0 auto; background:#fff;}
h1{ line-height:80px; background:#fff url(images/img1.png) no-repeat left center; font-size:30px; color:#bf8b3f; font-weight:bold; padding:0 100px; margin:35px 0 0;text-align: center;}
.banner{height: 600px;background:url(images/banner02.jpg) no-repeat center;}
.product_intro{ width:1200px; float:left; padding: 40px 0;}
.product_intro p,.product li p{ font-size:16px; line-height:30px; text-indent:2em; color:#333;}
.product{ width:1000px; float:left;}
.product ul{ float:left; margin:0 -80px 0 0;}
.product li{ float:left; width:460px; margin:0 80px 50px 0;}

.productW dl{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.productW dt{width: 460px;}
.productW dd{line-height: 30px;width: 688px;}
h2{ font-size:20px; font-weight:bold; color:#bf8b3f; padding:15px 0; font-weight: normal;}
/* h2::before{content: "★ ";} */
.jin{width: 1200px; margin: 0 auto;}
.jin p{float: left;width: 227px;line-height: 48px;border: 1px dashed #a5a5a5;color: #333;margin: 8px 5px;text-align: center;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.join{ text-align:center; padding:50px 0 0;}
.about_time{width: 1200px; margin: 0 auto;}

.about{ background:#bf8b3f; padding:40px 60px; margin:50px 0 0;}
.about dt{ width:250px; float:left; text-align:center;}
.about dd{ width:780px; float:right; font-size:20px; color:#fff; line-height:40px; text-indent:2em;}
.contact{ background:#bf8b3f; line-height:100px; font-size:48px; color:#fff; text-align:center; padding-bottom: 30px;  font-size: 30px;    line-height: 47px;}

footer,.foot {text-align:center;line-height:1.8;background-color:#fff; font-size:14px; width:1200px; margin:0 auto;}
.foot {padding:8px 0 20px 0;}
.foot_nav {line-height:2.0}
.foot_nav a {padding:0 5px;}

.btn{ width:100%; float:left; display:block; margin:20px 0 0;}
.btn1,.btn2{ padding:5px 20px; margin:0 5px;  text-align:center; font-size:18px; border:1px solid #FF3300;}
.btn1{ background:#FF3300; color:#fff; }
.btn2{ color:#FF3300;}

/*大事记start*/
.about_txt{ line-height:40px; text-align:center; font-size:24px; margin:50px 0 0;}
.event_box{width:1000px;margin:50px auto 0;position:relative;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-18px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:30px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:-20px;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(images/cat.png) no-repeat;position:absolute;top:-12px;left:38px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	

.product{width: 1200px; margin: 0 auto;}
.product_message{width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;padding:40px 0;}
.product_message .img{padding-top: 30px;}
.product_message .img img{border: 1px solid #ccc;}
.product_right{width: 474px;}
td,table{border-collapse: collapse; border: 1px solid #ccc;}
td{padding: 10px 40px; font-size: 15px;} 
.ta1 td{padding: 10px 10px;}
.product li{width: 560px;}
.about_box {background-color:#bf8b3f;}.about_box .about {width: 1200px;margin: 0 auto;}.menu li a.active{color: #e00579;}


.pro_list{width: 1200px;margin: 40px auto;display: flex;flex-wrap: wrap;justify-content: space-between;}.pro_list li{width: 320px;text-align: center;}.pro_list li img{padding: 3px;border: 1px solid #ccc;}.pro_text p{line-height: 30px; color: #444; }.pro_list li h2{font-size: 18px; color: #333; font-weight: normal;}
h1{color:#fa1da0;}
h2{color: #ac39a1;}
.product_right{padding-top: 30px;}
.about dd{width: 870px;}
.about dt img{padding: 3px; border: 1px solid #ccc; background: #fff;}
.mobile_box{display: none;}
.main_mobile {display: none;}


@media screen and (max-width: 750px){
	.main_mobile{display: block;}
	.header_m{ background:#0091f1; height:0.8rem;  position:relative; width:100%;}
	.ss,.dl{ width:0.42rem; height:0.42rem; padding:0.19rem 0.19rem 0.19rem 0.1rem; position:absolute; top:0;}
	.ss img,.dl img{ width:100%;}
	.ss{ left:0;}
	.dl{ right:0;}
	.bz{ width:100%; text-align:center; padding:0.1rem 0; line-height:0.6rem; font-size:0.36rem; color:#fff;}
	.bz img{ height:0.6rem; width:2.88rem;}
	
	.footer_m{ background:#f9f9f9; border-top:1px solid #ccc; padding:0.3rem 0; text-align:center;line-height: 0.46rem;font-size: 0.26rem;margin:0.3rem 0 0 0; color:#666;}
	.online{ position:fixed; top:50%; margin:-0.5rem 0 0 0; right:0.05rem; width:1.2rem; height:1rem; background:#f60023 url(../images/module-bg-0.png) no-repeat center center; background-size:0.8rem; z-index:9999; border-radius:0.1rem;}
	.close{ width:0.25rem; height:0.25rem; line-height:0.25rem; background:#eee; border-radius:100%; text-align:center; margin:-0.08rem 0 0 -0.08rem; font-family:Arial; font-size:0.16rem; color:#666; cursor:pointer; }
	.newest li{ line-height:0.7rem; border-bottom:1px solid #eee; font-size:0.24rem; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 .2rem; list-style:inside;}
	.newest li a{ color:#333;}
	.newest li:nth-of-type(even){ background:#f9f9f9;}
	
	
	.pc_box{display: none;}
	.mobile_box{display: block;}
	body,html{width: 100%;}
	.main_mobile{width: 100%;}
	.m_product_syks ,.m_product_case ,.m_product_syyy ,.m_product_about ,.m_product_zysx ,.m_product_syks ,.m_product_czlc ,.m_product_ys ,.m_product_td ,.m_product_ggcs ,.m_product{
		padding: 0 0 .5rem 0;
	}
	h1.m_title{
	    font-size: 0.37rem;
	    border-top: 5px solid #ececec;
	    line-height: .78rem;
	    padding: 0 0 0 0.15rem;
	    padding-left: 0.2rem;
	    text-align: left;
	    background: #bf552d;
		background: linear-gradient(180deg , #bf552d , #ce6f24);
	    color: #fff;
	    font-weight: normal;
		text-align: center;
	}
	.main_mobile h2{
		font-size: 0.3rem;
		line-height: 0.56rem;
		color:#bf552d;
		padding-left: 5px;
	}
	.m_list h2{text-align: left;}
	.main_mobile p{
		line-height: 0.46rem;
		font-size: 0.26rem;
		color: #333;
		padding:0.05rem 0.1rem;
	}
	.m_product_td ul{
		width: 100%;
		margin: 0.4rem 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.m_product_td li{
		/* width: 50%; */
		margin: .2rem 0;
		text-align: center;
	}
	.m_product_td li img ,.m_product_ys ul li img{
		width:5rem;
		padding: 3px;
		border: 1px solid #ccc;
		margin: 0 auto;
		display: block;
	}
	
	.m_product_syks p{text-align: center;}
	.m_product_td li p {text-align: left;}
	.m_product_syks h2{text-align: center;}
	.m_product_syks img{
		width: 3.76rem;
		display: block;
		margin: 0.2rem auto;
	}
	.m_product_about{width: 100%;}
	.m_product_about img ,.m_img_pro{
		display: block;
		width: 5rem;
		margin: 0.4rem auto;
		padding: 0.1rem;
		border: 1px solid #ccc;
	}
	
	.m_telBtn{
	    display: block;
	    width: 3rem;
	    padding: 0.12rem 0.3rem;
	    text-align: center;
	    font-size: 0.36rem;
	    color: #fff;
	    margin: 0.5rem auto;
	    background: red;
	    border-radius: 34px;
	}
	.m_product_ys ul{width: 100%; padding-top: .4rem;}
	.m_product_ys ul li{text-align: center; width: 100%;}
	.m_product_ys ul li p{
		margin: 0 auto;
	}
	.m_product_ys ul li img{
		display: block;
		width: 5.2rem;
		margin: 0 auto;
	}
	.m_product_btn {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 20px 0;
	}
	.m_product_btn a{
		display: block;
		width: 34%;
		text-align: center;
		font-size: 0.3rem;
		border-radius: 30px;
		line-height: 0.6rem;
		background: #f30;
		color: #fff;
		margin: .2rem;
	}
	.m_product_btn a:last-of-type{ background: #0061f1; }
	.m_product_zysx h2{font-size: 0.27rem;}
	.m_product_case h2{font-size: 0.22rem;}
	.m_product_img , .m_product_case ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.m_product_img li, .m_product_case ul li{width: 50%; text-align: center;}
	.m_product_case ul li img ,.m_product_img li img{width: 98%; padding: 1%; display: block;}
	.m_messageTel p{font-size: 0.3rem; line-height: .5rem;}
}