@charset "utf-8";
/* CSS Document */
body{margin:0px;padding:0px;font-size:14px;font-family:'',Arial;color:#3e3e3e;}

ul,li,dl,dt,dd,h3,p,input{margin:0;padding:0;}
a{text-decoration:none;color:#575757;outline:none;}
li{list-style-type:none;}
img{border:0;}
.clear{clear:both;}
.left{float:left}
.right{float:right}

/*top*/
.top{width:100%;height:128px;background:url(/images/index_03.jpg) repeat;margin:0px auto;}
.top_k{width:977px;height:92px;margin:0px auto;}
.nav{width:100%;height:37px;line-height:37px;}
.nav ul{width:977px; margin:0 auto;}
.nav li{width:115px;height:37px;line-height:37px;text-align:center;float:left}
.nav li a{font-size:14px;font-weight:bold;color:#FFF;}
.nav li.aa a{width:115px;height:37px;line-height:37px;background:url(/images/index_02.jpg) no-repeat center bottom;display:block;color:#9c0b00}
.nav li a:hover{width:115px;height:37px;line-height:37px;background:url(/images/index_02.jpg) no-repeat center bottom;display:block;color:#9c0b00}
.timenow{width:auto;font-weight:normal;font-size:12px;color:#FFF;}
.top_k_m{ display:none;}

.TB-focus{ width:100%; height:100%; border:1px solid #D8D8D8; position:relative;  overflow:hidden; padding: 20px 15px; box-sizing:border-box;}
.TB-focus .hd { position:absolute; right:20px; bottom:20px; z-index:1; padding-left:2px; }
.TB-focus .hd li { color:#f60; cursor:pointer; margin-left:3px; width:28px; height:28px; background:#fff; float:left; font-size:16px; line-height:28px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70); border:1px solid #d8d8d8; margin-left:-1px; }
.TB-focus .hd li.on { background:#f60; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }
.mo{ display:none;}

.main_cen{width:100%;background:#e0d7ce;margin:0px auto;padding-bottom:10px;}
/*banner*/
.banner{width:990px;height:339px;margin:0px auto;background:url(/images/index_04.jpg) no-repeat center 4px;}
.banner_img{width:962px;height:305px;margin:0px auto;padding-top:20px;}
#SlidePlayer { width:962px; height:305px;position:relative;}
#SlidePlayer{ margin:0; padding:0; list-style:none;}
.Slides { margin:0; padding:0; height:305px; list-style:none; overflow:hidden;}
.Slides li { float:left;  width:962px; height:305px;}
.Slides img { display:block; border:0px; width:962px; height:305px;}
.SlideTriggers { position:absolute; top:283px; right:10px; height:25px; list-style:none; z-index:10;}
.SlideTriggers li { display: inline; float:left; margin:3px 2px; overflow:hidden; width:16px; height:16px; cursor:pointer; font-family:Arial; font-size:0.9em; color:#fff; line-height:16px; background-color:#0f79ad; text-align:center; border:#eaf4c4 0px solid;}
.SlideTriggers li.Current { font-size:1.1em; font-weight:bold; background:#f62a00; color:#FFF; border:#6aa00 0px solid;}
.bd {overflow: hidden;}
/*main*/
.main{width:980px;background:#FFF;margin:5px auto 0px auto;overflow:hidden;}
.mainleft{width:261px;float:left}
.mainleft ul{ padding:15px 10px;line-height: 2;}
#jsweb8_cn_top{overflow:hidden;height:180px;width:220px;}
.mainright{ float:right;}
.showp{ padding-top:12px;}

.news{width:258px;padding-top:12px;margin-left:3px;}
.news_tittle{width:248px;height:29px;line-height:29px;background:url(/images/index_08.jpg) no-repeat;padding-left:10px;font-size:14px;font-weight:bold;color:#FFF}
.news li{width:200px;height:28px;line-height:28px;background:url(/images/index_10.jpg) no-repeat left center;padding-left:10px;}
.about{width:444px;height:235px;margin-left:8px;padding-top:12px;}
.abouta{width:708px;margin-left:8px;padding-top:12px; line-height:22px;}
.abouta img{ max-width:100%;}
.ab_tittle{width:434px;height:32px;line-height:28px;background:url(/images/index_05.jpg) no-repeat;font-size:14px;font-weight:bold;color:#FFF;padding-left:10px;}
.about_text{padding:8px;line-height:20px;}
.tup{width:246px;border:1px solid #ff7d7d;margin:3px auto 0px auto;text-align:center;overflow: hidden;}
.contact{width:252px;height:180px;background:#fff6d1;padding-left:5px;margin-left:3px;margin:10px 0px 0px 3px;}
.co_tittle{padding:18px 0px 0px 8px;}
.co_text{padding:5px 0px 0px 10px;line-height:22px;float:left;}
.ab_tittle2{width:100%;height:32px;line-height:28px;background:url(/images/index_11.jpg) no-repeat;font-size:14px;font-weight:bold;color:#FFF;padding-left:10px;}

.focusBox { position: relative; width: 246px; height: 220px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width: 246px; height: 190px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 30px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 30px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:30px; line-height:30px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }	

.about ul{padding:8px;}
.about li{width:420px;height:28px;line-height:28px;background:url(/images/index_10.jpg) no-repeat left center;padding-left:10px;}
.proudct{width:973px;height:224px;margin:0px auto;}
.pr_tittle{width:963px;height:32px;line-height:28px;background:url(/images/index_11.jpg) no-repeat;padding-left:10px;font-size:14px;font-weight:bold;color:#FFF;}
.more{padding:8px 2px 0px 0px;float:right}
.wz{float:right; color:#333333; font-size:12px; font-weight:normal; margin-right:10px;}

/*foot*/
.foot{width:100%;height:105px;background:url(/images/index_07.jpg) repeat;margin:0px auto;}
.foot_text{padding-top:20px;line-height:22px;width:980px;margin:0px auto;text-align:center;color:#fff;}

/*分面样式一*/
.page{font-family:Arial, Helvetica, sans-serif}
.page a,.page span{display:block;color:#333333;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin:5px 2px 5px 2px;text-align:center;padding-right:5px;padding-left:5px;height:30px}/*SPAN和链接*/
.page a:hover,.page a.current{color:#F44;border:1px solid #F44}/*当前链接有激活时*/
.page input{padding:0px;color:#333333;height:16px;width:25px;border:0px solid #fff;text-align:center;margin:5px -5px 5px -5px;vertical-align:middle;font-size:12px}/*跳转INPUT*/

.mri_p{width:675px;padding-top:10px;padding-bottom:15px;margin:0px 10px;line-height:24px;}
.mri_p ul{}
.mri_p li{width:680px;height:35px;line-height:35px;background:url() no-repeat;background-position: left center;padding-left:10px; border-bottom:1px #ccc dashed;}
.ma_ri_tp{width:160px;height:150px;float:left; overflow:hidden; border:10px; padding-left:10px; margin-left:5px; margin-top:10px;}
.ma_ri_tp dl{}
.ma_ri_tp dt{}
.ma_ri_tp dd{text-align:center;}

.kf{position: fixed;right: 0;top: 50%;background:#efa055;z-index: 999;}
.kf ul{}
.kf ul li{width: 80px;height: 80px;background: #fff;border: 1px #efa055 solid; cursor:pointer;}
.kf ul li.ph{background: url(/images/slide-img1.png) no-repeat center #fff; position:relative;}
.kf ul li.wx{background: url(/images/slide-img2.png) no-repeat center #fff; position:relative;}
.kf ul li.ph span,.kf ul li.wx span{ display:none;}
.kf ul li.ph:hover span{display: block;position: absolute;left: -250px;top: 0;background:#c90600;height: 80px;line-height: 80px;padding: 0 20px;font-size: 18px;color: #fff;}
.kf ul li.wx:hover span{display: block;position: absolute;left: -218px;top: 0;background:#c90600;padding:8px;}
.kf ul li.wx:hover span b{ display:block;text-align: center;padding: 5px 0;color: #fff;}

@media screen and (max-width: 1000px){
	*{ box-sizing:border-box;}
	.top{ height:auto;}
	.nav ul{ width:100%; height:auto;font-size: 0;}
	.top_k_m{ display:block;text-align: center;}
	.top_k_m:after{ content:""; display:block; height:0; clear:both;}
	.top_k_m p.logo{display: inline-block;}
	.top_k_m p.tell{display: block;color: #fff;font-size: 32px;line-height: 1;margin:10px 0;}
	.top_k_m p.tell a{ color:#fff;}
	.nav{ height:auto; line-height:2; text-align:center;background: #c90600;}
	.nav li{ width:16.66%; display:inline-block; float:none;}
.nav li a:hover {width: auto;}
	.banner,.banner_img,#SlidePlayer,.Slides li,.Slides img,.main,.mainleft{ width:100%; height:auto;}
	.news{ width:100%;}
	.news_tittle{ width:100%;background-size: 100%;}
	#jsweb8_cn_top{ width:100%;height: 100px;}
	.mainleft{ margin-bottom:20px;}
	.mainright{width:100%;}
	.about{ width:70%;}
	.hs{width: 50%;}
	.news{ width:48%;}
	.gg{ width:100%;}
	.ab_tittle{width:100%;background-size: 100% 100%;}
	.ab_tittle2 {width: 100%;}
	.proudct{width:100%;}
	.pr_tittle,.foot_text{ width:100%;}
	.news_tittle{height: 32px;line-height: 28px;background: url(/images/index_11.jpg) no-repeat;font-size: 14px;font-weight: bold;color: #FFF;padding-left: 10px;}
	.news ul{ padding:8px;}
	.abouta,.mri_p,.mri_p li{ width:100%;margin: 0;margin-left: 0;}
	.mri_p li{ padding-right:10px;}
	.pro ul{ text-align:center;}
	.ma_ri_tp{ display:inline-block;float: none;}
	.kf{ display:none;}
	
	li.home,.top_k,li.timenow,.contact,.neiye,.gg{ display:none;}
}
@media screen and (max-width: 900px){
	.top_k_m p.tell {display: block;width: 100%;margin: 0;font-size: 18px;line-height: 2;}
	.top_k_m p.logo {width: 100%;background: #cf0a02;}
	.top{background: #5a2a28;}
	.nav li{ width:33.3333%;border-bottom: 1px #ad1612 solid;}
	.about,.news{ width:100%; height:auto;}
	.left {float: none;}
	.TB-focus{padding: 18px 5px;}
	.showp{ display:none;}
}
@media screen and (max-width: 500px){
	.pc,.wz{ display:none;}
	.mo{ display:block;}
	.top_k_m p.tell{font-size: 16px;}
	.mri_p li span.right{ display:none;}
	.ab_tittle{background-size:auto;}
}


/* toolBar */
@media screen and (max-width:1023px) {
#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#fd3637;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fd3637), to(#000000));}
#foottoolbar ul{margin: 0px;padding: 0px;}
#foottoolbar li{float:left;width:25%;height:63px;background:url(http://www.xxwq.cn/mcode/dfloat/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(http://www.xxwq.cn/mcode/dfloat/f1.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(http://www.xxwq.cn/mcode/dfloat/f2.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(http://www.xxwq.cn/mcode/dfloat/f3.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(http://www.xxwq.cn/mcode/dfloat/f4.png) no-repeat center 8px;background-size:20px 20px}
.f5{background:url(http://www.xxwq.cn/mcode/dfloat/f5.png) no-repeat center 8px;background-size:20px 20px}
.f6{background:url(http://www.xxwq.cn/mcode/dfloat/f6.png) no-repeat center 8px;background-size:20px 20px}
.f7{background:url(http://www.xxwq.cn/mcode/dfloat/f7.png) no-repeat center 8px;background-size:20px 20px}
.f5 h3{height: 40px;line-height: 40px;}
.f5 h4{margin: 0px;height: 45px;line-height: 45px;}
.f5 p{background: url(http://www.xxwq.cn/mcode/dfloat/wwxx1.png) 0 2px no-repeat;width: 180px;margin: 0 auto;background-size:33px;padding-left: 45px;font-size: 16px;color: #525252;text-align: center;}
.f5 p span{background: #e8e8e8;padding: 3px 8px;display: inline-block;width: 100%;border-radius: 3px;font-weight: bold;box-sizing: border-box;}
.hidden{ width:100%;height:65px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding:10px 0;background-color:#FFF;position:absolute;top:-378px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;}
.f5 img{ width:193px;}
.close {background: orange;color: red;border-radius: 12px;line-height: 20px;text-align: center;height: 20px;width: 20px;font-size: 18px;padding: 1px;top: 20px;right: 20px;position: absolute;}
.close::before {content: "\2716";}
}
@media screen and (min-width:1024px) {
#foottoolbar{ display:none;}
}