/* CSS Document */
@charset "utf-8";
/*************************************
* 文件名称： index.css
* 创建日期：2018-05
* 内容概要: 网站首样式页文件
*************************************/

/*飘浮窗口*/
#roll{width:200px;height:100px; background-color:#0265B8;border:0px solid #fff; color:#fff; position:absolute;z-index:99999;text-align:center;line-height:50px;box-shadow:0px 0px 10px #000}
#roll a{font-size:14px;color:#fff;}
#roll .top{width:100%;height:30px;line-height:30px;}
#roll .top .gb{float:right;margin-right:10px;height:30px;font-size:12px;color:#fff;cursor:pointer;}
#roll .body{margin:0 auto;width:92%;line-height:24px;text-align:left;font-size:16px}

#syhf{margin:0 auto;width:100%;height:550px;}
.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:550px;}
.lubo_box{ position: relative; width: 100%; height:550px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:550px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 550px;}
.lubo_box li img{ width: 100%; height: 550px;}
.lubo_box li:nth-child(1){opacity: 1;filter:alpha(opacity=100);width: 100%;  height: 550px;}
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 10px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #0000FF !important;}
.lubo_btn{ position: absolute; width: 100%; top: 140px;}
.left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;display:none;}
.right_btn{ float: right;display:none;}



/*动态搜索*/

#dtss{margin:0 auto;width:100%;background:#0265B8;height:50px;}
#dtss .body{margin:0 auto;width:1200px;height:50px;}
#dtss .body .xw{float:left;width:900px;height:50px;}
#dtss .body .xw .mc{float:left;width:80px;height:50px;padding-left:36px;background-image: url(../images/xlb.png);background-position:left center;background-repeat:no-repeat;text-align:left;line-height:50px;font-size:16px;color:#fff;}
#dtss .body .xw .nr{float:left;width:780px;height:50px;overflow:hidden}
#dtss .body .xw .nr ul{float:left;width:3780px;height:50px;}
#dtss .body .xw .nr ul li{float:left;width:240px;height:50px;padding-left:20px;}
#dtss .body .xw .nr ul li .bt{float:left;width:160px;height:50px;text-align:left;line-height:50px;font-size:12px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}
#dtss .body .xw .nr ul li .sj{float:right;width:80px;height:50px;line-height:50px;text-align:right;font-size:12px;}
#dtss .body .xw .nr ul li a{font-size:12px;color:#fff;}
#dtss .body .xw .nr ul li a:hover{font-size:12px;color:#fff;}
#dtss .body .ss{float:right;margin-top:15px;width:280px;height:24px;border:1px solid #394F81;moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;background:#E8EDF3;}
#dtss .body .ss .txt{float:left;width:215px;height:22px;border:0px;padding-left:20px;background:#E8EDF3;border-top-left-radius:12px;border-bottom-left-radius:12px;}
#dtss .body .ss .soan{float:left;width:40px;height:15px;margin-top:5px;background-image:url(../images/soan.jpg);cursor:pointer}

/*关于我们*/
#gy{margin-top:0px;width:100%;height:500px;overflow:hidden;}
#gy .bth{margin:0 auto;width:1200px;}
#gy .bth .dbt{margin:0 auto;width:220px;height:40px;border:2px solid #394D82;moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;text-align:center;line-height:40px;font-size:24px;color:#FE1544;}
#gy .bth .xbt{margin:0 auto;width:220px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#394D82;}
#gy .body{margin:0 auto;width:1200px;text-align:center;font-size:16px;line-height:30px;color:#505050;}
#gy .body .jj{float:left;width:700px;height:500px;margin-top:0px;font-size:16px;color:#505050;text-align:left;overflow:hidden}
#gy .body .jj .nr{width:700px;height:300px;margin-top:30px;font-size:16px;color:#505050;text-align:left;overflow:hidden}
#gy .body .jj .hang{width:700px;height:300px;margin-top:20px;}
#gy .body .jj .hang .an{float:left;width:130px;height:30px;background:#FE1544;font-size:16px;color:#fff;text-align:center;line-height:30px;moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#gy .body .jj .hang .an a{float:left;width:130px;height:30px;font-size:16px;color:#fff;}



