@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	margin: 0;	padding: 0;	border: 0;}
body {	margin: 0px;	background:#f7f7f7;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:none; top:0;}
#top .k{ width:100%; margin:0 auto;}
#logo{ float:left; margin-left:30px;}
#logo img{ height:100px;}

#mbtn{ display:none;}

#menu{ float:right; margin-left:100px;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; background:url(image/line.jpg) no-repeat center 70px/0 2px; line-height:100px; padding:0 1.6vw; color:#fff; font-size:18px; text-transform:uppercase;}
#menu ul li a:hover{ background:url(image/line.jpg) no-repeat center 70px/40% 2px; color:#fff}
#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:#d9000f; color:#fff;}

#close{ display:none;}

#search{ float:right;cursor:pointer; font-size:16px; line-height:100px; color:#fff; margin-right:30px;}
#search img{ vertical-align:middle; margin-right:5px; margin-bottom:2px;}
#search a{ color:#fff; float:left; margin-left:10px; margin-top:35px;}
#search a:nth-child(1){ display:block;width:25px; height:25px; color:#fff; border-radius:50%; border:solid 2px #fff; line-height:25px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; text-align:center; overflow:hidden;}
#search a:nth-child(2){ display:block;width:29px; height:29px; border-radius:50%; background:#d00000; overflow:hidden;}

#lan{ float:right; line-height:40px; color:#fff; margin:30px 50px 0 50px;}
#lan a{ color:#fff;}
#lan a:hover{ color:#c00;}

#ind_hotpro{ width:1400px; margin:80px auto 90px auto; overflow:hidden;}
#ind_hotpro .left{ width:330px; float:left;}
#ind_hotpro .left h2{ font-size:36px; text-transform:uppercase; line-height:36px; font-weight:900; color:#1d242c; padding-top:10px;}
#ind_hotpro .left h2 span{ color:#d9000f;}
#ind_hotpro .left p:nth-child(2){ color:#666; padding-top:20px;}
#ind_hotpro .left p:nth-child(3){ margin-top:30px;}
#ind_hotpro .left p:nth-child(3) a{ display:block; width:90px; line-height:30px; color:#fff; background:#1d242c; color:#fff; border-radius:3px; text-align:center; text-transform:uppercase;}
#ind_hotpro .left p:nth-child(3) a:hover{ background:#d9000f; width:110px;}

#ind_hotpro .right{ float:right; width:1020px;}
#ind_hotpro .right ul li{ float:left; width:330px; padding-bottom:10px;}
#ind_hotpro .right ul li a{ display:block; text-align:center; margin-left:10px; margin-top:10px; padding-bottom:50px; background:url(image/line3.png) no-repeat  center 95%/30% 3px #fff; box-shadow:0 5px 5px rgba(0,0,0,0);}
#ind_hotpro .right ul li a img{ width:100%;}
#ind_hotpro .right ul li a p:nth-child(2){ font-size:18px; font-weight:bold; padding-top:10px;}
#ind_hotpro .right ul li a p:nth-child(3){ color:#999;}
#ind_hotpro .right ul li a:hover{background:url(image/line4.png) no-repeat  center 95%/90% 3px #fff;margin-top:0px;  box-shadow:0 5px 5px rgba(0,0,0,0.1);}




#ind_data{ width:100%; background:url(image/di5.jpg) no-repeat center top #1d242c; height:410px;  overflow:hidden; }
#ind_data ul{ width:1400px; margin:60px auto 0 auto; overflow:hidden;}
#ind_data ul li{ width:32%; float:left; text-align:center; padding:40px 0 40px 0;}
#ind_data ul li:nth-child(1){ border-right:dotted 1px #fff;}
#ind_data ul li:nth-child(2){ border-right:dotted 1px #fff;}
#ind_data ul li p.data{ font-size:48px;  line-height:60px; color:#fff; font-family:myfont;}
#ind_data ul li p.data sup{ color:#c9000e;}
#ind_data ul li p.text{ font-size:16px; text-transform:uppercase; line-height:60px; color:#fff;}


#ind_company{ width:1400px; margin:90px auto; overflow:hidden; background:url(image/di6.jpg) no-repeat center right/75% 100%;}
#ind_company .left{ float:left; padding:20px 0;}
#ind_company .right{ width:430px; margin-right:50px; float:right;}
#ind_company .right h2{ font-size:36px; line-height:36px; font-weight:900; text-transform:uppercase; color:#1d242c; padding-top:60px;}
#ind_company .right h2 span{ color:#d9000f;}
#ind_company .right p:nth-child(2){ padding-top:30px; color:#666;}
#ind_company .right p:nth-child(3){ margin-top:40px;}
#ind_company .right p:nth-child(3) a{ display:block; width:90px; line-height:30px; color:#fff; background:#1d242c; color:#fff; border-radius:3px; text-align:center; text-transform:uppercase;}
#ind_company .right p:nth-child(3) a:hover{ background:#d9000f; width:110px;}


#ind_st{ width:1400px; margin:0 auto; overflow:hidden;}
#ind_st ul{ width:1450px;}
#ind_st ul li{ width:350px; float:left; background:#fff; padding:50px; margin-right:25px; height:300px;}
#ind_st ul li p:nth-child(2){ font-size:24px; font-weight:900; text-transform:uppercase; height:72px;}
#ind_st ul li p:nth-child(3){ margin-top:20px;}


#ind_news{ width:100%; background:url(image/di1.jpg) no-repeat top center; overflow:hidden; margin-top:90px;}
#ind_news h2{ font-size:36px; color:#fff; text-align:center; line-height:80px; font-weight:900; text-transform:uppercase; padding:80px 0 20px 0;}
#ind_news h2 span{ color:#d9000f;}
#ind_news .list{ overflow:hidden; width:1400px; margin:10px auto 0 auto;}
#ind_news .list ul{ width:1450px;}
#ind_news ul li{ width:450px; float:left; margin-right:25px; background:#fff;}
#ind_news ul li a{ display:block; padding:20px;}
#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:bold; padding:20px 0; color:#000; line-height:18px; min-height:36px; }
#ind_news ul li a p:nth-child(3){ width:32px; height:7px; border-radius:5px; background:#1d242c; transition:all 0.5s;}
#ind_news ul li a p:nth-child(4){ font-size:14px; line-height:18px; color:#666; margin-top:20px;}
#ind_news ul li a p:nth-child(5){ color:#999; padding-top:30px;}
#ind_news ul li a p:nth-child(5) img{ vertical-align:middle; margin-right:5px;}
#ind_news ul li a:hover p:nth-child(1) img{transform:scale(1.15)}
#ind_news ul li a:hover p:nth-child(3){ width:70px; background:#d9000f;} 

#ind_partner{ width:1400px; margin:0 auto; overflow:hidden;}
#ind_partner h2{ text-align:center; font-size:36px; line-height:36px; color:#1d242c; text-transform:uppercase; font-weight:900; padding:120px 0 70px 0;}
#ind_partner h2 span{ color:#d9000f;}
#ind_partner .list{ width:1450px;}
#ind_partner .list ul li{ float:left; margin:0 25px 25px 0;}
#ind_partner .list ul li img{ width:100%; cursor:pointer;}
#ind_partner .list ul li img:hover{ transform:scale(1.1);}

#ind_inque{ width:1400px; margin:100px auto 110px auto; overflow:hidden; background:url(image/di2.jpg) no-repeat center; height:360px; text-align:center; color:#fff;}
#ind_inque h2{ font-size:36px; line-height:36px; font-weight:900; text-transform:uppercase; padding:70px 0 30px 0;}
#ind_inque p:nth-child(3){ padding-top:50px;}
#ind_inque p:nth-child(3) a{ display:block; width:180px; line-height:40px; border-radius:5px; background:#d9000f; color:#fff; text-align:center; margin:0 auto; text-transform:uppercase;}
#ind_inque p:nth-child(3) a:hover{ width:150px;}



/*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:100%; border:solid 1px #eee; display:block;}

#bottom{ background:url(image/bottom.jpg) no-repeat top center; width:100%; overflow:hidden;}
#bottom .k{ width:1400px; max-width:1600px; margin:0 auto 60px auto; overflow:hidden;}
#bottom .k ul{ float:left; overflow:hidden;}
#bottom .k ul li{ float:left; width:210px; margin-right:70px;}
#bottom .k ul li p.tt{ overflow:hidden; padding-top:50px; font-size:18px; line-height:60px; font-weight:bold;color:#fff; margin-bottom:0; text-transform:uppercase;}
#bottom .k ul li p a{color:#ccc;  line-height:16px; padding-top:15px; display:block;}
#bottom .k ul li p a:hover{ color:#fff;}

#bottom .k .bottom_right{ float:right; overflow:hidden; width:390px; }
#bottom .k .bottom_right p.tt{ font-size:36px; line-height:30px; padding-top:90px; font-weight:900; color:#d9000f; text-transform:uppercase;}
#bottom .k .bottom_right p.tt span{ font-size:24px; color:#fff;}
#bottom .k .bottom_right p:nth-child(2){ padding:20px 0;}
#bottom .k .bottom_right p:nth-child(3){ color:#ccc }

#bottom2{ width:1400px; margin:0 auto; overflow:hidden; text-align:center;border-top:solid 1px rgba(255,255,255,0.2);}
#bottom2 div{ display:inline-block;}
#bottom2 div p{ float:left; color:#fff; margin:30px 50px;}
#bottom2 div p span{ border:solid 2px rgba(255,255,255,0.1); border-radius:50%; margin-right:10px; overflow:hidden; width:20px; height:20px; display:block; float:left;}
#bottom2 div p span img{ width:100%;}

#bottom1{ overflow:hidden; text-align:center; border-top:solid 1px rgba(255,255,255,0.2);  width:1400px; margin:0 auto 20px auto; overflow:hidden; line-height:100px; color:#fff;text-transform:uppercase;}
#bottom1 p{ font-size:12px; color:#999; margin-top:10px; }

/*简介页面*/
#about_banner{ background:url(image/about_banner_di.jpg) no-repeat center top; height:400px; width:100%; overflow:hidden;}
#news_banner{width:100%; overflow:hidden;}
#news_banner img{ 
width:100%;
animation-name: myAnimation;
animation-duration:5s;
animation-timing-function: ease-in-out;
animation-delay: 0s;
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count:1;
  }

