@charset "utf-8";
body,td,th,div,li,p,span,form,ul{margin: 0px;padding: 0px;font-size:13px;color:#333; font-family:Arial, Helvetica, sans-serif; line-height:25px; list-style:none}
body{ background: url(../images/body.gif) repeat-x 0 0}
img{ border:none}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#ff3300;}

.head{ width:1100px; height:120px; background:url(../images/logo.png) no-repeat center 0; margin:0 auto}
.top{ width:1099px; height:47px; margin:0 auto}
.top ul .ssfr{ width:157px; height:47px; display:inline; float:left;}
.nav{ display:block; width:157px; height:47px; line-height:47px; text-align:center; font-size:16px; color:#222; font-weight:bold}
.nav:hover{ display:block; width:157px; height:47px; line-height:47px; text-align:center; font-size:16px; color:#222; font-weight:bold; background: url(../images/nm.jpg) no-repeat center 0; color:#fff}

.navuu { width:157px; height:47px; position: relative; z-index:1500}
.navuu .nav {display:block; width:157px; height:47px; line-height:47px; text-align:center; font-size:16px; color:#222; font-weight:bold}
.navuu:hover .nav { display:block; width:157px; height:47px; line-height:47px; text-align:center; font-size:16px; font-weight:bold; background:url(../images/nm.jpg) no-repeat center 0; color:#fff}
.navuudd1 { float:left; overflow:hidden; display:block; width:157px; height:47px; }
.navuudd2 { float:left; position:relative; display:inline; width:157px; height:47px; }
.popDiv {border-top:none; height:auto; background: url(../images/navbot.png) repeat; margin:0px auto; filter:alpha(opacity=100);width:1060px; padding:20px; }
.ndsx{ width:120px; height: auto; float:left;}
.yy1 { color:#333; text-decoration:none; display:block; height:28px; line-height:28px; overflow:hidden; font-size:14px; text-align:left; width:100px; overflow:hidden; text-indent:10px }
.yy1:hover, #yy1 { color:#fff;text-decoration:none;  text-decoration:none; background:#ff6600}
.cocnc{ width:700px; height:auto; float:left; padding-left:20px}
.nbb{ font-size:15px; font-weight:bold; }
.conna{ width:700px; height:75px; overflow:hidden}
.conna,.conna *{margin: 0px;padding: 0px;font-size:13px;color:#333; font-family:Arial, Helvetica, sans-serif; line-height:25px; list-style:none}
.mored{ width:100px; height:30px; float:right; background:#ff4400; text-align:center; line-height:30px; color:#fff; margin-top:5px}
.mored:hover{ width:100px; height:30px; float:right; background:#ff2200; text-align:center; line-height:30px; color:#fff; margin-top:5px}

.bbot{ width:100%; height:115px; background:url(../images/bggt.gif) no-repeat center 0 #e7e7e8; border-top:1px solid #fff}
.mainnnds{ height:92px; width:100%; background:url(../images/mainline.gif) no-repeat center 105px; padding-top:30px}
.mainnnds .tilee{ font-size: 22px; color:#000; line-height:30px}
.mainnnds .tilee .tt1{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#3498ff; line-height:35px}
.mainnnds .tilee .tt2{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#444; line-height:35px}

.prodff{ background:#ccc; display:inline; float:left; padding:15px; padding-bottom:0; margin:10px 15px; width:300px; height:246px; line-height:40px; text-align:center; overflow:hidden; font-size:15px}
.prodff:hover{ background:#3399fe;line-height:40px; color:#fff; font-size:15px}
.consahds{ width:1080px; margin:0 auto; height:288px}
.cocncssu{ background:#f0f0f0; padding:8px 0 30px 0}
.dscon{ height:140px; width:820px; overflow:hidden; margin-left:10px}
.dscon,.dscon *{ line-height:28px; font-size:14px; text-align:justify}
.moregdv{ display:block; width:123px; height:37px; float:right; background:#0f88ca; text-align:center; color:#fff; line-height:37px; font-size:14px; margin-right:20px}
.moregdv:hover{ display:block; width:123px; height:37px; float:right; background:#036397; text-align:center; color:#fff; line-height:37px; font-size:14px; margin-right:20px}

.morepro{ width:172px; height:45px; line-height:45px; border:3px solid #999; text-align:center; color:#565656; display:block; margin:8px auto 35px; font-size:16px}
.morepro:hover{ width:172px; height:45px; line-height:45px; border:3px solid #0f88ca; text-align:center; color:#fff; display:block; margin:8px auto 35px; font-size:16px; background:#0f88ca}
.clear{ height:0; display:block; line-height:0; overflow:hidden}

.newsconsf{ width:1100px; height:320px; margin:0 auto}

.ssnes{ width:500px; height:140px; margin:5px 0 5px 26px; background:url(../images/newstb.gif) no-repeat 0 10px; padding-left:24px; float:left}
.ssnes .nestiter{ line-height:30px; font-size:20px; display:block; width:480px; height:30px; overflow:hidden}
.ssnes .timessss{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#aaa}
.ssnes .conaafr{ width:480px; height:75px; overflow:hidden; }
.ssnes .conaafr,.ssnes .conaafr *{color:#444; font-size:13px; line-height:25px}

.footer{ background:#0f7ac5; width:100%; height:253px; margin-top:20px}
.bornabs{ height:40px;padding-top:30px; border-bottom:1px solid #57a2d7}
.bornabs,.bornabs a{ color:#fff; font-size:15px; line-height:40px}
.botass{ width:820px; height:128px; overflow:hidden; margin-top:15px}
.botass *{line-height:32px; color:#fff}
.botass,.botass a{ line-height:32px; color:#fff}
.botass a:hover,.bornabs a:hover{ text-decoration:underline}

.titt01{ font-size:25px; font-weight:bold; color:#fff}
.lisyefa a{
	display: block;
    margin: 0px auto;
    width: 232px;
    height: 35px;
    line-height: 35px;
    border-top: #fff 1px solid;
    border-bottom: #ccc 1px solid;
    font-size: 13px;
    color: #333;
    text-align: center;
	}
.lisyefa a:hover{ color:#ff6600}

.ddag{ background:#f1f1f1; border-left:10px solid #ff6600; width:833px; height:40px; color:#333; font-size:19px;line-height:40px; text-indent:15px; font-weight:bold}

.text2,.text2 *{ font-size:16px; line-height:35px;}
.text2 p{ margin-top:10px; margin-bottom:10px}

.cpss2{ display:inlne; width:232px; padding:10px; padding-bottom:0;  height:210px;  margin:12px 6px 10px 6px; overflow:hidden; text-align:center; line-height:35px; background:#ccc; float:left; font-size:13px}
.cpss2:hover{ display:inlne; width:232px; padding:10px; padding-bottom:0; height:210px;  margin:12px 6px 10px 6px; overflow:hidden; text-align:center; line-height:35px; background:#3399fe; float:left; font-size:13px; color:#fff}

.context,.context *{color:#777;; line-height:20px}
.aa2{font-size:16px; font-weight:bold; line-height:30px}


/*list page*/
.page{ width:100%;margin:10px auto; line-height:30px; text-align: center;}
.page a{line-height:30px; color:#444}
.page span{ display:inline-block; padding:0 10px 0 0;}
.page a.num.select{ padding:3px 9px; color:#fff; background:#0f70b3}
.page a.num{
	background: #fff;
    padding: 3px 9px;
    border: 1px solid #cfcfcf; margin: 0 4px;
	}
.page a.num:hover{ padding:3px 9px; color:#fff; background:#0f70b3}


.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow: hidden;}/*清除浮动*/
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}

.textover{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}


/*上一页下一页*/
.news_page{ margin:20px auto;overflow: hidden; background:#f5f5f5}
.news_page dt,.news_page dd{ width:41%;float:left; height:40px; line-height:40px; overflow:hidden;padding:0 10px 0 30px;}
.news_page .pagepre{background:#f5f5f5 url(../images/public/pagepre.png) no-repeat 10px center;} 
.news_page .pagepre a{line-height:40px; color:#444} 
.news_page .pagenext{text-align: right;padding-right: 30px; background:#f5f5f5 url(../images/public/pagenext.png) no-repeat 98% center; } 
.news_page .pagenext a{line-height:40px; color:#444} 
.news_page .pagepre:hover{ background:#d8d8d8 url(../images/public/pagepre.png) no-repeat 10px center;}
.news_page .pagenext:hover{background:#d8d8d8 url(../images/public/pagenext.png) no-repeat 98% center;}



.subframec{}
.subframec ul li{ float:left; margin-right:17px; margin-bottom:17px}
.subframec ul li:nth-child(3n){ margin-right:0;}

/*子页面产品、案例展示*/
.frame2{
	width: 232px; 
    height: auto;
	display:block;
    padding: 10px 10px 0; background:#cccccc; text-align:center}
	
.frame2 .topimg{
    width: 232px;
    height:160px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;	
}
.frame2 .topimg img{ max-width:100%;max-height: 100%;transform: scale(1);transition: all 1s ease-out;}
.frame2 p{ line-height:36px; font-size:13px; color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}

	
.frame2:hover{ background:#3399fe}
.frame2:hover .topimg img{transform: scale(1.2);}
.frame2:hover p{ color:#ffffff}



.frame2c{
	width: 302px; 
    height: auto;
	display:block;
    text-align:center; float:left; margin:0 10px;}
	
.frame2c .topimg{
    width: 300px;
    height:206px; border:1px solid #cfcfcf;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;	
}
.frame2c .topimg img{ max-width:100%;max-height: 100%;transform: scale(1);transition: all 1s ease-out;}
.frame2c p{ line-height:40px; font-size:13px; color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}
.frame2c .more{ background:#ff4400;color:#ffffff; width:100px; height:30px; margin:0 auto; display:block; text-align:center; line-height:30px}
.frame2c:hover .topimg img{transform: scale(1.2);}