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

body{margin:0 auto; font-size:12px; color:#333333; font-family:"微软雅黑"; background:url(../images/topBg.jpg) top center repeat-x;}

/********************公共**************************/
p,h1,h2,h3,h4,h5,h6,ul,li,form,input,ul,ol{ margin:0; padding:0; font-family:"微软雅黑"; }
ul li {list-style:none;}
a { color:black; color:#333;text-decoration:none; }
a:hover { color:#0068bf; text-decoration:underline;}
.f_l{float:left;}
.f_r{float:right;}
img { border:none; }
.clear{clear:both;}

.left{ float:left;}
.right{ float:right;}
.mT10{ margin-top:10px;}
.mT15{ margin-top:15px;}

.top{ width:1200px; margin:0 auto; padding:0px 0px; min-height:110px;background:url(../images/scBg.jpg) top right no-repeat;}
.top1{ width:1180px; float:right; text-align:right; padding-right:20px;}
.top1 a{ height:30px; line-height:30px;}
.top2{ width:1200px; float:left; height:65px; padding-top:15px;}
.logo{ width:463px; height:40px; float:left;}
.menu{ width:685px; float:right; height:57px; margin-top:8px;}

#nav .mainlevel{float:left;width:97px;height:57px; float:left;display:block;text-align:center; }
#nav .mainlevel a {color:#333;text-decoration:none;height:53px;font-family:"微软雅黑";text-align:center;line-height:53px;display:block;font-size:15px;background:url(../images/menuNav.jpg) 96px 0px no-repeat; padding-right:1px; width:96px;padding-bottom:4px;}
#nav li.mainlevel a:hover{width:96px;height:53px;color: #fff; padding-right:1px;}

#nav li.hover a:hover,#nav li.hover a{color: #fff; background:url(../images/menuABg.jpg) 0px 0px no-repeat;text-decoration:none;}
#nav li.mainlevel:hover {color: #fff; background:url(../images/menuABg.jpg) 0px 0px no-repeat;text-decoration:none;}
.menu ul li#mainlevel_01{ width:96px;height:53px; line-height:53px;padding-right:1px;}

#nav .mainlevel .ulnav {display:none; position:absolute;padding:0;border-bottom:0px;width:96px;margin-left:0px; z-index:2;}
.ulnav ul{ width:96px;float:left;margin:0px 0px;background-color:#2277c8; padding:5px 0px 8px 0px;overflow: hidden;position: absolute;z-index: 2;}

#nav .mainlevel ul li {line-height:28px;height:28px;display:block;border-bottom:solid 1px #2d84c4; margin:0px 0px;width:96px;text-align:center;float:left;}
#nav .mainlevel ul li a{color:#fff; font-family:"微软雅黑";line-height:28px;width:96px;height:28px;text-align:center;background:none;float:left;font-size:12px;}
#nav .mainlevel ul li a:hover{color:#fff;line-height:28px; width:96px;height:28px;background:none;text-decoration:underline; font-size:12px;background:none;}


.banner{ width:100%; height:500px; z-index:-9;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1200px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px;list-style:none;background:#0061ae;width:10px;height:10px; margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#e6212a; cursor:pointer;}
.banner, .banner a {height:500px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}

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

.prolist{ width:1200px; float:left; margin:40px auto;}
.prolist ul{ width:1290px; float:left; margin-left:-90px;}
.prolist ul li{ display:block; float:left; width:231px; margin-left:90px;}

.prolist1 a,.prolist2 a,.prolist3 a,.prolist4 a{ width:231px; display:block; float:left;}
.prolist1 a:hover{ text-decoration:none;color:#454545;}
.prolist1 .prolistImg ,.prolist2 .prolistImg , .prolist3 .prolistImg , .prolist4 .prolistImg{ width:215px; height:190px; display:block; background:url(../images/prolistBg.jpg) no-repeat; padding:8px 8px; position:relative;}
.prolist1 .prolistImg span{ width:215px; height:190px; display:block; float:left; background:#0061ae; position:absolute; z-index:2; font-size:24px; color:#fff; text-align:center; line-height:190px;}
.prolist1 .prolistImg .prolistImg1 { display:none; width:215px; height:190px; position:absolute; z-index:3;}
.prolist1 .prolistImg .prolistImg1  img{ width:215px; height:190px; display:block;}
.prolist1 .prolistImg:hover .prolistImg1{ display:block;}
.prolist1  .prolistTxt , .prolist2 .prolistTxt , .prolist3 .prolistTxt , .prolist4 .prolistTxt{ width:215px; float:left; color:#454545; height:60px; overflow:hidden;line-height:20px; margin:10px 0px;}
.prolist1 .prolistMore , .prolist2 .prolistMore , .prolist3 .prolistMore , .prolist4 .prolistMore{ width:102px;height:30px; display:block; float:left; margin:5px auto; margin-left:56px;border-radius:5px; 
-moz-border-radius:5px;-webkit-border-radius:5px; background:#cdcdcd; color:#0161ae;line-height:30px; text-align:center;}
.prolist1 .prolistMore:hover , .prolist2 .prolistMore:hover , .prolist3 .prolistMore:hover , .prolist4 .prolistMore:hover{ color:#fff; background:#0161ae;}



.prolist2 .prolistImg span{ width:215px; height:190px; display:block; float:left; background:#12acb6; position:absolute; z-index:2; font-size:24px; color:#fff; text-align:center; line-height:190px;}
.prolist2 .prolistImg .prolistImg1 { display:none; width:215px; height:190px; position:absolute; z-index:3;}
.prolist2 .prolistImg .prolistImg1  img{ width:215px; height:190px; display:block;}
.prolist2 .prolistImg:hover .prolistImg1{ display:block;}

.prolist3 .prolistImg span{ width:215px; height:70px; display:block; float:left; background:#6fb20f; position:absolute; z-index:2; font-size:24px; color:#fff; text-align:center; line-height:35px; padding:60px 0px;}
.prolist3 .prolistImg .prolistImg1 { display:none; width:215px; height:190px; position:absolute; z-index:3;}
.prolist3 .prolistImg .prolistImg1  img{ width:215px; height:190px; display:block;}
.prolist3 .prolistImg:hover .prolistImg1{ display:block;}

.prolist4 .prolistImg span{ width:215px; height:70px; display:block; float:left; background:#c9ab05; position:absolute; z-index:2; font-size:24px; color:#fff; text-align:center; line-height:35px; padding:60px 0px;}
.prolist4 .prolistImg .prolistImg1 { display:none; width:215px; height:190px; position:absolute; z-index:3;}
.prolist4 .prolistImg .prolistImg1  img{ width:215px; height:190px; display:block;}
.prolist4 .prolistImg:hover .prolistImg1{ display:block;}


.main1Bg{ background:#f8f8f8; width:100%;padding:30px 0px;}

.gsjj{ width:565px; float:left;}
.title1{ width:565px; float:left; height:30px; margin-bottom:15px;}
.title1 span{ float:left; font-size:18px; color:#2e2e2e; line-height:30px;}
.title1 a{ float:right; width:57px; height:16px; display:block; padding:7px 0px;}
.gsjjCont{ width:565px; float:left;}
.gsjjCont img{ width:225px; height:270px; display:block; float:left;}
.gsjjCont span{ width:320px; display:block; float:right; font-size:13px; color:#565656; line-height:25px; height:270px; overflow:hidden;}

.gcal{ width:583px; float:right;}
.title2{ width:583px;}

.gcalCont{ width:583px; float:left;}
.gcalCont .gcalBox{ width:340px; height:270px; float:left;}
.gcalBox1{ width:340px; height:270px; float:left;}
.gcalBox1 img{ width:340px; height:270px;}
.gcalList{ width:242px; float:right;}
.gcalList ul li{width:202px;height:67px;float:left;margin-top:1px;background:#eaeaea;padding:0px 20px;line-height:67px;font-size:14px;color:#2e2e2e;}
.gcalList ul li.proHover{ color:#fff; background:url(../images/alListBg.jpg) top center repeat-y;}


.footBg{ width:100%; background:url(../images/footBg.jpg) top center repeat-x; margin-top:20px;}
.foot1{ width:1200px; margin:0 auto; height:164px; padding-top:10px;}
.foot1 .footMenuBox{ float:left; width:150px; margin-right:100px;}
.foot1 .footMenuBox label{ color:#fff; width:150px; font-size:14px; font-weight:bold;display:block; float:left; height:40px; line-height:40px;}
.foot1 .footMenuBox  span{ display:block; float:left; width:150px; font-size:12px; line-height:32px;}
.foot1 .footMenuBox  span ul li{ width:150px; height:25px; line-height:25px; float:left;}
.foot1 .footMenuBox  span ul li a{ color:#fff; font-family:"宋体";}


.foot1 .footMenuBox2{ width:264px; margin-right:0px; color:#fff;}

.foot2{ width:1200px; margin:0 auto; color:#fff;height:44px; line-height:44px; font-size:12px;}
.foot2 a{ color:#fff;}


.INbanner{width:100%; height:250px; background:#ccc;}


.page{ width:1200px; margin:0 auto;}
.pageTop{ width:1200px; margin:0 auto; padding:10px 0px;border-bottom: 1px solid #e4e4e4; height:44px;}
.pageTop h1{float: left;font-size: 24px;font-weight: bold;color: #5a5a5a; line-height:44px;}
.pageTop .pagepos{float: right;color: #b8b8b8;margin-top: 15px;}
.pageTop .pagepos a{color: #b8b8b8;}

.pageMenu{border-bottom: 1px solid #e4e4e4;padding: 0px 0 10px; width:1200px; float:left;}
.pageMenu ul li{float: left;margin-right:10px; margin-top: 12px;white-space: nowrap;}

.pageMenu ul li a{ display:block;line-height:30px; padding:0 17px; font-size:14px; color:#5a5a5a;}/**padding:0 20px;**/
.pageMenu ul li.cur a,.pageMenu ul li a:hover{background:url(../images/alListBg.jpg) repeat-y left top #0061ae; color:#fff; text-decoration:none;}

.pageMenu ul li  dl{ display:none;}
.pageMenu ul li:hover dl{ display:block; float:left; margin:0px 0px; padding:0px 0px; position:absolute;}
.pageMenu ul li:hover dl dt{padding:3px;}

.pageCont{ width:1200px; padding:25px 0px; float:left; font-size:14px;}



/*荣誉证书*/

#honor{ width:1200px;}
#honor ul li{ width:300px; display:block; float:left; margin:25px 50px;}
#honor ul li span{ width:300px; height:428px; display:block; float:left; overflow:hidden;}
#honor ul li span img{ width:300px; display:block; height:auto;}
#honor ul li p{ width:300px; display:block; float:left; height:30px; line-height:30px; text-align:center; font-size:14px;}


/*----案例图片列表页面---*/

#products{ width:1200px;}
#products ul{ width:1280px; margin-left:-80px;}
#products ul li{ width:345px; display:block; float:left; margin-left:80px; margin-bottom:40px;}
#products ul li span{ width:345px; height:230px; display:block; float:left;}
#products ul li span img{ width:345px; height:230px;}
#products ul li p{ width:345px; display:block; float:left; height:40px; line-height:40px; text-align:center; background:#eee;}


.pageNav{width:100%;height:30px;line-height:30px;margin:15px 0px;text-align:center; clear:both;}


/*--------案例图文页面-----------*/

#case{ width:1200px;}
#case ul li{ width:600px; float:left; border-bottom:#ccc 1px dashed; padding-bottom:20px; margin-bottom:20px;}
#case ul li .newsImg{ width:200px; height:148px; float:left;}
#case ul li .newsImg img{ width:200px; height:148px; display:block; float:left;}
#case ul li .newsTxt{ width:390px; float:right; }

#case ul li .newsTxt .newsTxtTitle{ width:380px; font-size:16px;color:#0061ae; font-family:"微软雅黑";font-weight:bold;overflow:hidden;float:right; height:30px; line-height:30px;}

#case ul li .newsTxtT{ width:360px; display:block; float:left; color:#636363; line-height:24px; padding-top:10px; height:75px; overflow:hidden;}
#case ul li .xwdtA{ width:380px; display:block; float:right; text-align:left; padding-top:5px;color:#0061ae; font-size:12px; height:25px; line-height:25px;}

.title{width:1180px; height:35px; line-height:35px; text-align:center; font-size:16px; font-weight:bold; margin-bottom:10px; border-bottom:1px #CCC solid; margin:0px auto;}
.cont{width:1150px; padding:15px; padding-top:10px; line-height:180%; text-align:left; font-size:14px;}


.art-box { padding:45px 0 15px 0;  border-bottom: 1px solid #e1dfdf; text-align: center; }
.art-box h2 { font-size: 24px; color: #333; padding-bottom: 20px; font-weight: normal; }
.art-box .info span { padding: 0 10px; }
.art-box .info span em { padding-left: 5px; vertical-align: middle; font-size: 12px; font-style:normal;}

.clearfix{ zoom:1;}
.up-next { margin-bottom: 45px; margin-top:20px;padding: 10px 15px; line-height: 22px; background: #fff; border-radius: 4px; border: 1px solid #e7e7e7; }
.up-next ul { width:85%; float:right;}
.up-next ul li { float: left; width: 48%; padding:3px 0 3px 15px; border-right: 1px solid #e7e7e7; color: #999; font-size: 14px;  }
.up-next ul li a { }

.article-bottom-fx { padding: 35px 0 50px;text-align: center; border-top: 1px solid #e1dfdf;}
.article-bottom-fx p { color: #9dacb9; font-size: 12px; }
.article-bottom-fx .add img{cursor:pointer; }
.article-bottom-fx .zan { padding:15px 20px; border-radius:20px; color: #fff; font-size: 24px; font-weight: normal; background: #0092dd; cursor: pointer; margin-left:-150px;}
.article-bottom-fx .zan span{padding:0 20px;}
.article-bottom-fx .zan em { font-size:16px;}

/*--------新闻----------*/
#in_news{ width:880px; margin:0px auto; padding:20px 0px;}
#in_news ul li.news-item{ width:880px; float:left; position:relative;margin-bottom:20px;}

#in_news ul li.news-item .news-item-l{ width:75px; float:left;width:75px;background-color: #f2f2f2;text-align: center;font-family: Arial}
#in_news ul li.news-item .news-item-l .news-item-num{ width:75px; height:50px; line-height: 50px;border-bottom: 1px solid #fff;color: #666;font-size: 30px; display:block; float:left;}
#in_news ul li.news-item .news-item-l .news-item-date{display:block;color:#999;line-height:22px;font-size:12px;width:75px;float:left;}

#in_news ul li.news-item .news-item-box{ width:790px; float:right;}

#in_news ul li.news-item .news-item-box .news-item-title{ width:790px; float:left; font-size:16px; font-weight:bold; height:30px; line-height:30px; overflow:hidden;}

#in_news ul li.news-item .news-item-box .news-item-text{ width:790px; float:left; height:92px; line-height:23px; overflow:hidden;}


.pageNav{width:100%;height:30px;line-height:30px;margin:15px 0px;text-align:center; clear:both;}

.title{font-size:16px; text-align:center; line-height:30px; height:30px; margin-bottom:10px; font-weight:bold; width:860px;  border:none; border-bottom:1px #CCCCCC dashed;}
.subtxt{width:860px; height:22px;  line-height:22px; text-align:center;}
.contTxt{width:820px; padding:10px 20px; text-align:left; line-height:175%;}
.pernext{width:860px;height:auto; line-height:168%; text-align:left;margin:10px 0px; clear:both;}