/* CSS Document */
.main{width:100%; height: auto; background: #FFF; overflow: hidden;}

.main .main_box{width:66%; height:800px; margin: 0 auto; overflow: hidden;}
.main .main_box .title{width:220px; height: 130px;  margin: 0 auto;overflow: hidden;  text-align: center; background: url(../images/jibenqinkuang.jpg) no-repeat center;}
.main .main_box .title p{display: block; width:100%; font-size:28px; height: 130px; color: #0377e1; line-height: 100px; letter-spacing: 0.2rem; overflow: hidden; font-weight:bold; }
.main .main_box .title hr{width:40px; height: 5px; background-color: #0377e1; border: none; margin: 0 auto;}
/*基本情况*/
.slideGroup{ width:96%; height: auto; margin: 0 auto;  position: relative; }
.slideGroup .parHd{width:300px; height:630px; position:absolute; left: 0; top: 0; z-index: 999;  }
.slideGroup .parHd ul{width:258px; height:60%; overflow: hidden; background-color: rgba(30, 40, 60, 0.6); overflow-y: auto;}	
.slideGroup .parHd h3{ display: block;cursor:pointer; height: 63px; line-height: 63px; width:200px; text-align: center; background:#6ba1df url(../images/ly_ico.png) no-repeat 10px 14px; color: #000; margin: 10px; opacity: 0.6}
.slideGroup .parHd h3.on{ height:63px; background:url(../images/wly_gaikuang.png) no-repeat; color: #FFF;width:300px;margin: 0;opacity: 1 }
.slideGroup .parHd ul p{padding:16px; font-size: 14px; color: #FFF; line-height: 30px; text-indent: 2rem;}	

.slideGroup .parBd{width:100%; height:auto; overflow: hidden;}	
.slideGroup .parBd ul{ width:100%; height: 100%; z-index: 1; }
.slideGroup .parBd ul li{ display: block; width:100%; height: auto; float:left; _display:inline; overflow:hidden; }
.slideGroup .parBd ul li img{width:100%; height:100%; display:block;}

/*典型案例*/
.main .anli{width:100%; height: 840px; margin: 0 auto; overflow: hidden; }
.main .anli .title{width:220px; height: 130px;  margin: 0 auto;overflow: hidden;  text-align: center; background: url(../images/anli.jpg) no-repeat center;}
.main .anli .title h1{display: block; width:100%; font-size:28px; height: 130px; color: #0377e1; line-height: 100px; letter-spacing: 0.2rem; overflow: hidden; font-weight:bold; }

.main .anli .title hr{width:40px; height: 5px; background-color: #0377e1; border: none; margin: 0 auto;}
.main .anli .anli_box{width:100%; height: 90%; background-image: url(../images/ad_02.jpg); background-repeat: no-repeat; background-size: 100%; padding-top: 50px; }
.main .anli .anli_box .hopmap{width:65%; height:650px; margin: 0 auto; overflow: hidden; background: url(../images/map_bg1.png) no-repeat center;background-size: 90%; position: relative;}
.main .anli .anli_box .hopmap div{position: absolute; }
.main .anli .anli_box .hopmap div li{display: block; width:220px; height:auto; overflow: hidden; background-color:rgba(37, 130, 218, 0.8); margin-top:30px; border:3px solid #FFF; border-radius: 20px; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); padding: 5px; text-align: left; line-height:20px; cursor: pointer;}
.main .anli .anli_box .hopmap div li.on{background-color:rgba(0, 70, 140, 1)}
.main .anli .anli_box .hopmap div li a{ color: #fff; text-decoration: none; text-align:left; font-size: 14px; display: block;}
.main .anli .anli_box .hopmap div li:hover{background-color:rgba(0, 70, 140, 1)}
.main .anli .anli_box .hopmap .tzs{width:260px; height: 100px; top:7%; left:32%;}
.main .anli .anli_box .hopmap .zfx{width:240px; height: 120px; top:21%; left:10%;}
.main .anli .anli_box .hopmap .lgt{width:220px; height: 120px; top:44%; left:24%;}
.main .anli .anli_box .hopmap .jdp{width:220px; height: 120px; top:33%; left:50%;}
.main .anli .anli_box .hopmap .xhx{width:220px; height: 210px; top:64%; left:42%;}
.main .anli .anli_box .hopmap .sqy{width:340px; height: 140px; top:25%; left:70%;}

.anli_box .map_info { width:65%; height: 600px; margin: 0 auto; border:3px solid #0377e1;}
.anli_box .map_info ul{width:100%; height: 100%; overflow: hidden; padding: 15px;}
.map_info ul h2{display: block; width:100%; height: auto; line-height: 110px; font-size: 2rem; font-weight: 400; text-align: center;}
.map_info ul img{display: block; float: left; width:500px; height: 400px;  padding:5px; border:1px solid #d6d6d6; margin-top: 10px;}
.map_info .m_info_box .al_tab{ padding:15px;  zoom:1; width:680px; height: 420px; overflow: hidden; float:right; display: block;}
.map_info .m_info_box .al_tab dt{display: block;width:100%; height: 50px; text-align: left; border-bottom: 2px solid #666;}
.map_info .m_info_box .al_tab dt span{color:#666666; margin: 0 2rem 0 0; font-size:1.3rem; line-height:3.2rem; height: 3.2rem;  display: block; float: left;cursor: pointer;}
.map_info .m_info_box .al_tab dt span.active{border-bottom: 6px solid #0377e1; font-weight: bold;color: #0377e1;}
.map_info .m_info_box .tabox{width:650px; height: 340px; overflow: hidden;}
.map_info .m_info_box .tabox img{width:100%; height: auto;}
.map_info .m_info_box .juti_info{width:646px; height:310px; overflow:auto; margin-top: 30px; text-align:left; padding:0 1rem 3rem 0; display: none;animation: fadeIn 0.5s;}
.map_info .m_info_box .juti_info.active{display: block;}
.map_info .m_info_box .juti_info p{ font-size:16px; line-height: 30px; text-indent: 2rem ; padding-bottom: 1rem; text-align: justify;}
.tab-nav a{font-size: 30px; font-weight: bold; float: right; margin: 8px;}

/*视频*/
.main .video{width:68%; height: auto; margin: 0 auto; overflow: hidden;}
.main .video .title{width:220px; height: 130px;  margin: 0 auto;overflow: hidden;  text-align: center; background: url(../images/video.jpg) no-repeat center;}
.main .video .title h1{display: block; width:100%; font-size:28px; height: 130px; color: #0377e1; line-height: 100px; letter-spacing: 0.2rem; overflow: hidden; font-weight:bold; }

.main .video .title hr{width:40px; height: 5px; background-color: #0377e1; border: none; margin: 0 auto;}

.main .video .video_box{width:100%; height: auto; overflow: hidden; padding:10px; }
.main .video .video_box ul li{display: block; width:23%; height: 236px; overflow: hidden; float: left; margin: 18px 0 0 18px; position: relative;}
.video .video_box ul li img{ display: block; width: 290px; height: 236px; transition: all 0.6s; overflow: hidden;}
.video .video_box ul li img:hover{display: block; width: 290px; height:236px; transform: scale(1.2); overflow: hidden;}

.main .video .video_box ul li span{ display: block;width:290px; height: 40px; background-color:rgba(3,76,140,0.8); position: absolute; bottom:0; left:0; padding:0 10px 0 8px; line-height: 40px; color: #FFF; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 999;}
.video_box ul li span a{ color:#FFF; text-decoration: none;}

/*工作剪影*/

.main .work{width:68%; height: 380px;  margin: 0 auto;overflow: hidden; margin-top:20px; position: relative;}
.work .title{width:220px; height: 130px;  margin: 0 auto;overflow: hidden;  text-align: center; background: url(../images/gongzhuo.jpg) no-repeat center;}
.work .title h1{display: block; width:100%; font-size:28px; height: 130px; color: #0377e1; line-height: 100px; letter-spacing: 0.2rem; overflow: hidden; font-weight:bold; }
/* 本例子css */
.picMarquee-left{ width:96%;  overflow:hidden; position:relative; margin: 0 auto;}

.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:35px; height:35px; margin-right:5px;  overflow:hidden;cursor:pointer; background:#5a5a5a url(../images/left_2.png) no-repeat center; position:absolute; top:16%; z-index:999;filter:alpha(opacity=60); opacity:0.6;}
.picMarquee-left .hd .next{ background:#5a5a5a url(../images/left_1.png) no-repeat center; left: 10px;}
.picMarquee-left .hd .prev{ right:8px;}
.picMarquee-left .hd .prev:hover{background:#0377e1 url(../images/left_2.png) no-repeat center;filter:alpha(opacity=60); opacity:0.6;}
.picMarquee-left .hd .next:hover{background:#0377e1 url(../images/left_1.png) no-repeat center;filter:alpha(opacity=60); opacity:0.6;}
.picMarquee-left .bd{ padding:20px 10px 10px 10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden;}
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:228px; height:180px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#0377e1;  }
.picMarquee-left .bd ul li p{ font-size: 14px; width: 228px; text-align: left; color: #6e6e6e;}

/*.main .work .work_tab{width:100%; height: auto;overflow: hidden; margin-top: 55px; }
.work_table_box .wtb_nav{width:430px; height:70px; line-height:70px; font-weight:400; color:#bbb5b5; float: right; background: #f7f7f7;}
.work_table_box .wtb_nav ul{width:100%; height: 70px; border:1px solid #e4e4e4; border-bottom: none;}
.work_table_box .wtb_nav ul li{width:140px; height: 70px; float:left; padding:0 10px; cursor:pointer; font-size:22px; background: url(../images/L.png) no-repeat right center; text-align: center;}
.work_table_box .wtb_nav ul li.on{ color:#0377e1; }
.inBox{width:100%; height: auto;}
.inBox .inHd{width:430px; height:500px; border:1px solid #e4e4e4; float:right; overflow: hidden; background: #ebeaea;border-top: none; }
.inBox .inHd ul{width:90%; height: auto; margin: 0 auto; overflow:hidden; zoom:1; }
.inBox .inHd ul li{ height:95px; width:100%; text-align:left; cursor:pointer; border-top: 1px solid #0377e1;margin-bottom: 20px;  }
.inBox .inHd ul li.on a{ color: #0377e1;}
.inBox .inHd ul li a{display: block; width:100%; background: #f8f8f8; height: 70px; line-height: 30px; overflow: hidden; padding: 1rem 1rem 0 1rem; color: #111111; text-decoration: none;}
.inBox .inHd ul li a:hover{ color: #0377e1;}
.inBox .inHd ul li span{ display: block; text-align: right; color: #787878; background: #f8f8f8;}

.work_table_box .bd ul{ padding:15px;  zoom:1;  }
.work_table_box .bd li{ height:24px; line-height:24px;   }
.work_table_box .bd li .date{ float:right; color:#999;  }

.inBox .inBd{width:780px; height: 470px; overflow: hidden;  float: left;}
.inBox .inBd li{display: block; width:780px; height: 470px; overflow: hidden;background: url(../images/word_imgBG.png) no-repeat bottom left;}
.inBox .inBd li img{width:765px; height: 454px; display:block; border:4px solid #0377e1; margin-left:15px;}*/