*{ margin:0; padding:0;}
body{ font-family:"Microsoft YaHei",Arial,"宋体"; font-size:12px; color:#333; line-height:1.6em;}
h1{line-height:1.3em;}
a:hover img,img{ border:none;}
img{ vertical-align:top;}
ul{ list-style:none;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei",Arial,"宋体"; font-size:12px;}
table input,table button,table select,table textarea{ vertical-align:middle;}
textarea{resize:none}
table{ border-collapse:collapse;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color:#02B687;}
/*-------------------------结束公用样式--------------------------*/
.cf { overflow:hidden; zoom:1;}
.cf2{zoom: 1;}
.cf2:after {content: ""; display: block;height: 0;clear: both;}
input.checlass{ margin:0 5px; margin-left:0;vertical-align:middle; _vertical-align:baseline;}
/*--------------------------star首页的样式*/
html{ background:#fff;}
/*头文件*/
div.header,div.header_w{ clear:both; background:#fff url(../images/header.gif) repeat-x left bottom; height:80px;}
div.header_w{ clear:both; width:1000px; margin:0 auto;}
div.logo{ float:left; padding:12px 0 0 0;}
/*导航*/
div.nav{ float:right; padding:20px 0 0 0; line-height:60px; height:60px; font-size:14px;}
ul.nav{ float:right;}
ul.nav li{ float:left;}
ul.nav li a{ float:left; padding:0 1em;}
ul.nav li a:hover{ text-decoration:none; color:#02B687;}
/*当前页*/
#nav_btn01 #nav_hover01 a,#nav_btn02 #nav_hover02 a,#nav_btn03 #nav_hover03 a,#nav_btn04 #nav_hover04 a,#nav_btn05 #nav_hover05 a,#nav_btn06 #nav_hover06 a,#nav_btn07 #nav_hover07 a,#nav_btn08 #nav_hover08 a,#nav_btn09 #nav_hover09 a{ background:url(../images/nav.gif) repeat-x left bottom;}
/*------------------star动画*/
.flexslider{position:relative;height:440px;overflow:hidden;background:url(../images/flash/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:440px;}
.flex-control-nav{position:absolute;bottom:15px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:#fff; cursor:pointer;}
.flex-control-nav .flex-active{ background:#02B687;}
/*左右按钮*/
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; margin-top:-25px;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px; background:url(../images/flash/prev.png) no-repeat center center;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/flash/next.png) no-repeat center center;}
/*-----------------star中间区域*/
/*公告*/
div.h_ann{ clear:both; background:url(../images/ann_x.gif) repeat-x left bottom; height:54px;}
dl.h_ann{ clear:both; width:1000px; margin:0 auto; height:40px; line-height:40px; padding:7px 0;}
dl.h_ann dt{ text-align:center; font-size:14px; float:left; height:40px; line-height:20px; background:url(../images/ann.jpg) no-repeat right center; padding-right:65px;}
dl.h_ann dt h3{ font-size:18px; text-transform:uppercase;}
dl.h_ann dd{ float:right; width:835px; height:40px; font-size:14px; overflow:hidden; }
dl.h_ann dd a{ margin-right:2.5em;}
/*标题*/
dl.h_th{ clear:both; width:1000px; margin:35px auto; background:url(../images/th_y.png) no-repeat center top; text-align:center; padding:1px 0 0 0;}
dl.h_th dt{ clear:both; padding:10px 0 0 0;}
dl.h_th dt b{ display:inline-block; padding:0 0.1em; line-height:1em; background:#fff; font-size:48px; text-transform:uppercase;}
dl.h_th dt p{ font-size:10px; line-height:1em; margin-top:-0.5em;}
dl.h_th dd { clear:both; font-size:18px; font-weight:bold; line-height:1em; padding-top:0.3em;}
/*产品分类*/
ul.h_class{ clear:both; text-align:center; width:1020px; font-size:14px; margin:30px auto; padding:1px 0 0 0;}
ul.h_class li{ float:left; width:16.66%; margin-bottom:20px; overflow:hidden; zoom:1;}
ul.h_class li a{ display:block; width:90%; margin:0 auto; border:1px solid #fff; border-bottom:5px solid #f3f3f3;}
ul.h_class li span{ display:block; border:1px solid #e7e7e7; line-height:50px;height:50px;}
ul.h_class li em{ font-style:normal; color:#888; display:inline-block; background:url(../images/more.gif) no-repeat right center; padding-right:1em;}
ul.h_class li a:hover{ color:#333; text-decoration:none; border:1px solid #02B687; border-bottom:5px solid #02B687;}
ul.h_class li a:hover span{ border:1px solid #02B687;}
/*背景*/
div.graw_box,div.graw_box_w{ background:#24272e; clear:both;}
/*标题*/
div.graw_box dl.h_th,div.yellow_box dl.h_th{ width:100%; margin:35px 0;}
/*内容*/
div.graw_box_w,div.yellow_box_w{ clear:both; width:1000px; margin:0 auto; padding:15px 0; position:relative;}
em.arrow_t{ clear:both; display:block; position:absolute; background:url(../images/arrow_w.png) no-repeat; width:30px; height:15px; line-height:15px; overflow:hidden; left:50%; margin-left:-26px; top:0;}
em.arrow_t_g{ background:url(../images/arrow_g.png) no-repeat;}
em.arrow_t_y{ top:auto; bottom:-15px; background:url(../images/arrow_y.png) no-repeat;}
/*关于我们*/
dl.h_about{ clear:both; margin-top:-50px; padding-bottom:30px;}
dl.h_about dt{ float:left; width:380px;}
dl.h_about dd{ float:right; width:57%; padding:1.4em 0 0 0; font-size:14px; color:#aaabac;}
dl.h_about dd p{ text-indent:2em; line-height:2em; margin:15px 0;}
dl.h_about dd div{ text-align:right; clear:both; padding:10px 0 0 0;}
dl.h_about dd div a{ padding:0 0.3em;}
/*红标题*/
dl.red_th{color:#02B687; background:url(../images/th_y2.png) no-repeat center top;}
dl.red_th dt b{ background:#24272e;}
/*黄色背景*/
div.yellow_box,div.yellow_box_w{ clear:both; background:#fbf3e8;}
/*标题*/
div.yellow_box dl.h_th dt b{ background:#fbf3e8;}
/*产品中心*/
/*标签导航*/
div.h_tab_nav{ margin-top:-15px; clear:both; text-align:center;}
div.h_tab_nav dd{ clear:both;}
div.h_tab_nav dd a{ display:inline-block; line-height:2em; height:2em; border:1px solid #bdbdbd; background:#f6f7f9; font-size:14px; cursor:pointer; color:#888; margin:0 0.5em; padding:0 1em;}
div.h_tab_nav dd a.tab_light{ color:#fff; border:1px solid #02B687; background:#02B687;}
/*标签内容*/
div.h_tab_box{ clear:both;}
.none{ display:none;}
ul.h_pro{ clear:both; padding:10px 0 10px 0; font-size:14px; text-align:center;}
ul.h_pro li{ float:left; width:24.99%; height:190px; margin:15px 0; overflow:hidden;}
ul.h_pro li p{ line-height:1em; padding-top:15px;}
/*新闻中心*/
div.h_news{ clear:both; width:1000px; margin:-15px auto 50px auto;}
div.news_l{ float:left; width:48%;}
ul.h_news{ font-size:14px; padding:1.5em 0 0 0;}
ul.h_news li{ clear:both; height:2em; line-height:2em; overflow:hidden; padding-left:2em; background:url(../images/arrow.gif) no-repeat 8px center;}
/*标题*/
dl.th_line{ clear:both; height:40px; line-height:34px; background:url(../images/th_line.gif) repeat-x left bottom;}
dl.th_line dd{ float:left; font-size:16px; font-weight:bold; height:40px; padding:0 0.5em; background:url(../images/th_line_red.gif) repeat-x left bottom;}
dl.th_line dt{ float:right;}
dl.th_line dt a{ display:block;}
/*文件底*/
div.footer,div.footer_w{ color:#6a6b6e; background:#1f2229;}
div.footer a{ color:#6a6b6e;}
div.footer a:hover{ text-decoration:none; color:#fff;}
div.footer dl.h_th{ color:#646569; margin:30px 0; width:100%; background:url(../images/th_g.png) no-repeat center top;}
div.footer dl.h_th dt b{ background:#1f2229; color:#02B687;}
dl.footer{ clear:both; text-align:center; line-height:2em; padding-bottom:1.5em;}
dl.footer dt{ clear:both; font-size:13px;}
dl.footer dt p{ clear:both;}
dl.footer dt p span{ margin:0 1.5em;}
dl.footer dt p em{ font-style:normal; margin-left:0.5em;}
dl.footer dt p span a{ margin:0 0.5em;}
dl.footer dt font{ font-size:13px; font-family:Arial;}
dl.footer dd{ clear:both; padding-top:2em;}
/*链接*/
dl.d_link{ clear:both; border-top:1px dotted #6a6b6e; padding:1em 0; font-size:13px; line-height:2em;}
dl.d_link dt{ color:#949597; float:left;}
dl.d_link dd{ float:right; width:92%;}
/*----------------------star内页的样式*/
ul.banner,ul.banner li{ clear:both; height:300px; line-height:300px; overflow:hidden;}
/*位置标题*/
div.site_th{ clear:both; background:url(../images/ann_x.gif) repeat-x left bottom; height:54px;}
dl.site_th{ padding-bottom:4px; height:50px; line-height:50px; width:1000px; margin:0 auto; font-size:14px;}
dl.site_th dt{ float:left; background:url(../images/site.gif) no-repeat left center; padding-left:1.5em;}
dl.site_th dt .china{ margin:0 0.5em;}
dl.site_th dd{ float:right; background:url(../images/tel.gif) no-repeat left center; padding-left:2.6em;}
/*-------star关于我们*/
/*标签标题*/
dl.tab_th{ clear:both; text-align:center; margin:35px auto; width:1000px;}
dl.tab_th dd{ text-align:center;}
dl.tab_th dd span{ border:1px solid #ddd; background:#fff; font-size:14px; display:inline-block; vertical-align:middle; line-height:43px; height:43px;}
dl.tab_th dd span a{ padding:0 1.8em; background:url(../images/tab_line.gif) no-repeat right center; display:inline-block; vertical-align:middle; height:45px; margin:-1px 0 0 -1px;}
dl.tab_th dd span a.last{ background:none;}
dl.tab_th dd span a.tab_light{ color:#fff; background:#02B687;}
/*关于*/
ul.h_about{ clear:both; width:1020px; margin:80px auto 100px auto; padding:1px 0 0 0; text-align:center; font-size:14px; color:#666;}
ul.h_about li{ float:left; width:24.99%;}
ul.h_about li h3{ clear:both; font-size:24px; color:#333; font-weight:normal; line-height:1em; padding-top:1em;}
ul.h_about li p{ clear:both; padding-top:1.5em; line-height:1.7em;}
ul.h_about li div{ clear:both; width:85%; margin:0 auto; text-align:center;}
ul.h_about li span{ display:inline-block; height:150px; width:150px; line-height:150px; overflow:hidden; font-size:0;}
ul.h_about li span em{ display:inline-block; width:100%; height:100%;}
span.a_1{ background:#7bcdec;}
span.a_2{ background:#ffc569;}
span.a_3{ background:#bcd474;}
span.a_4{ background:#fd5e5e;}
span.a_1 em{background:url(../images/01.png) no-repeat center center; }
span.a_2 em{background:url(../images/02.png) no-repeat center center; }
span.a_3 em{background:url(../images/03.png) no-repeat center center; }
span.a_4 em{background:url(../images/04.png) no-repeat center center; }
/*关于我们_文字*/
dl.i_about{ clear:both; margin:80px auto; width:1000px; padding:1px 0 0 0;}
dl.i_about dt,dl.i_about dt h3{ font-size:24px; line-height:1.2em; font-weight:normal;}
dl.i_about dt{ padding-left:1em; background:url(../images/th_arrow.gif) no-repeat left center;}
dl.i_about dd{ clear:both; padding:1em 0 0 0; font-size:14px; line-height:2em;}
dl.i_about dd p{ text-indent:2em; margin:8px 0;}
dl.i_about dd p img{ float:right; margin:0 0 1em 1em;}
/*----------star资质证书*/
.i_book{ clear:both; font-size:14px; line-height:1.5em; text-align:center; width:1020px; margin:35px auto; padding:1px 0 0 0;}
.i_book div{ float:left; width:24.99%; height:340px; margin:20px 0; overflow:hidden;}
.i_book div p{ clear:both; padding-top:1.1em;}
.i_book div img{ border:1px solid #ddd;}
.i_book div a:hover img{ border:1px solid #999; }
/*-----------star页码*/
div.page{ clear:both; line-height:2em; font-size:13px; text-align:center; padding:1.8em 0 6em 0;}
div.page em{ display:inline-block; font-style:normal;vertical-align:middle;}
div.page font{ font-size:13px; display:inline-block; vertical-align:middle;} 
div.page b,div.page a{display:inline-block; vertical-align:middle; padding:0 0.7em; border:1px solid #fff;}
div.page b{ color:#fff; background:#02B687; border:1px solid #02B687;  margin:0 0.1em;}
div.page font a{ border:1px solid #fff; margin:0 0.1em;padding:0 0.7em;}
div.page font a:hover{ background:#f3f3f3; border:1px solid #f3f3f3;}
div.page a{ margin:0 0.2em;  padding:0 1.2em; border:1px solid #e5e5e5;}
div.page a:hover{ color:#02B687; border:1px solid #eb2046; background:#fff;}
div.page span{ display:inline-block; vertical-align:middle; margin:0 0.4em;}
input.page_text,input.page_btn{text-align:center;  vertical-align:middle; width:4em; line-height:1.8em; height:1.8em;}
input.page_text{ font-size:13px;border:1px solid #e5e5e5; font-family:Arial; padding:2px 0;}
input.page_text:hover{ border:1px solid #ccc; background:#f3f3f3;}
input.page_btn{ font-size:13px; color:#fff; cursor:pointer; background:#1f2229; color:#fff; border:none; line-height:2.2em; height:2.2em; margin:0 0 0 0.4em;}
input.page_btn:hover{ color:#fff;  background:#02B687;}
/*应用领域*/
ul.i_field{ clear:both; width:1010px; margin:35px auto; padding-bottom:80px;}
ul.i_field li{ float:left; width:49.99%; overflow:hidden; zoom:1; margin:20px 0;}
ul.i_field dl{ clear:both; width:88%; background:#fff; border:1px solid #ddd; height:120px; padding:15px 15px;}
ul.i_field dt{ float:left; width:140px;}
ul.i_field dd{ float:right; width:63%;}
ul.i_field dd h3{ padding:10px 0 0 0; font-weight:normal; font-size:18px; line-height:1em;}
ul.i_field dd p{ font-size:13px; line-height:1.7em; padding-top:8px; color:#666;}
ul.i_field li:hover dl{ background:#f8f8f8; border:1px solid #ccc;}
ul.i_field li:hover h3{ color:#02B687;}
/*产品中心*/
div.pro_o{ clear:both; width:1000px; margin:35px auto;}
div.pro_nav{ float:left; width:160px; padding:10px 10px; background:#f3f3f3;}
dl.pro_nav{ clear:both; margin:5px 0; padding:1px 0 0 0;}
dl.pro_nav dt{ line-height:2.5em; height:2.5em; clear:both; font-size:14px; cursor:pointer; background:url(../images/d.gif) no-repeat 92% center; padding:0 1em;}
dl.pro_nav dd{ display:none; clear:both;}
dl.pro_nav dd p{ line-height:2em; margin:4px 0;}
dl.pro_nav dd p a{ display:block; padding:0 1.2em;}
dl.pro_nav dd p.light a{ color:#02B687;}
dl.dl_click{ padding-bottom:10px; border-bottom:1px dotted #ccc;}
dl.dl_click dt{ color:#fff; background:#02B687 url(../images/t.gif) no-repeat 92% center;}
dl.dl_click dt a{ color:#fff;}
/*产品列表*/
div.pro_r{ float:left; width:800px;}
ul.pro_r{ clear:both; position:relative; right:-30px;}
ul.pro_r li p{ padding-top:1em; line-height:1.2em;}
ul.pro_r li{ float:left; width:33.3%; height:210px; margin-bottom:20px; overflow:hidden; text-align:center; font-size:14px;}
/*产品详情*/
dl.d_th{ clear:both; text-align:center; border-top:1px solid #e5e5e5; padding:30px 0 0 0; width:1000px; margin:35px auto;}
dl.d_th dt,dl.d_th dt h1{ clear:both; font-size:24px; line-height:1.2em; font-weight:normal;}
dl.d_th dd{ clear:both; padding:2em 0 0 0;}
/*内容*/
dl.d_text{ clear:both; width:1000px; margin:35px auto;}
dl.d_text dt{ overflow:hidden; zoom:1; clear:both; margin:35px 0; font-size:13px; line-height:1.8em;}
dl.d_text dt h3{ clear:both; line-height:2em; height:2em; font-weight:normal; font-size:18px; padding-left:1.5em; background:url(../images/th_arrow.gif) no-repeat left center; margin-bottom:0.3em;}
dl.d_text dt ul{ clear:both;}
dl.d_text dt li{ float:left; width:49.9%;}
/*其他*/
dl.d_o{ clear:both; width:1000px; margin:0 auto; padding:1em 0 5em 0; border-top:1px dotted #d7d7d7; font-size:13px; line-height:2em;}
dl.d_o dt{ float:left;}
dl.d_o dd{ float:right;}
dl.d_o dd a{ display:inline-block; color:#fff; background:#02B687 url(../images/reture.png) no-repeat 18% center; padding:3px 1.5em 3px 3.8em;}
dl.d_o dd a:hover{background:#ff0000 url(../images/reture.png) no-repeat 18% center;}
/*下载中心*/
ul.i_down{ clear:both; width:1020px; margin:35px auto;}
ul.i_down li{ float:left; width:24.99%; height:200px; overflow:hidden; margin:20px 0;}
ul.i_down dl{ clear:both; height:100%; width:240px; margin:0 auto; background:#f6f6f6;}
ul.i_down dt{ clear:both; height:160px; overflow:hidden;}
ul.i_down dd{ font-size:14px;clear:both; padding:5px 1em; line-height:30px;}
a.pdf{ display:block; float:left; width:30px; height:30px; line-height:30px; overflow:hidden; background:#02B687;}
a.pdf em{ display:block; width:100%; height:100%; background:url(../images/pdf.png) no-repeat center center;}
/*-------------star新闻*/
div.i_tab_box{ clear:both; width:1000px; margin:0 auto; padding:30px 0 0 0;}
ul.i_news{ clear:both;}
ul.i_news li{ clear:both; border-bottom:1px solid #f2f2f2; line-height:2.5em; height:2.5em; overflow:hidden; font-size:14px; padding:3px 1em 3px 3.2em; background:url(../images/arrow.gif) no-repeat 15px center;}
/*------------star新闻详情*/
div.abstract_o{ clear:both; padding:1.4em 20px; width:960px; background:#f6f6f6; margin:25px auto; font-size:13px; line-height:1.7em; color:#666;}
/*标题*/
dl.news_th{ border:none; padding-top:0;}
dl.news_th dd span{ line-height:20px; display:inline-block; vertical-align:middle; color:#888; margin:0 3em;}
dl.news_th dd em{ font-style:normal;}
dl.news_th dd span a{ display:inline-block; vertical-align:middle; margin:0 5px; width:20px; height:20px; line-height:20px; font-size:0; overflow:hidden;}
a.share_1{ background:url(../images/share.gif) no-repeat;}
a.share_2{ background:url(../images/share.gif) no-repeat -26px top;}
a.share_3{ background:url(../images/share.gif) no-repeat -52px top;}
a.share_4{ background:url(../images/share.gif) no-repeat -78px top;}
a.share_1:hover{ background-position:left -20px;}
a.share_2:hover{ background-position:-26px -20px;}
a.share_3:hover{ background-position:-52px -20px;}
a.share_4:hover{ background-position:-78px -20px;}
/*正文*/
div.d_wen{ clear:both; width:1000px; margin:35px auto 100px auto; font-size:14px; line-height:2em;}
div.d_wen p{ text-indent:2em;}
div.d_wen p.c_pic{ text-align:center; margin:20px 0; text-indent:0;}
/*---------star联系我们*/
div.contact_o{ clear:both; width:1000px; margin:55px auto 180px auto; padding-bottom:1px;}
dl.contact_r{ float:right; width:38%;}
dl.contact_r dt{ clear:both;}
dl.contact_r dt h1{ font-size:16px; font-weight:normal; padding:15px 0; line-height:50px; height:50px;}
dl.contact_r dt h1 img{ vertical-align:middle; margin:0 1em;}
dl.contact_r dt ul{ clear:both; border-top:1px solid #e7e7e7; padding-top:10px; font-size:14px; line-height:2em; color:#888;}
dl.contact_r dt li em{ font-style:normal; color:#333;}
dl.contact_r dt li{ margin:5px 0; float:left; width:49.9%;}
dl.contact_r dt li.last{ float:none; clear:both; width:100%;}
dl.contact_r dd{ clear:both; padding-top:2em; text-align:center;}
dl.contact_r dd a{ display:block; color:#fff; line-height:2em; height:2em; padding:5px 0; background:#02B687; color:#fff; font-size:14px;}
/*地图*/
div.mapbox{ float:left; border:1px solid #ccc; width:580px;}
/*-----------------------------------star文字的样式*/
/*标题文字*/
.th{ font-family:"Microsoft YaHei";}
/*日期*/
.date{font-family:Arial; float:right; color:#999; font-weight:normal;}
/*左右对齐*/
.l{ float:left;}
.r{ float:right;}
/*宋体*/
.china{ font-family:"宋体";}
.eng{ font-family:Arial;}
/*红色*/
.red_link_line a,.red_text{ color:#02B687;}
.red_link_line a{ text-decoration:underline;}
.red_link_line a:hover{ text-decoration:none; background:#02B687; color:#fff;}
/*---------------------------star滤镜的样式*/
/*圆角*/
.round_s{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.round_m_b,.page em a,.page em b{border-radius:2.5em; -moz-border-radius: 2.5em; -webkit-border-radius:2.5em;}
.flex-control-nav a,.round_r{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
/*阴影*/
.shadow_box,.i_book div img{-moz-box-shadow:2px 3px 2px #eee; -webkit-box-shadow:2px 3px 2px #eee; box-shadow:2px 3px 2px #eee;}
/*链接文件*/
.round_s,.flex-control-nav a,.round_r,.shadow_box,.i_book div img{ _position:relative;position:relative\9;behavior: url(../pie.htc);}

/*左右摇摆*/
ul.h_about li :hover em,a.pdf:hover em{animation: landr 0.8s ease-in-out; -webkit-animation: landr 0.8s ease-in-out;}
/*定义动画效果_css3*/
@keyframes landr {
0% {
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
39% {
    transform: rotate(5deg);
    transform-origin: right bottom 0;
}
40% {
    transform: rotate(5deg);
    transform-origin: left bottom 0;
}
75% {
    transform: rotate(-10deg);
    transform-origin: left bottom 0;
}
100% {
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
@-webkit-keyframes landr {
0% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: right bottom 0;
}
39% {
    -webkit-transform: rotate(5deg);
    -webkit-transform-origin: right bottom 0;
}
40% {
    -webkit-transform: rotate(5deg);
    -webkit-transform-origin: left bottom 0;
}
75% {
    -webkit-transform: rotate(-10deg);
    -webkit-transform-origin: left bottom 0;
}
100% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: left bottom 0;
}
}

/*-------------------------------------------------star绿色首页_2015-10-26*/
/*头文件*/
div.f_header,dl.f_header{ font-size:14px; clear:both; color:#6b7185; height:44px; line-height:44px; background:#252833;}
dl.f_header dt{ float:left; padding:7px 0 0 0; line-height:30px; height:37px;}
dl.f_header dd{ float:right; padding:7px 0 0 0; line-height:30px;}
dl.f_header{ width:1000px; margin:0 auto;}
dl.f_header em{ font-style:normal; padding-left:2em;}
span.f_tel{ background:url(../images/home/tel.png) no-repeat left center; padding-left:2em; display:inline-block;}
dl.f_header dt a{ display:inline-block; width:30px; height:30px; line-height:30px; overflow:hidden; margin-right:.5em; }
a.f_qq_a{ background:#323542 url(../images/home/qq.png) no-repeat center center;}
a.f_qq_b{ background:url(../images/home/qq.png) no-repeat center left;}
a.f_ww_a{ background:#323542 url(../images/home/ww.png) no-repeat center center;}
/*头文件中*/
div.f_header_c,div.f_header_w{ height:90px; clear:both; color:#fff; background:#02b687;}
div.f_header_w{ width:1000px; margin:0 auto;}
/*标志*/
div.f_logo{ float:left; padding:15px 0 0 0;}
/*导航*/
div.f_nav{ float:right; line-height:90px; font-size:16px;}
ul.f_nav{ float:right;}
ul.f_nav li{ float:left;}
ul.f_nav li a{ float:left; padding:0 .7em; color:#fff; transition:all .35s ease-in;}
ul.f_nav li a:hover{ background:#009e75; color:#fff; text-decoration:none;}
ul.f_nav li:first-child a{ padding:0 1.8em;}
/*当前页*/
#nav_btn01 #nav_hover1 a,#nav_btn02 #nav_hover02 a,#nav_btn03 #nav_hover03 a,#nav_btn04 #nav_hover04 a,#nav_btn05 #nav_hover05 a,#nav_btn06 #nav_hover06 a,#nav_btn07 #nav_hover07 a,#nav_btn08 #nav_hover08 a,#nav_btn09 #nav_hover09 a{ color:#fff; background:#04c794;}
/*-------------star大图片*/
div.f_banner,dl.f_banner{ clear:both; background:url(../images/home/banner.jpg) no-repeat center top; height:480px; color:#fff;}
div.f_banner a{ color:#fff;}
dl.f_banner{ width:1000px; margin:0 auto; text-align:center;}
dl.f_banner dt{ padding:150px 0 0 0; font-size:40px; line-height:1.1em;}
dl.f_banner dt .china{ color:#02b687; font-size:44px; margin:0 .1em;}
dl.f_banner dd{ clear:both; padding:30px 0 0 0; font-size:22px; line-height:1.2em;}
dl.f_banner dd p{ padding:.8em 0 0 0;}
dl.f_banner dd div{ padding:1.9em 0 0 0;}
a.more_btn{ position:relative; *border:1px solid #fff; border:1px solid #fff\8;  border:1px solid rgba(255,255,255,.7); font-size:14px; line-height:2.6em; height:2.6em; padding:.1em 3.4em .1em 1.8em; background:url(../images/home/add.gif) no-repeat 86% center; display:inline-block;}
a.more_btn span{height:1px; width:0; display:block; *display:none; position:absolute; background:#fff; overflow:hidden;}
a.more_btn,a.more_btn span{transition:all .2s ease; }
a.more_btn:hover{ color:#fff; border:1px solid rgba(255,255,255,1.0); background:url(../images/home/add_h.gif) no-repeat 86% center;}
span.line_t{left:-100%;top:-1px; }
span.line_d{right:-100%;bottom:-1px; }

a.more_btn:hover span.line_t{ width:100%; left:0;}
a.more_btn:hover span.line_d{ width:100%; right:0;}

/*公告*/
dl.f_ann dt{ background:url(../images/home/ann.jpg) no-repeat right center;}

/*-----------------star中间区域*/
/*标题*/
dl.f_th{ clear:both; height:45px; background:url(../images/home/line.gif) repeat-x left 40px; width:1000px; margin:50px auto;}
dl.f_th dt{ font-size:13px; color:#666; float:right; line-height:40px;}
dl.f_th dt a{ color:#666; background:url(../images/home/more.gif) no-repeat right 86%; padding-right:1em;}
dl.f_th dd{ background:url(../images/home/body.gif) repeat; height:45px; font-size:24px; line-height:1.1em; float:left;}
dl.f_th dd span{ float:left; padding:0 .6em 0 .8em; background:url(../images/home/th_y.gif) no-repeat left 43%;}
dl.f_th dd .eng{ font-size:14px; color:#666;}
/*产品分类*/
.w_1000{ clear:both; width:1000px; margin:40px auto;}
ul.f_class{ margin:0 -3.2em; padding:.8em 0 1.2em 0;}
ul.f_class li{ float:left; text-align:center; width:16.66%;_width:16%; font-size:16px;}
ul.f_class li a{ display:block;}
ul.f_class li p{ line-height:1.1em; padding:1.2em;}
ul.f_class li a:hover{ color:#333; text-decoration:none;}
ul.f_class li span{ border:1px solid #d3d3d3; width:80px; height:80px; line-height:80px; overflow:hidden; display:inline-block;}
ul.f_class li:nth-child(1) span{ background:#fff url(../images/home/class/01.png) no-repeat center center;}
ul.f_class li:nth-child(2) span{ background:#fff url(../images/home/class/02.png) no-repeat center center;}
ul.f_class li:nth-child(3) span{ background:#fff url(../images/home/class/03.png) no-repeat center center;}
ul.f_class li:nth-child(4) span{ background:#fff url(../images/home/class/04.png) no-repeat center center;}
ul.f_class li:nth-child(5) span{ background:#fff url(../images/home/class/05.png) no-repeat center center;}
ul.f_class li:nth-child(6) span{ background:#fff url(../images/home/class/06.png) no-repeat center center;}
span.r_1{ background:#fff url(../images/home/class/01.png) no-repeat center center;}
span.r_2{ background:#fff url(../images/home/class/02.png) no-repeat center center;}
span.r_3{ background:#fff url(../images/home/class/03.png) no-repeat center center;}
span.r_4{ background:#fff url(../images/home/class/04.png) no-repeat center center;}
span.r_5{ background:#fff url(../images/home/class/05.png) no-repeat center center;}
span.r_6{ background:#fff url(../images/home/class/06.png) no-repeat center center;}
/*灰色背景*/
div.gray_o,div.gray_w{ background:#f0f0f0; clear:both;}
div.gray_w{ padding:50px 0; width:1000px; margin:0 auto;}
div.gray_o dl.f_th{ margin:0 0; width:100%;}
div.gray_o dl.f_th dd{ background:#f0f0f0;}
/*关于我们*/
dl.f_about{ clear:both; padding:4em 0 0 0;}
dl.f_about dt{ float:left; width:410px; margin-left:-3em;}
dl.f_about dd{ float:right; width:60%; line-height:1.6em;}
dl.f_about dd p{ margin-bottom:1.5em;}
dl.f_about dd div{ clear:both; padding:.4em 0 0 0; text-align:right;}
dl.f_about dd div a{ display:inline-block; color:#02b687; background:none; border:1px solid #02b687; padding:0 1.2em; line-height:2em; height:2em;}
dl.f_about dd div a:hover{ color:#fff; background:#02b687; text-decoration:none;}

/*产品中心*/
ul.f_pro{ margin:-.7em -.8em;}
ul.f_pro li{ float:left; width:24.9%; height:235px; margin:.4em 0;}
ul.f_pro li a{ display:block; width:240px; margin:0 auto;}
ul.f_pro li p{ padding:1em 0 0 0; line-height:1.6em;}
ul.f_pro li div{ overflow:hidden; height:160px;}
ul.f_pro li:hover img{ transform:scale(1.05);}

div.one_o{ padding:3em 0 0 0; clear:both;}
/* 焦点图 */
.focus{width:480px;height:330px; border:none; float:left; position:relative;}
.f426x240{width:480px;height:330px;overflow:hidden;}
.f426x240 img{width:480px;height:330px;}
/*左右按钮*/
.rslides{width:100%;position:relative;list-style:none;padding:0;}
.rslides_nav{height:50px;width:30px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none; background:url(../images/home/btn.png) no-repeat; margin-top:-25px;}
.rslides_nav:active{opacity:1.0;}
.rslides_nav.next{left:auto;background-position:right top;right:0; }
/*隐藏小数字*/
.rslides_tabs{margin:0px auto;clear:both;text-align:center; display:none;}
/*----star新闻列表*/
div.f_news_r{ float:right; width:48%;}
/*标签导航*/
dl.f_tab_nav{ clear:both; height:34px;}
dl.f_tab_nav dd{ float:left; font-size:18px;}
dl.f_tab_nav dd a{ float:left; cursor:pointer; border:1px solid #dfdfdf; background:#fff; margin-right:.8em; line-height:32px; padding:0 .7em; color:#888;}
dl.f_tab_nav dd a.tab_light{ color:#fff; background:#02b687; border:1px solid #02b687;}
/*标签内容*/
div.f_tab_box{ clear:both; padding:.8em 0 0 0;}
ul.f_news{ clear:both;}
ul.f_news li{ border-bottom:1px solid #ddd; line-height:40px; height:40px; overflow:hidden; padding:0 0 0 2.6em; background:url(../images/home/arrow.gif) no-repeat .8em center;}

/*-----star链接*/
div.f_link,dl.f_link{ clear:both; color:#fff; background:#02b687;}
dl.f_link{ line-height:2.2em; width:1000px; margin:0 auto; padding:1.2em 0;}
div.f_link a{ color:#fff;}
div.f_link a:hover{ color:#ff9;}
dl.f_link dt{ float:left;}
dl.f_link dd{ float:right; width:92%;}
/*-star文件底*/
div.f_footer,dl.f_footer{ clear:both; color:#aaabad; text-align:center; background:#252833; font-size:13px;}
div.f_footer a{ color:#aaabad;}
div.f_footer a:hover{ color:#999;}
dl.f_footer{ line-height:2.2em; padding:2em 0; width:1000px; margin:0 auto;}
dl.f_footer dd span{ margin:0 1.2em;}
dl.f_footer dd span a{ margin:0 .3em;}
/*------------------------star旋转360度*/
dl.f_header dt a,ul.f_class li span,dl.f_about dd div a,ul.f_pro li img{transition:all .35s;}
dl.f_header dt a:hover,ul.f_class li a:hover span{ 
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
}