@charset "utf-8";
/* CSS Document */
html {
	font-size: 15px;
}
body, td, th {
	font-size: 15px;
	color: #666;
	text-align: left;
	-webkit-font-smoothing:antialiased;
	text-transform:capitalize !important;
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
	font-size: 15px;
	font-weight: 100;/*FP追記*/
	line-height: 25px !important;
	font-family:Helvetica, Arial, "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
	background-color:#eee;
	color: #666;
	margin:0;
	padding:0;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
	text-transform:capitalize !important;
}
li {
	list-style-type:none;
	word-break:break-all;
}
ul {
	margin:0px;
	padding:0px;
}
div {
	word-break:break-all;text-transform:capitalize !important;
}
img {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	dispaly:block;
}
img {
	vertical-align:buttom;
}
img {
	vertical-align:middle;
}
img {
	vertical-align:top;
}
a:link {
	color:#666;
 transition: all .2s linear;
	text-decoration: none;
}
a:visited {
	color:#666;
	text-decoration: none;
}
a:hover {
	color:#3850b4;
 transition: all .2s linear;
	text-decoration: none;
}
a:active {
	color:#666;
	text-decoration: none;
}
h1 {
	font-size:22px;
	font-style: normal;
	font-weight: 100;
}
input, textarea, select, a:focus {
	outline: none;
}
.content-div {
	max-width: 1440px;
	border:#00F solid 0px;
	margin: 0 auto;
	position:relative;
	min-height:75px;
	background-color: #FFF;
	
	padding-bottom:0px;
}
.company-logo {
	height: 75px;
	margin-left: 150px;
	float:left;
}
.navbar-nav {
	float:left;
	margin-left:20px;
}
.navbar-nav li {
	float:left;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	line-height:70px; font-size:16px;
}
.navbar-nav li .m2 {
	position:absolute;
	z-index:100000;
	background-color:#fff;
	width:100%;
	display:none;font-size:14px !important;
	left:0%;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	border:#666 solid 0px;
	height:auto;
	overflow:hidden
}
.navbar-nav li:hover .m2 {
	display:block;
	left:0%;
}
.navbar-nav li .m2 ul {
	margin:0 auto;
	margin-bottom:50px;
	margin-top:50px;
	width:75%;
	border:#000 solid 0px;
	height:auto;
	overflow:hidden
}
.navbar-nav li .m2 ul li {
	width:21%;
	float:left;
	border-bottom:#006 solid 0px;
	text-align:left;
	line-height:30px !important;
	margin-right:5px;
}


.content-div  .m2 {
	
	z-index:100000;
	background-color:#fff;
	width:100%;
	
	left:0%;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	border:#666 solid 0px;
	height:auto;
	overflow:hidden
}

