@charset "utf-8";
/*html, body { opacity: 0}*/

/*rem是相对于根元素html，这样就意味着，我们只需要在根元素确定一个参考值，可以设计HTML为大小为10px，到时设置1.2rem就是12px.以此类推。*/
html{ font-size:10px;}

body{color:#333; font-family:"思源黑体";}
*{margin:0; padding:0; font-family: "思源黑体" !important;}
ul li{list-style:none;}
.clearboth{clear:both;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
.page{ text-align:center; margin:10px 0; width:100%; float:left;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}



.header_top {
  height: 45px;
  line-height: 45px;
  background-color: #2f3e50;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
}

.header_top .emaile {
  margin-left: 15px; float:right;
  position: relative;
  padding-left: 15px;
}

.header_top .emaile::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 11px;
  background-color: #465c76;
  transform: translate(-50%, -50%);
}
.gjc{ float:left;}
.gjc a{ font-size:14px; color:#fff; line-height:45px; margin-right:10px; display:inline-block;}
.header_top .emaile:nth-child(3)::before{ display:none;}
/*导航*/
#header{}
#header .container{ position:relative;}
#header .logo{float:left; margin-right:3%; font-size:20px; color:#fff; position:absolute; left:0; top:50%; transform:translate(0,-50%);}
#header .logo img{ max-width:100%; vertical-align:middle;}
#header .logo a span {font-size: 20px;line-height: 33px;color: #5d5f64;padding-left: 10px;margin-left: 10px;position: relative;}
#header .logo a span::before {content: "";position: absolute;top: 50%;left: 0%;width: 1px;height: 20px;background-color: #a3a5a8;transform: translate(-50%, -50%);}
#header .logo p{margin-bottom: 0; font-size:12px; color: #999;}

.nav-box{float:right; display:none;}
.nav{  height:99px; line-height:99px;  position:relative; z-index:1;  }
.nav-box2{display:block;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline; transition:all 0.8s;}
/*.nav .nLi:after{ content:''; width:0%; height:2px; background:#1bd2ae; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0);}
.nav .on:after{width:60%;}*/
.nav .nLi h3{ float:left;margin:0; padding:0px 20px 0px 20px;}
.nav .nLi h3 a{ display:block; margin-left:60px; font-size:16px; font-weight:normal; line-height:99px; color:#3c3c3c;  }
.nav .sub{ display:none; width:140px; left:0px; top:99px;  position:absolute; line-height:26px; padding:5px 0; background:#e4e5e8; 
box-shadow:0 0 6px #b3b3b3; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px;color:#3d3e3f;text-align:center;font-size:14px; line-height:32px;}
.nav .sub a:hover{ color:#1bd2ae;}
.nav .on h3 a{/* background:#f5f5f5; color:#1bd2ae;*/ color:#1bd2ae; font-weight:bold; border-bottom:3px solid #1bd2ae; line-height:96px;}
.nav-box2{float:right;display:block; position:relative; margin-top:0px;}
.nav-box2 h3{margin-top:14px;}
.nav-box2 ul{display:none;width:100px; position:absolute;top:60px; right:0; background:url(../images/bg.png) repeat;  z-index:9998 !important;padding:10px 10px;}
.nav-box2 ul li{text-align:center;line-height:2;}
.nav-box2 ul li a{color:#fff;display:block;}
.nav-box2 ul li a:hover{color:#1bd2ae;}

.wz{position:absolute; right:0; top:10px; z-index:9999 !important; display:none;}
.wz .wx{float:left; margin-left:10px; }
.menu{position:relative;}
.wz .wx .wx-tp{display:none; }
.wz .wx .wx-tp img{width:100px; position:absolute; top:30px; right:-40px;padding:5px; background:#fff;border:1px solid #ddd}

.slideBox {width: 100%;overflow: hidden;position: relative;}
.slideBox .hd {overflow: hidden;position: absolute;left: 50%;width:105px; margin-left:-55px;bottom: 10px;z-index: 1;}
.slideBox .hd ul {overflow: hidden;zoom: 1;float: left;}
.slideBox .hd ul li {float: left;margin-right: 5px;width: 30px;height: 5px;line-height: 14px;text-align: center;background: #fff;cursor: pointer;}
.slideBox .hd ul li.on {background: #1bd2ae;color: #fff;}
.slideBox .bd {position: relative;height: 100%;z-index: 0;}
.slideBox .bd li {zoom: 1;vertical-align: middle; margin:0; padding:0;}
.slideBox .bd img {width: 100%;display: block}

/*首页--产品*/
#sy_cp{margin:60px 0 120px 0;}
.sy_cp_title{ font-size:45px; font-weight:bold; text-align:center; line-height:60px; margin-bottom:50px; letter-spacing:4px;}
.cp_tu{border-radius: 5px 5px 0px 0px; overflow:hidden;}
.cp_tu img{ max-width:100%; display:block; transition-duration:0.5s; transform:scale(1,1); margin:auto;}
.cp_tu:hover img{ transition-duration:0.5s; transform:scale(1.1,1.1);}
.cp_li:hover .cp_xian{ border:2px solid #1bd2ae;}
.cp_li .cp_xian{ border:2px solid #fff; border-radius:6px; transition:all 0.5s;}
.cp_li .text {
  height: 84px;
  line-height: 84px;
  background-color: #2f3e50;
  border-radius: 0px 0px 5px 5px;
  padding: 0 25px;}
.cp_li .text .fl { float:left; width: 80%; font-size: 22px; color: #ffffff;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cp_li .text .fr a, .cp_li .text .fr a:hover{ color:#fff;}
.cp_li .text .fr span { float:right; color: #fff;}
.cp_li .text .fl a:hover{ color:#fff;}

/*首页--应用中心*/
#product{ padding:90px 0 100px 0; background:url(../images/jj_bg.jpg) no-repeat top center; background-size:100% 100%;}
.product-title{text-align:center; margin-bottom:30px;}
.product-title h3{font-size:45px;font-weight:Bold; line-height:60px; letter-spacing:4px; margin:0; text-transform:uppercase; color:#fff; }
.product-title p{width:278px; margin:0 auto; background:url(../images/bg2.png) center no-repeat; font-size:2rem;}

.slideTxtBox1{ width:100%; text-align:left;  }
.slideTxtBox1 .hd{ height:75px; line-height:75px; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox1 .hd ul{ float:left;  position:absolute; left:0px; top:-1px; height:75px;   }
.slideTxtBox1 .hd ul li{ float:left; padding:0 15px; color:#fff; font-size:16px; cursor:pointer; width:calc(100% / 5); 
		white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.slideTxtBox1 .hd ul li.on{ height:75px; color:#1bd2ae; border-bottom:4px solid #1bd2ae; }
.slideTxtBox1 .bd ul{ padding:58px 0 0 0;  zoom:1;  }
.slideTxtBox1 .bd li{ line-height:24px;   }
.slideTxtBox1 .bd li .date{ float:right; color:#999;  }

.yy_tu{ float:left; width:54%; overflow:hidden;}
.yy_tu img{ display:block; max-width:100%; border-radius:15px; margin:auto;}
.yy_zi{ float:right; width:calc(46% - 45px); margin-left:45px;}
.yy_zi h2{font-size:28px; line-height: 74px; color: #ffffff;padding-top: 20px; padding-bottom:10px; margin:0; font-weight:600;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.yy_zi .yy_con{ text-align:left;line-height: 35px; color: #8896a8; margin-bottom: 50px;
    display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis;
    -webkit-line-clamp: 3; overflow: hidden; font-size: 16px;}
.yy_zi .yy_more{width: 152px; height: 47px; line-height: 47px; text-align:left;}
.yy_zi .yy_more a{ display:block; color:#fff;}
.yy_zi .yy_more a span{font-size: 14px; padding-left:14px; color: #1bd2ae; display: inline-block; transition:all 0.5s;}
.yy_zi .yy_more a:hover span{ padding-left:24px;}
/*首页-新闻中心*/
#news{ }
#news .container{ background:#fff;padding-top:20px;}
#news .product-title h3{ color:#333;}
.news-title{font-size:2.5em; text-align:center; margin-bottom:30px; font-weight:bold;margin-top:20px;}
.news-title a{color:#000;}
.news-tp img{width:100%;}
.news-content{font-size:1.1em;padding:0px 0 0px 0;}
.news-content .col-sm-6{margin-bottom:15px;}
/*.news-content a{float:left; color:#333;padding-left:25px; background:url(../images/bg4.png) left no-repeat;}
.news-content span{float:right; color:#777; display:none;}*/
.news-content .xw{ display:block; border:1px solid #ddd; position:relative; margin-bottom:30px;}
.news-content .xw:hover{ box-shadow:0 0 10px #b3b3b3;}
.news-content .xw_tu{ overflow:hidden;}
.news-content .xw_tu img{ display:block; margin:auto; max-width:100%; transform:scale(1,1); transition-duration:0.5s;}
.news-content .xw:hover .xw_tu img{ transform:scale(1.1,1.1); transition-duration:0.5s;}
.xw_zi{ width:90%; margin:auto; padding-bottom:10px; position:relative;}
.xw_zi h2{ margin:20px 0 10px 0; font-size:2.4rem; text-align:left; color:#333; line-height:40px;
/*white-space:nowrap; text-overflow:ellipsis;*/ height:80px; overflow:hidden;}
.xw_zi p{ text-indent:2em; text-align:left; font-size:1.6rem; line-height:30px; height:60px; overflow:hidden; margin-bottom:50px;}
.xw_zi span{ text-align:left; font-size:1.6rem; color:#999; line-height:20px; display:block; margin-bottom:10px;}
.xw_zi span i{ display:inline-block; margin-right:6px;}
.news-content .xw:hover .xw_zi h2{ color:#1bd2ae;}
.xw_zi .xw_ic{ display:block; width:23px; height:23px; background:url(../images/xw1-.png) no-repeat center; background-size:100%; position:absolute; right:0px; bottom:16px;}
.news-content .xw:hover .xw_zi .xw_ic{ background:url(../images/xw1.png) no-repeat center;}

.cp_more{ margin:20px auto 0px auto; text-indent:0 !important; text-align:center; 
font-size:15px; line-height:40px; width:180px; border-radius:60px; border:1px solid #ddd;}
.cp_more:hover{ border:1px solid #1bd2ae;}

/*首页--常见问题*/
#wt{ padding:60px 0; background:#fafafa;}
#wt .product-title h3{ color:#333;}
.wt_con .wt_li{ border-bottom:1px dashed #ddd; border-left:1px dashed #ddd; padding:10px 15px 15px 15px; text-align:left; margin-bottom:20px;}
.wt_con .wd_w{ text-align:left; font-size:16px; line-height:30px; color:#333; margin-bottom:10px;}
.wt_con .wd_w span{ width:24px; line-height:24px; font-size:13px; text-align:center; background:#1bd2ae; color:#fff; display:inline-block; margin-right:15px; border-radius:30px;}
.wt_con .wd_d{ text-align:left; font-size:14px; line-height:30px; color:#555;}
.wt_con .wd_d span{ width:24px; line-height:24px; font-size:13px; text-align:center; background:#d1d1d1; color:#fff; display:inline-block; margin-right:15px; border-radius:30px;}
/*内页内容开始*/
.bb2{}
.bb2 img{width:100%;}
.bb3 img{ max-width:100%; margin:auto;}
.sider-nav{ background:#f5f5f5;}
.sider-nav .container{}
.sider-nav .sn-left{float:right;}
.sider-nav .sn-left ul li{float:left; }
.sider-nav .sn-left ul li a{display:block;padding:12px 20px;}
.sider-nav .sn-left ul li a:hover, .sider-nav .sn-left ul li a.active{background:#1bd2ae; color:#fff;text-align:center;}
.sider-nav .sn-right{float:left; color:#888;padding:12px 0; display:none;}
.sider-nav .sn-right a{color:#888;}
.sider-nav .sn-right i{ display:inline-block; margin-right:6px;}

/*内页--关于我们*/
.about{ margin:30px 0;}
.about1{ padding:0px 0 0 0; background:url(../images/jj.jpg) no-repeat bottom center; background-size:100% 100%;}
.about1 .container{ padding:30px 0 0 0; border-left:1px solid #ddd; position:relative;}
.about_tit{ position:absolute; left:0; top:6px; border-bottom:1px solid #ddd; width:100%;}
.about_tit h2{ text-align:left; font-size:2.5em; color:#1bd2ae; line-height:40px; padding-left:20px;}
.about_tit span{ display:block; line-height:20px; margin:10px auto; font-size:1.6rem; text-align:center; color:#888; text-transform:uppercase;}
.about .container{}
.sider-title{border-bottom:1px solid #ddd;}
.sider-title h3{font-size:26px; color:#1bd2ae;}
.sider-title h3 span:after{ position:absolute; left:-4px; top:50%; margin-top:-10px; content:''; width:20px; height:20px; border-radius:60px; border:1px solid #1bd2ae;}
.sider-title h3 span{ display:inline-block; width:12px; height:12px; border-radius:20px; background:#1bd2ae; margin-right:15px; position:relative; margin-left:5px; }
.sider-title p{font-size:1.3em; color:#000;}
.sider-content{margin:30px 0; line-height:2; font-size:1.1em; }

.sider-content h2{ font-size:18px; line-height:30px; padding-bottom:10px; margin:0; color:#333; font-weight:bold;}
.sider-content p{ font-size:16px; text-align:left; line-height:30px; margin-bottom:10px; color:#333;}

.sider-content p{ text-indent:2em;}
.sider-content img{max-width:100%; display:block; margin:auto;}
.fc p{line-height:36px; line-height:36px; text-align:center;background:#f5f5f5;}

/* 本例子css */
		.picScroll-left{ width:100%;  overflow:hidden; position:relative;  }
		.picScroll-left .hd{ overflow:hidden;  height:40px; padding:0 0px; margin-bottom:10px; text-align:right; position:absolute; top:0; right:0;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:inline-block; text-align:center;  width:38px; height:38px; border-radius:50%; border:1px solid #1bd2ae; 
		 margin-left:5px; margin-right:5px;  overflow:hidden;
			 cursor:pointer; }
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{ background:#1bd2ae; border:1px solid #1bd2ae;}
.picScroll-left .hd .prev:hover i,.picScroll-left .hd .next:hover i{ color:#fff;}
		.picScroll-left .hd .prev i,.picScroll-left .hd .next i{ font-size:2rem; color:#1bd2ae; line-height:36px;}
		.picScroll-left .hd .next{ }
		.picScroll-left .bd{ padding:90px 0 0 0;  }
		
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:left;  padding:0px 10px;}
.picScroll-left .bd ul li .pic .jj1{ float: left; width:12px; margin-right: 26px; margin-top: 10px; margin-left: 6px;}
.picScroll-left .bd ul li .pic .jj1 i{ display: block; width: 12px; height: 12px; background: #1bd2ae; border-radius: 50%; position: relative;}
.picScroll-left .bd ul li .pic .jj1 i:before{content: ''; display: block; width: 12px;  height: 12px; border-radius: 50%;
opacity: .7; background-color: #1bd2ae; animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);}
@keyframes scaless {
    0% { transform: scale(1) }
    50%, 75% { transform: scale(2) }
    78%,100% { opacity: 0}
} 
.picScroll-left .bd ul li .pic .jj1 span{ display: block; width: 1px; height:225px; background: #aaaaaa; margin: 0 auto;}
.picScroll-left .bd ul li .pic .jj2{ float:left; width:calc(100% - 60px);}
.picScroll-left .bd ul li .pic .jj2 h1{ color:#1bd2ae; font-size:3rem; line-height:40px; text-align:left; margin:0 0 15px 0;}
.picScroll-left .bd ul li .pic .jj2 p{ font-size:1.6rem; color:#333; line-height:30px; text-align:left; margin-bottom:20px; height:150px; overflow:hidden;}
/*.picScroll-left .bd ul li .pic .jj2 b{ font-size:1.4rem; color:#999; line-height:24px; text-align:left; margin-bottom:20px;
 font-style:normal; font-weight:normal; height:72px; overflow:hidden; display:block;}*/
		.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic h1{ color:#1bd2ae; font-size:2.4rem; line-height:40px; text-align:left;}
		.picScroll-left .bd ul li .pic p{ font-size:1.6rem; color:#555; line-height:20px; text-align:left;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }


/*产品详情，硅时代的*/
.cp_xp{ }
.cp_xp img{ display:block; max-width:100%; margin:auto;}
.list_pro_mb { margin-bottom: 69px; }
.table_name {height: 56px;
    line-height: 56px;
    background-color: #2f3e50;
    font-size: 18px;
    color: #ffffff;
    text-align: center;}
.table, .table tr, .table td { border: 1px solid #2f3e50; vertical-align: middle !important; text-align: center;}
.cpxp1{ font-size:16px; line-height:2; text-align:left; color:#333; margin-bottom:20px; text-indent:2em;}
/*产品详情，硅时代的*/

/*内页--新闻中心*/
.news_list{ display:none;}
.news-conetent h3{ font-size:2.4rem; line-height:30px; height:60px; overflow:hidden;}
#news_list{ margin:20px auto 40px;}
#news_list .page{margin-top:30px;}
#news_list .date{ text-align:center;padding:5px 0; overflow:hidden; transition:all 0.5s; position:relative; left:0;}
#news_list .ns .date img{ display:block; max-width:100%; overflow:hidden; margin:auto;}
#news_list .date h3{font-size:2.5em; color:#fa4c4c; margin-top:0;}
#news_list .date p{color:#999; font-size:1.3em;}
.news_zi{ position:relative; transition:all 0.5s; right:0; margin-top:20px;}
.news-title2{font-size:1.4em; margin-bottom:10px;}
.date2{margin:10px 0; color:#999; display:block;}
.date2 i{ display:inline-block; margin-right:10px;}
.news-content2{line-height:2;font-size:1.6rem;}
.ns{padding:20px 0; border-bottom:1px solid #eee; transition:all 0.5s; position:relative;}
.news_list{margin:50px 0 20px 0;}
/*.ns:after{ position:absolute; left:0; bottom:0; content:''; width:0; height:1px; background:#1bd2ae;}
.ns:hover:after{ width:100%;}*/
#news_list .ns:hover .date{ left:10px;}
#news_list .ns:hover .news_zi{ right:10px;}

.news_list img{width:100%;}
.news_list h3 a{font-size:0.8em; }
.news_list p{line-height:2; color:#777;}

#news3{ margin:20px auto 40px;}
.news_show{ padding:20px 0;}
.news_show .name{ font-size:20px; text-align:center; line-height:40px;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px; color:#999;}
.news_show .date i{ display:inline-block;}
.news_show .nr{ padding:10px 20px; font-size:1.6rem; line-height:2;}
.news_show .nr img{max-width:100%; display:block; margin:auto; width:auto !important; height:auto !important;}
.news_show .nr table{ border-collapse:collapse; width:100%;}
.news_show .nr table th,.news_show .nr table td{ border-collapse:collapse; border:1px solid #555;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#ec6100;}
.news_nav{border:1px solid #eee;padding:0 20px; line-height:2; margin-top:20px; background:#fcfcfc;}
.news_nav li{padding:10px 0; /*border-bottom:1px solid #eee;*/ float:left; width:48%; margin-right:4%;}
.news_nav li:nth-child(2){ margin-right:0;}
.news_nav li.noborder{border:none;}
.news_nav h3{font-size:1.2em; font-weight:bold; margin:0 0 10px 0;}
.news_nav p.date3{color:#999; margin:0;}
.news_nav p.date3 i{ display:inline-block; margin-right:6px;}
.news_nav p{ margin:0;}

#product-list{margin:30px 0;}
.pro{border:1px solid #ddd;margin:20px 0;}
.pro:hover{ box-shadow:0 0 10px #b3b3b3;}
.pro img{width:100%;}
.pro p{margin:10px 20px;}
.pro p.pro-wz{color:#1bd2ae;  background:url(../images/bg5.png) right center no-repeat;font-size:1.8rem;}
.pro p.pro-wz2{font-size:1.5rem;line-height:1.8; height:54px; overflow:hidden;}

#product-show{margin:70px 0;}
.pro-top{}
.pro-top .pro-title{text-align:center;font-size:2em; margin-bottom:30px; border-bottom:1px dashed #ccc; padding-bottom:10px; }
.pro-top .pro-tp{text-align:center; margin-bottom:20px;}
.pro-top .pro-tp img{width:100%;}

.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{width:100%; height:40px; line-height:40px; position:relative; }
.slideTxtBox .hd ul{width:100%; float:left;  position:absolute; left:0; top:0;    }
.slideTxtBox .hd ul li{ float:left; width:25%; text-align:center; cursor:pointer;background:#5e5e5e;color:#fff;border-right:1px solid #fff;  }
.slideTxtBox .hd ul li.on{ height:40px;  background:#1bd2ae; }
.slideTxtBox .bd ul{ padding:15px 0;line-height:1.8; font-size:1em;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox .bd ul p{ text-indent:2em; font-size:1.6rem;}

#contact2{margin:50px 0;}
.ct-title{margin:20px 0 30px 0; text-align:left; font-size:2em;font-weight:bold;padding-bottom:20px; position:relative; /*background:url(../images/line.png) bottom left no-repeat;*/}
.ct-title:after{ content:''; width:44px; height:4px; background:#fff; border-radius:10px; position:absolute; bottom:10px; left:0;}
.ct-content{text-align:left; line-height:2; font-size:1.3em;}
.ct-content h3{font-size:1.4em; font-weight:Bold;}

.daili1{ border:1px solid #ddd; margin-bottom:20px;}
.daili1 img{ display:block; margin:auto; max-width:100%;}
.daili1:hover{ border:1px solid #1bd2ae;}

.ke_tit{ text-align:center; margin:0 auto 50px auto; position:relative;}
.ke_tit h2{ font-size:3rem; line-height:40px; margin:0 auto 0px auto; color:#333;}
.ke_tit h3{ font-size:1.6rem; line-height:30px; margin:0; font-weight:normal; color:#888;}
.ke_tit:after{ content:''; width:50px; height:2px; background:#1bd2ae; position:absolute; bottom:-10px; left:50%; transform:translate(-50%,0);}
.kehu1{ margin-bottom:20px; position:relative; text-align:center;}
.kehu1 input,.kehu1 textarea{ border:1px solid #ddd; background:#fff; padding:0 36px 0 10px; 
font-size:1.5rem; color:#333; line-height:50px; height:50px; width:100%; text-align:left;}
.kehu1 textarea{ height:160px; line-height:26px;}
.kehu1 i{ display:block; position:absolute; right:0px; top:0px; width:40px; height:50px; line-height:50px; font-size:30px; color:#ddd; text-align:center;}
.kehu1 button{ display:inline-block; background:#848484; border:none; line-height:46px; height:46px; width:220px; margin:0 30px; color:#fff; font-size:1.8rem;}
.kehu1 button:hover{ background:#1bd2ae;}

.con{ position:relative;}
.con1{ position:absolute; top:0; right:0; width:36%; height:100%; background:rgba(27,210,174,0.9); padding:40px; 
box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.con1 h3{ text-align:left; color:#fff;}
.con1 p{ color:#fff;}
.con1 p em{ display:inline-block; margin-right:6px;}
/*内页内容结束*/

/*底部*/
#footer{color:#1bd2ae;background:#2f3e50;}
#footer a, #footer .f2{color:#667383;}
#footer .f2 p{ display:inline-block; margin-bottom:10px;}
#footer .ft1{padding:40px 0;}
#footer .ft1 .container{}
#footer .ft1 dl dt{font-size:1.3em;font-weight:weight; margin-bottom:10px;}
#footer .ft1 dl dd{font-size:1.4rem; line-height:2;color:#667383;}
#footer .ft1 dl dd a{color:#667383;}
#footer .ft1 dl dd p{margin-bottom:0;}
#footer .ft1 dl dd p em{ display:inline-block; margin-right:6px;}
#footer .ft2{border-top:1px #434343 solid; text-align:center; color:#fff; padding:10px 0;font-size:0.9em; line-height:1.8;}
#footer .ft2 a{color:#fff;}
#footer .ewm img{ display:block; max-width:130px; margin:auto;}
#footer .ewm p{ font-size:1.4rem; line-height:30px; text-align:center; color:#667383;}

.sjdh{ height:60px; width:100%; background:#1bd2ae; position:fixed; bottom:0; left:0;}
.sjdh .dh{ width:25%; text-align:center; float:left;}
.sjdh .dh i{ display:block; text-align:center; font-size:24px; margin:8px 0 2px 0;}
.sjdh .dh img{ display:block; max-width:24px; margin:6px auto 4px auto;}
.sjdh .dh a{ font-size:15px; line-height:20px; text-align:center; color:#fff; font-weight:bold;}
@media (max-width:767px) { 
#header .logo{ margin-right:0; width:100%;}
#header .logo img{ max-width:110px;}
#header .logo a span{ font-size:18px; margin-left:5px; padding-left:5px;}
.bb3{ display:block;}
.bb2{ display:none;}
.sy_cp_title{ font-size:22px; line-height:36px; margin-bottom:20px;}
#sy_cp{ margin:25px 0 25px 0;}
.cp_li{ margin-bottom:20px;}
.cp_li .text .fl{ font-size:18px;}
.cp_li .text{ height:45px; line-height:45px;}
.cp_tu img{ margin:auto; width:100%;}

.product-title h3{ font-size:22px; line-height:36px;}
.slideTxtBox1 .bd ul{ padding:10px 0 0 0;}
.slideTxtBox1 .hd ul li{ width:50%; padding:0 10px;}
.slideTxtBox1 .hd ul li.on{ height:50px;}
.slideTxtBox1 .hd ul{ height:50px;}
.slideTxtBox1 .hd{ height:150px; line-height:50px; padding:0 10px;}
.yy_tu{ float:none; width:90%; margin:auto; margin-bottom:10px;}
.yy_zi{ float:none; width:90%; margin:auto; padding:0;}
.yy_zi h2{ font-size:18px; line-height:30px; padding:0 0 10px 0;}
.yy_zi .yy_con{ font-size:15px; line-height:26px; margin-bottom:0px;}

#news{ margin:25px auto;}
.product-title h3{ font-size:22px; line-height:36px; letter-spacing:0;}

#wt{ padding:25px 0;}
#footer .f2{ padding:5px; font-size:12px; line-height:18px;}

/*内页开始*/
.news-content2, .sider-content p, .news_show .nr, .ct-content{ font-size:14px; line-height:1.75; letter-spacing:1px;}
.ct-title{ margin:0;}
.con1 h3{ font-size:18px; line-height:1px; letter-spacing:1px;}
.con1 p{ margin-bottom:5px;}
.date2{ margin:3px 0;}
#news_list .page{ margin-top:10px;}
.news_show .nr{ padding:10px 0;}
.sider-content p{ margin-bottom:10px;}
.sider-content{ margin:0px 0;}

.news_nav{ margin-top:0; padding:0 10px;}
.news_nav h3{ font-size:14px; line-height:20px; margin:0;}
.news_nav p.date3{ font-size:13px; line-height:20px;}
.news_nav p{ font-size:12px; line-height:20px;}
.news_nav p a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.cp_xp img{ margin-bottom:15px;}
#product-show{ margin:25px 0;}
.list_pro_mb{ margin-bottom:30px;}

.kehu1 button{ width:110px; margin:0 10px;}
.header_top{ display:none;}
#header .logo{ margin-left:10px;}
#header .logo img{ max-height:60px;}
#about .about2 ul li .timer{ font-size:3.6rem; line-height:34px;}
#about .about2 ul li h3{ font-size:1.5rem;}

#contact{ padding:40px 0; background:url(../images/sy.jpg) no-repeat left center; background-size:auto 100%;}
.lianxi h2{ font-size:2.2rem; line-height:40px;}
.lianxi h3{ font-size:2.6rem; line-height:40px; margin-bottom:40px;}
#header{ border-bottom:2px solid #1bd2ae; background:none;}
#footer .ft1{ display:none;}
#product .pc a p{ font-size:1.5rem; line-height:30px; }
.product-title p{ font-size:1.8rem;}
.product-title h3{ /*font-size:2.4rem;*/ margin-bottom:0;}
.xw_zi h2{ font-size:1.6rem; line-height:28px; height:56px; margin:10px 0;}
.xw_zi p{ font-size:1.3rem; line-height:22px; height:44px; margin-bottom:20px;}
.xw_zi span{ font-size:1.2rem; line-height:20px; margin-bottom:10px;}
.xw_zi .xw_ic{  width:16px; height:16px; right:0px; bottom:20px;}
.news_zi{ margin-top:10px;}
.sider-title h3,.about_tit h2{ font-size:2.4rem;}
.con1{ position:relative; width:100%; padding:10px;}
#about h2{ font-size:2rem; line-height:24px;}
#about .zi1{ font-size:2rem; line-height:24px;}
#about .about_zi p{ font-size:1.4rem;}
#about p.more{ margin-top:20px;}
#product .pc{ margin-bottom:15px;}
#product,.news-content{ padding:10px 0 0px 0;}
#news .container{ padding-top:0;}
#product .product-title{ margin-bottom:0;}
.product-title,.news-content .xw{ margin-bottom:10px;}
#about{ margin:0 0 20px 0;}
.cp_more{ font-size:1.4rem; line-height:34px; height:34px; width:120px; margin-top:10px;}
#footer .ft2{ padding:0 10px;}
.picScroll-left .bd ul li .pic .jj2 h1{ font-size:2rem; line-height:30px; margin-bottom:10px;}
.picScroll-left .bd ul li .pic .jj2 p{ font-size:1.4rem; line-height:24px; height:192px; margin-bottom:10px;}
.picScroll-left .bd{ padding-top:60px;}

.sider-nav .sn-left ul li a{ padding:8px 10px;}
.news_show .name{ font-size:20px; line-height:30px; padding:5px 0; }
#news3{ margin:0;}
}

/*右侧图标*/
.rightfix {
    position: fixed;
    top:50%;
    transform: translateY(-50%);
    right: 1.25rem;
    z-index: 9999;
    opacity: 1;
    transition: all .6;
	display: none;;
}
.rightfix.active {
      transition: all .6;
      opacity: 1;
}

.rightfix ul li {
    position: relative;  
}
.rightfix ul li .icon{
    width: 6.5rem;
    height: 6.5rem;
    line-height: 6.5rem;
    text-align: center;
    /* border-radius: 50%; */
    margin-bottom: 10px; 
    background: #444343;
    position: relative;
}  
.rightfix ul li  .iconfont {
    color: #fff;
    font-size: 3.375rem;
}
.rightfix ul li .img img {
    width: 150px;
}
.rightfix ul li .text {
    position: absolute;
    top: 0;

    right: 1.4375rem;

    transition: all .5s;

    width: 20%;

    line-height: 6.5rem;

    /* border-radius: 30px  0 0 30px; */

    background: #444343;

    color: #fff;

    height: 100%;

    overflow: hidden;

}
.rightfix ul li  {

    cursor: pointer;

}
.show_pro .mianbaoxie em:last-child {

    display: none;

}

.rightfix ul li .img {
    position: absolute;
    top: 0;
    /*right: 0;*/
    width: 120px;

    height: 120px;

    right: 10rem;

   opacity: 0;

    transition: all .5s;
    

}
.rightfix ul li:hover .img {

    opacity: 1;
    transition: all .5s;

}

.rightfix ul li .text div {

    margin-left: 1.25rem;

}

.rightfix ul li:hover .text {

    width: 20rem; 

    transition: all .5s;

}


@media (min-width:768px) { 
.sjdh{ display:none;}
.bb2{ display:block;}
.bb3{ display:none;}
#header .container{padding:0; }
#header .logo{/*font-size:2.8em;*/}
#header .logo p{font-size:14px;}
.nav-box{display:block;}
.nav .nLi h3{padding:0px 8px 0px 8px;}
.nav .nLi h3 a{  margin-left:0px; font-size:15px;  }
.nav .sub{  width:104px; left:0px; top:99px;    }
.nav-box2{display:none;}
.wz{display:block;}
#about{margin:40px 0 50px 0;}
#about .container{padding:0;}
#about h1{  font-size:3em; }
#about h2{ font-size:2.2em; }
#about .zi1{ font-size:1.4em;}
#product .container{padding:0;}
#news .container{ padding:60px 0 60px 0;}
#contact .container{padding:0;} 

.sider-nav .container{padding:0;}
.about .container{padding:0;}
.news_list .container{padding:0;}
#news_list .container{padding:0;}
#product-show .container{padding:0;}
.pro-top .pro-tp img{width:600px;}
#news3 .container{padding:0;}
#news_list .date{display:block;}
#contact2 .container{padding:0;}

#footer .ft1 .container{padding:0;}
.xw_zi h2{ font-size:1.8rem; line-height:32px; height:64px;}
.xw_zi p{ font-size:1.4rem; line-height:24px; height:48px; margin-bottom:40px;}
.xw_zi span{ font-size:1.3rem; line-height:20px; margin-bottom:10px;}
.xw_zi .xw_ic{  width:16px; height:16px; right:0px; bottom:20px;}
#product .pc a p{ font-size:1.6rem; line-height:50px; }
.product-title p{ font-size:2rem;}
.product-title h3{ /*font-size:3rem;*/}
#footer .ft1 dl dt{font-size:1.5rem; }
#footer .ft1 dl dd{font-size:1.3rem; }
#footer .ft1{ padding:20px 0;}

.cp_li .text { height: 60px; line-height: 60px; border-radius: 0px 0px 5px 5px; padding: 0 15px;}
.sy_cp_title{ font-size:45px; line-height:60px; margin-bottom:30px; letter-spacing:2px;}
.rightfix{display:block;}
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:992px) {
.bb2{ display:block;}
.bb3{ display:none;}

#header .logo{/*font-size:3em;*/}
#about{margin:30px 0 50px 0;line-height:2;}
.nav .nLi h3{ padding:0px 15px 0px 15px;}
.nav .nLi h3 a{ margin-left:0px; font-size:16px;  }
.nav .sub{  width:104px; left:0px; top:99px;    }
.nav-box{margin-top:0px;}
#product-list .container{padding:0;}
.sider-nav .sn-right{display:block;}
.xw_zi h2{ margin:20px 0 10px 0; font-size:2.4rem; height:80px; }
.xw_zi p{ font-size:1.6rem; line-height:30px; height:60px; margin-bottom:50px;}
.xw_zi span{ font-size:1.6rem; line-height:20px; margin-bottom:10px;}
.xw_zi .xw_ic{ width:23px; height:23px; position:absolute; right:0px; bottom:16px;}
#footer .ft1 dl dt{font-size:1.3em; }
#footer .ft1 dl dd{font-size:1.4rem; }
#footer .ft1{ padding:40px 0;}

.cp_li .text { height: 70px; line-height: 70px; border-radius: 0px 0px 5px 5px; padding: 0 15px;}
.sy_cp_title{ font-size:45px; font-weight:bold; text-align:center; line-height:60px; margin-bottom:30px; letter-spacing:4px;}
#sy_cp{ margin:30px 0 60px 0;}
#product{ padding:50px 0 60px;}
}



/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) {
.nav .nLi h3{padding:0px 30px 0px 30px;}
.nav .nLi h3 a{  margin-left:0px; font-size:16px; line-height:96px; font-weight:bold;  }
.nav .sub{  width:160px; left:0px; top:99px;    }

.cp_li .text {
  height: 84px;
  line-height: 84px;
  background-color: #2f3e50;
  border-radius: 0px 0px 5px 5px;
  padding: 0 25px;}
.sy_cp_title{ font-size:45px; font-weight:bold; text-align:center; line-height:60px; margin-bottom:50px; letter-spacing:4px;}

}
@media (min-width:1700px) {
/*.container{ width:1400px;}*/

}