﻿@charset "utf-8";
/**/
* {	margin: 0;	padding: 0;	border: 0;}
body {	margin: 0px;	background:#fff;font-size: 14px;color:#3f3c36;line-height: 24px;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a {color:#3f3c36; text-decoration:none; transition:all 0.5s;} 
img{ border:0; margin:0; padding:0; transition:all 0.5s;}
ul{ list-style:none;}
li{ padding:0; margin:0; border:0;}
@media(max-width:3000px) {
#top{ position:fixed; z-index:2; width:100%; background:rgba(255,255,255,0.8); top:0; border-top:solid 2px #c51230;}
#top .k{ width:1300px; margin:0 auto;}
#logo{ float:left;}
#logo img{ height:110px;}

#mbtn{ display:none;}

#menu{ float:left; margin-left:100px;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; background:url(image/line1.jpg) no-repeat center 70px/0 2px; line-height:110px; padding:0 35px; color:#013668; font-size:16px; text-transform:uppercase;}
#menu ul li a:hover{ background:url(image/line1.jpg) no-repeat center 70px/40% 2px; color:#c51230}
#menu ul li .zmenu{ position:absolute; z-index:20; background:rgba(255,255,255,0.9); display:none; box-shadow:0 0 5px rgba(0,0,0,0.2); min-width:240px; margin-top:-20px; }
#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:#013668; color:#fff;}

#close{ display:none;}

#search{ float:right;  margin-top:45px; cursor:pointer;}


#lan{ float:right; line-height:40px; color:#fff; margin:30px 50px 0 50px;}
#lan a{ color:#fff;}
#lan a:hover{ color:#c00;}

#ind_about_di{ width:100%; overflow:hidden; background:url(image/di5.jpg) no-repeat top right; height:740px;}

#ind_about{ width:1300px; max-width:1600px; margin:100px auto 0 auto; overflow:hidden;}
#ind_about .left{ float:left; overflow:hidden; width:750px; }
#ind_about .right{ overflow:hidden; width:500px; float:right;}
#ind_about .right p.a0{ padding-top:20px;}
#ind_about .right p.a1{ font-size:40px; font-weight:900; line-height:40px;  text-transform:uppercase; padding:20px 0 40px 0; color:#013f7a; overflow:hidden;}
#ind_about .right p.a2{ line-height:30px; font-size:14px; line-height:24px;}
#ind_about .right p.a3{ padding-top:30px;}
#ind_about .right p.a4{ overflow:hidden; margin-top:60px;}
#ind_about .right p.a4 a{ display:block; width:126px; line-height:40px; text-indent:31px; color:#fff; background:url(image/btnback.jpg) no-repeat -126px center;}
#ind_about .right p.a4 a:hover{background:url(image/btnback.jpg) no-repeat 0 center;}

#ind_data{ width:100%; overflow:hidden;}
#ind_data ul li{float:left; text-align:center; padding:20px 0 30px 0; color:#fff;}
#ind_data ul li:nth-child(1){ background:#00285d; width:33%; }
#ind_data ul li:nth-child(2){ background:#013668; width:34%; }
#ind_data ul li:nth-child(3){ background:#013f7a; width:33%; }
#ind_data ul li p.data{ font-size:36px; font-weight:900; line-height:48px; color:#fff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_data ul li p.data sup{ color:#fff;}
#ind_data ul li p.text{ font-size:14px; text-transform:uppercase; line-height:18px;}

#ind_pro{ width:100%; background:url(image/di1.jpg) no-repeat top center #e6f2fe;}
#ind_pro h2{ font-size:40px; line-height:80px; font-weight:900; color:#fff; text-transform:uppercase; text-align:center; padding:80px 0 0 0;}

#certi{ width:1300px; margin:50px auto 0 auto; overflow:hidden; padding-bottom:100px;}
.certificate {width:100%; margin-left:auto; margin-right:auto; }
.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:18px; text-transform:uppercase;  text-align:center; margin-bottom:20px; transition:all 0.5s; margin-top:5px; background:#013668; color:#fff; 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%; height:100%; border:0;}
.certificate .swiper-slide a div.im:hover{background-size:120% auto;}
.certificate .swiper-slide a p.tt{line-height:60px; color:#fff;}

#ind_pro_change{ position:absolute; width:1300px; overflow:hidden; margin-top:-260px; 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 #fff;}
#ind_newpro h2{ font-size:40px; line-height:80px; font-weight:900; color:#013668; text-transform:uppercase; text-align:center; padding:80px 0 0 0;}
#ind_newpro .star{ text-align:center;}

#newpro{ width:1300px; margin:50px auto 0 auto; overflow:hidden; padding-bottom:100px;}
.newproduct {width:100%; margin-left:auto; margin-right:auto; }
.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;  text-transform:uppercase;  text-align:center; margin-bottom:20px; transition:all 0.5s; margin-top:5px; background:none; box-shadow:0 5px 5xp rgba(0,0,0,0.1);}
.newproduct .swiper-slide a div.im{background-size:100% auto; transition:all 0.5s; overflow:hidden; box-shadow:0 0 20px rgba(1,54,104,0.1);}
.newproduct .swiper-slide img{ width:100%; height:100%; border:0;}
.newproduct .swiper-slide a div.im:hover{background-size:120% auto;}
.newproduct .swiper-slide a p.tt{line-height:30px; color:#013668; font-size:24px; padding-top:30px;}
.newproduct .swiper-slide a p.ca{line-height:20px; color:#000; font-size:14px;}

#ind_newpro_change{ position:absolute; width:1300px; overflow:hidden; margin-top:-340px; z-index:20;}
#ind_newpro_change p{ cursor:pointer; background:#013668; 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; min-height:627px; overflow:hidden;}
#ind_oem .k{ width:1300px; margin:100px auto 0 auto; overflow:hidden;}
#ind_oem .k ul{ width:1400px;}
#ind_oem .k ul li{ cursor:pointer; float:left; width:252px; height:210px; text-align:center; margin:0 10px 10px 0; background:rgba(1,54,104,0.5); transition:all 0.5s; color:#fff; font-size:16px; line-height:50px; overflow:hidden; border:0; padding:0;}
#ind_oem .k ul li:hover{ background:#013668;}
#ind_oem .k ul li img{ margin-top:44px;}
#ind_oem .k ul li:nth-child(1){ background:#e6f2fe;}
#ind_oem .k ul li:nth-child(1) p:nth-child(1){ font-size:36px; color:#c51230; font-weight:900; line-height:36px; margin-top:55px;}
#ind_oem .k ul li:nth-child(1) p:nth-child(2){ font-size:14px; color:#013668; line-height:36px;}
#ind_oem .k ul li:nth-child(1) img{ margin-top:10px;}



#ind_news{ width:1300px; margin:0 auto 90px auto; overflow:hidden;}
#ind_news h2{ font-size:40px; color:#013668; text-align:center; line-height:80px; font-weight:900; text-transform:uppercase; padding:80px 0 20px 0;}
#ind_news ul{ overflow:hidden; width:1400px;}
#ind_news ul li{ width:400px; float:left; margin-right:50px;}
#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:18px; font-weight:700; padding:20px 0; color:#000; line-height:18px; }
#ind_news ul li a p:nth-child(3){ font-size:14px; line-height:18px; 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 #e6f2fe; width:100%; overflow:hidden;}
#bottom .k{ width:1300px; max-width:1600px; margin:0 auto 60px auto; overflow:hidden;}
#bottom .k ul{ float:left; overflow:hidden; width:900px;}
#bottom .k ul li{ float:left;}
#bottom .k ul li:nth-child(1){ width:430px; margin-right:50px;}
#bottom .k ul li:nth-child(1) p:nth-child(1){ margin-top:60px;}
#bottom .k ul li:nth-child(1) p:nth-child(2){ font-size:22px; color:#013668; line-height:40px; padding-top:20px; font-weight:bold;}
#bottom .k ul li:nth-child(2){ width:360px; margin-right:50px;}
#bottom .k ul li:nth-child(2) p.tt{ padding-bottom:5px;}
#bottom .k ul li p.tt{ overflow:hidden; padding-top:50px; font-size:18px; line-height:50px; font-weight:bold; color:#013668;}
#bottom .k ul li p a{ line-height:24px; color:#666; background:url(image/line.jpg) no-repeat left bottom/0 1px;}
#bottom .k ul li p a:hover{ color:#d70000;background:url(image/line.jpg) no-repeat left bottom/100% 1px;}

#bottom .k .bottom_right{ float:right; overflow:hidden; width:390px;}
#bottom .k .bottom_right p.tt{ font-size:18px; line-height:50px; padding-top:50px; font-weight:bold; color:#013668;}
#bottom .k .bottom_right p.search{ overflow:hidden;}
#bottom .k .bottom_right p.search input{ width:390px; height:40px; border:0; background:#fff; line-height:40px; text-indent:10px; border-bottom:solid 1px #eee; float:left; margin-bottom:10px;}
#bottom .k .bottom_right p.search input:nth-child(1){ width:160px; margin-right:10px;}
#bottom .k .bottom_right p.search input:nth-child(2){ width:220px;}
#bottom .k .bottom_right p.search input:nth-child(3){width:160px; margin-right:10px;}
#bottom .k .bottom_right p.search input:nth-child(4){ width:220px;}
#bottom .k .bottom_right p.search textarea{ width:390px; height:80px; padding:10px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:10px;}
#bottom .k .bottom_right p.search button{ display:block; width:126px; line-height:40px; text-indent:31px; text-transform:uppercase; text-align:left; color:#fff; background:url(image/btnback.jpg) no-repeat -126px center; transition:all 0.5s;}
#bottom .k .bottom_right p.search button:hover{ background:url(image/btnback.jpg) no-repeat 0px center}

#bottom1{ overflow:hidden; text-align:center; width:1300px; margin:220px auto 30px auto; overflow:hidden; line-height:60px; color:#fff;}


/*简介页面*/
#about_banner{ background:url(image/about_banner_di.jpg) no-repeat center top; height:400px; width:100%; overflow:hidden;}
#news_banner{ background:url(image/newsbanner.jpg) no-repeat center top; height:400px; width:100%; overflow:hidden;}


#kmenu{ width:100%; background:#e6f2fe; overflow:hidden; text-align:center;}
#kmenu ul{ display:inline-block}
#kmenu li{ float:left;}
#kmenu li a{ display:block; border:solid 0px #fff; line-height:60px; padding:0 40px; color:#000;}
#kmenu li a:hover{ background:#013668; color:#fff;}
#kmenu li a.it{ background:#fff; color:#013668;}

#pmenu{ width:100%; background:#e6f2fe; overflow:hidden; text-align:center;}
#pmenu ul{ display:inline-block}
#pmenu li{ float:left;}
#pmenu li a{ display:block; border:solid 0px #fff; line-height:60px; padding:0 30px; color:#000;}
#pmenu li a:hover{ background:#013668; color:#fff;}
#pmenu li a.it{ background:#fff; color:#013668;}



#about_title{ width:1300px; max-width:1600px; margin:60px auto 0 auto; overflow:hidden; text-align:center;}
#about_title p.position{ font-size:14px; color:#999;}
#about_title p.tt{ font-size:48px; font-weight:900; line-height:80px; color:#013668; text-transform:uppercase;}
#about_text{ width:1300px; max-width:1600px; margin:40px auto 0 auto; font-size:14px; overflow:hidden;}

#about_company_pic{ width:1300px; max-width:1600px; margin:60px auto 100px auto; overflow:hidden;}
#about_company_pic .left{ width:100%; float:left;}
#about_company_pic .left img{ width:100%;}
#about_company_pic .right{ overflow:hidden;}
#about_company_pic .right ul li{ width:50%; float:left; text-align:center;}
#about_company_pic .right ul li a{ display:block; font-size:14px; line-height:60px; color:#013668; 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:nth-child(1){ background:#e6f2fe;}
#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(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:#e6f2fe;}

#about_active_tt{ width:90%; max-width:1600px; overflow:hidden; margin:0 auto;}
#about_active_tt p{ font-weight:900; font-size:40px; line-height:80px; 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 100px auto;}
#about_active_list ul li{ width:500px; float:left; margin-right:50px;}
#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:1300px; margin:40px auto 20px auto;}
#honor ul{ width:1400px;}
#honor ul li{ width:400px; float:left; text-align:center; margin:0 50px 50px 0;}
#honor ul li a{ background:#eee; padding:10px; display:block; background:#e6f2fe;}
#honor ul li a img{ width:100%;}
#honor ul li a p:nth-child(2){ line-height:40px; padding-top:10px;}
#honor ul li a:hover{ background:#013668; color:#fff;}


#history{ width:100%; overflow:hidden;}
#history img{ width:100%;}
#history ul{}

#history_list{overflow:hidden; width:1300px;  margin:20px auto 50px auto;}
#history_list .tc{ text-align:center;}
#history_list .tc img{ width:80%;}


#active_list{ overflow:hidden; width:90%; max-width:1600px; margin:50px auto 20px auto;}
#active_list ul li{ width:30%; 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 100px auto; overflow:hidden; border-radius:5px;}
#more a:hover{ background:#c9000e; color:#fff; width:180px;}

#culture{ width:90%; max-width:1600px; margin:40px auto 100px auto; overflow:hidden;}
#culture .left{ float:left;overflow:hidden; width:50%;}
#culture .left p{ margin-right:10px;}
#culture .left img{ width:100%;}
#culture .right{ overflow:hidden;}
#culture .right .a1{ background:#eee; padding:0 70px;}
#culture .right .a1 p.b1{ font-size:24px; font-weight:900; text-transform:uppercase; line-height:80px; padding-top:40px;}
#culture .right .a1 p.b2{ font-size:16px; line-height:30px;}

#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:60px; font-size:16px; }
#culture .right .a2 ul li div{ margin:10px 10px 0 0 ;}
#culture .right .a2 ul li p.b1{}
#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; height:400px; 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:40px auto 60px auto; background:#eee;}
#strength .left{ float:left;}
#strength .right{ padding:110px 70px 00px 70px; overflow:hidden;}
#strength .right p.tt{ font-size:36px; font-weight:900; text-transform:uppercase; line-height:60px;}
#strength .right p.text{ font-size:16px; line-height:30px; padding-top:30px;}

#strength_digitail{ width:90%; max-width:1600px; overflow:hidden; margin:0 auto 0 auto;}
#strength_digitail p.tt{ font-size:40px; line-height:80px; font-weight:900; text-align:center; text-transform:uppercase;}
#strength_digitail p.text{ font-size:16px; line-height:24px; text-align:center; padding:0 0 40px 0;}
#strength_digitail p.pic{ text-align:center;}

#strength_pic{ width:90%; margin:60px auto 100px auto; overflow:hidden; max-width:1600px;}

#strength_digitail1{ width:100%; background:#ddeff7; overflow:hidden; margin-top:80px;}
#strength_digitail1 .k{ width:90%; max-width:1600px; margin:0 auto 70px auto; overflow:hidden; text-align:center;}
#strength_digitail1 p.tt{ font-size:30px; font-weight:800; line-height:80px; padding-top:60px;}
#strength_digitail1 p.tt span{ color:#c9000e; font-size:40px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#strength_digitail1 p.cc{ font-size:16px; line-height:24px;}

#strength_digitail1 .pic{margin:40px auto 0 auto; overflow:hidden;}
#strength_digitail1 .pic .l{ float:left; width:42.5%;}
#strength_digitail1 .pic .l img{ width:100%;}
#strength_digitail1 .pic .r{ float:right; width:57.5%; overflow:hidden;}
#strength_digitail1 .pic .r ul li{ float:left; width:50%; overflow:hidden;}
#strength_digitail1 .pic .r ul li p{ margin:0 0 30px 30px;}
#strength_digitail1 .pic .r ul li img{ width:100%;}

#strength_digitail2{ width:90%; margin:100px auto; max-width:1600px; text-align:center; overflow:hidden; background:#eee;}
#strength_digitail2 div.tt{ font-size:24px;line-height:36px; padding-top:150px; text-align:center; float:right;}
#strength_digitail2 div.tt span{ color:#c9000e; font-size:36px;  font-weight:800; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#strength_digitail2 div.list{float:left; width:748px;}



#manufactury1{ width:90%; margin:40px auto 40px auto; overflow:hidden; max-width:1600px; background:#eee;}
#manufactury1 .left{ width:50%; float:left; background:#fff;}
#manufactury1 .left p{ height:210px; margin-right:10px; background:url(image/strength/b1.jpg) no-repeat right top;}
#manufactury1 .right{ overflow:hidden; padding:30px 50px; font-size:16px;}
#manufactury1 .right p.tt{ font-size:30px; font-weight:900; text-transform:uppercase; line-height:60px;}

#manufactury2{ width:90%; margin:80px auto 80px auto; overflow:hidden; max-width:1600px; border-bottom:solid 0px #eee; padding-bottom:30px;}
#manufactury2 p.tt{ font-size:30px; font-weight:900; text-transform:uppercase; line-height:60px;}
#manufactury2 p.text{ font-size:16px;}
#manufactury2 p.pic{ margin-top:30px; border-top:solid 1px #eee; padding-top:60px;}
#manufactury2 p.pic img{ width:100%; 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:100px;}
#factory1 .tt{ font-size:36px; font-weight:900; text-transform:uppercase; line-height:60px; padding-top:80px; padding-bottom:60px;}
#factory1 .pic{ width:90%; max-width:1600px; margin:0 auto;}
#factory1 .pic img{ width:100%; max-width:1417px;}


#factory2{ width:100%; background:#fff; text-align:center; padding-bottom:100px;}
#factory2 .tt{ font-size:36px; font-weight:900; text-transform:uppercase; line-height:60px; padding-top:80px; padding-bottom:60px;}
#factory2 .list{ width:1300px; margin:0 auto; text-align:center; overflow:hidden;}
#factory2 .list ul{ display:inline-block;}
#factory2 .list ul li{ width:280px; float:left;}
#factory2 .list ul li p{ line-height:24px; font-size:18px; padding-top:10px;}
#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:120px 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:100px 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;}
#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:70px; width:50%;}
#rd2 .right ul li{ overflow:hidden; margin-bottom:36px; border-bottom:solid 1px #eee; padding-bottom:36px;}
#rd2 .right ul li:last-child{ border-bottom:0;}
#rd2 .right ul li .a1{ float:left; margin-right:50px; }
#rd2 .right ul li .a2 .b1{ font-size:30px; line-height:60px; font-weight:800; padding-top:15px;}
#rd2 .right ul li .a2 .b2{ font-size:16px;}





#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:60px auto 100px auto; overflow:hidden; max-width:1600px;}
#salenet_map .k p.tt{ font-size:36px; line-height:80px; font-weight:900; text-align:center;}
#salenet_map .k p.cc{ overflow:hidden; padding-bottom:80px; font-size:16px; line-height:30px; width:80%; margin:0 auto; text-align:center;}
#salenet_map .k p.pic{ text-align:center;}












/*服务中心*/
#service_banner{ background:url(image/service_banner.jpg) no-repeat center top; height:300px; width:100%; overflow:hidden;}
#service_banner .k{ width:90%; max-width:1600px; margin:240px auto 0 auto; overflow:hidden;}
#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:40px auto 100px auto; max-width:1600px; overflow:hidden;}
#brand ul{ border-top:solid 1px #eee; border-left:solid 1px #eee; overflow:hidden;}
#brand ul li{width:16.66%; text-align:center; float:left;}
#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; height:400px; width:100%; overflow:hidden;}


#pro{ width:1300px; padding:10px;  margin:20px auto 0px auto; overflow:hidden;}
#pro ul li{ width:20%; float:left; margin-bottom:50px;}
#pro ul li a{ display:block; padding:2px;  text-align:center; font-size:16px; box-shadow:0 2px 10px rgba(0,0,0,0); 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 5px 20px 5px;}
#pro ul li a p.a3{ font-weight:bold; color:#013668;}
#pro ul li a p.a4{ font-size:14px;}

#pro ul li a:hover{ box-shadow:0 2px 10px rgba(0,0,0,0.1); }
#pro ul li a:hover p.a1 img{ transform:scale(1.1)}

#pb1{width:1300px; margin:20px auto 50px auto; overflow:hidden; padding-top:40px;}
#pb1 .left{ width:40%; float:left; margin-right:50px;}
#pb1 .left img{ width:100%; border:solid 1px #eee;}
#pb1 .right{ overflow:hidden;}
#pb1 .right p.a1{ overflow:hidden;}
#pb1 .right h1{ padding-bottom:20px; border-bottom:solid 1px #eee; margin-bottom:20px;}
#pb1 .right div.a2{ font-size:14px; line-height:24px; border-bottom:solid 1px #eee; padding-bottom:20px;}
#pb1 .right div.a3{ overflow:hidden; border-bottom:solid 1px #eee; padding:30px 0 30px 0;}
#pb1 .right div.a3 p.tt{ font-size:20px;  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:40px; 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:60px; border:solid 1px #eee; padding:5px; cursor:pointer; margin-right:10px;}
#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:10px;}
#pb1 .right div.a5 p a{ display:block; line-height:40px; background:#013668; padding:0 20px; color:#fff; border-radius:5px;}
#pb1 .right div.a5 p:nth-child(2) a{ background:#bf1532;}
#pb1 .right div.a5 p a:hover{ padding:0 30px;}

#pd_detail{width:1300px; margin:0 auto 100px auto; overflow:hidden; }
#pd_detail h2{ line-height:50px; border-bottom:solid 1px #eee;}


#probig_btn{ width:100%; overflow:hidden; margin-top:50px;}
#probig_btn ul{ width:1400px;}
#probig_btn ul li{ width:300px; margin-right:33px; padding:20px 0; font-size:16px; cursor:pointer; float:left; text-align:center; background:#eee;}

#logo_con{ width:100%; overflow:hidden; margin-bottom:0px;display:none;}
#logo_con ul{ width:1300px;}
#logo_con ul li{ width:20%; float:left;}
#logo_con ul li a{ display:block; padding:50px 50px 0px 50px; text-align:center; line-height:60px;}
#logo_con ul li a img{ width:100%; border-radius:50px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}

#material{ width:100%; overflow:hidden; margin-bottom:0px;display:none;}
#material ul{ width:1300px;}
#material ul li{ width:20%; float:left;}
#material ul li a{ display:block; padding:50px 50px 0px 50px; text-align:center; line-height:60px;}
#material ul li a img{ width:100%; border-radius:50px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}

#color{ display:none;}

#pack{ width:100%; overflow:hidden; margin-bottom:0px; display:none;}
#pack ul{ width:1300px;}
#pack ul li{ width:20%; float:left;}
#pack ul li a{ display:block; padding:50px 50px 0px 50px; text-align:center; line-height:60px;}
#pack ul li a img{ width:100%; border-radius:50px; 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:20%; 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:550px; 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 517px;}

/*联系页面*/
#contact_banner{ background:url(image/contact_banner.jpg) no-repeat center top; height:400px; width:100%; overflow:hidden;}


#contact{width:1300px; margin:0 auto; overflow:hidden; font-size:16px;}
#contact .k{ line-height:60px; border-bottom:solid 1px #eee;}
#contact .a4 a{ margin-right:30px;}
#contact .a4 a:hover{ color:#c9000e;}

#contact_map{width:1300px; margin:40px auto 40px auto; overflow:hidden;}
#contact_map .map1{ width:48.5%; float:left; height:500px; background:url(image/map2.jpg) no-repeat center;}
#contact_map .map2{ width:48.5%; float:right; height:500px; background:url(image/map1.jpg) no-repeat center;}

#feedback{width:1300px; margin:50px auto 100px auto; overflow:hidden; border:solid 1px #eee; background:#f7f7f7;}
#feedback .k{ padding:20px 40px 40px 40px;}
#feedback .k p.tt{ font-size:24px; font-weight:bold; line-height:60px;}
#feedback .k p.a1{ width:33.33%; 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:98%; border:solid 1px #eee; height:150px; padding:10px 1%; 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:36px; 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 80px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; background:#e6f2fe;}
#page ul li a:hover{ background:#013668; color:#fff;}
#page ul li a.it{ background:#013668; color:#fff;}

#news{ width:1300px; margin:80px auto 0 auto; overflow:hidden;}
#news ul li{ border-bottom:solid 1px #fff; margin-bottom:30px; background:#f7f7f7; padding:30px;}
#news ul li a{ display:block; overflow:hidden;}
#news ul li a img{ float:left; margin-right:50px; width:400px;}
#news ul li a div p.a1{ font-size:24px; line-height:30px; font-weight:700; color:#000; padding-top:10px; transition:all .5s;}
#news ul li a div p.a2{ font-size:0.833vw; color:#666; padding-top:10px;}
#news ul li a div p.a3{ font-size:0.833vw; 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:1300px; margin:30px auto 100px auto; overflow:hidden;}

#faq{ width:1300px; margin:30px auto 60px auto; overflow:hidden;}
#faq ul li{ background:#f7f7f7; padding:30px 50px; margin-bottom:20px;}
#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:100px; font-weight:bold; color:#013668;}
#faq ul li .a2{ overflow:hidden;}
#faq ul li .a2 p:nth-child(1){ float:left; width:100px;font-weight:bold;color:#013668;}
#faq ul li p{ overflow:hidden;}

#oem{ width:1300px; margin:30px auto 80px auto; overflow:hidden;}
#oem ul{ width:1400px;}
#oem ul li:nth-child(1){ width:242px; padding:30px 0 10px 0; margin:0 20px 20px 0; line-height:60px; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(2){ width:242px; padding:30px 0 10px 0; margin:0 20px 20px 0; line-height:60px; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(3){ width:242px; padding:30px 0 10px 0; margin:0 20px 20px 0; line-height:60px; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(4){ width:242px; padding:30px 0 10px 0; margin:0 20px 20px 0; line-height:60px; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(5){ width:242px; padding:30px 0 10px 0; margin:0 20px 20px 0; line-height:60px; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(6){ width:308px; padding:30px 0 10px 0; margin:0 20px 20px 0; line-height:60px; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(7){ width:308px; padding:30px 0 10px 0; margin:0 20px 20px 0; line-height:60px; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(8){ width:308px; padding:30px 0 10px 0; margin:0 20px 20px 0; line-height:60px; float:left; text-align:center; border:solid 1px #eee;}
#oem ul li:nth-child(9){ width:308px; padding:30px 0 10px 0; margin:0 20px 20px 0; line-height:60px; float:left; text-align:center; border:solid 1px #eee;}


#pro_con{ width:1300px; margin:0 auto 100px; auto; overflow:hidden;}
#pro_con h2{ text-transform:uppercase; font-size:30px; line-height:50px; border-bottom:solid 1px #eee; font-weight:700; color:#013668; margin-bottom:20px;}

#pro_con .con{ width:100%;}
#pro_con .con img{ width:auto; max-width:100%;}

#service{ width:1300px; margin:30px auto 50px auto; overflow:hidden;}
#service ul{ width:1400px;}
#service ul li{ background:#f7f7f7; padding:50px; margin-bottom:50px; width:300px; float:left; margin-right:50px; min-height:200px;}
#service ul li h2{ line-height:50px; font-size:24px;}

.botbox{width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:10px 0px; height:20px;}
.botbox .newpage{float:left; width:100%; padding-right:10px; font-size:12px;}
.botbox .newpage span.l{float:left;display:block; line-height:24px;width:49%;}
.botbox .newpage span.r{float:right;display:block; line-height:24px;width:49%;text-align: right}
.botbox .newpage span a{color: #404040;}









}
