@charset "utf-8";
@import "../icon/iconfont.css";
@import "../icon2/iconfont.css";
/* 
 *
 *******************************
   设计制作：厦门玖圣网络科技有限公司
   网址：www.jiuss.com
   联系电话：13959261880
 *******************************
 *
 */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0px;padding:0px;font-family: "Microsoft JhengHei", "微软雅黑", "黑体", Arial;-webkit-text-size-adjust:none;}
body ::selection {color:#FFFFFF;background-color:#CCC;text-shadow:none;}
ul,h1,h2,h3,li{margin:0px;padding:0px; list-style-type:none;}
a{text-decoration:none;outline:none;} 
a:focus{outline:none;-moz-outline-style:none;-moz-outline:none;}
a:hover{text-decoration:underline;}
.clear{ clear:both; height:0px; overflow:hidden; border:0;}
input,textarea{outline:none;background-color:transparent;resize:none;-webkit-appearance:none;}
select{-webkit-appearance:none;}
.none{display:none; }
img{border:0px; max-width:100%;}
.nav{ height:80px; width:1200px; margin:20px 0 0 -600px; top:0; left:50%;position: absolute; z-index:99999; padding-left:255px;}
.nav .logo{ margin:0;padding:0; position:absolute; left:0; background:#0099FF;border-radius: 40px 0 0 40px;}
.nav .logo img{ display:block;}
.nav ul.navlist{background:rgba(255,255,255,.9);height:80px;border-radius: 0 0 40px;}
.nav ul.navlist li:last-child{border-radius: 0 0 40px;overflow: hidden;}
.nav ul.navlist li ul li:last-child{border-radius: 0;}
.nav ul.navlist li{ float:left; width:14.285714285714%; position:relative;}
.nav ul.navlist li a{ display:block; line-height:80px; text-align:center; color:#0099FF;}
.nav ul.navlist li a:hover{ background:#effbff; text-decoration:none;}
.nav ul.navlist li ul{ position:absolute;background:rgba(0,153,255,0.95); width:100%; display:none;}
.nav ul.navlist li ul li{ float:none; width:100%;}
.nav ul.navlist li ul li a{ line-height:40px; display:block; color:#fff;}
.nav ul.navlist li ul li a:hover{color:#0099FF;}
.nos{cursor: default;}
.aimg,.aimg span{overflow: hidden;display: block;}
.aimg img{transition:all .6s;display: block;}.aimg:hover img{transform:scale(1.1)}
.banner{width:100%;}
.index_products{ max-width:1200px; margin:auto; padding:50px 0;}
.title1{ text-align:center; font-weight:normal;}
.title1 strong{display:block; font-size:24px; color:#0099FF;}
.title1 span{ display:block; font-size:18px; color:#aeaeae;}
.index_products ul{display: flex;justify-content: center;}
.index_products ul li{ width:25%;margin-top:20px;}
.index_products ul li a{ display:block;max-width:280px; text-decoration:none}
.index_products ul li a span{ display:block; text-align:center;border-bottom:solid #e1e1e1 1px;border-left:solid #e1e1e1 1px;border-right:solid #e1e1e1 1px; font-size:16px; color:#898989;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px 3px;}
.index_products ul li a:hover span{ background:#0099FF; color:#fff;}
.index_products ul li a div{ padding:3px; border:solid #e1e1e1 1px;overflow: hidden;}
.index_products ul li a div img{ display:block;}
.index_more{ border:solid #e1e1e1 1px; display:block; width:80px; height:30px; line-height:30px; text-align:center; color:#9e9e9e; margin:50px auto 0; text-transform:uppercase; font-size:16px;}
.index_more:hover{ color:#fff; background:#0099FF; text-decoration:none;}
/*.led_sen img{ position:fixed; width:100%;left:0; top:0; z-index:-1; display:block;}*/
.led_sen img{ width:100%;display:block;}
.white_bj{ background:#fff;}
/*
.led_sen{ height:380px; position:relative; display:flex; align-items:center;background:rgba(0,0,0,.5) url(../bj.jpg) center center;background-attachment: fixed;background-size: 100% auto;}
.index_text{width:1200px; position:absolute;left:50%; margin-left:-600px;text-align:center; font-size:2em; color:#fff;}
*/
.led_sen{padding: 50px 0;display:flex; align-items:center;background:rgba(0,0,0,.5) url(../bj.jpg) center center;background-attachment: fixed;background-size: 100% auto;}
.index_text{width:1200px;font-size:2em; color:#fff;margin: auto;}
.index_text p{ font-size:16px; line-height:200%;}
.i_news{max-width:1200px; padding:50px 0; margin:auto; background:#fff;}
.i_news ul{ margin:50px 0 0;}
.i_news ul li{width:590px; padding:5px; display: inline-block;}
.i_news ul li a{ display:block; width:100%; height:125px; padding:3px; border:solid #efefef 1px; overflow:hidden;}
.i_news ul li a img{ max-width:118px;}
.i_news ul li a span{ float:left; margin-right:10px;}
.i_news ul li a strong{ color:#424242; font-size:16px; padding-top:10px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_news ul li a p{ font-size:14px; color:#9e9e9e;}
.i_news ul li a:hover{ text-decoration:none; background:rgba(255,255,204,.3);}
.copyright{ background:#0099FF; padding:10px 0; text-align:center; color:#fff;border-top:solid 1px rgba(255,255,255,.1);}
.copyright a{ color:#fff;}
.footer{ background:#0099FF;}
.fnav_box{ max-width:1200px; margin:auto; padding:50px 0 50px 200px; position:relative;}
.fnav_box h2{ position:absolute; left:0;}
.fnav_box ul{ float:left; padding:0 2%; width:20%;}
.fnav_box ul.f_contact{ width:40%;}
.fnav_box ul li{ line-height:24px;}
.fnav_box ul li strong{ font-size:16px; color:#fff; padding-bottom:20px; display:block;}
.fnav_box ul li a{ font-size:14px; color:#d4d4d4;}
.fnav_box ul li p{ margin:0;font-size:14px; color:#d4d4d4; }
.f_contact li .iconfont{font-size: 30px;cursor: pointer;color: rgba(255, 255, 255, .5);margin: 10px 10px 0 0;}
/*顶部隐藏菜单*/
.fixed_yinyin{ position:fixed; width:100%; top:0; z-index:999; background:url(../nav_bottom.png) no-repeat center bottom; display:none; padding-bottom:25px;}
.w1200{ max-width:1200px; margin:auto;}
.nbj{background:rgba(0,153,255,0.95); background:#0099FF\9; height:53px; overflow:hidden;}
.fixed_yinyin .logo{ float:left; padding:0 0 0 10px;}
.fixed_yinyin .logo img{ max-height:50px;}
.fixed_yinyin ul{height:53px; overflow:hidden; float:right;}
.fixed_yinyin ul li{ display:inline-block;font-weight:700;font-size:.875em;}
.fixed_yinyin ul li a{ line-height:53px; text-align:center; display:block; height:53px; padding:0 15px; color:#fff;}
.fixed_yinyin ul li.hover a{ color:#0099FF;background:#F0F0F0;}
.fixed_yinyin ul li a:hover{ color:#0099FF; text-decoration:none;background:#F0F0F0;}

.fixed_yinyin ul li ul{ position:absolute;background:#F0F0F0;display:none; height:auto; float:none;box-shadow:1px 2px 5px #CCC;}
.fixed_yinyin ul li ul li{ float:none;display:block;font-size:1em;}
.fixed_yinyin ul li ul li a{ line-height:40px; display:block; color:#0099FF; height:40px;padding:0 15px;}
.fixed_yinyin ul li ul li a:hover{color:#F0F0F0; background:#0099FF;}
/*关于我们*/
.banner_2 img{ display:block;}
.position{ max-width:1200px; margin:auto; padding:10px;color:#333; font-size:12px;}
.position a{ color:#333}
.main{max-width:1200px; position:relative; padding-left:220px; margin:auto; margin-bottom:20px;}
.mleft{ position:absolute; left:0;width:200px;}
.mleft h2{ height:80px; background:#0099FF; color:#fff; padding:0 10px; line-height:80px;text-align: center;}
.leftnav{ background:#f0f0f0;}
.leftnav li a{ padding:10px; display:block; color:#0099FF;background:url(../icor.png) no-repeat 110% center;}
.leftnav li.hover a{background:url(../icor.png) no-repeat 90% center;}
.leftnav li a:hover{ text-decoration:none; background:#effbff url(../icor.png) no-repeat 90% center;}
.mright{ min-height:600px; border:solid #ddd 1px; border-radius:3px;}
.mright h3.h3{ background:#eee; padding:10px; color:#666;}
.about{ padding:10px; color:#6a6a6a; line-height:24px; font-size:14px;}
/*产品中心*/
.products_list ul li{ width:25%; float:left; margin:5px 0;padding:5px;}
.products_list ul li a{ display:block;max-width:280px; text-decoration:none}
.products_list ul li a span{ display:block; text-align:center;border-bottom:solid #e1e1e1 1px;border-left:solid #e1e1e1 1px;border-right:solid #e1e1e1 1px; font-size:14px; color:#898989;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px 3px;}
.products_list ul li a:hover span{ background:#0099FF; color:#fff;}
.products_list ul li a div{ padding:3px; border:solid #e1e1e1 1px;}
.products_list ul li a div img{ display:block;}
.products_view{padding:0 10px;}
/*pages*/
.pages{ text-align:center; padding:40px 0;}
.pages a{ background:#e6e6e6; padding:5px 10px; border-radius:3px; color:#333; margin:0 5px;}
.pages a:hover{ text-decoration:none; background:#CCC;}
.pages a.hover{ background:#0099FF; color:#fff;}
.moblie_pages{ display:none}
/*news*/
.news_list ul li{padding:5px; display:block;}
.news_list ul li a{ display:block; width:100%; height:125px; padding:3px; border-bottom:solid #efefef 1px; overflow:hidden;}
.news_list ul li a img{ max-width:118px;}
.news_list ul li a span{ float:left; margin-right:10px;}
.news_list ul li a strong{ color:#424242; font-size:16px; padding-top:10px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_list ul li a p{ font-size:14px; color:#9e9e9e;}
.news_list ul li a:hover{ text-decoration:none;background:rgba(255,255,204,.3);}
.h4{ text-align:center; color:#333; margin:0; padding:20px 10px; border-bottom: dotted #CCC 1px;font-size: 20px;}
.h4 span{ display:block; font-size:13px; font-weight:normal; color:#999}
.hhui{color:#999;font-size: 14px;}
/*products*/
.product_pic{ padding:10px; border-bottom:dotted #CCC 1px;}
.pic{width:50%; float:left;display:table;}
.pic center{ vertical-align:middle; display:table-cell;}
.pic img{ max-width:100%;}
.product_can{width:50%; float:left;}
.product_content{ padding:10px;}
.product_content_title{ background:#eee; padding:10px; font-size:16px; color:#666; font-weight:normal;}
.can_list{ font-size:14px; color:#666;}
.jiuss,.jiuss a{ color:rgba(255,255,255,.3);}
iframe{ width:100%; height:500px;}
/*编辑器*/
.content_p{ background:#eee;padding:5px 10px; border-left: solid #999 3px;}
.ue_txt{padding: 10px;border: solid #eee 1px;background:#f7f7f7;}
.ue_txt p{margin:0;padding:0;}
.content_img_title{text-align: center;}
/*模版一*/
.uedit ul li{ display:flex;}
.uedit.center ul li{align-items: center;}
.uedit_img{ padding:20px 0; width:30%;}
.uedit_img img{ width:100%;}
.uedit_text{ padding:20px 10px; width:70%;}
/*作者*/
.author_box{padding: 10px; display: flex;}
.author_img{padding-right: 10px;}
.author_img img{width: 50px;height: 50px;border-radius: 25px;}
.zuozhe div{font-size: 16px; font-weight: 700;}
.zuozhe time{font-size: 12px; color: #d6d4d4;}
.daan{border-bottom:solid #d6d4d4 1px;}
.daan strong{display: block;width: 100px;text-align: center; line-height: 50px;border-bottom:solid #f00 2px;}
/*左右*/
.edit_zy{display: flex;}
.edit_zy .uedit{width: 50%;}
/*二例图文*/
.img2l{display: flex;justify-content: space-between;}
.img2l .content_img{width: 49%;}
.img2l .content_img p img{width: 100%;}
/*三例图文*/
.img3l{display: flex;justify-content: space-between;}
.img3l .content_img{width: 32%;}
.img3l .content_img p img{width: 100%;}
/*按鈕*/
.edit_button{display: flex;justify-content: center;align-items: center;}
.edit_button a{border-radius:10px;background:#ff0044;color: #fff;padding:5px 20px;font-size:1.5em;display: flex;justify-content: center;align-items: center;margin: 20px auto;}
/*--------------------*/
@media screen and (max-width:1200px){
.nav{ margin:0; width:100%;position:relative; left:0;}
.index_products ul li{ padding:3px;}
.index_text{ width:100%; margin:0; left:0;position:relative; height:auto;}
.i_news,.fnav{ width:100%;}
.i_news ul li{ width:100%;}
.i_news ul li a{height:auto;min-height:125px;}
.fnav_box{ padding:50px 10px 50px 200px;}
.fnav_box h2{ left:10px;}
}
@media screen and (max-width:1050px){
.fnav_box ul{ width:100%; float:none; display:none;}
.fnav_box ul.f_contact{ display:block; width:100%;}
}
@media screen and (max-width:1000px){
.nav{ height:50px;padding-left:188px;}
.nav ul.navlist li a{ line-height:50px;}
.nav .logo img{ max-height:50px;}
}
@media screen and (max-width:750px){
.nav{ background:#0099FF;}
.naviocn{ display:block; width:50px; height:50px; background:url(../nav_icon.png) no-repeat center center; position:fixed; right:0; top:0;}
.nav ul.navlist{ width:100%;background:rgba(0,153,255,0.9); position: fixed; left:0; top:50px; display:none;height: auto;}
.nav ul.navlist li{ float:none; width:100%;}
.nav ul.navlist li a{ color:#fff; border-top:solid rgba(255,255,255,0.2) 1px;}
.nav ul.navlist li a:hover{ color:#0099FF;}
.index_products ul{flex-wrap: wrap;}
.index_products ul li{ width:100%;}
.index_products ul li a{ max-width:100%;}
.index_products ul li a div img{ width:100%;}
.products_list ul li{ width:50%;}
.products_list ul li a{ max-width:100%;}
.products_list ul li a div img{ width:100%;}
.i_news{ padding:10px 0}
.i_news ul li a strong{ padding:0;}
.i_news ul{ margin:10px 0;}
.nav ul.navlist li ul{ position:relative;}
.nav ul.navlist li ul li a{ text-align:left; padding:0 10px;}
.main{ padding-left:0;}
.mleft{ display:none;}
.mright{ min-height:inherit; margin:0 5px;}
.pic{width:100%; float: none;}
.product_can{width:100%; float:none; text-align:center;}
.pages{ display:none}
.moblie_pages{ display:block;}
.led_sen img{max-width:100%;}

.uedit ul li{ display:block;}
.uedit_img{ padding:0; width:100%;}
.uedit_text{ padding:10px; width:100%;}
.edit_zy{display: block;}
.edit_zy .uedit{width: 100%;}
.img3l{display:block;}
.img3l .content_img{width:100%;}
.img3l .content_img p{width:100%;}
.img3l .content_img img{width: 100%;}
}
@media screen and (max-width:640px){
.copyright{ font-size:13px;}
.fnav_box{padding:50px 10px; }
.fnav_box h2{ display:none;}
.led_sen{ height:auto; padding:20px 10px;}
}