html,body{margin:0;padding:0;background:#fff;font-size:12px;font-family: "Arial","Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3","SimSun","STHeiti","Noto Sans SC";
font-weight: 100;}
a{margin:0;padding:0;}
ul,li,h1,h2,div,h3,h4,h5{list-style:none;margin:0;padding:0;font-family: "Noto Sans SC";font-weight: 100;}
a{color:#333;text-decoration:none;}
.pagetop{overflow:hidden;}
.topmenu{position:fixed;top:0;left:0;right:0;background:#fff;z-index:999;border-bottom:1px solid #b6b6b6;min-height:50px;margin:0;padding:0;}
.topspace{display:block;min-height:50px;}
.pagespace{display:block;min-height:90px;width:100%;overflow:hidden;}

.topmenu .topnav{position:relative;padding:0;margin:0 auto;width:80%;}
.topnav .logo{float:left;margin:0;padding:0;}
.topnav .logo a{margin-top:5px;display:inline-block;width:210px;height:40px;background:url(../images/logo_txt.png) no-repeat;background-size:cover;text-indent:-99999px;}
.topnav .nav{float:right;line-height:40px;text-align:right;}
.topnav .nav li{display:inline-block;padding:0px 15px;padding-top:10px;}
.topnav .nav li:last-child{padding-right:0;}
.topnav .nav li a{display:block;color:#555;font-size:15px;margin:0px 2px;}
.topnav .nav li a span{display:block;min-width:75px;text-align:center;}
.topnav .nav li a span.en{opacity: 1;animation: fadeinout 0.5s linear;}
.topnav .nav li a span.cn{display:none;opacity: 0;color:red;}
.topnav .nav li a:hover span.en{display:none;}
.topnav .nav li a:hover span.cn{opacity: 1;display:inline-block;animation: fadeinout 0.5s linear;}

.topnav .nav li a.cur{border-bottom:2px solid #1a1a1a;color:#101010;}
.topnav .nav li a.lng{margin:0px 0px;}
.topnav .nav li a.curlng{color:#b7aa7d;}

#pages{
	text-align:center;font-size:12px;margin-top:10px;
}
#pages a{display:inline-block;margin:0px 6px;}

#pages select{margin-left:10px;}

.swiper-pagination{text-align:right;}
.swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;}

.swiper-product{
	
}

.ads
{
	min-height:650px;position:relative;
}
.ads .swiper-container{
	height:500px;
}
.ads .aboutus{
	z-index:5;position:absolute;min-height:220px;left:0;bottom:0;width:100%;
}

.ads .aboutus .about{
	width:1060px;margin:0 auto;background:#fcad22;
	padding:30px 20px;
}

.about .title{
	text-align:center;font-size:24px;
}

.about .intro{
	padding:20px 50px;line-height:1.6;font-size:16px;text-indent:2em;
}
.about .link{
	text-align:center;padding:10px;
}
.about .link a{
	display:inline-block;padding:5px 25px;background:#333;color:#fff;font-size:12px;
}
.excerpt-fade{opacity:0;-webkit-transform:translateY(2rem);-ms-transform:translateY(2rem);transform:translateY(2rem)}
.animation {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:.9s .7s;transition:.9s .7s}


.pubpage{
	margin:0 auto;width:1100px;
}
.pubpage .title{
	font-size:20px;font-weight:600;text-align:center;padding-bottom:2px;
}
.pubpage .line{
	text-align:center;padding:5px;
}
.pubpage .line span{display:inline-block;width:12px;height:2px;background:#fcad22;margin:0px 2px;}

.pubpage .intro{
	text-align:center;min-height:70px;
}

.protype{margin:0;padding:5px 10px;}
.protype ul{margin:0;padding:0;}
.protype ul li{display:inline-block;padding-right:15px;}
.protype ul li a{display:inline-block;border-radius:5px;background:#eee;padding:2px 5px;margin:3px 0px;}
.protype ul li a:hover{background:#111;color:#fff;}

.pubpage .swiper-product{	
	height:300px;overflow:hidden;
}
.pubpage .swiper-product .swiper-pagination-bullet-active{opacity:1;background:#111}
.pubpage .prolist{
	margin:0;padding:0;text-align:center;
}
.pubpage .prolist li{
	display:inline-block;width:24.5%;text-align:center;
}
.pubpage .prolist li img{
	width:90%;
}
.pubpage .prolist li h2{
	font-size:14px;padding-top:10px;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.apppage{
	margin:0;padding:0;text-align:center;
	background-image:url('/tmp/banner_1.jpg');
	background-repeat:no-repeat;overflow:hidden;background-position: center center;
	background-position:center top;
}
.appbg{
	margin:0;padding:0;text-align:center;background:repeating-linear-gradient(#fff,#fff,rgba(255,255,255,0.9),rgba(255,255,255,0));
}
.apppage .more{
	min-height:100px;line-height:100px;
}
.apppage .more h3{
	font-weight:600;font-size:22px;
}
.apppage .more h3 span{
	color:#fcad22;
}

.pubpage .applist{}
.pubpage .applist li{
	display:inline-block;width:250px;text-align:center;margin:0px 10px;position:relative;
}

.pubpage .applist li:first-child{
	margin-left:0;
}
.pubpage .applist li:last-child{
	margin-right:0;
}
.pubpage .applist li img{
	width:100%;
}
.pubpage .applist li h2{
	display:block;width:100%;font-size:14px;line-height:40px;position:absolute;bottom:0;left:0;background:rgba(251,170,29,0.8);
	color:#fff;
}
.pubpage .applist li a{cursor:default;}

.pubpage .news{}
.pubpage .newslist li{
	display:inline-block;width:350px;text-align:left;margin:0px 10px;position:relative;border:1px solid #ebebeb;
	box-shadow:5px 5px 5px #eee,5px -5px 5px #eee,-5px 5px 5px #eee,-5px -5px 5px #eee;min-height:230px;
}
.pubpage .newslist li:hover{
	border:1px solid #e1e1e1;
}

.pubpage .newslist li .item{
	padding:30px 20px;padding-top:30px;text-align:left;overflow:hidden;
}
.pubpage .newslist li .item .date{
	font-size:10px;color:#555;
}
.pubpage .newslist li .item .ntitle{
	font-size:13px;padding:9px 0px;font-weight:600; height:25px;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pubpage .newslist li .item .nintro{
	font-size:12px;line-height:1.4;text-align:left;padding-bottom:30px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pubpage .newslist li .item .btn{position:absolute;bottom:0;left:0;padding:20px;}
.pubpage .newslist li .item .btn a{}

.pubpage .newslist li:first-child{
	margin-left:0;
}
.pubpage .newslist li:last-child{
	margin-right:0;
}

.pubpage .news .more{
	text-align:center;padding:30px 10px;padding-top:50px;
}
.pubpage .news .more a{
	display:inline-block;padding:5px 25px;background:#333;color:#fff;font-size:12px;
}

.contact{
	padding:0;margin:0;overflow:hidden;
}

.contact .qr{
	float:left;
}
.contact .qr ul{}
.contact .qr ul li{
	display:inline-block;width:120px;margin-right:30px;text-align:center;
}
.contact .qr ul li img{
	width:120px;height:120px;
}
.contact .qr ul li h3{
	font-size:13px;padding-top:10px;
}

.contact .info{
	float:right;
}
.contact .info ul{}
.contact .info ul li{
	display:block;text-align:left;padding-bottom:12px;
}
.contact .info ul .name{
	font-size:14px;font-weight:500;
}

.pageboot{
	margin-top:20px;border-top:1px solid #b6b6b6;
}
.pageboot .copyright{padding-top:20px;}
.pageboot .copyright li{text-align:center;padding-bottom:10px;}

.pageimg{
	margin:0;padding:0;min-height:300px;max-height:340px;overflow:hidden;
	background-image:url(/upload/img_about_1.jpg);background-position:50% 50%;background-repeat:cover;background-size:cover;background-color:;opacity:1
}
.pagelocation{padding-top:8px;}
.pagelocation li{display:inline-block;}
.pagelocation li span{padding:0px 5px;}


.aboutpage{
	padding-top:40px;
}
.aboutidea{
	background:#2d3e50;margin:0;padding:40px 0px;min-height:300px;
}
.aboutidea .aititle{
	display:block;text-align:center;font-size:30px;color:#fff;padding:20px 0px;overflow:hidden;
}
.aboutidea .idealist{padding:20px 0px;}
.aboutidea .idealist li{
	display:inline-block;width:250px;text-align:center;margin:0px 10px;position:relative;
}

.aboutidea .idealist li:first-child{
	margin-left:0;
}
.aboutidea .idealist li:last-child{
	margin-right:0;
}
.aboutidea .idealist li img{
	width:100%;
}

.aboutidea .idealist li:hover .limask{
	opacity: 1;
}
.aboutidea .idealist li:hover h2{
color:#fff;
}

.aboutidea .idealist li .limask{
	position:absolute;bottom:0;left:0;top:0;right:0;background:rgba(252,173,34,0.9);opacity: 0;
            transition: opacity 300ms ease-in;
}
.aboutidea .idealist li .limask .intro{
	color:#fff;padding:60px 20px;padding-bottom:0;font-size:14px;line-height:1.5;text-align:left;
}

.aboutidea .idealist li h2{
	font-size:20px;line-height:40px;position:absolute;top:10px;left:20px;
	color:#111;
}

.aboutpage .content{float:right;width:55%;line-height:1.8;font-size:16px;font-weight:100;}
.aboutpage .other{float:left;width:40%;}
.aboutpage .other img{width:100%;}

.productpage{
	margin:0;padding:0;margin-top:30px;
}

.productpage .menunav{
	float:left;width:220px;
}

.productpage .menunav ul{
	border-radius:5px;
	display:block;text-align:left;margin:0px 10px;position:relative;border:1px solid #ebebeb;
	box-shadow:5px 5px 5px #eee,5px -5px 5px #eee,-5px 5px 5px #eee,-5px -5px 5px #eee;min-height:150px;
}

.productpage .menunav ul li{
	border-bottom:1px dashed #bbb;padding:0px 10px;font-size:14px;line-height:1.3;
}
.productpage .menunav ul li:last-child{border-bottom:0;}
.productpage .menunav ul li.cur,.productpage .menunav ul li:hover{
	background:#fafafa;
}
.productpage .menunav ul li a.cur{border-bottom:2px solid #1a1a1a;color:#101010;}
.productpage .menunav ul li a{display:block;padding:15px 0px;}

.productpage .productlist{
	float:right;width:860px;
}
.productpage .productlist .prolist{
	text-align:right;
}
.productpage .productlist .prolist li{
	display:inline-block;width:265px;margin-left:20px;margin-bottom:20px;
}
.productpage .productlist .prolist li img{
	width:100%;object-fit: cover;
    transition: 0.2s;
}
.productpage .productlist .prolist li:hover img{transform: scale(1.1);}

.productpage .productlist .prolist li .name{
	display:block;
}


.productpage .images{
	float:left;width:400px;
}
.productpage .images img{
	width:100%;
}

.productpage .procontent{
	float:right;width:660px;
}
.productpage .procontent .protitle{
	text-align:center;font-size:20px;
}
.productpage .procontent .proview{
	padding-top:20px;
	text-align:left;font-size:14px;line-height:1.6;overflow:hidden;
}
.productpage .promore{
	display:block;width:100%;
}
.productpage .promore a{display:inline-block;font-size:13px;}
.productpage .promore .llink{float:left;}
.productpage .promore .rlink{float:right;}

.contactpage .map{
	display:block;width:100%;margin-top:30px;overflow:hidden;
}
.form{}
.form td{font-size:14px;}
.form td.rt{text-align:right;padding-right:5px;}
.form input{border:1px solid #222;border-radius:5px;height:28px;line-height:28px;padding:0px 5px;}
.form textarea{border:1px solid #222;border-radius:5px;height:80px;line-height:1.6;padding:0px 5px;width:100%;}
.form .tipsmsg{
	text-align:center;padding-top:20px;font-size:14px;display:none;
}
.form .btn{
	text-align:center;padding-top:10px;
}
.form .btn a{display:inline-block;padding:12px 25px;margin:5px 20px;border-radius:8px;color:#fff;font-size:14px;}

.form .btn .ok{background:#fcad22;}
.form .btn .ok:hover{background:#8ced2d;}

.form .btn .cancel{background:#908b8b;}
.form .btn .cancel:hover{background:#bbbdb9;}

.newspage{
	margin:0;padding:0;margin-top:30px;
}

.newspage .news{margin:0;padding:0;}
.newspage .news .newlist{}
.newspage .news .newlist li{padding:20px 0px;border-bottom:1px dashed #ddd;}
.newspage .news .newlist li .ntitle{
	font-size:16px;padding:5px 0px;line-height:1.6;
}

.newspage .news .newlist li .ntitle a:hover{color:#fcad22;}

.newspage .news .newlist li .nintro{
	font-size:12px;padding:5px 0px;line-height:1.6;
}
.newspage .news .newlist li .date{
	font-size:12px;padding:5px 0px;line-height:1.6;
}

.newspage .newscontent{}
.newspage .newscontent .newstitle{text-align:center;font-size:16px;font-weight:400;}
.newspage .newscontent .newsdate{text-align:center;font-size:12px;line-height:1.8;padding:10px 0;}
.newspage .newscontent .newsview{text-align:left;font-size:13px;line-height:1.8;}


.newspage .newsmore{
	display:block;width:100%;
}
.newspage .newsmore a{display:block;font-size:13px;margin:5px 0px;}
.newspage .newsmore .llink{}
.newspage .newsmore .rlink{}

@-webkit-keyframes fadeinout {
  0%{ opacity: 0; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}
 
@keyframes fadeinout {
  0%{ opacity: 0; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}

.tsce{letter-spacing:0;}

 .super-link{
    position: relative;
    text-decoration: none;
    color: #1a1a1a;
 }
 /*伪元素是两个冒号*/
 .super-link::after{
    content: '';
    width: 100%;
    height: 2px;/*设置伪元素的高度，这里是下划线的粗细*/
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #1a1a1a;/*当前标签继承的文字颜色，这里让伪元素的背景色与父元素的文字颜色相同*/
    transform: scale(0);
    transition:all .35s;
}
.super-link:hover::after{
    transform: scale(1);
}
.left::after{
    transform-origin: left;
 }
 .right::after{
    transform-origin: right;
 }
 .center::after{
    transform-origin: center;
 }

@media only screen and (max-width: 840px){
body{background:#000;}
}