@charset "utf-8";
/*
    Css for PEL,    ver 1.1
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center
    首页 样式定义
*/
@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot?t=1504059207010'); /* IE9*/
    src: url('../font/iconfont.eot?t=1504059207010#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWYAAsAAAAACGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kg3Y21hcAAAAYAAAABuAAABsv/K06JnbHlmAAAB8AAAAZAAAAHsPoQt6WhlYWQAAAOAAAAALwAAADYOt8SCaGhlYQAAA7AAAAAcAAAAJAfeA4ZobXR4AAADzAAAABMAAAAUE+kAAGxvY2EAAAPgAAAADAAAAAwBQAGWbWF4cAAAA+wAAAAeAAAAIAEUAF1uYW1lAAAEDAAAAUUAAAJtPlT+fXBvc3QAAAVUAAAAQQAAAGHvm3SveJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/s04gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzzYm7438AQw9zA0AAUZgTJAQAp0wy5eJzFkMENgEAIBAfvNMZYirEE49tafPmyYtrQvcOHVuCSIbAhgQC0QBKTyGAHRtEu16qfGKqfWdUP9DSK02dffLsuee86ZJqLKHXWvHZYx2+y/1Z/Nda8Pp0+zvmgE30Oiu9LoN/hW0C6AR96FjQAAHicVY67btRAFIbnn2HOeIPX3vi69mbXeyEeUGARxngLRLahAVEgUVHyANCmIVIiLqKg4BkQEgUVfZ4EKgSCapHsBzCMEwmUo6P/6D+XT4dJxv58EydiyHx2md1gd9lDxkB7mDt8jJkul3wP4UyGceAIvdAztZgvxR3EcwqioirzmBS5cDDBzVlR6SXXuFXu89soojGQjNJH3u6OJ95ha6gnr9r7/D3CbLHj7l9r711dB8XUtw5sz0s8761FUlqcX3AdPI2jnuxtUftBuml4kl3hGexEpw8e96cj78mb8tl4N+4BR0fwR1Pn43o73Tb5PI18L1GDvjVM+4tLAQ5+XBz69jj/zkygE/6af2ahMeUKVZEhClzEndBcI0dOSGhAE6LNhkwZUPuL8MIipGf296YbK2XW/jO/8k+nzEAZzHXk5Rq6k6qIEfEvHeMc0xzj0KL253mmWfvHFIK/ZLExqyp3DY0yKIqjYm2+LVaV5nYjbaobsmXTSCmUqBuhOBGO67Pe6ZSEqGshyID/AvipT6F4nGNgZGBgAGIZ1zX18fw2Xxm4WRhA4OoZBzcE/f8hCwOzBJDLwcAEEgUAEgUJlAB4nGNgZGBgbvjfwBDDwgACQJKRARWwAgBHCwJueJxjYWBgYH7JwMDCgMAADpsA/QAAAAAAAHYAoADKAPZ4nGNgZGBgYGUIBGIQYAJiLiBkYPgP5jMAABEtAXIAAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJWRiZGZkYWRlZGNgbGCt6o0vzK/NCszMa8kv1QchaebnF9QCSY4M5Pz83RLUotLGBgAH9wToQAAAA==') format('woff'),
    url('../font/iconfont.ttf?t=1504059207010') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg?t=1504059207010#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-zuoyoujiantou:before {
    content: "\e63e";
}

.icon-zuoyoujiantou-copy-copy:before {
    content: "\e64a";
}

.icon-icon-test:before {
    content: "\e62e";
}


