a,span,div,h1,h2,h3,ul,li,p,body,dl,dt,dd,form,label,input,table,img{margin:0;padding:0}
img{ border:none}
a{ text-decoration:none}
a:hover { color:#ff1d10;}
li{list-style:none}
.clear{ clear:both}


body{ background-color: #ffffff; repeat-x left top #FFFFFF; font:13px "΢ɭ҅ۚ"; margin:0 auto;}
.box{ width:1000px; margin:0 auto;}
.box2{ width:1362px; margin:0 auto;}
.box3{ width:927px; margin:100 auto;}

/*top*/
.top{ height:100px;  position:relative;}
.top .logo{
	left:0;
	top:0;
	width: 100%;
}
.top .logo img{ padding:20px 20px 0 18px; float:left}
.top .logo dl{ height:59px; background:url(../images/top_dl_bg.jpg) no-repeat left top; padding:0 0 0 20px; float:left; margin-top:40px;}
.top .logo dl dt{ font-size:15px; font-weight:bold; color:#ffd08c; height:30px; line-height:30px; padding-top:5px;  font-family:"Microsoft YaHei","΢ɭ҅ۚ","Microsoft JhengHei","̎ͥ";}
.top .logo dl dd{color:#aeaeae}
.top .top_img{ width:546px; height:232px; position:absolute; top:0; right:-140px; background:url(../images/top_img.jpg) no-repeat right top; z-index:100px}

/*nav*/
 
.nav{ height:79px;margin:0 auto; background:url() repeat-x left top; z-index:200;float: right; }
.nav ul{ float:left; height:26px; padding-top:18px; padding-left:13px; font-size:14px; font-family: "Microsoft YaHei","΢ɭ҅ۚ","Microsoft JhengHei","̎ͥ";}
.nav ul li{ float:left; height:34px; padding: 5px; line-height:34px; background:url() no-repeat right top; font-family: Arial; text-align:center}
.nav ul li.nav_li{ background:none}
.nav ul li a{letter-spacing:2px;color:#fff}
.nav ul li a:hover{color:#feab33}
.nav .nav_l{ width:31px; height:79px; float:left; }
.nav .nav_r{ width:76px; height:79px; float:right;}

.lxab {text-align: center;    border-bottom: 1px #ddd solid;}
.lxab img{width:100%;margin-bottom:10px;}

.swiper-slide img{width:100%;}
/*banner*/
.banner{ height:312px;}
/*main*/
.main{ height:auto; background:url(../images/main_bg.jpg) repeat-x left top #FFF; padding:10px 0 0 0px; width:1358px; margin-top:29px;}
.main .part1{   height:575px; background:#FFF; padding:0 0 0 15px;}
.main .part1  h1{ width:294px; height:54px; font:14px Arial;  color:#727272;line-height:54px;font-weight:lighter}
.main .part1  h1 span{ font: bold 14px;color:#fb4724;}

.main .part1 .active{ width:348px;      margin-left: 20px;   margin-right:35px;height:445px; float:left}
.main .part1 .active dl{ width:294px; height:249px; border:1px #e0e0e0 solid;}
.main .part1 .active dl dt{ width:294px; height:147px;}
.main .part1 .active dl dt img{ width:290px; height:143px; border:2px #fff solid}
.main .part1 .active dl dd{ height:33px; width:288px; background: url(../images/dd_bg.jpg) repeat-x left top;border-top:1px #e0e0e0 solid; line-height:33px; padding-left:6px;}
.main .part1 .active dl dd a{color:#000; background:url(../images/dd_a_bg.jpg) no-repeat left center; padding-left:10px; display:block; width:291px; height:32px;}
.main .part1 .active dl dd a:hover{color:#ff1d10; display:block; width:291px; height:32px;}
.main .part1 .active p{ width:335px; line-height:20px; padding-top:15px; padding-left:15px;color:#595959;}
.main .part1 .active p span{ font-size:16px; font-weight:bold;color:#fb4724; padding-left:28px;}

.main .part1 .case{ float:left;width:540px;}
.main .part1 .case dl{ padding-bottom:20px; padding-top:20px; clear:both; border-top:1px #999 dotted; height:105px;_height:85px;}
.main .part1 .case dl.d1{ padding-top:0; height:105px;_height:85px; border-top:none;}
.main .part1 .case dl dt{ width:164px; height:104px; background:url(../images/case_bg.jpg) no-repeat left top ; padding:3px 16px 0 3px; float:left}
.main .part1 .case dl dt a{ border:3px #fff solid; display:block; width:154px; height:94px;}
.main .part1 .case dl dt a:hover{border:3px #fa4c31 solid;}
.main .part1 .case dl dt a img{ width:154px; height:94px;}
.main .part1 .case dl dd{ float:left; width:350px;}
.main .part1 .case dl dd h2{ font-size:14px; font-weight:bold; height:29px; line-height:29px; padding-bottom:8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main .part1 .case dl dd p{ color:#595959; line-height:17px;}
.main .part1 .case dl dd  a{color:#fb4724; padding-top:10px; display:block}


.main .ad{ height:105px; }
.main .ad img{ width:923px; height:103px;}

.main .pro{ height:auto; padding:28px 0 45px 0px; width:1356px;}
.main .pro .pro_top{ height:42px;  background:url(../images/bg2.jpg) repeat-x left top; padding-bottom:15px; margin:0 auto}
.main .pro .pro_top p{ float:right; padding:20px 10px 0 0}
.main .pro .pro_top p a{color:#000}
.main .pro .pro_top p a:hover{color:#fe4c42}
.main .pro .prolist{ float:left; width:280px; height:298px; background:url(../images/prolist_bg.jpg) no-repeat left bottom; padding:0 29px}
.main .pro .prolist2{ padding-right:0}
.main .pro .prolist a{ display:block; width:282px; height:281px; border:1px #dfdfdf solid; background:url(../images/pro_a_bg.jpg) no-repeat left bottom;color:#4b4b4b}
.main .pro .prolist a:hover{ background:#fe4c42;color:#fff}
.main .pro .prolist a:hover span{color:#fff}
.main .pro .prolist a:hover dt{border-bottom:1px #fe4c42 solid}
.main .pro .prolist a:hover h1{border-bottom:1px #fff dashed}
.main .pro .prolist a dl dt{ width:278px; height:162px; padding:4px 0 0 4px; border-bottom:1px #dfdfdf solid}
.main .pro .prolist a dl dt img{ width:274px; height:158px;}
.main .pro .prolist a dl dd h1{ width:272px; height:35px; font:14px Arial; font-weight: lighter; line-height:35px; padding-left:10px;}
.main .pro .prolist a dl dd h1 span{ font:14px "̎ͥ";color:#fe4c42; font-weight:bold; display:block;line-height:35px;}
.main .pro .prolist a dl dd p{ width:262px; padding:10px 0 0 20px; height: auto; line-height:16px}
.main .pro .prolist a dl dd p span{ font-weight:bold; color:#000}



/*main2*/
.main2{ width:1300px;  margin:0 auto; height: auto;margin-bottom:26px; padding-bottom:30px;}
.main2 .subnav { padding:10px 0 0 10px;}
.main2 .subnav img{ float:left}
.main2 .subnav a{ float:left; padding:4px 0 0 5px;color:#696969}
.main2 .subnav a:hover{ text-decoration:underline}
.main2 .title{ width:1200px; height:66px; clear:both; margin:0 auto; border-bottom:1px #888  dotted}
.main2 .title h1{ font:24px "̎ͥ"; color:#fea932;   text-align:center}
.main2 .title h2{ font:12px Arial ; text-align:center;color:#727272}
.main2 .title h3{ font:12px "̎ͥ" ; text-align:center; padding-top:12px;}
.main2 .test{width:1200px; height:auto; padding-top:25px; clear:both; margin:0 auto; line-height:18px; }
.main2 .product{ width:1082px; height:162px; padding:28px 0 0 82px;}
.main2 .product dt{ float:left; padding-right:34px;}
.main2 .product dt img{ width:244px; height:94px; border:3px #cbced7 solid}
.main2 .product dd{ float:left; width:787px;}
.main2 .product dd h3{ height:50px; line-height:50px; font-size:16px;}
.main2 .product dd h3 a{color:#005bac}
.main2 .product dd p{ width:787px; line-height:20px;color:#888; height:85px;overflow: hidden}
.main2 .product dd .btn{ display:block}
.main2 .yema { width:800px; margin:0 auto; text-align:center; clear:both; padding:20px 0; height:22px;}
.main2 .yema a{ padding:4px; border:1px #ccc solid; color:#888;}
.main2 .yema a:hover{ background:#F00;color:#fff}
.main2 .proimg{ width:730px; height:449px; margin:0 auto; background:url(../images/product_bg.jpg) no-repeat center bottom; margin-top:30px;}
.main2 .proimg .proimg_border{border:4px #444242 solid; width:722px; height:397px;}

.leftbox{float:left;width:350px;padding: 0 20px;    margin-right: 20px;}

.leftbox h4{font-size:24px;margin: 10px 0;    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;  margin-top: 82px;}
.leftbox li {    font-size: 14px;line-height:2}
.main2#nra{width:940px;float:left}
.main2#nra .title{width:940px;}
.main2#nra .test{width:940px;}




.main2 .introduction{ width:800px; margin:0 auto; height:auto; line-height:18px;color:#444242}
.main2 .introduction img{ display:block;    width: 100%;}
.main2 .proimgs{ width:800px; background:#f1f1f1; margin:24px auto 0; height:auto; padding-bottom:14px}
.main2 .proimgs li{ width:247px; height:146px; padding:14px 0 0 14px; float:left}
.main2 .proimgs li img{width:247px; height:146px;}
.main2 .fanye{ width:800px; margin:0 auto; padding:10px 0 ;}
.main2 .fanye a{ float:left;color:#444242; background:url(../images/icon6.jpg) no-repeat right center; padding-right:23px;}
.main2 .fanye a.fanye_right{ background:url(../images/icon5.jpg) no-repeat -30px center; padding-right:0px; padding-left:23px; float:right }

.main2 .lianxi{ width:880px; height:334px; background:url(../images/lianxi.jpg) no-repeat left top; margin:0 auto}
.main2 .lianxi .lianxi_l{ float:left}
.main2 .lianxi .lianxi_l p{font:bold 17px "΢ɭ҅ۚ";color:#fff; padding:45px 0 0 25px;}
.main2 .lianxi .lianxi_r{ float:left; padding:90px 0 0 160px}

.main2 .newsdl{width:700px; height:auto; padding-top:25px;margin:0 auto;color:#666 }
.main2 .newsdl dt{ float:left; width:150px; height:114px; padding-right:20px;}
.main2 .newsdl dt img{ width:150px; height:114px;}
.main2 .newsdl dd{ float:left; line-height:18px; height:114px; overflow:hidden; width:520px;}
.main2 .newsdl dd h3{ line-height:30px;font-size:14px}
.main2 .newsdl dd h3 a{color:#555}
.main2 .newsdl dd p{color:#888;line-height:30px;}

.main2 .newsul{width:1200px; height:auto; padding-top:10px;margin:0 auto;clear:both }
.main2 .newsul li{ width:1200px; height:25px;border-bottom:1px #ccc solid; padding-top:15px}
.main2 .newsul li a{ float:left;color:#666}
.main2 .newsul li a:hover{color:#000}
.main2 .newsul li span{ float:right;color:#666;font-family:Arial;font-size:10px;}
/*caselist*/
.caselist{width:936px;  margin:50px auto 0; height: 272px;padding:28px 0  0px 14px;  background:#fff;clear:both; position:relative}
.caselist ul{ width:180px; height:30px; position:absolute; left:14px; top:0px; z-index:100;}
.caselist ul li{ float:left; width:75px; height:28px; border:1px #fff solid;border-bottom:none; line-height:28px; text-align:center}
.caselist ul li.caselist_li{border:1px #ccc solid;border-bottom:none; background:#fff}
.caselist div{ width:920px; height:239px;border:1px #ccc solid; display:none}
.caselist div dl{ float:left; width:224px; height:224px; padding:9px 0 0 5px}
.caselist div dl dt{ width:215px; height:169px; background:url(../images/bg.jpg) no-repeat left top; padding:8px 0 0 9px}
.caselist div dl dt img{ width:206px; height:157px;}
.caselist div dl dd{ width:224px; height:47px; line-height:47px; text-align:center;    overflow: hidden;}
.caselist div dl dd a{color:#444242}
.caselist div dl dd a:hover{color:#f09d45}
.caselist div.caselist_div{ display:block}

@media screen and (min-width: 650px) {		

/*news*/
.information {width:1200px;     clear: both; margin:0 auto; height: 230px; padding:10px 0  25px 14px; background:#fff;display: table;}
.information h1{ width:290px; height:30px; border-bottom:1px #ccc dotted; padding-left:10px; }
.information .connect{ float:left; width:300px; padding-right:12px;}
.information .connect ul{ width:266px; padding-top:30px; padding-left:28px}
.information .connect ul li{ width:266px; height:30px; font-size:14px; font-family:Arial}
.information .connect ul li a{padding-left:49px;color:#333; background:url(../images/icon3.jpg) no-repeat left -30px; text-decoration:underline}
.information .connect ul li a:hover{color:#f09d45}
.information .connect ul li span{ padding-left:49px;color:#333}
.information .view{ float:left;width:432px; padding-right:12px;}
.information .view ul{ width:404px; padding:10px 0 0 14px; height:180px;}
.information .view ul li{ height:32px; border-bottom:1px #ccc solid; line-height:37px;line-height:32px; padding-left:3px;overflow: hidden;}
.information .view ul li a{color:#696969;display:block;/*white-space: nowrap;*/
overflow: hidden;
text-overflow: ellipsis;
}
.information .view ul li a:hover{color:#f09d45}
.information .about{ float:left;width:432px;}
.information .about p{ width:404px; padding:18px 0 0 13px; line-height:18px;color:#696969;text-indent:25px;}
.information .about p span{color:#f8a11b; font-family:"΢ɭ҅ۚ"}

/*news1*/
.information1 {width:936px;     clear: both; margin:0 auto; height: 230px; padding:10px 0  25px 14px; background:#fff;display: table;}
.information1 h1{ width:290px; height:30px; border-bottom:1px #ccc dotted; padding-left:10px; }
.information1 .connect{ float:left; width:300px; padding-right:12px;}
.information1 .connect ul{ width:266px; padding-top:30px; padding-left:28px}
.information1 .connect ul li{ width:266px; height:30px; font-size:14px; font-family:Arial}
.information1 .connect ul li a{padding-left:49px;color:#333; background:url(../images/icon3.jpg) no-repeat left -30px; text-decoration:underline}
.information1 .connect ul li a:hover{color:#f09d45}
.information1 .connect ul li span{ padding-left:49px;color:#333}
.information1 .view{ float:left;width:300px; padding-right:12px;}
.information1 .view ul{ width:272px; padding:10px 0 0 14px; height:180px;}
.information1 .view ul li{ height:32px; border-bottom:1px #ccc solid; line-height:37px;line-height:32px; padding-left:3px;overflow: hidden;}
.information1 .view ul li a{color:#696969;display:block;/*white-space: nowrap;*/
overflow: hidden;
text-overflow: ellipsis;
}
.information1 .view ul li a:hover{color:#f09d45}
.information1 .about{ float:left;width:300px;}
.information1 .about p{ width:264px; padding:18px 0 0 13px; line-height:18px;color:#696969;text-indent:25px;}
.information1 .about p span{color:#f8a11b; font-family:"΢ɭ҅ۚ"}


}
	
@media screen and (max-width: 650px) {
	
/*news*/
.information {width:100%;     clear: both; margin:0 auto; height: 230px; padding:10px 0  25px 14px; background:#fff;display: table;}
.information h1{ width:290px; height:30px; border-bottom:1px #ccc dotted; padding-left:10px; }
.information .connect{ float:left; width:100%; padding-right:12px;}
.information .connect ul{ width:100%; padding-top:30px; padding-left:28px}
.information .connect ul li{ width:100%; height:30px; font-size:14px; font-family:Arial}
.information .connect ul li a{padding-left:49px;color:#333; background:url(../images/icon3.jpg) no-repeat left -30px; text-decoration:underline}
.information .connect ul li a:hover{color:#f09d45}
.information .connect ul li span{ padding-left:49px;color:#333}
.information .view{ float:left;width:100%; padding-right:12px;}
.information .view ul{ width:100%; padding:10px 0 0 14px; height:180px;}
.information .view ul li{ height:32px; border-bottom:1px #ccc solid; line-height:37px;line-height:32px; padding-left:3px;overflow: hidden;}
.information .view ul li a{color:#696969;display:block;/*white-space: nowrap;*/
overflow: hidden;
text-overflow: ellipsis;
}
.information .view ul li a:hover{color:#f09d45}
.information .about{ float:left;width:100%;}
.information .about p{ width:100%; padding:18px 0 0 13px; line-height:18px;color:#696969;text-indent:25px;}
.information .about p span{color:#f8a11b; font-family:"΢ɭ҅ۚ"}
	
/*news1*/
.information1 {width:100%;     clear: both; margin:0 auto; height: 230px; padding:10px 0  25px 14px; background:#fff;display: table;}
.information1 h1{ width:290px; height:30px; border-bottom:1px #ccc dotted; padding-left:10px; }
.information1 .connect{ float:left; width:100%; padding-right:12px;}
.information1 .connect ul{ width:100%; padding-top:30px; padding-left:28px}
.information1 .connect ul li{ width:100%; height:30px; font-size:14px; font-family:Arial}
.information1 .connect ul li a{padding-left:49px;color:#333; background:url(../images/icon3.jpg) no-repeat left -30px; text-decoration:underline}
.information1 .connect ul li a:hover{color:#f09d45}
.information1 .connect ul li span{ padding-left:49px;color:#333}
.information1 .view{ float:left;width:100%; padding-right:12px;}
.information1 .view ul{ width:100%; padding:10px 0 0 14px; height:180px;}
.information1 .view ul li{ height:32px; border-bottom:1px #ccc solid; line-height:37px;line-height:32px; padding-left:3px;overflow: hidden;}
.information1 .view ul li a{color:#696969;display:block;/*white-space: nowrap;*/
overflow: hidden;
text-overflow: ellipsis;
}
.information1 .view ul li a:hover{color:#f09d45}
.information1 .about{ float:left;width:100%;}
.information1 .about p{ width:100%; padding:18px 0 0 13px; line-height:18px;color:#696969;text-indent:25px;}
.information1 .about p span{color:#f8a11b; font-family:"΢ɭ҅ۚ"}


}



/*bottom*/
.bottom { width:100%; height:282px; border-top:2px #fa4724 solid; background:#0f0f0f}
.bottom .part2{ width:100%; margin:0 auto; height:111px; background:url(../images/part2_bg.jpg) no-repeat left top;}
.bottom .part2 img{ padding-top:34px; float:left}
.bottom .part2 .part2_r{ float:left; width:850px; padding-top:28px; padding-left:50px;*width:850px;}

.bottom .part2 .part2_r a{ height:12px; border-right:1px #fff solid; padding:0 16px 0 14px;color:#fff; margin-bottom:5px}
.bottom .part2 .part2_r a.fst{ padding-left:0px;}
.bottom .part2 .part2_r a.last{ border:none}
.bottom .part2 .part2_r p{ clear:both;color:#4d4d4d; line-height:18px; height:18px;}

.bottom .part3{width:1080px; margin:0 auto; color:#4d4d4d;padding-top:15px; padding-left:20px}
.bottom .part3 a{color:#4d4d4d;}


/* ؖҳ */
.endPageNum{ padding:10px 12px 6px; clear:both;}
.endPageNum .s1{width:42px; text-align:center;}
.endPageNum .s2{background:#9b9b9b; border:1px solid #dcdddd; color:#fff; font-weight:bold; text-align:center;}
.endPageNum a.s2:visited {color:#fff;}
.endPageNum a{padding:4px 5px 0;margin:5px 4px 0 0; color:#9b9b9b;background:#fff; display:inline-table; border:1px solid #dcdddd; float:left; text-align:center;}
.endPageNum a:visited{color:#9b9b9b;} 
.endPageNum a:hover{color:#fff; background:#9b9b9b; border:1px solid #9b9b9b;float:left;}
.endPageNum .s3{cursor:default;padding:4px 0px 0;margin:5px 4px 0 0; color:#ccc;background:#fff; display:inline-table; border:1px solid #ccc; float:left; text-align:center;}
.endPageNum a.kuan { width:40px;}
.endPageNum form { float:left;}
.endPageNum .sinput{width:112px; cursor:default;padding:1px 0px 0;margin:4px 4px 0 0; color:#ccc;background:#fff; display:inline-table; border:1px solid #ccc; float:left; text-align:center;}
.endPageNum .sinputgo{  color:#9b9b9b;  font-size:9pt;height:18px;text-align:center;}
.endPageNum .sinputnum{  color:#9b9b9b; font-size:9pt;height:13px;text-align:center;}


.dede_pages{
}
.dede_pages ul{
	padding:12px 0px 12px 16px;
	text-align:center;
}
.dede_pages ul li{

	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
	display:inline-block;
}
.dede_pages ul li a{

	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

ul{
	list-style:none;
}



 .main .part1 .active table .black14 {

	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 150%;
}





 .main .part1 .active table  .txt12 {
	color: #666666;
	line-height: 150%;
}


.main .part1 .active p a{
color:#000000;
}


.main .part1 .active p a:hover{
color:#f2391f;
}










.box_zj { height:auto; background:#FFF; padding:0 0 0 15px;}

.ywfw { 
width:690px; 
height:auto; 
float:left;
}

.ywfw .zj_keytitle{
width:100%;
font-size:13px;
font-family:"΢ɭ҅ۚ", "̎ͥ", "microsoft JhengHei", a, Arial, verenda;
height:58px;
line-height:78px;
text-indent:45px;
float:left; 
background-image: url(../images/hzhb_title.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.ywfw .zj_key{
height:410px;margin-left:20px;
width:330px;
display:block;
float:left; 
font-size:12px;
line-height:20px;
margin-top:8px;
 ;
border:solid #dfdfdf 1px;
background-color: #efefef;}


.box_zj .hzhb {
width:645px;
height:auto;
float:left;
}
.ywfw .zj_key li{text-indent:10px;}
.ywfw .zj_key li a{color:black;display:block;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.box_zj .hzhb .huoban {
 
float:left;}
.box_zj .hzhb .huoban table {    width: 100%;}
.box_zj .hzhb .hzhb_title {
    text-indent:40px;
	font-size:13px;
	height:58px;
	width:645px;
	line-height:78px;
	float:left;
	background-image: url(../images/hzhb_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:13px;
    font-family:"̎ͥ", "΢ɭ҅ۚ", "microsoft JhengHei", a, Arial, verenda;
}



.box_zj table {
text-align:center;

}
.box_zj td {
margin-left: 10px;
text-align: center;
height: 56px;
font-size:12px;
line-height:20px;
} 
.box_zj .hzhb .wzyx{
height:20px;
line-height:20px;
}

.box_zj .hzhb td img{
width:105px; 
height:58px;

}

.rmenu {float:right;width:370px;}
.rmenu li{    float: left;
  
    margin-right: 10px;

    margin-bottom: 10px;
   }
	.rmenu li a{display:block;     border: 1px #ddd solid;
    line-height: 2;
    text-align: center; width: 160px;color: #666}
.bottom .part2 .part2_l{width:450px;float:left}
#rotate{height:260px;width:350px;position:relative;margin:10px auto;}
#rotate a{position:absolute;top:0px;left:0px;color:#fff;font-weight:bold;padding:3px 6px;font-size:14px;}
#rotate a:hover{border:1px solid #eee;background:#000;border-radius:5px;}

.slideBox{ width:100%;overflow:hidden; position:relative;}
.slideBox.pc img{max-width:100%;width:100%;min-height:400px;}

.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
:focus{ outline:none;}
html{font-family: "微软雅黑";}
.box3.ad{width:100%;}
.box3.ad img{width:100%;}
.huoban li {border:12px solid rgba(0,0,0,0)}
.huoban li img{width:105px;height:58px;}
.huoban li p{text-align:center;line-height:25px;}
.p1{padding-top:20px;}
.bottom .part2 .part2_r .p1 a{border-right:none;color:#4d4d4d; margin:0;padding:0;}
.introduction{padding-top:15px;}
.logo img{margin-left:-20px;margin-top:-6px;}
.wap,.waps{display:none;}
.xls {width:1360px;margin: auto}
@media (max-width:768px) { 
#xslset{width:100% !important;}
.box{width:100% !important;}
.logo{width:50% !important;}
.logo img{max-width:90%;padding:0!important;margin:0!important;padding-top:10px!important;}
.logo dl{display:none;}
.top{height:60px;}
.wap{display:block;position:absolute;right:20px;top:17px;cursor:pointer;}
.wap i{font-size:30px;color:#fff;}
.nav{width:auto;position:fixed;top:60px;z-index:10000;height:auto;background:#000;display:none;right: 0;padding: 0 30px 50px;}
.nav_l{display:none;}
.nav ul{float:none;padding:0;margin:0;height:auto;}
.nav ul li{float:none;width:100%;}
.pc{display:none;}
.waps{display:block;}
.swiper.waps img{max-width:100%;}
.main{margin:0 auto;padding:0;width:100%;}
.main .part1{padding-left:0;height:auto;}
.main .part1 .active{width:98%;margin:0 auto;float:none;height:auto;}
.main .part1 .active p{width:98%;margin:0 auto;padding:0;padding-bottom:10px;padding-top:10px;border-bottom:1px solid rgba(0,0,0,0.1)}
.main .part1 .case{float:none;width:98%;height:auto;margin:0 auto;}
.main .part1 .case h1{width:100%;font-weight:600}

.main .part1 .case dl.d1{height:110px;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:5px;}
.main .part1 .case dl dt{width:30%;background:none;padding:3px;padding-top:8px;}
.main .part1 .case dl dt a{width:100%;height:85px;}
.main .part1 .case dl dt a{border:3px solid rgba(0,0,0,0)}
.main .part1 .case dl dt a img{width:100%;height:auto;}
.main .part1 .case dl dd{width:63%;float:right;}
.main .part1 .case dl dd h2{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:13px;padding-bottom: 0}
.main .part1 .case dl dd p{height:37px;overflow:hidden;}
.main .part1 .case dl dd a{text-align:right;}
.main .part1 h1{width:100%;text-align:left;font-weight:600}
.rmenu{width:100%;float:none;}
.rmenu li{width:47%;margin-right:0;margin-left:1%}
.rmenu li:nth-child(2n){margin-left:3%;}
.rmenu li a{width:100%;}
.rmenu .imgs {text-align:center}
.rmenu .imgs img{width:90%;}
.main .pro .pro_top p{padding:0;margin:0 auto;width: 100%;text-align:center;line-height:50px;}
.main .pro{width:100%;padding:0;margin:0 auto;}
.main .pro .prolist{width:48%;margin-right:2%;padding:0;margin-bottom:10px;background:none;height:258px;}
.main .pro .prolist:nth-child(2n){margin-right:0;}
.main .pro .prolist a{width:100%;padding:5px;border:none;background:none;height:auto;}
.main .pro .prolist a dl dt,.main .pro .prolist a dl dt img{width:100%;padding:0}
.main .pro .prolist a dl dt img{height:100px;}
.main .pro .prolist a dl dt{height:auto;}
.main .pro .prolist a dl dd h1{width:100%;padding-left:0;font-size:13px;line-height:30px;height:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background:#eeeeee;}
.main .pro .prolist a dl dd h1 span{font-size:13px;line-height:30px;height:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:90%;margin:0 auto;}
.main .pro .prolist a dl dd p{padding:5px;width:auto;}
.main .pro .list{padding:5px;}
.box_zj{padding:0;}
.ywfw{width:100%;float:none;}
.ywfw .zj_keytitle{float:none;}
.ywfw .zj_key{width:100%;padding:0px;margin:0 auto;float:none;background:#fff;height:auto;}
.ywfw .zj_key li{line-height:25px;}
.box_zj .hzhb,.box_zj .hzhb .hzhb_title,.box_zj .hzhb .huoban{width:100%;float:none;}
.huoban li{width:27.333%;border:none;padding:3%;}
.bottom .part2 .part2_l{display:none;}
.xls{width:100%;}
.bottom .part2 .part2_r{width:100%;float:none;padding:0;}
.bottom .part2 .part2_r ul{padding:10px 20px;}
.bottom .part2 .part2_r ul li{width:33.333%;line-height:30px;}
.bottom .part2 .part2_r ul li a{padding:0;border:none;}
.bottom .part2 .part2_r .p1{width:90%;margin:0 auto;}
.bottom .part2 .part2_r p{height:auto;}
.bottom .part3{width:auto;padding:10px 14px;line-height:25px;}
.subnav{display:none;}
.main2,.main2 .title{width:100%;height:auto;padding:0;margin-bottom:15px;}
.main2 .title h1{line-height:60px;}
.main2 .product{width:90%;padding:0;margin:0 auto;}
.main2 .product dt{width:30%;padding-right:0;}
.main2 .product dt img {width:100%!important;max-width:100%;height:auto!important;}
.main2 .product dd{width:60%;float:right;}
.main2 .product dd h3{font-size:13px;line-height:25px;height:auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main2 .product dd p{width:100%;height:40px;font-size:14px;line-height:20px;}
.main2 .product{height:auto;margin-bottom:35px;clear:both;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:15px}
.dede_pages ul{float:none;width:100%;padding:0;line-height:35px;text-align:center;}
.dede_pages ul strong{vertical-align:top;}
.dede_pages ul li{float:none;display:inline-block;vertical-align: middle;}
.information{height:auto;padding:0;}
.information,.information .connect{width:100%;float:none;margin: 0;padding: 0;}
.information .connect{width:auto;padding:15px;}
.information .connect ul{width:100%;padding-left:0;}
.information .connect ul li{width:100%;}
.connect > ul:nth-child(2) > li:nth-child(4){display:none;}
.information .view,.information .about{float:none;width:100%;margin: 0;padding: 0;}
.information h1{width:100%;margin: 0;padding: 0;}
.information .view ul{width:auto;float:none;height:auto;padding:15px;}
.information .about p{width:auto;padding:15px;}



.leftbox{width:auto;float:none;padding:15px;margin:0;display:none;}
.main2#nra{width:auto;float:none;}
.main2#nra .title{width:auto;}
.main2 .title h1{line-height:35px;font-size:14px;}
.main2 .title h3{line-height:35px;padding-top:0;}

.main2 .introduction{width:auto;padding:15px; float:none;}
.main2 .introduction iframe{width:100%;height:200px;margin:10px auto;}
.main2 .proimg,.main2 .proimg .proimg_border{width:100%;height:auto;float:none;border:none;}
.main2 .proimg img{max-width:100%;height:auto!important}
.main2 .proimg div{max-width:auto;width:auto !important;height:auto !important;padding:10px;}
.main2 .proimg{background:none;}
#caselist_2{display:none;}
.caselist{width:auto;height:auto;margin:0;padding:0;padding-top:25px;display:none;}
.main2 .test{width:auto;padding:15px;}
.main2 .lianxi{width:auto;}
.main2 .lianxi .lianxi_l,.main2 .lianxi .lianxi_r{float:none;}
.main2 .lianxi .lianxi_l table{width:auto;}
.main2 .lianxi .lianxi_r{padding:0;display:none;}

.main .ad,.main .ad img{height:auto;}

#xsl{width:auto !important;padding-top: 20px!important;}
.lst_nav{padding:10px;}
.lst_nav ul li{width:100% !important;float:none !important;margin-left:0 !important;}
.wen_lst{margin-top:0 !important;}
.wen_lst .lst_li_left{display:none;}
.wen_lst .lst_li{padding:20px 0px !important;}
.main2#nra .test,.main2 .newsul,.main2 .newsul li{width:auto !important;}
.main2#nra .test img{max-width:100%;height:auto !important;}
.main2 .newsul{padding:10px !important;}
.main2 .newsul li a{display: inline-block;float:none;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;width: 75%;line-height:25px;}
.main2 .newsul li span {
	 float: none;
	color: #666;
	font-family: Arial;
	font-size: 10px;
	display: inline-block;
	width: 25%;
	text-align: center;
	line-height: 25px;
	vertical-align: top;
}
video{
	max-width:100%;height: auto;
}
}


@media (min-width:768px) { 

div.zj_key:nth-child(2){margin-left:0;}

}

.footer {
    background: url(../images/fobj.jpg) repeat;
    margin-top: 15px;
    overflow: hidden;
    padding: 15px 0px;
    color: #595959;
}.links {
    padding-top: 10px;
}
#footer .f_ion{float: left;width: 27px;height: 100px;margin-right:5px;}
#footer .f_text {float: left;}
.f_context{margin: 0 auto; text-align: center;}

.container {
    margin: 0 auto;
	max-width: 1250px;
}
@media (min-width: 992px){
.col-md-3 {
    width: 25%;
}}

@media (min-width: 992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}}

@media (min-width: 992px){
.col-md-12 {
    width: 100%;
}}