.content-div  .m2 ul {
	margin:0 auto;
	margin-bottom:50px;
	margin-top:50px;
	width:75%;
	border:#000 solid 0px;
	height:auto;
	overflow:hidden
}
.content-div  .m2 ul li {
	width:21%;
	float:left;
	border-bottom:#006 solid 0px;
	text-align:left;
	line-height:30px !important;
	margin-right:5px;
}
.content-div .tt{ font-size:36px; color: #666; text-align:center; margin-top:50px; margin-bottom:20px;}
.content-div .sel {
	width:22px;
	height:22px;
	float: right;
	margin-right:150px;
	margin-top:22px;
}
.content-div .sel img {
	width:22px;
	height:22px;
}
.act {
	color:#000 !important
}
.ben {
	width:100%;
	height:auto;
	overflow:hidden; position:relative;
}
.ben img {
	width:100%; position:relative;
	animation:myfirst 8s;
	-webkit-animation:myfirst .8s; /* Safari and Chrome */
	
}
.ben .ti{ position:absolute;  font-size:36px; color:#fff; z-index:10000; left:0; right:0; top:50%; bottom:0;  text-align:center;
margin:auto;  animation:myfirst1 8s;letter-spacing:50px;
	-webkit-animation:myfirst1 .8s; /* Safari and Chrome */} 
@keyframes myfirst
{
	0%   { left:0px; top:100px; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}	
	100% { left:0px; top:0px; filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%   { left:0px; top:100px; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}	
	100% { left:0px; top:0px; filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
}

@keyframes myfirst1
{
	0%   { left:0px; top:-20px; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}	
	100% { left:0px; top:50%; filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
}

@-webkit-keyframes myfirst1 /* Safari and Chrome */
{
	0%   { left:0px; top:-20px; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}	
	100% { left:0px; top:50%; filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
}

.hotproducts {
	max-width: 1282px;
	border:#00F solid 0px;
	margin: 0 auto;
	position:relative;	
	padding-top:10px;
	padding-bottom:0px; margin-bottom:50px;
}
.hotproducts .tt{ font-size:36px; color: #666; text-align:center; margin-top:20px; margin-bottom:20px;}
.hotproducts .hotlist{ width:80%; margin:0 auto; border: #000 solid 0px; overflow:hidden}
.hotproducts .hotlist ul li{ width:20%; margin-right:10px; float:left; height:auto; overflow:hidden; background-color: #FFF }
.hotproducts .hotlist .swiper .swiper-wrapper .swiper-slide { width:20%; margin-right:10px; float:left; height:auto; overflow:hidden; background-color: #FFF  }
.hotproducts .hotlist .swiper .swiper-wrapper .swiper-slide span{ display:block; float:none !important}
.hotproducts .hotlist .swiper .swiper-wrapper .swiper-slide .sti{ background-color:#3850b4; font-size:16px !important; padding-top:10PX; padding-left:5px; padding-right:5px;}
.hotproducts .hotlist .swiper .swiper-wrapper .swiper-slide .sort{background-color:#3850b4;color:#FFF; padding-bottom:5PX;}
.hotproducts .hotlist .swiper .swiper-wrapper .swiper-slide a{ color:#FFF}
.swiper {
        width: 100%;
        height: 100%;
		
      }

      .swiper-slide {
        text-align: center;
        font-size: 16px;
        background: #fff;
        /* Center slide text vertically */      
        -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 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
 }
 .swiper-slide span { font-size:14px !important;  }

.swiper-button-next {
	position:absolute; border:#00F solid 0px; top:15% !important; height:100% !important;
          right: 0px;		 
          transform: rotate(0deg);
        }

.swiper-button-prev {
	position:absolute; border:#00F solid 0px; top:15% !important; height:100% !important;
          left: 0px;
		 
          transform: rotate(0deg);
        }
      

.aboutus{ position:relative}
.aboutus img{ width:100%}
.aboutus .ti{ position:absolute; width:80%; left:0; right:0; top:2%; bottom:0;  text-align:center;
margin:auto;}
.aboutus .ti .tt{ font-size:36px; color: #FFF}
.aboutus .ti span{ display:block; margin-bottom:20px; }
.aboutus .ti .de{ color: #FFF}
.aboutus .ti .pi{ width:80%; margin:0 auto;color: #FFF}
.aboutus .ti .pi span{ float:left; width:33%; text-align:center}
.aboutus .ti .pi span .tii{ font-size:36px; width:100%; color: #FFF; display:block; float:none}

.content-div .vi{ width:75%; margin:50px auto; padding-top:50px; padding-bottom:50px;}
.content-div .vi .tt{ font-size:36px; color: #666; text-align:center; margin-bottom:20px;}

.bot {
	max-width: 1440px; padding-top:30px; padding-bottom:30px !important;
	border:#00F solid 0px;
	margin: 0 auto;
	position:relative; height:auto; overflow:hidden;
	
	background-color: #111;
	
	padding-bottom:0px;
	
}
.bot div{ float:none !important; width:100%;  border:#FFF solid 0px; height:auto; overflow:hidden; text-align:center !important; color:#FFF}
.bot div a{ color:#FFF; margin-left:20px;}
.bot .mm{ margin-bottom:50px;}

.newslist{ margin:0 auto;  }
.newslist  .sort{ margin-left:30px;}
.newslist .list{ float:right}
.newslist ul li { padding:5px; }
.newslist ul li:hover{ background-color:#eee}

.newproducts{ height:auto; overflow:hidden}
.newproducts  .swiper-slide{ width:24.5%; display:inline-block; vertical-align:top; margin-bottom:20px}
.newproducts  .swiper-slide .s1{ padding:10px 10px;}
.newproducts  .swiper-slide span{ display:block; background-color:#3850b4; color:#FFF;}
.newproducts  .swiper-slide span a{ color:#FFF}
.newproducts  .swiper-slide img{ width:100%}
.newproducts  .swiper-slide .sti{ font-size:16px !important; padding-left:5px; padding-right:5px;  }


.content {
	max-width: 1440px;
	border:#00F solid 0px;
	margin: 0 auto;
	position:relative;
	min-height:75px;
	background-color: #FFF;	
	padding-bottom:0px;
	height:auto; overflow:hidden
}
.content  .nav{ background-color: #666; color: #FFF; padding:10px; }
.content  .nav img { width:25px; height:25px}
.content  .content1{ padding:30px; height:auto; overflow:hidden;position:relative;}
.content  .content1 .l{ width:30%; float:left; display:none}
.content  .content1 .l img { width:100%}
.content  .content1 .r { width:100%; float:right; }
.content  .content1 .r .ti{ font-size:28px; color: #000; padding-top:0px; padding-bottom:20px;}
.bt{ background-color: #3850b4; width:120px; text-align:center; padding:5px; color:#FFF;border-radius: 25px; clear:both; margin-top:20px;}
.bt1{ background-color: #3850b4; width:220px; margin:0 auto;  text-align:center; padding:5px; color:#FFF;border-radius: 25px; clear:both;}
.bt1 a{ color:#FFF}
.bt a{ color:#FFF}
.btt a{ color:#FFF}
.btt:hover{ cursor: pointer}
.bt:hover{ cursor: pointer}
.bt1:hover{ cursor: pointer}
.btt{ background-color: #3850b4; width:220px; text-align:center; padding:5px; color:#FFF;border-radius: 25px; clear:both; margin-top:20px;}
.bt1:hover{ background-color: #f5d862}
.bt:hover{ background-color: #f5d862}
.btt:hover{ background-color: #f5d862}
.content1 img { width:100%}
.content1 {height:auto; overflow:hidden}
.content1 .tt{ font-size:36px; text-align:center; margin-bottom:20px;}
.p404{ padding-top:150px !important; padding-bottom:150px !important; text-align:center; font-size:28px; height:auto; overflow:hidden; border-top:#eee solid 1px;}

.content1 .certi{ width:55%; float:left;}
.content1 .cerfi{ width:40%; float:right; padding:0px; padding-top:100px; text-align: center}
.content1 .cerfi span { display:block}
 .content1 .cerfi .tt1{ float:left; width:20%; margin:0 auto; margin-left:50px;}


.content1 .pi{ position:absolute; width:80%; left:0; right:0; top:25%; bottom:0;  text-align:center;
margin:auto;}
.content1 .pi .tt{ color:#ffffff; clear:left; display:block}
.content1 .pi .plist{ float:left; width:20%; text-align: center !important; border: #FFF solid 0PX;}
.content1 .pi .plist img{ width:70%; display:block; text-align:center; border-radius: 50%; margin:0 auto;}
.content1 .pi .plist span{ display:block; text-align:center}
.content1 .pi .plist a{ color: #FFF !important}

.content1 .clt { float:left; width:45%; }
.content1 .clt img{ width:100%}
.content1 .cri { float:right; width:45%; }
.content1 .cri  .tt1{ font-size:24px; color:#000}
.content1 .cri  .li{ border-bottom: #eee solid 1px; padding-top:10px; padding-bottom:20x; height:auto; overflow:hidden } 
.content1 .cri span{ display:block}

.content1  .cti{ width:90%; margin:0 auto; border:#00C solid 0px;}
.content1  .cti .tt1{ color:#000 ; font-size:22px}
.content1  .cti span{ display:block; }
.content1  .cti .slist{ margin-top:10px; margin-bottom:10px; border-bottom:#eee solid 1px;}
.content1  .cti .slist .sti{ color:#000}
.content1  .cti .slist .sde{ color:#999; margin-bottom:10px;}
.nocont{ font-size:24px; text-align:center; padding-top:50px;}

.content1  .cti .elist{ margin-top:10px; margin-bottom:10px; border-bottom:#eee solid 0px; width:24.6%;  display:inline-block; vertical-align: top; text-align:center;}
.content1  .cti .elist span{ padding:5px;}
.content1  .cti .elist .sdata{ font-size:10px; color:#999}
.content1  .cti .slist .sti{ color:#000}
.content1  .cti .slist .sde{ color:#999; margin-bottom:10px;}
.content1  .cti .slist { height:auto; overflow:hidden; padding-bottom:5px; padding-top:5px;}
.content1  .cti .slist .nli{ width:100px; float:left;}
.content1  .cti .slist .nri{ float:left;}

.pager1{ padding-top:50px; padding-bottom:20px; width:100%; height:auto; overflow:hidden; clear:both; text-align:center; border:#000 solid 0px; margin: 0 auto}
.pager1 div{ width:100% !important; height:auto;  border:#000 solid 0px;}
.paginator a {padding: 10px 15px; border: solid 1px #ddd; background: #fff; display:inline; text-decoration: none;margin-right:2px;margin: 0 auto; text-align:center}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 10px 6px;font-weight: bold;  font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #666699;border-color:#666699;text-decoration: none;}

.content2 .title{ font-size:16px; padding-top:5px; padding-bottom:5px; text-align:center}
 .content2{ width:100%; margin:0 auto; height:auto; overflow:hidden; margin-top:50px;}
 .content2 .newstitle{display:block; font-size:32px; line-height:32px; height:auto}
 .content2 .line { display:block; background-color:#eee ; height:1px; margin-top:10px; margin-bottom:10px;}
 .content2  .newsdata{display:block; text-align:center;  color:#999; font-size:14px ; margin-bottom:20px;  padding-top:10px; padding-bottom:10px;}
 .content2  .newscontent{ display:block;  color:#999; font-size:16px ; margin-top:20px; margin-bottom:30px; line-height:30px;}
 .content2  .newscontent img{ width:70%; margin-top:10px; margin-bottom:10px; margin: 0 auto;}
 .content2 .next{ display:block; width:100%; }
 .content2 .next .ll{ float:left; display:block; width:80%}
 .content2 .next .ri{ float:right;display:block; width:15%; text-align:right;}
.content2 .next .ri a{ display:block; width:100%; height:100%}

 .cleft { width:90%; float:left; padding:20px; margin:0 auto}
 .cleft .le{ width:45%; float:left; height:auto; overflow:hidden }
 .cleft .lr{ float:right;width:45%;height:auto; overflow:hidden}
 .cleft .cc{ clear:both;  height:auto; overflow:hidden; padding-top:20px;}
 .cleft .le .tt{ font-weight:bold}
 .cleft .cc .tt{ font-weight:bold}
 .cleft .lr .tt{ font-weight:bold}
 .cleft input{
    margin: 0 auto;
    padding: 0 0px; text-indent:10px;
    width: 99%;
    height: 34px;
    border: 1px solid ;
    border-radius: 2px; font-size:16px; color:#999;
    
 
}
.message{
    margin: 0 auto;
    padding: 10px 0px; text-indent:10px;
    width: 99%; font-family:Verdana, Geneva, sans-serif;
   
    border: 1px solid ;
    border-radius: 2px; font-size:16px; color:#999;
    
   
}
.on{ display:block !important}
.message:hover{background-color:#eee; color:#666}
 .cleft input:hover{ background-color:#eee; color:#666}
 .cleft .btn { margin-top:20px;}
 .cleft .btn .cms-btn{ padding:15px 30px; text-align:center; border: #FFF solid 0px;background-color:#000; color:#FFF }
 .cleft .btn .cms-btn:hover{ background-color:#669; cursor:pointer}
 
 .content1  .cti  .plt{ width:22%; float:left; border:#eee solid 1px;}
  .content1  .cti  .plt ul{ margin-bottom:30px;}
  .content1  .cti  .plt .ct{ font-size:24px; padding:10px; color:#fff; background-color:#3850b4}
    .content1  .cti  .plt ul li{ font-size:16px;  position:relative; color:#fff; background-color:#fff}
	.content1  .cti  .plt ul li .zhan{ position:absolute; right:0px; top:0px;  border:#FFF solid 0px; height:100%; text-align: center; width:20%; cursor:pointer}
	.content1  .cti  .plt ul li .zhan img{ width:12px; margin-top:15px;}
	.content1  .cti  .plt ul li .act{ padding:10px;  padding-bottom:10px; display:block }
	.content1  .cti  .plt ul li .act:hover{ color:#FFF !important}
	.content1  .cti  .plt ul li:hover{background-color:#3850b4}
	.content1  .cti  .plt ul li .m21{ display:none }
	.content1  .cti  .plt ul li .m21 a{background-color: #FFF; padding-left:15px;  display:block; font-size:16px}
	.content1  .cti  .plt ul li .m21 a img{ font-size:10px; float:left; width:5px; margin-right:5px; margin-top:10px;}
	.content1  .cti .pri{ width:75%; float:right}
	.content1  .cti .pri .pnav .tt2{ font-size:24px; color: #000 }
	.content1  .cti .pri .pnav .de{ margin-top:10px; }
	.content1  .cti .pri .productslist ul li{ width:32.5%; display:inline-block}
	.content1  .cti .pri .productslist ul li .lii{ margin:5px; border: #eee solid 1px;}
	.content1  .cti .pri .productslist ul li img{ width:100%}
	.content1  .cti .pri .productslist ul li .nt { text-align:center; background-color: #3850b4; color:#fff; }
	
	.content1  .cti .pri .prilt { width:45%; border:#000 solid 0px; float:left;height:auto; overflow:hidden}
	.content1  .cti .pri .priri{ width:50%; border:#000 solid 0px; float: right; height:auto; overflow:hidden}
	.content1  .cti .pri .cent{ width:100%; clear:both; border: #eee solid 1px; margin-bottom:20px;}
	.content1  .cti .pri .cent .detailed{ background-color:#3850b4; font-size:24px; color:#FFF; padding:10px;}
	.content1  .cti .pri .cent  .ct{padding:10px;}
		.content1  .cti .pri .cent  .ct img { width:100%; }
		.content1  .cti .pri .cent  .ct table{ width:100%; border-collapse: collapse;  }
		.content1  .cti .pri .cent  .ct table tr td{padding:5px !important;}