﻿/* home --begin-- */
.iBanner{ width:100%; margin:0 auto; overflow:hidden;}
.iBanner,.flexslider,.slides li,.flex-direction-nav li a{ height:510px;}
.flexslider{ position:relative; overflow:hidden; background:url(../images/bann_loading.gif) no-repeat center center;}
.slides{ position:relative; z-index:1;}
.slides li a{ width:1003px; height:100%; display:block; margin:0 auto;}
.flex-control-nav{ width:1000px; position:absolute; left:50%; bottom:18px; margin-left:-515px; z-index:2; text-align:center;}
.flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; background:#fff; cursor:pointer; border-radius:10px;}
.flex-control-nav .flex-active{ background:#1e64bc;}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:0;}
.flex-direction-nav li a{ display: block; width:36px; overflow:hidden; cursor:pointer; position:absolute; background-repeat:no-repeat; background-image:url(../images/banner_point.png);}
.flex-direction-nav li a.flex-prev{ left:50%; margin-left:-700px; background-position:left center;}
.flex-direction-nav li a.flex-next{ right:50%; margin-right:-700px; background-position:-36px center;}
.iAbout{ background:url(../images/iAboutBg.jpg) no-repeat left top; border-bottom:solid 6px #013e8b; overflow:hidden; position:relative;}
.iAbout:after{ content:""; position:absolute; left:0; bottom:0; background:#1e64bc; width:100%; height:133px; z-index:-1;}
.iVideo{ width:540px; height:470px; float:left; margin-top:80px; padding:10px; background:#1e64bc;}
.iVideo video{ width:100%; height:100%; object-fit:fill;}
.iAboutCt{ width:600px; float:right;}
.iAboutCt dl{ width:570px; margin-left:20px; margin-top:95px;}
.iAboutCt dl dt{ font-size:24px; line-height:30px;}
.iAboutCt dl dt b{ font-size:48px; color:#1e64bc; display:block; line-height:60px; font-weight:normal; padding-bottom:5px;}
.iAboutCt dl dt span{ padding-left:5px;}
.iAboutCt dl dd{ font-size:16px; text-align:justify; padding:5px; line-height:32px; margin-top:10px;}
.iAboutCt ul{ overflow:hidden; padding:48px 0 25px;}
.iAboutCt ul li{ color:#fff; float:left; text-align:center; margin-right:45px;}
.iAboutCt ul li p{ font-size:18px; margin-bottom:5px;}
.iAboutCt ul li p b{ font-size:45px; line-height:45px; padding-right:2px;}
.iAboutCt ul li span{ font-size:16px;}
.iAboutCt ul li:last-child{ margin-right:0;}
.iTitle{ position:relative; text-align:center; height:90px; margin-top:55px;}
.iTitle h2{ font-size:36px; font-weight:normal; line-height:40px; margin-top:-55px; position:relative; z-index:1;}
.iTitle p{ font-size:80px; color:#f6f6f6; text-transform:uppercase; line-height:90px;}
.iTab .iTabPage{ text-align:center; margin-top:30px;}
.iTab .iTabPage li{ display:inline-block;}
.iTab .iTabPage li a{ display:block; font-size:16px; padding:0 23px;}
.iTab .iTabPage li a span{ display:block; height:45px; overflow:hidden; margin-bottom:10px;}
.iTab .iTabPage li a span img{ margin-top:-45px;}
.iTab .iTabPage li.thistab a{ color:#1e64bc;}
.iTab .iTabPage li.thistab a span img{ margin-top:0;}
.iProTab{ margin-top:40px;}
.iProTab .iProMd{ position:relative; padding-bottom:90px; overflow:hidden;}
.iProTab .iProMore{ position:absolute; bottom:10px; left:50%; margin-left:-105px; background:#1e64bc; text-align:center; border:solid 1px #054390; cursor:pointer; width:210px; height:50px; line-height:50px; color:#fff; font-size:18px; display:block; border-radius:5px;}
.iProTab .iProMore:hover{ background:#054390;}
.iProTab .iTabCt{ overflow:hidden; margin-top:40px;}
.iProTab .iTabCt li{ width:31.4%; float:left; margin-right:2.9%;}
.iProTab .iAnim .iTabCt li{ animation:fadeInDown 0.5s both; -webkit-animation:fadeInDown 0.5s both; -ms-animation:fadeInDown 0.5s both; -moz-animation:fadeInDown 0.5s both; -o-animation:fadeInDown 0.5s both;}
.iProTab .iAnim .iTabCt li:nth-child(3n){ margin-right:0;}
.iProTab .iAnim .iTabCt li:nth-child(2){ animation-delay:0.05s; -webkit-animation-delay:0.05s;}
.iProTab .iAnim .iTabCt li:nth-child(3){ animation-delay:0.15s; -webkit-animation-delay:0.15s;}
.iProTab .iAnim .iTabCt li:nth-child(4){ animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.iProTab .iAnim .iTabCt li:nth-child(5){ animation-delay:0.25s; -webkit-animation-delay:0.25s;}
.iProTab .iAnim .iTabCt li:nth-child(6){ animation-delay:0.3s; -webkit-animation-delay:0.3s;}
.iProTab .iAnim .iTabCt li:nth-child(7){ animation-delay:0.35s; -webkit-animation-delay:0.35s;}
.iProTab .iAnim .iTabCt li:nth-child(8){ animation-delay:0.4s; -webkit-nimation-delay:0.4s;}
.iProTab .iTabCt li a{ display:block; overflow:hidden; text-align:center;}
.iProTab .iTabCt li .iProCtPic{ border:solid 1px #cacbcc;}
.iProTab .iTabCt li .iProCtPic img{ width:100%; }
.iProTab .iTabCt li .iProCtTit{ padding:10px 0;}
.iProTab .iTabCt li:hover a{ color:#1e64bc; border-color:#1e64bc;}
.iMade{ margin-top:30px; height:304px; background:url(../images/iMadeBg.jpg) no-repeat center top; overflow:hidden;}
.iMade .p1{ font-size:24px; color:#fff; text-align:center; letter-spacing:1px; margin-top:54px; text-shadow:5px 2px 6px #013e8b;}
.iMade .p2{ text-align:center; color:#fff; font-size:18px; text-shadow:5px 2px 6px #013e8b;}
.iMade .p2 b{ font-size:30px;}
.iMade .ct{ text-align:center; padding:25px 0 25px;}
.iMade .ct b{ display:inline-block; background:url(../images/iMadeIco.png) no-repeat left center; font-size:18px; padding-left:34px; color:#fff; font-weight:normal; margin:0 18px; text-shadow:5px 2px 6px #013e8b;}
.iMade a{ width:150px; height:40px; line-height:40px; text-align:center; color:#fff; border:solid 2px #054390; border-radius:5px; display:block; font-size:18px; margin:25px auto 0; text-shadow:5px 2px 6px #013e8b;}
.iMade a:hover{ background:#054390; color:#fff;}
.iChoseUs .iChoseUsTit{ text-align:center; padding:0 140px; font-size:16px; margin-top:20px; line-height:32px;}
.iChoseUs .iChoseUsCt{ text-align:center; padding-top:25px; height:663px; margin-top:60px; position:relative;}
.iChoseUs .iChoseUsCt div{ position:absolute;}
.iChoseUs .iChoseUsCt div .p1{ height:58px; line-height:81px; font-size:22px; font-weight:bold; text-indent:54px; overflow:hidden; letter-spacing:1px; overflow:hidden;}
.iChoseUs .iChoseUsCt div .p2{ width:260px; font-size:16px; margin-top:15px;}
.iChoseUs .iChoseUsCt .DR .p1{ text-indent:0; padding-right:54px; text-align:right;}
.iChoseUs .iChoseUsCt .DR .p2{ width:240px; text-align:right; float:right;}
.iChoseUs .iChoseUsCt .D1 .p1{ background:url(../images/iChoseUsNum1.jpg) no-repeat left top;}
.iChoseUs .iChoseUsCt .D2 .p1{ background:url(../images/iChoseUsNum2.jpg) no-repeat left top;}
.iChoseUs .iChoseUsCt .D3 .p1{ background:url(../images/iChoseUsNum3.jpg) no-repeat left top;}
.iChoseUs .iChoseUsCt .D4 .p1{ background:url(../images/iChoseUsNum4.jpg) no-repeat right top;}
.iChoseUs .iChoseUsCt .D5 .p1{ background:url(../images/iChoseUsNum5.jpg) no-repeat right top;}
.iChoseUs .iChoseUsCt .D6 .p1{ background:url(../images/iChoseUsNum6.jpg) no-repeat right top;}
.iChoseUs .iChoseUsCt .D1{ left:0; top:0;}
.iChoseUs .iChoseUsCt .D2{ left:0; top:263px;}
.iChoseUs .iChoseUsCt .D3{ left:0; top:514px;}
.iChoseUs .iChoseUsCt .D4{ right:0; top:0;}
.iChoseUs .iChoseUsCt .D5{ right:0; top:263px;}
.iChoseUs .iChoseUsCt .D6{ right:0; top:514px;}
.iChoseUs .iChoseUsCt .pIco{ position:absolute; width:70px; height:70px; background:#0891e1; border:solid 7px #ededed; border-radius:50%;}
.iChoseUs .iChoseUsCt .pIco1{ left:402px; top:67px;}
.iChoseUs .iChoseUsCt .pIco2{ left:270px; top:308px;}
.iChoseUs .iChoseUsCt .pIco3{ left:402px; top:568px;}
.iChoseUs .iChoseUsCt .pIco4{ right:404px; top:67px;}
.iChoseUs .iChoseUsCt .pIco5{ right:270px; top:308px;}
.iChoseUs .iChoseUsCt .pIco6{ right:404px; top:568px;}
.iChosePro{ height:885px; background:url(../images/iChoseProBg.jpg) no-repeat center top; overflow:hidden; margin-top:70px;}
.iChosePro .iTitle h2{ color:#fff;}
.iChosePro .iTitle p{ color:#113d82;}
.iChosePro ul{ overflow:hidden; margin-top:50px;}
.iChosePro ul li{ width:550px; position:relative; float:left; overflow:hidden; margin:0 25px 25px;}
.iChosePro ul li img{ width:325px; height:292px; float:left; border:solid 8px #1e64bc;}
.iChosePro ul li p{ width:300px; height:250px; background:#fff; position:absolute; top:28px; right:0; padding:0 30px; box-sizing:border-box;}
.iChosePro ul li p b{ display:block; font-size:22px; position:relative; padding:15px 0; margin-top:20px;}
.iChosePro ul li p b:after{ content:""; width:52px; height:5px; background:#1e64bc; left:0; bottom:0; position:absolute;}
.iChosePro ul li p span{ width:90%; display:block; font-size:16px; margin-top:20px;}
.iChosePro ul li p i{ font-size:60px; color:#f0f0f0; display:inline-block; font-style:normal; height:40px; line-height:60px; overflow:hidden; margin-top:20px;}
.iProcess{ background:#f4f4f4; overflow:hidden;}
.iProcess .iTitle p{ color:#fff;}
.iProcess ul{ overflow:hidden; margin-top:60px; padding-bottom:20px; position:relative;}
.iProcess ul:after{ content:""; width:11px; height:18px; background:url(../images/iProcessIco.png) no-repeat; position:absolute; right:65px; top:152px; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg);}
.iProcess li{ width:180px; float:left; position:relative;}
.iProcess li:after{ content:""; width:11px; height:18px; background:url(../images/iProcessIco.png) no-repeat; position:absolute; right:33px; top:43px;}
.iProcess .li2:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}
.iProcess li:nth-child(7n){ width:100px;}
.iProcess li:nth-child(7n):after{ display:none;}
.iProcess li p{ width:100px; text-align:center; font-size:16px; margin-bottom:40px;}
.iProcess li p a{ display:block; width:100px; height:100px; line-height:100px; overflow:hidden; margin-bottom:15px; background:#fff; border-radius:50%;}
.iProcess li p span{ display:block; padding:0 20px; line-height:22px;}
.iCase{ overflow:hidden; margin-top:60px;}
.iCaseTit{ width:305px; height:335px; background:#1e64bc; float:left;}
.iCaseTit p{ padding:0 35px; color:#fff;}
.iCaseTit .p1 b{ font-size:45px; text-transform:uppercase; line-height:50px; display:block; margin-top:50px;}
.iCaseTit .p1 span{ display:block; width:100%; text-align:right; font-size:18px; position:relative; margin-top:20px;}
.iCaseTit .p1 span:after{ content:""; position:absolute; left:0; top:13px; width:50px; height:3px; background:#fff;}
.iCaseTit .p2{ font-size:16px; line-height:24px; margin-top:20px;}
.iCaseScroll{ float:right; position:relative;}
.iCaseScroll .hd{ width:90px; position:absolute; left:-277px; bottom:37px; z-index:999;}
.iCaseScroll .hd a{ width:43px; height:45px; border:solid 1px #fff; background:url(../images/iCaseIco.png) no-repeat center center; display:block; float:left;}
.iCaseScroll .hd a.next{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}
.iCaseScroll .bd li{ width:270px; height:335px; float:left; margin-left:26px; overflow:hidden;}
.iCaseScroll .bd li img{ width:100%; height:100%;}
.iHonor{ overflow:hidden;}
.iHonorScroll{ position:relative; margin-top:50px;}
.iHonorScroll .hd a{ width:15px; height:26px; display:block; position:absolute; top:100px; background-image:url(../images/arrow.png); background-repeat:no-repeat; z-index:888;}
.iHonorScroll .hd a.next{ right:-40px; background-position:-15px top;}
.iHonorScroll .hd a.prev{ left:-40px; background-position:left top;}
.iHonorScroll .bd li{ width:220px; height:305px; float:left; margin-right:25px; overflow:hidden;}
.iNews{ padding:30px 0; margin-top:60px; background:#f5f5f5;}
.iNews dl{ overflow:hidden;}
.iNews dt{ width:305px; height:567px; float:right; background:url(../images/iNewsBg.jpg) no-repeat; padding:0 35px; box-sizing:border-box;}
.iNews dt h2{ color:#fff; font-size:18px; font-weight:normal; position:relative; padding:35px 0; margin-top:35px;}
.iNews dt h2 b{ font-size:46px; line-height:50px; font-weight:normal; padding-right:8px;}
.iNews dt h2:after{ content:""; left:0; bottom:0; background:#fff; width:50px; height:3px; position:absolute;}
.iNews dt p{ font-size:15px; color:#fff; margin-top:20px;}
.iNews dt a{ display:block; width:43px; height:43px; border:solid 1px #fff; margin-top:45px; position:relative;}
.iNews dt a:after{ content:""; position:absolute; left:10px; top:21px; width:23px; height:1px; background:#fff;}
.iNews dt a:before{ content:""; position:absolute; left:21px; top:10px; width:1px; height:23px; background:#fff;}
.iNews dd{ width:870px; float:left;}
.iNews li{ width:100%; height:280px; background:#fff; overflow:hidden; margin-bottom:7px;}
.iNews li a, .iNews li span{ display:block; overflow:hidden;}
.iNews li .iNewsPic{ width:385px; height:280px; float:left;}
.iNews li div{ width:400px; float:left; margin-left:40px; margin-top:40px;}
.iNews li .iNewsTit{ font-size:18px; height:26px; line-height:26px;}
.iNews li .iNewsDate{ padding:10px 0;}
.iNews li .iNewsKey{ line-height:24px; height:72px;}
.iNews li .iNewsMore{ color:#686868; border:solid 1px #c2c2c2; width:88px; text-align:center; border-radius:5px; margin-top:20px;}
.iNews .L2 .iNewsPic{ float:right;}
.iMd{ overflow:hidden; margin-top:60px;}
.iAd{ width:265px; float:left; background:#f5f5f5; padding:20px 25px;}
.iAd p{ font-size:18px; padding-left:35px; margin:20px 0 0 46px; font-weight:bold; letter-spacing:1px;}
.iAd .p1{ background:url(../images/iAdIco1.jpg) no-repeat left 3px;}
.iAd .p2{ background:url(../images/iAdIco2.jpg) no-repeat left 3px; margin-top:5px;}
.iMsg{ width:500px; height:480px; background:url(../images/iMsgBg.jpg) no-repeat; float:left; margin-left:45px; }
.iMsg .iMsgTit{ text-align:center; padding:30px 0 15px; border-bottom:dashed 1px #ccc; margin-bottom:25px;}
.iMsg .iMsgTit strong{ display:inline-block; background:url(../images/iMsgIco.png) no-repeat left center; padding-left:42px; font-size:24px; font-weight:normal; line-height:30px;}
.iMsg p{ width:80%; margin:0 auto; padding-bottom:15px; overflow:hidden;}
.iMsg p span{ float:left; font-size:18px; line-height:34px;}
.iMsg p .iMsgIpt{ width:83%; height:34px; line-height:34px; background:#fff; float:left; border:solid 1px #ccc; text-indent:12px;}
.iMsg p .errorClass{ border-color:#e62131;}
.iMsg p #iCont{ height:102px;}
.iMsg .iMsgBtn{ background:#1e64bc; text-align:center; border:solid 1px #054390; cursor:pointer; width:210px; height:50px; line-height:50px; color:#fff; margin:10px auto 0; font-size:18px; display:block; border-radius:5px;}
.iMsg .iMsgBtn:hover{ background:#054390;}
.iFAQ{ width:300px; height:480px; overflow:hidden; float:right;}
.iFAQ dt{ height:30px; line-height:30px; overflow:hidden; padding:25px 0;}
.iFAQ dt p{ float:left; font-size:18px;}
.iFAQ dt span{ border:solid 1px #333; width:30px; height:28px; line-height:28px; text-align:center; font-size:16px; border-radius:5px; display:block; float:left; margin-right:10px;}
.iFAQ dt a{ float:right; margin-top:5px;}
.iFAQScroll li{ height:58px; margin-bottom:8px; border:solid 1px #dedede; border-radius:50px; overflow:hidden;}
.iFAQScroll a{ display:block;}
.iFAQScroll i{ width:58px; height:58px; display:block; border-radius:50px;}
.iFAQScroll span{ width:200px; display:block; margin-left:20px; height:40px; line-height:20px; margin-top:8px; overflow:hidden;}
.iFAQScroll li.L1 i{ background:#1e64bc url(../images/iFAQIco1.jpg) no-repeat center center;}
.iFAQScroll li.L2{ background:#dedede;}
.iFAQScroll li.L2 i{ background:#bababa url(../images/iFAQIco2.jpg) no-repeat center center;}
.iFAQScroll li.L2 span{ margin-left:30px;}
.iPartnerBox{ background:url(../images/iPartnerBg.jpg) no-repeat center center; text-align:center; padding:40px 0; margin-top:30px;}
.animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);-ms-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9);-ms-transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}50%{opacity:1}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}