@charset "utf-8";
.inNav{ text-align: center; padding-bottom: 10px; margin-bottom: 10px;   font-size: 32px; color: #555; background: url(../images/Line.gif) bottom center no-repeat; float: left; width: 100%}

.company{ line-height: 22px; padding: 15px 0 0;}
.company p{ text-indent: 2em; font-size: 14px; color: #878787;}

.com_list li{ float: left; width: 300px; height: 300px; position: relative; text-align: center;}
.com_list li a{ color: #fff;}
.com_list li img{ position: absolute; float: left; left: 0;}
.com_list li h3{ margin-top: 90px; position: relative; text-align: center; font-size: 32px; line-height: 48px; padding-bottom: 5px; font-weight: 100;}
.inlist1{ background-color: #009c80;}
.inlist3{ background-color: #36a3db;}
.com_list li p{ padding: 0 25px; line-height: 22px; font-size: 14px;position: relative;}
.com_list li a:hover{ text-decoration:none;}

/*产品分类*/
.prolist{ float: left;}
.prolist li{ float:left;height:300px; width:180px; position:relative;cursor:pointer;transition: all 0.5s ease;}
.prolist li.on{width: 300px;background-size: cover!important;}
.prolist li a{display: block;position: relative;height: 100%;padding: 0 12%;}
.prolist li a:hover{ text-decoration: none;}
.prolist li .prolist-li{ width:100%; height:100%; background:rgba(0,0,0,.5);position:absolute; top:0; left:0; z-index:5;}
.prolist li .info{ position:absolute; left:0; bottom:0; width:100%;overflow:hidden; z-index: 7;}
.prolist li .info .p{ display:none; font-size:13px;}
.prolist li.on .info a *{ cursor:pointer;}
.prolist li .info .cn{ position:relative; line-height: 120px;} 
.prolist li .info .cn .cns{ font-size:16px; font-weight:normal; color:#fff; position:relative;}
.prolist li .info .cn .cns:before{ content:''; width:40px; height:3px; background-color:#fff000;position: absolute;bottom: -10px;left: 0;}
.prolist li .info .big{ font-weight:bold;font-size:24px;color: #fff;line-height: 35px;margin-bottom: 5px; display:none;}
.prolist li .info .big .yellow{ color:#fff000;}
.prolist li .info .cn .b{ color:#fff; display:none;position: absolute;left: 50%;margin-left: 63px;top: -12px;}
.prolist li .info .en{ color:#fff;}
.prolist li .info .en .p11{ background:url(../images/p11.png) no-repeat; display:inline-block; width:15px; height:15px; vertical-align:middle;}
.prolist li.on .prolist-li{ display:none;}
.prolist li.on .info .cn .cns{ font-size:20px;}
.prolist li.on .info .cn .b{ display:block;}
.prolist li.on .info a{ padding: 4% 8%;height: 86%;}
.prolist li.on .info{background:rgba(58,188,164,.5);height:80%;text-align:left;}
.prolist li.on .info .p{ display:block; color:#fff;}
.prolist li.on .info .cn .cns:before,.prolist li.on .info .big{ display:block;}
.prolist li.on .info .cn{line-height: 65px;}

/*产品分类*/


.xwList{ float: left; width: 580px; margin-right: 15px;}
.xwList dt{ height: 25px; line-height: 25px; background: url(../images/Icon01.gif) left center no-repeat; font-size: 14px; padding-left: 15px;}
.xwList dd{ color: #666; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 10px; }
.flash{ float: left; width: 590px;}

.spList{ float:left; width:100%;}
.spList li{ float:left; width:285px; margin:15px 6px 0;}
.spList li img{width:285px; height:214px;}
.spList li h2{ font-size:14px; font-family:"微软雅黑"; line-height:25px;}

.inBg{ background-color: #66c4b3; float: left; width: 100%; padding-top: 15px;}
.cp{ overflow: hidden; float: left;width: 100%; position: relative; margin-top:15px;}
.cp_Nav { margin: 0 auto; height:70px; width: 210px; }
.cp_Nav li{ float:left;   text-align:center; margin: 0 10px;   }
.cp_Nav li a{  color:#fff;  font-size:18px;float:left; height:75px; width: 75px;  border-radius: 50%;  line-height:75px; text-align:center; background-color:#66c3b3; border: 5px solid #d1ede8;}
.cp_Nav li a:hover{background-color:#009c80; text-decoration:none;}
.cp_Nav .on a{background-color:#009c80;}
.cp_Nav li:hover a{background-color:#009c80;}

.cpList ul{ height:290px; padding-top: 30px;}
.cpList li{ float:left; width:100%; text-align: center;}

.row{ float: left; width: 100%; padding:30px 0 30px;}
.row li{ width: 300px; float: left; text-align: center;}
.row .ico{ background-image: url(../images/icons2.png); width: 125px; height: 125px;}
.row li h3{ line-height: 27px; margin-bottom: 5px; font-size: 20px;}
.row li p{ line-height: 20px;}
.row a:hover{ text-decoration: none;}

.row .ico1{ background-position: 0 135px;}
.ico2{ background-position: 750px 135px;}
.ico3{ background-position: 450px 135px;}
.ico4{ background-position: 146px 135px;}
.row a:hover .ico1{ background-position: 0 0;}
.row a:hover .ico2{ background-position: 750px 0;}
.row a:hover .ico3{ background-position: 450px 0;}
.row a:hover .ico4{ background-position: 146px 0;}

.cpsm{ margin:0 auto; width: 800px; font-size: 14px; color: #666; text-align: center; line-height: 22px; display: table;  }
.flList{ float: left; width: 100%; padding-bottom: 15px;}
.flList li{ float: left; width: 12.5%; text-align: center; }
.flList li span{ width: 100%; height: 115px; display: block; position: relative; }
.flList li img{ width: 100%; height: auto;transform: scale(0.8);filter:alpha(opacity=60); opacity: 0.6; left: 0; margin-top: 10%;}
.flList li:hover img{transform: scale(1.0);filter:alpha(opacity=100); opacity: 1; margin-top:0;}
.flList li h4{ font-size: 14px; height: 20px; line-height: 20px;}


.ph_pros_ul{overflow:hidden; position:relative; height:444px; float: left; width: 100%;}
.ph_pros_ul .img{ overflow:hidden; display:block;height: 0;padding-bottom: 37%;position: relative;width: 100%; }
.ph_pros_ul .img img{width:100%; height:100%;position: absolute;top: 0;left: 0;*height:auto;text-decoration: none;
    transition: all 0.3s ease 0s;}
.ph_pros_ul .box{width:46%; position:absolute;left:0; top:0; bottom:0; background:url(../images/blue.7.png) repeat;}
.ph_pros_ul .box .box_b{ color:#fff;padding:15% 10%; text-align: center;}
.ph_pros_ul .box .p1{font-size:46px;font-weight: bold;line-height:70px;}
.ph_pros_ul .box .p2{font-weight: bold;font-size:20px;}
.ph_pros_ul .box .p{font-size:14px;margin: 20px 0 0;line-height: 25px;height: 125px;overflow: hidden;}
.ph_pros_ul .box .detail{ border:2px #00CCCC solid;width:160px; height:38px; line-height:38px; text-align: center;display:inline-block; margin-top:30px;}
.ph_pros_ul .box .detail i{margin-left:15px;}
.ph_pros_ul:hover .box .detail{ background-color:#00CCCC; color:#fff;}
.ph_pros_ul:hover .box .detail i{background-position:-40px -80px;}
.ph_pros_ul:hover .hoverImg{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.ph_pros_ul .cover{display:block;position:absolute;top:0; left:0;bottom:0; right:0; z-index: 3;}
 .ico{background: rgba(0, 0, 0, 0) url("../images/ico.png") repeat scroll 0 0;    display: inline-block; height: 20px; margin: 0 0.3em; overflow: hidden; vertical-align: middle;  width: 20px;}
.ico5_4 {    background-position: -60px -80px;}


.ph_box3{padding:50px 0 60px; float: left; width: 100%;}
.ph_box3 li{position:relative; float: left; width: 33.3%;}
.ph_box3 li .rect-80{padding-bottom:80%;}
.ph_box3 li .box{ position:absolute;width: 152px;height: 124px;top: 50%;left: 50%;margin-left: -76px;margin-top: -62px; overflow: hidden;}
.ph_box3 li .box .info{display:block;color:#fff; text-align: center; text-decoration: none;
    transition: all 0.3s ease 0s;}
.ph_box3 li .box .info1{display:block;color:#fff; text-align: center;text-decoration: none;
    transition: all 0.3s ease 0s;}
.ph_box3 .info .tit{font-size:24px; position:relative;padding-bottom: 10px; margin-bottom: 10px;margin-top: 16px;}
.ph_box3 .info .tit:after{content:'';width:35px; height:1px; background-color:#fff;position:absolute;bottom:0; left:50%; margin-left:-17.5px;}
.ph_box3 .info .p{font-size:14px;}
.ph_box3 .info .sum{ display:none;}
.ph_box3 .info1 .tit{font-size:24px; position:relative;padding-bottom: 10px; margin-bottom: 10px;margin-top: 16px;}
.ph_box3 .info1 .tit:after{content:'';width:35px; height:1px; background-color:#fff;position:absolute;bottom:0; left:50%; margin-left:-17.5px;}
.ph_box3 .info1 .p{font-size:14px;}
.ph_box3 .info1 .sum{ display:none;}
.ph_box3 .li01 .box{ background:url(../images/red.8.png) repeat;}
.ph_box3 .li02 .box{ background:url(../images/orange.8.png) repeat;}
.ph_box3 .li03 .box{ background:url(../images/blue.8.png) repeat;}
.ph_box3 li:hover .box{width:100%; height:100%; left:0; top:0; margin-top:0; margin-left:0;right:0;bottom:0;}
.ph_box3 li:hover .box .info{ text-align: left;padding:13% 16%;}
.ph_box3 li:hover .box .info1{ text-align: left;padding:13% 16%;}
.ph_box3 li:hover .info .tit{ margin-bottom:0;}
.ph_box3 li:hover .info .tit:after{display:none;}
.ph_box3 li:hover .info .p{display:none;}
.ph_box3 li:hover .info .sum{ display:block;}
.ph_box3 li:hover .info1 .tit{ margin-bottom:0;}
.ph_box3 li:hover .info1 .tit:after{display:none;}
.ph_box3 li:hover .info1 .p{display:none;}


/********产品中心列表********/
.SNav{ background:url(../images/home.png) #eee 5px center no-repeat; font-size:14px; height:42px; line-height:42px; padding:0 25px; color:#000; margin:10px 0;}

.sflList{ border:1px dashed #ccc; font-size:14px; line-height:25px; border-bottom:none;}
.sflList b{ font-weight:100;}
.fl_Li{ border-bottom:1px dashed #ccc; float:left; width:100%; padding:10px 0;}
.fl_Li span{ float:left; width:118px; margin-top:30px; text-align:center; color:#d70000;}
.fl_Li ul{ float:left; width:1080px;}
.fl_Li ul li{ float:left; width:128px; text-align:center;}
.sflList .li01{ width:60px;margin-top:30px;}
.fl_Li .flImg1 li img{ width:100px; margin:0 14px; height:75px;} 

.fl_Li1 span{ margin-top:0;}
.fl_Li1 .li01{  margin-top:0;}
.cpzxList li{ width:280px; margin:15px 10px 0; float:left; text-align:center; }
.cpzxList li img{ width:280px; height:210px;}
.cpzxList li h3{ text-align:center; height:32px; line-height:32px; font-size:18px; font-weight:100;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 
.npage{  text-align:center; color: #333; background-color:#e7e7e7;   padding:15px 0 0; height:30px; margin:10px 0; float:left; width:100%; }
.npage a{ margin:5px; border:1px solid #009c80; padding:5px 8px;}
.npage a:hover,.np_on{ background-color:#009c80; color:#fff;}

/****************/
.spNav{ background:url(../images/cpNav.png) no-repeat; float:left; width:1155px; height:62px; line-height:52px; color:#fff; font-size:18px; padding-left:65px; letter-spacing:1px;}
/***产品详细里面***/
.rCom{ padding:5px 15px;  border-top:none;}
.flash{   width:480px; float:left; margin:0 25px;   }
.flash img{ width:480px; height:360px;   }

.cpjs{ float:left; width:620px; margin-left:13px;position:relative;}
.cpjs h3{ border-bottom:1px solid #dadada; text-align:center; height:52px; line-height:52px; margin-bottom:15px;  font-size:26px; color:#3d9400;  }
.cpjs ul{ }
.cpjs li{ float:left; width:100%; font-size:16px; height:27px; margin-bottom:10px; line-height:27px;}
.cpjs li span{float:left; width:100px; text-align:right;}
.cpjs li  b{ color:#ec0000;}
.cpjs img{ position:absolute; right:25px; top:70px; width:150px;}

.cpjs h2{ float:left; width:400px; margin-left:20px;}
.cpjs h2 a{ padding-top:72px; float:left; width:85px; margin:0 0 0 15px; background-size:68px; font-size:16px;  }
.cpIcon1{ background:url(../images/picon4.png) no-repeat; }
.cpIcon2{ background:url(../images/picon1.png) no-repeat;  }
.cpIcon3{ background:url(../images/picon2.png) no-repeat;  }
.cpIcon4{ background:url(../images/picon3.png) no-repeat;  } 

.cpjs h2 a:hover.cpIcon1{ background:url(../images/icon4.png) no-repeat;background-size:68px; }
.cpjs h2 a:hover.cpIcon2{ background:url(../images/icon1.png) no-repeat; background-size:68px;}
.cpjs h2 a:hover.cpIcon3{ background:url(../images/icon2.png) no-repeat;background-size:68px; }
.cpjs h2 a:hover.cpIcon4{ background:url(../images/icon3.png) no-repeat; background-size:68px;}


.cpzsImg{ padding:15px 0; float:left; width:100%;}
.cpzsImg img{ width:500px; height:375px;}
.cpzsImg li{ float:left; width:500px;  margin:0 30px 15px 70px; cursor:pointer;}

.cpzsImg1 li{ width:380px;margin:0 10px 15px;}
.cpzsImg1 img{ width:380px; height:285px; }
/*******图片弹出效果********/
.piro_html {position:absolute;  top:0; left:0; padding:0;  margin:0; display:block;  z-index:150001;   }
.resize{border:8px solid #fff; border-radius:5px;}
.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:150000;background:#000;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-59px 0 0 -59px;width:118px;height:118px;display:block;z-index:150005;  cursor:pointer; }
.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-36px;margin-left:-36px;width:72px;height:72px;display:block;z-index:150009; background: url(loadinfo.gif) center top no-repeat; }
.piro_title{position:fixed; background: url(../images/bg_title.png) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background: url(../images/b_w/info.png) no-repeat; z-index:1500440}
.caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: url(../images/caption.png); z-index:150018}
.caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;}

.nav_container{position:absolute; top:50%; right:0; height:65px; width:100%;  z-index:1500190000000;}
.piro_close{position:absolute;right:20px;height:20px;width:20px;background: transparent url(../images/close.png) no-repeat center center;cursor:pointer;margin:0 0 0 0;z-index:150022;display:none;}
a.piro_next{position:absolute;  right:15px;text-indent:-999em;outline:none; display:block; margin:0;background:url(../images/imgs-grid-icons.png) -62px -22px no-repeat; border:none; cursor:pointer;z-index:150023}
a:hover.piro_next{background:url(../images/imgs-grid-icons.png)  -62px -22px no-repeat;}
.piro_next_fake{position:absolute;right:15px; outline:none; text-indent:-999em; display:none; margin:0;background: url(../images/imgs-grid-icons.png) -62px -22px no-repeat; border:none; cursor:auto;z-index:150020}
.piro_prev_fake{position:absolute;left:15px; outline:none; text-indent:-999em; display:none; margin:0;background: url(../images/imgs-grid-icons.png) 0px -22px no-repeat; border:none; cursor:auto;z-index:150020}

a.piro_prev{position:absolute; left:15px;  text-indent:-999em; outline:none;display:block;margin:0;background: url(../images/imgs-grid-icons.png) 0px -22px no-repeat;border:none; cursor:pointer; z-index:150024}
a:hover.piro_prev{background:url(../images/imgs-grid-icons.png) 0 -22px no-repeat;}
a.close_pirobox{color:#bb0f05;}

/*******图片弹出效果end********/
.cp_Com{ float:left; width:100%; padding:10px 0; line-height:170%;}
.cp_Com table{border-bottom:1px solid #ddd; margin:0 10px; font-size:14px; border-left:1px solid #ddd;}
.cp_Com table tr td{border-top:1px solid #ddd; border-right:1px solid #ddd; padding:5px 8px; line-height:22px;}
.tli{ background-color:#f7f7f7; font-weight:700;}
.cp_Com table{margin:0 auto; width:100%}
.cp_Com table .thNav{ text-align:left;}
.cp_Com table tr td{word-wrap: break-word ; word-break: break-all ;}

.line{background-color:#f7f7f7;}


.tjNew{  padding:0 10px;}
.tjNew li{ float:left; width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ccc; }
.tjNew li img{ float:left; width:240px; height:180px; margin-right:20px;}
.tjNew li h3{ height:40px; line-height:40px; font-size:18px;  font-weight:700;}
.tjNew li span{ background:url(../images/Icon07.gif) left center no-repeat; line-height:25px; color:#aaa; padding-left:20px;}
.tjNew li p{ text-indent:2em; line-height:24px; color:#777; font-size:14px;}
 .more{ background-color:#009c80;color:#fff; font-size:14px;   text-align:center; height:28px; line-height:28px; width:100px; margin-top:5px; display:inline-block; }
 

.npage{  text-align:center; color: #333;   padding:10px 0; margin:10px 0; float:left; width:100%; }
.npage a{ margin:0 5px; border:1px solid #009c80; padding:5px 8px;}
.npage a:hover{ background-color:#009c80; color:#fff;}

.xwNav{ margin:0 auto ; width:72%;}
.xwNav a{ float:left; color:#fff; width:150px; height:35px; font-weight:100; font-size:16px; margin:15px 10px; line-height:35px; border-radius:5px; background-color:#009c80; text-align:center;}
.xwNav a:hover,.xwNav .xwOn{ background-color:#ff9710;}
/********新闻详细********/
.Title{ height:45px; line-height:45px; font-size:24px;font-family:"微软雅黑"; font-weight:100; clear:both;}
.name{ height:25px; line-height:25px; font-size:12px; color:#666;}
.New_import{ background-color:#f5f5f5;   padding:14px; line-height:25px;clear:both;}
.New_import p{ text-indent:2em; color:#666;}

.article_con{ line-height:200%; font-size:14px;}
.article_con p{ text-indent:2em; color:#666;}

.news_fenxiangs .bdsharebuttonbox a{background:url(../images/fengxiang.png) no-repeat;cursor:pointer;float:left;font-size:12px;height:22px;line-height:22px; width:22px;display:block;}
.news_fenxiangs .bdsharebuttonbox a.bds_qzone{background-position:-66px 0px}
.news_fenxiangs .bdsharebuttonbox a.bds_weixin{background-position:0 0px; margin-right:15px;}
.news_fenxiangs .bdsharebuttonbox a.bds_tsina{background-position:-44px 0px;margin-right:15px;}
.news_fenxiangs .bdsharebuttonbox a.bds_qq{background-position:-22px 0px; margin-right:15px;}

.news_fenxiangs1 { float:left; width:100%; line-height:36px; margin:5px 0; }
.news_fenxiangs1 .bdsharebuttonbox a{background:url(../images/fengxiang.png) no-repeat;cursor:pointer;float:left;font-size:12px;height:33px;line-height:33px; width:33px;display:block;}
.news_fenxiangs1 .bdsharebuttonbox a.bds_qzone{background-position:-99px -49px;}
.news_fenxiangs1 .bdsharebuttonbox a.bds_weixin{ margin-right:15px; background-position:0 -49px; }
.news_fenxiangs1 .bdsharebuttonbox a.bds_tsina{background-position:-66px -49px;margin-right:15px;}
.news_fenxiangs1 .bdsharebuttonbox a.bds_qq{background-position:-33px -49px; margin-right:15px;}

.list_New{ background-color:#f5f5f5; padding:15px 15px 5px 15px ; clear:both; }
.list_NL{ float:left; width:570px; padding-right:20px; border-right:1px solid #ddd;}
.list_NL li{ float:left; width:100%; margin-bottom:10px;}
.list_NL span{ float:left; width:82px; height:82px; margin-right:15px;  text-align:center; font-size:18px; color:#fff; background-color:#009c80;}
.list_NL .Page_Last b{ background:url(../images/page_jt.png) center top no-repeat; margin-bottom:5px; margin-top:15px;float:left; width:82px; text-align:center; height:19px;}
.list_NL h3{ height:32px; line-height:32px;font-family:"微软雅黑"; font-weight:100; font-size:16px;white-space:nowrap;text-overflow:ellipsis; float:left; overflow:hidden;width:460px;}
.list_NL p{ line-height:20px; color:#666; float:left;width:460px;}
.list_NL .Page_Next b{ background:url(../images/page_jt.png) center bottom no-repeat; margin-top:20px;float:left; width:82px; text-align:center; height:19px;}

.list_NR{ float:left; margin-left:20px; width:460px;}
.list_NR h3{ font-size:16px;font-family:"微软雅黑";height:25px; line-height:25px; color:#2d6c00;}
.list_NR li{ height:25px; line-height:25px;}


.com{ line-height:30px; padding:15px; border:2px solid #ededed;}
.com p{ text-indent:2em; font-size:16px;}

.inBanner{ background: url(../images/news.jpg) top center no-repeat; float: left; width: 100%; height: 345px;}

.cpBg{ background-color: #009c80 ; float: left; width: 100%; padding-bottom: 20px; margin-top: 12px;}

.cpNav{ text-align: center; font-size: 20px; color: #fff; line-height: 24px; position: relative; margin: 20px 0; }
.cpNav span{ background-color: #009c80; padding: 0 10px; text-align: center;z-index: 1; position: relative; text-align: center;display: inline-block;}
.cpNav span em{ display: block; font-style: normal;}
.cpNav b{ height: 1px; background-color: #fff; width: 60%; display: inline-block; position: absolute; bottom: 20px; left:20%;}

.flList li{ float: left; border: 1px solid #f5f5f5; margin-bottom:5px; color: #fff;  margin-left: 10px;  padding: 12px 10px; text-align: center;
    width: 139px; border: 1px solid #fff;}
.flList li a{ color: #fff;font-size: 14px; }
.flList li:hover{ background-color: #ee8f07; border: 1px solid #ee8f07;}

.prod_menu_on {background-color: #ee8f07; border: 1px solid #ee8f07;}