@charset "utf-8";
/* Eric Meyer’s CSS RESET */
html, body, div, span, applet, object, iframe, table, caption, 
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend { font-family: "微软雅黑";
    vertical-align: baseline; 
    font-family: inherit; 
    font-weight: inherit; 
    font-style: inherit; 
    font-size: 100%; 
    outline: 0; 
    padding: 0; 
    margin: 0; 
    border: 0;
} 
:focus { 
    outline: 0; 
} 
body {background: white; 
    line-height: 1; 
    color: black; 
} 
ol, ul, li { 
    list-style: none; 
} 
table { 
    border-collapse: separate; 
    border-spacing: 0; 
} 
caption, th, td { 
    font-weight: normal; text-align:center;
     
} 
blockquote:before, blockquote:after, q:before, q:after { 
    content: “”; 
} 
blockquote, q { 
    quotes: “” “”; 
}

html, body{}

/* CSS RESET END */



/*  Base */
.width100b {margin:auto; width:100%; min-width:1200px;}
.width1200 {margin:auto; width:1200px;}

#floor{margin:auto; width:100%; min-width:1200px;  background:url(../../2017/images/bg001.png)  }
.floor{margin:auto; width:1200px; background:#fff; min-height:500px;}
.floor_bg{margin:auto; width:1200px;  min-height:500px;}



body{ font-size:14px; color:#333;font-family:"微软雅黑"}
cite{font-style:normal; font-weight:normal;}
a{color:#000; text-decoration:none;}
a:hover{ color:#FF7E00; text-decoration:none;}
.clear{clear:both;}


/*  首页 */
.home_bg01{ width:1200px; min-height:720px; margin:auto; background:url(2017_homebg_01.jpg) no-repeat; background-color:#fff; position:absolute; top:50%;left:50%; margin:-370px 0 0 -600px;}
.home_bg01 .menu{ width:250px; height:180px; float:left; margin:220px 0 0 180px;}

.home_bg01 .menu li a{ height:57px; line-height:57px; font-size:22px; color:#fff; font-weight:bold;text-shadow:1px 1px 3px #000;}
.home_bg01 .menu li a:hover{color:#ff0;}

.home_bg01 .flash {float:left; margin:157px 0 0 7px;}

.home_bg01 .add01 {float:left; margin:15px 0 0 20px; line-height:20px; font-size:13px; color:#555; width:740px;}
.home_bg01 .add01 li {line-height:22px; font-size:15px;}
.home_bg01 .add01 b{ color:#666;}


.home_bg01 .add02 {float:left; margin:15px 0 0 20px; line-height:20px; font-size:13px; color:#555; width:400px;}
.home_bg01 .add02 li {line-height:22px; font-size:15px;}
.home_bg01 .add02 b{ color:#666;}
.home_bg01 .add02 a:hover{ color:#f00;}
.home_bg01 .home_copyright{background:#d1e2cb; color:#333; text-align:center; height:35px; width:1200px; float:left; line-height:35px; margin-top:15px;}



/*  头部 */
.headerbg{background:url(2017_topbg_01.jpg) repeat-x; background: #d9f0ed;}



/* 头部菜单01 */

.header { width:1200px; height:130px; margin:auto;}
.header .weblogo {float:left;width:430px; height:70px; margin:25px 0px 0px 30px;}
.header .cert {float:left;width:450px; height:20px; margin:55px 10px 0px 15px;}
.header .search {float:right; margin-right:10px; margin-top:20px;}
.header .search .keyword{ float:left; width:200px; height:34px; line-height:34px; font-size:18px; padding-left:40px; font-family:"微软雅黑";color:#ccc; background:#fff url(../../2017/images/top_menu_searchbg01.png) no-repeat 10px center;  border:#ccc 1px solid;}
.header .search .ok{ float:left;font-family:"微软雅黑";color:#fff;width:80px; height:38px; line-height:36px; font-size:18px;  background:#34897e; border:#34897e 1px solid;}



/* 主菜单 */
#snav{background:#b7d9d7; width:100%; margin:0 auto; height:60px;}

.smenunav{ height:60px; line-height:34px; background:#b7d9d7;  position:relative; z-index:999; font-size:20px; line-height:50px; width:1200px; margin:auto; margin-top:3px; }

.smenunav a{ color:#fff; transition: background-color 0.5s; -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari and Chrome */ -o-transition: background-color 0.5s; /* Opera */}

.smenunav .nLi{ float:left;  position:relative; display:inline;  }
.smenunav .nLi h3{ float:left;  }
.smenunav .nLi h3 a{ display:block; padding:0px 0px; font-size:20px; font-weight:normal; min-width:100px; text-align:center; background:#c7e8e5; padding: 0 35px; border-radius: 50px; height:38px; line-height: 38px;  margin: 12px 25px 0 0; color:#337972; font-weight: 600; }

.smenunav .nLi h3 a:hover{ background:#fe9900; color:#fff;   }

.smenunav .nLi h3 a.on{ background:#fe9900; color:#fff;  }


/* 主菜单下拉二三级 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#nav{background:#4ba798; width:100%; margin:0 auto; height:58px;}
.menunav{ height:58px; line-height:34px; background:#4ba798;  position:relative; z-index:999; font-size:20px; line-height:58px; width:1200px; margin:auto; margin-top:3px; }
.menunav a{ color:#fff; transition: background-color 0.3s; -moz-transition: background-color 0.3s; /* Firefox 4 */ -webkit-transition: background-color 0.3s; /* Safari and Chrome */ -o-transition: background-color 0.3s; /* Opera */}
.menunav .nLi{ float:left;  position:relative; display:inline;  }
.menunav .nLi h3{ float:left;  }
.menunav .nLi h3 a{ display:block; padding:0 10px; font-size:20px; font-weight:normal; min-width:280px; text-align:center;}
.menunav .sub{ display:none; width:300px; left:0; top:58px;  position:absolute; background:#1f7166;  line-height:30px; padding:10px 0; font-size:18px; }
.menunav .sub li{ zoom:1; }
.menunav .sub a{ display:block; padding:5px 5px; text-indent:1.5em;
transition: background-color 0.5s; -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari and Chrome */ -o-transition: background-color 0.5s; /* Opera */ }
.menunav .sub a:hover{ background:#094b42; color:#fff;  }
.menunav .on h3 a{ background:#009079; color:#ff0;   }
.menunav .wei01{ margin-top:13px; margin-left:5px; float:left; height:20px;}
.menunav .wei01 a span {display:none; position:absolute; border:#999 solid 1px; width:120px; height:120px; margin-top:-10px; margin-left:-10px;}
.menunav .wei01 a:hover span {display:block;}
.menunav .wei02{ margin-top:13px; margin-left:5px; float:left; height:20px;}


/* 全屏BANNER=========================================== */

.fullSlide{ width:100%;  position:relative;  height:559px; background:#000;  min-width: 1200px; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:559px;  text-align:center;  }
.fullSlide .bd li a{ display:block; height:559px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:5px; margin:1px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px;}
.fullSlide .hd ul .on{ background:#f00;  }

.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }


/* 首页新闻=========================================== */

.news_demo01 { float: left;   width: 100%; height: 75px;  line-height: 75px;  font-size: 18px; border: 1px #badbd8 solid; margin: 15px 0 0 0;}
.news_demo01 span { float: left; margin: 10px 10px 0 20px;  }
.news_demo01 b { float: left; font-size: 25px;  color:#40817a; padding: 0px 15px 0 3px; }
.news_demo01 cite { float: left;   }
.news_demo01 .news01 { float: left; margin-left: 30px;  }
.news_demo01 .news01 a { color:#fe8c1e; font-weight: 600; }
.news_demo01 .news01 a:hover { color:#fe4e1f;  }



/* 首页关于=========================================== */

.aboutus01 { float: left;   width: 100%;  line-height: 75px;  font-size: 18px;  margin: 10px 0 0 0;}
.aboutus01 span { float: left; margin: 10px 10px 0 10px;  }
.aboutus01 b { float: left; font-size: 25px;  color:#40817a; padding: 0px 15px 0px 20px; }
.aboutus01 cite { float: left;   }
.aboutus01 .news01 { float: left; line-height: 30px;  font-size: 18px; width: 100% }

.aboutus01 .news01 b { float: left; font-size: 18px;  color:#fe8c1e; padding: 0px 15px; }
.aboutus01 .news01 p { float: left;  font-size: 16px;  color:#40817a; padding: 0px 15px; }

.aboutus01 .news01 a {float: left; color:#777;  }
.aboutus01 .news01 a:hover { color:#fe4e1f;  }


/* 首页认证=========================================== */

.att_logo01 { float: left;   width: 100%;  height:130px;   font-size: 18px; border: 1px #badbd8 solid; margin: 20px 0 0 0;}


/* 首页产品=========================================== */
.products01 {float: left;  width: 100% ;  margin-top: 25px;  }
.products01 .titel {float: left;  width: 100% ; height: 66px; line-height: 66px; text-align: center; font-size: 25px;  color:#40817a;background: url("dot02.png") center center no-repeat; font-weight: 600; }

.products01 .list {float: left; width: 280px; border: 1px #fff solid; margin: 0 60px 0 55px;}
.products01 .list .no {float: left;height: 66px; line-height: 66px; text-align: center; font-size: 70px; color:#fe8300;font-weight: 600;width: 100%; margin-top: 10px; }
.products01 .list .box {float: left; background: #fff; height: 260px; width: 240px;  margin: -20px 0 0 20px;}

.products01 .list .box .pic  {float: left; background: #e4eae8; height: 225px; width: 225px; border-radius: 150px; text-align: center; border: 8px solid #badbd8; margin-top: 10px;}

.products01 .list .box .pic img {float: left; margin: 30px 0 0  30px;; }

.products01 .list .name {float: left;height: 66px; line-height: 30px; text-align: center;color:#fe8300;font-weight: 600;width: 100%;font-size: 20px; margin-top: 10px;}

.products01 a:hover .list {float: left; width: 280px; border: 1px #fff solid;}
.products01 a:hover .list .no {color:#cca575;}
.products01 a:hover .list .box .pic  { background: #ffecdd; border: 8px solid #ebb574;  }
.products01 a:hover .list .name   { color:#cca575; }

.products01  .p_list {  float: left; border: 1px #badbd8 solid;width: 100%; margin: 20px 0px 20px 0px;}
.products01  .p_list ul {  float: left;  padding: 15px 0px; width: 1185px;}
.products01  .p_list dd {  float: left;  width: 310px; margin-left: 85px;}
.products01  .p_list li {  float: left;  width: 100%; height: 30px; line-height: 30px;    font-size: 18px;  }
.products01  .p_list a { color:#40817a;}
.products01  .p_list a:hover { color:#fe8300;}

/* 首页联系=========================================== */
.bg001 { background: #e7ecea; height: 330px;
	
	
}
.contactus {margin: auto;  width: 1200px ;  margin-top: 25px; font-size: 16px;  line-height: 30px; color:#40817a;}

.contactus .titel {float: left;  width: 100% ; height: 66px; line-height: 66px; text-align: center; font-size: 25px;  color:#40817a;background: url("dot02.png") center center no-repeat; font-weight: 600; }

.contactus .add01  {float: left;  width: 650px; margin-left: 80px; }
.contactus .add01 b {color:#fe8300; font-size: 20px;}
.contactus .add02  {float: left;  width: 400px; margin-left: 30px;}
.contactus .add02 b {color:#fe8300; font-size: 20px;}

.contactus a { color:#40817a;}
.contactus a:hover { color:#fe8300; }

/* 底部版权========================================================================== */

#copyright_menu {margin:auto; width:100%;min-width: 1200px; background:#4ba798; border-top:#d5eed5 2px solid; height:45px; }
.copyright_menu {margin:auto; width:1200px; color:#999;height:45px;line-height:45px;color:#fff; text-align:center;font-size:16px;}
.copyright_menu select {float:left;width:210px; height:25px; color:#555; margin-top:10px; font-size:15px; font-family:"微软雅黑"; margin-left:30px; border:#d5eed5 1px solid;}


.f_menu {width:750px; margin:auto; height:30px; line-height:30px; margin-top:10px;}
.f_menu  a{color:#369170; font-size:18px; margin-left:20px; float:left;}
.f_menu  a:hover{color:#333; }


#copyright_floor {margin:auto; width:100%; background:#f8f8f8; font-size:15px;}
.copyright_floor {margin:auto; width:1200px;}
.copyright_floor .pic{float:left; width:80px; margin-left:50px; margin-top:5px;}
.copyright_floor ul{float:left; width:1000px;margin-top:0px;}
.copyright_floor li{float:left; height:20px; line-height:20px; margin-top:12px; margin-left:20px; color:#555;}





/* 框架页面开始=================================================================================================== */

.bgcolor00{background:#eee; }
.bgcolor01{background:#228470; }
.bgcolor02{background:#ff9b17; }
.bgcolor03{background:#f24e54; }
.bgcolor04{background:#7eb876; }


.color01{color:#fe8300; }
.color02{color:#ff9b17; }
.color03{color:#f24e54; }
.color04{color:#7eb876; }

.s_color01 {border:#228470 1px solid;}
.s_color02 {border:#ff9b17 1px solid;}
.s_color03 {border:#f24e54 1px solid;}
.s_color04 {border:#7eb876 1px solid;}

.on01 {background:#228470; color:#fff; }
.on02 {background:#ff9b17; color:#fff; }
.on03 {background:#f24e54; color:#fff; }
.on04 {background:#7eb876; color:#fff; }


/* ==============树型菜单样式01 start============== */
.tree_menu{ width:280px;  float:left; font-family:"微软雅黑"; }
#tree_nav01 {width:100%;  margin:auto; margin-top:15px; margin-bottom:15px;list-style: none; }
#tree_nav01 ul {margin:0px;padding:0px; display:none; vertical-align:text-top;}
/***一级菜单***/
#tree_nav01 li {padding-left:8px; padding-right:10px; }
#tree_nav01 li a {font-size:15px; margin-top:0px; text-indent:0.5em;line-height:28px;display:block;text-decoration:none;outline:0; border-bottom:0px solid #ddd; background:none;color:#656565; }
#tree_nav01 li a:hover { color:#007764; background:#bce3dc}
/***二级菜单***/
#tree_nav01 ul li {margin:0;padding:0; padding-left:45px;}
#tree_nav01 ul li a {font-size:11px;color:#ff5629;line-height:18px; outline:0;background:none; border-bottom: 1px dotted #CCC; font-weight:100;}
#tree_nav01 ul li a:hover {color:#333; border-bottom:1px dotted #CCC;background:#bce3dc; color:#1d8b79}
/***三级菜单***/
#tree_nav01 ul UL li {margin:0;padding:0; padding-left:20px;}
#tree_nav01 ul ul li a {font-size:11px;color:#1d8b79;background:none;}
#tree_nav01 ul ul li a:hover {color:#09583b;background:#bce3dc;}
#tree_nav01 span{float:right;}

.newgif {float:left; width:20px; height:28px; line-height:28px; background:url(new_flash.gif) no-repeat 5px 10px;}
.nogif {float:left; width:20px; height:28px; line-height:28px; }

/* ==============树型菜单样式01 start============== *




/* 路径**条件*/
.path01{ float:left; margin:10px; width:1180px; height:45px; border:#eee 1px solid; font-size:16px; line-height:45px;}
.path01 cite{float:left; width:20px; height:45px; }
.path01 em{float:left; height:45px; text-align:center; }
.path01 strong{float:left; color:#555;}
.path01 a{float:left; padding:0px 8px;}

/* 左侧菜单*/
.left_nav01{ float:left; width:280px;margin-bottom:15px; border:#eee 1px solid; margin-left:10px; margin-top:10px; background:#d5ebe7;}
.left_nav01 .titel{ float:left;font-size:18px; width:280px; height:60px; line-height:60px; text-indent:1em; color:#fff; border-bottom:#eee 1px solid;  background:#4ba798; }
.left_nav01 .titel em{float:right; background:url(../../2017/images/triangle.png) no-repeat; width:13px; height:13px;}


/* 右侧框架*/
.if_frame{float:left; width:880px; margin-left:15px; margin-bottom:0px;}
.cont_frame{float:left; width:880px; margin-left:15px;margin-bottom:15px; margin-top:10px;}
.cont_frame01{float:left; width:1170px; margin-left:15px;margin-bottom:15px; margin-top:10px;}
.article01{ margin:auto; width:840px; margin-bottom:15px;}


/* 内页标题01*/
.frame_titel01{float:left; width:100%; height:60px; line-height:60px; margin-bottom:5px; font-size:22px; border-bottom:#4ba798 1px solid; font-weight:700;}
.frame_titel01 b{float:left;  height:60px; line-height:60px; font-size:24px; padding:0px 10px;color:#40817a; }
.frame_titel01 span{float:right;  height:60px; line-height:60px; font-size:24px; padding:0px 25px; font-size:18px; margin-top:10px; }

.frame_titel01 cite{float:left; margin:0px 0 0 10px; }

/* 内页标题02*/
.frame_titel02{ width:850PX; height:40px; line-height:40px; margin-bottom:20px; font-size:22px; border-bottom:#ccc 1px solid; font-weight:700; margin-left:15px; }
.frame_titel02 b{float:left;  height:40px; line-height:40px; font-size:18px; padding:0px 10px; color:#ff5400; }
.frame_titel02 span{float:right;  height:40px; line-height:40px; font-size:24px; padding:0px 25px; font-size:18px; margin-top:10px; }



/* 内页列表样式-子栏目样式01*/
.frame_stit_01{float:left; width:100%; height:40px; line-height:40px; margin-bottom:15px; font-size:16px;  font-weight:700; background:#eee;}
.frame_stit_01 b{float:left;  height:40px; line-height:40px; font-size:19px; padding:0px 25px;}
.frame_stit_01 span{float:right;  height:40px; line-height:40px; font-size:19px; padding:0px 25px; font-size:16px;}


/*保护视力色*/
.vision_color{ margin:auto;width:350px; height:40px; line-height:20px; font-size:12px; margin-top:10px; }
.vision_color b{float:left; font-size:12px; margin:0px 10px 0px 0px;  color:#777;}
.vision_color a{float:left; }
.vision_color .font {margin-right:8px;}

.vision_color .colors {width: 10px; height:10px; float:left; border:#fff 1px solid; margin:0px 2px; margin-top:4px;}
.vision_color .colors:hover {border:#999 1px solid;}

.vision_color .colors01 {background:#f1f2c6;}
.vision_color .colors02 {background:#efe1c4;}
.vision_color .colors03 {background:#f0dcd3;}
.vision_color .colors04 {background:#c4e86a;}
.vision_color .colors05 {background:#c5ecf3;}
.vision_color .colors06 {background:#d1c9ee;}
.vision_color .colors07 {background:#e6e7eb;}
.vision_color .colors08 {background:#ededea;}



/* 翻页样式01*/
.nextpage {font-size:14px; font-family:Arial;width:100%; margin-top:10px; margin-bottom:10px;}
.nextpage ul{float:left;}
.nextpage ul li{float:left; display:inline;}
.nextpage a{float:left;padding:6px 6px; min-width:15px; background:#f5f7f8; color:#454545; margin-right:5px; margin-bottom:8px;text-align:center; border:#c3c9cd 1px solid; border-radius:2px;}
.nextpage a:hover{background:#909191; color:#fff; }
.nextpage a.on01 {background:#228470; color:#fff; }
.nextpage a.on02 {background:#5186b9; color:#fff; }
.nextpage a.on03 {background:#e8a043; color:#fff; }
.nextpage a.on04 {background:#7eb876; color:#fff; }
.nextpage .keyword{float:left; width:40px; height:30px; line-height:25px; font-size:14px; font-family:"微软雅黑";color:#333; background:#fff;  border:#c3c9cd 1px solid; text-indent:5px; margin:0px 10px; }
.nextpage .ok{float:left;font-family:"微软雅黑";color:#fff;width:40px; height:33px; line-height:30px; font-size:14px; border:#c3c9cd 1px solid;}


/* 内页列表样式01*/
.frame_list01 {float:left; width:100%; margin-bottom:15px; font-size:16px; line-height:34px;color:#555555; min-height:400px; }
.frame_list01 ul{float:left;}
.frame_list01 ul li {float:left; line-height:36px; height:36px;width:100%;}
.frame_list01 ul li:hover { background:#f5f7f8;}
.frame_list01 ul li a{float:left; display:inline; width:740px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;/* 新闻标题超出字符隐藏 */ }
.frame_list01 ul li a:hover{color:#222; }
.frame_list01 ul li span{float:right; padding:0px 10px; }
.frame_list01 ul li em{float:left; background:url(dot01.jpg) no-repeat 10px 17px; width:20px; height:34px;}
.min_h_200 { min-height:200px; }



/* 图片表格列表页01*/
.tab_piclist01 {font-size:14px; font-family:Arial;width:100%; margin-top:10px; margin-bottom:10px; min-height:645px; border: 1px #d9dcdb solid; padding:20px 0px; line-height:25px;}
td {line-height:20px;height:35px; text-align:center;}
table { margin:auto;}



/* 关于我们背景页*/
.k_bg01{margin:auto; width:100%; height: 1200px; background:url("bg_a01.jpg") top center no-repeat;}
.k_bg02{margin:auto; width:100%; }
.k_bg03{margin:auto; width:100%; height: 784px; background:url("bg_c01.jpg") top center no-repeat;}


/* 新闻背景页*/
.news_001 {  width: 1175px;  margin: auto;font-size: 18px; line-height: 26px;   }
.news_001 .tt { width: 1175px; color: #fe8300; font-size: 28px; line-height: 45px; border-bottom: 1px #ccc solid;  margin: 15px 0px;   padding-bottom: 15px; font-weight: 600;}
.news_001 .demo {  width: 1175px;  margin: 15px 0  15px 0; color: #666; }