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

html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%; /*禁用Webkit内核浏览器的文字大小调整功能，默认是auto；*/
	-ms-text-size-adjust:100%; /*禁用IE内核浏览器的文字大小调整功能，默认是auto；*/
	font-family: sans-serif; /* 1 */}
*{word-wrap: break-word; word-break:break-all;margin:0;padding:0;}
ul,ol,dl{list-style-type:none}
a,area{outline:none; blur:expression(this.onFocus=this.blur())}
a{text-decoration:none; color:#000;}
a:focus{outline:none}
a:hover,a:active{outline:none; color:#156baa; text-decoration:none;}
img{border:none;vertical-align:middle;}
.bordernone{border:none !important;}
.clearfix{*zoom:1; clear:both;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";} 
.clearfix:after{clear:both;}
.layui-clear{ clear:both;*zoom: 1;}
.w1200{ width:1200px; margin:0 auto; padding:0px 0px;}
.float-left , .fl{ float:left;}
.float-right , .fr{ float:right;}
.display-none{ display:none;}
/*不自适应的时候增加的代码-end*/
body{line-height:2;font-size:14px !important;}
.text-center {text-align: center;}
.flexBetween {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.flexStart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.flexCenter {
	display: -webkit-flex;
	/* Safari */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.flexEnd {
	display: -webkit-flex;
	/* Safari */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-justify: distribute-all-lines;
}

.ellipsis2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-justify: distribute-all-lines;
}

.ellipsis3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-justify: distribute-all-lines;
}

.ellipsis4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-justify: distribute-all-lines;
}

.ellipsis5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-justify: distribute-all-lines;
}

.ellipsis6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-justify: distribute-all-lines;
}




.head{display: -webkit-flex; width:100%; margin:0 auto;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;flex-wrap: wrap;-webkit-flex-wrap: wrap;padding: 0 0px;height:780px;position: relative;}

.head2{ height:440px;}
.INbanner{ width:100%; height:440px;}
.topBg{ width:100%; height:80px;position:absolute; z-index:44; top:0px;}
.head2 .topBg{background:url(../images/topBg.png) repeat;z-index:2;}
.topBox{ width:1260px; margin:0 auto; padding:0px 0px;  height:40px; margin-top:20px;}
.logo{ width:145px; height:40px;float:left; position:relative; }
.menu{ width:1000px; float:left; height:40px;}

#nav{ width:1000px; margin:0px 0px; padding:0px 0px;}
#nav .mainlevel{float:left;width:100px;height:40px;float:left;display:block;text-align:center; margin-left:60px;}
#nav .mainlevel a {color:#fff;text-decoration:none;height:40px;font-family:"微软雅黑";text-align:center;display:block;width:100px; position:relative;}
#nav .mainlevel a span{ width:100%; display:block; float:left;height:40px; line-height:40px; font-size:16px; color:#fff;}

#nav li.mainlevel a:hover{width:100px; height:40px;color: #fff;}

#nav .mainlevel a i{position: absolute;width:60px;height: 2px;position: absolute;left:20px;bottom: 0;}
#nav .mainlevel a i::before{display: block;content: '';width:0%;height: 100%;background: #156baa;margin: 0 auto;-webkit-transition: .4s;transition: .4s;}
#nav .mainlevel:hover  a{color:#156baa; text-decoration:none;-webkit-transition: .4s;transition: .4s;}
#nav .mainlevel:hover  a i::before{width:60px;-webkit-transition: .4s;transition: .4s;}