@keyframes myAnimation {
  0% { transform: scale(1.3); } /* 初始状态 */
  100% { transform: scale(1); } /* 中间状态 */
}


#myworld{ width:1400px; margin:240px auto 0 auto; overflow:hidden; text-align:right;}
#myworld p:nth-child(1){ font-size:36px; color:#fff; text-transform:uppercase; font-weight:900; line-height:40px;}
#myworld p:nth-child(2){ font-size:18px; color:#fff;text-transform:uppercase; line-height:18px; padding-top:10px; }

#kmenu{ width:100%; background:#fff; 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:#d9000f; color:#fff;}
#kmenu li a.it{ background:#fff; color:#d9000f;}

#pmenu{ width:100%; background:#eaf1f1; 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:#d9000f; color:#fff;}
#pmenu li a.it{ background:#fff; color:#d9000f;}



#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:40px; font-weight:900; line-height:80px; color:#111; text-transform:uppercase;}

#company{ width:1400px; max-width:1600px; margin:40px auto 100px auto; font-size:14px; overflow:hidden;}
#about_text{ width:1400px; float:right; max-width:1600px; font-size:16px; overflow:hidden; background:none; padding:0px 0 40px 0;}
#about_text ul{ width:1600px;}
#about_text ul li{ width:340px; float:left; margin-right:40px; line-height:30px; background:#fff; padding:50px;}
#about_text ul li p:nth-child(1){ min-height:200px;}
#about_text ul li img{ width:100%;}


