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

body, td, th {
	font-size: 16px;
	color: #000;
	text-align: left;
	-webkit-font-smoothing:antialiased;
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
	font-size: 16px;
	font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
	background-color:#fff;
	color: #000;
	margin:0;
	padding:0;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
li {
	list-style-type:none;
}
ul {
	margin:0px;
	padding:0px;
}
img {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
}
a:link {
	color:#333;
	text-decoration: none;
}
a:visited {
	color:#333;
	text-decoration: none;
}
a:hover {
	color:#ed7020;
	text-decoration: none !important;
}
a:active {
	color:#333;
	text-decoration: none;
}

.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
        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 img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, 0.2);
}
.swiper-pagination span{ width:20px; height:20px; line-height:20px; background: #000; color:#FFF;}
.swiper-pagination-bullet-active {
	color: #fff;
	background: #007aff;
}
.mySwiper1{ position:relative}
.mySwiper1 .swiper-wrapper .swiper-slide .liew { position:absolute; width:40%; right:100px; text-align:left}
.mySwiper1 .swiper-wrapper .swiper-slide .liew span{ display:block}
.mySwiper1 .swiper-wrapper .swiper-slide .liew .title{ font-size:48px; color:#FFF}
.mySwiper1 .swiper-wrapper .swiper-slide .liew .de{ margin-top:20px; margin-bottom:20px;}
.mySwiper1 .swiper-wrapper .swiper-slide .liew .bt{ padding:15px; text-align:center; border-radius: 25px; background-color:#ed7020; width:120px; text-transform:uppercase;  color:#fff; font-weight:bold }
.swiper-pagination1 { position:absolute; z-index:1000; top:90%; padding-left:45%; }
.swiper-pagination1 span{ width:100px; height:10px; line-height:20px; background: #000; color:#FFF; border-radius: 0px; top: 0;left:50%;right:0;bottom:0;margin:500 auto; z-index:100000; }
.more{ float:right;}
.nav{ position:relative}
.nav .menu { color:#FFF}
.nav .logo { float:left}
.nav .logo img { height:60px;}
.nav  .m1{ float:left; }
.nav .m1  ul li{ float:left; padding:18px; padding-left:35px; padding-right:35px; font-size:18px; color:#FFF; position:relative;}
.nav .m1  ul li:hover{}
.nav .m1  ul li a{ color:#FFF}
.nav .m1  ul li a:hover{ color:#ed7020;}
.nav .m1  ul li .m2{ display:none; position:absolute; top:55px; left:-4% ;padding:10px; background-color:#000 }
.nav .m1  ul li .m2 ul li{ float:none;padding:8px; }
.nav .m1  ul li:hover .m2{ display:block;border:#F00 solid 0px; width:100%;color:#ed7020;}
.nav .m1  ul li:hover .m2 a{color:#ed7020;}
.nav .menu { width:98%; margin:0 auto; height:60px; background-color:#000; position:absolute; top:0px; z-index:1000;left:0; right:0; top:40px; bottom:0;  border-radius: 25px;opacity:0.8;}

.nav .sel{ float: right; border:#00C solid 0px; padding:18px; color:#FFF; margin-top:5px;}
.nav .sel span { margin-left:20px;}

.nav2{  width:100%; margin:0 auto; background-color:#000; height:auto; overflow: hidden; padding-bottom:45px;}
.nav2 .about { width:98%; margin:0 auto; background-color:#000; border:#F00 solid 0px; height:auto; overflow: hidden }
.nav2 .about .a50{width:50%; float:left; }
.nav2  .about .title{ font-size:48px; color:#FFF; text-align:center; padding:35px; height:auto; overflow: hidden}
.nav2  .about  .video{ background-color:#000; width:50%; float:left; height:auto; overflow:hidden; text-align:center}
.nav2  .about  .ab{  width:45%; float:left; padding:20px; color:#FFF; background-color:#FFF; background-color:rgb(100,100,100,0.2);}
.nav2  .about  .ab  .news .title{ font-size:24px; text-align:left; color:#ed7020; padding-top:20px; padding-left:0px; padding-bottom:20px; border-bottom:#999 solid 0px;}
.newslist li{ line-height:25px; height:auto; overflow:hidden; }

.nav3{  width:100%; margin:0 auto;  height:auto; overflow: hidden; padding-bottom:45px;}
.nav3 .title{ font-size:48px; color:#000; text-align:center; padding:35px; height:auto; overflow: hidden}
.nav3 .pro{  width:98%; margin:0 auto; background-color:#fff; border:#F00 solid 0px; height:auto; overflow: hidden}
.nav3 .pro ul { width:80%; margin:0 auto}
.nav3 .pro ul li{border:#666 solid 0px; float:left; width:33%}
.nav3 .pro ul li span{ display:block; text-align:center; font-size:24px; padding:5px; }
.nav3 .pro ul li .mr{ font-size:18px; color:#333}
.bot{ min-height:300px; background-color:#333}

.nav4{  width:100%; margin:0 auto;  height:auto; overflow: hidden; padding-bottom:45px; padding-top:45px;}
.nav4 .case{width:98%; margin:0 auto;  border:#F00 solid 0px; height:auto; overflow: hidden;border:#00C solid 0px;}
.nav4 .case ul li{ width:25%; float:left; border:#00C solid 0px;}
.nav4 .case ul li div{ width:90%; margin:0 auto; }
.nav4 .case ul li div img{ width:100%}
.nav4 .case ul li div span{ display:block; font-size:18px; text-align:center; padding:15px;}

.Emailme{ border-top: #eee solid 1px; min-height:180px; text-align:center; font-size:24px; padding-top:55px; }
.Emailme .bt{ padding:10px; text-align:center; border-radius: 15px; background-color:#ed7020; width:120px;   color:#fff;  margin:0 auto; margin-top:20px;}
.Emailme .bt a{ color:#FFF}

.bot .ct{ border-bottom:#999 solid 1px; width:98%; margin:0 auto; padding-top:50px; height:auto; overflow:hidden; padding-bottom:50px; }
.bot .ct ul { width:80%; margin:0 auto; color:#FFF}
.bot .ct ul li{ width:23%; float:left; padding:10px; text-align:center}
.bot .ct1{ width:98%; margin:0 auto; height:auto; overflow:hidden; color:#FFF; line-height:35px; text-align:right }
.w100{ width:100%}


.navmenu{ width:85%; margin:0 auto; padding:20px; height:auto; overflow:hidden; background-color:#fff; border-bottom:#eee solid 1px;}
.navmenu .title{ font-size:28px; color:#ed7020; border-right:#CCC solid 1px; padding-right:20px; padding-left:20px;}
.navmenu .title a{ color:#ed7020;}
.navmenu .ti{font-size:22px; border-right:#CCC solid 1px; padding-right:20px; padding-left:20px;}
.navmenu ul li{ float:left; margin:0 auto;font-size:22px; border-right:#CCC solid 1px; padding-right:20px; padding-left:20px;}

.content{ width:100%; padding:20px; height:auto; overflow:hidden}
.content .nocont { font-size:36px; text-align:center; margin-top:50px; margin-bottom:50px;}
.content .cnt{ width:85%; margin:0 auto; padding:20px; height:auto; overflow:hidden;}
.content .cnt .act { height: auto; overflow:hidden; padding-bottom:30px !important;}
.content .cnt .act .title{font-size:28px; font-weight:bold; padding-top:10px; padding-bottom:10px; border-bottom:#999 solid 0px; color:#000}
.content .cnt .act .cleft { width:50%; float:left; margin-top:50px;}
.content .cnt .act .cleft .le{ width:45%; float:left; height:auto; overflow:hidden }
.content .cnt .act .cleft .lr{ float:right;width:45%;height:auto; overflow:hidden}
.content .cnt .act .cleft .cc{ clear:both;  height:auto; overflow:hidden; padding-top:20px;}
.content .cnt .act .cleft .le .tt{ font-weight:bold}
.content .cnt .act .cleft .cc .tt{ font-weight:bold}
.content .cnt .act .cleft .lr .tt{ font-weight:bold}
.content .cnt .act .cleft input{
    margin: 0 auto;
    padding: 0 0px; text-indent:10px;
    width: 100%;
    height: 34px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 2px; font-size:16px; color:#999;
    
    background: rgba(0,0,0,.15);
}
.message{
    margin: 0 auto;
    padding: 10px 0px; text-indent:10px;
    width: 100%; font-family:Verdana, Geneva, sans-serif;
   
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 2px; font-size:16px; color:#999;
    
    background: rgba(0,0,0,.15);
}
.message:hover{background-color:#000; color:#FFF}
.content .cnt .act .cleft input:hover{ background-color:#000; color:#fff}
.content .cnt .act .cleft .btn { margin-top:20px;}
.content .cnt .act .cleft .btn .cms-btn{ padding:15px 30px; text-align:center; border: #FFF solid 0px;background-color:#333; color:#FFF }
.content .cnt .act .cleft .btn .cms-btn:hover{ background-color:#000; cursor:pointer}

.content .cnt .act .cri { width:45%; float:right; margin-top:50px;}
.content .cnt .act .wx .tt{ font-size:22px; font-weight:bold}
.content .cnt .act .wx .nt{ text-align:left;  line-height:30px; }
.content .cnt .act .wx .nt span{ font-size:16px; color:#ed7020 }


.news{ margin-bottom:50px; height:auto; overflow:hidden }
.news .cnt{}
.news .cnt .text{ padding-bottom:10px; padding-top:10px;  border-bottom:#eee solid 1px;}
.news .cnt  .newslist{ margin-top:30px; margin-bottom:50px; vertical-align:top}
.news .cnt  .newslist ul li{ width:33%; display:inline-block; }
.news .cnt  .newslist ul li div{ }
.news .cnt  .newslist ul li .lii{  width:90%; padding:8px;}
.news .cnt  .newslist ul li .lii:hover{ background-color:#000; color:#FFF; cursor:pointer}
.news .cnt  .newslist ul li .lii:hover a{ color:#FFF;}
.news .cnt  .newslist ul li .lii .nt{ font-size:16px;}
.news .cnt  .newslist ul li .lii span{ display:block}

.news .cnt  .newslist ul li:nth-child(3n) div{ float:right}
.news .cnt  .newslist ul li div img{ width:100%}
.news .cnt  .newslist ul li div .ni{ font-size:12px; color:#999}
.news .cnt  .newslist ul li div .nt{ padding-top:10px; padding-bottom:10px;}



 .content2 .title{ font-size:32px; 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%}


.content1{ height:auto; overflow:hidden}
.content1 .cnt .productschan {  height:auto; position:relative; height:auto; overflow:hidden; width:85%; margin:0 auto; margin-top:50PX; margin-bottom:50PX;}
.content1 .cnt .productschan .pleft{ width:50%; float:left; position:relative}
.content1 .cnt .productschan .pleft img{ width:100%}
.content1 .cnt .productschan .pleft .play{ position:absolute; width:100px; height:100px; left:0; right:0; top:0; bottom:0;margin:auto; z-index:2000}
.content1 .cnt .productschan .pleft .play:hover{ cursor:pointer}
.content1 .cnt .productschan .pri{ width:45%; float:right; }
.content1 .cnt .productschan .pri .title{ color:#333; border-bottom:#ccc solid 1px; padding-top:20px; padding-bottom:20px; height:auto; overflow:hidden}
.content1 .cnt .productschan .pri .htmlcn{ margin-top:20px}
.content1 .cnt .productschan .pri  .box { background-color:#333 ; position:absolute; bottom:20px;   border-radius: 20px; padding:10px; color:#FFF; width:150px; text-align:center}
.content1 .cnt .productschan .pri  .box a{ color:#FFF; display:block; width:100%; height:100%}
.content1 .cnt .productschan .pri  .box:hover{ background-color: #000;}

.content1 .cnt .productsde{ margin-top:20px; background-color:#FFF; width:85%; margin:0 auto; margin-top:50PX; margin-bottom:50PX;}
.content1 .cnt .productsde .detitle{ padding:20px; background-color:#333;  }
.content1 .cnt .productsde .detitle h4{color:#FFF !important}
.content1 .cnt .productsde .dese{ padding:20px; height:auto; overflow:hidden }
.link{ height:auto; overflow:hidden; border-top:#eee solid 1px; padding-top:20px; margin-top:50px;}