@charset "utf-8";
/**/

@media(max-width:1024px) {
#top{ position:fixed; z-index:2; width:100%; background:rgba(255,255,255,0.9); top:0;}
#top .k{ width:100%; margin:0 auto;}
#logo{ background:none; float:left;}
#logo img{ height:4rem; margin-left:1rem;}

#mbtn{ float:right; cursor:pointer; display:block;}
#mbtn img{ height:4rem;}

#menu{ float:inherit; width:100%; height:100%; z-index:20; position:fixed; left:0; top:0; margin-left:0%; background:rgba(0,0,0,0.8); display:none;}
#menu ul{ width:70%; height:100%; background:#fff; float:left; overflow:scroll; margin-left:-70%; transition:all 0.5s;}
#menu ul li{ float:inherit; border-bottom:solid 1px #eee; width:100%;}
#menu ul li a{ display:block; background:url(image/line1.jpg) no-repeat center 50%/0 2px; line-height:4rem; padding:0 25px; color:#000; font-size:1rem; text-transform:uppercase;}
#menu ul li a.zz{ background:url(image/down.png) no-repeat 95% center/auto 2rem;}

#menu ul li a:hover{ color:#000}
#menu ul li .zmenu{ position:inherit; z-index:20; background:#f7f7f7; display:none; box-shadow:0 0 5px rgba(0,0,0,0); min-width:240px; margin-top:0px; }
#menu ul li .zmenu p{ border-top:solid 1px #eee;}
#menu ul li .zmenu p a{ display:block; line-height:50px; color:#222; font-size:14px; text-transform:inherit;}
#menu ul li .zmenu p a:hover{ background:#c9000e; color:#fff;}

#close{ width:4rem; height:4rem; float:left; background:#013668; cursor:pointer; display:block;}
#close img{ width:100%;}


#search{ float:right; border-bottom:solid 1px #ccc; margin-top:33px; display:none;}
#search input{ background:none; height:30px; line-height:30px; font-size:14px; width:200px; text-indent:10px; color:#fff;}
#search button{ background:none; width:30px; height:30px; text-align:center; cursor:pointer;}

#lan{ float:right; line-height:4rem; color:#fff; margin:0 2rem 0 0;}
#lan a{ color:#fff;}
#lan a:hover{ color:#c00;}



/*视频bannerCSS开头*/
#banner{ width:100%; overflow:hidden; margin-top:4rem;}
#banner img{ width:100%;}
#word{ width:100%; text-align:center; position:absolute; z-index:1; }
#word img{ width:auto;}
#word p.a1{ font-size:2rem; font-weight:900; line-height:2rem; padding-bottom:1rem; color:#fff; letter-spacing:0; text-transform:uppercase;}
#word p.a3{ font-size:1rem; font-weight:100; line-height:1rem; color:#fff; letter-spacing:0; text-transform:uppercase;}
#word p.a2{ overflow:hidden; display:inline-block; margin-top:50px;}
#word p.a2 a{ display:block; line-height:36px; border-radius:5px; background:url(image/bit.png) no-repeat 80% center #da251d; text-align:center; float:left; width:122px; padding-right:20px; color:#fff;}
#word p.a2 a:hover{ width:155px;}

video#bgvid {
	right: 0;
	min-width: 100%;
	min-height:520px;
	width: auto;
	height: auto;
	z-index: 1;
	background-size: cover;
	opacity: 1;	
}
#video{ width:100%; overflow:hidden; height:auto; background:#000;}
.video{ overflow:hidden; height:auto; height:auto; width:100%; overflow:hidden; position:relative; opacity: 0.6;}
/*视频bannerCSS结束*/

#ind_about{ width:90%; max-width:1600px; margin:1rem auto 0 auto; overflow:hidden;}
#ind_about .left{ float:left; display:none; overflow:hidden; margin-right:0; width:100%; }
#ind_about .left img{ width:100%;}
#ind_about .right{ overflow:hidden; width:100%;}
#ind_about .right p.a1{ font-size:1.6rem; font-weight:900; line-height:1.6rem; text-transform:uppercase; padding:2rem 0 1rem 0; color:#013668;}
#ind_about .right p.a2{ line-height:1.8rem; font-size:0.9rem;}
#ind_about .right p.a3{ padding-top:30px;}
#ind_about .right p.a4{ overflow:hidden; margin-top:2rem;}


#ind_data{ width:90%; max-width:1600px; margin:2rem auto 0px auto; padding-top:1rem; overflow:hidden; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
#ind_data ul li{ width:50%; float:left; text-align:center; padding:0rem 0 1rem 0;}
#ind_data ul li p.data{ font-size:2rem; font-weight:900; line-height:2.4rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_data ul li p.data sup{ color:#c9000e;}
#ind_data ul li p.text{ font-size:0.8rem; text-transform:inherit; line-height:1.2rem; height:3.6rem; color:#666; padding:0 0.5rem;}
#ind_data ul li p.text br{ display:none;}


#ind_pro{ width:100%; background:url(image/di1.jpg) no-repeat top center/300% auto #eaf1f1;}
#ind_pro h2{ font-size:1.6rem; line-height:80px; font-weight:900; color:#fff; text-transform:uppercase; text-align:center; padding:2rem 0 0 0;}