body{/*background: #fff;font:normal 16px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif*/;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.siteWidth{max-width: 1400px;margin:0 auto;text-align:left;}

.row-hd{text-align: center;font-size: 20px;color: #666;line-height: 36px;margin-bottom: 50px;}
.row-hd h3 { font-weight:bold;font-size: 40px; margin-bottom:8px; color:#333; display:inline-block; padding:0 80px; position:relative; height:40px;}
.row-hd h3:before { content:""; background:url(images/rowtibgl.png) no-repeat; width:60px; height:21px; display:block; position:absolute; top:50%; margin-top:-11px;left:0;}
.row-hd h3:after { content:""; background:url(images/rowtibgr.png) no-repeat; width:60px; height:21px; display:block; position:absolute; top:50%; margin-top:-11px;right:0;}

.pick-hd{height: 36px;background: url(images/pick-icon.png) no-repeat center;text-align: center;font-size: 32px;color: #b70022;font-weight: bold;line-height: 36px;}

/* box-A */ 
.box-A{background:url(images/banner.jpg) no-repeat center top;height: 650px;position:relative;margin-bottom: 60px;}
.box-A .title{text-align: center;position: absolute;top: 320px;left: 0;right: 0;}
.box-A .title .p1{font-size: 80px;font-weight: 900;line-height: 66px;color: #ffffff;text-shadow: 7px 7px 7px rgba(23, 21, 22, 0.38);margin-bottom: 22px;letter-spacing: 5px;}
.box-A .title .p2{font-size: 50px;font-weight: 900;line-height: 60px;color: rgba(255, 255, 255, 0.18);}

.box-B:after { content:""; display:block; clear:both;}
.expectation {width:1200px;position:relative;margin: 0 auto; color:#fff; line-height:24px; font-size:16px; margin-bottom:60px;}
.expectation .bd {height:540px;}
.expectation h2 { font-size:40px; font-weight:bold; line-height:60px; margin-bottom:20px; padding:0 30px;}
.expectation h2 b { color:#E4BA71}
.expectation .expect1 { position:absolute; left:0; background:url(images/expect1bg.png) no-repeat; width:420px; height:460px; padding:40px 155px 40px 85px; text-align:right}
.expectation .expect2 { position:absolute; right:0; background:url(images/expect2bg.png) no-repeat; width:450px; height:460px; padding:40px 125px 40px 85px;}

.box-C {height:2186px;padding:80px 0;background:url(images/boxCbg.jpg) no-repeat top;overflow: hidden;margin-bottom: 60px;}
.subTitle { text-align:center; margin-bottom:20px;}
.subTitle h3 { font-size:32px; color:#031E63; font-weight:bold; margin-bottom:20px;}
.subTitle p {font-size:16px;padding: 0 180px;line-height: 30px;color: #666;}
.subTitle p u {color:#BE9652;font-size:18px;font-weight:bold;text-decoration: none; position:relative; }
.subTitle p u:after {content:"";display:block;width:100%;height: 5px;background:#BE9652;bottom: -5px;position:absolute;left:0;border-radius:3px;opacity: 0.18;}
.techUpgrades {margin-left: -360px;margin-bottom: 50px;}

.xgzs-box { margin-bottom:50px;}
.xgzs-box .hd{height: 50px;line-height: 50px;background-color: #fff;border-radius: 25px;width: 772px;margin: 0 auto 50px;}
.xgzs-box .hd li{float: left;}
.xgzs-box .hd li a{font-size: 16px;color: #666;padding: 0 23px;}
.xgzs-box .hd .on{background-color: #031E63;border-radius: 25px;}
.xgzs-box .hd .on a{color: #fff;}
.xgzs-box .bd li{float: left;width: 25%;margin-bottom: 40px;height: 163px;}
.xgzs-box .bd li img{display: block;margin: auto;}
.xgzs-box .bd li p{text-align: center;margin:10px 5% 0;}

.successCases {margin-right:-5px;margin-bottom:40px;height: 330px;}
.successCases dl {float:left;width:233px;border:1px solid #fff;background:rgb(255 255 255 / 50%);padding:19px;margin-right:5px;height:290px;overflow:hidden;transition: all 1s;}
.successCases dt { height:30px; text-align:center; line-height:30px; font-size:18px; color:#03216C; font-weight:bold; margin-bottom:20px;}
.successCases dd { height:243px; overflow:hidden;}
.successCases dd ul li {float: left;width:221px;height:34px;line-height:34px;text-align:center;border:1px solid #D5E5ED;border-radius:3px;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 5px;color:#666;transition: all 1s;}
.successCases dl.on { background: linear-gradient(135deg, #031E63 , #193D97); }
.successCases dl.on dt { color:#fff; }
.successCases .on dd ul { margin-right:-10px;}
.successCases .on dd ul li {color:#fff;border: 1px solid rgb(255 255 255 / 30%);width: 240px;margin-right: 10px;}
.successCases dl.on {width: 517px;}
.successCases dl.on ul { width:527px;}
.successCases .on dd ul li.last {padding:0;width: 512px;}

.partners ul { margin-right:-30px;}
.partners li { float:left; width:680px; position:relative; margin-bottom:70px; margin-right:20px; }
.partners li i { float:left; width:70px; text-align:center; font-size:32px; font-weight:bold; color:#C8A261; margin-top:70px; }
.partners li p {overflow:hidden;background:#031E63 url(images/partnerslibg1.png) right bottom no-repeat;height:180px;border-radius:0 0 80px;padding:30px;font-size: 16px;color: #fff;line-height: 24px;}
.partners li label { position:absolute; left:15px; bottom:22px; height:46px; line-height:46px; width:166px; background:url(images/partnerslilabbg.png) no-repeat; padding-left:54px; color:#fff; font-weight:bold; font-size:18px;}
.partners li:before { content:""; position:absolute; width:1px; height:40px; background:#C8A261; opacity:0.3; top:116px; left:36px; }

.partners .li2 p { background-image: url(images/partnerslibg2.png); }
.partners .li3 p { background-image: url(images/partnerslibg3.png); }
.partners .li4 p { background-image: url(images/partnerslibg4.png); }
.partners .li5 p { background-image: url(images/partnerslibg5.png); }
.partners .li6 p { background-image: url(images/partnerslibg6.png); }
.partners .li7 p { background-image: url(images/partnerslibg7.png); }
.partners .li8 p { background-image: url(images/partnerslibg8.png); }

/* box-D */
.box-D{background:url(images/box-Dbg.jpg) no-repeat center;padding: 20px 0 10px;height: auto;overflow: hidden;}
.box-D .siteWidth{width: 1400px;}
.box-D .white-hd{padding: 29px 0 48px;}
.box-D .dlyq .bd{width: 1300px;height: 480px;background-color: #ffffff;box-shadow: 0px 1px 24px 0px rgba(53, 53, 53, 0.42);border-radius: 10px;margin-top: 20px;padding: 46px 50px 54px;}
.box-D .dlyq .bd li{height: 60px;padding: 15px 75px 15px 20px;border-radius: 45px;border: solid 1px #d6e3ec;width: 535px;margin-bottom: 40px;}
.box-D .dlyq .bd .li1{width: 1205px;}
.box-D .dlyq .bd li i{width: 60px;height: 60px;border-radius: 50%;display: block;float: left;margin-right: 22px;background: url(images/dlyq-icons.png) 1px 9px no-repeat #2978af;}
.box-D .dlyq .bd .li1 p{float: left;width: 1089px;height: 60px;font-size: 16px;line-height: 30px;color: #333333;}
.box-D .dlyq .bd li:hover{background-color: #f3f8fc;}
.box-D .dlyq .bd .li4 p,.box-D .dlyq .bd .li7 p{line-height: 60px;}
.box-D .dlyq .bd .li2 i{background-position: 0px -129px;}
.box-D .dlyq .bd .li3 i{background-position: 0px -262px;}
.box-D .dlyq .bd .li4 i{background-position: -1px -394px;}
.box-D .dlyq .bd .li5 i{background-position: 2px -510px;}
.box-D .dlyq .bd .li6 i{background-position: 1px -690px;}
.box-D .dlyq .bd .li7 i{background-position: 1px -831px;}

/* box-E */
.box-E{background-color: #f6f8fc;}
.box-E .pick-hd{padding: 52px 0 49px;}
.box-E .tjzl .bd li{width: 325px;height: 220px;background-color: #ffffff;border-radius: 45px 0 45px 0;border: solid 1px #e5e9f1;float: left;margin-right: 30px;margin-bottom: 70px;}
.box-E .tjzl .bd .li4{margin: 0;}
.box-E .tjzl .bd li i{display: block;width: 100px;height: 100px;margin: 42px auto 0;background:url(images/tjzl-icons.png) 0 0 no-repeat;}
.box-E .tjzl .bd li p{text-align: center;color: #13669f;}
.box-E .tjzl .bd .li2 i{background-position: 0px -257px;}
.box-E .tjzl .bd .li3 i{background-position: 0px -502px;}
.box-E .tjzl .bd .li4 i{background-position: 0px -747px;}

/* box-F */
.box-F {background:#F5FAFF;padding: 80px 0 30px;}
.box-F .pick-hd{padding: 40px 0;margin-bottom: 30px;}
.box-F .dlcx .row-hd {margin: 0 0 2px;}
.box-F .dlcx .bd{position: relative;}
.box-F .dlcx .bd li{width: 276px;float: left;text-align: center;font-size: 16px;}
.box-F .dlcx .bd li i{display:block;width: 80px;height: 71px;margin: 0 auto 25px;background:url(images/dlcx-icons.png) 0 0 no-repeat;}
.box-F .dlcx .bd .li2 i{background-position: 0px -179px;}
.box-F .dlcx .bd .li3 i{background-position: 0px -362px;}
.box-F .dlcx .bd .li4 i{background-position: 0px -545px;}
.box-F .dlcx .bd .li5 i{background-position: 0px -728px;}
.pic{width: 100px;height: 20px;background:url(images/pic-icon.png) no-repeat;}
.box-F .dlcx .bd .pic{position: absolute;top: 22px;}
.box-F .dlcx .bd .pic1{left: 230px;}
.box-F .dlcx .bd .pic2{left: 500px;}
.box-F .dlcx .bd .pic3{left: 790px;}
.box-F .dlcx .bd .pic4{left: 1060px;}

.lxdh{width: 440px;height: 60px;background-color: #ffffff;border-radius: 30px;border: solid 1px #f2e7e9;margin: 50px auto 50px;line-height: 60px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px;}
.lx-bg{width: 220px;height: 60px;background-image: linear-gradient(90deg, #b70022 0%, #db3f5d 100%), linear-gradient(#ffffff, #ffffff);	background-blend-mode: normal, normal;border-radius: 30px;float: left;line-height: 60px;}
.lx-bg span{font-size: 20px;color: #ffffff;padding-left: 89px;background:url(images/phone.png) 40px center no-repeat;display: inline-block;height: 29px;line-height: 29px;}
.lxdh p{font-size: 24px;font-weight: 900;color: #b70022;text-indent: 23px;}

#framework{
    /*padding: 100px 0;*/
}
.framework_box{
    background: url(images/solt_bg.png) center 50px no-repeat;
    height: 420px;
    position: relative;
    margin-bottom: 80px;
}
.framework_box li{
    width: 145px;
    position: absolute;

}
.framework_box li .left_box{
    width: 32px;
    float: left;
    position: relative;
    top: 8px;
}
.framework_box li .left_box i{
    display: block;
    width: 32px;
    height: 32px;
    background: url(images/round_icon.png) center no-repeat;
}
.framework_box li .left_box .line{
    width: 1px;
    background: url(images/line_bg.png) center no-repeat;
    position: absolute;
    left: 12px;
    top: 21px;
}
.framework_box .li1{
    right: 1155px;
    top: 160px;
}
.framework_box .li1 .left_box .line{
    height: 220px;
}
.framework_box .li2{
    right: 945px;
    top: 130px;
}
.framework_box .li2 .left_box .line{
    height: 250px;
}
.framework_box .li3{
    right: 735px;
    top: 100px;
}
.framework_box .li3 .left_box .line{
    height: 280px;
}
.framework_box .li4{
    right: 525px;
    top: 70px;
}
.framework_box .li4 .left_box .line{
    height: 310px;
}
.framework_box .li5{
    right: 315px;
    top: 40px;
}
.framework_box .li5 .left_box .line{
    height: 340px;
}
.framework_box .li6{
    right: 106px;
    top: 0;
}
.framework_box .li6 .left_box .line{
    height: 340px;
}
.framework_box li .right_box{
    float: right;
}
.framework_box li .right_box .date{
    height: 30px;
    line-height: 30px;
    width: 112px;
    overflow: hidden;
    border-radius: 30px;
    background: linear-gradient(to right,#3AB2FE,#005DD8);
    display: flex;
}
.framework_box li .right_box .date p{
    height: 28px;
    line-height: 28px;
    width: 110px;
    background-color: #fff;
    text-align: center;
    margin: auto;
    border-radius: 30px;
    font-size: 16px;
    color: #005DD8;
    font-weight: 700;
}
.framework_box li .right_box .tit{
    margin-top: 140px;
    font-size: 16px;
    color: #005DD8;
}
.framework_p{
    line-height: 30px;
    text-indent: 2em;
    font-size: 16px;
	margin-bottom: 18px;
}

@media only screen and (max-width: 1400px){
	.siteWidth{max-width: 1200px;}
    .box-B .dlys .bd li{
        width: 222px;
    }
    .box-C .dlzz .bd li .tit{
        width: 1025px;
    }
    .box-E .tjzl .bd li{
        width: 285px;
    }
    .box-F .dlcx .bd li{
        width: 228px;
    }

    .box-F .dlcx .bd .pic1{left: 176px;}
    .box-F .dlcx .bd .pic2{left: 405px;}
    .box-F .dlcx .bd .pic3{left: 640px;}
    .box-F .dlcx .bd .pic4{left: 862px;}

.partners li { width:590px; }
.successCases dl {width:190px;}
.successCases dd ul li {width:178px;}
.successCases dl.on {width: 455px;}
.successCases dl.on ul { width:465px;}
.successCases .on dd ul li {width: 210px;}
.successCases .on dd ul li.last {width: 453px;}
.successCases .on dd ul li.last {width: 452px;}

.framework_box .li1{
    right: 1055px;
}

.framework_box .li2{
    right: 895px;
}

}