@charset "utf-8";
.picBox{overflow:hidden;font-size:0;position:relative;transition:all 0.2s linear 0s;background:#fff;width:100%!important}
.picBox .hd{ position:absolute;bottom:25px;left:0;width:100%;height:4px;z-index:99;text-align:center}
.picBox .hd ul{margin:0;padding:0;text-align:center;}
.picBox .hd ul li{background:#fff;display:inline-block;*display:inline;width:37px;height:4px;line-height:999px;color:#fff;cursor:pointer;font-size:0;margin:0 4px; opacity: .5;overflow: hidden; vertical-align: top;}
.picBox .hd ul li.on{ opacity: 1;}
.picBox .bd{ position:relative; left: 50%; width: 1920px; margin-left: -960px; }
.picBox .bd,.picBox .bd li{height:480px;}
.picBox .bd ul{width:100%!important}
.picBox .bd ul li{background-position:50% 50%!important;width:100%!important}
.picBox .bd ul li a{transition:all 0.2s linear 0s;display:block;width:100%;height:100%}

.ibw-title { padding: 60px 0; }
.ibw-title .hd { margin-bottom: 49px; text-align: center; }
.ibw-title .hd h2 { font-size: 30px; line-height: 53px; font-weight: normal; }
.ibw-title .hd p { font-size: 16px; line-height: 40px; }

.ibw-a {}
.ibw-a .hd { margin-bottom: 50px; }
.ibw-a .bd .item { float: left; width: 380px; margin-right: 28px; position: relative; }
.ibw-a .bd .item .img { height: 206px; overflow: hidden; }
.ibw-a .bd .item .img img { transition:all 0.6s ease-in-out; transform:scale(1); }
.ibw-a .bd .item .intro {padding: 8px 24px 24px;border: 1px solid #eee;border-top:0;}
.ibw-a .bd .item .intro h4 { font-size: 18px; line-height: 40px; font-weight: normal; }
.ibw-a .bd .item .intro .txt {height: 88px;line-height: 24px;overflow: hidden;padding: 5px 0;color: #999;}
.ibw-a .bd .item .intro .ex { height: 58px; line-height: 29px; overflow: hidden; }
.ibw-a .bd .item .intro .ex li { padding-left: 24px; background: url(z4.jpg) no-repeat 0 50%; }
.ibw-a .bd .item .intro .ex li a { color: #0073c3; }
.ibw-a .bd .item .intro .ex li a:hover { color: #f60; }
.ibw-a .bd .item:last-child { margin-right: 0; }

.ibw-a .bd .item:hover .img img { transform:scale(1.1); }

.ibw-b { position: relative; background: #4178be; }
.ibw-b .g-in { position: relative; z-index: 1; }
.ibw-b .hd { margin-bottom: 45px; }
.ibw-b .hd h2 { color: #fff; }
.ibw-b .hd p,
.ibw-b .hd p a { color: #fff; }
.ibw-b .hd p a { position: relative; display: inline-block; padding: 0 14px; }
.ibw-b .hd p a:before { position: absolute; top: 40px; left: 124px; right:124px; content: "\20"; width: auto; height: 1px; background: #fff; transition:all .25s ease-in-out; }
.ibw-b .hd p a.on:before,
.ibw-b .hd p a:hover:before {  left: 14px; right:14px; }
.ibw-b .hd p a:after { position: absolute; top: 15px; right: 0; content: "\20"; width: 1px; height: 11px; background: #fff; }
.ibw-b .hd p a:last-child:after { display:none; }
.ibw-b .bd { position: relative; margin-bottom: 45px; height: 350px; padding:40px 0; background: #fff; }

.ibw-b .bd .sPrev,
.ibw-b .bd .sNext{ position:absolute; left:0; top:50%; margin-top:-40px; display:block; width:32px; height:80px; background:url(slider-arrow.png) -110px center no-repeat #999; filter:alpha(opacity=50);opacity:0.5; z-index: 1; }
.ibw-b .bd .sNext{ left:auto; right:0; background-position:8px center; }
.ibw-b .bd .sPrev:hover,
.ibw-b .bd .sNext:hover{ filter:alpha(opacity=100);opacity:1;  }

.ibw-b .bd .item { position: relative; top: 0; float: left; width: 300px; padding: 10px 0; border-right: 1px solid #efefef; text-align: center; transition:all .2s ease-in-out; }
.ibw-b .bd .item:last-child { border-right:0; }
.ibw-b .bd .item h4 { color: #000; font-size: 18px; line-height: 46px; transition:all .25s ease-in-out; }
.ibw-b .bd .item h4 i { display: block; width: 60px; height: 60px; margin:0 auto 15px; }
.ibw-b .bd .item .ibw-b-pro { min-height: 44px; margin-bottom: 16px; line-height: 22px; }
.ibw-b .bd .item .ibw-b-pro a { display: inline-block; margin:0 6px; color: #000; opacity: .5; }
.ibw-b .bd .item .p { margin-bottom: 10px; color: #ff8a00; line-height: 32px; font-size: 24px; }
.ibw-b .bd .item .p em { display: inline-block; margin-top: 9px; margin-left: 4px; font-size: 16px; vertical-align: top; line-height: 22px; }
.ibw-b .bd .item .more { text-align: center; }
.ibw-b .bd .item .more a { display: inline-block; width: 130px; height: 30px; border:1px solid #0073c3; color: #0073c3; line-height: 28px; text-align: center; }
.ibw-b .ft { text-align: center; }
.ibw-b .ft a { display: inline-block; width: 276px; height: 50px; background: #326fba; box-shadow: 0 0 10px rgba(53, 113, 186, .2); background: linear-gradient(to right,#326fba,#6aebf0); color: #fff; line-height: 50px; font-size: 18px; transition:all .3s ease-in-out; }
.ibw-b .ft a:hover { background: #6aebf0; background: linear-gradient(to right,#6aebf0,#326fba); color: #fff; }

.ibw-b .bd .item:hover { top: -10px; }
.ibw-b .bd .item:hover h4 { color: #0073c3; }
.ibw-b .bd .item:hover .more a { border:1px solid #0073c3; background: #0073c3; color: #fff; }

.ibw-b .ibw-b-b .item { width: 33.333%; }




#particles-js { position: absolute; top: 0; width: 100%; height: 100%; background-color: #4178be; }

.ibw-c { }
.ibw-c .hd { margin-bottom: 50px; }
.ibw-c .bd .item { position: relative; top: 0; float: left; width: 280px; margin-right: 26px; transition:all .25s ease-in-out; }
.ibw-c .bd .item .mt { height: 122px; padding-top: 38px; background: #3887dc; color: #fff; text-align: center; }
.ibw-c .bd .item .mt h4 { font-size: 22px; line-height: 30px; font-weight: normal; }
.ibw-c .bd .item .mt p { line-height: 20px; overflow: hidden; }
.ibw-c .bd .item .intro { padding: 20px 10px 30px; border:1px solid #d4d4d4; border-top:0; }
.ibw-c .bd .item .intro .mc { margin-bottom: 10px; height: 125px; border-bottom: 1px dotted #e5e5e5; }
.ibw-c .bd .item .intro .mc ul li { padding-left: 14px; background: url(z10.gif) no-repeat 0 50%; line-height: 27px; }

.ibw-c .bd .item .intro .p { margin-bottom: 10px; text-align: center; }
.ibw-c .bd .item .intro .p a { display: inline-block; padding-left: 25px; background: url(z9.jpg) no-repeat 0 50%; color: #0073c3; }
.ibw-c .bd .item .intro .more { text-align: center; }
.ibw-c .bd .item .intro .more a { display: inline-block; width: 130px; height: 30px; border:1px solid #0073c3; color: #0073c3; line-height: 28px; text-align: center; transition:all .3s ease-in-out; }
.ibw-c .bd .item:last-child { margin-right: 0; }
.ibw-c .bd .item-1 .mt { background: url(z11.jpg) no-repeat; }
.ibw-c .bd .item-2 .mt { background: url(z12.jpg) no-repeat; }
.ibw-c .bd .item-3 .mt { background: url(z13.jpg) no-repeat; }
.ibw-c .bd .item-4 .mt { background: url(z14.jpg) no-repeat; }

.ibw-c .bd .item:hover { top: -10px; }
.ibw-c .bd .item:hover .more a { border:1px solid #0073c3; background: #0073c3; color: #fff; }

.ibw-form-a { padding-top: 60px; padding-bottom: 60px; background: #49b5ca url(z15.jpg) no-repeat center; }
.ibw-form-a p { float: left; width: 260px; padding-left: 15px; color: #fff; font-size: 24px; line-height: 28px; }
.ibw-form-a p strong { display: block; line-height: 32px; }
.ibw-form-a form { display: block; overflow: hidden; padding-top: 5px; }
.ibw-form-a form li { float: left; margin-right: 13px; }
.ibw-form-a form li .ipt { width: 314px; height: 50px; padding:10px 20px; border: 1px solid #ededed; background: #fff; transition:all .2s ease-in-out; }
.ibw-form-a form li .ipt:focus { border: 1px solid #0073c3; background: #fff; }
.ibw-form-a form li .sbt { width: 260px; height: 50px; margin:0 0 0 10px; padding:0; border:0; background: #326fba; box-shadow: 0 0 10px rgba(53, 113, 186, .2); background: linear-gradient(to right,#326fba,#6aebf0); color: #fff; line-height: 50px; font-size: 18px; cursor: pointer; }
.ibw-form-a form li .sbt:hover { background: #6aebf0; background: linear-gradient(to right,#6aebf0,#326fba); color: #fff; }

.ibw-d { padding-bottom: 90px; background: #f6f6f6; }
.ibw-d .hd { margin-bottom: 58px; }
.ibw-d .hd h2 { margin-bottom: 27px; }
.ibw-d .hd ul { text-align: center; }
.ibw-d .hd ul li { display: inline-block; width: 278px; height: 105px; margin:0 6px; padding: 13px 0 0; border:1px solid #eaeaea; background: #fff; vertical-align: top; }
.ibw-d .hd ul li.on { border:1px solid #0073c3; }
.ibw-d .hd ul li h3 { margin-bottom: 4px; line-height: 30px; font-size: 16px; font-weight: normal; }
.ibw-d .hd ul li p { line-height: 20px; font-size: 12px; }
.ibw-d .hd ul li p a { display: inline-block; margin: 0 12px; color: #666; font-size: 14px; }
.ibw-d .hd ul li p a:hover { color: #f60; opacity: 1; }
.ibw-d .bd .item { float: left; width: 380px; margin-right: 30px; background: #fff; }
.ibw-d .bd .item .img { height: 206px; overflow: hidden; }
.ibw-d .bd .item .img img { transition:all 0.6s ease-in-out; transform:scale(1); }
.ibw-d .bd .item .intro { padding: 18px 24px 24px; border:1px solid #fff; border-top:0; }
.ibw-d .bd .item .intro h4 { font-size: 18px; line-height: 33px; font-weight: normal; }
.ibw-d .bd .item .intro .ec { margin-bottom: 5px; line-height: 25px; }
.ibw-d .bd .item .intro .ec span { float: right; }
.ibw-d .bd .item .intro .txt { height: 67px; line-height: 25px; overflow: hidden; }
.ibw-d .bd .item .intro .ex { height: 58px; line-height: 29px; overflow: hidden; }
.ibw-d .bd .item .intro .ex li { padding-left: 24px; background: url(z4.jpg) no-repeat 0 50%; }
.ibw-d .bd .item .intro .ex li a { color: #0073c3; }
.ibw-d .bd .item .intro .ex li a:hover { color: #f60; }
.ibw-d .bd .item:last-child { margin-right: 0; }

.ibw-d .bd .item:hover .img img { transform:scale(1.1); }

.ibw-e { padding-top: 75px; }
.ibw-e .hd { margin-bottom: 48px; }
.ibw-e .bd { overflow: hidden; }
.ibw-e .bd .abt { float: left; width: 410px; height: 570px; }
.ibw-e .bd .abt .abt-s { position: relative; width: 410px; height: 326px; }
.ibw-e .bd .abt .abt-s .mc li { position: relative; width: 410px; height: 326px; }
.ibw-e .bd .abt .abt-s .mc li:after { position: absolute; left: 0; bottom: 0; content: "\20"; width: 410px; height: 44px; background: #000; opacity: .7; }
.ibw-e .bd .abt .abt-s .mc li span { position: absolute; left: 0; bottom: 0; width: 410px; padding: 0 27px; color: #fff; font-size: 16px; line-height: 44px; z-index: 1; }
.ibw-e .bd .abt .abt-s .next,.ibw-e .bd .abt .abt-s .prev { position: absolute; bottom: 11px; display: block; width: 17px; height: 22px; z-index: 2; }
.ibw-e .bd .abt .abt-s .next { right: 17px; background: url(z21.png) no-repeat; }
.ibw-e .bd .abt .abt-s .prev { right: 34px; background: url(z20.png) no-repeat; }
.ibw-e .bd .abt .wangxin {height: 244px;padding-top: 68px;background: #034d85;color: #fff;font-size: 20px;line-height: 28px;text-align: center;}
.ibw-e .bd .abt .wangxin .more { margin-top: 22px; }
.ibw-e .bd .map { position: relative; float: right; width: 790px; height: 570px; background: url(z16.jpg) no-repeat; }

.map-city { opacity: 0; }
.map-city .mc::-webkit-scrollbar-thumb {min-height:50px;border-radius:3px;background-color:#666}
.map-city .mc::-webkit-scrollbar-track {background:#eee}
.map-city .mc::-webkit-scrollbar-corner {background:transparent}
.map-city .mc::-webkit-scrollbar {width:7px;height:7px}
.map-city { position: absolute; margin-top: 100px; padding: 6px 17px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.map-city h4 { line-height: 32px; border-bottom: 1px solid #e8e8e8; font-size: 14px; font-weight: normal; }
.map-city .mc { height: 232px;  overflow-y: auto; }
.map-city .mc ul { }
.map-city .mc ul li {float: left; width: 46%; padding: 12px 0; margin-right: 8%; border-bottom: 1px dotted #d9d9d9;line-height: 22px;font-size: 12px;}
.map-city .mc ul li .adt { margin-bottom: 3px; color: #0073c3; font-size: 13px; }
.map-city .mc ul li:nth-child(2n) { margin-right: 0; }

.map .city li { position: absolute; padding: 10px; font-size: 12px; cursor: pointer;  }
.map .city li.city-ah { top: 307px; right: 210px; }
.map .city li.city-ah::before { display: block; width: 16px; height: 15px; margin:0 0 ; background: url(z37.png) no-repeat; content: ""; }
.map .city li.city-sd {top: 266px;right: 202px;}
.map .city li.city-sd::before { display: block; width: 16px; height: 15px; margin:0 0 ; background: url(z36.png) no-repeat; content: ""; }
.map .city li.city-sh {top: 320px;right: 153px;}
.map .city li.city-sh::before { display: block; width: 16px; height: 15px; margin:0 0 ; background: url(z36.png) no-repeat; content: ""; }
.map .city li.city-js {top: 283px;right: 182px;}
.map .city li.city-js::before {display: block;width: 16px;height: 15px;margin: 12px 0 0;background: url(z36.png) no-repeat;content: "";}

.map-sd {left: 250px;top: 170px;width: 300px;height: 170px;}
.map-ah { left: 60px; top: 100px; width: 470px; height: 290px; }
.map-sh,
.map-js { left: 270px; top: 210px; width: 270px; height: 170px; }
.map-sd .mc ul li,
.map-sh .mc ul li,
.map-js .mc ul li { float: none; width: 100%; margin-right: 0; border-bottom:0; }

.ibw-f { padding-top: 5px; padding-bottom: 70px; }
.ibw-f .hd { margin-bottom: 50px; }
.ibw-f .bd { margin-bottom: 22px; }
.ibw-f .bd .item { float: left; width: 380px; margin-right: 30px; background: #fff; }
.ibw-f .bd .item .img { height: 206px; overflow: hidden; }
.ibw-f .bd .item .img img { transition:all 0.6s ease-in-out; transform:scale(1); }
.ibw-f .bd .item .intro { padding: 10px 16px; border:1px solid #d4d4d4; border-top:0; }
.ibw-f .bd .item .intro h4 { color: #7d7d7d; font-size: 16px; line-height: 28px; font-weight: normal; }
.ibw-f .bd .item .intro h4 a { color: #7d7d7d; }
.ibw-f .bd .item .intro h4 a:hover { color: #0073c3; }
.ibw-f .bd .item:last-child { margin-right: 0; }
.ibw-f .bd .item:hover .img img { transform:scale(1.1); }

.ibw-f .ft { padding: 22px 0; border:1px solid #dcdcdc; }
.ibw-f .ft li { float: left; width: 33.333%; padding-left: 24px; line-height: 28px; }
.ibw-f .ft li a { color: #7d7d7d; }
.ibw-f .ft li a:hover { color: #0073c3; }