#about_company_pic{ width:100%; max-width:1600px; overflow:hidden; float:left;}
#about_company_pic img{ width:100%;}
#about_company_pic .left{ width:950px; float:left;}
#about_company_pic .left img{ width:100%;}

#about_company_pic .right{ background:#222; color:#fff; float:right;  width:450px; overflow:hidden;}
#about_company_pic .right ul li{ text-align:center; width:100%; float:left; padding:43.5px 0;}
#about_company_pic .right ul li:nth-child(1){ background:#111;}
#about_company_pic .right ul li:nth-child(2){ background:#222;}
#about_company_pic .right ul li:nth-child(3){ background:#333;}
#about_company_pic .right ul li p{ padding:0 20px; line-height:18px;}
#about_company_pic .right ul li p:nth-child(1){ font-size:40px; line-height:40px; font-family:impact;}

#company1{ width:100%; background:#fff; margin:0 auto 0 auto; overflow:hidden;}
#company1 h2{ font-size:40px; font-weight:900; line-height:80px; color:#111; text-transform:uppercase; text-align:center;padding-top:80px;}
#company1 .con{ width:1400px; margin:0 auto 100px auto; background:#fff; overflow:hidden; margin-top:40px;}
#company1 .con .left{ float:left; width:100%; padding:0 0 50px 0; line-height:30px; font-size:16px; color:#666;}
#company1 .con .right{ float:right; width:100%;}
#company1 .con .right ul li{ float:left; width:680px; float:left; font-size:16px; line-height:30px;}
#company1 .con .right ul li p:nth-child(2){ line-height:60px; font-size:24px;}
#company1 .con .right ul li img{ width:100%;}
#company1 .con .right ul li:last-child{ float:right;}

