@charset "utf-8";
/*
    Css for PEL,    ver 1.1
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center
    首页 样式定义
*/
body{background: #fff;min-width: 1400px;}
#footer,.footer-bottom{min-width: 1400px;}
.clear{clear: both;}
.box{width: 1400px;margin: auto;min-width: 1400px;overflow: inherit;}
.siteWidth{width: 1200px;margin: 0 auto;overflow: hidden;text-align: left;position: relative;}
.sapageBanner{position: relative;}
.sapageBanner img{width: 100%;}
#wrapper {width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.product-js{position: absolute;left:0;right:0;max-width: 1400px;margin: 0 auto;min-width: 1200px;top: 33%;}
.product-js .sa-pt{width: 480px;height: 38px;margin-left: 55px;font-size: 36px;color: #fbf3ae;line-height: 38px;font-weight: 600;margin-top: 10px;}
.product-js .sa-ms{font-size: 20px;line-height: 54px;color: #ffffff;margin: 20px 0 25px 55px;width: 490px;height: 54px;background: url(images/newimages/sa-smbg.png) no-repeat;text-align: center;background-size: 100%;}
.product-js .sa-js{margin-left: 55px;}
.product-js .sa-js div{width: 140px;height: 32px;background-color: #82b6ff;border-radius: 20px;border: solid 1px #82b6ff;line-height: 32px;text-align: center;font-size: 20px;color: #fff;}
.product-js .sa-js p{width: 672px;font-size: 15px;line-height: 35px;color: #ffffff;margin-top: 10px;}

#architecture{padding: 40px 0 0px;}
#architecture .title{width:937px;height: 103px;line-height: 103px;text-align: center;font-size: 30px;color: #ffffff;font-weight: normal;letter-spacing: 1px;background: url(images/newimages/architecturebg.png) no-repeat;margin: 0 auto 40px;}
.architecture-box{background: url(images/newimages/architecture-cp.png) no-repeat;height: 749px;position: relative;}
.architecture-box .ul1{width: 520px;height: 282px;background-color: #cf9f47;border-radius: 10px;margin: 0 auto 40px;}
.architecture-box .ul1 .hd ul{text-align: center;position: relative;top: -5px;}
.architecture-box .ul1 .hd ul li{display:inline-block;width: 80px;height: 44px;margin: 0 7px;background: url(images/newimages/ul1-off.png) no-repeat;line-height: 44px;font-size: 18px;font-weight: normal;color: #29303d;}
.architecture-box .ul1 .hd ul li.on{background: url(images/newimages/ul1-on.png) no-repeat;}
.architecture-box .ul1 p{font-size: 18px;font-weight: normal;line-height: 40px;color: #ffffff;margin: 13px 0 17px;text-align: center;}
.architecture-box .ul1 .bd,.architecture-box .ul2 .bd{padding: 0 20px;}
.architecture-box .ul1 .bd ul li{width: 140px;height: 30px;line-height:30px;text-align: center;background-color: #f8f8e3;border-radius: 15px;font-size: 14px;font-weight: normal;color: #333333;margin: 0 10px 10px;float:left;}
.architecture-box .ul2{width: 520px;height: 162px;background-color: #3a8dbc;border-radius: 10px;margin: 0 auto 37px;}
.architecture-box .ul2 h3{width:158px;height:46px;line-height: 42px;text-align: center;font-size: 18px;color: #333333;background: url(images/newimages/jcfw.png) no-repeat;position: relative;top: 10px;left: -9px;margin-bottom: 26px;}
.architecture-box .ul2 .bd ul li{width: 140px;height: 30px;line-height:30px;text-align: center;background-color: #ebf6fa;border-radius: 15px;font-size: 14px;font-weight: normal;color: #333333;margin: 0 10px 10px;float:left;}
.architecture-box .ul3{width: 520px;height: 162px;background-color: #71a65c;border-radius: 10px;margin: auto;}
.architecture-box .ul3 h3{width:158px;height:46px;line-height: 42px;text-align: center;font-size: 18px;color: #333333;background: url(images/newimages/xthx.png) no-repeat;position: relative;top: 10px;left: -9px;margin-bottom: 20px;}
.architecture-box .ul3 .bd ul li{width: 110px;height: 30px;line-height:30px;text-align: center;background-color: #ebf6fa;border-radius: 15px;font-size: 14px;font-weight: normal;color: #333333;margin: 0 8px 10px;float:left;}

#CustomerValue{height: 1150px;background: url(images/newimages/CustomerValue-bg.jpg) center no-repeat;min-width: 1400px;overflow: hidden;}
#CustomerValue .title{font-size: 35px;color: #ffffff;text-align: center;line-height: 72px;height: 220px;font-weight: normal;letter-spacing: 1px;text-indent: -28px;}
#CustomerValue .CustomerValue-msg{width: 882px;margin-bottom: 30px;}
#CustomerValue .CustomerValue-msg h3{font-size: 25px;line-height: 35px;color: #333333;margin-bottom: 20px;font-weight: 600;}
#CustomerValue .CustomerValue-msg p{font-size: 18px;color: #333333;line-height: 35px;}
#CustomerValue .iconList ul{width: 626px;}
#CustomerValue .iconList ul li{float: left;margin-right: 50px;margin-bottom: 10px;opacity: 0; 
    -webkit-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    -o-transform: translateY(90px);
    transform: translateY(90px);
    -webkit-transition: all 0.8s cubic-bezier(0.48, 0.69, 0.67, 0.98);
    -moz-transition: all 0.8s cubic-bezier(0.48, 0.69, 0.67, 0.98);
    -o-transition: all 0.8s cubic-bezier(0.48, 0.69, 0.67, 0.98);
    transition: all 0.8s cubic-bezier(0.48, 0.69, 0.67, 0.98);}
#CustomerValue .iconList ul li.inview{
    opacity: 1; 
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
#CustomerValue .iconList ul li.inview:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#CustomerValue .iconList ul li.inview:nth-child(2){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
#CustomerValue .iconList ul li.inview:nth-child(3){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
#CustomerValue .iconList ul li.inview:nth-child(4){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#CustomerValue .iconList ul li.inview:nth-child(5){-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
#CustomerValue .iconList ul li.inview:nth-child(6){-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.Advantage{float: right;width: 690px;position: relative;top: -140px;width: 650px;right: 55px;}
.Advantage .bd{height: 550px;}
.Advantage .bd li h4{font-size: 28px;line-height: 50px;color: #ffffff;text-align: center;}
.Advantage .bd li p{font-size: 18px;line-height: 35px;color: #afc7ef;margin: 10px 0 40px;}
.Advantage .bd li .pic,.Advantage .hd ul{text-align: center;}
.Advantage .hd ul li{display: inline-block;width: 20px;height: 20px;background-color: #ffffff;border-radius: 50%;margin: 0 6px;cursor: pointer;}
.Advantage .hd ul .on{background-color: #ffc53b;}


#platform{padding: 50px 0 80px;}
#platform h3{width: 827px;height: 104px;line-height: 104px;margin: auto;background: url(images/newimages/platform-bg.png);font-size: 30px;font-weight: normal;letter-spacing: 1px;color: #ffffff;text-align: center;margin-bottom: 60px;}
#platform .pic{float: left;width: 560px;height: 392px;margin-right: 76px;}
#platform .intro{width: 643px;float: left;margin-top: 45px;}
#platform .intro p{text-indent: 36px;font-size: 18px;line-height: 45px;color: #414141;}
#platform .pic ul li{transform: translateX(-280px) translateY(-200px) scale(0.5);opacity: 0; 
    -webkit-transition: all 1.2s cubic-bezier(0.48, 0.69, 0.14, 0.99);
    -moz-transition: all 1.2s cubic-bezier(0.48, 0.69, 0.14, 0.99);
    -o-transition: all 1.2s cubic-bezier(0.48, 0.69, 0.14, 0.99);
    transition: all 1.2s cubic-bezier(0.48, 0.69, 0.14, 0.99);}
#platform .pic ul li.inview{transform: translateX(0); opacity: 1; }


#affairs{height: 491px;background: url(images/newimages/affairs-bg.jpg) center no-repeat;min-width: 1400px;position: relative;}
#affairs ul{position: absolute;top: 145px;left: 240px;}
#affairs ul .zwsy{font-size: 28px;color: #ffffff;font-weight: 500;height: 60px;line-height: 60px;padding-left: 80px;background: url(images/newimages/zwsy-logo.jpg) no-repeat;}
#affairs ul .yzjj{height: 60px;line-height: 60px;}
#affairs ul .yzjj strong{color: #eefb15;font-size: 34px;margin-right: 10px;}
#affairs ul .yzjj span{font-size: 20px;color: #ffffff;}
#affairs ul li{transform: translateX(-280px) translateY(-200px) scale(0.5);opacity: 0; 
    -webkit-transition: all 1.2s cubic-bezier(0.48, 0.69, 0.14, 0.99);
    -moz-transition: all 1.2s cubic-bezier(0.48, 0.69, 0.14, 0.99);
    -o-transition: all 1.2s cubic-bezier(0.48, 0.69, 0.14, 0.99);
    transition: all 1.2s cubic-bezier(0.48, 0.69, 0.14, 0.99);}
#affairs ul li.inview{transform: translateX(0); opacity: 1; }

#ValueTab{min-width: 1400px;position: relative;padding: 70px 0;}
#ValueTab h3{font-size: 35px;color: #000000;text-align: center;font-weight: 500;height: 40px;line-height: 40px;font-weight: normal;letter-spacing: 1px;}
#ValueTab .hd{width: 1300px;margin: 60px auto;height: 200px;border-radius: 50px;background: url(images/newimages/ValueTab-bg.jpg);}
#ValueTab .hd ul li{float: left;margin: 0 60px;cursor: pointer;}
#ValueTab .hd ul .li1{margin-left: 99px;}
#ValueTab .hd ul .li6{margin-right: 99px;}
#ValueTab .hd ul li p{font-size: 25px;color: #ffffff;text-align: center;height: 61px;}
#ValueTab .hd ul .on p{color: #ffd673;border-bottom: 4px solid #ebb127;}
#ValueTab .hd ul li .ico{display: block;height: 70px;margin: 45px 0 20px;background: url(images/newimages/ValueTab-off.png) 0 0 no-repeat;}
#ValueTab .hd ul .li1 .ico{background-position: -2px 5px;}
#ValueTab .hd ul .li2 .ico{background-position: 24px -205px;}
#ValueTab .hd ul .li3 .ico{background-position: -1px -358px;}
#ValueTab .hd ul .li4 .ico{background-position: -2px -512px;}
#ValueTab .hd ul .li5 .ico{background-position: -2px -670px;}
#ValueTab .hd ul .li6 .ico{background-position: -2px -867px;}
#ValueTab .hd ul .on .ico{background: url(images/newimages/ValueTab-on.png) 0 0 no-repeat;}
#ValueTab .hd ul .li1.on .ico{background-position: -2px 5px;}
#ValueTab .hd ul .li2.on .ico{background-position: 24px -205px;}
#ValueTab .hd ul .li3.on .ico{background-position: -1px -358px;}
#ValueTab .hd ul .li4.on .ico{background-position: -2px -512px;}
#ValueTab .hd ul .li5.on .ico{background-position: -2px -670px;}
#ValueTab .hd ul .li6.on .ico{background-position: -2px -867px;}
#ValueTab .bd{width: 1240px;margin: auto;}
#ValueTab .bd .bdIn{padding-left: 35px;background: url(images/newimages/line-bg.png) 6px 0 repeat-y;}
#ValueTab .bd .bdIn h4{position: relative;top: -20px;}
#ValueTab .bd .bdIn h4 i{display: block;width: 15px;height: 15px;background-color: #ebb127;border-radius: 50%;position: absolute;left: -35px;top: 12px;}
#ValueTab .bd .bdIn h4 span{font-size: 20px;color: #ffffff;padding: 10px 20px;background-color: #ebb127;border-radius: 20px;display: inline-block;height: 20px;line-height: 20px;}
#ValueTab .bd .bdIn div{margin-bottom: 60px;}

#Application{padding:57px 0 86px;background-color: #f6f8fc;min-width: 1400px;}
#Application .title{width:617px;height: 104px;text-align: center;background: url(images/newimages/Application-bg.png);margin: 0 auto 60px;font-size: 30px;line-height: 105px;font-weight: normal;letter-spacing: 1px;color: #ffffff;}
#Application .bd{width: 1300px;height: 340px;background-color: #ffffff;border-radius: 10px;margin: auto;padding: 0;box-shadow: 0px 0px 2px 3px #f3f3f3;}
#Application .bd ul li{float:left;width: 324px;border-right: 1px solid #e2e7f0;height: 340px;}
#Application .bd ul .li4{border:none;}
#Application .bd ul li .pic{width: 285px;height: 170px;margin: 30px auto 24px;overflow: hidden;}
#Application .bd ul li .pic img{width: 100%;transition: all 0.6s;-ms-transition: all 0.8s;}
#Application .bd ul li:hover .pic img{transform: scale(1.2);-ms-transform: scale(1.2);}
#Application .bd ul li a{display:block;text-align: center;}
#Application .bd ul li .tit{font-size: 18px;font-weight: normal;color: #333333;margin-bottom: 23px;}
#Application .bd ul li .more{width: 140px;height: 38px;border-radius: 19px;border: solid 1px #d7dae0;line-height:38px;text-align:center;margin: auto;}
#Application .bd ul li:hover .more{border: solid 1px #ebb127;background: #ebb127;color:#fff;}

.order-box{height: 2289px;background: url(images/newimages/order-bg.jpg);min-width: 1400px;}
.order-box .box-A{position: relative;top: 50px;margin-bottom: 155px;}
.order-box .box-A h3{width:607px;height:103px;background: url(images/newimages/box-Abg.png);font-size: 30px;font-weight: normal;line-height: 103px;letter-spacing: 0px;color: #e97300;margin: 0 auto 10px;text-align: center;}
.order-box .box-A h3 i{display:inline-block;width: 8px;height: 8px;background-color: #e97300;border-radius: 50%;margin: 0 8px 0;position:  relative;top: -4px;}
.order-box .box-A p{font-size: 14px;color: #e0eaff;text-align: center;margin-bottom: 25px;}
.order-box .box-A .bd{text-align: center;}
.order-box .box-A .bd li{
    opacity: 0; 
    -webkit-transition: all 0.5s cubic-bezier(0.48, 0.69, 0.67, 0.98);
    -moz-transition: all 0.5s cubic-bezier(0.48, 0.69, 0.67, 0.98);
    -o-transition: all 0.5s cubic-bezier(0.48, 0.69, 0.67, 0.98);
    transition: all 0.5s cubic-bezier(0.48, 0.69, 0.67, 0.98);
    transform: translateY(-90px);
}
.order-box .box-A .bd li.inview{transform: translateX(0);opacity: 1;}
/* box-E */
.box-B {margin:0 auto;max-width:1920px;padding: 60px 0 30px;width:1200px;margin-bottom: 70px;}
.box-B h3 {width:607px;height:103px;background: url(images/newimages/box-Bbg.png);font-size: 30px;font-weight: normal;line-height: 103px;letter-spacing: 0px;color: #fff;margin: 0 auto 10px;text-align: center;}
.order-box .box-B p{font-size: 14px;color: #727272;text-align: center;margin-bottom: 75px;}
.box-B .bd  {position:relative;height: 500px;background:url(images/newimages/boxEbg.png) no-repeat center;}
.box-B .bd li { position:absolute;; left:194px; top:0; width:250px; height:60px;background:#fff;box-shadow: 0 0 8px #d8d8d8; border-radius:10px; transition:all 0.3s;}
.box-B .bd li h3 {position:absolute;width:250px;height:60px;line-height:60px;text-align:center;z-index:9; font-size:22px; color:#333; background:#fff; border-radius:10px; padding-right:10px; transition:all 0.3s; }
.box-B .bd li em {width:80px;height:80px;position:absolute;top:50%;margin-top:-40px;box-shadow: 0 0px 8px #d8d8d8;border-radius:50%;background:#fff url(images/newimages/boxEicon.png) no-repeat center 20px;transition:all 0.3s;}
.box-B .bd li.on h3 { background-color:#ebb127; color:#fff;}
.box-B .bd li.on em { background-color:#ebb127; background-image:url(images/newimages/boxEicon_on.png)}

.box-B .bd .li3 { top:110px; left:64px; }
.box-B .bd .li5 { top:220px; left:26px; }
.box-B .bd .li7 { top:330px; left:66px; }

.box-B .bd .li2 { left:756px; }
.box-B .bd .li4 { top:110px; left:886px; }
.box-B .bd .li6 { top:220px; left:946px; }
.box-B .bd .li8 { top:330px; left:906px; }

.box-B .bd .li2 h3,
.box-B .bd .li4 h3,
.box-B .bd .li6 h3,
.box-B .bd .li8 h3 {padding-left:10px; padding-right:0px;  margin-left:-10px; }

.box-B .bd .li1 em { right:-70px; background-position: center 20px;}
.box-B .bd .li3 em { right:-70px; background-position: center -180px; }
.box-B .bd .li5 em { right:-70px; background-position: center -380px; }
.box-B .bd .li7 em { right:-70px; background-position: center -580px; }

.box-B .bd .li2 em { left:-70px; background-position: center -80px; }
.box-B .bd .li4 em { left:-70px; background-position: center -280px; }
.box-B .bd .li6 em { left:-70px; background-position: center -480px; }
.box-B .bd .li8 em { left:-70px; background-position: center -680px; }

.box-B .bd .li1.on ,
.box-B .bd .li3.on ,
.box-B .bd .li5.on ,
.box-B .bd .li7.on { margin-left:50px;  }

.box-B .bd .li2.on ,
.box-B .bd .li4.on ,
.box-B .bd .li6.on ,
.box-B .bd .li8.on { margin-left:-50px; }

/* box-F */
.box-F{text-align: center;}
.box-F .service-item{margin-top: 95px;background: url(images/newimages/serviceitembg.png) no-repeat center;height: 200px;margin: 70px -40px;position: relative;}
.box-F .service-item span{width: 25%;float: left;text-align: center;position: relative;}
.box-F .service-item span p{font-size: 20px;color: #0085d3;}
.box-F .service-item span p em, .box-F .service-item span p b {font-size:32px;color: #ffc743;font-weight: 600;}
.box-F .service-item span i{display: block;height: 140px;}
.box-F .service-item font { display:block; color:#fff;}
.box-F .service-item .li2 i{background-position-y: -267px;}
.box-F .service-item .li3 i{background-position-y: 0;}
.box-F .service-item .li4 i{background-position-y: -410px;}

.box-F .hd {text-align:center;background: url(images/newimages/boxhdline.png) no-repeat center 95px;margin-bottom: 30px;padding-bottom: 30px;}
.box-F .hd h3 {font-size:40px;color:#fff;line-height: 100px;}

.box-F .bd h2 { line-height:80px; font-size:40px; color:#ffde43;}
.box-F .bd h5 {font-size:24px;color:#fff;margin-bottom: 40px;line-height: 60px;}
.box-F .bd h5 em { color:#ffde43}

.box-F .siteWidth {margin:0 auto;}
.box-F ul li{width: 240px;float: left;height: 100px;padding: 0 10px;margin: 0 15px 20px; background:#fff; border-radius:5px; text-align:center;}
.box-F ul li a { display:block; height:100px; line-height:100px;}
.box-F ul li a img {display:inline-block;vertical-align: middle; max-height:100px; max-width:240px;}

#Cases{width: 1300px;margin: auto;padding: 40px 0;}
#Cases .list-box .hd{height: 36px;border:none;line-height: 36px;margin-bottom: 40px;}
#Cases .list-box .hd li{float:left;height: 36px;line-height: 36px;cursor: pointer;}
#Cases .list-box .hd li a{display: block;font-size: 20px;color: #555555;padding: 0 11px;pointer-events: none;}
#Cases .list-box .hd i{float:left;font-size: 20px;color: #9d9d9d;margin: 0 15px;}
#Cases .list-box .hd .on a{color: #ffffff;background-color: #f9af2e;border-radius: 3px;}
/* 案例列表 */
.caseList { margin-right: -55px; height: 655px;}
.caseList li { float: left; width: 406px;position: relative; margin: 0 40px 40px 0; }
.caseList .title { height: 44px; line-height: 44px; overflow: hidden; text-align: center;}
.caseList .title a { font-size: 18px;color: #333333;font-weight: 500; }
.caseList .pic { position: relative;width: 406px;height: 250px;}
.caseList .pic .img { display: block; width: 406px;height: 250px; overflow: hidden; text-align: center;}
.caseList .pic img { display: block; width: 406px;height: 250px;border-radius: 10px;}
.caseList .hover-pic{width: 406px;height: 250px;background-color: rgba(0,0,0,0.5);position: absolute;top: 0; border-radius: 10px;display:none;z-index: 10;}
.caseList .hover-pic i{display: block;width: 41px;height: 41px;background: url(images/newimages/hover-pic.png) no-repeat;margin: 25% auto 0;}
.caseList .hover-pic p{font-size: 14px;line-height: 35px;color: #ffffff;text-align:center;}
.caseList li:hover .hover-pic{display:block;}
.caseList li:hover .title a{color: #2265a4;}