@charset "utf-8";/* CSS Document*/
*{box-sizing: border-box;-webkit-text-size-adjust: none;margin: 0;padding: 0;text-decoration: none;box-sizing: border-box;}
input, button, select, textarea{outline: none}
textarea{resize: none}
table{border-collapse: collapse;}
a{cursor: pointer;}
a img, img{border: 0;}
address, caption, cite, code, dfn, em, th, var, i, u, b{font-style: normal;font-weight: 400;}
li{list-style: none;}
img, input{vertical-align: middle;}
body, html{width: 100%;font-size: 12px;font-family: Arial, "Microsoft YaHei", 微软雅黑, MingLiu;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: "\20";clear: both;height: 0;}
.header{background: #fff;width: 1440px;margin: 0 auto;position: relative;z-index: 100;}
.header .logo{margin-right: 60px;}
.header .con{display: flex;align-items: center;height: 90px;}
.header a{font-size: 18px;color: #000000;margin-right: 30px;}
.header a.cur, .header a:hover{color: #3789fd;}
.header .tel{flex: 1;text-align: right;}
.header .tel span{height: 32px;font-size: 16px;line-height: 32px;display: inline-block;background: url('../images/icon-tel.png') no-repeat 8px center;padding: 0 10px 0 38px;border: 1px solid #2e3962;border-radius: 4px;}
.banner{position: relative;overflow: hidden;height: 700px;width: 1440px;margin: 0 auto;}
.banner li{list-style: none;}
.banner ul li{float: left;}
.banner .dots{position: absolute;left: 0;right: 0;bottom: 20px;text-align: center;}
.banner .dots li{display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;border: 2px solid #fff;border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
.banner .dots li.active{background: #fff;opacity: 1;}

.footer{padding: 80px;margin: 0 auto;background: #373d41; line-height: 1.8}
.footer .left{font-size: 16px; background: url(../images/icon-co.png) no-repeat; padding-left: 100px; width: 330px; float: left; color: #bbbbbb;}
.footer .left .p2{font-size: 26px; color:#fff;}
.footer .left .p5{ margin:50px 0 0 -100px;}
.footer .left .p4{ font-size:12px;}
.footer .right{float: right;}
.footer .right li{float: left;padding-left:80px;}
.footer .right h5{font-size:14px; margin-bottom: 20px;}
.footer .right a{ color: #bbbbbb;}
.footer .right a:hover{text-decoration: underline;}
.footer .right h5 a{ color: #fff;}

.bx_con{margin: 0 auto;padding-bottom: 60px;background: #fff;width: 1440px;}
.bx_con .title{text-align: center;line-height: 1.7;padding: 30px 0;}
.bx_con .title .p1{color: #4a4292;font-size: 36px;}
.bx_con .title .p2{color: #40526d;font-size: 16px;}
.bx_con .title .p3 a{color: #3789fd;font-size: 14px;}
.bx_wrap{margin: 0 60px;position: relative;}
.bx_wrap .conbox{position: relative;overflow: hidden;}
.bx_wrap ul{position: relative;}
.bx_wrap li{width: 250px;height: 330px;margin-right: 18px;float: left;position: relative;overflow: hidden;}
.bx_wrap li .img{width: 100%;height: auto;}
.bx_wrap .btn{opacity: .5;width: 24px;height: 45px;line-height: 24px;position: absolute;top: 50%;margin-top: -22px;z-index: 100;cursor: pointer;}
.bx_wrap .prev{left: -45px;background: url(../images/arr-left.png) no-repeat;}
.bx_wrap .next{right: -45px;background: url(../images/arr-right.png) no-repeat;}
.bx_wrap .btn:hover{opacity: 1;}
.bx_wrap .pop-in{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;background: rgba(0,0,0,.5);color: #fff;padding: 20px;transition: all .5s ease;}
.bx_wrap .pop-in{text-align: center;}
.bx_wrap .pop-in .icon{padding-top: 80px;transition: all .5s ease;}
.bx_wrap .pop-in h5{font-size: 19px;font-weight: 700;margin: 10px 0;}
.bx_wrap .pop-in .div1{transition: all .5s ease;opacity: 0;visibility: hidden;font-size: 15px;margin-bottom: 20px;}
.bx_wrap .pop-in .div2 span{transition: all .5s ease;opacity: 0;visibility: hidden;display: inline-block;border: 1px solid #fff;height: 24px;line-height: 24px;padding: 0 20px;}
.bx_wrap li a:hover .icon{padding-top: 40px;}
.bx_wrap li a:hover .div1{visibility: visible;opacity: 1;}
.bx_wrap li a:hover .div2 span{visibility: visible;opacity: 1;}
.bx_wrap li a:hover .pop-in{background: rgba(55,137,253,.9)}

.solution{height: 800px;background: #467aff;background-image: -webkit-radial-gradient(0px 0px, #3d7dfa, #815df4);margin: 0 auto;width: 1440px;position: relative;}
.solution .pg-canvas{opacity: .5;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.solution .box{margin: 0 0 0 60px;}
.solution .title{text-align: center;line-height: 1.7;padding: 30px 0;position: relative;z-index: 10;}
.solution .title .p1{color: #fff;font-size: 36px;}
.solution .title .p2{color: #fff;font-size: 16px;}
.solution .title .p3 a{color: #fff;font-size: 14px;}
.solution .item{overflow: hidden;position: relative;width: 627px;height: 266px;float: left;margin: 0 60px 30px 0;}
.solution .img{position: relative;left: 50%;margin-left: -313px;transition: all .3s ease;}
.solution .item:hover .img{transform: scale(1.1);}
.solution .pop-in{position: absolute;left: 60%;right: 0;top: 0;bottom: 0;z-index: 10;background: rgba(58,204,228,.9);color: #fff;padding: 20px;transition: all .5s ease;}
.solution .pop-in{text-align: center;}
.solution .pop-in .icon{padding-top: 10px;transition: all .5s ease;}
.solution .pop-in h5{font-size: 19px;font-weight: 700;margin: 10px 0;}
.solution .pop-in .div1{transition: all .5s ease;font-size: 15px;margin-bottom: 20px;}
.solution .pop-in .div2 span{transition: all .5s ease;display: inline-block;border: 1px solid #fff;height: 24px;line-height: 24px;padding: 0 20px;}
.solution .item:nth-child(3){margin-right: 36px;}
.solution .item:nth-child(3), .solution .item:nth-child(4){width: 295px;}
.solution .item:nth-child(3) .pop-in, .solution .item:nth-child(4) .pop-in{left: 0;background: rgba(9,79,119,.9)}
.solution .item:nth-child(5) .pop-in{right: 60%;left: 0;}

.news-wrap{margin: 0 auto;width: 1440px;position: relative; background: #fff;}
.news-wrap .title{text-align: center;line-height: 1.7;padding: 30px 0;position: relative;z-index: 10;}
.news-wrap .title .p1{color: #4a4292;font-size: 36px;}
.news-wrap .title .p2{color: #40526d;font-size: 16px; margin-bottom: 10px;}
.news-wrap .title .p3 a{color: #fff;font-size: 14px; margin: 0 10px; display: inline-block; padding: 0 30px; height: 34px; line-height: 34px; background: #606d82; border-radius:5px;}
.news-wrap .title .p3 a:hover{ background: #3789fd;}
.news-wrap .left{overflow: hidden;position: relative;width: 627px;height: 266px;float: left;margin: 0 60px 30px 0;}
.news-wrap .right{ float: right;width: 660px;}
.news-wrap .box{background: #fff; padding: 60px 0;}
.news-wrap .pop-in{position: absolute;left: 60%;right: 0;top: 0;bottom: 0;z-index: 10;background: rgba(55,137,253,.9);color: #fff;padding: 20px;transition: all .5s ease;}
.news-wrap .pop-in .div2 span{transition: all .5s ease;display: inline-block;border: 1px solid #fff;height: 24px;line-height: 24px;padding: 0 20px;}
.news-wrap .pop-in h5{font-size: 16px;margin: 10px 0;}
.news-wrap .pop-in .div1{font-size: 12px;margin: 10px 0; line-height: 20px;}
.news-wrap .right li{ border-bottom: 1px solid #c6c6c6; line-height: 37px; position: relative;padding-right:80px;}
.news-wrap .right li a{  color: #40526d;}
.news-wrap .right li span{ position: absolute;right:0; color: #9b9b9b;}
.news-wrap .right li a:hover{color: #3acce4;}

.wrap{width: 1440px; margin: 0 auto; background: #fff;}

.in-nav{ border-bottom: 5px solid #3789fd; height: 60px; line-height: 60px; background: #9041b1; text-align: center;
  background: -webkit-linear-gradient(left, #9040b0 , #2196c0); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #9040b0, #2196c0); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #9040b0, #2196c0); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #9040b0 , #2196c0); /* 标准的语法 */
}
.in-nav a{ transition:all .3s ease; font-size:16px; color: #fff; display: inline-block; padding:0 40px; margin-right: 11px; position:relative;}
.in-nav a::before{position: absolute; content: ""; width: 1px; height:27px; background: rgba(0,0,0,.2); right:-7px; top:50%; margin-top:-14px;}
.in-nav-sml a{ padding:0 10px;}
.in-nav-sml a:hover{background: #3789fd; padding:0 20px;}
.in-nav-sml .cur{background: #3789fd; padding:0 20px;}
.in-nav a:hover{background: #3789fd;}
.in-nav a:last-child::before{display: none;}
.in-nav .cur{background: #3789fd;}

.pro-list{padding:30px 0 30px 60px;}
.pro-list .item{ float: left; width: 420px;margin:0 25px 25px 0;}
.pro-list .item .top{ position: relative;}
.pro-list .item .img img{width: 420px; height: 300px; border: 1px solid #d1d1d1;}
.pro-list .item .name{position: absolute;left:1px;bottom:0; right:1px; padding: 10px 0; text-align: center;color: #000; font-size:18px; background: rgba(255,255,255,.5);}
.pro-list .item .txt{ transition:all .3s ease;background: #373d41; color: #fff;padding:20px 40px; height: 130px; text-align: center;}
.pro-list .item .txt p:first-child{margin-bottom: 8px; height: 60px; line-height: 20px;overflow: hidden;}
.pro-list .item .txt p span{ display:inline-block; line-height: 24px; border: 1px solid #fff; padding: 0 30px; }
.pro-list .item:hover .txt{background: #3789fd; }

.page {padding:10px 0 60px; text-align: center;}
.page a,.page span{ color: #333; display:inline-block; background:#eee; vertical-align: middle;padding:0 15px; line-height: 36px; margin-right:1px; min-width:20px; text-align:center;}
.page a:last-child{ border-radius:0 4px 4px 0; border:0;}
.page a:first-child{ border-radius:4px 0 0 4px;}
.page .cur_page{ background:#333; color:#fff;}
.page a:hover{ background:#f8f8f8;}


.d-wrap{ padding:30px 60px;}
.d-wrap .left-wrap{ float: left; width: 260px;}
.d-wrap .left-nav-1{margin-bottom: 60px;}
.d-wrap .left-nav-1 a{ color: #fff; display: block;padding:15px 40px; line-height: 20px; background: #009fe9; border-bottom: 1px solid #1f9fda; font-size:16px;}
.d-wrap .left-nav-1 a.cur{ background: #3789fd; position: relative;}
.d-wrap .left-nav-1 a.cur:before{content: ""; width: 13px; height: 26px; background: url(../images/icon-r.png) no-repeat; position: absolute;right:-12px; top:50%;margin-top:-13px;}
.d-wrap .left-nav-1 a:hover{ background: #3789fd;}
.d-wrap .left-nav-2 .top{height:78px; line-height: 78px; color: #fff; text-align: center;font-size: 22px; font-weight: 700; background: url(../images/nav-bg.png);}
.d-wrap .left-nav-2 a{ color: #fff; display: block;padding:15px 40px; line-height: 20px; background: #373d41; border-bottom: 1px solid #4b5053; font-size:16px;}
.d-wrap .left-nav-2 a:hover{ background: #3acce4;}

.d-wrap .right-wrap{ float: right; width: 1000px;}
.d-wrap .d-top{padding:20px; border: 1px solid #d1d1d1;}
.d-wrap .d-top .img{ float:left;}
.d-wrap .d-top .content{float: right; width: 500px;}
.d-wrap .d-top .content h1{ font-size: 18px; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 10px;}
.d-wrap .d-top .content h5{ font-size: 14px; }
.d-wrap .d-top .content p{ padding: 20px 0 0; line-height: 1.8;}

.d-wrap .sml-tab{ height: 51px; line-height: 48px; background: #606d82; border-bottom: 3px solid #3acce4; padding:0 20px;}
.d-wrap .sml-tab a{display: inline-block;padding: 0 30px; font-size:14px; color: #fff; height:48px; vertical-align: middle;}
.d-wrap .sml-tab a.cur{color: #3acce4; background:url(../images/icon-m.png) no-repeat center bottom;}
.d-wrap .tab-con{border: 1px solid #d1d1d1; padding:40px 39px;}
.d-wrap .tab-con .item{display: none;}

.down-list h4{font-size:20px;  padding-bottom: 20px;}
.down-list ul{padding:0 0 30px 0;}
.down-list li{ border-bottom: 1px solid #c6c6c6; line-height: 37px; position: relative;padding-right:80px;}
.down-list li a{  color: #40526d;}
.down-list li span{ position: absolute;right:0; color: #9b9b9b;}
.down-list li a:hover{color: #3acce4;}

.wrap-solution-box{padding-bottom: 60px;}
.wrap-solution{margin:40px 0 0; padding:0 60px 60px; border: 1px solid #d2d2d2;}
.wrap-solution .h1{font-size:20px; line-height: 60px; text-align: center;margin-top:20px;}
.wrap-solution .content{padding:60px 0; font-size:16px; line-height: 1.8;border-top: 1px solid #ebebeb;margin-top:20px;}
.wrap-solution .time{text-align: center;}


.about-solution {padding-bottom: 60px;}
.about-solution .title{text-align: center;line-height: 1.7;padding: 60px 0 30px;position: relative;z-index: 10;}
.about-solution .title .p1{color: #4a4292;font-size: 36px;}
.about-solution .title .p2{color: #40526d;font-size: 16px;}
.about-solution .title .text{color: #000000;font-size: 12px; padding:20px 60px;}
.about-solution .box{padding-left:60px;}
.about-solution .item{overflow: hidden;position: relative;width: 627px;height: 266px;float: left;margin: 0 60px 30px 0;}
.about-solution .img{position: relative;left: 50%;margin-left: -313px;transition: all .3s ease;}
.about-solution .item:hover .img{transform: scale(1.1);}
.about-solution .pop-in{position: absolute;left: 60%;right: 0;top: 0;bottom: 0;z-index: 10;background: rgba(55,137,253,.9);color: #fff;padding: 20px;transition: all .5s ease;}
.about-solution .pop-in .div2 span{transition: all .5s ease;display: inline-block;border: 1px solid #fff;height: 24px;line-height: 24px;padding: 0 20px;}
.about-solution .pop-in h5{font-size: 16px;margin: 10px 0;}
.about-solution .pop-in .div1{font-size: 12px;margin: 10px 0;}

.wrap-contant{padding:60px;}

.wrap-news{padding:60px 0 60px 60px;}
.wrap-news .box{padding-bottom: 40px;}
.wrap-news .item{overflow: hidden;position: relative;width: 620px;height: 266px;float: left;margin: 0 60px 30px 0; }
.wrap-news .item .img{ transition:all .1s ease; width:376px;height: 266px;}
.wrap-news .item .pop-in{position: absolute; width:244px; right: 0;top: 0;bottom: 0;z-index: 10;background: rgba(55,137,253,1);color: #fff;padding: 20px;transition: all .5s ease;}
.wrap-news .item .div2 span{transition: all .5s ease;display: inline-block;border: 1px solid #fff;height: 24px;line-height: 24px;padding: 0 20px;}
.wrap-news .item .pop-in h5{font-size: 16px;margin: 10px 0;}
.wrap-news .item .pop-in .div1{font-size: 12px;margin: 10px 0;}
.wrap-news .item:hover .pop-in{padding: 20px 40px;width:284px; background: rgba(55,137,253,1);}


.wrap-server{ padding:40px 0;}
.wrap-server .item{ transition: all .3s ease; border: 1px solid #d6d6d6; padding:30px; display: block; line-height: 1.8; margin-bottom: 20px; color:#333;}
.wrap-server .item .img{float: right;}
.wrap-server .item .img img{width:340px; height: auto;}
.wrap-server .item .con{float: left; width: 800px; font-size:14px;}
.wrap-server .item .tit{ font-weight: 700; border-bottom: 1px solid #ebebeb; font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;}
.wrap-server .item p{margin-bottom: 10px;}
.wrap-server .item:nth-child(odd) .img{ float: left;}
.wrap-server .item:hover{border: 5px solid #3789fd; padding:26px;}
.wrap-server .item:hover .a{color:#3789fd;}

.wrap-server-faq .item .con{float: none; font-size:14px; width: auto;}

.zixun-form{margin:0 0 0 180px;}
.zixun-form .a-list{margin-top:15px;}
.zixun-form input[type="text"]{width:300px; height:34px; border:1px solid #333; padding:0 10px; border-radius:4px; font-size:12px;}
.zixun-form textarea{width:500px; height:34px; border:1px solid #333; padding:10px; border-radius:4px; height:80px; font-size:12px; margin-bottom:15px}
.zixun-form .btn-t{ height:40px; padding:0 50px; background:#3789fd; border:none; border-radius:4px; font-size:16px; color:#fff;margin-top:40px; margin-right:30px; cursor:pointer;}
.zixun-form .btn-c{ background:#999;}