#certi{ width:90%; margin:0rem auto 0 auto; overflow:hidden; padding-bottom:2rem;}
.certificate {width:90%; margin:0 auto; overflow:hidden; }
.certificate .swiper-slide {text-align: center;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.certificate .swiper-slide{ overflow:hidden; text-align:center; background:none;}
.certificate .swiper-slide a{ padding:0; display:block; font-size:1rem; text-transform:uppercase;  text-align:center; margin-bottom:20px; transition:all 0.5s; margin-top:5px; box-shadow:0 5px 5xp rgba(0,0,0,0.1);}
.certificate .swiper-slide a div.im{background-size:100% auto; transition:all 0.5s; overflow:hidden;}
.certificate .swiper-slide img{ width:100%; border:0;}
.certificate .swiper-slide a div.im:hover{background-size:120% auto;}
.certificate .swiper-slide a p.tt{line-height:3rem;}

#ind_pro_change{ position:absolute; width:100%; left:0; overflow:hidden; margin-top:-60vw; z-index:20;}
#ind_pro_change p{ cursor:pointer; background:rgba(0,0,0,0.8); transition:all 0.5s;}
#ind_pro_change p:hover{ background:#c51230}
#ind_pro_change p.left{ float:left;}
#ind_pro_change p.right{float:right;}


#ind_newpro{ width:100%; background:url(image/newproback.jpg) no-repeat bottom center/300% auto #fff;}
#ind_newpro h2{ font-size:1.6rem; line-height:80px; font-weight:900; color:#013668; text-transform:uppercase; text-align:center; padding:2rem 0 0 0;}
#ind_newpro .star{ text-align:center; padding:0 0 1rem 0;}

#newpro{ width:90%; margin:0rem auto 0 auto; padding:0 5%; overflow:hidden;}
.newproduct {margin:0 auto; overflow:hidden; }
.newproduct .swiper-slide {text-align: center;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.newproduct .swiper-slide{ overflow:hidden; text-align:center; background:none;}
.newproduct .swiper-slide a{ padding:0; display:block; font-size:1rem; text-transform:uppercase;  text-align:center; margin-bottom:20px; transition:all 0.5s; margin-top:5px;}
.newproduct .swiper-slide a div.im{background-size:100% auto; transition:all 0.5s; overflow:hidden;}
.newproduct .swiper-slide img{ width:100%; border:0;}
.newproduct .swiper-slide a div.im:hover{background-size:120% auto;}
.newproduct .swiper-slide a p.tt{line-height:3rem; color:#000;}

#ind_newpro_change{ position:absolute; width:100%; left:0; overflow:hidden; margin-top:-80vw; z-index:20;}
#ind_newpro_change p{ cursor:pointer; background:rgba(0,0,0,0.8); transition:all 0.5s;}
#ind_newpro_change p:hover{ background:#c51230}
#ind_newpro_change p.left{ float:left;}
#ind_newpro_change p.right{float:right;}



#ind_oem{ width:100%; background:url(image/di4.jpg) no-repeat center top/auto 100%; min-height:627px; padding-bottom:2rem;overflow:hidden;}
#ind_oem .k{ width:96%; margin:2rem auto 0 auto; overflow:hidden;}
#ind_oem .k ul{ width:100%;}
#ind_oem .k ul li{ cursor:pointer; float:left; width:48%; height:40vw; text-align:center; margin:0.3rem 1%; background:rgba(1,54,104,0.5); transition:all 0.5s; color:#fff; font-size:0.7rem; line-height:2rem; overflow:hidden; border:0; padding:0;}
#ind_oem .k ul li:hover{ background:#013668;}
#ind_oem .k ul li img{ margin-top:2rem; width:40%;}
#ind_oem .k ul li:nth-child(1){ background:#eaf1f1;}
#ind_oem .k ul li:nth-child(1) p:nth-child(1){ font-size:1.4rem; color:#c51230; font-weight:900; line-height:1.4rem; margin-top:3rem;}
#ind_oem .k ul li:nth-child(1) p:nth-child(2){ font-size:0.7rem; color:#013668; line-height:1.4rem;}
#ind_oem .k ul li:nth-child(1) img{ margin-top:10px;}


#ind_news{ width:90%; margin:0 auto 1rem auto; overflow:hidden;}
#ind_news h2{ font-size:1.6rem; color:#013668; text-align:center; line-height:80px; font-weight:900; text-transform:uppercase; padding:1rem 0 0 0;}
#ind_news ul{ overflow:hidden; width:100%;}
#ind_news ul li{ width:100%; float:left; margin-right:0; margin-bottom:2rem;}
#ind_news ul li a{ display:block;}
#ind_news ul li a p:nth-child(1){ overflow:hidden;}
#ind_news ul li a p:nth-child(1) img{ width:100%;}
#ind_news ul li a p:nth-child(2){ font-size:1rem; font-weight:900; padding:1rem 0; color:#000; line-height:1rem; }
#ind_news ul li a p:nth-child(3){ font-size:0.8rem; line-height:1.2rem; color:#666; }
#ind_news ul li a p:nth-child(4){ color:#013668; padding-top:30px;}
#ind_news ul li a p:nth-child(4) img{ vertical-align:middle; margin-right:5px;}
#ind_news ul li a:hover p:nth-child(1) img{transform:scale(1.15)}


/*banner*/
.swiper-container {	width:100%; margin-left:auto; margin-right:auto;}
.swiper-slide {	text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content: center; justify-content:center; -webkit-box-align:center; -ms-flex-align: center; -webkit-align-items:center; align-items:center;}
.swiper-slide{overflow:hidden;}
.swiper-slide img {width:auto; border:solid 1px #eee; display:block;}

#ind_change{ overflow:hidden; margin:60px auto 100px auto; width:140px;}
#ind_change p.left{ width:65px; height:36px; background:url(image/left1.png) no-repeat center #eee; border-radius:5px; cursor:pointer; float:left; transition:all 0.5s;}
#ind_change p.left:hover{background:url(image/left2.png) no-repeat center #c9000e;}
#ind_change p.right{ width:65px; height:36px; background:url(image/right2.png) no-repeat center #222; border-radius:5px; cursor:pointer; float:right;transition:all 0.5s;}
#ind_change p.right:hover{background:url(image/right2.png) no-repeat center #c9000e;}

#bottom{ background:url(image/bottom.jpg) no-repeat bottom center/auto 15rem #e6f2fe; width:100%; overflow:hidden;}
#bottom .k{ width:90%; max-width:1600px; margin:0 auto 60px auto; overflow:hidden;}
#bottom .k ul{ float:left; overflow:hidden; width:100%;}
#bottom .k ul li{ float:left;}
#bottom .k ul li:nth-child(1){ width:100%; margin-right:0;}
#bottom .k ul li:nth-child(1) p:nth-child(1){ margin-top:2rem;}
#bottom .k ul li:nth-child(1) p:nth-child(2){ font-size:1rem; color:#013668; line-height:40px; padding-top:20px; font-weight:bold; font-size:0.8rem;}
#bottom .k ul li:nth-child(2){ width:100%; margin-right:0; font-size:0.8rem;}
#bottom .k ul li:nth-child(2) p.tt{ padding-bottom:5px;}
#bottom .k ul li p.tt{ overflow:hidden; padding-top:1rem; font-size:1rem; line-height:50px; font-weight:bold; color:#013668;}


#bottom .k .bottom_right{  display:none;}

#bottom1{ overflow:hidden; text-align:center; width:90%; margin:130px auto 30px auto; overflow:hidden; line-height:1rem; font-size:0.8rem; color:#fff;}

/*简介页面*/
#about_banner{ background:url(image/about_banner_di.jpg) no-repeat center top/400% auto; height:150px; width:100%; overflow:hidden;}
#news_banner{ background:url(image/newsbanner.jpg) no-repeat center top/400% auto; height:150px; width:100%; overflow:hidden;}

#kmenu{ display:none;} 
#pmenu{ display:none;} 
#about_title{ width:90%; max-width:1600px; margin:1rem auto 0 auto; overflow:hidden;}
#about_title p.position{ font-size:0.7rem; color:#999; text-align:center;}
#about_title p.tt{ font-size:1.4rem; font-weight:700; line-height:3rem; text-transform:uppercase; text-align:center;}
#about_text{ width:90%; max-width:1600px; margin:20px auto 0 auto; font-size:0.9rem; overflow:hidden;}

#about_company_pic{ width:90%; max-width:1600px; margin:2rem auto 3rem auto; overflow:hidden;}
#about_company_pic .left{ width:100%; float:left;}
#about_company_pic .left img{ width:100%;}
#about_company_pic .right{ overflow:hidden; width:100%;}
#about_company_pic .right ul li{ width:50%; float:left; text-align:center;}
#about_company_pic .right ul li a{ display:block; font-size:0.9rem; line-height:2rem; text-transform:uppercase; background:url(image/line.jpg) no-repeat left top/0% 4px,url(image/line.jpg) no-repeat right bottom/0% 4px,url(image/line.jpg) no-repeat right top/4px 0%,url(image/line.jpg) no-repeat left bottom/4px 0%;}
#about_company_pic .right ul li a img{ width:3rem; padding-top:1.4rem;}
#about_company_pic .right ul li:nth-child(1){ background:#eaf1f1;}
#about_company_pic .right ul li:nth-child(2){ background:url(image/company_video_di.jpg) no-repeat center/100% auto; transition:all 0.5s;}
#about_company_pic .right ul li:nth-child(2) img{ width:1.2rem; padding-top:0.5rem;}
#about_company_pic .right ul li:nth-child(3){ background:#013668;}
#about_company_pic .right ul li:nth-child(3) a{ color:#fff;}
#about_company_pic .right ul li:nth-child(4){ background:#eaf1f1;}

#about_company_pic .right ul li a:hover{background:url(image/line.jpg) no-repeat left top/100% 4px,url(image/line.jpg) no-repeat right bottom/100% 4px,url(image/line.jpg) no-repeat right top/4px 100%,url(image/line.jpg) no-repeat left bottom/4px 100%;}
#about_company_pic .right ul li:nth-child(2):hover{ background:url(image/company_video_di.jpg) no-repeat center/110% auto;}

#about_active_tt{ width:90%; max-width:1600px; overflow:hidden; margin:0 auto;}
#about_active_tt p{ font-weight:900; font-size:1.6rem; line-height:2rem; text-transform:uppercase;}
#about_active_tt span{ float:right;}
#about_active_tt span a{ line-height:30px; width:100px; text-align:center; margin-top:30px; background:#c9000e; color:#fff; display:block;}
#about_active_tt span a:hover{ width:120px;}

#about_active_list{ overflow:hidden; width:90%; max-width:1600px; margin:20px auto 0 auto;}
#about_active_list ul li{ width:100%; float:left; margin-right:0; margin-bottom:2rem; }
#about_active_list ul li:nth-child(3){ margin-right:0;}
#about_active_list ul li a{ display:block;}
#about_active_list ul li a p.a1{ overflow:hidden;}
#about_active_list ul li a p.a1 img{ width:100%; transition:all 0.5s;}
#about_active_list ul li a p.a2{ font-size:18px; line-height:50px; font-weight:700; margin-top:10px;}
#about_active_list ul li a p.a3{ line-height:18px; color:#666;}
#about_active_list ul li a p.a4{ padding-top:30px;}
#about_active_list ul li a:hover p.a1 img{ transform:scale(1.15)}
#about_active_list ul li a:hover p.a2{ color:#c9000e;}

#certification_list{ width:90%; max-width:1600px; margin:40px auto 60px auto; overflow:hidden;}
#certification_list ul{ border-left:solid 1px #eee;border-top:solid 1px #eee; overflow:hidden;}
#certification_list ul li{ float:left; border-right:solid 1px #eee; border-bottom:solid 1px #eee; }
#certification_list ul li img{ width:100%;}

#certification_list1{ width:90%; max-width:1600px; margin:40px auto 100px auto; overflow:hidden;}
#certification_list1 ul li{ float:left; margin-right:50px;}
#certification_list1 ul li:nth-child(3){ margin-right:0;}

#honor{ overflow:hidden; width:95%; margin:1rem auto 0 auto;}
#honor ul{ width:100%;}
#honor ul li{ width:50%; float:left; text-align:center; margin:0 0 1rem 0;}
#honor ul li a{ background:#eee; padding:10px 10px 0px 10px; margin:0 0.5rem; font-size:0.8rem; display:block; background:#eaf1f1;}
#honor ul li a img{ width:100%;}
#honor ul li a p:nth-child(2){ line-height:2rem; padding-top:0px;}
#honor ul li a:hover{ background:#013668; color:#fff;}





#history{ width:100%; overflow:hidden;}
#history img{ width:100%; display:none;}

#history ul{ display:block; width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#history ul li{ overflow:hidden; display:block; border-bottom:solid 1px #eee; padding-bottom:1.5rem; margin-bottom:1.5rem;}
#history ul li p.tt{ font-size:1.4rem; font-weight:900; color:#c9000e; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#history ul li p.cc{ font-size:0.9rem; line-height:1.2rem;}


#history_list{overflow:hidden; width:100%; max-width:1600px; margin:20px auto 1rem auto;}
#history_list .con{ overflow:hidden; margin-top:50px;}
#history_list .con ul{ width:100%;}
#history_list .con ul li{ float:left; width:90%; min-height:auto; margin-bottom:1rem; margin-right:0; padding:30px 5%; background:#eaf1f1;}
#history_list .con ul li p:nth-child(1){ font-size:30px; font-weight:900; line-height:50px; color:#013668;}

#history_list .tc{ width:100%;}
#history_list .tc img{ width:100%;}

#active_list{ overflow:hidden; width:90%; max-width:1600px; margin:50px auto 20px auto;}
#active_list ul li{ width:100%; float:left; margin-right:5%; padding-bottom:60px;}
#active_list ul li.ait{ margin-right:0;}
#active_list ul li a{ display:block;}
#active_list ul li a p.a1{ overflow:hidden;}
#active_list ul li a p.a1 img{ width:100%; transition:all 0.5s;}
#active_list ul li a p.a2{ font-size:18px; line-height:50px; font-weight:700; margin-top:10px;}
#active_list ul li a p.a3{ line-height:18px; color:#666; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; display:-webkit-box;-webkit-box-orient:vertical;}
#active_list ul li a p.a4{ padding-top:30px;}
#active_list ul li a:hover p.a1 img{ transform:scale(1.15)}
#active_list ul li a:hover p.a2{ color:#c9000e;}

#more{ overflow:hidden;}
#more a{ display:block; width:150px; line-height:40px; background:#eee; text-align:center; margin:0 auto 3rem auto; overflow:hidden; border-radius:5px;}
#more a:hover{ background:#c9000e; color:#fff; width:180px;}

#culture{ width:90%; max-width:1600px; margin:40px auto 2rem auto; overflow:hidden;}
#culture .left{ float:left;overflow:hidden; width:100%;}
#culture .left p{ margin-right:0px;}
#culture .left img{ width:100%;}
#culture .right{ overflow:hidden; width:100%;}
#culture .right .a1{ background:#eee; padding:0 1rem 1.5rem 1rem;}
#culture .right .a1 p.b1{ font-size:1.2rem; font-weight:900; text-transform:uppercase; line-height:2.4rem; padding-top:1rem;}
#culture .right .a1 p.b2{ font-size:0.9rem; line-height:1.4rem;}

#culture .right .a2{ overflow:hidden;}
#culture .right .a2 ul li{ width:33.33%; overflow:hidden; float:left; text-align:center; text-transform:uppercase; line-height:3rem; font-size:0.9rem; }
#culture .right .a2 ul li div{ margin:10px 10px 0 0 ;}
#culture .right .a2 ul li p.b1{}
#culture .right .a2 ul li img{ width:4rem; padding-top:1rem;}
#culture .right .a2 ul li:nth-child(1) div{ background:#5d2c31; color:#eee;}
#culture .right .a2 ul li:nth-child(2) div{background:#2a3f64; color:#eee;}
#culture .right .a2 ul li:nth-child(3) div{ margin-right:0;background:#1c3b1f; color:#eee;}

/*工厂实力*/
#strength_banner{ background:url(image/strength_banner.jpg) no-repeat center top/400% auto; height:150px; width:100%; overflow:hidden;}
#strength_banner .k{ width:90%; max-width:1600px; margin:240px auto 0 auto; overflow:hidden;}
#strength_banner .k p{ float:left; margin-right:10px;}
#strength_banner .k p a{ display:block; border:solid 2px #fff; line-height:30px; padding:0 20px; color:#fff;}
#strength_banner .k p a:hover{ background:#fff; color:#222;}
#strength_banner .k p a.it{ background:#fff; color:#222;}

#strength{ width:90%; max-width:1600px; overflow:hidden; margin:1rem auto 2rem auto; background:#eee;}
#strength .left{ float:left; width:100%;}
#strength .right{ padding:1rem 1rem 0px 1rem; overflow:hidden;}
#strength .right p.tt{ font-size:1.4rem; font-weight:900; text-transform:uppercase; line-height:3rem;}
#strength .right p.text{ font-size:0.9rem; line-height:1.4rem; padding-top:0; padding-bottom:2rem; text-align:left;}

#strength_digitail{ width:90%; max-width:1600px; overflow:hidden; margin:0 auto 0 auto;}
#strength_digitail p.tt{ font-size:1.4rem; line-height:3rem; font-weight:900; text-align:center; text-transform:uppercase;}
#strength_digitail p.text{ font-size:0.9rem; line-height:24px; text-align:center; padding:0 0 1rem 0; text-align:left;}
#strength_digitail p.pic{ text-align:center;}
#strength_digitail p.pic img{ width:100%;}

#strength_pic{ width:90%; margin:60px auto 100px auto; overflow:hidden; max-width:1600px;}

#strength_digitail1{ width:100%; background:#ddeff7; overflow:hidden; margin-top:2rem;}
#strength_digitail1 .k{ width:90%; max-width:1600px; margin:0 auto 2rem auto; overflow:hidden; text-align:center;}
#strength_digitail1 p.tt{ font-size:1.3rem; font-weight:800; line-height:1.5rem; padding-top:2rem; padding-bottom:1rem; text-align:left;}
#strength_digitail1 p.tt span{ color:#c9000e; font-size:2rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#strength_digitail1 p.cc{ font-size:0.9rem; line-height:1.4rem; text-align:left;}

#strength_digitail1 .pic{margin:2rem auto 0 auto; overflow:hidden;}
#strength_digitail1 .pic .l{ float:left; width:100%;}
#strength_digitail1 .pic .l img{ width:100%;}
#strength_digitail1 .pic .r{ float:right; width:100%; overflow:hidden;}
#strength_digitail1 .pic .r ul li{ float:left; width:50%; overflow:hidden;}
#strength_digitail1 .pic .r ul li p{ margin:0.5rem 0 0 0;}
#strength_digitail1 .pic .r ul li img{ width:100%;}

#strength_digitail2{ width:90%; margin:2rem auto; max-width:1600px; text-align:center; overflow:hidden; background:#eee;}
#strength_digitail2 div.tt{ font-size:1.2rem;line-height:1.4rem; padding-top:1.5rem; text-align:center; float:inherit; padding-bottom:2rem;}
#strength_digitail2 div.tt span{ color:#c9000e; font-size:1.4rem;  font-weight:800; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#strength_digitail2 div.list{float:inherit; width:100%;}
#strength_digitail2 div.list img{ width:100%;}


#manufactury1{ width:90%; margin:1rem auto 1rem auto; overflow:hidden; max-width:1600px; background:#eee;}
#manufactury1 .left{ width:100%; float:left; background:#fff;}
#manufactury1 .left img{ width:100%; }
#manufactury1 .left p{ height:4.5rem; margin-right:0px; background:url(image/strength/b1.jpg) no-repeat right top/100% auto;}
#manufactury1 .right{ overflow:hidden; padding:1rem 1.5rem; font-size:0.9rem;}
#manufactury1 .right p.tt{ font-size:1.3rem; font-weight:700; text-transform:uppercase; line-height:2rem;}

#manufactury2{ width:90%; margin:1rem auto 1rem auto; overflow:hidden; max-width:1600px; border-bottom:solid 0px #eee; padding-bottom:30px;}
#manufactury2 p.tt{ font-size:1.3rem; font-weight:bold; text-transform:uppercase; line-height:2rem; padding-bottom:1rem; padding-top:1rem;}
#manufactury2 p.text{ font-size:0.9rem;}
#manufactury2 p.pic{ margin-top:30px; border-top:solid 1px #eee; padding-top:1rem; overflow:scroll;}
#manufactury2 p.pic img{ width:1000px; max-width:1538px;}

#manufactury3{ width:90%; margin:0px auto 30px auto; overflow:hidden; max-width:1600px; border-bottom:solid 1px #eee; padding-bottom:30px;}
#manufactury3 p.tt{ font-size:20px; font-weight:900; text-transform:uppercase; line-height:60px;}
#manufactury3 p.text{ font-size:16px;}

#manufactury3 .a1{ overflow:hidden; margin-top:20px;}
#manufactury3 .a1 .b1{ width:50%; float:left;}
#manufactury3 .a1 .b1 p{ overflow:hidden; margin-bottom:10px; font-size:16px;}
#manufactury3 .a1 .b1 p span{ display:block; font-size:14px; border-radius:50px; width:24px; height:24px; background:#c9000e; color:#fff; text-align:center; float:left; margin-right:10px;}

#manufactury4{ width:90%; max-width:1600px; margin:0 auto 100px auto; overflow:hidden;}
#manufactury4 ul li{ width:20%; float:left; background:#eee;}
#manufactury4 ul li p{ text-align:center;}
#manufactury4 ul li .pic{ overflow:hidden;}
#manufactury4 ul li .pic img{ width:100%;}
#manufactury4 ul li p.tt{ font-size:24px; line-height:24px; font-weight:900; padding:10px 0;}
#manufactury4 ul li p.a1{ padding-top:60px;}
#manufactury4 ul li:nth-child(1) p.tt{ padding:60px 50px 10px 50px; text-align:left;}
#manufactury4 ul li:nth-child(1) p.con{ padding:0 50px; font-size:16px; text-align:left;}


#factory1{ width:100%; background:#deeef6; text-align:center; padding-bottom:2rem;}
#factory1 .tt{ font-size:1.4rem; font-weight:bold; text-transform:uppercase; line-height:2rem; padding-top:2rem; padding-bottom:1rem;}
#factory1 .pic{ width:90%; max-width:1600px; margin:0 auto; overflow:scroll;}
#factory1 .pic img{ width:1000px; max-width:1417px;}


#factory2{ width:100%; background:#fff; text-align:center; padding-bottom:2rem;}
#factory2 .tt{ font-size:1.3rem; font-weight:700; text-transform:uppercase; line-height:3rem; padding-top:2rem; padding-bottom:2rem;}
#factory2 .list{ width:90%; margin:0 auto; text-align:center; overflow:scroll; }
#factory2 .list ul{ display:block; width:1260px;}
#factory2 .list ul li{ width:280px; float:left;}
#factory2 .list ul li p{ line-height:1.4rem; font-size:1rem;}
#factory2 .list ul dd{ float:left; padding-top:90px;}











#testing{ width:90%; margin:0 auto; overflow:hidden; max-width:1600px; font-size:16px;}

#test1{ width:90%; margin:40px auto 60px auto; overflow:hidden; max-width:1600px; display:none;}
#test1 ul li{ width:20%; float:left; text-align:center;}
#test1 ul li img{ width:100%; border-bottom:solid 1px #eee;}
#test1 ul li div{ margin-right:20px; border:solid 1px #eee; padding:20px;}
#test1 ul li div p.tt{ font-size:18px; font-weight:bold; line-height:50px;}
#test1 ul li div p.cc{ font-size:14px;}

/*检测中心test图表*/
.test_list{	width:100%; margin:0 auto 0 auto; }
.test_list .swiper-slide {text-align:center; overflow:hidden; height:auto;}
.test_list .swiper-slide img {width:100%;  border:0; height:auto;}
.test_list .swiper-slide .k{ border:solid 1px #eee; padding:20px; margin-bottom:50px;}
.test_list .swiper-slide div.tt{ line-height:50px; font-size:18px; font-weight:bold;}
.test_list .swiper-slide div.cc{ font-size:14px; line-height:18px; height:54px;}

#test2{ width:90%; margin:30px auto 100px auto; max-width:1600px; overflow:hidden;}

#test0{ width:90%; margin:30px auto 0 auto; overflow:hidden; max-width:1600px;}
#test0 img{ width:100%;}


#test3{ width:90%; max-width:1600px; margin:1rem auto 2rem auto; overflow:hidden; text-align:center;}
#test3 img{ width:100%; max-width:1300px;}
#test3 p{ position:absolute;}
#test3 p img{ animation:myroll 10s linear infinite; width:100%;}


@keyframes myroll
{
0%{ transform:rotate(0deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}






#rd{ width:90%; margin:30px auto 100px auto; max-width:1600px; overflow:hidden; font-size:16px; line-height:30px; background:#eee;}
#rd div:nth-child(1){ width:40%; float:left;}
#rd div:nth-child(1) p{ padding:90px 70px 0 70px;}
#rd div:nth-child(1) p span{ font-size:30px; font-weight:900; color:#c00; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#rd div:nth-child(2){ width:30%; float:left;}
#rd div:nth-child(2) p{ position:absolute; background:#c00; color:#fff; padding:0 20px; margin-left:10px;}
#rd div:nth-child(3){ width:30%; float:left;}
#rd div:nth-child(3) p{ position:absolute; background:#c00; color:#fff; padding:0 20px; margin-left:10px;}
#rd div img{ width:100%; border-left:solid 10px #fff;}


#rd1{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden; font-size:16px; line-height:30px; border-top:solid 1px #eee;border-bottom:solid 1px #eee; padding:40px 0;}
#rd1 span{ font-size:30px; font-weight:900; color:#c00; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#rd2{ width:90%; max-width:1600px; margin:2rem auto 0rem auto; overflow:hidden;}
#rd2 .left{ float:left; width:499px; height:548px; overflow:hidden; background:url(image/factory/c1.png) no-repeat center; margin-top:25px; display:none;}
#rd2 .left ul{ width:406px; height:406px; border-radius:50%; overflow:hidden; margin-top:70px;}
#rd2 .left ul li{ display:none;}

#rd2 .right{ float:left; overflow:hidden; margin-left:0px; width:100%;}
#rd2 .right ul li{ overflow:hidden; margin-bottom:36px; border-bottom:solid 1px #eee; padding-bottom:1rem;}
#rd2 .right ul li:last-child{ border-bottom:0;}
#rd2 .right ul li .a1{ float:left; margin-right:0px; width:100%; text-align:center;}
#rd2 .right ul li .a1 img{ width:5rem;}
#rd2 .right ul li .a2 .b1{ font-size:1.4rem; text-align:center; line-height:60px; font-weight:800; padding-top:15px;}
#rd2 .right ul li .a2 .b2{ font-size:1rem; text-align:center;}





#salenet_map{ width:100%; overflow:hidden; background:url(image/di3.jpg) no-repeat center top/100% 100%; overflow:hidden; color:#fff;}
#salenet_map .k{ width:90%; margin:2rem auto 1rem auto; overflow:hidden; max-width:1600px;}
#salenet_map .k p.tt{ font-size:1.4rem; line-height:3rem; font-weight:700; text-align:left;}
#salenet_map .k p.cc{ overflow:hidden; padding-bottom:0; font-size:0.8rem; line-height:30px; width:100%; margin:0 auto; text-align:left;}
#salenet_map .k p.pic{ text-align:center;}
#salenet_map .k p.pic img{ width:100%;}











/*服务中心*/
#service_banner{ background:url(image/service_banner.jpg) no-repeat center top/260% auto; height:150px; width:100%; overflow:hidden;}
#service_banner .k{ width:90%; max-width:1600px; margin:240px auto 0 auto; overflow:hidden; display:none;}
#service_banner .k p{ float:left; margin-right:10px;}
#service_banner .k p a{ display:block; border:solid 2px #fff; line-height:30px; padding:0 20px; color:#fff;}
#service_banner .k p a:hover{ background:#fff; color:#222;}
#service_banner .k p a.it{ background:#fff; color:#222;}

#brand{ width:90%; margin:1rem auto 2rem auto; max-width:1600px; overflow:hidden;}
#brand ul{ border-top:solid 1px #eee; border-left:solid 1px #eee; overflow:hidden;}
#brand ul li{width:33.33%; text-align:center; float:left;}
#brand ul li img{ width:100%;}
#brand ul li p{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; padding:30px 0;}

#salenet{ width:90%; margin:40px auto 100px auto; max-width:1600px; overflow:hidden;}
#salenet .left{ float:left; overflow:hidden; width:50%; margin-right:70px;}
#salenet .left img{ width:100%;}
#salenet .right{ overflow:hidden;}
#salenet .right p.tt{ font-size:30px; font-weight:900; line-height:100px;text-transform:uppercase; padding-top:10px;}
#salenet .right p.text{ font-size:16px; line-height:30px; padding-top:10px; }

#process{ width:90%; margin:40px auto 100px auto; max-width:1600px; overflow:hidden;}

/*产品*/
#pro_banner{ background:url(image/pro_banner.jpg) no-repeat center top/400% auto; height:150px; width:100%; overflow:hidden;}


#pro{ width:90%; max-width:1600px; margin:20px auto 30px auto; overflow:hidden;}
#pro ul li{ width:50%; float:left; margin-bottom:1rem;}
#pro ul li a{ display:block; padding:2px;  text-align:center; font-size:16px; background:url(image/line.jpg) no-repeat left top/0 2px,url(image/line.jpg) no-repeat right top/2px 0px,url(image/line.jpg) no-repeat right bottom/0 2px,url(image/line.jpg) no-repeat left bottom/2px 0px; padding-bottom:20px;}
#pro ul li a p.a1{overflow:hidden;}
#pro ul li a p.a1 img{ width:100%; transition:all 0.5s;}
#pro ul li a p.a2{ display:inline-block;}
#pro ul li a p.a2 span{ display:block; width:20px; float:left; height:5px; margin:0 2px 20px 2px;}
#pro ul li a p.a3{ font-weight:bold;}
#pro ul li a p.a4{ font-size:0.9rem;}

#pb1{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden;  padding-top:1rem;}
#pb1 .left{ width:100%; float:left; margin-right:0;}
#pb1 .left img{ width:100%; border:0;}
#pb1 .right{ overflow:hidden; width:100%;}
#pb1 .right p.a1{ overflow:hidden;}
#pb1 .right h1{ padding-bottom:1rem; border-bottom:solid 1px #eee; margin-bottom:1rem; font-size:1rem;}
#pb1 .right div.a2{ font-size:0.8rem; line-height:1.2rem; border-bottom:solid 1px #eee; padding-bottom:1rem;}
#pb1 .right div.a3{ overflow:hidden; border-bottom:solid 1px #eee; padding:1rem 0 1rem 0;}
#pb1 .right div.a3 p.tt{ font-size:1rem;  font-weight:900;}
#pb1 .right div.a3 p.cc{ overflow:hidden; margin-top:20px;}
#pb1 .right div.a3 p.cc span{ display:block; float:left; width:2rem; height:10px; margin-right:10px;}

#pb1 .right div.a4{ overflow:hidden; margin-top:20px; border-bottom:solid 1px #eee; padding-bottom:20px;}
#pb1 .right div.a4 ul li{ float:left; width:15%; border:solid 1px #eee; padding:5px; cursor:pointer; margin-right:1%;}
#pb1 .right div.a4 ul li img{ width:100%;}

#pb1 .right div.a5{ overflow:hidden; margin-top:30px;}
#pb1 .right div.a5 p{ float:left; margin-right:5px; }
#pb1 .right div.a5 p a{ display:block; line-height:36px; background:#222; padding:0 20px; color:#fff;}
#pb1 .right div.a5 p:nth-child(2) a{ background:#013668;}
#pb1 .right div.a5 p a:hover{ padding:0 30px;}

#pd_detail{ width:90%; max-width:1600px; margin:1rem auto 2rem auto; overflow:hidden; }


#probig_btn{ width:100%; overflow:hidden; margin-top:50px;}
#probig_btn ul{ width:100%;}
#probig_btn ul li{ width:25%; margin-right:0; padding:0.8rem 0; font-size:0.7rem; cursor:pointer; float:left; text-align:center; background:#eee;}
#probig_btn ul li p:nth-child(2){ display:none;}

#logo_con{ width:100%; overflow:hidden; margin-bottom:0px;display:none; padding-top:1rem;}
#logo_con ul{ width:100%;}
#logo_con ul li{ width:50%; float:left;}
#logo_con ul li a{ display:block; padding:1rem 1rem 0px 1rem; font-size:0.8rem; text-align:center; line-height:3rem;}
#logo_con ul li a img{ width:80%; border-radius:30px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}

#material{ width:100%; overflow:hidden; margin-bottom:0px;display:none;padding-top:1rem;}
#material ul{ width:100%;}
#material ul li{ width:50%; float:left;}
#material ul li a{ display:block; padding:1rem 1rem 0px 1rem; text-align:center; line-height:60px;}
#material ul li a img{ width:80%; border-radius:30px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}

#color{ display:none; padding-top:1rem;}
#color img{ width:100%;}

#pack{ width:100%; overflow:hidden; margin-bottom:0px; display:none; padding-top:1rem;}
#pack ul{ width:100%;}
#pack ul li{ width:50%; float:left;}
#pack ul li a{ display:block; padding:1rem 1rem 0px 1rem; text-align:center; line-height:60px;}
#pack ul li a img{ width:80%; border-radius:30px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}








#re_pro{ width:100%; margin:20px auto 0px auto; overflow:hidden; }
#re_pro ul li{ width:50%; float:left; margin-bottom:0px;}
#re_pro ul li a{ display:block; padding:2px;  text-align:center; font-size:16px; background:url(image/line.jpg) no-repeat left top/0 2px,url(image/line.jpg) no-repeat right top/2px 0px,url(image/line.jpg) no-repeat right bottom/0 2px,url(image/line.jpg) no-repeat left bottom/2px 0px; padding-bottom:20px;}
#re_pro ul li a p.a1{overflow:hidden;}
#re_pro ul li a p.a1 img{ width:100%; transition:all 0.5s;}
#re_pro ul li a p.a2{ display:inline-block;}
#re_pro ul li a p.a2 span{ display:block; width:20px; float:left; height:5px; margin:0 5px 20px 5px;}
#re_pro ul li a p.a3{ font-weight:bold;}
#re_pro ul li a p.a4{}

#re_pro ul li a:hover{ background:url(image/line.jpg) no-repeat left top/100% 2px,url(image/line.jpg) no-repeat right top/2px 100%,url(image/line.jpg) no-repeat right bottom/100% 2px,url(image/line.jpg) no-repeat left bottom/2px 100%;}
#re_pro ul li a:hover p.a1 img{ transform:scale(1.1)}

#email{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:50; overflow:hidden; display:none;}
#email .k{ width:90%; background:#fff; margin:0 auto; overflow:hidden; display:none;}
#email .k .con{ border:solid 1px #eee; margin:20px; padding:10px 30px 30px 30px;}
#email .k .con p.tt{ font-size:18px; font-weight:700; line-height:40px; margin-bottom:10px;}
#email .k .con p{ margin-bottom:30px;}
#email .k .con p input{ border:solid 1px #ddd; width:100%; height:36px; text-indent:10px;}
#email .k .con p textarea{ border:solid 1px #ddd; width:94%; height:100px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding:10px 3%;}
#email .k .con p button{ width:100%; background:#013668; color:#fff; line-height:36px; cursor:pointer;}
#email .k .con p:last-child{ margin:0;}

#email_close{ background:#fff; border:solid 2px #fff; box-shadow:0px 0px 5px rgba(0,0,0,0.2); position:absolute; cursor:pointer; background:#222; padding:5px; border-radius:20px; margin:10px 0 0 80%;}

/*联系页面*/
#contact_banner{ background:url(image/contact_banner.jpg) no-repeat center top/auto 100%; height:150px; width:100%; overflow:hidden;}
#contact_banner .k{ width:90%; max-width:1600px; margin:240px auto 0 auto; overflow:hidden; display:none;}
#contact_banner .k p{ float:left; margin-right:10px;}
#contact_banner .k p a{ display:block; border:solid 2px #fff; line-height:30px; padding:0 20px; color:#fff;}
#contact_banner .k p a:hover{ background:#fff; color:#222;}
#contact_banner .k p a.it{ background:#fff; color:#222;}

#contact{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden; font-size:16px;}
#contact .k{ line-height:1.2rem; border-bottom:solid 1px #eee; font-size:0.9rem; padding:1rem 0;}
#contact .a4 a{ margin-right:0;}
#contact .a4 a:hover{ color:#c9000e;}

#contact_map{ width:90%; max-width:1600px; margin:40px auto 40px auto; overflow:hidden;}
#contact_map .map1{ width:100%; float:left; height:300px; background:url(image/map2.jpg) no-repeat center; margin-bottom:1rem;}
#contact_map .map2{ width:100%; float:right; height:300px; background:url(image/map1.jpg) no-repeat center;}

#feedback{ width:90%; max-width:1600px; margin:1rem auto 2rem auto; overflow:hidden; border:solid 1px #eee; background:#f7f7f7;}
#feedback .k{ padding:1rem 1rem 2rem 1rem;}
#feedback .k p.tt{ font-size:24px; font-weight:bold; line-height:60px;}
#feedback .k p.a1{ width:100%; float:left; margin-bottom:20px;}
#feedback .k p.a1 input{ border:solid 1px #eee; width:100%; height:36px; line-height:36px; text-indent:10px;}
#feedback .k p.a2{padding-top:20px;}
#feedback .k p.a2 textarea{ width:90%; border:solid 1px #eee; height:100px; padding:10px 5%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#feedback .k p.a3{ overflow:hidden; margin-top:20px; text-align:center;}
#feedback .k p.a3 button{ width:150px; height:2.4rem; background:#013668; color:#fff; cursor:pointer; border-radius:3px; transition:all 0.5s;}
#feedback .k p.a3 button:hover{ width:180px;}

/*banner*/

.kdk{width:100%; margin:0 auto 0 auto; }
.kdk .swiper-slide {text-align:center; overflow:hidden; height:auto;}
.kdk .swiper-slide img {width:100%;  border:0; height:auto;}
.kdk .swiper-slide .k{ border:solid 1px #eee; padding:20px 20px 10px 20px; margin-bottom:50px;}
.kdk .swiper-slide div.tt{ line-height:50px; font-size:18px; font-weight:bold;}

#page{ width:100%; text-align:center; overflow:hidden; margin:20px auto 2rem auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 2px;}
#page ul li.p{ display:none;}
#page ul li a{ display:block; line-height:40px; padding:0 15px; font-size:0.8rem; background:#eaf1f1;}
#page ul li a:hover{ background:#013668; color:#fff;}
#page ul li a.it{ background:#013668; color:#fff;}


#news{ width:90%; margin:2rem auto 0 auto; overflow:hidden;}
#news ul li{ border-bottom:solid 1px #eee; padding-bottom:30px; margin-bottom:30px;}
#news ul li a{ display:block; overflow:hidden;}
#news ul li a img{ float:inherit; margin-right:0; width:100%;}
#news ul li a div p.a1{ font-size:1rem; line-height:1.2rem; font-weight:700; color:#000; padding-top:20px; transition:all .5s;}
#news ul li a div p.a2{ font-size:0.8rem; color:#666; padding-top:20px;}
#news ul li a div p.a3{ font-size:0..7rem; color:#999; padding-top:20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#news ul li a:hover p.a1{ color:#ec1e22;}


#content{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}


#faq{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#faq ul li{ background:#f7f7f7; padding:1rem 1rem; margin-bottom:1rem;}
#faq ul li .a1{ overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:10px; margin-bottom:10px;}
#faq ul li .a1 p:nth-child(1){ float:left; width:90px; font-weight:bold; color:#013668;}
#faq ul li .a2{ overflow:hidden;}
#faq ul li .a2 p:nth-child(1){ float:left; width:90px;font-weight:bold;color:#013668;}
#faq ul li p{ overflow:hidden;}


#oem{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#oem ul{ width:100%;}
#oem ul li{ font-size:0.7rem;}
#oem ul li img{ width:50%;}
#oem ul li:nth-child(1){ width:44%; padding:1rem 0 10px 0; margin:0 2.5% 1rem 2.5%; line-height:2rem; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(2){ width:44%; padding:1rem 0 10px 0; margin:0 2.5% 1rem 2.5%; line-height:2rem; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(3){ width:44%; padding:1rem 0 10px 0; margin:0 2.5% 1rem 2.5%; line-height:2rem; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(4){ width:44%; padding:1rem 0 10px 0; margin:0 2.5% 1rem 2.5%; line-height:2rem; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(5){ width:44%; padding:1rem 0 10px 0; margin:0 2.5% 1rem 2.5%; line-height:2rem; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(6){ width:44%; padding:1rem 0 10px 0; margin:0 2.5% 1rem 2.5%; line-height:2rem; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(7){ width:44%; padding:1rem 0 10px 0; margin:0 2.5% 1rem 2.5%; line-height:2rem; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(8){ width:44%; padding:1rem 0 10px 0; margin:0 2.5% 1rem 2.5%; line-height:2rem; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(9){ width:44%; padding:1rem 0 10px 0; margin:0 2.5% 1rem 2.5%; line-height:2rem; float:left; text-align:center; border:solid 1px #eee;}


#pro_con{ width:90%; margin:3rem auto 2rem; auto; overflow:hidden;}
#pro_con h2{ text-transform:uppercase; font-size:1.2rem; line-height:3rem; border-bottom:solid 1px #eee; font-weight:700; color:#013668; margin-bottom:1rem;}

#pro_con .con{ width:100%;}
#pro_con .con img{ width:auto; max-width:100%;}

#service{ width:90%; margin:30px auto 2rem auto; overflow:hidden;}
#service ul{ width:100%;}
#service ul li{ background:#f7f7f7; padding:1rem 5% 2rem 5%; margin-bottom:1rem; width:90%; font-size:0.8rem; line-height:1.4rem; float:left; margin-right:0; min-height:auto;}
#service ul li h2{ line-height:50px; font-size:1.2rem;}

.botbox{height:auto; float:left; margin-bottom:50px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%; text-align:left;}


















}