@charset "utf-8";
html,body{ font-size:14px; color:#333; background:#fff; -webkit-text-size-adjust:none; min-width:1200px; padding:0; margin:0;}
body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:0;}
button,input,select,textarea{font-size:100%;}
ul,ol{ padding:0px; margin:0px;}
a{ color:#333; text-decoration:none; }
a:hover{ color:#1bb265; text-decoration:none;}
li{ list-style:none;}
.clear{ clear:both;}
/*头部*/
header.on{position:fixed; top:0px; width:100%; z-index:9999; background:#fff; height:64px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0);}
header.on .head-top{ display:none;}
.inner{ width:1200px; margin:auto;}
header{  height:130px; position:absolute; width:100%; z-index:9999; }
header .head{border-radius:5px;}

.pic_right{float:left;padding-top:30px; width:400px}
.top-nav{ color:#fff; position:absolute; right:5px; top:8px; height:77px; z-index:1; text-align:right; width:100%;}
.top-nav a{ color:#fff;}
.top-nav a:hover{ color:#fff;}
.top-nav li.b{ position:absolute; bottom:0px; right:0px;}
.top-nav li.t span{ padding:0px 5px; font-size:10px; color:#bbb;}
.top-logo{ min-height:80px; _height:80px; width:300px; float:left;height:80px;}
#logo{height:70px;  display: table-cell; vertical-align:middle; width:300px;}
#logo img{ max-height:80px}
.head-inner{ width:98%; margin:0 auto; position:relative;}

nav{ width:900px; float:left; background:rgba(255, 255, 255, 0.5)}
#nav  {width:900px;   display: flex;}
#nav .item{-webkit-flex: 1; width:100%; flex: 1;z-index:35;position:relative;float:left; font-size:16px;  height:64px; line-height:64px; text-align:center;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out; list-style:none;}
#nav a{display:block}
#nav li:hover >a{ color:#fff; background:#1bb265; }

#nav li.active>a { background:#1bb265; color:#fff;  }

#nav ul{position:absolute;display:none;top:64px; background:rgba(255,255,255,0.7); width:100%;}
#nav li:hover ul{ display: block;}
#nav .sub dl a{ color:#000;font-size:14px; text-align: center; padding:0px 10px;}
#nav .sub dl a:hover{color:#1bb265;}
#nav .sub dl { height:40px; line-height:40px;}

.head-top{ height:70px; display:block;}
.head-top p{ float:left;}
.social-h { margin:auto; width:1200px;  line-height:70px; text-align:right;}
.social-h li {display: inline-block; width:200px;   line-height:70px; z-index:9; position:static;}
.social-h p{ color:#fff}
.social-h li a { display:block; height:40px; line-height:40px; color:#fff; font-size:20px;}
.social-h li a i { color:#fff; margin-right:10px;}
.lauguar{  padding-left:30px; margin-right:50px;display:inline-table;height:40px; line-height:40px;}
.lauguar a{ color:#fff; margin-left:10px;}
.lauguar i{ margin-right:10px;}


.outer-box{ float:right; padding:46px 120px; background:#1bb265; color:#fff; font-size:24px;}



.met_flash{ margin-top:0px; font-size:0px; overflow:hidden;  }
.met_flash img{} 
.met_flash ul{ margin:0px; padding:0px;} 
.metinfo-banner1 img{ }

/*首页*/
.fl{ float:left;}
.fr{ float:right;}
.text_content{ text-align:center;}




.index_box00{ overflow:hidden; padding:50px 0px 60px 0px; background-color:#f2f2f2 }
.index_box00 .index_tit{ margin-bottom:40px;}
.index_box00 .index_tit h2{ font-size:36px; color:#353535; text-align:center; position:relative; font-weight:normal;}
.index_box00 .index_tit em{color:#353535; font-size:20px; margin-top:10px; font-weight: lighter; font-style:normal; display:block; text-align:center; letter-spacing:2px;}

.index_box00 .box00_text{overflow:hidden; }
.box00_li{ margin-top:20px;}
.box00_li li{ float:left; width:380px; margin-right:30px; text-align: center; overflow:hidden;}
.box00_li li img{ width:100%; height:370px;transition: all 1.6s; display:block;}
.box00_li li:hover img{transform: scale(1.1);}
.box00_li li:last-child{ margin-right:0px;}
.box00_li li .li_text{ border:1px solid #f2f2f2; border-top:none; padding:25px 20px;}
.box00_li li h3{  font-weight:normal; font-size:18px; line-height:30px;}



.index_box01 { overflow: hidden; margin-top:80px; margin-bottom:100px; overflow:hidden;}
.index_box01 .index_tit{ margin-bottom:50px;}
.index_box01 .index_tit h2{ font-size:36px; color:#353535; text-align:center; position:relative; font-weight:normal;}
.index_box01 .index_tit em{color:#353535; font-size:20px; margin-top:10px; font-weight: lighter; font-style:normal; display:block; text-align:center; letter-spacing:2px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif}
.index_box01 li{ float:left; width:280px; margin:0px 10px 0px 10px; background:url(../images/box01_bot.png) no-repeat center bottom; padding-bottom:50px; }
.index_box01 li .widget-shadow{position:relative; overflow:hidden; border-radius:280px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;    box-sizing: border-box; }	
.index_box01 li img{ width:100%;height:280px;border-radius:280px;  object-fit:cover; display:block;transition: all 0.3s ease-out 0s;}
.index_box01 li .widget-title{padding: 20px 20px 20px 0;  border-bottom: 1px solid #e0e0e0; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; text-align: left;}
.index_box01 li h4 p {  padding-top: 5px;   margin: 0;   font-size: 13px;   color: #848484;}
.index_box01 li h4 a {   color: #666;   font-size: 16px;}

.index_box01 li .post-hover { text-align:center;   position: absolute;   width: 100%;   height: 100%;   top: 90px;  left: 0;   visibility: hidden;    opacity: 0;    background: rgba(0,0,0,0.5);   -webkit-transition: all 150ms ease-in-out;    -moz-transition: all 150ms ease-in-out;   -ms-transition: all 150ms ease-in-out;   -o-transition: all 150ms ease-in-out;   transition: all 150ms ease-in-out;}
.index_box01 li .post-hover .inside {position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.index_box01 li .post-hover h4 {  font-size: 20px; font-weight: normal; color:#fff;   margin-bottom: 10px; text-align:center;}
.index_box01 li .post-hover a {   color: #fff !important;}
.index_box01 li .post-hover i {display: block; margin:auto; margin-bottom: 10px; color:#fff; font-style:normal; font-size:18px; line-height:16px; border-radius:20px; height:20px; width:20px; border:1px solid #fff; background:url(../images/icon_link.png) no-repeat center center;}
.index_box01 li .post-hover p {  font-size: 16px; text-transform:uppercase; font-weight: lighter; color:#fff;}
.index_box01 li .post-hover span {   font-size: 12px;   margin-bottom: 15px;   display: block;}
.index_box01 li:hover .title-over {   -webkit-transition: all 150ms ease-in-out;   -moz-transition: all 150ms ease-in-out;  -ms-transition: all 150ms ease-in-out;   -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;   visibility: hidden;  opacity: 0;   bottom: -50px;}
.index_box01 li:hover .post-hover {  top: 0;  visibility: visible;   opacity: 1;}

/*.index_box02{ overflow:hidden; margin-top:50px; margin-bottom:60px;}
.index_box02 li{ background:#f3f4f6; overflow:hidden; margin-bottom:35px;}
.index_box02 li img{ display:block;}
.index_box02 li .li_text{ width:700px; margin:30px 0px 0px 0px; border-left:1px solid #1bb265; }
.index_box02 li .li_text h2{ color:#1bb265; font-size:30px; font-weight:bold;padding-left:20px; border-left:3px solid #1bb265; margin-left:-1.5px;}
.index_box02 li .li_text em{ color:#000; font-size:20px; font-weight:lighter; font-style:normal;padding-left:20px;}
.index_box02 li .li_text dl{ margin-top:20px; width:250px;}
.index_box02 li .li_text dt{ color:#999; line-height:36px;padding-left:20px; position:relative; font-size:14px;}
.index_box02 .li1 .li_text dt:before{ content:""; background:#f3f4f6; width:5px; height:5px; border-radius:5px; display:block; border:3px solid #1bb265; position:absolute; left:0; margin-left:-5.5px; top:13px; }
.index_box02 .li1{ background:#f3f4f6 url(../images/li_text01_bg.jpg) no-repeat center right;}
.index_box02 .li2{ background:#f3f4f6 url(../images/li_text02_bg.jpg) no-repeat center left;}
.index_box02 .li2 .li_text{ text-align:right;border-right:1px solid #1bb265; border-left:none;}
.index_box02 .li2 .li_text h2{border-right:3px solid #1bb265; margin-right:-2px; border-left:none; margin-left:0px;padding-left:0px;padding-right:20px;}
.index_box02 .li2 .li_text em{ color:#000; font-size:20px; font-weight:lighter; font-style:normal;padding-right:20px; padding-left:0px;display:block; }
.index_box02 .li2 .li_text dl{ float:right;}
.index_box02 .li2 .li_text dl dt{padding-right:20px;padding-left:0px; }
.index_box02 .li2 .li_text dt:after{ content:""; background:#f3f4f6; width:5px; height:5px; border-radius:5px; display:block; border:3px solid #1bb265; position:absolute; right:0; margin-left:0x; margin-right:-5.5px; top:13px;}*/

.index_box02{ overflow:hidden; margin-top:50px; margin-bottom:60px;}
.index_box02 .index_tit{ margin-bottom:40px;}
.index_box02 .index_tit h2{ font-size:36px; color:#353535; text-align:center; position:relative; font-weight:normal;}
.index_box02 .index_tit em{color:#353535; font-size:20px; margin-top:10px; font-weight: lighter; font-style:normal; display:block; text-align:center; letter-spacing:2px; text-transform:uppercase;}

.index_box02 .cp_box{background:url(../images/index_02_dl.jpg) center center;}
.index_box02 .cp_r dl{width: 1200px;height: 580px;position: relative; }
.index_box02 .cp_r dl dt{width: 934px;height: 580px;line-height: 0;overflow: hidden;}
.index_box02 .cp_r dl dt img{width: 934px;height: 580px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.index_box02 .cp_r dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.index_box02 .cp_r dl dd{width: 285px;height: 300px;background: #008528;position: absolute;top: 55px;right: 0;padding: 40px 40px 0;z-index: 20;}
.index_box02 .cp_r dl dd h5{height: 65px;line-height: 60px;overflow: hidden;background:url(../images/cp_line.gif) no-repeat 0 63px;}
.index_box02 .cp_r dl dd h5 a{font-size: 26px;color: #fff;}
.index_box02 .cp_r .cp_desc{font-size: 14px;color: #fff;line-height: 22px;height: 44px;overflow: hidden;padding: 15px 0 60px;}
.index_box02 .cp_r dl dd span{display: block;padding: 20px 0 0;}
.index_box02 .cp_r dl dd span a{font-size: 14px;color: #fff;text-transform: uppercase;}
.index_box02 .cp_bot{width: 365px;height: 70px;position: absolute;bottom: 50px;right: 0;z-index: 20;}
.index_box02 .cp_btn{width:140px;height: 70px;float: left;}
.index_box02 .cp_btn a{display: block;width:70px;height: 70px;float: left;}
.index_box02 .cp_btn .cp_lico{background:url(../images/cp_lico01.gif) no-repeat center;}
.index_box02 .cp_btn .cp_lico:hover{background:url(../images/cp_lico02.gif) no-repeat center;}
.index_box02 .cp_btn .cp_rico{background:url(../images/cp_rico01.gif) no-repeat center;}
.index_box02 .cp_btn .cp_rico:hover{background:url(../images/cp_rico02.gif) no-repeat center;}
.index_box02 .cp_bot ul{float: right;padding: 0 0 0 20px;}
.index_box02 .cp_bot ul li{font-size: 26px;color: #fff;float: left;padding: 0 10px;font-weight: bold;height: 70px;line-height: 70px; cursor:pointer;}
.index_box02 .cp_bot ul li.on{color: #fe0000;}
.index_box02 .pr {   position: relative;}


.index_box03{ overflow:hidden; padding:50px 0px 60px 0px; }
.index_box03 .index_tit{ margin-bottom:40px;}
.index_box03 .index_tit h2{ font-size:36px; color:#353535; text-align:center; position:relative; font-weight:normal;}
.index_box03 .index_tit em{color:#353535; font-size:20px; margin-top:10px; font-weight: lighter; font-style:normal; display:block; text-align:center; letter-spacing:2px;}

.index_box03 .box03_text{overflow:hidden; }
.box03_li{ margin-top:20px;}
.box03_li li{ float:left; width:380px; margin-right:30px; text-align: center; overflow:hidden;}
.box03_li li img{height:370px;transition: all 1.6s; display:block;}
.box03_li li:hover img{transform: scale(1.1);}
.box03_li li:last-child{ margin-right:0px;}
.box03_li li .li_text{ border:1px solid #f2f2f2; border-top:none; padding:25px 20px;}
.box03_li li h3{  font-weight:normal; font-size:18px; line-height:30px;}
.box03_li li p{ color:#999; font-size:16px;}

.index_box04{background:#f3f4f6 url(../images/index_04_bg.jpg) no-repeat top center; padding-top:60px; position:relative;}
.index_box04 .index_tit{ margin-bottom:40px;}
.index_box04 .index_tit h2{ font-size:36px; color:#fff; text-align:center; position:relative; font-weight:normal;}
.index_box04 .index_tit em{color:#fff; font-size:20px; margin-top:10px; font-weight: lighter; font-style:normal; display:block; text-align:center; letter-spacing:2px;}

.index_box04 .about dl{width: 1190px;margin:0 auto;border:5px solid #f3f4f6; background:#f3f4f6;}
.index_box04 .about dl dt{ width:1190px; height:469px;line-height: 0; overflow:hidden;  }
.index_box04 .about dl dt img{ width:1190px; height:469px;transition: all 1.6s;}
.index_box04 .about dl dt:hover img{transform: scale(1.1);}
.index_box04 .about dl dd{margin:0 auto; width:1100px; padding:0 0 60px 0;}
.index_box04 .about .ab_desc{font-size: 14px;color: #666;line-height: 25px;overflow: hidden;text-align: center;}
.index_box04 .about .ab_desc h2{ color:#1bb265; font-size:30px; text-align: center; margin:40px 0px 30px 0px;}
.index_box04 .about .ab_desc p{ line-height:30px;}
.index_box04 .about dl dd span{display: block;width: 700px; padding:25px 0 0 220px;}
.index_box04 .about dl dd span a{display: block; float: left; font-size: 14px; color: #fff;width: 130px;height: 50px;text-align: center; line-height: 50px;background:#333;margin-right: 15px;}
.index_box04 .about dl dd span a:hover{background:#43be4a;}

.index_box05 { padding:60px 0px;}
.index_box05 .index_tit{ margin-bottom:40px;}
.index_box05 .index_tit h2{ font-size:36px; color:#353535; text-align:center; position:relative; font-weight:normal;}
.index_box05 .index_tit em{color:#353535; font-size:20px; margin-top:10px; font-weight: lighter; font-style:normal; display:block; text-align:center; letter-spacing:2px;}
.index_box05 .show{  margin-top:40px; position:relative; padding:0px 0px;}
.index_box05 .show h5 a{ display:inline-block; font-size:14px; text-transform:uppercase; color:#666; text-transform:uppercase; height:20px; line-height:20px; position:absolute; top:9px; right:0;}




.index_box05 .show .h01 a{ display:block; width:42px; height:42px; overflow:hidden; background:url(../images/l.jpg) no-repeat; position:absolute; top:150px; left:-70px;}
.index_box05 .show .h01 a:hover{background:url(../images/l.jpg) no-repeat;}
.index_box05 .show .h02 a{ display:block; width:42px; height:42px; overflow:hidden; background:url(../images/r.jpg) no-repeat; position:absolute; top:150px; right:-70px;}
.index_box05 .show .h02 a:hover{background:url(../images/r.jpg) no-repeat;}
.index_box05 .show2 li{ width:350px;  float:left; margin:10px 75px 10px 0px;  position:relative;box-sizing:border-box;}
.index_box05 .show2 li .news_img{ margin-bottom:15px; overflow:hidden;}
.index_box05 .show2 li img{ width:100%; height:220px;transition: all 1.6s;}
.index_box05 .show2 li:hover img {    transform: scale(1.1);}
.index_box05 .show2 li .entry-meta{ float:left; width:70px;}
.index_box05 .show2 li .entry-meta time{ background:#008528;text-align:center; width:70px; display:block; padding:20px 0px;}
.index_box05 .show2 li .entry-meta b{ display:block; color:#fff; font-size:28px;}
.index_box05 .show2 li .entry-meta em{ display:block;color:#fff; font-style:normal;}
.index_box05 .show2 li .entry-meta span{ background:#1b1b1b; color:#fff; line-height:35px; text-align:center; width:70px; display:block;}
.index_box05 .show2 li .news_text{ float:right; width:260px;}
.index_box05 .show2 li h3{ display:block; font-size:16px; height:32px; line-height:32px; font-weight:normal; margin-bottom:20px;font-style:normal; color:#666; overflow:hidden; }
.index_box05 .show2 li p{ font-size:14px; color:#999;}
/*.index_box05 .show2 li:hover{box-shadow:0px 0px 20px -1px #ccc;}*/

.index_box05 .hd{ text-align:center; margin-top:30px; }
.index_box05 .hd ul{display: -webkit-flex; -webkit-justify-content: center;  display: flex;  justify-content: center;}
.index_box05 .hd li{ font-size:0px; background:#ccc; height:2px; width:20px; display: inline flow-root list-item; margin:0px 2px; cursor:pointer;}
.index_box05 .hd li.on{background:#008528;}

.index_box06{ overflow:hidden; padding:50px 0px 60px 0px; background:#f3f4f6;}
.index_box06 .index_tit{ margin-bottom:40px;}
.index_box06 .index_tit h2{ font-size:36px; color:#000; text-align:center; position:relative; font-weight:normal;}
.index_box06 .index_tit em{color:#999; font-size:20px; font-weight: normal; font-style:normal; display:block; text-align:center;}
.index_box06 .index_tit h2:before{ content:""; background:url(../images/h2_left.jpg) no-repeat center left; height:3px; width:500px; display:block;position: absolute; left:0px; top:22px;}
.index_box06 .index_tit h2:after{ content:""; background:url(../images/h2_right.jpg) no-repeat center left; height:3px; width:500px; display:block; position: absolute; right:0px; top:22px}

.index_box06 .news_left{ float:left; width:570px;}
.index_box06 .news_left h2{ font-size:24px; font-weight:normal; border-left:3px solid #1bb265; padding-left:15px; line-height:30px; margin-bottom:20px; }
.index_box06 .news_left h2 span{ float:right; color:#1bb265; font-size:14px;}

.index_box06 .news_left dl{ background:#fff; overflow: hidden; margin-bottom:20px;}
.index_box06 .news_left dt{ float:left;  width:100%; overflow:hidden; }
.index_box06 .news_left dt img{ width:100%; height:320px; display:block;transition: all 1.6s;}
.index_box06 .news_left dt:hover img{transform: scale(1.1);}
.index_box06 .news_left dd{ float:left;  padding:10px 20px; }
.index_box06 .news_left dd h3{ font-weight:normal; font-size:16px; margin-bottom:5px;  color:#000;line-height:26px;}
.index_box06 .news_left dd h3 span{ width:70px; height:26px; background:#1bb265;border-radius:20px; display:block; float:left; text-align:center; margin-right:10px; line-height:26px; color:#fff;}
.index_box06 .news_left dd p{ font-weight:normal; color:#999; line-height:30px;}
.index_box06 .news_left ul{ background:#fff; padding:20px;}
.index_box06 .news_left ul li{ line-height:30px;}
.index_box06 .news_left ul li span{ float:right;}

.index_box06 .news_right{ float:right; width:570px;}
.index_box06 .news_right h2{ font-size:24px; font-weight:normal; border-left:3px solid #1bb265; padding-left:15px;line-height:30px;  margin-bottom:20px; }
.index_box06 .news_right h2 span{ float:right; color:#1bb265; font-size:14px;}
.index_box06 .news_right dl{ background:#fff; overflow: hidden; margin-bottom:20px; height:120px;}
.index_box06 .news_right dt{ float:left; width:220px; overflow:hidden;}
.index_box06 .news_right dt img{ width:100%; height:120px; display:block;transition: all 1.6s;}
.index_box06 .news_right dt:hover img{transform: scale(1.1);}
.index_box06 .news_right dd{ float:left; width:310px; padding:10px 20px; }
.index_box06 .news_right dd h3{ font-weight:normal; font-size:16px; margin-bottom:20px; }
.index_box06 .news_right dd p{ font-weight:normal; color:#999; line-height:30px;}


.accoradion{margin:20px auto;}
.accoradion ul{overflow:hidden;}
.accoradion >li:nth-child(3) { padding-top:30px;}
.accoradion li{ background:#fff; cursor:pointer; padding:0px 30px;}

.accoradion >li:last-child{ padding-bottom:30px;}

.accoradion li a.header{padding:0 0 0 25px;display:block;color:#000;height:30px;line-height:30px;position:relative;margin:-1px 0 0 0;font-size:14px;text-decoration:none;}
.accoradion li a.closed{background: url(../images/arrowbg.jpg) no-repeat left center;}
.accoradion li a.opened{color:#000;background: url(../images/arrowbg_on.jpg) no-repeat left center;font-weight: normal;}
.accoradion li li{ background:#fff;padding:10px 25px;position:relative;}
.accoradion li li h3{line-height:22px;padding:0 0 10px 0;}
.accoradion li li p{line-height:22px;}



/*底部*/
.links {font-size: 14px; width:1200px; margin:0 auto}
.links span {	color: #666;	display: inline-block;}
.links a {	display: inline-block;	font-size: 14px;	color: #999;	padding-right: 10px;}
.links a:hover {	color: #1d266b;}
footer{ background:#ecedf1; overflow:hidden; padding-bottom:20px;}
.foot-nav{text-align:center; height:60px; line-height:60px; background:#1bb265; margin-bottom:30px;}
.foot-nav span{font-size:16px; margin:0px 20px; color:#fff;}
.foot-nav a{color:#fff;font-size:16px; }
.foot_logo{float:left; width:200px; }
.foot_logo img{margin-bottom:35px;}
.foot_info{margin-left:100px; float:left; width:900px; }
.foot_info h2{ font-size:18px; border-bottom:1px solid #ccc; line-height:30px; margin-bottom:20px;}
.foot_info h2 span{ border-bottom:2px solid #1bb265; margin-bottom:-1px; line-height:30px; display:block; color:#000; display:inline flow-root;}
.foot_info .p1{ background:url(../images/p1.jpg) no-repeat left center;width:380px;}
.foot_info .p2{ background:url(../images/p2.jpg) no-repeat left center; margin-left:30px;width:200px;}
.foot_info .p3{ background:url(../images/p3.jpg) no-repeat left center;width:380px;}
.foot_info .p4{ background:url(../images/p4.jpg) no-repeat left center;margin-left:30px;width:200px;}
.foot_info p{ padding-left:35px; margin-bottom:20px; float: left; }
.foot_info span{ display:block; font-size:14px; }
.foot_con{ float:left; width:680px;}
.foot_ewm{ float:right; width:220px;}
/*内页侧栏*/
.sidebar{margin-top:0px; background:#f3f4f6; overflow:hidden;}
.sb_nav{background:#fff; border-bottom:1px solid #ddd;}
.sb_nav h3.title{ text-align:left; background:url(../images/dt-6.gif) repeat-x; padding:0px 15px; height:33px; line-height:33px; border-bottom:1px solid #cecece; font-size:14px; color:#fff;}
.sb_nav h3.line{ margin-top:15px; }
.sb_nav .active{ line-height:60px;width:1200px; margin:auto;    display: -webkit-flex;  display: flex;}
.sb_nav dl{ float:left; border-right:1px solid #ddd;    -webkit-flex: 1;  flex: 1;}
.sb_nav dl:first-child{ border-left:1px solid #ddd;}
.sb_nav dl dt{ padding:0px 15px 0px 15px; text-align:center;}
.sb_nav dl dt a{font-size:18px;}
.sb_nav dl dt:hover{ background:#1bb265;}
.sb_nav dl dt:hover a{ color:#fff;}
.sb_nav dl dt.on{ background:#1bb265;  position: relative;}
.sb_nav dl dd{ padding:0px 0px 0px 15px;}
.sb_nav dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../images/dt-0.gif) no-repeat left center;}
.sb_nav dl dt.on a{ color:#fff; }
.sb_nav dl h4.on a{ font-weight:bold;}


.sidebar1{margin:30px auto;}
.sb_nav1{ float:left; width:220px;float:left;}
.fdh-01-tit { background: #1bb265; height: 80px;}
.sb_nav1 h3.title{ height: 75px;   font-size: 24px;          font-weight: normal;          line-height: 75px;           color: #fff;          border-bottom: 1px solid #fff; text-align: center;}
			
.sb_nav1 h3.line{ margin-top:15px; }
.sb_nav1 dl{ height: 50px;      line-height: 50px;          background: url(../images/p14-icon5.png) no-repeat right center #ececeb;         margin-bottom: 2px;         overflow: hidden;}		
.sb_nav1 dl dt a{display: block;  height: 50px;  font-size: 18px;           font-weight: normal;    margin-right: 40px;      margin-left: 38px;   color: #666;}
			
.sb_nav1 dl dt:hover{background: url(../images/p14-icon2.png) no-repeat right center  #1bb265;}
.sb_nav1 dl dt:hover a{ color:#fff;}
.sb_nav1 dl dt.on{ background: url(../images/p14-icon2.png) no-repeat right center  #1bb265;}
.sb_nav1 dl dd{ padding:0px 0px 0px 15px;}
.sb_nav1 dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../images/dt-0.gif) no-repeat left center;}
.sb_nav1 dl dt.on a{ color:#fff; }
.sb_nav1 dl h4.on a{ font-weight:bold;}


.cbgg-01 {background: #1bb265;  text-align: center;  color: #fff; margin-top:30px;}
.cbgg-01 p{padding-top:15px}
.cbgg-01 span {display: block; font-size: 28px; font-weight: bold;  font-family: Arial; padding-bottom: 20px; padding-top: 10px;}

.blk{width:1200px; margin:0 auto}
.p12-curmbs-1 {font-size: 14px; border-bottom: 1px dashed #dcdcdc; line-height:50px;}
.p12-curblock{display: none; }
.p12-curmbs-1 b {border-left: 10px solid #999999; font-weight: normal; padding-left: 8px; } 
.p12-curmbs-1 i {font-style: normal; }       
.p12-curmbs-1 span {padding: 0 5px; height: 46px; line-height: 46px; }








/*.sidebar .sb_nav{border-bottom: 1px solid #ccc;}
.sidebar .sb_nav h3.title{ text-align:left; background:url(../images/dt-6.gif) repeat-x; padding:0px 15px; height:33px; line-height:33px; border-bottom:1px solid #cecece; font-size:14px; color:#fff;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ padding:10px 15px; background:#fff;}
#sidebar dl{ margin-left:5px; float:left;}
#sidebar dl dt{ padding:4px 0px 5px 15px; margin-top:5px; background:url(../images/dt-11.gif) no-repeat 2px 11px;}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../images/dt-0.gif) no-repeat left center;}
#sidebar dl dt.on a{ font-weight:bold; color:#1C57C4; }
#sidebar dl h4.on a{ font-weight:bold;}*/

.sidebar .pro_box{overflow:hidden; width:1200px; margin:auto; }
.sidebar .pro_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; height:35px; line-height:35px; position:relative;}
.sidebar .pro_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #ff6633; padding:0px 15px;}
.position{ margin:auto; width:1200px; text-align:right;  font-weight:normal; position:relative;color:#333; height:80px; line-height:80px;}
.position a{ color:#333 }

.l_con {}

.c_con {border: 2px solid #d5242e;  width: 228px;  margin: 0 auto;   margin-bottom: 10px;}
.t04{  padding: 30px 0px 0px 0px; margin:0px 10px; padding:0px 10px 0px 5px;  font-size: 16px; line-height:30px;  border-bottom: 1px solid #e4eaec; font-weight:normal;}
.t04 span{border-bottom: 1px solid #1bb265; font-weight:bold; bottom: -1px; position: relative; display: inline-table; font-size: 16px;}
.info_b, .info_b2 {  padding: 5px 0;  overflow: hidden;   margin-bottom: 10px;}
.s_con dl dt{ width:100%; height:140px; overflow:hidden; }
.s_con dl {   float: left;   overflow: hidden;   margin: 10px 10px 10px 10px; text-align:center;   width: 240px;}
.s_con dt img { width: 100%;    height: 140px;transition:all 2.6s;}
.s_con dt:hover img{transform:scale(1.1);}
.s_con dd { line-height: 30px;    height: 30px;   overflow: hidden;   text-align: center;   color: #000;   }
.news_con { clear: both;   margin:11px 0px;}
.news_con li {float: left; /*padding-left:15px;*/ line-height:30px;   width: 420px;/*background: url('../images/dtico.jpg') no-repeat scroll left center transparent;*/}
.a_pro_con {clear: both;   margin:11px 0px;}
.a_pro_con li{ width:260px; float:left; margin:10px 10px 0px 10px; text-align:center; border:1px solid #e2e2e2;}
.a_pro_con li img{ width:260px; float:left; height:160px;}
.a_pro_con li a{ display:block; line-height:30px;}
.s_con { background:#fff; float:right;    width: 260px;  margin: 0 auto;  margin-bottom: 10px; }


/*分页*/
.justify-content-center {   -ms-flex-pack: center!important;  justify-content: center!important;}
.pagination {   display: -ms-flexbox;  display: flex;   padding-left: 0;  list-style: none; padding:15px 0px;  border-top:none;}
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {	position: relative;	display: block;	padding: .5rem .75rem;	margin-left: -1px;	line-height: 1.25;	color: #333;	background-color: #fff;	border: 1px solid #dee2e6;}
a.page-num:hover, .page-link:hover {	text-decoration: none;}
.page-num-current {	z-index: 1;	color: #fff;	background-color: #1bb265;	border-color: #1bb265;}
.page-num-current:hover {	color: #fff;}
.reLink {border: 1px solid #e4e4e4; overflow:hidden; margin: 20px auto 10px;	padding: 0px 10px; line-height:30px;}
.reLink .prevLink, .reLink .nextLink {	 padding:10px 20px; width:50%;    box-sizing: border-box;}
.reLink .prevLink a, .reLink .nextLink a {	}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {color: #04549b;}
.reLink .prevLink { background:url(../images/mub02_jt01.png) no-repeat center left; }
.reLink .nextLink {	background:url(../images/mub02_jt03.png) no-repeat center right; text-align:right; }


/*relateNews*/
.n-tit {margin-bottom: 30px;}
.n-tit h3 {line-height: 35px;   font-size: 24px;}
.n-tit s {width: 4px;  height: 22px;   margin-right: 15px;   background: #151515;   display: inline-block;   vertical-align: middle;}
.n-tit .more {font-size: 14px;   width: 120px;   height: 30px;   text-align: center;  line-height: 30px; margin-top: 10px;   border: 1px solid #f0f0f0; color:#999;   transition: all ease 600ms;}
.relateNews {padding: 55px 0 0;	width: 100%;	overflow: hidden;}
.relateNews .list {	width: 120%;}
.relateNews .list li {	width: 545px; float: left;	margin-right: 30px;	margin-bottom: 20px;}
.relateNews .list li a {	display: block;	width: 100%;	height: 100px;}
.relateNews .list li img {	width: 135px;	height: 100px;	display: block;	float: left;	margin-right: 20px;}
.relateNews .list li h3 {	line-height: 26px;	font-size: 16px;	float: left;}
.relateNews .list li .time {	color: #999999;	font-family: arial;	font-size: 16px;	line-height: 26px;	float: right;}
.relateNews .list li p {line-height: 24px;	overflow: hidden;	font-size: 14px;	color: #999;	float: left;	width: 388px;	text-align: justify;}
.relateNews .list li:hover img {	-webkit-filter: brightness(105%);	filter: brightness(105%);}


.working-process-area{ overflow:hidden; background:#fff; padding:80px 0px 60px 0px;}
.single-working-process {   margin-bottom: 0px;  position: relative;   z-index: 1; }
.working-process-area .row{}
.working-process-area li{ width:370px; float:left;}
.working-process-area li:nth-child(2){ margin:0px 45px;}
.single-working-process .icon { height:205px;}


.single-working-process .text{ background:#f2f2f2; padding:20px 30px;}
.single-working-process h3 {   font-size: 20px;   font-weight: normal;   margin-bottom: 8px;}
.single-working-process p {   margin-bottom: 0; font-size:15px; line-height:30px;}

.about-company-content .section-title h2 { font-size:26px; text-align:left; font-weight:normal; color: #ffffff; line-height:50px; margin-bottom:20px;}
.about-company-content .section-title h2:after{ content:""; display:block; height:2px; width:50px; background:#a1252d;}

.about-company-content .inner-content {  margin-left: auto;}
.about-company-content {position: relative; background:url(../images/a_img.jpg) center center;z-index: 1;  padding-top: 70px;   padding-bottom: 70px; overflow:hidden; box-sizing:border-box;
  /* background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));
    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);*/  }
.about-company-content p{ color:#fff; line-height:30px; font-size:16px; margin-bottom:20px;}
/*.about-company-content::after {
    content: '';
    position: absolute;
    background: url(../images/shape2-black.png) no-repeat left bottom;
    bottom: 0;
    left: 0;
    width: 670px;
    height: 100%;
    opacity: .60;
    z-index: -1;
}
.about-company-content::before {
    content: '';
    position: absolute;
    bottom: -8px;
    height: 8px;
    left: 0;
    width: 98%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));
    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);
}
*/

/*@-webkit-keyframes jump  
    {  
        0%{  
            top:0px;  
            color:red;  
        }  
        50%{  
            top:-10px;  
            color:green;  
        }  
        100%{  
            top:10px;  
            color:blue;  
        }  
    }*/  
@keyframes dong { 
     0% {             
         transform: translate(0px, 0px);            
      }            
      50% {                
         transform: translate(0px, -10px);            
      }            
      100% {                
         transform: translate(0px, 0px);
      }	}
.a_youshi .a_right li span{animation: dong 1s infinite;}
.a_youshi .a_right li i{animation: dong 1s infinite;}	
/*.a_youshi .a_right li span{-webkit-animation:jump 1s linear 0s infinite alternate;}*/

.a_youshi{ margin:0px 130px; background:#eee; height:620px; }
.a_youshi .a_left{ float:left; width:720px; margin-top:80px;}
.a_youshi .a_right{ float:left; width:380px;box-sizing:border-box; padding:0px 0px 0px 30px;margin-top:80px;}
.a_youshi .a_right h2{ font-size:30px; font-weight:normal; margin-bottom:20px;}
.a_youshi .a_right p{ font-size:16px; line-height:30px;}
.a_youshi .a_right ul{ margin-top:50px;}
.a_youshi .a_right li{ float:left; width:33.33%; text-align:center; margin-bottom:60px;}
.a_youshi .a_right li span{ font-size:38px; font-weight:bold; margin-bottom:20px; display:-webkit-inline-box; color:#008528 }


.a_youshi .a_right li i{ font-size:30px; font-weight:bold; margin-bottom:20px; font-style:normal; display:-webkit-inline-box; color:#008528}
.focusbox{position:relative;overflow:hidden;zoom:1; margin-bottom:50px; margin-top:80px; }
.focusbox .section-title{ text-align:center; margin-bottom:30px;}
.focusbox .section-title h2{ font-size:30px; margin-bottom:10px;}
.focusbox .section-title p{ font-size:16px;}
#fullbanner{width:960px;height:600px;margin:auto;position:relative;}
#fullbanner li a{display:block;width:950px;height:600px;overflow:hidden;}
#fullbanner img{width:950px;height:600px;}
#fullbanner ul{width:960px;height:600px;}
#fullbanner .wrappic{overflow:visible;position:absolute;}
#fullbanner .next, #fullbanner .prev{filter:alpha(Opacity=70);opacity:.7;position:absolute;top:50%;margin-top:-25px;margin-left:5px; border-radius:50px; border:2px solid #fff;z-index:3;}
#fullbanner .next:hover, #fullbanner .prev:hover{background-color:#1bb265;}
#fullbanner .next{margin:-25px 15px 0 0;right:0;}
#fullbanner .mask-left, #fullbanner .mask-right, #fullbanner .plan{background:#fff;padding:0px;z-index:1;position:absolute;top:0;left:0;width:950px;height:600px;overflow:hidden;left:1920px;}
#fullbanner .mask-right, #fullbanner .mask-left{z-index:4;left:-960px;filter:alpha(Opacity=50);opacity:.5;background:#000;overflow:hidden;}
#fullbanner .mask-right{left:960px;}
.arrow-left,.arrow-right{background:url(../images/a_icon.png) no-repeat;}
.arrow-left{background-position:15px 12px;height:50px;width:50px;}
.arrow-left:hover{background-position:-45px 12px;}
.arrow-right{background-position:-103px 12px;height:50px;width:50px;}
.arrow-right:hover{background-position:-163px 12px;}



@keyframes jumping { 
     0% {             
         transform: translate(0px, 0px);            
      }            
      50% {                
         transform: translate(0px, -20px);            
      }            
      100% {                
         transform: translate(0px, 0px);
      }	}
.jumping{animation: jumping 1s infinite;}


/*产品内页*/
#productlist li{ float:left; display:inline; text-align:center; width:31.333%; margin:0px 1% 40px 1%; background:#fff; }
#productlist li:hover{  color:#FFFFFF; box-shadow:0 0 10px #ccc;background-color:#1bb265; }
#productlist li a.img{ display: table-cell; vertical-align:middle; width:100%; text-align:center; font-size:0px; height:300px; background-color:#fff; overflow:hidden;}
#productlist li a.img img{ margin:auto;width:100%; object-fit:cover;height: 300px;transition:all 2.6s;}
#productlist li:hover img{transform:scale(1.1);}
#productlist li h3{ padding:15px 0px 15px; font-weight:normal; line-height:1.5; border-top: 1px solid rgb(238, 238, 238);}

#showproduct{ padding:0px 0px 30px 0px;}
.pshow h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px; font-weight:bold;}
.pshow { margin:auto;overflow:hidden; padding:0px 0px; background:#fff;box-sizing: border-box;   -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;}
.pshow dt{ float:left; }
.ssds{ float: right; width:400px;}
.ssds ul{ margin-left:0px; }
.ssds li{ padding:0px 0px 15px 0px; margin:0px 0px 5px 0px; clear:both;  position:relative; line-height:22px; color:#666; border-bottom: dotted #f2f2f2 1px; }
.ssds li span{  left:0px; top:0px; color:#333; display:block; font-size:16px; font-weight:bold; margin-bottom:8px;}
#showproduct .ctitle{ margin:auto; margin-bottom:20px; background:#fff; padding:30px 0px 0px 0px;font-size:16px; border-bottom: 1px solid #e4eaec; line-height:30px; }
#showproduct .ctitle span{border-bottom: 1px solid #1bb265;   bottom: -1px;   position: relative;    display: inline-table; font-weight:normal;font-size: 16px; font-weight:bold;}
#showproduct .editor{ line-height:2; padding:0px 40px 40px 40px; font-size:14px;margin:auto; background:#fff;}
.showproduct_left h1{ font-size:16px; }

#showproduct .editor table{width:100%!important;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
#showproduct .editor td{ border:1px solid #e4e4e4!important; line-height:30px!important; padding:5px 7px !important;}

.view {	/* border:1px solid #ccc;*/ width:520px; height:520px; line-height:520px; margin-bottom:0px; position:relative;    padding: 0px; box-sizing: border-box;}
.view .swiper-slide {		max-width: 520px;	padding: 0 0px;box-sizing: border-box;	overflow: hidden;	text-align: center;}
.view .swiper-slide img {	max-height: 520px; width:100%; vertical-align:middle;}
.view .arrow-left {	background: url(../images/prodetailsintrobtn01.png) no-repeat left center;	position: absolute; top:50%; margin-top:-22px;	left: 0px;	width: 44px;	height: 44px;	z-index: 10;	}
.view .arrow-right {	background: url(../images/prodetailsintrobtn02.png) no-repeat right center;	position: absolute;	top:50%; margin-top:-22px;right: 0px;	width: 44px;height: 44px;	z-index: 10;	}
.preview {	position: relative;	width: 520px;	left: 0px; margin-top:20px;}
.preview .swiper-slide { text-align:center;	width: 87.5px;	height: 70px;	margin: 0 3px;	box-sizing: border-box;	overflow: hidden;	cursor: pointer;}
.preview .swiper-slide img {	display: inline-block;	height: 100%;}
.preview .active-nav {	border: 1px solid #F00;}
.preview .arrow-left {	background: #fff url(../images/feel3.png) no-repeat left center;	position: absolute;left: -20px;	top: 0;	width: 20px;	height: 70px;	z-index: 10;}
.preview .arrow-right {	background: #fff url(../images/feel4.png) no-repeat right center;	position: absolute;	right: -20px;	top: 0;	width: 20px;	height: 70px;	z-index: 10;}




#imglist{ padding:15px 10px;}
#imglist li{ float:left; display:inline; text-align:center; width:31.333%; margin:0px 1% 40px 1%; background:#fff; }
#imglist li:hover h3{  color:#FFFFFF; box-shadow:0 0 10px #ccc;background-color:#1bb265; }
#imglist li:hover{  color:#FFFFFF; box-shadow:0 0 10px #ccc;}
#imglist li .img{ display: block; vertical-align:middle; text-align:center; font-size:0px; background-color:#fff; overflow:hidden;}
#imglist li .img img{ margin:auto;max-width:100%;    height: 300px; transition:all 2.6s;object-fit:cover;}
#imglist li:hover img{transform:scale(1.1);}
#imglist li h3{ padding:15px 0px 15px; font-weight:normal; line-height:1.5; border-top: 1px solid rgb(238, 238, 238); font-size:14px;}


#newslist .item {
	width: 100%;
	height: 168px;
	margin-bottom: 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	background: #fff;
}
#newslist .item a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
#newslist .item img {
	width: 224px;
	height: 168px;
	display: block;
	margin-right: 30px;
}
#newslist .item h3 {
	font-size: 20px;
	padding: 35px 0 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
#newslist .item .txt {
	color: #999999;
	line-height: 24px;
	height: 48px;
	padding-right: 130px;
	overflow: hidden;
}
#newslist .item .time {
	width: 150px;
	padding-top: 45px;
	font-family: arial;
	font-size: 20px;
	color: #999;
}
#newslist .item .time .day {
	font-size: 40px;
	line-height: 45px;
	display: block;
}
#newslist .item:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
#newslist .item:hover h3 {
	font-weight: bold;
	color: #151515;
	text-indent: 5px;
}
#newslist .item:hover .time .day span {
	background: #6d6d6d;
}
#newslist .item:hover .time .day strong {
	background: #ff0000;
	color: #fff;
}
#newslist .item:hover img {
	filter: brightness(105%);
	-webkit-filter: brightness(105%);
}
#shownews{ padding:30px; background:#fff; margin:30px 0px;    box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
#shownews .editor{ line-height:2; padding:0px 10px; font-size:14px;}
#shownews h1{ font-size:20px; text-align:center;  padding:5px 0px; margin:10px 0px; color:#333;}


.info_picss{ max-width:530px;}


/*应用领域*/
#recommendlist{ padding:15px 5px;}
#recommendlist .item {
	width: 100%;
	height:280px;
	margin-bottom: 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	background: #fff;
}
#recommendlist .item a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
#recommendlist .item img {
	width: 380px;
	height: 260px;
	display: block;
	margin:10px 60px 0px 10px;object-fit: cover;
}
#recommendlist .item h3 {
	font-size: 20px;
	padding: 55px 0 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
#recommendlist .item .txt {
	color: #666;
	line-height: 24px;
	height: 48px;
	
	overflow: hidden; font-size:14px; width:700PX;
}

#recommendlist .item:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
#recommendlist .item:hover h3 {
	font-weight: bold;
	color: #151515;
	text-indent: 5px;
}


#recommendlist .item:hover img {
	filter: brightness(105%);
	-webkit-filter: brightness(105%);
}

.led_more{ width:100px; height:35px; line-height:35px; border:solid #e8e7e7 1px; border-radius:10px; text-align:center; color:#969696; margin-top:35px;}
.led_more:hover{border:solid #1bb265 1px; color:#1bb265 }

.showtext{ padding:30px; line-height:2; background:#fff; margin:30px 0px; height:400px;}
.ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }



#shownews .editor table{width:100%!important;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
#shownews .editor td{ border:1px solid #e4e4e4!important; line-height:30px!important; padding:5px 7px !important;}



/*鍦ㄧ嚎瀹㈡湇*/
.online {	position: fixed;bottom: 150px;	right: 0px;width: 60px;	z-index: 999;	color: #999;}
.online a {	color: #666;}
.online a:hover {	text-decoration: none;}
.online dl {	background: #27a8e1;	padding: 10px 5px;margin-bottom: 1px;position: relative;}
.online dl dd {	color: #fff;text-align: center;	font-size: 12px;	cursor: pointer;}
.online dl dd i {	font-size: 25px;}
.online dl:hover {	background: #1781bd;}
.online dl dt {	position: absolute;	top: 0px;	right: 60px;	background: #fff;	border: 1px solid #ccc;	z-index: 9999;	display: none;	padding: 10px 15px;	font-weight: normal;}
.online dl dt h3 {	display: block;	font-size: 16px;	color: #666;	border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.online dl dt h3 i {	margin-right: 5px;}
.online dl dt h3 span {	float: right;	cursor: pointer;}
.online dl dt input {border: 1px solid #ccc;border-radius: 5px;	margin-top: 15px;	height: 40px;	line-height: 40px;padding: 3px 5px;	width: 100%;}
.online dl dt button {	margin: 10px 0;	border: none;	border-radius: 5px;	width: 100%;	font-size: 18px;	height: 40px;	line-height: 40px;	background: #28a7e1;	color: #fff;	cursor: pointer;}