#company2{ width:1400px; margin:80px auto 50px auto; overflow:hidden;}
#company2 h2{ font-size:40px; font-weight:900; line-height:80px; color:#111; text-transform:uppercase; text-align:center; }
#company2 .con{ width:100%; overflow:hidden; margin-top:40px;}
#company2 .con ul{ width:1500px;}
#company2 .con ul li{ width:440px; float:left; margin-right:40px; margin-bottom:40px;}
#company2 .con ul li a{ display:block; background:#fff; line-height:50px; text-align:center; padding:20px 20px 0px 20px;}
#company2 .con ul li a p{ overflow:hidden;}
#company2 .con ul li a img{ width:100%;}
#company2 .con ul li a:hover img{ transform:scale(1.15);}


#word{ width:100%; position:absolute; text-align:center; z-index:1; margin-top:-23vw; color:#fff; }
#word p:nth-child(1){font-size:3vw; font-weight:900; letter-spacing:5px; line-height:4vw;}
#word p:nth-child(2){font-size:1vw; font-weight:200; letter-spacing:8px; line-height:2vw;}






















#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:1400px; margin:40px auto 20px auto;}
#honor ul{ width:1500px;}
#honor ul li{ width:320px; float:left; text-align:center; margin:0 40px 50px 0;}
#honor ul li a{  padding:10px; display:block; background:#fff;}
#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:#d9000f; color:#fff;}


#workshop{ overflow:hidden; width:1400px; margin:40px auto 20px auto;}
#workshop ul{ width:1500px;}
#workshop ul li{ width:430px; float:left; text-align:center; margin:0 40px 50px 0;}
#workshop ul li a{  padding:20px 20px 10px 20px; display:block; background:#fff;}
#workshop ul li a img{ width:100%;}
#workshop ul li a p{ overflow:hidden;}
#workshop ul li a p:nth-child(2){ line-height:40px; padding-top:10px;}
#workshop ul li a:hover{ background:#d9000f; color:#fff;}
#workshop ul li a:hover img{ transform:scale(1.15)}


#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:1400px; max-width:1600px; margin:40px auto 40px auto; overflow:hidden;}
#culture ul{ width:1500px;}
#culture ul li{ width:183px; margin-right:20px; background:#fff; float:left; padding:50px 40px; min-height:250px;}
#culture ul li p:nth-child(1){ font-size:26px; text-transform:uppercase; line-height:50px; font-weight:900; color:#d9000f;}
#culture ul li p:nth-child(2){ color:#666; padding-top:20px;}

#culture1{ width:1400px; margin:0 auto 100px auto; overflow:hidden;}






/*工厂实力*/
#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{ width:1400px; margin:40px auto 100px auto; overflow:hidden;}
#service ul{ width:1500px;}
#service ul li{ background:#fff; padding:50px; overflow:hidden; width:340px; margin-right:50px; float:left; margin-bottom:20px;}
#service ul li div{ overflow:hidden;}
#service ul li div:nth-child(1){text-align:left; padding-top:0;}
#service ul li div:nth-child(1) img{ border-radius:50%; width:50px}
#service ul li div:nth-child(1) p{ font-size:24px; font-weight:900; text-transform:uppercase; line-height:60px;}
#service ul li div:nth-child(2){ font-size:16px; line-height:30px; color:#666; min-height:450px;}
#service ul li div:nth-child(2) p img{ width:100%;}
#service ul li div:nth-child(2) p:nth-child(1){ min-height:180px;}





/*服务中心*/
#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/prodi.jpg) no-repeat center top;  width:100%; padding-top:5vw;overflow:hidden;}