#gy .body .sylx{float:right;width:440px;height:240px;margin-top:60px;border:1px solid #0265B8;margin-right:10px;box-shadow:5px 2px 6px #eee}
#gy .body .sylx .bt{margin:0 auto;width:400px;height:45px;border-bottom:1px solid #eee;text-align:left;font-size:16px;color:#505050;line-height:45px;}
#gy .body .sylx p{margin-top:10px;margin-left:auto;margin-right:auto;width:400px;min-height:26px;line-height:26px;text-align:left;font-size:14px;color:#505050;}


/*园区风貌*/
#fm{margin:0 auto;width:100%;height:640px;background-image: url(../images/hbg.jpg); background-position:center top; background-repeat:no-repeat;overflow:hidden}
#fm .hang{margin:0 auto;width:1200px;height:50px;padding-top:30px;}
#fm .hang .gdan{margin:0 auto;width:40px;height:40px;moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
#fm .hang .gdan img{width:40px;height:40px;}
#fm .bth{margin-top:20px;margin-left:auto;margin-right:auto;width:1200px;}
#fm .bth .dbt{margin:0 auto;width:220px;height:40px;background:#FE1544;;moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;text-align:center;line-height:40px;font-size:24px;color:#fff;}
#fm .bth .xbt{margin:0 auto;width:220px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#394D82;}
#fm .body{margin-top:20px;width:3000px;height:440px;background:#eee;}
/*
#fm .body ul{float:left;width:3000px;}
#fm .body ul li{display:inline;height:440px;}
#fm .body ul li img{border-left:1px solid #fff;border-right:1px solid #fff;height:440px;}
*/
.mouseslider{float:left;width:3000px;}
.mouseslider > li{list-style-type:none;float:left;margin-left:0px!important;height:440px;}
.mouseslider > li img{border-left:1px solid #fff;border-right:1px solid #fff;height:440px;}




/*新闻*/
#xw{margin-top:50px;width:100%;height:650px;background-image:url(../images/xwbg.jpg);background-position:center bottom;background-repeat:no-repeat;}
#xw .bth{margin:0 auto;width:1200px;}
#xw .bth .dbt{margin:0 auto;width:220px;height:40px;border:2px solid #0265B8;moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;text-align:center;line-height:40px;font-size:24px;color:#FE1544;}
#xw .bth .xbt{margin:0 auto;width:220px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#394D82;}
#xw .body{margin-top:30px;margin-left:auto;margin-right:auto;width:1100px;text-align:center;font-size:16px;line-height:30px;color:#505050;}
#xw .body .yqgg{float:left;width:535px;height:450px;border:1px solid #ccc;moz-border-radius:10px;;-webkit-border-radius:10px;border-radius:10px;}
#xw .body .yqgg .bt{width:535px;height:44px;border-bottom:1px solid #ccc;background-image:url(../images/ico-xw.jpg);background-position:20px center;background-repeat:no-repeat}
#xw .body .yqgg .bt .mc{float:left;height:44px;line-height:44px;margin-left:60px;font-size:18px;color:#274B7D;}
#xw .body .yqgg .bt .gd{float:right;height:44px;line-height:44px;margin-right:20px;font-size:13px;color:#274B7D;}
#xw .body .yqgg .bt .gd a{font-size:13px;color:#274B7D;}
#xw .body .yqgg .lbt{margin-top:20px;margin-left:auto;margin-right:auto;width:495px;height:250px;background:#eee;}
#xw .body .yqgg .lbt .sp{float:left;width:495px;height:250px;background:#fff;position: relative;}
/*
#xw .body .yqgg .lbt .sp #video{width: 100%;height:100%;z-index:1;cursor:pointer;position: relative;}
#xw .body .yqgg .lbt .sp .mask {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}
*/
#xw .body .yqgg .lbt .sp .mask {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;index:1}
#xw .body .yqgg .lbt .sp .btn-play {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/icon-video.png) center center no-repeat rgba(0, 0, 0, .4);background-size: 3rem;z-index: 2;}

/*产业园*/
#cyy{clear:both;margin:0 auto;width:100%;height:450px;background-image:url(../images/hhbg.jpg);background-position:left center;background-repeat:no-repeat;padding-top:0px;}
#cyy .dbt{padding-top:60px;margin-left:auto;margin-right:auto;width:1200px;height:40px;line-height:40px;font-size:24px;color:#384C81;text-align:center;}
#cyy .xbt{margin:0 auto;width:1200px;height:40px;text-align:center;line-height:40px;font-size:16px;color:#384C81;}
#cyy ul{margin-top:50px;margin-left:auto;margin-right:auto;width:870px;height:215px;}
#cyy ul li{float:left;width:205px;height:205px;background-image: url(../images/cybg.png);background-position:center center;background-repeat:no-repeat;margin-right:125px;}
#cyy ul li .tpk{margin-top:36px;width:100%;height:62px;text-align:center;}
#cyy ul li .tpk img{margin:0 auto;-webkit-transition:0.4s linear;transition:0.4s ease-in;}
#cyy ul li p{margin-top:20px;width:100%;height:35px;line-height:35px;text-align:center;font-size:24px;color:#FC1040;font-weight:bold}
#cyy ul li:nth-child(3){margin-right:0px;}
#cyy ul li:hover div img{-webkit-transform:rotate(360deg);transform:rotate(360deg);}

/*概念规划*/
#gn{margin:0 auto;width:100%;height:616px;background-image:url(../images/hhhbgg.jpg);background-position:left center;background-repeat:no-repeat;}
#gn .dbt{padding-top:50px;margin-left:auto;margin-right:auto;width:1200px;height:60px;background-image:url(../images/hxbg.png);background-position:center bottom;background-repeat:no-repeat;text-align:center;line-height:40px;font-size:30px;color:#fff;}
#gn .dbt span{color:#ff0000;}
#gn ul{margin-top:40px;margin-left:auto;margin-right:auto;width:1102px;height:430px;}
#gn ul li{float:left;margin-top:68px;width:350px;height:366px;margin-right:25px;background:#fff;position: relative;overflow:visible;}
#gn ul li:nth-child(3){margin-right:0px;}
#gn ul li .tpk{position:absolute;width:116px;height:116px;left:50%;margin-left:-56px;top:-56px;moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:0px solid #fff;background:#fff;text-align:center}
#gn ul li .tpk img{width:116px;height:116px;moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:0 auto;}
#gn ul li .mc{margin-top:80px;width:100%;height:30px;text-align:center;font-size:20px;color:#2C3E6C;font-weight:bold;}
#gn ul li .nr{margin-top:30px;margin-left:auto;margin-right:auto;width:286px;height:150px;text-align:left;font-size:14px;color:#505050;line-height:26px;text-indent:2em;}
#gn ul li .hang{margin-top:20px;margin-left:auto;margin-right:auto;width:286px;height:30px;text-align:center}
#gn ul li .hang img{width:28px;height:28px;margin:0 auto;}

#gn ul li.on{box-shadow:5px 2px 6px #000;background:#f7f7f7}
#gn ul li.on .mc{color:#ff0000;} 
#gn ul li.on .nr{color:#000;}
#gn ul li.on .tpk{color:#000;box-shadow:0px 2px 8px #666}


/*小轮播图*/
.example {width: 624px;height: 336px;font-size: 40px;text-align: center;margin: 20px auto;background-color: #eee;}
.carousel-item{line-height: 336px;color: #fff;font-family:  Arial Black}
.ft-carousel {position: relative;width: 100%;height: 100%;overflow: hidden;}
.ft-carousel .carousel-inner {position: absolute;left: 0;top: 0;height: 100%;}
.ft-carousel .carousel-inner .carousel-item {float: left;height: 100%;}
.ft-carousel .carousel-item img {width:100%;height:100%}
.ft-carousel .carousel-indicators {position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;font-size: 0;}
.ft-carousel .carousel-indicators span {display: inline-block;width: 12px;height: 12px;background-color: #fff;margin: 0 4px;border-radius: 50%;	cursor: pointer;}
.ft-carousel .carousel-indicators span.active {background-color: #de3a3a;}
.ft-carousel .carousel-btn {position: absolute;	top: 50%;	width: 50px;	height: 45px;	margin-top: -25px;	cursor: pointer;}
.ft-carousel .carousel-prev-btn {left:0;background: url(../images/prev.png) no-repeat;}
.ft-carousel .carousel-next-btn {right:0;background: url(../images/next.png) no-repeat;}

#xw .body .yqgg .gglist{margin-top:0px;margin-left:auto;margin-right:auto;width:495px;}
#xw .body .yqgg .gglist ul{width:495px;}
#xw .body .yqgg .gglist ul li{width:495px;height:35px;border-bottom:1px dotted #ccc;background-image:url(../images/ico-xjt.jpg);background-position:left;center;background-repeat:no-repeat}
#xw .body .yqgg .gglist ul li .xwbt{float:left;width:365px;height:35px;margin-left:30px;line-height:35px;text-align:left;font-size:14px;color:#505050;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}
#xw .body .yqgg .gglist ul li .xwbt a{font-size:14px;color:#505050;}
#xw .body .yqgg .gglist ul li .xwbt a:hover{font-size:14px;color:#000;}
#xw .body .yqgg .gglist ul li .xwsj{float:right;width:100px;text-align:right;line-height:35px;font-size:13px;color:#505050;}

#xw .body .news{float:right;width:532px;height:452px;border:0px solid #ccc;moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#xw .body .news .top{width:532px;height:44px;}
#xw .body .news .top ul{float:left;width:562px;height:44px;}
#xw .body .news .top ul li{float:left;width:262px;height:43px;border-top-right-radius:10px;border-top-left-radius:10px;border-left:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #eee;text-align:center;line-height:43px;font-size:18px;color:#fff;background:#0265B8;margin-right:5px;cursor:pointer}
#xw .body .news .top ul li.on{float:left;width:262px;height:43px;border-top-right-radius:10px;border-top-left-radius:10px;border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;text-align:center;line-height:43px;font-size:18px;color:#394D82;background:#fff;}
#xw .body .news .top ulli:nth-child(3){margin-right:0px;}

#xw .body .news .xwlistnr{width:530px;height:406px;border:1px solid #ccc;border-bottom-right-radius:10px;border-bottom-left-radius:10px;position: relative;overflow:hidden;}
#xw .body .news .xwlistnr ul{position:absolute;top:20px;left:20px;width:495px;height:370px;display:none;}
#xw .body .news .xwlistnr ul li{width:495px;height:120px;padding-top:10px;border-bottom:1px dotted #ccc;}
#xw .body .news .xwlistnr ul li .tpk{float:left;width:110px;height:90px;}
#xw .body .news .xwlistnr ul li .tpk img{width:110px;height:90px;}
#xw .body .news .xwlistnr ul li .wzk{float:left;margin-left:10px;width:350px;height:90px;}
#xw .body .news .xwlistnr ul li .wzk .bt{width:350px;height:30px;line-height:30px;text-align:left;font-size:14px;color:#000;}
#xw .body .news .xwlistnr ul li .wzk .bt a{font-size:14px;color:#000;}
#xw .body .news .xwlistnr ul li .wzk .jj{width:350px;height:40px;line-height:20px;text-align:left;font-size:13px;color:#505050;}
#xw .body .news .xwlistnr ul li .wzk .sj{width:350px;height:25px;line-height:25px;text-align:left;font-size:13px;color:#ccc;}

/*横幅背景*/
#hfbg{width:100%;height:166px;background-image:url(../images/xhf.jpg);background-position:center top;background-repeat:no-repeat;border-top:1px solid #eee}

/*联系我们*/
#lx{margin-top:20px;width:100%;height:425px;background-image:url(../images/dtbg.jpg);background-position:center bottom;background-repeat:no-repeat;}
#lx .bth{margin:0 auto;width:1200px;}
#lx .bth .dbt{margin:0 auto;width:220px;height:40px;border:2px solid #0265B8;moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;text-align:center;line-height:40px;font-size:24px;color:#FE1544;}
#lx .bth .xbt{margin:0 auto;width:220px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#394D82;}
#lx .body{margin:0 auto;width:1200px;text-align:center;font-size:16px;line-height:30px;color:#505050;}
#lx .body .jj{width:100%;height:30px;margin-top:30px;font-size:16px;color:#505050;text-align:center}
#lx .body .jj span{margin-right:20px;}
#lx .body .dt{margin-top:0px;width:1200px;height:365px;margin-left:auto;margin-right:auto;border:1px solid #eee;}
#lx .body .dt img{width:100%;height:100%;}


/*友情链接*/
#link{clear:both;margin-top:0px;width:100%;background:#E8EDF3;min-height:50px;}
#link .body{margin:0 auto;width:1100px;min-height:30px;padding-top:20px;}
#link .body .mc{float:left;padding-left:30px;height:20px;line-height:20px;background-image:url(../images/link.jpg);background-position:left center;background-repeat:no-repeat;font-size:12px;color:#2E4072;}
#link .body a{float:left;font-size:12px;color:#505050;margin-left:10px;}