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

.head,
.navOut,
.footOut{ width:100%; }
.header,
.nav,
.content,
.footer,
.content{max-width:1002px; min-width:200px; width:100%; margin:0 auto;}

.tit01,
.tit02{ height:30px; border-bottom:2px solid #e0e0e0;}
.tit01 h2{ line-height:30px; font-size:14px; font-weight:400; width:80px; text-align:center; background:#f5d24b; position:relative; z-index:10; border-radius:3px 3px 0 0;}
.tit02{  line-height:30px; height:30px;}
.tit02 h2{ font-size:14px; overflow:hidden;}
.tit02 h2 span{ float:left; height:30px; font-weight:700; border-bottom:2px solid #1167b2; margin-right:5px;}
.tit02 .more{ float:right; margin-right:10px;}
.bmore,
.bmore a{ color:#1167b2;}
.bmore:before{ content:"【"}
.bmore:after{ content:"】"}
.bmore a:hover{ text-decoration:underline;}
/***头部***/
.head{ position:relative; background:url(../images/headBg.jpg) top left repeat-x; min-height:130px; z-index:100;}
.navOut{ background:#2672b7; min-height:40px; position:relative; z-index:1000;}
.header{ padding-top:31px; position:relative;}
.logo{ float:left;}
.logo a{ display:block; width:540px; height:63px; background:url(../images/logo.png) left center no-repeat; text-indent:-999em;}
.selfLink{ position:absolute; right:0; top:13px; line-height:30px;}
.selfLink a{ margin-left:10px; color:#fff; background:#3888ca; float:left; line-height:22px; padding:0 4px; border-radius:3px; overflow:hidden;}
.selfLink a:hover{  background:#398fd5;}


.search{ width:195px; float:right; padding-top:20px;}
.search label{ width:100%; display:block; position:relative; width:195px; height:28px; position:relative;}
.search input{ border:none;}
.search .txtInpu{ padding-left:0 28px 0 10px; width:167px; background:#3392da; height:28px; line-height:28px; text-indent:10px; color:#fff;}
.search .btn{ position:absolute; top:0; right:0; width:28px; height:28px; background:url(../images/icon.png) 0 0 no-repeat; cursor:pointer;}
.search .btn:hover{ background:url(../images/icon.png) -38px 0 no-repeat;}
/***导航***/
.nav{ position:relative;}
.nav li{ float:left; min-width:80px; width:12%; line-height:14px; padding-top:14px; height:26px;}
.nav li>a{ float:left; width:98%; color:#fff; text-align:center; font-size:14px; border-right:1px solid #1768b1; border-left:1px solid #2077c5;}
.nav .first a{ border-left:none;}
.nav .last a{ border-right:none;}

.subnav{ display:none; position:absolute; width:100%; left:0; top:40px; background:url(../images/alpBg.png) top left repeat; background:rgba(0,0,0,.7); overflow:hidden; color:#fff;}
.subList{ float:left; height:100%; width:19%; padding:6px 0; line-height:30px;}
.subList a{ display:block; width:60%; padding-left:25%; font-size:14px; color:#fff;}
.subnav .right{ padding:25px 0; float:left; width:70%; border-left:1px solid #a3a3a3; padding-left:5%; line-height:22px;}
.subnav .right .img{ float:left; margin-right:15px;}
.subnav .right p{ text-indent:2em;}
.footer{ margin-top:30px; text-align:center; line-height:24px; padding:10px 0; background:#1167b2;}
.footer,
.footer a{ color:#fff;}

.focus{ position:relative; margin-bottom:10px;}
.focus li{float:left; display:inline;}
.focus img{width:100%; height:380px}
/*.focus  h3{padding-left:24px;background:url(../images/scroll_tit.png) 0 15px no-repeat;padding:9px 0px 9px 24px; width:900px}*/
.focus .hd{height:12px; position:absolute; z-index:1000; bottom:30px; left:50%; margin-left:-66px;}
.focus .hd ul{ width:112px; height:28px; line-height:28px; background:url(../images/alpBg.png) top left repeat; background:rgba(0,0,0,.6); border-radius:4px; overflow:hidden; text-align:center;}
.focus .hd li{ float:none; display:inline-block; *display:inline;zoom:1; width:12px; height:12px; margin:8px 3px 0; cursor:pointer; background:#fff; border-radius:100%;}
.focus .hd .on{ background:#2672b7;}

.block1{ overflow:hidden;}
.aboutH{ float:left; width:48%;}
.newsH{ float:right; width:50%;}
.aboutH{}
.aboutH .cen{ padding:10px 0; overflow:hidden; line-height:22px;}
.aboutH .img{ float:left; width:47%; margin-right:10px;}
.aboutH img{ width:100%;}
.newsH .cen{ padding:10px 0;}
.titList{ overflow:hidden;}
.titList dt{ float:left; width:28%; padding:2px; margin-right:10px; background:#fff; border:1px solid #e0e0e0;}
.titList dt img{ max-width:100%;}
.titList dd{ line-height:22px;}
.titList h3{ font-size:14px; line-height:24px;}
.newsList li.cls{ overflow:hidden; border-bottom:1px dashed #c8c8c8; line-height:32px; *line-height:28px; background:url(../images/listIcon.png) 3px 50% no-repeat; padding-left:12px;}
.newsList .news2{ padding-top:5px;}
.newsList .news2 li{ padding-left:14px; background:url(../images/listIcon2.png) 3px 50% no-repeat;}
.newsList .timer{ float:right; color:#777;}
.newsList a{ float:left; width:75%;}
.block2{ overflow:hidden; margin-top:10px;}

.envH{ float:left; width:27%; text-align:center;}
.envH a{}
.envH .img{ display:block; width:100%; height:192px;}
.envH img{ max-width:100%;}
.envH .txt{ display:block; background:#e8e8e8; line-height:36px; font-size:16px;}

.caseH{ float:right; width:100%; margin-top:-3px;}
.caseHList{ margin-left:-3%; padding-top:10px;}
.caseHList ul{ overflow:hidden;}
.caseHList li{ float:left; width:22%; margin-left:3%;}
.caseHList .img{ width:227px; height:150px;}
.caseHList img{ max-width:100%;width:227px;height:150px;}
.caseHList .txt{ display:block; text-align:center; line-height:36px; background:#e8e8e8;}


/***二级页面****/
.content{ overflow:hidden; margin-top:10px;}
.sideBar{ float:left; width:200px;}
.menu{ margin-bottom:12px;}
.menuTit{ padding-left:15px; height:50px; padding-top:10px; background:#1f80cd; color:#fff;}
.menuTit h2{ padding:2px 0 2px 15px; border-left:2px solid #fff; font-size:18px; line-height:18px;}
.menuTit h2 i{ display:block; font-size:14px;}
.menuList li{ margin-bottom:1px;}
.menuList a.acls{ display:block; text-indent:32px; font-size:15px; line-height:50px; color:#666; background:#e8e8e8;}
.menuList a.aclsec{ display:block; text-indent:32px; font-size:15px; line-height:25px; color:#666; background:#e8e8e8;}
.menuList a:hover{ color:#1f80cd;}
.menuList .active>a{ background:#f5d24c;}

.submenu{ display:none;}
.submenu a{ line-height:34px; background:#f3f3f3; border-bottom:1px solid #fff; text-indent:0; text-align:center; font-size:13px;}
.submenu a:hover{ background:#f5d24c; color:#666;}


.contactSide{ background:#e8e8e8;}
.contactSide .tit{ font-size:16px; text-indent:15px; line-height:36px; background:#1f80cd; color:#fff;}
.contactSide>div{ line-height:24px; padding:10px;}
.main{ float:right; width:775px; margin-bottom:30px;}
.mainCen{}
.pageImg{ width:100%; margin-bottom:10px;}
.pageImg img{ width:100%;}
.crumb{ height:40px; border-bottom:2px solid #e8e8e8;}
.crumb p{ float:right; line-height:30px;}
.crumb h2{ font-size:18px;}
.crumb h2 span{float:left; padding-top:8px; height:32px; border-bottom:2px solid #1f80cd;}
.newsList2{}
.newsList2 dl{ padding:12px 0; border-bottom:1px dashed #b3b3b3; overflow:hidden; line-height:22px;}
.newsList2 dt{ float:left; width:150px; height:95px; padding:2px; margin-right:12px; background:#fff; border:1px solid #e0e0e0;}
.newsList2 img{ width:100%; max-height:100%;}
.newsList2 h3{ font-size:14px; line-height:26px; margin-bottom:3px; }
.caseList{ margin-left:-3%; padding-top:14px;}
.caseList ul{ overflow:hidden;}
.caseList li{ float:left; width:22%; margin-left:3%; line-height:26px; margin-bottom:10px;}
.caseList a{ display:block; text-align:center;}
.caseList .img{ height:128px; overflow:hidden;}
.caseList img{ width:100%;}

.zhaopTxt{ padding-top:12px; font-size:14px; line-height:26px;}
.zhaopTab{ width:100%; margin-top:15px;}
.zhaopTab td,
.zhaopTab th{ border:1px solid #e8e8e8; text-align:center; line-height:34px;}
.zhaopTab th{ line-height:36px; background:#e8e8e8;}
.zhaopTab{}
.zhaopTab .light{ background:#e8f4fe;}
.zhaopTab  tbody tr:hover{ background:#fff5cd;}
/***单页面***/
.detail-box{ padding:10px 20px;}
.detail-cen{ padding-top:15px; font-size:14px; line-height:22px;}
.detail-box .detail-cen{ padding:0;}
.detail-cen .t2{ text-indent:2em;}
.detail-cen h4{ margin-top:10px;}
.detail-cen .media{ text-align:center; padding:5px 0;}
.detail-cen .media img{ max-width:100%;}
.detail{ padding-top:10px; padding:10px;}
.txt-tit,
.small-txt-tit{ text-align:center;}
.txt-tit{ padding:5px 0; font-size:16px;}
.small-txt-tit{ color:#666;}
.detail-box .dline{ margin:10px 0 20px; border-top:1px dashed #ddd;}
.detail-cen p{ margin-bottom:10px;}
.t2{ text-indent:2em;}
.tr{ text-align:right;}
.newsList2 h3,
.caseList a,
.newsList a,
.titList h3{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.contact{ margin-left:2%; padding-top:10px; font-size:14px; line-height:26px;}
.map{ width:96%; margin-left:2%; margin-top:10px;}
.map img{ width:100%;}


/****最小宽度为960时***/
@media screen and (min-width:960px){
  	
}


@media screen and (min-width:600px) and (max-width:960px){	
.header,
.nav,
.content,
.footer{max-width:920px; width:90%; margin-left:auto; margin-right:auto;}
.header{ padding-top:31px;}
.logo{ float:left; margin-bottom:5px;}
.logo a{ display:block; width:531px; height:63px; background:url(../images/logo.png) left center no-repeat; text-indent:-999em;}	
.search{ width:195px; padding-top:0; float:left;}	

.focus{ position:relative; margin-top:10px; /*max-width:960px; min-width:600px;*/ width:100%;}
.focus li{float:left; display:inline;}
.focus img{width:100%; height:300px; }

    .aboutH{ float:none; width:100%;}
	.newsH{  float:none; width:100%;}
	
	.envH{ float:left; width:27%; text-align:center;}
	.envH .img{ display:block; width:100%; height:auto;}
	.envH .txt{  line-height:32px; font-size:14px;}
	.caseH{ float:right; width:70%; margin-top:-3px;}
	.caseHList{ margin-left:-3%; padding-top:10px;}
	.caseHList li{ float:left; width:30%; margin-left:3%;}
	.caseHList .img{ width:100%; height:auto;}
	.caseHList .txt{ line-height:32px;}
	
	.sideBar{ float:left; width:20%;}
	.main{ float:right; width:78%;}
	.menuTit{ height:40px; padding-top:5px; }
    .menuTit h2{ padding:2px 0 2px 15px;font-size:16px; line-height:16px;}
    .menuTit h2 i{ display:block; font-size:14px;}
	.menuList li{ margin-bottom:1px;}
	.menuList a{ display:block; text-indent:32px; font-size:15px; line-height:40px; color:#666; background:#e8e8e8;}
	.crumb{ height:36px;}
	.crumb p{ float:right; line-height:26px;}
	.crumb h2{ font-size:16px;}
	.crumb h2 span{float:left; padding-top:6px; height:30px; border-bottom:2px solid #1f80cd;}
	
	.caseList{ margin-left:-3%; }
	.caseList ul{}
	.caseList li{width:22%; margin-left:3%;}
	.caseList .img{ height:auto;}
	.caseList img{ width:100%;}
}
@media screen and (min-width:400px) and (max-width:600px){
.header,
.nav,
.content,
.footer{max-width:560px; width:90%; margin-left:auto; margin-right:auto;}
.head{ background:#1c87d8;}
.logo{ float:left; margin-bottom:5px;}
.logo a{ display:block; width:100%; font-size:24px; color:#fff;height:43px; background:none; text-indent:0;}	
.search{ width:195px; padding-top:0; float:left;}
.focus{ position:relative; margin-top:10px; /*max-width:600px; min-width:400px; */width:100%;}
.focus li{float:left; display:inline;}
.focus img{width:100%; height:200px; }

	.nav li{ float:left; min-width:80px; width:12%; line-height:14px; padding-top:14px; height:26px;}
	.nav li>a{ float:left; width:98%; color:#fff; text-align:center; font-size:14px; border:none;}
	.aboutH{ float:none; width:100%;}
	.newsH{  float:none; width:100%;}
	
	.envH{ float:none; width:80%; margin:0 auto; text-align:center;}
	.envH .img{ display:block; width:100%; height:auto;}
	.envH img{ width:100%;}
	.envH .txt{  line-height:34px; font-size:14px;}
	.caseH{ float:none; width:100%; margin-top:10px;}
	.caseHList{ margin-left:-3%; padding-top:10px;}
	.caseHList li{ float:left; width:30%; margin-left:3%;}
	.caseHList .img{ width:100%; height:auto;}
	.caseHList .txt{ line-height:30px;}
	
	.sideBar{ float:none; width:100%;}
	.main{ float:none; width:100%;}
	.menuTit{ height:40px; padding-top:5px; }
    .menuTit h2{ padding:2px 0 2px 15px;font-size:16px; line-height:16px;}
    .menuTit h2 i{ display:block; font-size:14px;}
	.menuList li{ margin-bottom:1px;}
	.menuList a{ display:block; text-indent:32px; font-size:15px; line-height:40px; color:#666; background:#e8e8e8;}
	.crumb{ height:36px;}
	.crumb p{ float:right; line-height:26px;}
	.crumb h2{ font-size:16px;}
	.crumb h2 span{float:left; padding-top:6px; height:30px; border-bottom:2px solid #1f80cd;}
	
	.caseList{ margin-left:-5%; }
	.caseList li{width:45%; margin-left:5%;}
	.caseList .img{ height:auto;}
	.caseList img{ width:100%;}

}
@media screen and (min-width:200px) and (max-width:400px){
.header,
.nav,
.content,
.footer{max-width:560px; width:90%; margin-left:auto; margin-right:auto;}
.head{ background:#1c87d8;}
.logo{ float:left; margin-bottom:5px;}
.logo a{ display:block; width:100%; font-size:17px; color:#fff;height:43px; background:none; text-indent:0;}	
.search{ width:195px; padding-top:0; float:left;}	
.nav li{ float:left; min-width:80px; width:12%; line-height:14px; padding-top:14px; height:26px;}
.nav li>a{ float:left; width:98%; color:#fff; text-align:center; font-size:14px; border:none;}

    .focus{ position:relative; margin-top:10px; max-width:400px; min-width:200px; width:100%;}
    .focus img{height:140px; }
	.aboutH{ float:none; width:100%;}
	.newsH{  float:none; width:100%;}
    .envH{ float:none; width:80%; margin:0 auto; text-align:center;}
	.envH .img{ display:block; width:100%; height:auto;}
	.envH img{ width:100%;}
	.envH .txt{  line-height:34px; font-size:14px;}
	.caseH{ float:none; width:100%; margin-top:10px;}
	.caseHList{ margin-left:-3%; padding-top:10px;}
	.caseHList li{ float:left; width:30%; margin-left:3%;}
	.caseHList .img{ width:100%; height:auto;}
	.caseHList .txt{ line-height:30px;}



.sideBar{ float:none; width:100%;}
	.main{ float:none; width:100%;}
	.menuTit{ height:40px; padding-top:5px; }
    .menuTit h2{ padding:2px 0 2px 15px;font-size:16px; line-height:16px;}
    .menuTit h2 i{ display:block; font-size:14px;}
	.menuList li{ margin-bottom:1px;}
	.menuList a{ display:block; text-indent:32px; font-size:15px; line-height:40px; color:#666; background:#e8e8e8;}
	
	.caseList{ margin-left:-5%; }
	.caseList li{width:45%; margin-left:5%;}
	.caseList .img{ height:auto;}
	.caseList img{ width:100%;}

}




/***旋转***/
.logo-icon:hover img{ overflow:hidden; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform:rotateY(360deg);}
/***渐变***/
.logo-icon:hover img{ transition:all .5s ease-in; }

.text-title{ margin-bottom:15px; border-bottom:#636363 dotted 1px;}
.text-title h1{ text-align:center; font-size:16px; line-height:32px;}
.text-title p{ text-align:center; line-height:26px; }

/*分页**/
.page{ margin:20px 0 10px; width:100%; text-align:center;}
.page a,
.page span{ display:inline-block; *display:inline;zoom:1; margin:0 3px; padding:0 4px; min-width:16px; line-height:22px; background:#fff; border:1px solid #e3e3e3; }
.page .current{ background:#e69c36;}
.page span{ background:#1167b2; color:#fff;}