@charset "utf-8";


*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#111f33; }
a{color:#111f33; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#da0405}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}

.red{ color:#FE6C5E}
.bigred{ color:#FE6C5E; font-size:24px; font-weight:bold; line-height:45px;}
.red02{color: #FE6C5E;}
.lan{ color:#080882s}
.shan{text-decoration:line-through;}
.section{ padding:80px 0;}
.footer.section{ padding:50px 0;}
.sectionpre{ padding-top:80px;}
.mbg{background-color: #f1f4f8;}
.mbg2{background-color: #4C6AFF;}

#a01, #a02, #a03, #a04, #a05, #a06{ position:absolute; margin-top:-65px;}



.wrap{ width:90%; max-width:1300px; margin:0 auto}

.jvzhong{ text-align:center}
.title{ margin-bottom:35px;}
.title h3{font-weight: 500;font-size: 32px;line-height: 45px;color: #111F33;}
.title p{font-weight: normal;font-size: 16px;line-height: 22px;color: #676C73; width:100%; max-width:900px; margin:8px auto 0 auto}
.mbg2 .title h3, .mbg2 .title p{ color:#fff;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.pic:hover img, .swiper-slide:hover .pic img{transform:scale(1.1);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


.header{-webkit-transition: top .4s;-o-transition: top .4s;-moz-transition: top .4s;transition: top .4s;position: fixed;top: 0;left: 0;right: 0;z-index: 9999;height: 80px;background: #fff;-webkit-box-shadow: inset 0px -1px 0px #ECEFF4;-moz-box-shadow: inset 0px -1px 0px #ECEFF4;box-shadow: inset 0px -1px 0px #ECEFF4; text-align:center}
.header .wrap02{ position: relative;height:80px; text-align:center;}
.header .wrap .logo{ position:absolute; left:0; top:50%; margin-top:-27px; height:54px; z-index:99}
.header .wrap .logo img{ display:block; float:left; width:auto; height:44px; padding:0 12px 0 0; border-right:solid 1px #ddd; margin:5px 0;}
.header .wrap .logo .ad{ line-height:18px; height:54px; color:#da0303; font-size:13px;  float:left; text-align:left; padding-left:14px;}
.header .wrap .tel{ position:absolute; right:0; margin-top:-15px; top:50%; font-size:20px; height:30px; line-height:30px; color:#d90000; z-index:99; background:url(../images/ttel.jpg) no-repeat left center; background-size:25px auto; padding-left:32px;}
.header .menu{ position:absolute; width:100%; left:0; top:0}
.header .menu ul { padding-left:230px;}
.header .menu li{ display:inline-block}
.header .menu li .menu_a{ line-height:80px; display:block; font-size:16px; color:#000;margin:0 14px; position:relative}
.header .menu  li .menu_a i{ display: inline-block; width:12px; height:12px; background:url(../images/menujt.png) no-repeat right; margin-left:10px;transition: transform .3s;}
.header .menu  li:hover .menu_a i, .header .menu  li .menu_a.cur i{transform: rotate(180deg);}
.header .menu li .menu_a.cur{ color:#FE6C5E;}
.header .menu li .menu_a span{ position:absolute; top:3px; right:-50%; background:#f03b63; color:#fff; font-size:12px; padding:0px 5px; line-height:18px !important; border-radius:4px 0 4px 0 ;}
.header .menu li .menu_a:after {content: '';width: 0;height: 3px;background-color: #4c6aff;position: absolute;left: 0%;-webkit-transform: translateX(-0%);-moz-transform: translateX(-0%);-ms-transform: translateX(-0%);-o-transform: translateX(-0%);transform: translateX(-0%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99;width:100%; left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15);  }
.header .menu li .subchang{ padding:30px 0px 50px 0px; text-align:left; width: 100%;/*display: flex;display: -webkit-flex;justify-content: space-between;*/}
.header .menu li .subchang .item{ float:left; color:#232d47; line-height:36px; margin-right:80px;}
.header .menu li .subchang .item h3{ font-size:18px; font-weight:bold; line-height:55px; border-bottom:solid 1px #ECEFF4; margin-bottom:10px;}
.header .menu li .subchang .item a{ color:#4e5a70}
.header .menu li .subchang .item a:hover, .header .menu li .subchang .item a.cur{ color:#4c6aff;}
.header .menu li .subchang .item:nth-child(1) p{ float:left; min-width:280px;}
.header .menu li .subchang .item:nth-child(1) p:nth-child(2n+1){ clear:both}
.header .menu li .subchang .item:nth-child(1) p:nth-child(8){ clear:both}


.banner, .nbanner, .casebanner, .space{ margin-top:64px;position:relative;}
.banner{ z-index:1;  height:auto !important ;}
.banner .swiper-slide{ position:relative; width:100%;height:480px; }
.banner .swiper-container{position:relative; height:auto !important; }
.banner .swiper-pagination{bottom:4%; text-align:center;}
.banner .swiper-pagination-bullet{ width:30px; height:3px; background:rgba(255,255,255,0.7); border:none; opacity:1; margin:0 5px; border-radius:0 }
.banner .swiper-pagination-bullet-active{background: #4C6AFF;opacity:1; }
.banner .swiper-button-prev, .banner .swiper-button-next{ width:60px; height:60px; border-radius:50%; margin-top:-30px; outline:none; opacity:0.6; top:50%; overflow:hidden}
.banner .swiper-button-prev{ background:url(../images/bpre.png) no-repeat center center; background-size:15px auto; left:1%; opacity:0.7}
.banner .swiper-button-next{ background:url(../images/bnext.png) no-repeat center center;background-size:15px auto; right:1%; opacity:0.7}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(255,255,255,0.2) no-repeat center center;background-size:15px auto; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(255,255,255,0.2) no-repeat center center;background-size:15px auto; opacity:1}

.banner .wrap{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:48%;}
.banner .wrap h3{font-weight: 600;font-size: 40px;height: 64px;line-height: 64px;color: #232D47;}
.banner .wrap h3 span{ position:relative; padding-right:30px; margin-right:30px; display:inline-block}
.banner .wrap h3 span:after{ width:4px; height:30px; content:""; position:absolute; top:50%; right:0; margin-top:-12px; background:#232D47}
.banner .wrap h4{font-weight: 500;font-size: 26px;line-height: 34px;text-align: left;color: #232D47;margin-top: 20px;}
.banner .wrap h5{font-weight: 600;font-size: 36px;line-height: 50px;color: #232D47;}
.banner .wrap h5 span{ position:relative; padding-right:30px; margin-right:30px; display:inline-block}
.banner .wrap h5 span:after{ width:4px; height:30px; content:""; position:absolute; top:50%; right:0; margin-top:-12px; background:#232D47}
.banner .wrap p{ font-size:16px; margin-top:30px; max-width:520px;}
.banner .wrap .more{ margin-top:30px;}
.banner .wrap .more a{ width:160px; line-height:42px; border-radius:25px;background-color: #4c6aff; border:solid 2px #4c6aff; text-align:center; display:inline-block; margin-right:30px;color:#fff;}
.banner .wrap .more a:hover{ background:#FE6C5E;  border:solid 2px #FE6C5E;color:#fff }
.banner .wrap .more a:nth-child(2){background:none; color:#4c6aff; }
.banner .wrap .more a:nth-child(2):hover{ background:#FE6C5E;  border:solid 2px #FE6C5E;color:#fff }
.banner .wrap  .nbpic img{ display:block; width:20%; max-width:auto; margin-bottom:20px;}

.banner .shiyong{ position:absolute; right:calc(50% - 650px); top:25px; height:calc(100% - 50px); background:#fff; z-index:999; max-width:360px; padding:40px 30px; border-radius:5px;}

@media screen and (max-width:1440px){
.banner .shiyong{right:5%;}
}
@media screen and (max-width:1366px){
.banner .shiyong{right:3%;}
}

.shiyong h3{ font-size:22px; font-weight:bold; margin-bottom:15px;}
.shiyong .inp{outline: none;border: none;line-height:35px; height:35px; width:100%;background: #FFFFFF;border: 1px solid #E1E6ED;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-indent: 15px;margin-bottom: 12px; font-size:14px;}
.shiyong .submit{ font-size:17px; background:#4c6aff; color:#fff; text-align:center;text-indent: 0; border:none; width:100%; border:none; margin-top:20px; line-height:40px; height:40px; color:#fff; border-radius:15px;}


.iyoushi{ position: relative;-webkit-box-shadow: 0px 4px 8px rgba(214,225,234,0.3);-moz-box-shadow: 0px 4px 8px rgba(214,225,234,0.3);box-shadow: 0px 4px 8px rgba(214,225,234,0.3);}
.iyoushi .item{ float:left; width:25%; padding:30px 0;height:116px; text-align:center; position:relative;}
.iyoushi .item:after{ content:""; position:absolute; top:50%; height:56px; margin-top:-28px; width:1px; background:#ECEFF4; right:0}
.iyoushi .item:nth-child(4):after{ display:none}
.iyoushi .item:hover{ background:#f5f8ff}
.iyoushi .item h3{ font-size:26px; font-weight:bold}
.iyoushi .item p{ color: #7A8599; line-height:24px;}
.iyoushi .item .intro{ width:100%;transition: all 1.5s; position:relative; }
.iyoushi .item:hover .intro{transform:scale(0.9);}
.iyoushi .item:hover .intro p{ display:none}
.iyoushi .item  .more a{display: inline-block;color: #4C6AFF;border: 1px solid #4C6AFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 72px;text-align: center;line-height: 24px;font-size: 12px;display: none;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out; margin:0 auto}
.iyoushi .item:hover .more a{ display:block}


.iwhy .conn{display: flex; display: -webkit-flex;justify-content: space-between;}
.iwhy .item{ display:inline-block; width:23.5%; margin-right:2%;-webkit-box-shadow: 0px 4px 8px rgba(214,225,234,0.3);-moz-box-shadow: 0px 4px 8px rgba(214,225,234,0.3);box-shadow: 0px 4px 8px rgba(214,225,234,0.3);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 18px 25px 25px 25px;background-color: #fff; text-align:center;}
.iwhy .item:nth-child(4n){ margin-right:0}
.iwhy .item:nth-child(1) .icon{background-image: url(../images/icon-why-select-us-big-1.png);}
.iwhy .item:nth-child(2) .icon{background-image: url(../images/icon-why-select-us-big-2.png);}
.iwhy .item:nth-child(3) .icon{background-image: url(../images/icon-why-select-us-big-3.png);}
.iwhy .item:nth-child(4) .icon{background-image: url(../images/icon-why-select-us-big-4.png);}
.iwhy .item .icon{background-color: #fff;display: inline-block;width: 150px;height: 150px;-webkit-background-size: 150px 150px;-moz-background-size: 150px;background-size: 150px;background-position: center 0;-webkit-animation: leave 0.4s steps(15) forwards;-moz-animation: leave 0.4s steps(15) forwards;-o-animation: leave 0.4s steps(15) forwards;animation: leave 0.4s steps(15) forwards;}
.iwhy .item:hover .icon{-webkit-animation: entery 0.4s steps(15) forwards;-moz-animation: entery 0.4s steps(15) forwards;-o-animation: entery 0.4s steps(15) forwards;animation: entery 0.4s steps(15) forwards;}

@-webkit-keyframes entery{0%{background-position:0 0}to{background-position:0 -4500px}}
@-moz-keyframes entery{0%{background-position:0 0}to{background-position:0 -4500px}}
@-o-keyframes entery{0%{background-position:0 0}to{background-position:0 -4500px}}
@keyframes entery{0%{background-position:0 0}to{background-position:0 -4500px}}
@-webkit-keyframes leave{0%{background-position:0 -4500px}100%{background-position:0 0}}
@-moz-keyframes leave{0%{background-position:0 -4500px}100%{background-position:0 0}}
@-o-keyframes leave{0%{background-position:0 -4500px}100%{background-position:0 0}}
@keyframes leave{0%{background-position:0 -4500px}100%{background-position:0 0}}

.iwhy .item .intro h3{font-size: 20px;color: #232D47;font-weight: 500; margin-bottom:10px;}
.iwhy .item .intro p{color: #4E5A70; text-align: left;}

.iwhy .more{ margin-top:45px; text-align:center}
.iwhy .more a{display: inline-block;width: 178px;height: 45px;line-height: 45px;text-align: center;background: #4C6AFF;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;font-size: 16px;color: #fff;}

.itese .conn{ position:relative; padding-left:23%}
.itese #ul{ width:20%; position:absolute; left:0; top:0}
.itese #ul a{ display:block; line-height:95px; margin-top:10px;border-radius: 4px; cursor: pointer; text-align:center; font-size:20px;}
.itese #ul a.on{ color:#fff; background:#7088FF}
.itese #tese_cont img{ display:block; width:auto; max-width:100%}

.isol .tabmenu { margin-bottom:30px;}
.isol .tabmenu ul{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.isol .tabmenu li { display: inline-block; cursor: pointer; font-size:20px; padding-bottom:20px; position:relative}
.isol .tabmenu li:after{ width:50px; height:3px; content:""; position:absolute; left:50%; margin-left:-25px; bottom:0; background:#fff}
.isol .tabmenu .cur {color:#7088FF; }
.isol .tabmenu .cur:after{ background:#4C6AFF}

.isol #stabcontent .hidden {display:none;}
.isol #stabcontent .pic{ float:left; width:48%;}
.isol #stabcontent .wenzi{ float:right; width:48%;}
.isol #stabcontent .wenzi h3{font-weight: 500;font-size: 24px;line-height: 38px;color: #232D47;}
.isol #stabcontent .wenzi .biao span{display: inline-block;height: 25px;line-height: 25px;padding: 0 8px;background: #FFF0DB;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size: 14px;color: #E5A344;margin: 5px 10px 5px 0;}
.isol #stabcontent .wenzi .intro{ margin-top:30px;}
.isol #stabcontent .wenzi .intro img{ height:45px; width:auto}
.isol #stabcontent .wenzi .intro p{margin-top: 12px;font-weight: normal;font-size: 16px;line-height: 28px;color: #4E5A70; min-height:112px;}
.isol #stabcontent .wenzi .more{ text-align:right}
.isol #stabcontent .wenzi .more{ margin-top:30px;}
.isol #stabcontent .wenzi .more a{ width:140px; line-height:40px; border-radius:5px;background-color: #4c6aff; border:solid 2px #4c6aff; text-align:center; display:inline-block; margin-right:30px;color:#fff;}
.isol #stabcontent .wenzi .more a:hover{ background:#FE6C5E;  border:solid 2px #FE6C5E;color:#fff }
.isol #stabcontent .wenzi .more a:nth-child(1){background:none; color:#4c6aff; }
.isol #stabcontent .wenzi .more a:nth-child(1):hover{ background:#FE6C5E;  border:solid 2px #FE6C5E;color:#fff }


.icase .conn img{ display:block; width:auto; max-width:100%; height:auto}
.icase .more{ margin-top:30px; text-align:center}
.icase .more a{ width:140px; line-height:40px; border-radius:5px;background-color:none; border:solid 2px #4c6aff; text-align:center; display:inline-block; color:#4c6aff;}
.icase .item{box-shadow: 0px 4px 8px rgba(214,225,234,0.3); float:left; width:18.4%; margin-right:2%; margin-bottom:2%}
.icase .item:nth-child(5n){ margin-right:0}
.icase .item:nth-child(5n+1){ clear:both}
.icase .more a:hover{ background:#4c6aff;  border:solid 2px #4c6aff;color:#fff }


.footer{ background:#313845; color:#fff; line-height:32px; color:#C0C8D6; font-size:14px;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer ul a{ color:#C0C8D6}
.footer ul a:hover{ color:#fff}
.footer li {display:inline-block; }
.footer h3{ font-size:18px; margin-bottom:15px; color:#fff}
.footer p{ line-height:20px; padding:5px 0}

.footer li:nth-child(4) p{ padding-left:30px;}
.footer li .add{background:url(../images/fadd.png) no-repeat left center; }
.footer li .tel{background:url(../images/ftel.png) no-repeat left center; }
.footer li .mail{background:url(../images/fmail.png) no-repeat left center; }
.footer li img{ display:block; width:120px}

.copyright{ padding:23px 0; background:#313845; color:#C0C8D6; text-align: center; border-top:solid 1px #444a56; font-size:14px;}
.copyright img{ display: inline-block; height:20px; width:auto}
.copyright a{color:#C0C8D6; }


.float_kf{position: fixed;right: 16px;bottom: 30px;text-align: right;z-index: 300;}
.float_kf .item{margin-bottom: 6px;overflow: hidden;}
.float_kf .item-inner{display: inline-block;position: relative;pointer-events:none;}
.float_kf .item-inner .ico {position: relative;width: 46px;height: 46px;border-radius: 50%;z-index: 20;background-color:#FE6C5E;pointer-events: auto;cursor: pointer;}
.float_kf .item-inner .ico img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto}
.float_kf .item-inner .txt {-webkit-transition: all .3s linear;-o-transition: all .3s linear;
transition: all .3s linear;opacity: 0;font-size:14px;color: #fff;height: 46px;line-height: 46px;padding-left: 20px;position: relative;-webkit-transform: translateY(4px);transform: translateY(4px);z-index: 10;}
.float_kf .item-inner .ico, .float_kf .item-inner .txt{display: inline-block;vertical-align: middle;}
.float_kf .item-inner::after {-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;content: "";display: block;position: absolute;right: 10px;top: 0;width: 20px;height: 100%;background-color: #FE6C5E;border-radius: 24px;}
.float_kf .item-tel .txt{ font-size:16px;}
.float_kf .item-inner.cur{pointer-events:auto}
.float_kf .item-inner.cur::after{ width:calc(100% - 10px)}
.float_kf .item-inner.cur .txt{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}


.iprice .ipleft {}
.iprice .ipleft .item{ position:relative; float:left; width:32%; padding:20px 20px 30px 20px; color:#4e5a70; margin-right:2%; background:#fff;border-radius:5px;}
/*.iprice .ipleft .item:after{ position:absolute; content:""; width:1px; height:100%; top:0; right:0; background:#e1e6ed;}*/
.iprice .ipleft .item:last-child:after{ display:none}
.iprice .ipleft .item:last-child{ margin-right:0}
.iprice .ipleft .item .top h3{color: #232A38;font-size: 18px;}
.iprice .ipleft .item .top p{margin-top: 12px;font-size: 14px;color: #A9B2C2;line-height: 20px; height:50px;}
.iprice .ipleft .item .bottom{height:42px;}
.iprice .ipleft .item .bottom .anniu{ width:100%; line-height:38px; font-size:14px;}
.iprice .ipleft .item .bottom .anniu{ position:relative}
.iprice .ipleft .item .bottom .anniu .button{ position:relative; line-height:42px;height:42px; width:100%; border: solid 1px #e1e6ed; cursor:pointer}
.iprice .ipleft .item .bottom .anniu .button:after{ position:absolute; top:50%; margin-top:-3px; content:""; width:0; height:0; border-top:solid 6px #939cad; border-left:solid 6px transparent; border-right:solid 6px transparent; right:15px;}
.iprice .ipleft .item .bottom .anniu .button p{ position:absolute; width:100%; left:0;  top:0; opacity:0; padding:0 15px;}
.iprice .ipleft .item .bottom .anniu .sub{ position:absolute; left:0; width:100%;border: solid 1px #e1e6ed; margin-top:5px; display:none; background:#fff}
.iprice .ipleft .item .bottom .anniu .sub p{padding:0 15px; }
.iprice .ipleft .item .bottom .anniu .sub p:hover{ background:#f2f5ff}
.iprice .ipleft .item .bottom .anniu .button p.cur{ opacity:1}
.iprice .pys{ margin-top:5px;}
.iprice .pys p{color: #7A8599;font-size: 14px;height: 22px;text-indent: 22px;background: url(../images/gou.png) no-repeat left 7px; background-size:14px auto; margin-bottom: 8px;}
.iprice .pys .cmore a{text-indent: 22px;font-size: 14px;color: #4C6AFF; display:block; margin-bottom:20px} 
.iprice .showp{font-size: 12px;color: #4E5A70;}
.iprice .showp .big{ font-size:28px; font-weight:bold}
.iprice .showp p{ display:none}
.iprice .showp p.cur{ display:block}
.iprice .more a{background: #4C6AFF;color: #fff;border-radius: 4px; font-size:14px; display:block; width:80px; height:30px; margin-top:5px; text-align:center}




.iprice .ipright .tabmenu { margin-bottom:30px;}
.iprice .ipright .tabmenu ul{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.iprice .ipright .tabmenu li { display: inline-block; cursor: pointer; font-size:20px; padding-bottom:20px; position:relative}
.iprice .ipright .tabmenu li:after{ width:50px; height:3px; content:""; position:absolute; left:50%; margin-left:-25px; bottom:0; background:#fff}
.iprice .ipright .tabmenu .cur {color:#7088FF; }
.iprice .ipright .tabmenu .cur:after{ background:#4C6AFF}
.iprice .ipright #tabcontent .hidden {display:none;}


* .more a:hover{ opacity:0.8}

.nbanner{ height:480px;}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;width:100%}
.nbanner .text h3{line-height: 56px;color: #111F33;font-weight: 500;font-size: 40px;text-align: center;}
.nbanner .text .more a{display: block;width: 220px;height: 44px;line-height: 44px;background: #2373FF;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;text-align: center;font-size: 16px;letter-spacing: -0.336px;color: #FFFFFF;margin: 27px auto 0;}

.nbanner02 .text{ position:absolute;left:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%; width:100; text-align:left}
.nbanner02 .text h3{line-height: 56px;color: #fff;font-weight: 500;font-size: 40px;text-align: left;}
.nbanner02 .text h3 span{ font-size:130%}
.nbanner02 .text .more a{display: block;width: 220px;height: 44px;line-height: 44px;background: #fff;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;text-align: center;
font-size: 16px;letter-spacing: -0.336px; color:#4C6AFF;margin: 27px 0 0;}

.nbanner03 .text h3{font-size: 45px; color:#fff}


.nnav{background: #ECEFF4; line-height:60px; height:60px;text-align:center}
.nnav li{ display:inline-block; margin:0 30px; position:relative}
.nnav li a{color: #111F33; font-size:18px; font-weight:bold; opacity:0.7; padding-left:35px;}
.nnav li.cur a, .nnav li a:hover{color: #111F33; opacity:1}
.nnav li.cur:after, .nnav li:hover:after{ content:""; position:absolute; left:0; bottom:0; width: 100%;height: 4px;background: #236DEF;border-radius: 2px;}
.nnav li.li01 a{background: url(../images/abicon01.png) no-repeat left center; background-size:22px auto}
.nnav li.li02 a{background: url(../images/abicon02.png) no-repeat left center; background-size:22px auto}
.nnav li.li03 a{background: url(../images/abicon03.png) no-repeat left center; background-size:22px auto}
.nnav li.li04 a{background: url(../images/abicon04.png) no-repeat left center; background-size:22px auto}
.nnav li.li05 a{background: url(../images/abicon05.png) no-repeat left center; background-size:22px auto}


.nab .item{box-shadow: 0px 9px 36px rgba(47,56,111,0.1); width:100%; padding:24px; margin:0 20px 20px 0; float:left; width:calc(25% - 15px); background:#fff}
.nab .item:nth-child(4n){ margin-right:0}
.nab .item:nth-child(4n+1){ clear:both}
.nab .item .icon img{ display:block; width:56px; height:auto;}
.nab .item .wenzi h3{font-weight: 500;font-size: 18px;line-height: 25px;color: #111F33;margin-top:15px;}
.nab .item .wenzi p{font-weight: normal;font-size: 14px;line-height: 20px;color: #676C73;margin-top: 8px; min-height:60px;}

.nab02{background: url(../images/abbg.png) no-repeat center center; background-size:cover }


.nprice .item{ float:left; padding:50px; position:relative; background:#fff; width:48.5%;border: 2px solid rgba(38,42,51,0.16);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.nprice .item:nth-child(2n){ float:right}
.nprice .item:hover, .nprice .item.cur{cursor: auto;transform: scale(1.01);transition: all .5s;-webkit-box-shadow: 15px 0 15px -15px #dedede, -15px 0 15px -15px #dedede;-moz-box-shadow: 15px 0 15px -15px #dedede, -15px 0 15px -15px #dedede;box-shadow: 15px 0 15px -15px #dedede, -15px 0 15px -15px #dedede;border: 2px solid #386EE7;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;-webkit-transform: scale(1.01);-moz-transform: scale(1.01);-ms-transform: scale(1.01);-o-transform: scale(1.01);}
.nprice .item h3{text-align: center;margin-bottom: 40px;font-size: 32px;line-height: 32px;color: #262A33;font-weight: 600;}
.nprice .item p{ line-height:40px; max-width:250px; margin:0 auto}
.nprice .item p.dui{background: url(../images/dui.png) no-repeat left center; padding-left:30px; }
.nprice .item p span{color: #386EE7}
.nprice .item .intro{ min-height:280px;}
.nprice .item .tuijian{ width: 98px;height: 42px; line-height:42px;background: url(../images/tuijian.png) #e7544c no-repeat 20% center; padding-left:20px;right: 0px;top: 0px;text-align: center;position: absolute;color: #FFFFFF;border-radius: 0 6px 0 6px;-webkit-border-radius: 0 6px 0 6px;-moz-border-radius: 0 6px 0 6px;-ms-border-radius: 0 6px 0 6px;-o-border-radius: 0 6px 0 6px;}
.nprice .item .jia{ text-align:center; margin-bottom:50px;}
.nprice .item .jia span{ font-size:40px; font-weight:bold}
.nprice .item .shiy a{width: 175px;height: 50px; display:block; margin:0 auto;background: #FFFFFF;border: 1px solid #386EE7;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align: center;line-height: 48px;margin: 0 auto;color: #386EE7;cursor: pointer;font-size: 16px;}
.nprice .item:hover .shiy a, .nprice .item.cur .shiy a{width: 175px;height: 50px;background: #386EE7;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #386EE7;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;line-height: 48px;margin: 0 auto;color: #FFFFFF;cursor: pointer;font-size: 16px;}


.nprice .detail .ann{ text-align:center}
.nprice .detail .button{ font-size:20px; text-align:center;color: rgb(81, 85, 92);}
.nprice .detail .button:hover{ color:#386EE7}
.nprice .detail .button span{ cursor:pointer; display:inline-block; padding-right:35px; cursor:pointer}
.nprice .detail .button1 span{background: url(../images/down.png) no-repeat center right;}
.nprice .detail .button2 span{background: url(../images/down2.png) no-repeat center right;}
.nprice .detail .button1, .nprice .detail .button2{ display:none}
.nprice .pdetail{ display:none}
.nprice .detail .cur{ display:block !important}


.nprice .detail .yjtop{ margin-top:20px}
.nprice .detail .yjtop span{ float:left; width:20%; display:block; margin-right:5%; line-height:60px; font-size:24px; font-weight:bold}
.nprice .detail .yjtop span:last-child{ margin-right:0}
.nprice .detail .yjtop span:nth-child(2), .nprice .detail .yjtop span:nth-child(3){width:35%; text-align:center; }
.yjcenter .yjtitle{ font-size:20px; font-weight:bold; line-height:55px; border-bottom:solid 1px #ddd}
.nprice .yjcenter li{ border-bottom:solid 1px #ebebeb; line-height:48px; color:#51555C}
.nprice .yjcenter li span{ float:left; width:20%; display:block; margin-right:5%; }
.nprice .yjcenter li span:last-child{ margin-right:0}
.nprice .yjcenter li span:nth-child(1){ position:relative}
.nprice .yjcenter li span:nth-child(2), .nprice .yjcenter li span:nth-child(3){width:35%; text-align:center;font-size:12px}
.nprice .yjcenter li span:nth-child(2){ background:#fafafa}
.nprice .yjcenter li span:nth-child(3){ background:#f7f9fe}
.nprice .yjcenter li span i{ font-size:12px; color:#fff; padding:5px 10px; line-height:20px; background:#333;width:150px; font-style:normal; display: block; border-radius:5px; position:absolute; top:0; left:calc(50% + 50px); opacity:0; text-align:left}
.nprice .yjcenter li span:nth-child(1) i{ left:100px}
.nprice .yjcenter{ margin-bottom:20px;}
.nprice .yjcenter li span i:after{ position:absolute; content:""; width:0; height:0; border-top:solid 5px transparent;border-bottom:solid 5px transparent;border-right:solid 5px #333; left:-5px;top:50%; margin-top:-0.5px;}
.nprice .yjcenter li span:hover i{ display:block; opacity:1}
.nprice .yjcenter li span.zhu{ position:relative;background:url(../images/zhu.png) #f7f9fe no-repeat calc(50% + 20px) center; cursor:pointer}
.nprice .yjcenter li span:nth-child(2).zhu{ background:url(../images/zhu.png) #fafafa no-repeat calc(50% + 20px) center !important; }

.nprice .yjcenter li span .zhu02{ background:url(../images/zhu.png) no-repeat right center; cursor:pointer; padding-right:30px; display:inline-block; position:relative}

.tjsy table{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; background:#f8f9fb;font-size: 22px;}
.tjsy table td{ border-top:solid 1px #ddd; border-left:solid 1px #ddd; line-height:85px; padding:0 20px; position:relative}
.tjsy table tr:nth-child(2n){background:#eceff4}

.tjsy table tr:nth-child(1) td:nth-child(2){ color:#fff;background: #386ee7;}
.tjsy table tr td:nth-child(1){ text-align:center}
.tjsy table tr td:nth-child(3n){ font-size:16px;}

.tjsy table tr:nth-child(1) td{ text-align:center; font-size: 22px;}
.tjsy table tr:nth-child(2n) td:nth-child(2){border-bottom: 1px solid #386ee7;background-color: #d8dff7;}
.tjsy table tr td:nth-child(2) .gu{ position:absolute; top:0; right:0; opacity:0}
.tjsy table tr td:nth-child(2) .gu img{ display:block; height:60px; width:auto}
.tjsy table tr td:nth-child(2):hover .gu{ opacity:1}

.nad{ height:400px; position:relative}
.nad img{ display:block; width:100%; height:auto}
.nad .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:60%;width:100%}
.nad .text h3{line-height: 56px;color: #111F33;font-weight: 500;font-size:30px;text-align: center;}
.nad .text .more a{display: block;width: 220px;height: 44px;line-height: 44px;background: #2373FF;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;text-align: center;font-size: 16px;letter-spacing: -0.336px;color: #FFFFFF;margin: 27px auto 0;}


.nyoshi{ background:url(../images/bg_service_advantages.png) no-repeat center center; background-size:cover;}
.nyoshi ul{ text-align:center; width:100%; max-width:900px; margin:0 auto;}
.nyoshi ul li {background: #FFFFFF;-webkit-box-shadow: 0px 9px 36px rgba(47,56,111,0.1);-moz-box-shadow: 0px 9px 36px rgba(47,56,111,0.1);box-shadow: 0px 9px 36px rgba(47,56,111,0.1);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; float:left;width: 32%;height: 120px;padding: 32px; display:inline-table;margin: 0 2% 0 0;}
.nyoshi ul li:last-child{ margin-right:0}
.nyoshi ul li .icon {width: 56px;height: 56px;float: left;}
.nyoshi ul li .icon img{ display:block;width: 56px;height: 56px;}
.nyoshi ul li h3 {font-weight: 500;font-size: 24px;line-height: 34px;color: #111F33;padding-left: 72px; text-align:left;}
.nyoshi ul li p {text-align: left;padding-left: 72px;margin-top: 2px;font-size: 14px;line-height: 20px;color: #676C73;}


.njieshao .wrap{ max-width:880px;}
.njieshao .conn { color: #676C73;color: #111F33;}
.njieshao .wrap .conn h3{ font-size: 24px; line-height:40px; margin:5px}
.njieshao .wrap .conn img{ display:block; max-width:100%; height:auto}
.njieshao .nys{ margin-top:-50px; position:relative}
.njieshao .nys ul li {background: #FFFFFF;-webkit-box-shadow: 0px 9px 36px rgba(47,56,111,0.1);-moz-box-shadow: 0px 9px 36px rgba(47,56,111,0.1);box-shadow: 0px 9px 36px rgba(47,56,111,0.1);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; width: 40%; height: 120px;padding: 32px; display:inline-table;margin: 0 2% 2% 0; float:left}
.njieshao .nys ul li:nth-child(3){ margin-left:20%}
.njieshao .nys ul li .icon {width: 56px;height: 56px;float: left;}
.njieshao .nys ul li .icon img{ display:block;width: 56px;height: 56px;}
.njieshao .nys ul li h3 {font-weight: 500;font-size: 24px;line-height: 34px;color: #111F33;padding-left: 72px; text-align:left;}
.njieshao .nys ul li p {text-align: left;padding-left: 72px;margin-top: 2px;font-size: 14px;line-height: 20px;color: #676C73;}


.others{ border:solid 1px #ddd}
.others .item{ float:left; width:50%; padding:20px;}
.others .item:nth-child(2n+1){ clear:both}
.others .item:nth-child(1), .others .item:nth-child(2), .others .item:nth-child(5), .others .item:nth-child(6){ background:#fafafa}
.others .item .icon{ float:left; width:36px; margin-top:20px;}
.others .item .icon  img{ display:block; width:36px; height:auto}
.others .item .wenz{ float:right; width:calc(100% - 60px)}
.others .item .wenz h3{font-size: 20px;color: #111F33;}
.others .item .wenz p{font-size: 14px;line-height: 20px;color: #676C73;}

.plus { position:relative}
.plus .more{ position:absolute; right:0; bottom:0;width: 110px;height: 32px;line-height: 30px;border: 1px solid #236DEF;color: #236DEF;font-weight: normal;font-size: 14px; cursor:pointer; border-radius:25px; text-align:center}

.biaoge{ display:none}
.biaoge.cur{ display:block}
.biaoge .close{ cursor:pointer; background: url(../images/close_1.png) no-repeat center center; background-size:20px auto; width:20px; height:20px; position:absolute; top:15px; right:15px; z-index:999999}
.biaoge{ background:rgba(0,0,0,0.6);  position:fixed; left:0; width:100%; height:100%; z-index:99999; top:0}
.biaoge .conn{ font-size:14px; padding:40px;position: relative;width:80%; max-width:1100px; height:70%;  margin: 0 auto;top: 15%;background: #fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.biaoge .conn .inconn{ left:40px; top:40px; width:calc(100% - 80px); height:calc(100% - 80px); position:absolute; overflow:auto;}
.biaoge .conn td{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px;}
.biaoge .conn table{ border-top:solid 1px #ddd; border-left:solid 1px #ddd; width:100%; text-align:center}
.biaoge .conn table a{ color:#4c6aff}



.casebanner{ z-index:1;  height:auto !important ; position:relative}
.casebanner .swiper-slide{ position:relative; width:100%;height:480px; }
.casebanner .swiper-container{position:relative; height:auto !important; }
.casebanner .swiper-pagination{bottom:4%; text-align:center;}
.casebanner .swiper-pagination-bullet{ width:30px; height:3px; background:rgba(255,255,255,0.7); border:none; opacity:1; margin:0 5px; border-radius:0 }
.casebanner .swiper-pagination-bullet-active{background: #4C6AFF;opacity:1; }

.casebanner .wrap{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;}
.casebanner .wrap h3{font-size:40px;height: 64px;line-height: 64px;color: #fff;}
.casebanner .wrap .more{ margin-top:30px;}
.casebanner .wrap .more a{ width:200px; line-height:42px; border-radius:25px;background-color: #4c6aff;text-align:center; display:inline-block; margin-right:30px;color:#fff;}
.casebanner .wrap .more a:hover{ background:#FE6C5E;  color:#fff }
.casebanner .wrap .more a:nth-child(2){background:#fff; color:#4c6aff; margin-right:0}
.casebanner .wrap .more a:nth-child(2):hover{ background:#FE6C5E; color:#fff }


.ncase .ncasenav{background: #F8F9FB;}
.ncase .tabmenu ul{width: 100%;}
.ncase .tabmenu li { display: inline-block; cursor: pointer; font-size:18px; padding-bottom:20px; position:relative}


.ncase .tabmenu li{ display:inline-block; position:relative; float:left; width:11.111111%; text-align:center}
.ncase .tabmenu li{color: #111F33; font-size:18px; font-weight:bold; opacity:0.5; padding-top:50px;}
.ncase .tabmenu li.cur, .ncase .tabmenu li:hover{color: #111F33; opacity:1}
.ncase .tabmenu li.cur:after, .ncase .tabmenu li:hover:after{ content:""; position:absolute; left:50%; margin-left:-18px; bottom:0; width:36px;height: 4px;background: #236DEF;border-radius: 2px;}
.ncase .tabmenu li:nth-child(1){background: url(../images/ci01.png) no-repeat center 14px; background-size:36px auto}
.ncase .tabmenu li:nth-child(2){background: url(../images/ci02.png) no-repeat center 14px; background-size:36px auto}
.ncase .tabmenu li:nth-child(3){background: url(../images/ci03.png) no-repeat center 14px; background-size:36px auto}
.ncase .tabmenu li:nth-child(4){background: url(../images/ci04.png) no-repeat center 14px; background-size:36px auto}
.ncase .tabmenu li:nth-child(5){background: url(../images/ci05.png) no-repeat center 14px; background-size:36px auto}
.ncase .tabmenu li:nth-child(6){background: url(../images/ci06.png) no-repeat center 14px; background-size:36px auto}
.ncase .tabmenu li:nth-child(7){background: url(../images/ci07.png) no-repeat center 14px; background-size:36px auto}
.ncase .tabmenu li:nth-child(8){background: url(../images/ci08.png) no-repeat center 14px; background-size:36px auto}
.ncase .tabmenu li:nth-child(9){background: url(../images/ci09.png) no-repeat center 14px; background-size:36px auto}



.ncase .tabmenu .cur {color:#7088FF; }
.ncase .tabmenu .cur:after{ background:#4C6AFF}

.ncase #ctabcontent .hidden {display:none;}
.ncase #ctabcontent .ppic{ float:right; width:48%;}
.ncase #ctabcontent .ppic img{ display:block; width:100%; height:auto}
.ncase #ctabcontent .wenzi{ float:left; width:48%;}
.ncase #ctabcontent h3{font-size: 24px;line-height: 40px;color: #111F33;}
.ncase #ctabcontent p{line-height: 24px;color: #676C73;}
.ncase .casebottom{ margin-top:40px; text-align:center}
.ncase .casebottom .item{ display:inline-block; margin:0 20px;}
.ncase .casebottom .tjlist{ margin-top:20px;}
.ncase .casebottom .item img{ display:block; max-width:200px; max-height:60px;}


.client .qimo8{ overflow:hidden; width:100%;}
.client .qimo8 .qimo {width:8000%;}
.client .qimo8 .qimo div{ float:left;}
.client .qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; color:#fff; text-align:center }
.client .qimo8 .qimo ul li{ float:left;}
.client .qimo8 .qimo ul li img {height:400px; display: block; }


.kehus {background:url(../images/kehus.png) no-repeat center center; background-size:cover;}
.kehus .title h3{ color:#fff;}

.kehus .swiper-slide{ width:180px; opacity:0.5}
.kehus .swiper-slide.swiper-slide-prev, .kehus .swiper-slide.swiper-slide-next{width:240px;}
.kehus .swiper-slide.swiper-slide-active{ width:360px; opacity:1}
.kehus .swiper-slide img{ height:60px;}
.kehus .swiper-slide{ padding-bottom:50px;}
.kehus .swiper-slide .wenzi { text-align:center; color:#fff; background:url(../images/yinh.png) no-repeat center top; padding:55px 0; background-size:36px auto;}
.kehus .swiper-slide .wenzi h3{ line-height:80px; font-size:24px; font-weight:bold}
.kehus .swiper-slide .wenzi p{color: #F8F9FB;opacity: 0.9;font-size: 14px; line-height:24px;}
.kehus .swiper-button-prev,.kehus .swiper-button-next{ width:48px; height:48px; left:0; margin-top:-40px; outline:none; border-radius:50%; opacity:0.8}
.kehus .swiper-button-prev{ background:url(../images/khpre.png) no-repeat center; background-size:48px auto}
.kehus .swiper-button-next{ left:auto; right:0; background:url(../images/khnext.png) no-repeat center; background-size:48px auto}
.kehus .swiper-button-prev:hover{background:url(../images/khpre.png) no-repeat center; opacity:1;  background-size:48px auto}
.kehus .swiper-button-next:hover{background:url(../images/khnext.png) no-repeat center; opacity:1; background-size:48px auto}


.kehus .logos .item{ float:left; width:15%; height:70px; border-radius:5px; overflow:hidden; background:#fff; opacity:0.5; position:relative; margin-top:25px;display:flex;align-items:center;}
.kehus .swiper-slide .logos .item:nth-child(2), .kehus .swiper-slide .logos .item:nth-child(4){ width:20%; height:92px;margin-top:14px;}
.kehus .swiper-slide .logos .item:nth-child(3){ width:30%; height:120px; opacity:1; margin-top:0px;}
.kehus .swiper-slide .logos img{ display:block; margin:0 auto}

.kehus .swiper-pagination{bottom:0%; text-align:center;}
.kehus .swiper-pagination-bullet{ width:32px; height:3px; background:rgba(255,255,255,0.4); border:none; opacity:1; margin:0 5px; border-radius:2px }
.kehus .swiper-pagination-bullet-active{background: #fff;opacity:1; }

.kehus .more{ text-align:center}
.kehus .more a{display: block;width: 220px;height: 44px;line-height: 44px;background: #2373FF;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;text-align: center;font-size: 16px;letter-spacing: -0.336px;color: #FFFFFF;margin: 27px auto 0;}


.jiaru{ background:url(../images/bg-footer.png) #416fee no-repeat center center; background-size:cover;}
.jiaru h3{ color:#fff}
.jiaru .more{ text-align:center}
.jiaru .more a{display: block;width: 240px;height: 44px;line-height: 44px;text-align: center;
background: -webkit-gradient(linear, left top, left bottom, from(#F0F5FF), to(rgba(240,245,255,0.8)));background: -webkit-linear-gradient(top, #F0F5FF 0%, rgba(240,245,255,0.8) 100%);background: -moz-linear-gradient(top, #F0F5FF 0%, rgba(240,245,255,0.8) 100%);background: -o-linear-gradient(top, #F0F5FF 0%, rgba(240,245,255,0.8) 100%);background: linear-gradient(180deg, #F0F5FF 0%, rgba(240,245,255,0.8) 100%);-webkit-box-shadow: 0px 12px 24px rgba(36,60,137,0.1);-moz-box-shadow: 0px 12px 24px rgba(36,60,137,0.1);box-shadow: 0px 12px 24px rgba(36,60,137,0.1);color: #2868EC;font-weight: 600;font-size: 16px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;margin: 30px auto 0;}



.bannersol { height:450px;}
.bannersol .text h3{ text-align:left !important}
.bannersol p{ text-align:left; text-align:left !important;color: #51555C;max-width: 580px;font-size: 16px; margin-top:15px;}
.bannersol .text .more{ text-align:left}
.bannersol .text .more a{width: 132px;height: 42px; line-height:42px; text-align:center; color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #4C6AFF; margin:20px 0 0 0;}


.nsol .item{ padding:20px; float:left; width:49%; margin-bottom:2%; border:solid 1px #eceff4; border-radius:8px;}
.nsol .item:nth-child(2n){ float:right}
.nsol .item:nth-child(2n+1){ clear:both}
.nsol .item h3{ color: #4E5A70;font-size: 21px;position: relative; padding-bottom:10px; line-height:45px;  margin-bottom:15px;}
.nsol .item h3:after{display: block; content: '';width: 28px;height: 4px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background-color: #4C6AFF;position: absolute;bottom: 0;left: 0;}
.nsol .item p{color: #7A8599; width:78%; min-height:90px;}



.nsol02{ background:#f8fafd}
.nsol02 .kuais{ margin-bottom:60px;}
.nsol02 .kuais .tpic{ width:43%; float:right}
.nsol02 .kuais .tpic img{ display:block; width:100%; height:auto}
.nsol02 .kuais .wenzi{ width:52%; float:left;color: #4E5A70; padding-top:45px;}
.nsol02 .kuais:nth-child(2n) .tpic{ float:left}
.nsol02 .kuais:nth-child(2n) .wenzi{ float:right}
.nsol02 .kuais .wenzi h3{ font-size:21px; font-weight:bold; line-height:50px;}
.nsol02 .kuais .wenzi p{color: #7A8599;}
.nsol02 .kuais .wenzi .tedian{ margin-top:15px}
.nsol02 .kuais .wenzi .tedian span{ display:block; max-width:280px;min-width:200px;color: #7A8599; background: url(../images/gou.png) no-repeat left center; background-size:14px auto; padding-left:25px; float:left}
.nsol02 .kuais .wenzi .tedian span:nth-child(2n+1){ clear:both}
.nsol02 .kuais .wenzi .zhushi{ color: rgb(169, 178, 194); font-size: 12px;}
.nsol02 .more a{width: 132px;height: 42px; line-height:42px; color:#fff; color:#fff; text-align:center;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #4C6AFF; margin:0px auto; display:block;}


.solys .conn{display: flex; display: -webkit-flex;justify-content: space-between;}
.solys .item{ display:inline-block; width:23.5%; margin-right:2%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 18px 25px 50px 25px;background-color: #fff; border: 1px solid #ECEFF4;text-align:center;}
.solys .item:nth-child(4n){ margin-right:0}
.solys .item .icon{ width:76px; margin:0 auto}
.solys .item .icon img{ display:block; width:100%; height:auto}
.solys .item .wenzi h3{color: #4E5A70;font-size: 21px; font-weight:bold; margin:10px 0}
.solys .item .wenzi p{color:#7A8599; text-align:left}


.solkehu{ background: url(../images/solbg.png) #f8fafd no-repeat center top; background-size:100% auto;}
.solkehu .title h3{ color:#fff}
.solkehu .wenzi{ float:left; width:60%; padding:50px}
.solkehu .pic{ float:right; width:40%;}
.solkehu .wenzi img{ height:50px; width:auto; display:block}
.solkehu .wenzi p{ font-size:18px; margin-top:20px; line-height:35px;}
.solkehu .swiper-slide{ background:#fff; border-radius:8px; box-shadow: 1px 1px 15px rgba(0,0,0,.2);}
.solkehu .swiper-button-prev, .solkehu .swiper-button-next{ width:36px; height:36px; left:2%; margin-top:-40px; outline:none; border-radius:50%; opacity:0.8}
.solkehu .swiper-button-prev{ background:url(../images/khpre.png) rgba(0,0,0,0.2) no-repeat center; background-size:36px auto}
.solkehu .swiper-button-next{ left:auto; right:2%; background:url(../images/khnext.png) rgba(0,0,0,0.2) no-repeat center; background-size:36px auto}
.solkehu .swiper-button-prev:hover{background:url(../images/khpre.png) rgba(0,0,0,0.3) no-repeat center; opacity:1;  background-size:36px auto}
.solkehu .swiper-button-next:hover{background:url(../images/khnext.png) rgba(0,0,0,0.2) no-repeat center; opacity:1; background-size:36px auto}

.solkehu .swiper-pagination{bottom:50px; text-align:left; left:50px;}
.solkehu .swiper-pagination-bullet{ width:32px; height:3px; background:#dbe1ff; border:none; opacity:1; margin:0 5px; border-radius:10px }
.solkehu .swiper-pagination-bullet-active{background: #4c6aff;opacity:1; }

* .zhishi{ font-size:12px !important; color:#999}

.solkehu .khad .title h3{ color:#232D47}
.solkehu .khad .more a{width: 132px;height: 42px; line-height:42px; color:#fff; color:#fff; text-align:center;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #4C6AFF; margin:0px auto; display:block;}