@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0; font-family:Microsoft YaHei !important; text-decoration: none;}
.clear{ clear:both;}

input{ outline:none;}



.top{ width: 100%; height: 116px; background: url(../images/logo.jpg) center no-repeat;}



.menu{ width:1100px; height: 50px; margin: 0 auto;}

.menu ul li{ display: block; width: 157px; height: 50px; float: left; text-align: center; line-height: 50px;}

.menu ul li a{ display: block; font-size: 14px; color:#000;}

.menu ul li:hover{ background: #0fa5c6;}

.menu ul li:hover a{ color: #fff;}

.menu *{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}





.aboutbg{ width:100%; height: 346px; padding: 80px 0; background: url(../images/abg.jpg) center no-repeat;}

.aboutbg .about{ width:1100px; margin: 0 auto;}

.aboutbg .about .left{ width:580px; float: left;}

.aboutbg .about .left .title{ font-size: 18px; color:#0fa5c6; font-weight: bold;}

.aboutbg .about .left .entitle{ font-size: 30px; color:#d2d2d2; font-weight: 100; text-transform: uppercase; line-height: 76px;}

.aboutbg .about .left .text{ font-size: 12px; color:#000; line-height: 30px;}

.aboutbg .about .left .more{ margin:45px 0 0 0; border: 1px solid #0fa5c6; width: 100px; height: 30px; line-height: 30px; text-align:center;}

.aboutbg .about .left .more a{ color: #0fa5c6; font-size: 12px;}



.aboutbg .about .right{ width:466px; float: left; margin: 0 0 0 54px;}





.pro{ width:1100px; margin: 100px auto 75px auto;}

.pro .flinepro{ width:1100px;}

.pro .flinepro .left{ float: left;}

.pro .flinepro .left li{ display: block; float: left; width: 348px; height: 269px; border: 1px solid #e3e3e3; position: relative; margin: 0 25px 25px 0;}

.pro .flinepro .left li .sh{ display: none; position: absolute; margin: 11px; width: 326px; height: 247px; top: 0; left: 0; background: rgba(15,165,198,0.8);}

.pro .flinepro .left li .sh span{ display: block; position: absolute; }

.pro .flinepro .left li .sh span.co{ bottom: 83px; left: 26px; color: #fff; font-size: 12px;}

.pro .flinepro .left li .sh span.title{ bottom: 52px; left: 26px; color: #fff; font-size: 14px; font-weight: bold;}

.pro .flinepro .left li .sh span.jt{ bottom: 24px; left: 26px;}





.pro .flinepro .profl{ float: right; width: 330px; height: 210px; padding:30px 10px;}

.pro .flinepro .profl .title{ font-size: 18px; color:#0fa5c6; font-weight: bold;}

.pro .flinepro .profl .entitle{ font-size: 30px; color:#d2d2d2; font-weight: 100; text-transform: uppercase; line-height: 60px;}

.pro .flinepro .profl ul li{ display: block; float: left; width: 165px; line-height: 34px;}

.pro .flinepro .profl ul li a{ color:#000; font-size: 14px; float: left;margin: 0 0 0 10px;}

.pro .flinepro .profl ul li:hover a{ color: #0fa5c6;}

.pro .flinepro .profl ul li span{ display: block; width: 15px; height: 2px; background: #dbdbdb; float: left; margin: 16px 0 0 0;}

.pro .flinepro .profl ul li:hover span{ background: #0fa5c6;}

.pro .flinepro .profl .more{ margin:20px 0 0 0; border: 1px solid #0fa5c6; width: 100px; height: 30px; line-height: 30px; text-align:center;}

.pro .flinepro .profl .more a{ color: #0fa5c6; font-size: 12px;}

















.pro .proul li{ display: block; float: left; width: 348px; height: 269px; border: 1px solid #e3e3e3; position: relative; margin: 0 25px 25px 0;}

.pro .proul li .sh{ display: none; position: absolute; margin: 11px; width: 326px; height: 247px; top: 0; left: 0; background: rgba(15,165,198,0.8);}

.pro .proul li .sh span{ display: block; position: absolute; }

.pro .proul li .sh span.co{ bottom: 83px; left: 26px; color: #fff; font-size: 12px;}

.pro .proul li .sh span.title{ bottom: 52px; left: 26px; color: #fff; font-size: 14px; font-weight: bold;}

.pro .proul li .sh span.jt{ bottom: 24px; left: 26px;}

.pro .proul li:nth-child(3),

.pro .proul li:last-child{ margin: 0 0 25px 0;}







.xbanner{ width:100%; height: 265px; background:url(../images/xbanner.jpg) center no-repeat;}











.news{ width:1100px; margin: 0 auto; padding: 90px 0;}

.news .title{ font-size: 18px; color:#0fa5c6; font-weight: bold; width: 100%;}

.news .entitle{ font-size: 30px; color:#d2d2d2; font-weight: 100; text-transform: uppercase; line-height: 76px; float: left;}

.news .more{ width:100px; height: 30px; line-height: 30px; text-align: center; border:1px solid #0fa5c6; float: right; margin: 20px 0 0 0;}

.news .more a{ color:#0fa5c6; font-size: 12px;}



.news .newsfl ul li{ display: block; float: left; width: 145px; line-height: 34px;}

.news .newsfl ul li a{ color:#000; font-size: 14px; float: left;margin: 0 0 0 10px;}

.news .newsfl ul li:hover a{ color: #0fa5c6;}

.news .newsfl ul li span{ display: block; width: 15px; height: 2px; background: #dbdbdb; float: left; margin: 16px 0 0 0;}

.news .newsfl ul li:hover span{ background: #0fa5c6;}



.news .newsul{ margin:40px 0 0 0;}

.news .newsul ul li{ display: block; line-height: 40px; float: left; margin: 0 25px 0 0;}

.news .newsul ul li:last-child{margin:0}

.news .newsul ul li a{ font-size: 14px; color:#000;}

.news .newsul ul li a .title{ display: block; font-size: 16px; color: #000;}

.news .newsul ul li a .newstime{ line-height:30px; height: 30px; margin: 30px 0 0 0;}

.news .newsul ul li a .newstime span{ display: block; float: left; margin: 0 0 0 10px;}



.news .newsul ul li a .newstime span.line{ display: block; width: 15px; height: 2px; background: #dbdbdb; float: left; margin: 13px 0 0 0;}

.news .newsul ul li:hover a .newstime span.line{ background: #0fa5c6;}

.news .newsul ul li:hover span{ color:#0fa5c6;}







.hotline{ width:100%; height: 200px; padding: 70px 0; background: #f1f1f1; text-align: center;}

.hotline h3{ font-size: 18px;}

.hotline h1{ font-size: 40px; line-height: 93px;}







.footerbg{ width:100%; height: 155px; padding:55px 0; background: url(../images/fbg.jpg); text-align: center;}

.footerbg h4{ font-size:16px; line-height: 30px; font-weight: normal; color: #fff; margin: 10px 0 12px 0;}

.footerbg p,

.footerbg p a{ font-size:14px; line-height: 20px; color: #fff;}

























.nbanner{ width:100%; height: 300px; background: url(../images/banner.jpg) center no-repeat;}





.content{ width:1100px; margin:80px auto;}

.content .left{ width: 235px; margin: 0 20px 0 0; float: left;}

.content .left ul{ border-left: 5px solid #0fa5c6;}

.content .left ul.fl li{ display:block; width: 230px; text-align: center; border-bottom: 1px solid #ddd;}

.content .left ul.fl li a{ display:block; color:#000; font-size: 16px; font-weight: bold;}

.content .left ul.fl li.f{ height: 80px; line-height: 80px; background: #0fa5c6; color:#fff; font-size: 20px;}

.content .left ul.fl li.s{ height: 60px; line-height: 60px; background: #ececec; color:#000;}

.content .left ul.fl li:hover{ background:#0fa5c6;}

.content .left ul.fl li:hover a{ color:#fff;}

.content .left *{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.content .left ul.lx{ margin: 30px 0 0 0;}

.content .left ul.lx li{ display:block; padding: 10px; font-size: 14px;}

.content .left ul.lx li.f{ height: 80px; line-height: 80px; background: #0fa5c6; color:#fff; font-size: 20px; text-align: center; padding: 0;}

.content .left ul.lx li.s{ background: #ececec;}

.content .right{ width: 840px; float: left;}

.content .right .nav{ width: 830px; line-height:35px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; color:#999; font-size: 14px; font-weight: bold; padding: 0 0 0 10px;}

.content .right .nav a{ color:#999;}

.content .right .text{ padding: 10px;}









.banner{height:550px;}

.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}

.banner .ban_nav{display:none;}

.banner .Left,.banner .Right{display:none;}

.bann_ext{position:relative;}

.frontCover{position:absolute;bottom:20px;left:45%;}

.frontCover li{float:left;width:15px;padding:0px;background:#ccc;color:#fff;overflow:hidden;margin-right:7px;cursor:pointer; border-radius:50%;}

.frontCover .img{position:relative;width:15px;height:15px;overflow:hidden;}

.frontCover img{position:absolute;width:0px;height:0px;left:-50px;}

.frontCover .open{background:#e60013;}

/*幻灯片(组件)*/

.slide{position:relative;width:100%;}

.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.ban_c img{width:100%;height:100%;}

.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}

.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}

.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}

.ban_nav .on{background:#f90;color:#fff;}






.newstext img

{ max-width: 100%;}


.newstext

{

	margin-bottom:20px;

	padding:20px;

}

.newstext h2{

	text-align:center;

}

.newstext .info

{

	width:100%;

	height:40px;

	line-height: 40px;

	font-size:12px;

	border-top:1px solid #e1e1e1;

	border-bottom:1px solid #e1e1e1;

	text-align:center;

	margin:10px 0;

}


.newstext .prodetail h2{ text-align:left;}


.classintro{ padding:20px 0; font-size: 14px; line-height: 36px; text-indent: 2em; color: #666;}



.page{float:left;margin:20px 0;text-align:center;width:100%;}

.page a{border:1px solid #0fa5c6;padding:4px 6px;font-size:12px; color:#000;}

.page .thispage{padding:4px 6px;background:#0fa5c6;font-size:12px;color:#fff;}









.propagechange,.newspagechange{ margin:20px 0; word-break: break-all;}





.newspagechange .pagechangel, .newspagechange .pagechanger{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:10px; font-size:12px;}

.newspagechange .pagechangel a,.newspagechange .pagechanger a{ color:#000; font-size:12px;}



.propagechange .pagechangel, .propagechange .pagechanger{ width:49.5%; float:left; margin: 30px 0;}

.propagechange .pagechangeleft{ float:right; margin-right:10px;}

.propagechange .pagechangeright{ float:left; margin-left:10px;}

.propagechange .pagechangeleft, .propagechange .pagechangeright{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:20px; font-size:12px;}

.propagechange .pagechangeleft a, .propagechange .pagechangeright a{ color:#000; font-size:12px;}

















.subbutton

{

	padding:4px 24px;

	border:1px solid #ccc;

	font-size:12px;

	background:#fff;

	vertical-align:center;

}











.detail {

    border: 1px solid #ddd;

    padding: 10px;

    height: 25px;

    line-height: 25px;

    border-top: 2px solid #0fa5c6;

    font-size: 16px;
	margin:20px 0;

}

.detail a{ color:#000;}





/*相关样式*/

#showbox { border:1px solid #eee;}

#showbox span { background:url(../images/whitebg.png) repeat;}

#showsum { left:25px; margin-top:10px;}

#showsum span { border:1px solid #ddd;}

#showsum span.sel { border:1px solid #f60;}



.showpage { width:400px; position:relative;}

.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}

.showpage a#shownext { left:auto; right:0;}

.showpage a:hover { background:#ccc; color:#777;}





.text .newsul li { display:block; width: 100%; height: 154px; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0;}

.text .newsul li a{ color:#000;}

.text .newsul li img{ float:left; width:200px; height: 154px;}

.text .newsul li .right{ float:left; position: relative; height: 144px; width:575px; padding: 5px 10px;}

.text .newsul li .title{ float:left; font-size: 18px;}

.text .newsul li .time{ float:right; font-size: 12px; color: #aaa;}

.text .newsul li .smalltext{ font-size: 12px; color: #aaa; margin:10px 0 0 0;}

.text .newsul li .more{ font-size: 12px; color: #aaa; position: absolute; bottom: 0;left:10px;}





.text .pro{ width:100%; margin: 0;}

.text .pro .proul li{ width:258px; height:197px; margin: 0 19px 19px 0;}

.text .pro .proul li img{ width:100%;}

.text .pro .proul li .sh{ width:234px; height: 178px;}













.proli li{ display:block; float:left; margin: 0 22px 22px 0;}

.proli li img{ width:258px; height:168px;}

.proli li p{ display:block; line-height:34px; color:#fff; background:#0fa5c6; font-size: 14px; padding-left:10px;}

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





.tableborder{ font-size:14px;}