@charset "utf-8";
/* CSS Document */
/*头部*/
*{padding:0; margin:0; border:0; }
ul,li{list-style:none;}
img{padding:0; margin:0; border:0; }
a{ text-decoration:none;}
.header{background:#fff; position:fixed; width:100%; height:70px; padding: 15px 0;z-index:999; border-bottom:1px solid #209bce;}
#head{width:1100px; height:100px; text-align:left; }
h1{width:218px;height:70px;}

.c_wap:after{content:"."; height:0; display:block; visibility:hidden; clear:both; font-size:0;}
.c_zm{zoom:1;}


.menu{font:16px/70px "微软雅黑";float:right;width:781px;}
.menu li{display:inline;}
.menu li a{ color:#667279; font:18px/70px "微软雅黑";}
.menu li a.menu_current{color: #209bce;}
.menu li a:hover{color:#209bce;}
.menu li span{padding:0 30px; color:#209bce;font-size:14px;}


/*地址*/
.map{ width:100%; height:393px; background:url(../images/map.jpg) no-repeat center; position:relative}
.map a{display:block; position:absolute; top:170px; left:52%; margin-left:-25px; background:url(../images/map.png) no-repeat 0 14px;width:216px; height:100px;}
.map a:hover{background:url(../images/map_now.png) no-repeat 0 14px; }
/*底部*/
#end{ height:350px; background:url(../images/bg_end.jpg) repeat-x bottom; clear:both; text-align:center }
#end h2{ color: #3044ce; height:30px; font:30px/30px "宋体"; padding-top:45px; padding-bottom:62px; width:1000px; margin:0 auto;}

#end ul{ height:212px; width:1006px; margin:0 auto;}
#end ul li{float:left;}

#end ul li span{ display:block; width:169px; height:18px; font:18px/18px "微软雅黑"; padding-bottom:6px; color:#fff;}

#end ul li i{ display:block; width:88px;height:2px; background: #0083ce;float:left; margin-bottom:13px; overflow:hidden;}
#end ul li i.i_1{width:79px;background: #060bce;}
#end ul li i.i_2{width:120px;background: #060bce;}
#end ul li i.i_3{width:93px;background: #060bce;}
#end ul li i.i_4{width:172px;background: #060bce;}

#end ul li p{color:#fff;padding-left:93px; padding-top:20px; font:16px/30px "微软雅黑";height:153px; clear:both;}

.first_end p{ width:143px; background:url(../images/weibo_01.png) no-repeat left top;}


.second_end p { width:110px; background:url(../images/wap.jpg) no-repeat left top;}


.three_end p{ width:149px; background:url(../images/weibo_03.png) no-repeat left top;}
#end ul li.four_end p{ width:223px; padding-top:20px; font:14px/27px "微软雅黑"; background:url(../images/weibo_04.jpg) no-repeat left top;}


#end ul li.second_end span{width:199px;}
#end ul li.three_end span{width:181px;}
#end ul li.four_end span{width:262px;}


#end h5{ font:normal 14px/56px "微软雅黑"; color: #3044ce; text-align:center;}

/*QQ部分*/
#qq{ width:153px; height:270px; background:url(../images/QQ11.png) no-repeat center; position:fixed; top:131px; right:0px; display:none;}
#small{ display:block; width:35px; height:35px; margin-left:117px;}
#intoa{ display:block; width:150px; height:150px;}
#max{ width:40px; height:128px; display:none; margin-left:113px;}


/*banner条*/
.bg_banner{ width:100%; height:600px;background:#209bce; padding-top:100px;overflow:hidden}
#banner{width:1000px; height:600px; margin:0 auto; position:relative;}
#banner img{ position:absolute;left:-1500px;top:12px;}


.banner_page{width: 100%;height: 475px;background: url(../images/banner_page.jpg) no-repeat center bottom;}
.banner_news{ width:100%;height:475px; background:url(../images/banner_news.jpg) no-repeat center bottom;}
.banner_pro{ width:100%;height:303px; background:url(../images/banner_pro.jpg) no-repeat center bottom;}

.inst{width:1000px;margin:0 auto; padding:0 0 100px 0}
.inst p{font:lighter 20px/40px "微软雅黑"; text-align:justify;  color:#484f52; text-indent:2em}
.inst p span{font:lighter 20px/40px "微软雅黑";  color: #209bce;}
.inst h3{height:64px;padding-top:54px; margin-bottom:31px;}


/*banner条文字部分*/
#banner_text{position:absolute; top:143px; left:-1000px; width:600px; height:240px;}
#banner_text h2{ font:bold 56px/56px "微软雅黑";margin-bottom:24px; color:#fff;}
#banner_text .line_banner{width:201px;height:2px; background:#b7eee3;}
#banner_text p{font:20px/32px "微软雅黑";color:#d3f1e8;}
#banner_text p span{font-size:18px;}






/*banner条控制部分*/
#banner_control_a{ width:84px; height:8px;position:absolute; bottom:23px; left:472px;}
#banner_control_a a{ display:block; width:8px; height:8px; float:left;margin-left:15px; overflow:hidden;background:url(../images/banner_iconow.png) no-repeat center;}
#banner_control_a a:first-child{margin-left:0; background:url(../images/banner_ico.png) no-repeat center;}


#control_left{ display:block;width:37px; height:70px; position:absolute; top:255px; left:-270px; background:url(../images/left.png);}
#control_right{ display:block;width:37px; height:70px;  position:absolute; top:255px; left:1233px; background:url(../images/right.png);}
#control_left:hover{background:url(../images/left_now.png);}
#control_right:hover{background:url(../images/right_now.png);}



h3{height:61px; width:228px; margin:0 auto; text-align:center; padding-top:38px; background:url(../images/title_bg.png) no-repeat bottom;}
h3 a{font:bold 28px/28px "微软雅黑"; color: #209bce;}

/*第一楼*/
.first_floor{ width:100%;background: #ebf8fd;}
.plan{width:1000px; margin:0 auto;}
.play_ul{width:1000px; margin-top:42px;}
.play_ul li{float:left; margin-left:36px; display:inline; width:222px;}
.play_ul li a{ display:block;width:222px;}

.play_ul li h4{ font:18px/18px "微软雅黑";width:222px;height:18px;padding-top:26px;text-align:center;padding-bottom:40px;color:#484f52;}
.play_ul li p{font-size:14px; line-height:25px;text-align:center; color:#929aa0;}
.play_ul li a:hover h4{color:#000;}
.play_ul li a:hover p{color:#484f52;}
.play_ul a div{height:118px;width:222px;text-align:center; vertical-align:middle;display:table-cell; }
.play_ul a div img{ width:118px;height:118px;}
.play_ul li.plan1{ margin-left:0;}

.plan1 a{background:url(../images/plan1_.png) no-repeat center top;}
.plan2 a{background:url(../images/plan4_.png) no-repeat center top;}
.plan3 a{background:url(../images/plan3_.png) no-repeat center top;}
.plan4 a{background:url(../images/plan2_.png) no-repeat center top;}

.seven_floor{ width:100%; height:600px; background:url(../images/bg_four.jpg) center;  overflow:hidden}
.serve{width:1080px; height:600px; margin:0 auto;}
.serve h3{height:62px;padding-top:38px; background:url(../images/h3_bg_white.png) no-repeat bottom;}

.serve_ul{width:1080px; height:320px; margin-top:83px;}
.serve_ul li{ float:left; margin-left:68px; display:inline;}
.serve_ul li.first_serve{ margin-left:0px;}

.serve_ul li a{ display:block;width:218px;height:269px;}

.serve_ul li h4{ font:14px/14px "微软雅黑"; width:222px; height:18px; padding-top:49px; text-align:center; padding-bottom:20px;color:#d5d8d8;}
.serve_ul li p{font-size:18px; line-height:18px;text-align:center; color:#d5d8d8;}
.serve_ul li a:hover h4{color:#fff;}
.serve_ul li a:hover p{color:#fff;}

/*不同背景*/
.serve_ul a div{height:130px;width:222px;text-align:center; vertical-align:middle;display:table-cell; }
.serve_ul a div img{ width:130px;height:130px;}



/*第二楼*/
.second_floor{ width:100%; height:1097px; overflow:hidden;}
.display{width:1000px; height:226px; margin:0 auto; position:relative;}
.display h3{height:64px;padding-top:54px; margin-bottom:31px;}

.display p{font:lighter 20px/20px "微软雅黑"; text-align:center; color:#929aa0;}
.display p+p{font-size:32px; line-height:32px; color:#484f52; font-weight:100; margin-top:15px;}

#change_display{ height:16px; padding-top:87px; text-align:center; font:16px/16px "微软雅黑"; color: #209bce;}
#change_display span{padding:0 10px 0 10px;}
#change_display a{font:16px "微软雅黑"; color:#747474}
#change_display a:hover{ font:16px "微软雅黑";color: #209bce;}

#display_box{width:1020px;margin:33px auto 0 auto;}
#display_box a{display:block;width:245px;float:left;text-align:center;position:relative; overflow:hidden; margin: 5px;}
#display_box a p{top:600px;width:100%;position:absolute;display:none;color:#fff;background:url(../images/display_icon.png) no-repeat center; text-align:center; font-family:"微软雅黑";}
#display_box img{width:100%;}
.geli{width:100%;height:100%;position:absolute; top:0; background: #209bce; display:none;}



/*第三楼*/
.box{ width:1000px; margin:20px auto; overflow:hidden}
.box p{font:lighter 20px/20px "微软雅黑"; text-align:center; color:#929aa0;}
.box p+p{font-size:32px; line-height:32px; color:#484f52; font-weight:100; margin-top:15px;}
.box h3{height:64px;padding-top:54px; margin-bottom:31px;}
.box .img{ width:560px; float:right; overflow:hidden}
.box .con{ width:410px; float:left}
.box .con p{font:24px/24px "微软雅黑"; color:#484f52; line-height:48px;text-align: left }
.box .con p a{color:#484f52; margin:0 3px;}
.box .con p span{ font:normal 24px/24px "微软雅黑"; color:#929aa0;}
.box .con p span a{color:#929aa0;}
.box .con p a:hover{color:#209bce;}

.box.box2 .img{ float:left}
.box.box2 .con{ float:right}






.news_list{ width:1000px; margin:40px auto;}
.news_list ul li{padding:10px 0; border-bottom:1px dashed #999; line-height:30px;text-align: justify;color: #484f52;}
.news_list ul li a{color: #484f52;}
.news_list ul li span{ float:right; margin:0 10px;}

#pro_list{ width:1000px;  margin:40px auto;}
#pro_list h2,.news_list h2{text-align:center;padding-top:54px;padding-bottom:16px; margin-bottom:56px;}
#pro_list h2 a{padding-bottom:13px; font:16px/16px "微软雅黑"; color:#7f7f7f;z-index:777; border-bottom:1px solid #d9e2e1; padding-right:15px;}
#pro_list h2 a:first-child{ padding-left:0px;}
#pro_list h2 span{ color: #209bce;padding-right:15px;}
#pro_list h2 a:hover,#pro_list h2 a.now{ border-bottom:2px solid #1f9bce; color: #209bce;}

#pro_list ul li{ float:left;width:240px;margin:0 5px 48px 5px; overflow:hidden}
#pro_list ul li p{ font:18px/36px "微软雅黑"; text-align:center;  color:#2b2b2b;}
#pro_list ul li .img a{display:table-cell; *display:block; width:320px; height:210px; line-height:0; font-size:0; *font-size:80px; text-align:center; vertical-align:middle; overflow:hidden;}
#pro_list ul li .img a img{vertical-align:middle;}

.page{height:36px; width:100%;padding-top:30px; padding-bottom:55px; clear:both;}
.page a{ font:16px/36px "微软雅黑"; color:#95a0a4; padding:5px 15px;background:#eef3f4;margin:0 5px;}
.page a.current_dis_page{background: #209bce; color:#d5efe7}
.page a.next_page{width:95px;}
.page a:hover{background: #209bce; color:#d5efe7}
.page a.total{width:126px;}