@charset "utf-8";

/* CSS Document */

.clear{ clear:both;}





/*product start*/

.pl_top{text-align: center;width: 180px;color: #fff;}

.pl_top em,.pl_top b{display: block;text-align: center;}

.pl_top em {font-size: 18px;color: #ddd;font-family: Arial;line-height: 180%}

.pl_top b{font-size: 24px;color: #fff;letter-spacing: 4px;line-height: 60px;position: relative;top: -3px}

.pl_top i{font-size: 15px;text-transform: uppercase;}

.pl_top b span{color: #aaa;letter-spacing: -5px}

/* 友情链接 */

.links-title{ width:100%; height:40px; line-height:40px; font-size:24px; color:#fff;}

.links{ width:100%; height: auto; background: #313131; clear: both; display: none;}

.links ul{ width:1200px; height:auto; margin:0 auto; padding:10px 0px;clear:both;}

.links ul li{float:left; margin:0px; color: #fff;line-height:23px;}

.links ul li a{color:#fff; padding:0px 8px; font-size:14px; line-height:23px; display:inline-block; }

.links ul li a:hover{ color:#fff; text-decoration:none;}



.innerrtitle{ width:100%; height:50px; line-height:50px; background: #f1f2f4;}

/*.innerrtitle p{width:400px;float:right;font-size:19px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:right; padding-right: 10px;}

.innerrtitle p b{ color:#da0707; font-size:26px; font-style: italic;}*/

.navpost{width:100%;display:block;color:#555;font-size: 15px;}

.navpost a{font-size: 15px;color:#555;padding: 0px 3px;}

.navpost a:hover{ color:#F00;text-decoration:none;}

.navover{max-width:300px;white-space:nowrap;vertical-align:top; overflow:hidden; text-overflow:ellipsis; display:inline-block;}



.news-gs{}

.news-gs li{ width:48%; margin-top: 30px; margin-right:1%; margin-left:1%; float:left;}

.news-gs li a h3{ display: block; font-size: 15px; color:#666; float:left;}

.news-gs li a:hover h3{ display: block; color: #08998A;}

.news-gs li p{display: block;  font-size: 13px; color: #636468; line-height: 170%; float:left; margin-top:8px;}

.news-gs li .line-n{ display: block; margin-top:8px; width: 30%; height: 2px; background-color:#08998A; transition: all 0.3s ease-out; float:left;}

.news-gs li:hover .line-n{ width: 90%;}

.news-gs .date-n{ display: block; font-size: 13px; color: #b3b4b8; float:right;}


.xgwz{display: inline-block; width:100%; float:left;}

.xgwz ul{ padding:0px;}

.xgxw{ width:31%;line-height: 25px; height:25px; float:left;margin:5px 1%;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;}

.xgxw a{background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 10px;}

.xgxw a:hover{ color:#08998A;}

.cgbt{border-bottom:2px #08998A solid;font-size: 18px;font-weight: bold; width:100%; float:left; padding-bottom:5px;}



.pro_img2{ width:100%; margin: 0px auto; height:auto; overflow: auto;}

.pro_img2 ul{ padding:0px; margin:0px;list-style:none;}

.pro_img2 ul li{ float:left;width:15.6%; margin:10px 0.5%; overflow:hidden;}

.pro_img2 ul li a{text-decoration:none;} 

.pro_img2 ul li a img{ width:99%; border:1px #ccc solid; border-radius:3px; }

.pro_img2 ul li a span{ width:100%; line-height:35px; text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.pro_img2 ul li:hover img{transform: scale(1.05);}

.pro_img2 ul li:hover span{ background:#08998A; color:#fff;}


.pro_navv { flex: 1;padding: 40px  30px ; color: #fff; background:#08998A; margin-right: 20px;}

.pro_navv b { font-size: 32px;}

.pro_navv p { line-height: 24px; margin: 10px 0;}

.pro_navv ul { margin: 40px 0;}

.pro_navv li a{ line-height: 45px; display: block; border: 1px solid rgba(255,255,255,.5);  margin: 15px 0; color: #fff; font-size: 16px; text-align: center; 

        -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    transition: all 1s ease 0s;}

.pro_navv li a:hover { background: #159d6e; border: 1px solid #159d6e;}



.prone { background: #fff; flex: 4; }

.pro { display: flex; flex-direction: row; flex-wrap: wrap; }

.pro li{

	

	transition: .3s;

    border: 1px solid #dedede;

    width: calc((100% - 70px) / 3);

    margin: 10px;

    padding-bottom: 10px;

 

}

.pro li a { display: block;}



.pro li i{ display: block; overflow: hidden; }

.pro li p{

	font-size: 14px;

	color: #656565;

	line-height: 26px;

	margin-bottom: 15px;





}

.pro li .pro-title{

	font-size: 18px;

	color: #343434;

	line-height: 26px;

    text-align: center;

	padding-bottom: 10px;

	overflow: hidden;

	margin: 10px 0;

	font-weight: bold;



}

.pro li img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }

.pro li:hover img {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2);  }

.pro li em{

    display: block;

    font-size:14px;

    color:#159d6e;

    width: 40%;

    line-height: 40px;

    text-align:center;

    border:1px solid #159d6e;

    border-radius: 20px 0 20px 0;

    margin:10px auto;

    font-style: normal;

    transition: all .3s;



}

.pro li:hover em { background: #159d6e; color: #fff;   }





.pro_r{width: 100%;background: #fff;}

.pro_r ul li{width:23%; margin: 10px 1%; float:left;}

.pro_r ul li .img{width:100%;overflow: hidden;}

.pro_r ul li .img img{width:100%;display: block;transition:.5s ease-in;}

.pro_r ul li:hover img{transform:scale(1.1,1.1);}



.pro_r ul li .zi{height: 45px;line-height: 45px; background:rgba(0,0,0,.6); text-align:center;}

.pro_r ul li .zi p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; color:#fff;}

.pro_r ul li:hover .zi{ background:#08998A; color:#fff;}

/* 内页左边 */

.innerleft{ width:100%; float:left; height:auto; margin:0px 0px 30px 0px; }

.iltcontf{ width:100%; float:left;}

.iltconts{  margin-top:20px; float:left; width:100%;}

.main-titlee b{ color:#fff; padding-left:15px; line-height:25px; font-size:15px;}

/*栏目*/

.inermlist{ width:100%; float:left;text-align:center; }
.inermlistli li{ float:left; width:13.2%; margin:5px 0.5%; display:block; background:#ccc;}

.inermlistli li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;font-size:14px; font-weight:bold;text-align:center; line-height:47px; display:block;}

.inermlist li:hover{color:#08998A;font-weight:bold;text-decoration:none; background:#08998A;}

.inermlist li:hover a{ color:#fff;}

.inermlist li:hover .addsubicon{ color:#fff;}

.inermlist li ul{ padding: 0px; display: none;}

.inermlist li ul li{ width: 100%;margin: 0px;height: 35px;}

.inermlist li ul li a{ width:100%;height: 35px; line-height: 35px; background:none; color: #777; font-size: 15px; display: block; text-indent: 15px; text-align: left;}

.inermlist li ul li a:hover li{ color:#ca352b;background:#f00; text-indent: 16px;}

.inermlist .addsubicon { width:30px; height: 40px; line-height:35px; color: #555; font-size:25px; float:right; text-align: center; display: block; cursor: pointer; font-weight: bold;}

/*热门新闻*/

.innernlist{width:90%; margin:0 auto; padding:20px 0px; margin-right:30px;}

.innernlist li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; overflow:hidden; }

.innernlist li a{display: block;color:#3d3d3d;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.innernlist li a:hover{color:#CE0A0F; text-indent:1px; }

.innernlist li span{float:right;}

.innerltitle{background-color:#08998A; height:auto;padding:25px 0px;}

.innerltitle p{ font-size:25px;color:#fff;text-align:center;line-height:40px !important; padding: 0px !important;}

.innerltitle span{ font-size:25px;color:#fff;text-align:center; display:block; }



/* 内页右边 */

.innerright{width:100%;float:left; height:auto;margin:20px 0px 30px 0px; padding-bottom:20px;background-color:#fff;}

.inrrctainer{width:100%; height:auto; font-size: 14px; line-height:26px;color:#666;}

.inrrctainer table{margin: 0 auto; text-align: center;}

.inrrctainer img{ max-width: 100% !important;}



.xm_list{width: 31.3%; margin: 10px 1%; float:left;}

.xm_list a{ display: block;border: 1px solid #dedede;  padding-bottom: 6px;}

.xm_list span { display: block; overflow: hidden;}  

.xm_con{ text-align: center; margin-top: 10px;}

.xm_con b{ color: #333; padding: 5px 0; font-size: 16px;}

.xm_con p{ color: #666; margin: 5px 0;}

.p_more {

	display: block;

	width:80px;

	margin:0 auto;

	border: 1px solid #dedede;

	background: none;

	padding: 0 20px;

	height:35px;

	line-height: 35px;

	text-align: center;

	border-radius: 5px;

	font-size: 14px;

	color: #159d6e;

	margin:10px auto;

	text-decoration:none;

}

.xm_list a:hover .p_more{background:#159d6e;border-color:#159d6e;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;color:#fff}



.title{ text-align:center;}

.title b{color: #1d1d1d;font-size: 35px;font-weight: bold;}

.title b span{color: #1856C1}

.title i{display: block;color: #b2b2b2;font-family: Arial;font-size: 18px;}



/*内页新闻*/

.innewslist{ width:100%; height:auto;}

.innewslist li{height:auto; margin:0px 0px 20px 0px; background:#f1f1f1;}

.innewslist li a{ display:block;}

.innewslist li .innewleft{ width:110px; float: left; text-align: center; color: #08998A; padding:10px 0px;}

.innewslist li .innewleft p{ font-size:38px; line-height:50px;text-align: center; font-weight:bold;}

.innewslist li .innewleft span{ font-size:16px; padding-top:5px; display:block; line-height:24px;}

.innewslist li .innewright{ width:calc(100% - 140px); float: right; margin-right: 10px; padding-bottom:10px;}

.innewslist .ntitle{ width:100%;height:40px;line-height: 40px; color: #444;font-size:16px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:10px;}

.innewslist .nconc{width:100%;height:auto;line-height:25px;font-size:14px; color:#656565;overflow: hidden;}

.innewslist .more{height:30px; line-height:30px; border-radius:15px; text-align:center; color:#08998A; padding: 0px 15px;text-indent:0px; margin: 10px 0px; border:1px solid #08998A; display: inline-block;}



.innewslist li:hover{ border-radius: 4px; color:#159d6e;}

.innewslist li:hover .more{background: #fff; border: 1px solid #fff; color: #666;}

.innewslist li:hover .nconc{width:100%;height:auto;line-height:25px;font-size:14px; overflow: hidden;}



.innewslist li:hover .ntitle{color:#159d6e;}

.innewslist li:hover .innewleft{color:#159d6e;}



/*内页产品*/

.inprolist{ width:100%; height:auto; list-style:none; text-align: center;}

.inprolist li{ width:280px; float:left;height:auto;margin:0px 8px 20px 8px;}

.inprolist li img{width:100%; height:207px;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in; vertical-align: top;}

.inprolist li .img{ width:276px; height: 207px; overflow: hidden; border: 1px solid #dedede; padding: 1px;}

.inprolist li p{padding: 0px 5px;line-height:35px; height:35px;background: #dedede; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.inprolist li a{color:#333;display: block;}

.inprolist li:hover a{color:#fff !important;text-decoration:none;  }

.inprolist li:hover p{ background: #CE0A0F;}

.inprolist li:hover .img{border: 1px solid #CE0A0F;}

.inprolist li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);}



.incaseslistx{ width:100%; height:auto; list-style:none; text-align: center;}

.incaseslistx li{ width:425px; float:left;height:auto;margin:0px 8px 20px 8px;}

.incaseslistx li img{width:100%; height:318px;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in; vertical-align: top;}

.incaseslistx li .img{ width:425px; height: 318px; overflow: hidden; border: 1px solid #dedede; padding: 1px;}

.incaseslistx li p{padding: 0px 5px;line-height:35px; height:35px;background: #dedede; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.incaseslistx li a{color:#333;display: block;}

.incaseslistx li:hover a{color:#fff !important;text-decoration:none;  }

.incaseslistx li:hover p{ background: #ca352b;}

.incaseslistx li:hover .img{border: 1px solid #ca352b;}

.incaseslistx li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);}



/*视频*/

.invideolist{ width: 100%; height: auto;}

.invideolist li{ width:430px; height: auto; float: left; margin: 10px 7px;}

.invideolist li p{ width: 100%; height:30px; line-height: 30px; text-align: center; }

.videoiframe{width:100%; height:300px;}



/*分页*/

.ipage{height:auto; text-align:center;}

.totalfont{ font-size: 14px; color: #666; display: none;}

.ipage a{ height:35px;line-height:35px;color:#888;font-size: 15px;padding:0px 5px;display: inline-block;margin: 0px 5px; vertical-align: top;}

.ipage a:hover{color:#D10505;border-bottom:2px solid #D10505;text-decoration:none;font-weight:bold;}

.ipage .current{color:#D10505;border-bottom:2px solid #D10505;display:inline-block; height:35px;line-height:35px;padding:0px 5px;margin:0px 5px;font-size:15px;font-weight:bold;}



/*详情页*/

.article_title{ text-align:center; width:100%; font-size:24px; line-height:30px; color:#444; padding: 15px 0px;}

.newsin-c{width:100%; height:30px; line-height: 30px; margin: 15px 0px; color: #666;}

.newsin-c .date{ width: 190px; float: left; text-indent:0px; font-size: 14px;}

.newsin-c .date i{ width:28px;height:30px; display:inline-block; background:url(../images/time.png) no-repeat left center; background-size: 22px 22px; float: left;}

.newsin-c .click{ width: auto; height: 30px; line-height: 30px; text-align: right; float:right;}

.newsin-c .click i{ width: 30px;height:30px; display:inline-block; background:url(../images/eye.png) no-repeat left center; background-size: 25px 25px; float: left;}



/*上页下页*/

.detpnt{height:auto; background:#08998A;overflow: hidden;margin-bottom:20px; padding: 0px 20px;}

.detpnt .detpntline{width:48%;height:35px;line-height:35px;font-size: 15px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;}

.detpnt .detpntline a{color:#fff; font-weight: normal;}

.detpnt .detpntline a:hover{ font-weight:bold;}

.detpntl{ float: left;}

.detpntr{text-align:right;float:right;}



/*更多阅读*/

.innerabouttitle{ width:100%; height:auto; border-bottom:3px solid #dedede;}

.innerabouttitle p{color:#e27a1b;font-size:30px; text-align: center; font-weight:bold;height:35px; line-height:35px;}



.fotdetbox{padding:15px; background: #f1f1f1;}

.morearticle{ border: 1px solid #fff; padding: 10px;}

.morearticle li{ width:48%; height:35px; line-height:35px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px dotted #333; margin: 0px 1%;}

.morearticle li a{ color:#333; padding-left:10px;}

.morearticle li a:hover{ color:#666; padding-left:11px;}

.moreproducts{border: 1px solid #fff; padding: 10px 0px;}

.moreproducts li{ width:123px; height:auto;float:left; margin:0px 10px; text-align:center;}

.moreproducts li a{ color:#333;}

.moreproducts li p{ text-align: center; line-height:30px;}

.moreproducts li a:hover{ color:#666}

.moreproducts li img{ width:100%;height:auto; border:1px solid #ccc;}

.moreproductsov{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}



/*留言*/

.inmessagebox{width: 600px;height: auto; padding: 0px 0px 50px 0px; margin: 0 auto; }

.inmessright{ width: 550px; height:auto; float: right; padding: 30px 0px 50px 0px;}

.inmessright img{ width: 550px;}

.inmessline{ width: 100%; height: auto; margin-bottom: 15px}

.zxlyinp{ width:100%;height:40px;line-height:40px;border-radius:2px;color: #999; background: #f8f8f8; border: 0px;vertical-align:top; text-indent: 10px; font-size: 14px; outline: none;}

.inmesteat{ height:120px;resize: none; outline: none;}

.zxlyyzm{width:140px; outline: none;height:40px;line-height:40px;font-size:14px; color: #999; background: #f8f8f8; border: 0px;vertical-align: top; text-indent: 10px;border-radius:2px;}

.zxlysub{background:#ef0606;width:48%; outline: none; height:40px; line-height:40px;color:#fff; text-align:center; border-radius:2px;border:0px; font-size:16px; float: left;cursor:pointer;}

.zxlysub:hover{background: #ffa200;}

.resetc{background:#999;float:right;}

.resetc:hover{background: #666;}

.indexcode{ vertical-align:top; height: 40px;}



/*图片集*/

.imgnav{ width:720px; margin:00px auto;}

#bodycontent .hov{ display: block;}

#bodycontent p{ display: none;}

.imgnav{  position:relative; margin:0 auto; width:720px;}

#tabsmalimg{ z-index:10; width:720px;line-height: 540px; position:relative; text-align:center;}

#tabsmalimg img{max-width: 720px; max-height:540px; display:none; vertical-align: middle;}

#pofront,#ponext{position:absolute;z-index:10;cursor:pointer;width:30px;height:auto;top:50%; margin-top: -30px;}

#pofront{left:10px}

#ponext{right:10px}

#pofront a,#ponext a{display:block;height:60px;}

#pofront a{background:url(../images/index_tab_l.png) no-repeat; }

#ponext a{background:url(../images/index_tab_r.png) no-repeat;}



#cbtn{background:#EAEBF0; position:relative; height:auto; }

#cbtn ul{position:relative; width:10000px; height:auto;}

#cbtn ul li{ float:left;width:116px; height:86px; cursor:pointer; text-align:center; margin-right:14px; position:relative;}

#cbtn ul li img{ width:116px; height:86px; display:block;}

#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20;font-size:12px; line-height:16px; padding:0 5px;}

#cbtn li.hov{ border: 1px solid #f00; /*background:url(../images/ico/imgHoverBg.gif) no-repeat;*/}

.ctrl div{ clear:both;}

#cSlideUl{width:640px; height:110px;overflow:hidden; position:relative; top:10px; margin:0 auto;}

.picSildeLeft{cursor:pointer; position:absolute; top:42px; left:10px; z-index:9;}

.picSildeRight{cursor:pointer; position:absolute; top:42px; right:10px; z-index:9;}



.ncontainer{ padding: 0px 0;}

.wapup{display:none;}



/*大屏PC*/

@media (min-width: 1200px){

	.ncontainer{width: 1200px; height: auto; margin: 0 auto; padding: 0px;}

	.links{ display: block;}

}