@charset "utf-8";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:14px; color:#666;font-family: "微软雅黑"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢���ź�", SimSun, "����", STXihei, "����ϸ��", Heiti, "����", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#666;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:underline;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}


.contain{ width:100%; margin:0 auto; max-width:1200px;}
.jz{ width:100%; margin:0 auto; max-width:1200px; position:relative}
.top1{ border-bottom:#efefef 1px solid; }
.top1 p{line-height:30px; font-size:0.6rem; display:block; float:left}
.top2{ position:relative; width:100%; max-width:1200px; margin:0 auto}
.top2 .dn img{ width:100%; height:auto}
.top2 .sj{ display:none}
.top2 .sj img{ width:100%; height:auto}



.tel{ float:left; margin-left:20%;}
.tel em{ display:block; font-size:30px; color:#b23231; font-style:normal; font-weight:bold}
.logo{ float:left; width:30%;}
.logo img{ width:100%; height:auto}
@media only screen and (max-width:992px){

.logo{ float:left; width:auto;}
.logo img{ height:30px; width:auto}
.tel{ display:none;}

.top2 .dn{ display:none}
.top2 .sj{ display:block}

}




.nav .deng{ float:right; width:20%;}
.nav .deng ul li{ float:right; width:45%; margin-left:5%; border:0}
.nav .deng ul li a{ display:block; border:#FFF 1px solid; line-height:20px; margin-top:10px; font-size:12px; color:#fff;transition:all 0.6s}
.nav .deng ul li a:hover{ background:#ffb739; color:#fff; transition:all 0.6s}

.nav{ display:block; width:100%; background:#b23231;   text-align:center}
.nav ul{ width:100%; float:left}
.nav ul li{ float:left;/* width:16.66666666666%; */ padding: 0 20px; position:relative}
.nav ul li em{ display:block; position:absolute; top:-10px; right:0; font-style:normal; background:#ffb739; width:30px; line-height:30px; font-size:12px; text-align:center; border-radius:100px;}
.nav ul li a{ display:block; color:#fff; line-height:40px; font-size:16px}
.nav ul li a:hover{ color:#FF0 }


@media only screen and (max-width:768px){
.nav ul li{ float:left;/* width:33.3333333%; */ width: 13.755555%;  outline: 1px solid #FFF;
outline-offset: -1px; text-align:center}
.nav ul li a{  padding-right:0px; font-size:14px; line-height:30px}
.nav .deng ul{ width:100%;}
.nav .deng ul li{ float:none;margin-left:0; border:none; background:#ffb739;width:100%;}
.nav .deng ul li a{ margin-top:0; border:0;line-height:30px;  }

}




.m1{ width:100%; max-width:1200px; margin:30px auto; margin-top:10px;  overflow:hidden}
.liucheng{ float:left; width:16%; border:#e7e7e7 1px solid; height:510px;}
.liucheng h3{ display:block; background:#b23231; border-top:#ffb739 3px solid; color:#fff; line-height:40px; padding-left:10px; font-size:16px;}
.liucheng ul{ padding:8px 0; height:550px}
.liucheng ul li{ text-align:center} 
.liucheng ul li h1{ font-size:1rem; line-height:25px;} 
.liucheng ul li i{ display:block; width:25%; padding:2px; margin:5px auto;	background: -webkit-linear-gradient(top left, #b23231 35%, #ffc12d 75%);
	background: -o-linear-gradient(top left, #b23231 35%, #ffc12d 75%);
	background: linear-gradient(to bottom right, #b23231 35%, #ffc12d 75%); border-radius:50%}
.liucheng ul li i img{ width:80%; height:auto; border-radius:50%; }
.liucheng ul li p{ font-size:0.9rem;}
.xjt{ width:8%; height:auto; margin:1px 0px; }
.yjt{ width:8%; height:auto; display:none;}

.xiazai{ float:left; width:66%; margin-left:0.8%; border:#e7e7e7 1px solid; height:510px;}

.bt2{display:block; background:#f8f8f8; border-bottom:#ffb739 3px solid; color:#fff; overflow:hidden }
.bt2 h3{ display:block; width:140px; position:relative; background:#ffb739;line-height:40px; font-size:16px; text-align:center; float:left}
.bt2 span{ display:block; float:right; line-height:40px; padding-right:5px;}

.xiazai .ak{ width:50%; float:left}
.xiazai .ak h3{ text-align:center; font-size:1.2rem; line-height:2.5rem;}

.xiazai .bk{ width:50%; float:left}
.xiazai .bk h3{ text-align:center; font-size:1.2rem; line-height:2.5rem;}


.kqbt{ width:92%; margin:0 auto; background:#999; line-height:35px; font-size:1rem;}
.kqbt .p1{ display:block; float:left; width:38%; color:#fff; padding-left:2%; }
.kqbt .p2{ display:block; float:left; width:20%; overflow:hidden;color:#fff}
.kqbt .p3{color:#fff}
.xiazai .uk-width-1-5 { width:94%; margin:0 auto;  margin-top:0.3rem; border-bottom:#ededed 1px solid; padding-bottom:0.3rem;overflow:hidden}
.xiazai .uk-width-1-5  h1{ display:block; font-size:0.8rem; margin:0; float:left; width:30%; line-height:36px; text-indent:10px;  }
.xiazai .uk-width-1-5  em a{ display:block; float:left; position:relative ; background:#b23231; color:#fff; padding:0.2rem 0.5rem;  font-size:0.8rem; font-style:normal; border-radius:10%; margin-top:6px;  }
.xiazai .uk-width-1-5 span{ display:block; float:right; width:46%; margin-right:4%; text-align:left;font-size:0.8rem; line-height:18px; height:36px;overflow:hidden}




.gonggao{float:right; width:16%; border:#e7e7e7 1px solid; height:510px}
.gonggao h3{ display:block; background:#b23231; border-top:#ffb739 3px solid; color:#fff; line-height:40px; padding-left:10px; font-size:16px;}

#demo{OVERFLOW: hidden; width:90%; margin:15px auto; HEIGHT:460px; line-height:25px;}
#demo li{ background:url(biao.gif) left 5px no-repeat; padding-left:20px; padding-bottom:20px; overflow:hidden}
@media only screen and (max-width:992px){
.liucheng{ float:none; display:block; width:98%; margin:0 auto;margin-bottom:15px; height:auto;  overflow:hidden}
.liucheng ul{ padding:15px; height:auto; overflow:hidden}
.liucheng ul li{ float:left; text-align:center;  width:14%; overflow:hidden} 
.liucheng ul li i{ width:40%;}

.xwxw{ width:98%!important; margin: 0 auto!important; float:none!important;}
.xwxw2{ width:98%!important; margin: 0 auto!important;float:none!important;}



.xjt{ width:10%; height:auto; margin:10px 0px; display:none; }
.yjt{ width:20%; height:auto; margin:0 auto; display:block;}

.xiazai{ float:left; width:72%; margin-left:1%; height:auto}
.gonggao{float:right; width:23%; border:#e7e7e7 1px solid; margin-right:1%; height:auto}




}

@media only screen and (max-width:768px){
.ak{ border-right:#e2e2e2 0px dashed; box-sizing:border-box}
.xiazai{ float:none; width:98%; margin:0 auto; margin-bottom:15px; }
.xiazai ul { height:auto}
.xiazai ul li{ float:none; width:94%; margin-left:3%; overflow:hidden}
.gonggao{float:none; width:98%; margin:0 auto;}
#demo{ margin:15px auto; HEIGHT:200px;}
.xiazai .ak{ width:100%; float:none}

.xiazai .bk{ width:100%; float:none}

}

.youshi{ width:100%; margin:0 auto; max-width:1200px;}
.youshi ul li{ float:left; width:24%; background:#1981c9;margin-right:1.33%; border-radius:5px; padding:15px 0; position:relative; background: -webkit-linear-gradient(top left, #379ce4 35%, #1981ca 75%);
	background: -o-linear-gradient(top left, #379ce4 35%, #1981ca 75%);
	background: linear-gradient(to bottom right, #379ce4 35%, #1981ca 75%); overflow:hidden}

.youshi ul li:nth-child(4n){margin-right:0;}
.youshi ul li i{ display:block;  height:auto; text-align:center }
.youshi ul li i img{ width:40%; height:auto; max-width:80px }
.youshi ul li .youshi_text{height:50px}
.youshi ul li  p{ display:block; width:90%; margin:0 auto; text-align:center;  font-size:1rem; line-height:25px; color:#fff; }


@media only screen and (max-width:768px){
.youshi ul li{ width:48%; margin:1%;}

.youshi ul li:nth-child(4n){ display:inherit}
.xwxw{ width:98%!important; margin: 0 auto;}
.xwxw2{ width:98%!important; margin: 0 auto;}
}

.kufang{ width:98%; margin:25px auto; max-width:1200px; border:#e7e7e7 1px solid; overflow:hidden}
.kufang ul{ padding:15px 0}
.kufang ul li{ float:left; width:23%; margin-left:1.5%; margin-bottom:10px;}
.kufang ul li img{ width:100%; /*height:auto;*/height:205px; transition:all 0.6s}
.kufang ul li:hover img{ transform:translateY(-10px);transition:all 0.6s}

@media only screen and (max-width:768px){
.kufang ul li{ float:left; width:48%; margin-left:1.5%; margin-bottom:10px;}
}

.ak{ border-right:#ccc 1px dashed; box-sizing:border-box}
/*ɸѡ*/

.pro{ width:98%; margin:0 auto; max-width:1200px; }

.fl{float:left;}
.fr{float:right;}
.ld{position:relative;}
.ab{position:absolute;}
.ui-tab-container{width:1070px;float:left;position:relative;}
.ui-tab-container ul{border-bottom:1px solid #ddd;padding-left:60px;}
.ui-tab-container ul li{float:left;padding:5px 20px 5px 10px;background:url(../images/jdlist_434.png) 85% center no-repeat;margin:0 5px;cursor:pointer;border-bottom:none;}
#target{height:50px;}
#target span{line-height:50px;padding-right:10px;}
#target span a{color:#118ecc;}


.screen-term{ border:#e8e8e8 1px solid; padding:15px}
.screenBox dl{border-bottom:#d3d3d3 1px dashed;overflow:hidden;padding:8px 0;_zoom:1;}
.screenBox dl.noborder{border-bottom:0px;border-left:0px;border-top:0px;border-right:0px;}
.screenBox dl.goodstype{border-bottom:#e6e6e6 1px dashed;}
.screenBox dl dt{float:left;}
.screenBox dl dt{text-align:left;width:10%; max-width:80px;font-weight:600;padding-top:6px; font-size:14px; }
.screenBox dl dd{position:relative;width:88%;float:left; padding-top:0px;vertical-align:middle; overflow:hidden}

#cusbtn{border:none;width:45px;height:22px;margin-left:5px;cursor:pointer;}
.screenBox dl dd label input{float:left;width:13px;height:13px;margin-right:3px;margin-top:5px;}
.screenBox dl dd label a{padding:5px;display:inline-block; }
.screenBox dl dd a:hover{background:#b23231;color:#fff;}
.screenBox dl dd a.selected{background:#b23231;color:#fff;}


.xactive{ background:#b23231; color:#fff; text-align:center}

.cplb{ margin:30px 0;}
.cplb ul{ position:relative; width:102%}
.cplb ul li{ float:left; width:19%; margin-right:1%; margin-bottom:15px; background:#f7f7f7; overflow:hidden}
.cplb ul li:hover{ box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}
.cplb ul li i{ float:left; display:block; width:33%; height:140px; overflow:hidden}
.cplb ul li i img{ width:100%; height:auto; transition:all 0.6s}
.cplb ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.cplb ul li .zi{ float:right; width:64%; margin-left:2%; margin-top:10px;}
.cplb ul li .zi h1 {width:100%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cplb ul li .zi h1 a{ font-size:0.8rem; line-height:30px; color:#b23231}
.cplb ul li .zi p{ line-height:25px;}

.cplb ul li .zi p em{ font-style:normal; color:#b23231}
.cplb ul li .zi span{ color:#999; text-decoration:line-through}


@media only screen and (max-width:992px){
.cplb ul li{ width:46%; margin-right:2%}
.cplb ul li i{ float:left; display:block; width:30%; height:auto; overflow:hidden}

.screenBox dl dt{width:25%;  }
.screenBox dl dd{width:73%;}


}

@media only screen and (max-width:768px){
.cplb ul li{ float:none; width:98%; margin:0 auto}
.cplb ul li i{ float:left; display:block; width:30%; height:auto; overflow:hidden}
}


.foot{ background:#282828; padding:15px 0;}
.hezuo{ width:98%; margin:0 auto; max-width:1200px; border-bottom:#494949 1px solid; padding-bottom:15px;}
.hezuo h1{ font-size:1rem; color:#fff; padding-bottom:10px}
.hezuo a{ padding-right:25px; line-height:23px; font-size:0.6rem; color:#999}
.hezuo a:hover{ color:#fff; text-decoration:underline}

.banquan{ width:98%; margin:0 auto; padding:10px 0; text-align:center; max-width:1200px; line-height:25px; color:#999; font-size:0.6rem;}

.nbanner{ width:100%; height:auto; max-width:1200px; margin:0 auto}
.nbanner img{ width:100%; height:auto}

.xiazai2{ float:right; width:82%;  border:#e7e7e7 1px solid;}
.xiazai2 .ak{ width:50%; float:left}
.xiazai2 .ak h3{ text-align:center; font-size:1.2rem; line-height:2.5rem;}
.xiazai2 .bk{ width:50%; float:left}
.xiazai2 .bk h3{ text-align:center; font-size:1.2rem; line-height:2.5rem;}


.xiazai2 .uk-width-1-5 {  width:90%; margin:0 auto;  margin-top:0.5rem; border-bottom:#ededed 1px solid; padding-bottom:0.3rem;overflow:hidden}
.xiazai2 .uk-width-1-5  h1{ display:block; font-size:0.8rem; margin:0; float:left; width:30%;  }
.xiazai2 .uk-width-1-5  em a{ display:block; float:left; position:relative ; background:#b23231; color:#fff; padding:0.2rem 0.5rem;  font-size:0.8rem; font-style:normal; border-radius:10%;  }
.xiazai2 .uk-width-1-5 span{ display:block; float:right; width:50%; text-align:left; line-height:20px; height:40px;overflow:hidden}


@media only screen and (max-width:992px){
.xiazai2{ float:none; width:98%; margin:0 auto; margin-bottom:15px; }
.xiazai2 ul { height:auto}
.xiazai2 ul li{ float:none; width:94%; margin-left:3%; overflow:hidden}
.xiazai2 .ak{ width:100%; float:none}
.xiazai2 .bk{ width:100%; float:none}

}


.pflc{ float:right; width:82%;  border:#e7e7e7 1px solid;}
.kuang{ float:right; width:82%;  border:#e7e7e7 1px solid;}

	.box{
		margin: 20px auto;
		width: 94%;
	}
	.fl_l{
		width: 94%;
		background: #fff;
	}
	.fl_l li a{
		text-align: center;
		display: block;
		color: #333;
		float:left;
		font-size: 14px;
		line-height: 40px;
		display:block;
		background:#f3f3f3;
		border-radius:10px;
		margin-right:15px;
		padding:0 20px;
	}
	.fl_l li.active a{
		background: #b23231;
		color: #fff;
	}
	.fl_r{
	
		width: 94%;
	}
	.fl_r li{
		
		background: #fff;
			display: block;
		text-align: center;
		padding-top:30px;
	}
	
	.lcjs{ text-align:left}
	.lcjs h3{ display:block; font-size:23px; line-height:25px; background: url(biao2.jpg) left center no-repeat; padding-left:25px; margin:20px 0; font-weight:normal; color:#333}
	.lcjs p{ font-size:14px; line-height:30px}
	.lcjs p em{ font-style:normal; color:#b23231; padding-right:5px;}
	
	.dglx{ width:94%; margin:0 auto; background:#b23231;outline: 1px  solid #c15b5a;
outline-offset: -10px; border-radius:10px; padding:20px 0; overflow:hidden}

.dglx p{ display:block; padding:5px 2%; color:#fff; font-size:14px; line-height:25px; float:left; width:46%; overflow:hidden}
.dglx p i{ display:block; float:left; padding-right:5px}
.zhuming{ width:94%; margin:0 auto;font-size:16px; text-align:center; line-height:80px}


@media only screen and (max-width:992px){

	
.pflc{ float:none; width:98%; margin:0 auto; margin-bottom:15px; }
.fl_l li a{
		padding:0;
		margin:0;
		display:block;
		width:15.66%;
		border-radius:0;
		margin-right:1%;
		font-size:0.6rem;
	}
.dglx p{ display:block; padding:5px 5%; color:#fff; float:none; width:90%; overflow:hidden}
.dglx p a{ color:#fff}

.zhuming{ width:94%; margin:0 auto;font-size:14px; text-align:center; line-height:25px; padding:10px 0}

}
.zhaobiao{ width:94%; margin:30px auto}
.zhaobiao h1{ font-size:14px; line-height:30px; font-weight:normal; text-align:center; display:block; margin-bottom:20px}
.zhaobiao h1 em{ display:block; font-style:normal; font-size:20px; color:#b23231}

.zhaobiao p{ display:block; margin:10px 0; line-height:25px}
.zhaobiao h2{ font-size:20px; line-height:50px; color:#ffb739}
.guanyu{ width:94%; margin:30px auto;   line-height:30px}
.guanyu span{ font-size:14px; color:#b23231}



.cplb2{ width:94%; margin:30px auto;}
.cplb2 ul{ position:relative;}
.cplb2 ul li{ float:left; width:49%; margin-right:1%; margin-bottom:15px; background:#f7f7f7; overflow:hidden}
.cplb2 ul li:hover{ box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}
.cplb2 ul li i{ float:left; display:block; width:30%; height:170px; overflow:hidden}
.cplb2 ul li i img{ width:100%; height:auto; transition:all 0.6s}
.cplb2 ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.cplb2 ul li .zi{ float:left; width:64%; margin-left:3%; margin-top:10px;}
.cplb2 ul li .zi h1 a{ font-size:1.0rem; line-height:30px; color:#b23231}
.cplb2 ul li .zi p{ line-height:25px;}

.cplb2 ul li .zi p em{ font-style:normal; color:#b23231}
.cplb2 ul li .zi span{ color:#999; text-decoration:line-through}


@media only screen and (max-width:992px){
	.kuang{ float:none; width:98%; margin:0 auto  }



}

@media only screen and (max-width:768px){

.cplb2 ul li{ float:none; width:100%; margin-right:0; }

}

.dtail{ float:right; width:78%;  border:#e7e7e7 1px solid; overflow:hidden}
.dtail h1{ display:block; width:94%; margin:0 auto; border-bottom:#dedede 1px solid; line-height:45px; font-weight:normal; }
.dtail2{ width:94%; margin:30px auto; overflow:hidden}
.dtail2 i{ float:left; width:30%;}
.dtail2 i img{ width:100%; height:auto}

.dtail2 .xqjss{ width:65%; float:right; line-height:25px;}
.dtail2 .xqjss h3{font-size:16px; color:#b23231; line-height:40px}
.dtail2 .xqjss  em{ text-decoration:line-through; font-style:normal}
.dtail2 .xqjss  span{ color:#ff8d39}

.gdxqjs{ width:94%; margin:30px auto; font-size:12px; line-height:23px}
.gdxqjs h3{ font-size:14px; color:#333; margin-top:20px;}

.xiangguan{ width:94%; margin:30px auto; font-size:12px; line-height:23px; overflow:hidden}
.xiangguan h3{ background:#eeeeee; border-bottom:#b23231 2px solid; line-height:40px; padding-left:15px; margin-bottom:15px; font-size:16px; color:#333}
.xiangguan ul li{ float:left; width:25%; text-align:center}
.xiangguan ul li i{ display:block; width:80%; margin:0 auto; height:230px; overflow:hidden}
.xiangguan ul li i img{ width:100%; height:auto}
.xiangguan ul li p{ display:block; line-height:35px}

@media only screen and (max-width:992px){
	.dtail{ float:none; width:98%; margin:0 auto  }
	.xiangguan ul li{ float:left; width:50%; text-align:center}
.xiangguan ul li i{ display:block; width:80%; margin:0 auto; height:140px; overflow:hidden}


}

.zhuce{ width:94%; margin:30px auto; max-width:550px;}
.zhuce h3{ font-size:23px; padding-bottom:30px; text-align:center}
.zhuce ul li{ margin-bottom:20px; line-height:30px;}
.zhuce ul li span { display:block; float:left; width:100px; font-size:14px; padding-right:20px; text-align:right}

.bd1{ width:200px; line-height:30px; height:30px; border:#d0d0d0 1px solid;}
.bd2{ width:400px; line-height:30px; height:30px; border:#d0d0d0 1px solid;}

.btn1{ margin-left:120px; margin-right:20px; line-height:30px; background:#b23231; border:0; border-radius:5px;height:30px; color:#fff; width:100px}
.btn2{ line-height:30px; background:#999; border:0; border-radius:5px; color:#fff; width:100px;height:30px;}

@media only screen and (max-width:768px){

.zhuce ul li span { float:none; text-align:left}
.bd1{ width:90%; line-height:30px; height:30px; border:#d0d0d0 1px solid;}
.bd2{ width:90%; line-height:30px; height:30px; border:#d0d0d0 1px solid;}
.btn1{ margin-left:0; margin-right:2%; line-height:30px; height:30px; background:#b23231; border:0; border-radius:5px; color:#fff; width:30%}
.btn2{ line-height:30px; background:#999; border:0; height:30px;border-radius:5px; color:#fff;width:30%}
}


.zw{ line-height:30px; padding:15px 0; min-height:500px;color:#555555; font-size:14px;}
.zw a:link{ color:#555555; }
.zw a:visited{ color:#555;}
.zw a:hover{ color:#FF6205;}
.zw a:active{color:#555555;}
.zw img{
 max-width:100%;
 width:expression(document.body.clientWidth>100%?"100%":"auto");
}

.xiaocms-page span{ margin:0 3px;  border:1px solid #eee;line-height:25px; padding:0 10px; background:#FD5B03; color:#FFFFFF; display:inline-block; }
.xiaocms-page  a{margin:0 3px;   border:1px solid #eee;line-height:25px;background:#fff; display:block; color:#333; padding:0 10px;display:inline-block; }
.xiaocms-page  a:hover {margin:0 3px;   border:1px solid #eee;line-height:25px; background:#FD5B03; color:#fff; padding:0 10px;display:inline-block;}
.a_download{cursor: pointer;text-decoration: none;}
.a_download:hover {
	text-decoration: underline;
}

/*这里的作用是让顶部轮播图在手机端隐去过长的图片的两端只显示中间部位,822的计算方法为: (150/350)*1920;*/
@media only screen and (min-width: 822px) {
	.slide_image_box {
		width: 100%;
		height: auto;
	}
	.slide_image_box img {
		width: 100% !important;
		height: auto;
	}
}
@media only screen and (max-width: 822px){
	.toolbar {display: none;}
	.slide_image_box {
		width: 100%;
		height: 150px;
		overflow:hidden;
		position:relative;
/*		border: green solid 6px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		!* Firefox *!
		-webkit-box-sizing: border-box;*/
	}
	.slide_image_box img{
		height: 150px;
		position:relative;
		left:50%;
		margin-left:-411px;/*这个数值是图片宽带的一半*/
	}
}