#nav .mainlevel .ulnav {display:none; position:absolute;padding:0;border-bottom:0px;width:100px;z-index:2; margin-left:0px;}
.ulnav ul{width:100%;float:left; margin:0px 0px;background-color: #f5f5f5;overflow: hidden;position:relative;z-index: 2;}

#nav .mainlevel ul li {line-height:40px;height:40px; border-bottom:solid 1px #dddddd;display:block;width:100%;text-align:center;float:left;}
#nav .mainlevel ul li a{color:#333; font-family:"微软雅黑";line-height:40px; width:96%; padding:0 2%;height:40px;background:none;float:left;font-size:14px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#nav .mainlevel ul li a:hover{color:#1a65b3;line-height:40px; width:96%; padding:0 2%;height:40px;background:none;text-decoration:underline; font-size:14px;}



#nav .mainlevel .ulnav3 {display:none; position:absolute;padding:0;border-bottom:0px;width:140px;z-index:2; margin-left:0px;}
#nav .mainlevel .ulnav2 {display:none;position:absolute;padding:0;border-bottom:0px;width:100%;left:0px;background:#f5f5f5;padding:30px 0px;z-index:2;margin-left:0px;}

#nav .mainlevel .ulnav2 ul{ width:564px; display:block; margin:0 auto; padding:0px 0px; background:none; float:none !important;}
#nav .mainlevel .ulnav2 ul li{ width:252px; display:block; float:left; margin:0px 15px; height:auto !important; border-bottom:none;}
#nav .mainlevel .ulnav2 ul li a{ width:252px; display: block; float:left; height:202px; padding:0px 0px;}
#nav .mainlevel .ulnav2 ul li a img{ width:252px; height:112px; display:block; float:left;}
#nav .mainlevel .ulnav2 ul li a i{display:block;float:left;width:240px;height:30px;padding:5px 6px;line-height:30px;text-align:center;}
#nav .mainlevel .ulnav2 ul li a:hover i{ background:#1a65b3; color:#fff;}


.search{ float:right; margin:10px 0px 0px 10px; width:24px; height:24px; position:relative;}
.search em{ width:24px; height:24px; display:block;background:url(../images/searchBtn.png) top center no-repeat;}
.search .search-con {display: none; position: absolute; top: 40px; right:-15px; width:300px; height: 81px; padding-top: 23px; padding-bottom: 19px; background: url(../images/top_bg2.png) no-repeat; z-index: 9999; }
.search .search-con .input1 { height: 39px; line-height: 39px; background: #f8f8f8; border: 0; padding-left: 5px; margin-left: 16px;width: 230px; float: left; outline: none; }
.search .search-con .bnts { float: left; width: 40px; height: 39px; background: url(../images/top_pic3.png) no-repeat; cursor: pointer; border: none; }
.search .search-con .bnts:hover { transition: all 0.3s; background: url(../images/top_pic4.png) no-repeat; }

/*---------- banner style ----------*/
.banner{ width:100%; height:780px; z-index:-9; margin:0px auto;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1260px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px; list-style:none;background:#fff;width:12px;height:12px;margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#156baa; cursor:pointer;}
.banner, .banner a {height:780px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}


.jjfa{ width:1260px; margin:0 auto; padding:0px 0px;}
.title1{ width:100%; height:55px; line-height:55px; margin:30px auto; text-align:center;}
.title1 span{ display:block;width:100%; text-align:center; font-size:35px; font-weight:bold; color:#252525;}
.title1 em{ display:block; margin:0 auto; width:40px; height:3px; background:#156baa;}

.jjfabox{ width:1260px; margin:60px auto;}
.jjfabox .boxLeft{ width:520px; float:left;}
.jjfabox .boxLeft .list {height:498px;overflow: hidden;padding-right:20px;overflow-x: hidden;overflow-y: auto;scrollbar-color: #cf0f35 #fff;scrollbar-width: thin;-ms-overflow-style: none;}
.jjfabox .boxLeft .list ul{ width:520px; height:428px; display:block; float:left;}
.jjfabox .boxLeft .list ul li {border-bottom:1px solid rgba(15, 64, 127, 0.1); width:520px; display:block; float:left; padding:35px 0px;}
.jjfabox .boxLeft .list ul li .top {line-height:40px;font-size:24px;color: #666;cursor: pointer;}
.jjfabox .boxLeft .list ul li .top span {width:50px;display: inline-block;}
.jjfabox .boxLeft .list ul li .top img { max-width:36px;}
.jjfabox .boxLeft .list ul li .bot { display: grid;grid-template-rows: 0fr;overflow: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.jjfabox .boxLeft .list ul li .bot .bot_main {min-height: 0;}
.jjfabox .boxLeft .list ul li .bot .bot_main .desc {font-size:18px;color: #666;line-height:32px; height:64px;}
.jjfabox .boxLeft .list ul li .bot .bot_main .link {padding:10px 0; margin-top:10px}


.index_link .a {font-size: 16px;color: #fff;line-height:48px;border-radius:25px;border: 1px solid #fff;display: inline-block;padding: 0 25px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s; background:#f98414; position:relative; width:100px;}
.index_link .a i { background:url(../images/icon9.png) center center no-repeat; width:22px; height:22px;display:block; position:absolute; top:12px; left:103px;display: inline-block;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.index_link .a:hover {border-color: transparent;-webkit-box-shadow: 0px 0px 12px rgba(249, 132, 20, 0.4);box-shadow: 0px 0px 12px rgba(249, 132, 20, 0.4);}
.index_link .a:hover i {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}

.jjfabox .boxLeft .list ul .active{ border-color: #0f407f;}
.jjfabox .boxLeft .list ul .active .top {font-size:30px;color: #156baa;}
.jjfabox .boxLeft .list ul .active .bot {grid-template-rows: 1fr;}
.jjfabox .boxLeft .list::-webkit-scrollbar {width: 2px;height: 2px;}
.jjfabox .boxLeft .list::-webkit-scrollbar-thumb { border-radius: 2px; background: #0f407f;}
.jjfabox .boxLeft .list::-webkit-scrollbar-track { border-radius: 2px;background: rgba(15, 64, 127, 0.2);}


.jjfabox .boxRight{ width:700px; float:right; height:498px;}
.jjfabox .boxRight p {border-radius:10px;overflow: hidden;display: none;-webkit-transform:rotate(0deg);}
.jjfabox .boxRight p img {width: 100%;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.jjfabox .boxRight p:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.jjfabox .boxRight .active {display: block;}

.cpzxBg{ width:100%; padding:40px 0px; margin-top:20px;background:#e5eefc;}
.cpzx{ width:1260px; margin:0 auto; padding:0px 0px;}
.cpzxBox{ width:1260px; float:left; margin:30px 0px;}
.cpzxBox ul{ width:1288px; margin-left:-28px;}
.cpzxBox ul li{ width:294px;height:300px;float:left;position:relative; margin-left:28px; background:#fff;}
.cpzxBox ul li .cpzxImg{ width:294px; float:left; height:300px; position:relative; display:block; overflow:hidden;}
.cpzxBox ul li .cpzxImg img{ width:294px; height:258px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s; z-index:2;}
.cpzxBox ul li:hover .cpzxImg img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.cpzxBox ul li .cpzxImg span{ display:block; width:274px; height:50px; padding:0px 10px; overflow:hidden;position:absolute; left:0px; bottom:0px; text-align:center; line-height:50px; z-index:3; font-size:24px;}
.cpzxBox ul li .cpzxImg i{ display:none;position:absolute; width:294px; height:300px; background:#156baa; opacity:0.3; left:0px; top:0px;}
.cpzxBox ul li:hover .cpzxImg span{ color:#fff;}
.cpzxBox ul li:hover .cpzxImg i{ display:block;}
.cpzxBox ul li .cpzxTxt{ width:270px; float:left; height:67px; padding:18px 15px;line-height:22px;}
.cpzxBox ul li .cpzxUl{ width:294px; height:102px; float:left; position:absolute; bottom:0px; background:#fff; display:none;}
.cpzxBox ul li .cpzxUl b{ width:264px; padding:0px 15px; height:30px; line-height:30px; font-size:18px; color:#156baa;}
.cpzxBox ul li .cpzxUl dl{ width:294px; float:left; margin-top:10px;}
.cpzxBox ul li .cpzxUl dl dt{ width:73px; float:left; display:block; float:left;}
.cpzxBox ul li .cpzxUl dl dt i{ width:73px; float:left; height:32px;}
.cpzxBox ul li .cpzxUl dl dt i img{ width:32px; height:32px; display:block; margin:0 auto;}
.cpzxBox ul li .cpzxUl dl dt span{ display:block; float:left; width:73px; text-align:center;text-align:center;}
/*.cpzxBox ul li:hover .cpzxUl{ display:block;}*/

.alzx{ width:1260px; margin:50px auto 30px auto;}
.alzxBox{ width:1260px; float:left; margin-top:30px;}
.alzxBox ul { width:1285px; margin-left:-25px;}
.alzxBox ul li{ width:290px; display:block; float:left; margin-left:25px;}
.alzxBox ul li .alImg{ width:288px; display:block; float:left; height:222px; border:solid 1px #e0e0e0; overflow:hidden;}
.alzxBox ul li .alImg img{ width:288px; height:222px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.alzxBox ul li .alImg:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.alzxBox ul li .alTxt{ width:260px; padding:0px 15px;height:50px; display:block; float:left; line-height:50px;background:#acacac; text-align:center; overflow:hidden; color:#fff; font-weight:bold; font-size:18px;}

.xwzxBg{ width:100%; background:#fafafa; padding:30px 0px; margin-top:70px;}
.xwzx{ width:1260px; margin:0 auto; padding:0px 0px;}
.xwzxBox{ width:1260px; float:left; margin-top:30px;}
.xwzxBox ul li{ width:620px; float:left; margin:15px 0px;}
.xwzxBox ul li:nth-child(2),.xwzxBox ul li:nth-child(4){ float:right;}
.xwzxBox ul li a{ width:620px; display:block; float:left; height:180px;}
.xwzxBox ul li a .xwImg{ width:304px; height:178px; display:block; float:left; overflow:hidden;}
.xwzxBox ul li a .xwImg img{width:304px; height:178px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s; z-index:2;}
.xwzxBox ul li a:hover .xwImg img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.xwzxBox ul li a .xwTxt{ width:300px; float:right; position:relative; height:178px;}
.xwzxBox ul li a .xwTxt .txt{ width:300px; margin-top:20px; line-height:168%; font-weight:bold; font-size:15px;}
.xwzxBox ul li a .xwTxt .des{ width:300px; margin-top:5px; height:80px; line-height:156%; font-size:14px;}
.xwzxBox ul li a .xwTxt .date{ width:300px; position:absolute; height:30px; bottom:10px;}
.xwzxBox ul li a .xwTxt .date span{ display:block; float:left; font-size:15px;color:#737373; line-height:30px;}
.xwzxBox ul li a .xwTxt .date i{ display:block; float:right; margin-right:20px;width:30px; height:30px; background:url(../images/icon8.png) center center no-repeat;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.xwzxBox ul li a:hover .xwTxt .date i {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}

.footBg{ width:100%; background:#1f2029; padding:30px 0px;}
.foot{ width:100%; max-width:1260px; margin:0 auto; padding:0px 0px;}
.foot .foot1{ width:22%; float:left;}
.foot .foot1 span{ display:block; float:left; width:100%; color:#fff; font-size:18px;}
.foot .foot1 ul{ display:block; float:left; width:100%; margin-top:15px;}
.foot .foot1 ul li{ display:block; float:left; width:100%; line-height:28px; height:28px;}
.foot .foot1 ul li a{ color:#9f9f9f;}
.foot .foot2{ width:20%; float:right;}
.foot .foot2 .fTel {width:75%;height:42px;float:left;background: url(../images/telIcon.png) left center no-repeat;padding-left:25%;}
.foot .foot2 .fTel label{ display:block; float:left; color:#959595; width:190px; line-height:20px;}
.foot .foot2 .fTel span{ color:#fff; font-weight:bold; font-size:24px;width:190px; line-height:22px; height:22px;display:block; float:left;}
.foot .foot2 .fEwm {width:100%;float: right;margin-top: 30px;}
.foot .foot2 .fEwm img{ width:108px; height:108px; display:block; margin:0 auto;}
.foot .foot2 .fEwm span{width:100%;text-align:center;display:block; font-size:14px; line-height:28px;float:right; color:#fff; line-height:30px; height:30px;}
.foot .foot3{ width:35%;}
.foot .foot3 p{ display:block; float:left; color:#fff; line-height:28px; background:url(../images/lxIcon.png) 0px 0px no-repeat; padding-left:30px;}

.copyright{ width:100%; text-align:center; line-height:60px; color:#fff; font-size:16px; background:#1f2029; border-top:solid 1px #3b3b3c;}
.copyright a{color:#FFF;}

.links-bar{ width:100%; border-bottom:1px solid #e3e3e4; background:#fff;height:65px;}
.container{ width:1260px; margin:0 auto; padding:0px 0px;}
.links-bar .breadcrumbs-wrapper {width: 50%; float:left; background:url(../images/location.png) left center no-repeat; padding-left:30px; height:60px; line-height:60px;}
.links-bar .breadcrumbs-wrapper ul {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 14px;}
.links-bar .breadcrumbs-wrapper ul li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; font-size:16px;}
.links-bar .breadcrumbs-wrapper ul li:after {content: ">";margin: 0 5px;}
.links-bar .breadcrumbs-wrapper ul li:last-child:after {display: none;}
.links-bar .links-wrapper {font-size:16px;color: #1f212a;display: -webkit-box;display: -ms-flexbox;display: flex;overflow: auto;line-height:55px;margin-top: 10px; float:right;}
.links-bar .links-wrapper::-webkit-scrollbar {display: none;}
.links-bar .links-wrapper a {position: relative;white-space: nowrap; margin:0px 15px;}
.links-bar .links-wrapper a.active{font-weight: bold;color: #004da0;}
.links-bar .links-wrapper a.active:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background-color: #005cb6;}


.page{ width:1260px; margin:0px auto; padding:0px 0px;}
.pageAbout{width:1260px; min-height:480px; margin:30px auto;line-height:30px;}

.pageNews{ width:1260px; margin:30px auto; padding:0px 0px;}
.pageNews ul li{ width:1200px; padding:30px 30px; background:#fff; height:240px; border-bottom:solid 1px #e6e6e6;}
.pageNews ul li:hover{ background:#e6e6e6;}
.pageNews ul li a{ display:block; float:left; width:1200px; height:240px;position:relative;}
.pageNews ul li .newsImg{ width:408px; height:240px; float:left; overflow:hidden;}
.pageNews ul li .newsImg img{ width:408px; height:240px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s; z-index:2;}
.pageNews ul li:hover .newsImg img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.pageNews ul li .newsTxt{ width:720px; float:right;}
.pageNews ul li .newsTxt .news-title{width: 720px;line-height: 31px;font-weight: 700;font-size: 24px; color: #1f1f1f;letter-spacing: 0;}
.pageNews ul li .newsTxt .news-content{width: 720px;font-size: 16px;color: #4d4d4d;line-height: 26px; margin-top: 24px;}
.pageNews ul li .newsTxt .news-foot{width:720px;height: 24px;position: absolute; bottom: 0;}

.pageNews ul li .newsTxt .news-foot .time{float:left;height:24px;line-height:24px;font-family:Arial MT;font-size:15px;color:#737373;letter-spacing:0;vertical-align: middle;}

.pageNews ul li .newsTxt .news-foot .right-arrow{ background:url(../images/icon8.png) right center no-repeat; padding-right:20px; float:right; font-size:16px; color:#ff6600;}

.pageNav{ width:100%; text-align:center; margin:30px 0px; font-size:16px;}


/*----联系我们--*/

.pageContact{ width:100%; max-width:1260px; margin:0 auto 60px auto;}
.pageContact ul{ width:100%; float:left; margin-top:50px;}
.pageContact ul li{width:22%;float: left;text-align: center;}
.pageContact span{background: #F6F6F6; display:inline-block; height:100px; width:100px; position: relative; border-radius:50%;}
.pageContact span img{position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; transition:all 0.5s ease;}
.pageContact strong{margin-top:22px;font-size:22px;font-weight: normal;letter-spacing: 2px; line-height: 38px; display: block;}
.pageContact p{ font-size:16px; line-height:28px; letter-spacing:1px; margin-top:5px;}
.pageContact h5{ letter-spacing: 2px; line-height: 38px; font-size: 20px; font-weight: normal; display: block; }
.pageContact ul li:nth-child(1){ width:30%;}
.pageContact ul li:nth-child(2){ width:22%;}
.pageContact ul li:nth-child(3){ width:22%;}
.pageContact .m2lxMap{ width:100%; max-width:1200px; margin:30px auto 0px auto;background:#F6F6F6; height:400px;}


/*---产品中心----*/
.pagePro{ width:1260px; margin:0px auto;}

.pagePro ul{ width:1288px; margin-left:-28px;}
.pagePro ul li{ width:292px;height:360px;float:left;position:relative; margin:20px 0px 20px 28px;background:#fff; border:solid 1px #e5e5e5;}
.pagePro ul li .cpzxImg{ width:292px; float:left; height:300px; display:block; overflow:hidden;}
.pagePro ul li .cpzxImg img{ width:292px; height:300px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s; z-index:2;}
.pagePro ul li:hover .cpzxImg img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.pagePro ul li .cpzxImg span{display:block; width:292px;height:70px; position:absolute; left:0px; bottom:0px; font-size:18px; text-align:center; line-height:70px; z-index:3;}


/*----案例中心----*/
.pageCase{width:1260px; margin:0px auto;}

.pageCase ul { width:1285px; margin-left:-25px;}
.pageCase ul li{ width:290px; display:block; float:left;margin:20px 0px 20px 25px;}
.pageCase ul li .alImg{ width:288px; display:block; float:left; height:222px; border:solid 1px #e0e0e0; overflow:hidden;}
.pageCase ul li .alImg img{ width:288px; height:222px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.pageCase ul li .alImg:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.pageCase ul li .alTxt{ width:260px; padding:0px 15px;height:50px; display:block; float:left; line-height:50px;background:#acacac; text-align:center; overflow:hidden; color:#fff; font-weight:bold; font-size:18px;}

/* -- 翻页效果 -- */ 
.apage { height:31px; line-height:30px;padding:0 5px 0px 27px; margin-top:10px; text-align:center; font-size:14px; }
.apage a { border:1px solid #c5c5c5; padding:5px 10px;  margin-right:5px;}
.apage .num_btns {float:right; font-family:Tahoma;}
.apage a:hover, .apage .page-num-current { border:1px solid #156baa;background-color:#156baa   ; color:#fff; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }
.apage .cust_txt { float:left; display:none;}