@charset "UTF-8";
/**by DPR**/
 *,body,html,div,p,span,a,h1,h2,h3,h4,h5,h6,input,textarea,ul,ol,li,dl,dd,dt,table,tr,td,i{margin:0;padding:0;font-family:Microsoft Yahei,"宋体",Verdana,"Arial", "Verdana", "sans-serif";font-size:12px;color:#666;text-decoration:none;font-weight:100;}
 li{list-style:none;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
.clearfix{clear:both;zoom:1;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.within{width:1000px;margin:0 auto;}

.top{height:55px;padding:20px 0px 5px;}
.top .logo img{width:468px;}
.top p{padding-top:20px;}
.top p a{padding-left:5px;}
.top .ch{background:url(../images/china.jpg) no-repeat left center;padding:0px 10px 0px 22px;}
.top .en{background:url(../images/usa.jpg) no-repeat left center;padding-left:22px;}

.nav{background:url(../images/menubg.jpg) repeat-x center;width:100%;height:35px;}
.nav ul li{float:left;line-height:35px;height:35px;width:20%;position:relative; }
.nav ul li h3{width:100%;height:35px;position:absolute; overflow:hidden;}
.nav ul li h3 > a{color:#fff;font-size:14px;display:block;text-align:center;}
.nav ul li h3 >  a.on{background:url(../images/menubg_over.jpg) repeat-x center;}
.nav ul li i{top:0;width:100%;position:absolute; left:0; bottom:0; display:block; }
.nav ul li i.on{ background:url(../images/menubg_over.jpg) repeat-x center;}

.nav_son{background:url(../images/menubg_over.jpg) repeat-x center;width:100%;height:35px;  z-index: 10; position: absolute;  display:none;}
.nav_son_a_div{ position:absolute; left:0; top:35px; width:500px; z-index:11; }
.nav_son_a_div  a{height:35px;line-height:35px;background:url(../images/abg.jpg) no-repeat 0 15px;padding:0 15px 0 10px;display:inline-block; color:#fff; font-size:14px; font-weight:500}
.nav_son_a_div a:hover{color:#1059a4;background:url(../images/abg_over.jpg) no-repeat 0 15px;display:inline-block;}


.indone{margin:20px auto 15px;}
.indtit{background:url(../images/bva.jpg) repeat center top;border:1px solid #cacacc;height:32px;line-height:30px;border-top:none;border-bottom:none;}
.indtit h3{float:left;color:#444;font-size:14px;padding-left:15px;}
.indtit a{padding:3px 10px 2px 0px;color:#8f8f8f;}
.indtit p{color:#8f8f8f;}

.indone .comp{width:290px;}
.indcon{padding:19px 0px 14px;line-height:22px;}
.more{height:32px;}
.more a{background:url(../images/bva.jpg) repeat center top;padding:7px 10px;border:1px solid #cacacc;border-top:none;border-bottom:none;}

.indone .prod{width:408px;margin:0px 21px;}
.rig {width:260px;}
.rig .ceng{background:url(../images/vw.jpg) repeat-x center;padding:0px 20px;border:1px solid #cdcdcd;width:220px;height:64px;}
.rig .ceng h3{font-size:14px;color:#444;line-height:24px;}
.rig .equip{background:url(../images/chejian.png) no-repeat right center;margin:10px 0;}
.rig .rec{background:url(../images/zhaopin.png) no-repeat right center;margin:10px 0;}
.rig .honor{background:url(../images/honor_ico.png) no-repeat right center;margin:10px 0;background-size: contain;}
.rig .cont{width:260px;}
.rig .cont .tel{background:url(../images/ger.png) no-repeat left center;padding:8px 0px 5px 45px;border:1px solid #e2e2e2;border-left:none;border-right:none;margin:5px 0;}
.rig .cont .indcon{padding:19px 20px 14px;}
.rig .prod ul{padding:15px 20px;}
.rig .prod ul li{line-height:30px;background:url(../images/fefe.jpg) no-repeat left center;padding-left:10px;}
.rig .prod ul li a.on,.rig .prod ul li a:hover{color:#0d5fb5;}
.indscon .news{width:720px;}
.titbg{background:url(../images/vdg.jpg) repeat-x center;width:100%;border:1px solid #e9e9e9 ;border-bottom:1px solid #cdcdcd;}
.titbg h2{float:left;color:#444;font-size:14px;background:url(../images/bvab.jpg) repeat-x center;width:101px;text-align:center;border-left:1px solid #cdcdcd;border-right:1px solid #cacacc;height:33px;}
.titbg p{padding-left:10px;line-height:32px;}

.footnav{height:40px;line-height:42px;overflow:hidden;margin:40px auto 30px;background:#f3f3f3;border-bottom:1px solid #dcdcdc;}
.footnav ul li{float:left;margin-right:10px;}
.footnav ul li a{color:#666;}
.footnav .print,.footnav .email,.footnav .rtop{padding-left:14px;margin-left:5px;}
.footnav .print{background:url(../images/print.gif) no-repeat left center;}
.footnav .email{background:url(../images/email.gif) no-repeat left center;}
.footnav .rtop{background:url(../images/top.gif) no-repeat left center;}
.foot p{font-size:12px;color:#8f8f8f;line-height:20px;height:72px;}
.copy{width:660px;}
.sicp{width:340px;text-align:right;}

.subban{height:200px;background:url(../images/banner3.jpg) no-repeat center;margin:0px auto 20px;}
.submain{width:100%;}
.submain.com{width:720px;}
.submain.pro{width:720px;}
.submain .company,.submain .product,.submain .news,.submain .contact{border:1px solid #ecebeb;border-top:none;padding:20px 18px;}
.submain .company h4{font-size:13px;color:#0d5fb5;float:left;width:80px;line-height:24px;}
.submain .company .cont{font-size:13px;color:#888;width:90%;line-height:24px;}
.c-61b8ed{color:#27a1e0;}
.c-0d5fb5{color:#0d5fb5;font-size:14px;}
.mt15{margin-top:15px;}
.submain .hotprod{height:128px;overflow:hidden;}
.submain .product h4{font-size:13px;color:#0d5fb5;}
.submain .product .cont{font-size:13px;line-height:24px;}
.submain .product .cont span{color:#fff;background:#0d5fb5;padding:1px 10px;margin-right:10px;border-radius:5px;-webkit-border-radius:5px;}
.submain .product  ol li{width:158px;float:left;text-align:center;padding:1px;border:1px solid #dcdcdc;margin:0 4px 20px;}
.submain .product  ul li{width:200px;float:left;text-align:center;padding:1px;border:1px solid #dcdcdc;margin:10px 11px;}
.submain .product  li p{line-height:24px;}
.submain .product  li img,.submain .product  li a{display:block;width:100%;}
.submain .news li{line-height:32px;border-bottom:1px solid #dcdcdc;padding-left:5px;}
.submain .news li:nth-child(odd){background:#f9f9f9;}
.submain .news li:hover{background:#f2f2f2;}
.submain .news li a{padding-left:8px;float:left;background:url(../images/fefe.jpg) no-repeat left center;display:block;width:580px;}
.submain .news li span{float:right;}
.submain .news li:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

.submain .news h2{text-align:center;font-size:16px;line-height:36px;}
.submain .news h4{text-align:center;font-size:12px;color:#8f8f8f;line-height:24px;border-bottom:1px solid #dcdcdc;}
.submain .news .cont{font-size:13px;line-height:26px;margin-top:10px;}
.submain .contact{line-height:28px;}
.submain .contact h3{font-size:16px;color:#0d5fb5;}

.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 500px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #eb3a2f; }

.bannerslide { height:500px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}

.subNavBox{border:solid 1px #e5e3da;}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:14px;color:#999;line-height:28px;padding-left:10px;background:url(../images/jiantou1.jpg) no-repeat;background-position:95% 50%}
.subNav:hover{color:#277fc2;}
.currentDd{color:#277fc2}
.currentDt{background-image:url(../images/jiantou.jpg);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:200px;height:28px;text-align:center;font-size:14px;line-height:28px;color:#333}
.navContent li a:hover{color:#fff;background-color:#277fc2}

.list-right{padding-bottom:30px;}

.list-right ul li a{display:block;}
.list-right ul li a span{display:block;text-align: center; height:36px;line-height:36px;color:#6b7ca2;}
.list-right ul li a img{display:block;margin:auto;height:180px;max-width:100%;}
.list-right ul li{float:left;margin-left:15px;margin-top:30px;max-width:240px;border:1px solid #e1e1e1;width:30%; padding:0;}
.list-right ul li:hover span{color:#c20313;background:#6b7ca2;}
.list-right ul li:hover{border:1px solid #6b7ca2;}
.list-right ul{overflow:hidden;}



	.lanmu-content{width:100%;overflow:hidden;}
    .lanmu-content .listmore{display:block;text-align:center;height:25px;width:160px;border-top:0;background:#eee;color:#1594d1;font:normal 12px/25px Tahoma,Verdana;}
    .lanmu-list{display:block;}
    .lanmu-list dd{padding-top:2px;}
    .lanmu-list dd a{display:block;height:33px;background:#f9f9f9;border-bottom:1px solid #eee;border-top:2px solid #fff;border-left:2px solid #999;border-right:1px solid #eee;font:normal 12px/33px Georgia "宋体"; color:#adadad;padding-left:25px; line-height: 33px;}
    .lanmu-list dd a:hover{padding-left:35px;border-left:2px solid #1160ba;background-color:#f6f6f6;color:#1160ba;font-weight:bold;}
    .lanmu-list dd.on a{border-left:2px solid #1160ba;background-color:#f6f6f6;color:#1160ba;font-weight:bold;}


@media (max-width: 1000px){
	.within { width: 100%; box-sizing: border-box; padding: 0 20px; }
	.top.within { padding: 20px 20px 5px; }
	.top p.fr { display: none; }
	
	.bannerslide .swiper-slide { height: 400px; }
	
	.indone .comp { width: 100%; float: none; margin: 0 0 20px; }
	.indone .prod { width: 100%; float: none; margin: 0 0 20px; }
	.rig { float: none; width: 100%; }
	.rig .cont { width: 100%; }
	
	#demo { width: 100% !important; }
	
	.indscon .news { float: none; width: 100%; margin-bottom: 20px; }
	.rig .ceng { width: 100%; box-sizing: border-box; margin-bottom: 10px; }
	
	.submain { width: 100%; float: none; margin-bottom: 20px; }
	.submain .company .cont { margin-left: 80px; width: auto; float: none; }
	
	.submain .product ul li { width: 31.33333%; margin: 0 1% 20px; box-sizing: border-box; }
	.submain .product li img, .submain .product li a { height: auto !important; }
	
}

@media (max-width: 800px){

	.list-right ul li{width: 48%;margin-left: 0;}
	.list-right ul li:nth-child(2n){margin-left: 2%;}
	
	.bannerslide { height:auto;}
	.bannerslide .swiper-slide { height: 200px; }
	
	.bannerslide .swiper-slide .img { margin-left: 0; top: 20px; left: 5%; }
	.bannerslide .swiper-slide .img img { width: 30%; }
	
	
	
	.biaoge01 { display: block; width: 100%; margin-bottom: 20px; }
	.biaoge02 { display: none; }
	.biaoge03 { display: block; width: 100%; }
	
	
	.top .logo img { width: 90%; display: block; margin: 0 auto 16px; }
	.nav ul li { width: 25%; }
	.nav { height: 70px; background-size: auto 100%; }
	.top{height:70px;}
	.nav ul li i { display: none; }
	.nav ul li h3 a.on { background: none; }
	
	.footnav .within .fl { float: none; width: 100%; text-align: center; }
	.footnav ul li { display: inline-block; float: none; }
	.footnav ul li:last-child { margin-right: 0; }
	.footnav .within .fr { display: none; }
	.foot .copy { float: none; width: 100%; text-align: center; height: auto; margin-bottom: 10px; }
	.foot .sicp { float: none; width: 100%; text-align: center; }
	
	.foot div { width: 100% !important; text-align: center; }
	
	.submain .company h4 { width: 100%; float: none; margin-bottom: 10px; }
	.submain .company .cont { margin-left: 0; }
	.submain .company .cont img { max-width: 100%; }
	.submain .product .cont img { max-width: 100%; }
	.submain .product .cont table td img { max-width: 100%; }
	.submain .contact img { max-width: 100%; }
	
	
	.submain .product ul li { width: 48%; margin-bottom: 10px; }
	
	.submain .news li a { width: 100%; box-sizing: border-box; }
	.submain.com{width:100%;}
.submain.pro{width:100%;}
	
}