@charset "utf-8";
* { margin:0; padding:0; font-style:normal;}
body { min-width:1300px; font-family:Microsoft YaHei; font-size:12px; color:#333; line-height:25px; background:#fff;}
input,textarea{outline-style:none;}
fieldset,img {border:0;}   
ol,ul { list-style:none;}   
a { color:#333; text-decoration: none !important;}
a:hover { color:#333; text-decoration:none !important;}
.clear { clear:both;}
.fl { float:left;}
.fr { float:right;}
.warp { width:1300px; margin:0 auto; position:relative;}
.pagetit { text-align:center; margin-bottom:40px; position:relative;}
.pagetit h3 { font-weight:500; line-height:55px; font-size:36px; color:#242424; letter-spacing:2px;}
.pagetit p { line-height:30px; font-size:16px; color:#888;}

/*banner*/
.baner { width:100%; height:600px; color:#fff; background-position:center top; background-repeat:no-repeat;}
.baner .warp { width:1240px;}
.baner h3 { line-height:100px; padding-top:210px; font-size:46px; letter-spacing:5px;}
.baner p { line-height:30px; letter-spacing:1px; margin-top:10px;}
.baner p span { display:inline-block; font-size:16px; padding:5px 15px; margin-right:10px; border-radius:4px; overflow:hidden; background:rgba(0,0,0,0.08);}
.baner a { display:block; width:180px; height:50px; line-height:50px; font-size:16px; color:#2963af; text-align:center; margin-top:50px; border-radius:25px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.baner a:hover { color:#fff; background:#f5af45;}

.baobei01 { width:100%; padding:50px 0;}
.baobei01 li { float:left; width:calc(100% / 3 - 60px); margin:0 30px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.baobei01 li::after { display:block; width:100%; line-height:40px; font-weight:bold; font-size:38px; text-align:center; position:absolute; top:-20px; left:0;}
.baobei01 .td01::after { content:"01"; color:#4779bd;}
.baobei01 .td02::after { content:"02"; color:#52c0d9;}
.baobei01 .td03::after { content:"03"; color:#f5af45;}
.baobei01 li h3 { line-height:30px; font-size:20px; color:#fff; text-align:center; padding:30px 10px 20px 10px; overflow:hidden; position:relative; z-index:2;}
.baobei01 li h3::after { display:block; width:100%; line-height:40px; font-size:38px; color:#fff; text-align:center; position:absolute; top:-20px; left:0;}
.baobei01 .td01 h3 { background:#4779bd;}
.baobei01 .td01 h3::after { content:"01";}
.baobei01 .td02 h3 { background:#52c0d9;}
.baobei01 .td02 h3::after { content:"02";}
.baobei01 .td03 h3 { background:#f5af45;}
.baobei01 .td03 h3::after { content:"03";}
.baobei01 li .msg { line-height:30px; font-size:15px; color:#666; padding:15px 25px; border:1px solid #eee; border-top:none;}
.baobei01 li:hover { box-shadow:0 0 30px rgba(46,149,106,0.1); z-index:2;}

.baobei02 { width:100%; padding:50px 0; background:#fafafa;}
.baobei02 li { float:left; width:calc(100% / 4 - 70px); text-align:center; margin:0 35px;}
.baobei02 li i { display:block; width:45px; height:45px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:100%;}
.baobei02 li .b01 { background-image:url(bb01.png);}
.baobei02 li .b02 { background-image:url(bb02.png);}
.baobei02 li .b03 { background-image:url(bb03.png);}
.baobei02 li .b04 { background-image:url(bb04.png);}
.baobei02 li h3 { line-height:35px; font-size:16px; color:#333; margin-top:5px;}
.baobei02 li p { line-height:22px; font-size:12px; color:#999;}

.baobei03 { width:100%; padding:50px 0;}
.baobei03 li { float:left; width:calc(100% / 5 - 72px); margin:0 15px; padding:15px 20px; border:1px dashed #2963af; position:relative;}
.baobei03 li::after { display:block; width:100%; line-height:40px; font-weight:bold; font-size:50px; color:#2963af; text-align:center; filter:alpha(opacity=10); opacity:0.1; position:absolute; left:0; top:25px;}
.baobei03 .b01::after { content:"01";}
.baobei03 .b02::after { content:"02";}
.baobei03 .b03::after { content:"03";}
.baobei03 .b04::after { content:"04";}
.baobei03 .b05::after { content:"05";}
.baobei03 li h3 { line-height:35px; font-size:18px; color:#333; text-align:center; margin:20px 0 10px 0; position:relative; z-index:2;}
.baobei03 li p { line-height:30px; font-size:15px; color:#999;}

.baobei04 { width:100%; padding:50px 0; background:#fafafa;}
.baobei04 .pagetit { float:left; width:50%; text-align:left;}
.baobei04 .pagetit span { display:block; font-size:28px; color:#2963af;}
.baobei04 .pagetit h3 { line-height:45px; font-size:32px; margin-top:15px;}
.baobei04 .dpt { float:right; width:calc(45% - 50px); padding:30px 25px 20px 25px; background:#2963af;}
.baobei04 .dpt h3 { line-height:35px; font-size:28px; color:#fff; letter-spacing:4px;}
.baobei04 .dpt p { line-height:30px; font-size:15px; color:#fff; margin-top:10px;}
.baobei04 .dpt p span { margin-right:30px; position:relative;}
.baobei04 .dpt p span::after { display:block; content:""; width:1px; height:10px; background:rgba(255,255,255,0.3); position:absolute; right:-16px; top:8px;}
.baobei04 .dpt p span:last-child { margin-right:0;}
.baobei04 .dpt p span:last-child::after { display:none;}
.baobei04 li { float:left; width:calc(100% / 4 - 70px); margin-right:20px; padding:25px 27.5px; overflow:hidden; background:#e0e7f2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.baobei04 li:last-child { margin-right:0;}
.baobei04 li h3 { line-height:40px; font-size:22px; color:#2963af;}
.baobei04 li p { height:60px; line-height:30px; font-size:16px; color:#2963af; filter:alpha(opacity=60); opacity:0.6; margin-top:5px;}
.baobei04 li:hover { box-shadow:0 0 15px rgba(0,0,0,0.05); z-index:2;}

.baobei05 { width:100%; padding:50px 0;}
.baobei05 li { float:left; width:calc(100% / 4 - 60px); text-align:center; margin:0 30px; padding:20px 0;}
.baobei05 li i { display:block; width:60px; height:60px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:100%;}
.baobei05 li .b01 { background-image:url(bb05.png);}
.baobei05 li .b02 { background-image:url(bb06.png);}
.baobei05 li .b03 { background-image:url(bb07.png);}
.baobei05 li .b04 { background-image:url(bb08.png);}
.baobei05 li .b05 { background-image:url(bb09.png);}
.baobei05 li .b06 { background-image:url(bb10.png);}
.baobei05 li .b07 { background-image:url(bb11.png);}
.baobei05 li .b08 { background-image:url(bb12.png);}
.baobei05 li h3 { line-height:45px; font-size:18px; color:#333;}
.baobei05 li p { line-height:25px; font-size:15px; color:#999;}

.baobei06 { width:100%; text-align:center; padding:50px 0; background:#fafafa;}
.baobei06 li { display:inline-block; margin:0 60px; position:relative;}
.baobei06 li::after { display:block; content:""; width:120px; height:1px; filter:alpha(opacity=20); opacity:0.2; background:#2963af; position:absolute; right:-122px; top:45px;}
.baobei06 li:last-child::after { display:none;}
.baobei06 li i { display:block; width:50px; height:50px; margin:0 auto; padding:20px; border-radius:50%; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:50px;}
.baobei06 li .b01 { background-color:#ecb83c; background-image:url(bb13.png);}
.baobei06 li .b02 { background-color:#5bb971; background-image:url(bb14.png);}
.baobei06 li .b03 { background-color:#ed7325; background-image:url(bb15.png);}
.baobei06 li .b04 { background-color:#326aa2; background-image:url(bb16.png);}
.baobei06 li .b05 { background-color:#f5af45; background-image:url(bb17.png);}
.baobei06 li .b06 { background-color:#28bae8; background-image:url(bb18.png);}
.baobei06 li p { line-height:40px; font-weight:bold; font-size:18px; color:#333; margin-top:10px;}

.baobei07 { width:100%; padding:50px 0;}
.baobei07 li { float:left; width:calc(100% / 3 - 100px); margin:0 50px 30px 50px; position:relative;}
.baobei07 li::after { display:block; content:""; width:90%; height:80px; border-radius:2px; overflow:hidden; background:#e5ecf7; position:absolute; left:10%; top:31px;}
.baobei07 li i { display:block; float:left; width:85px; height:85px; border-radius:4px; overflow:hidden; background-color:#2963af; background-repeat:no-repeat; background-position:center; background-size:50px; position:relative; z-index:2;}
.baobei07 li .b01 { background-image:url(bb19.png);}
.baobei07 li .b02 { background-image:url(bb20.png);}
.baobei07 li .b03 { background-image:url(bb21.png);}
.baobei07 li .b04 { background-image:url(bb22.png);}
.baobei07 li .b05 { background-image:url(bb23.png);}
.baobei07 li .b06 { background-image:url(bb24.png);}
.baobei07 li .msg { float:right; width:calc(100% - 100px);}
.baobei07 li .msg h3 { font-size:18px; color:#333; margin-bottom:5px;}
.baobei07 li .msg p { line-height:30px; font-size:16px; color:#2963af; padding:10px 20px 10px 0; filter:alpha(opacity=80); opacity:0.8; position:relative; z-index:2;}

.baobei08 { width:100%; padding:50px 0; background:#fafafa;}
.baobei08 li { float:left; width:calc(100% / 4 - 70px); line-height:35px; font-weight:bold; font-size:18px; color:#fff; text-align:center; padding:35px;}
.baobei08 li i { display:inline-block; width:35px; height:35px; margin-right:10px; background-repeat:no-repeat; background-position:center; background-size:35px; position:relative; top:11px;}
.baobei08 .fw01 { background:#133763;}
.baobei08 .fw01 i { background-image:url(bb25.png);}
.baobei08 .fw02 { background:#2963af;}
.baobei08 .fw02 i { background-image:url(bb26.png);}
.baobei08 .fw03 { background:#52c0d9;}
.baobei08 .fw03 i { background-image:url(bb27.png);}
.baobei08 .fw04 { background:#f5af45;}
.baobei08 .fw04 i { background-image:url(bb28.png);}

.baobei09 { width:100%; height:500px; padding:50px 0;}
.baobei09 .lz09lft { float:left;}
.baobei09 .lz09lft .pagetit { text-align:left;}
.baobei09 .lz09lft .imgs { float:right; width:140px; height:313px; padding:8px 10px 0 9px; background:url(mob.png) no-repeat 0 0 / 100%; position:absolute; left:200px; bottom:2px; z-index:2;}
.baobei09 .lz09lft .imgs::after { display:block; content:""; width:160px; height:320px; background:url(mobl.png) no-repeat center top / 100%; position:absolute; left:0; top:0;}
.baobei09 .lz09lft .imgs .nr { height:305px; border-radius:15px; overflow:hidden;}
.baobei09 .lz09lft .imgs .bd { width:140px; height:305px;}
.baobei09 .lz09lft .imgs .bd .img { width:140px; height:305px; overflow:hidden;}
.baobei09 .lz09lft .imgs .bd .img img { display:block; width:100%;}
.baobei09 .lz09lft .hd { float:left; width:140px;}
.baobei09 .lz09lft .hd li { line-height:40px; font-size:14px; color:#2963af; cursor:pointer; text-align:center; margin-top:15px; border:1px dashed #2963af; border-radius:2px; background:#fff;}
.baobei09 .lz09lft .hd .on { color:#fff; background:#2963af;}
.baobei09 .lz09rgt { float:right;} 
.baobei09 .lz09rgt .pagetit { text-align:right;}
.baobei09 .lz09rgt .imgs { width:585px; height:385px; padding:24px 0 0 85px; margin:0 auto; border-radius:3px; overflow:hidden; overflow:hidden; background:url(pc.png) no-repeat 0 0 / 100%; position:absolute; right:270px; z-index:1;}
.baobei09 .lz09rgt .imgs .bd { width:497px; height:311px;}
.baobei09 .lz09rgt .imgs .bd .img { width:497px; height:311px;}
.baobei09 .lz09rgt .imgs .bd .img img { display:block; width:497px; height:311px;}
.baobei09 .lz09rgt .hd { float:right; width:290px;}
.baobei09 .lz09rgt .hd li { float:left; width:calc(100% / 2 - 17px); line-height:40px; font-size:14px; color:#2963af; cursor:pointer; text-align:center; margin:15px 0 0 15px; border:1px dashed #2963af; border-radius:2px; background:#fff;}
.baobei09 .lz09rgt .hd .on { color:#fff; background:#2963af;}

.baobei10 { width:100%; padding:50px 0; background:#fafafa;}
.baobei10 li { float:left; width:310px; margin:0 20px 20px 0;}
.baobei10 li:nth-child(4n) { margin-right:0;}
.baobei10 li a { display:block; width:100%;}
.baobei10 li .img { width:310px; height:175px; border-radius:4px 4px 0 0; overflow:hidden; background:#eee;}
.baobei10 li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.baobei10 li p { line-height:40px; font-size:14px; color:#333; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.baobei10 li:hover .img img { transform:scale(1.1,1.1);}
.baobei10 li:hover p { color:#2963af;  background-position:right -34px;}