#pro{ width:1400px; padding:10px;  margin:20px auto 0px auto; overflow:hidden;}
#pro ul{ width:1500px;}
#pro ul li{ width:675px; float:left; margin:0 50px 50px 0;}
#pro ul li a{ display:block; padding:2px;  text-align:left; font-size:16px; box-shadow:0 2px 10px rgba(0,0,0,0); background:#fff; padding:20px 50px;}
#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.a3{ font-weight:bold; color:#111; text-transform:uppercase; padding:20px 0; overflow:hidden;}
#pro ul li a p.a4{ font-size:16px; line-height:24px; height:72px; overflow:hidden; color:#666;}
#pro ul li a p.a2{ width:100px; border-radius:3px; margin:30px 0; height:30px; font-size:14px; color:#fff; text-align:center; line-height:30px; background:#dc1624; transition:all 0.5s;}

#pro ul li a p.a2:hover{ width:120px;}
#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:1400px; padding:0; margin:0 auto; overflow:hidden;}
#pb1 .left{ width:100%;text-align:center;}
#pb1 .left img{ width:100%; max-width:1000px; border:solid 0px #eee;}
#pb1 .right{ overflow:hidden; width:1300px; background:#fff; padding:50px;}
#pb1 .right p.a1{ overflow:hidden;}
#pb1 .right h1{ padding-bottom:20px; border-bottom:solid 1px #eee; margin-bottom:20px;}
#pb1 .right p.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:#333; padding:0 20px; color:#fff; border-radius:3px;}
#pb1 .right div.a5 p:nth-child(2) a{ background:#d9000f;}
#pb1 .right div.a5 p a:hover{ padding:0 30px;}

#pd_detail{width:1400px; margin:0 auto 100px auto; overflow:hidden; }
#pd_detail h2{ line-height:50px; border-bottom:solid 1px #000;}


#probig_btn{ width:100%; overflow:hidden; margin-top:50px;}
#probig_btn ul{ width:1400px;}
#probig_btn ul li{ width:300px; margin-left:10px; padding:20px 0; font-size:16px; cursor:pointer; color:#fff; float:right; text-align:center; background:#333;}

#logo_con{ width:1300px; overflow:hidden; margin-bottom:0px;display:none;background:#fff; padding:50px; font-size:16px; line-height:30px;}

#material{ width:1300px; padding:50px; overflow:hidden; margin-bottom:0px;display:none; background:#fff;}
#material table{ border-left:solid 1px #eee; border-top:solid 1px #eee;}
#material table td{ border-right:solid 1px #eee; border-bottom:solid 1px #eee; padding:10px;}

#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:#d9000f; 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:40px auto 0 auto; overflow:hidden; background:#fff; font-size:16px; padding:50px;}
#contact .k{ line-height:60px; border-bottom:solid 1px #eee;}
#contact .a4 a{ margin-right:30px;}
#contact .a4 a:hover{ color:#c9000e;}
#contact .left{ float:left; min-width:530px;}
#contact .right{ float:right;}

#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:1400px; margin:20px auto 100px auto; overflow:hidden; border:solid 1px #fff; background:#fff;}
#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; background:#f7f7f7; 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;background:#f7f7f7; 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:#d9000f; 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:#fff;}
#page ul li a:hover{ background:#d9000f; color:#fff;}
#page ul li a.it{ background:#d9000f; color:#fff;}

#news{ width:1400px; margin:80px auto 0 auto; overflow:hidden;}
#news ul li{ background:#fff; padding:50px; margin-bottom:10px;}
#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:20px; line-height:20px; font-weight:700; color:#000; padding-top:20px; transition:all .5s;}
#news ul li a div p.a2{ font-size:14px; color:#666; padding-top:20px;}
#news ul li a div p.a3{ font-size:14px; 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;}

#content .news_title{ font-size:24px; line-height:30px; text-align:center; }

#faq{ width:1300px; margin:30px auto 60px auto; overflow:hidden;}
#faq ul li{ background:#fff; 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:#d9000f;}
#faq ul li .a1 p:nth-child(1) img{ width:18px; vertical-align:middle; margin-right:5px; margin-bottom:3px;}
#faq ul li .a2{ overflow:hidden;}
#faq ul li .a2 p:nth-child(1){ float:left; width:100px;font-weight:bold;color:#d9000f;}
#faq ul li .a2 p:nth-child(1) img{ width:18px; vertical-align:middle; margin-right:5px; margin-bottom:3px;}
#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;}

.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;}

#servicer{ position:fixed; right:20px; bottom:30px; z-index:10;}
#servicer ul li{ background:#d9000f; margin-bottom:10px; height:50px; border-radius:50%;}
#servicer ul li a{ display:block; padding:0;}

















}