@charset "utf-8";



/* = CSS重定义
------------------------------------------------------------ */


/*首页*/
.banner{ background:url(../images/banner.jpg) no-repeat center top; height:449px; display:block;}

.banner-form{  position:absolute; top:-426px; left:0; z-index:2;}
.banner-form .in{ width:330px;  background:url(../images/public/bg-black5.png); border-radius:16px; overflow:hidden}
.banner-form .h2title{ text-align:center; font-size:27px; color:#fff; display:block; padding:20px 0;}
.banner-form .grid{ margin-bottom:12px; overflow:hidden}
.banner-form .grid span{ color:#fff; padding:0 10px 0 30px;}
.banner-form .grid input,.banner-form .grid select{ height:28px; line-height:28px; width:170px;color:#6d6d6d; text-indent:10px; font-size:15px; border-radius:5px;} 
.banner-form .info{ font-size:16px; color:#fff; padding:5px 20px 20px;}
.banner-form .btn input{ width:172px; height:44px; line-height:44px; color:#fff; background:#34ce8d; margin:0 auto 20px; display:block; cursor:pointer; font-size:18px;}

.page1{ }
.page1 .pageIn{position:relative;}
.page1 .c1{ overflow:hidden; padding-top:30px;}
.page1 .c1 .left{ width:360px; background:#0eadfa; background:linear-gradient(315deg,#2ae082,#0dacfe); color:#fff; padding:20px 0;}
.page1 .c1 .left .ico{ background:url(../images/p1-ico.png) no-repeat center; width:100%; height:122px;}
.page1 .c1 .left .t1{ font-size:24px; font-weight:bold; padding:20px 0; text-align:center;}
.page1 .c1 .left .t2{ line-height:34px; padding:0 20px;}
.page1 .c1 .right{ width:826px; overflow:hidden;}
.page1 .c1 .right .pic{ width:850px;}
.page1 .c1 .right .pic img{ padding-right:15px;}
.page1 .c1 .right .list{ width:850px; overflow:hidden; margin-top:15px;}
.page1 .c1 .right .list li{ float:left; color:#fff; margin-right:15px; text-align:center; width:196px; padding:10px 0; cursor:pointer;}
.page1 .c1 .right .list li span{ display:block; font-size:40px; padding-bottom:10px;}
.page1 .list-hover li{ background:#56ca85; transition:all .2s ease-in-out;}
.page1 .list-hover li.active{ background:#fab02e;}

.page2{ background:#e3f3fb; padding-bottom:80px;}
.page2 .intro{ line-height:26px; padding-top:20px; text-align:center;}

.page3{ overflow:hidden;}
.page3 .list{ overflow:hidden; margin-top:60px;}
.page3 .list li{ text-align:center; float:left; width:190px; margin: 0 3px; cursor:pointer;  }
.page3 .list li .pic{ width:190px; height:190px; overflow:hidden; border-radius:50%;border:1px solid #0dadfc;}
.page3 .list li .pic img{ border-radius:50%; transition:all .5s ease-in-out;}
.page3 .list li .t1{ color:#0dadfc; font-size:32px; display:block; padding:30px 0;}
.page3 .list li .c1{ margin-top:20px; width:184px; height:222px; position:relative;  color:#fff; border-radius:10px; line-height:42px; font-size:22px;}
.page3 .list li .c1 .ico{ display:block; width:22px; height:25px;position:absolute; left:50%; margin-left:-11px; top:-25px;}
.page3 .list li .c1 .t2{display:block; font-size:30px; padding:18px 0;}
.page3 .list-hover li .c1{ background:#10b1f1; background: linear-gradient(#0faff5, #29df85); }
.page3 .list-hover li .c1 .ico{ background:url(../images/p-ico.gif) no-repeat; }
.page3 .list-hover li.active .c1{background: #fab02e;}
.page3 .list-hover li.active .c1 .ico{ background:url(../images/p-ico1.gif) no-repeat; }
.page3 .list-hover li.active .t1{ color:#fea303;}
.page3 .list-hover li:hover img{ transform:scale(1.2)}
.page3 .tt1{ color:#27b67a; font-weight:bold; font-size:24px; text-align:center; padding:50px 0 10px;}
.page3 .tt2{ color:#4f4f4f; font-size:24px; text-align:center; padding-bottom:40px;}
.page3 .tt2 span{ font-size:36px; color:#f47517; font-weight:bold;}
  
.page4{ overflow:hidden; }
.page4 .list{ text-align:center; padding:50px 0}
.page4 .list img{ padding:0 20px;}
.page4 .list .m-text{ font-size:30px; font-weight:bold; padding:30px 0 40px}
.page4 .link{ overflow:hidden; width:860px; margin:0 auto; text-align:center; border:1px dashed #959595; border-radius:20px;}
.page4 .link p{ width:550px; height:60px; float:left; background:url(../images/p4-ico.jpg) no-repeat 20px 20px; padding-top:30px; font-size:24px; font-weight:bold;}
.page4 .link a{ float:right; width:310px; height:60px; padding-top:34px; background:#fa802e; position:relative; border-radius:10px; font-size:22px; color:#fff;}
.page4 .link a .ico{ width:30px; height:30px; border-radius:50%; background:red; color:#fff; position:absolute; right:10px; top:10px;}
.page4 .intro{ text-align:center; padding:30px 0 60px; font-size:18px;}



.page5{ background:#e8fef5; overflow:hidden; padding:30px 0;}
.page5 .c1{ padding-top:50px;}
.page5 .left{ width:360px; float:left; padding-right:20px;}
.page5 .left strong{ font-size:26px; color:#28bf75;}
.page5 .left .list{ padding:20px 0;}
.page5 .left .list a{ font-size:20px; display:block; line-height:40px;}
.page5 .left .list a:hover{ color:#28bf75; text-decoration:underline}
.page5 .left .info{ line-height:30px;}
.page5 .right{ overflow:hidden; float:right; width:820px;}

.page5.bg-blue{ background:#e3f3fb;}
.page5.bg-blue .left strong{color:#28bf75;}
.page5.bg-blue .left .list a:hover{ color:#0dacfe;}





.page6{ overflow:hidden;}
.page6 .c1{ padding-top:60px;}
.page6 .c1 img{ float:left}
.page6 .c1 .text{ float:right; width:1000px; border-radius:10px; position:relative; color:#41548e; padding:5px 10px 0 10px; background:#0dacfe; color:#fff; padding:20px; line-height:30px;}
.page6 .c1 .text .ico{ position:absolute; left:-16px; top:60px; display:block; width:16px; height:21px; background:url(../images/p6-ico2.gif) no-repeat;}

.page6 .c2{ overflow:hidden; padding-top:50px;}
.page6 .c2 .left{ padding:30px; background:#dbf2fd; width:400px; float:left; margin-right:60px;}
.page6 .c2 .left .t1{ font-size:24px; padding-bottom:20px; border-bottom:1px dashed #5cc4fd;}
.page6 .c2 .left .t2{ line-height:34px; padding-top:20px; text-indent:2em; font-size:18px;}
.page6 .c2 .right{}



.page7{ overflow:hidden; padding:20px 0;}
.page7 .left{ width:860px; float:left;}
.page7 .left .t1{color:#fff; text-shadow:2px 2px 2px #179178; font-size:34px; padding:0 60px 20px 0; overflow:hidden; display:block}
.page7 .t2{ line-height:30px; color:#fff; font-size:18px;}


.page8{ text-align:center;}


.page9{ overflow:hidden; background:#f3f3f3;}
.page9 .list{ padding-top:50px; overflow:hidden;}
.page9 .list li{ float:left; padding:0 25px 30px;}
.page9 .list li .pic{ width:140px; float:left;}
.page9 .list li .pic img{}
.page9 .list li .info{ display:block; width:373px; padding-left:30px; overflow:hidden;}
.page9 .list li .info .t1{  font-size:22px; overflow: hidden; color:#25c376; }
.page9 .list li .info .t2{ font-size:18px; line-height:28px; padding-top:10px;overflow: hidden; }
.page9 .btn{ display:block; width:390px; height:66px; margin:20px auto 40px; background:#25c376; text-align:center; color:#fff; line-height:66px; border-radius:10px; font-size:20px; cursor:pointer; }


.page10{ overflow:hidden;}
.page10 .list{ overflow:hidden; padding-top:50px;}
.page10 .list li{ float:left; width:285px; height:250px; text-align:center; margin:0 56px; cursor:pointer;}
.page10 .list .circle{ width:80px; height:80px; border-radius:50%; background:#4bb676; color:#fff; display:inline-block; line-height:80px; font-size:20px;  transition: 1s; border:2px solid #fff;}
.page10 .list .t1{ color:#56ca85; padding:12px 0; font-size:18px; font-weight:bold;}
.page10 .list .t2{ line-height:30px;}
.page10 .list li:hover .circle{ transform:rotate(360deg) scale(1.15); border:2px solid #fa802e; }

.page11{ overflow:hidden;  padding:40px 0;}
.page11 .t1{ color:#fff; text-shadow:2px 2px 2px #179178; font-size:34px; width:100%; text-align:center;}
.page11 .t2{ color:#fafc7c; font-size:18px; text-align:center; width:100%; padding-top:20px;}
.page11 .c1{ padding-top:40px; overflow:hidden;}
.page11 .c1 .left{ border:1px solid #fff; padding:10px; line-height:30px; float:left; width:800px; color:#fff; background:#22be8b;}
.page11 .c1 .right{ float:right; color:#fff; width:300px; line-height:34px;}
.page11 .c1 .right strong{ color:#fafc7c;}

.page12{ overflow:hidden; padding:50px 0;}
.page12 .c1{ padding-top:50px; overflow:hidden;}
.page12 .left{ float:left;}
.page12 .right{ float:right; width:860px;}
.page12 .right .r1{ float:left; width:425px;}
.page12 .right .r1 strong{ font-size:22px;}
.page12 .right .r1 p{ line-height:30px; padding-top:10px; font-size:18px;}
.page12 .right .r2{ float:right; padding:20px; width:360px; background:#e3f3fb; line-height:26px; font-size:18px;}
.page12 .right .r2 strong{ color:#0dacfe;}
.page12 .right .r2 p{ padding:5px 0;}
.page12 .right .r3{ width:100%; height:60px; background:#0dacfe; color:#fff; text-align:center; font-weight:bold; font-size:22px; line-height:60px; margin:30px 0;display:inline-block;}
.page12 .right img{}
   
   
.page13{ overflow:hidden;}  
.page13 .c1{ overflow:hidden; padding-top:50px;}
.page13 .c1 .pic{ padding:10px 50px 0;}
.page13 .list{ overflow:hidden; width:280px;}
.page13 .list .t1{ font-size:22px; color:#56ca85;}
.page13 .list .ico{ width:32px; height:32px; display:inline-block; overflow:hidden;background:url(../images/p13-ico.jpg) no-repeat; float:left; margin-right:20px; transition:all .3s ease-in-out;}
.page13 .list li:hover .t1{ color:#fab02e;} 
.page13 .list .t2{ padding:15px 0 30px; line-height:30px; font-size:18px;}


.page13 .list .a1 .ico{ background-position:0 0;}
.page13 .list .a1:hover .ico{ background-position:-32px 0;}
.page13 .list .a2 .ico{ background-position:0 -32px;}
.page13 .list .a2:hover .ico{ background-position:-32px -32px;}
.page13 .list .a3 .ico{ background-position:0 -64px;}
.page13 .list .a3:hover .ico{ background-position:-32px -64px;}
.page13 .list .a4 .ico{ background-position:0 -96px;}
.page13 .list .a4:hover .ico{ background-position:-32px -96px;}
.page13 .list .a5 .ico{ background-position:0 -128px;}
.page13 .list .a5:hover .ico{ background-position:-32px -128px;}
.page13 .list .a6 .ico{ background-position:0 -160px;}
.page13 .list .a6:hover .ico{ background-position:-32px -160px;}

.page13 .c2{ overflow:hidden; padding:30px 40px 40px 180px; margin-top:20px; background:#56ca85 url(../images/p13-img2.jpg) no-repeat 30px 20px; color:#fff;}
.page13 .c2 .t1{ font-size:18px; line-height:30px;padding-bottom:20px;}
.page13 .c2 .t2{  font-size:30px; display:inline-block}
.page13 .c2 .btn{ width:326px; float:right; background:#fab02e; padding:12px 0; text-align:center; overflow:hidden; color:#fff} 
.page13 .c2 .btn span{ border:1px solid #fff; padding:5px 50px;}
.page13 .info{ text-align:center; padding:30px 0;}


.page14{ background:#f3f3f3; padding-bottom:50px;}
.page14 table{ color:#fff; line-height:26px; padding-top:30px;}
.page14 table .title{ text-align:center; font-size:24px; font-weight:bold;}
.page14 .line1{ height:84px;}
.page14 .line2{ height:172px;}
.page14 .line3{height:172px;}
.page14 .line4{ height:145px;}

.page14 .line1 th{ background:#84e27d;}
.page14 .line2 td{ background:#56ca85}
.page14 .line3 td{ background:#1ecdb1;}
.page14 .line4 td{ background:#0dacfe;}

.page15{ padding:50px 0;}
.page15 .left{ float:left; }
.page15 .h2title{ background:#0dacfe; padding:15px 20px; color:#fff; display:inline-block;}
.page15 .h2title .ico{ display:inline-block; width:18px; height:18px; background:#fff; border-radius:50%;}
.page15 .h2title strong{ padding:0 50px; font-size:36px;}
.page15 .c1{ padding-top:50px; overflow:hidden;}

.page15 ul{ width:700px; padding:20px 0 0 20px; overflow:hidden; position:relative;}
.page15 ul li{ padding-top:20px; overflow:hidden; line-height:30px;}
.page15 ul li .ico{ float:left; width:18px; height:18px; background:#fff; border:1px solid #9bcdec; border-radius:50%;}
.page15 ul li .t1{ color:#2a93d7; padding:0 10px; float:left; font-size:18px;}
.page15 ul li .t2{ float:left; overflow:hidden; width:600px}
.page15 .line{ position:absolute; left:10px; top:0; display:block; width:20px; height:555px; border-right:2px solid #9bcdec; z-index:-1;}

.page16{ overflow:hidden; padding:30px 0;}
.page16 strong{ color:#fff; background:url(../images/p16-ico.jpg) no-repeat; padding-left:60px; font-size:30px; margin:0 300px 0 100px;}
.page16 .btn{ color:#fff; border:1px solid #fff; border-radius:6px; padding:10px 30px; background:#fab02e; display:inline-block; font-size:18px;}


.page17{ overflow:hidden; padding:50px 0 0;}
.page17 ul{ width:1300px; overflow:hidden; padding-top:50px;}
.page17 ul li{ float:left; margin-right:54px; position:relative; width:366px; overflow:hidden;color:#fff; cursor:pointer;}
.page17 ul li .t2{ position:absolute; left:0; bottom:0; z-index:3; width:100%; height:63px; line-height:63px; background:rgba(244,165,65,.9); text-align:center; font-size:24px; color:#fff;}
.page17 ul li .in{ position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.4); height:100%;font-size:18px; padding:50px 30px 0; }
.page17 ul li .in .t1{ border-bottom:1px dashed #fff; line-height:40px; margin-bottom:10px; display:block;}
.page17 ul li .in .t1 span{ color:#fab02e;}
.page17 ul li .in p{ background:url(../images/p17-ico.png) no-repeat 0 14px; padding:7px 0 7px 20px }
.page17 .info{ line-height:30px; padding:30px 80px 0; font-size:18px; text-align:center;}
.page17 .pic { width:1300px; padding-top:30px;}
.page17 .pic img{ margin-right:54px;}

.page18{ overflow:hidden; padding:50px 0}
.page18 .h2title{ overflow:hidden; text-align:center; margin:50px 0 30px 20px;}
.page18 .h2title p{ width:264px; height:86px; line-height:86px; color:#fff; font-weight:bold; text-align:center; font-size:24px; display:inline-block; cursor:pointer; margin:0 12px; background:#0eadfa; background: linear-gradient(200deg,#0dacfe,#2ae082); float:left;}  
.page18 .h2title p.active,.page18 .h2title p:hover{ background:#fab02e;}
.page18 .tabConWrap{ overflow:hidden; height:490px;}
.page18 .c1{ overflow:hidden;}
.page18 .c1 ul{ padding-left:15px;}
.page18 .c1 li{ float:left; width:232px; height:235px; overflow:hidden; background:#f3f3f3;  margin:0 30px 24px; text-align:center;}
.page18 .c1 li p{ padding:5px 10px;}

.page18 .c2{ overflow:hidden; text-align:center;}
.page18 .c2 .info{ font-size:18px;}
.page18 .c2 img{ padding:40px 0 0}

.page18 .c3{ overflow:hidden; padding:0 0 0 50px;}
.page18 .c3 ul{ overflow:hidden;}
.page18 .c3 li{ float:left; width:255px;  overflow:hidden;  margin:0 10px 0;}
.page18 .c3 li p{ padding:5px 10px;}
.page18 .hz{ width:1090px; overflow:hidden; background:#f5f3f4; margin-top:30px; height:160px;}
.page18 .hz p{ width:24px; height:100%; padding:20px 10px; background:#fe9d2a; color:#fff; float:left; font-weight:bold; font-size:20px; line-height:30px;}  
.page18 .hz img{ padding:15px 0 0 50px;}


.page18 .c4{ overflow:hidden; text-align:center; padding-left:16px;}
.page18 .c4 img{ padding:14px; float:left;}


.page20{ overflow:hidden;}
.page20 .c1{ padding-top:50px; overflow:hidden; font-size:18px;}
.page20 .left{ width:50%; background:#fff;}
.page20 .left li{ line-height:56px; padding:0 10px; margin:0 10px; position:relative; border-bottom:1px dashed #9d9b9b; cursor:pointer;}
.page20 .left li.active{ width:570px; background:#2ecd8e; color:#fff;z-index:2;}
.page20 .left li.active .ico,.page20 .right .ico{ position:absolute; right:-13px; top:20px;  background:url(../images/p29-ico1.gif) no-repeat; width:13px; height:15px; display:block;}
.page20 .right{ width:50%; background:#e3f3fb; height:535px; padding-top:40px; position:relative;}
.page20 .right .ico{ top:60px; left:87px; background:url(../images/p19-ico2.gif) no-repeat;}
.page20 .right .t1{ float:left; padding:0 30px; color:#2ecd8e; font-size:40px; }
.page20 .right ul{ overflow:hidden; float:left; background:#fff; width:450px; height:500px;border-radius:10px;}
.page20 .right ul li{ padding:20px 10px; font-size:18px; line-height:36px;} 
.page20 .right ul li a{ color:red;}
.page20 .right ul p{ text-indent:2em;}


.page21{ background:#f3f3f3; overflow:hidden; text-align:center; padding:50px 0}
.page21 img{  vertical-align:top;}