@charset "utf-8";
/* CSS Document */

body { font-size: 12px; font-family: "宋体"; color: #000; background: #ebf0f4; }
input, select, textarea { vertical-align: middle; outline:none; border:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #000; }
* { padding: 0px; margin: 0px; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; font-size:0; line-height:0; height:0;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.mag { margin: 0 auto; width:700px; position:relative;}
.container{ width:1000px; margin:auto; position:relative;}



/**index**/
.top{ background:url(../images/topBg.jpg) repeat-x; min-width:1000px; height:87px; width:100%; min-width:1000px; position:relative; z-index:10;}
.top .logo{ width:307px; height:160px; position:absolute; left:-7px; top:0;}

.search{ background:#646464; width:201px; height:25px; position:absolute; right:0; top:7px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
.search .inpt{ background:none; width:135px; height:25px; line-height:25px; color:#b9b9b9; padding-left:24px; float:left;}
.search .btn{ background:#4e4e4e url(../images/srhIco.png) no-repeat center; width:42px; height:25px; float:left; border-top-right-radius:12px; border-bottom-right-radius:12px; -webkit-box-shadow:inset 2px 3px 7px rgba(0,0,0,.35); -moz-box-shadow:inset 2px 3px 7px rgba(0,0,0,.35); box-shadow:inset 2px 3px 7px rgba(0,0,0,.35); cursor:pointer;}


.nav{ padding-top:39px; height:48px; float:right;}
.nav li{ float:left; font:18px/48px "microsoft yahei"; min-width:95px; text-align:center; margin:0 10px;}
.nav li a:hover, .nav li a.current{ background:#8d8d8d; color:#fff; display:block; -webkit-box-shadow: inset 2px 3px 7px rgba(0,0,0,.41); -moz-box-shadow: inset 2px 3px 7px rgba(0,0,0,.41); 	box-shadow: inset 2px 3px 7px rgba(0,0,0,.41);}


.banner{ width:100%; min-width:1000px; min-height:285px; position:relative;}
.banner .bannerTxt{ width:100%; height:29px; line-height:29px; color:#fff; position:absolute; left:0; bottom:0;}
.banner .bannerTxt .bg{ background:#fff; width:100%; height:29px; position:absolute; left:0; bottom:0; filter: alpha(opacity=50); opacity:0.5; -moz-opacity:0.50;}


.PageItems{ background:url(../images/mainBg.jpg) no-repeat top center; min-height:470px; padding-top:97px;}
.PageItems-ul{ width:720px; margin:auto;}
.PageItems li{ background:url(../images/itemBg.png) no-repeat;  float:left; width:218px; height:402px; cursor:pointer; position:relative; margin:0 11px; -webkit-box-shadow: 0 0 22px rgba(255,255,255,.42); -moz-box-shadow: 0 0 22px rgba(255,255,255,.42); box-shadow: 0 0 22px rgba(255,255,255,.42);}
.PageItems li .img{ width:218px; height:334px; }
.PageItems li .img img{ width:100%; height:100%; display:block;}
.PageItems li .bg{ background:#000;  width:218px; height:334px; position:absolute; left:0; top:0; filter: alpha(opacity=60); opacity:0.6; -moz-opacity:0.60; display:none;}
.PageItems li .ico{ background:url(../images/ItemsIco.png) no-repeat; width:16px; height:11px; display:block; position:absolute; left:30px; top:323px; display:none;}
.PageItems li .title{ text-align:center; height:68px;}
.PageItems li .title h3{ font-family:"microsoft yahei"; font-size:24px; padding-top:5px;}
.PageItems li .title span{ color:#646464; font-family:"times New Roman"; font-size:14px; text-transform:uppercase; padding-top:4px; display:inline-block;}
.PageItems li .text{ width:167px; position:absolute; left:25px; top:140px; line-height:30px; color:#fff; z-index:5; display:none;}
.PageItems li .text h4{ font-size:14px; font-weight:bold;}
.PageItems li .text .line{ padding-bottom:5px; border-bottom:1px #fff solid;}
.PageItems li .text .sider{ padding-top:10px;}
.PageItems li .text .sider a{ display:block; color:#fff;}


.footer{ background:url(../images/footerBg.jpg) repeat-x #0d3323; width:100%; min-height:290px; padding-top:16px; color:#90d2aa; line-height:24px;}
.footer-left{ width:135px;}
.footer-left .link{ position:relative; margin-left:-5px;}
.footer-left .link a{ padding:0 5px; color:#90d2aa; display:inline-block;}
.footer-left .sup{ padding:15px 0 8px 0;}
.footer-left .sup a{ color:#90d2aa; }
.footer-right{ text-align:right;}
.footer-right .share{ line-height:30px; padding-bottom:3px;}
.footer-right .share .s-ico{ width:33px; height:43px; display:inline-block; margin-left:7px; vertical-align:middle;}
.footer-right .share .s-weix{ background:url(../images/weix.png) no-repeat;}
.footer-right .share .s-sina{ background:url(../images/sina.png) no-repeat;}
.footer-right .share .s-email{ background:url(../images/email.png) no-repeat;}
.footer-right .copy{ font-family:"microsoft yahei"; padding-top:7px;}


/**case**/ 
.ny-main{ width:1000px; margin:auto; padding:25px 0 60px 0;font-family: 微软雅黑;}
.left-news{ width:643px; position:relative;}
.left-btm{ background:#fff; height:50px; margin-top:-55px; position:relative; box-shadow:4px 3px 4px #e9eef2;}

.case-title{ font:24px/48px "microsoft yahei"; color:#254588; text-align:center;}
.case-text{ font:14px/24px "microsoft yahei"; text-indent:2rem; color:#323232; padding:10px 0 20px 0;}
.case-nav{ background:#1f63aa; height:51px; font:18px/51px "microsoft yahei"; padding-left:89px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.case-nav a{ display:inline-block; color:#fff; padding:0 25px; margin:0 25px;}
.case-nav a.active, .case-nav a:hover{ background:#d9d9d9; color:#252525; -webkit-box-shadow:inset 2px 3px 7px rgba(0,0,0,.35); -moz-box-shadow: inset 2px 3px 7px rgba(0,0,0,.35); box-shadow: inset 2px 3px 7px rgba(0,0,0,.35);}


.case-list{ position:relative; margin-left:-20px;}
.case-list li{ width:320px; height:229px; float:left; position:relative; margin:21px 0 0 20px;overflow:hidden;}
.case-list li .img{ width:100%; height:100%; display:block;}
.case-list li .bg{ background:#000; width:100%; height:34px; position:absolute; left:0; bottom:0; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.50;}
.case-list li .tit{ width:100%; height:34px; font:14px/34px "microsoft yahei"; text-align:center; color:#fff; position:absolute; left:0; bottom:0; z-index:10;}
.case-list li a:hover img{
    transform: scale(1.2);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.2);
    -webkit-transition: all 1s ease 0s;
    -moz-transform: scale(1.2);
    -moz-transition: all 1s ease 0s;
    -o-transform: scale(1.2);
    -o-transition: all 1s ease 0s;
	
}

.page{ padding-top:40px; font-size:0;}
.page a{ background:#8e9eab; font:14px/30px "microsoft yahei"; display:inline-block; margin-right:1px; padding:0 11px; color:#fff;}
.page a.cur{ background:#095ca9;}


.news-tab a{ background:url(../images/newsBg.png) no-repeat; min-width:146px; display:block; float:left; font:18px/42px "microsoft yahei"; text-align:center; color:#fff; margin-right:1px;}
.news-tab a.on{ background:url(../images/newsBg-hover.png) no-repeat;}
.news-cont{ background:#fff; margin-top:19px; padding:0 17px 39px 20px; -webkit-box-shadow: 0 0 5px rgba(91,91,91,.15);	-moz-box-shadow: 0 0 5px rgba(91,91,91,.15); box-shadow: 0 0 5px rgba(91,91,91,.15);}
.news-list li{ overflow:hidden; vertical-align:middle; padding:40px 0 25px 0; border-bottom:1px #8f8f8f dotted;}
.news-list li .date{ width:40px; height:55px; float:left; padding:0 6px; color:#7d7d7d; margin-top:5px; text-align:center; border:1px #7d7d7d solid;}
.news-list li .date .day{ height:27px; font:18px/27px "microsoft yahei"; display:block; border-bottom:1px #7d7d7d solid;}
.news-list li .date .month{ font-size:14px; padding-top:4px; display:block;}
.news-list li .con{ width:550px; float:right; font-family:"microsoft yahei";}
.news-list li .con-tit{ height:24px; line-height:24px; overflow:hidden;}
.news-list li .con-tit h3{ font-size:18px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:490px; float:left;}
.news-list li .con-tit h3 a:hover{ color:#004f98;}
.news-list li .con-tit .more{ color:#0061dd; float:right;}
.news-list li .con-txt{ line-height:24px; color:#6b6b6b; padding-top:3px;}


.Hot-news{ width:320px;  font-family:"microsoft yahei"; padding-top:15px;}
.Hot-news .title{ font-size:24px; color:#000; line-height:42px;}
.Hot-news .list{ background:url(../images/Hot-newsBg.jpg) no-repeat; min-height:193px; padding:20px 0 0 22px;}
.Hot-news .list li{ font-size:14px; line-height:30px; height:30px; overflow:hidden; vertical-align:middle; position:relative; padding-left:10px;}
.Hot-news .list li:before{content:''; background:#ff7519; height:4px; width:4px; display:block; position:absolute; top:13px; left:0; border-right:50%;}
.Hot-news .list li a:hover{ color:#e40000;}


.product-list{ padding-top:50px;}
.product-list li{ background:url(../images/productBg.png) no-repeat; min-height:305px; padding-top:6px; vertical-align:middle; margin-top:-36px;}
.product-list li .TabTitle{ width:230px; height:25px; text-align:center; font-weight:bold; font-size:16px; font-family:"microsoft yahei"; color:#0c59b8; padding:11px 0 0 0;}
.product-list li .TabImage { float:left; width:272px; height:191px; padding:37px 0 0 0; text-align:center; overflow:hidden;}
.product-list li .TabImage img{ max-width:100%; max-height:100%;}
.product-list li .TabCopy{ width:345px; font-family:"microsoft yahei"; float:left; padding:37px 0 0 0; color:#575757;}
.product-list li .TabCopy .tit{ font-size:14px; line-height:20px;}
.product-list li .TabCopy .txt{ line-height:24px; max-height:120px; overflow:hidden;}
.product-list li .TabCopy .view{ background:url(../images/view.png) no-repeat; width:125px; height:29px; font:12px/29px "宋体"; text-align:center; display:block; color:#fff; margin-top:20px;}


.Hot-news .charact{ background:url(../images/Hot-newsBg.jpg) no-repeat; min-height:203px; padding:10px 0 0 24px;}
.Hot-news .charact li{ background:url(../images/proIco.png) no-repeat left center; font-size:14px; line-height:24px; height:24px; padding:6px 0 6px 30px; overflow:hidden; vertical-align:middle; }
.Hot-news .charact li a:hover{ color:#e40000;}



.page{ padding:50px 0 0 0; text-align:right;}
.page a{ height:22px; line-height:22px; display:inline-block; font-size:12px; padding:0 9px; font-family:"宋体"; color:#444;}
.page a.cur{ background:#1a1d81; color:#fff;}
.page a.next{ background:#e5e5e5;}



.ny-case{ position:relative; margin-left: -5px;}
.ny-case li{ float:left; width: 240px; text-align:center; margin: 28px 5px 0 5px;}
.ny-case li .pic{ width: 240px; height:250px; border:1px #d2d2d2 solid;}
.ny-case li .iner{ background:#eeeeee; font-size:13px; height:28px; line-height:28px; overflow:hidden; margin-top:7px; color:#000;}