@charset "utf-8";
/*
	Css for PEL,	ver 1.1
	CopyRight By Dongyi Network Technology CO.,Ltd Design Center
	案例 样式定义
*/
/* frame */
.Content-A {overflow: hidden; zoom: 1; width: 1300px; padding: 0 50px; background: #fff;margin: 0 auto 50px;}
.Content-B{overflow: hidden; zoom: 1; background: url(2019/images/Content-B.jpg) center bottom no-repeat;min-width: 1400px;}
.mainContent { float: left; width: 780px; }
.sideBar { float: right; width: 280px; }

body { background: #fff; font-family: "微软雅黑";}
#content{overflow: hidden;zoom: 1;width: 1300px;padding: 0 50px;background: #fff;margin: 0 auto ;}
.caseIndexContent {}
.caseContent { padding-top: 40px; }
#top{background: #2978b0;}
.fixed-box .bg-color{/*background: rgba(20, 94, 160, 0.90)!important;*/}
.success-title{position: absolute;top: 215px;left: 525px;right: 0;}
.success-title h3{font-size: 36px;color: #ffffff;line-height: 45px;}
.success-title p{font-size: 30px;line-height: 45px;color: #ffffff;opacity: 0.15;}
.success-box{width: 220px;margin: 0 auto;}
/* boxArea-A */
.industry .hd{margin-bottom: 40px;}
.industry .hd h3{font-size: 40px;text-align: center;height: 40px;line-height: 40px;padding: 0 0 20px;font-weight: 500;}
.industry .hd h3 {color: #232222;}
.industry .hd p{font-size: 20px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #404040;text-align: center;}
.industry .hd p em{font-size: 20px;color: #dd0000;font-family: cursive;font-weight: 500;}
.industry .bd li{float: left;position: relative;overflow: hidden;width: 410px;}
.industry .bd li .pic{width: 100%;overflow: hidden;display: block;}
.industry .bd li .pic img{width: 100%;height: auto;border-radius: 10px;}
.industry .bd li .tit{display: block;text-align: center;padding: 10px 0 0;font-size: 18px;color: #333;font-weight: 500;}
.industry .bd li:hover .tit{color: #2265a4;}
.industry .bd{height:auto; overflow:hidden;}
.industry .bd .first{width: 100%;margin-bottom: 30px;}
.industry .bd .first .pic,.industry .bd .first .pic img{height: 550px;}
.industry .bd .first .recommend{width: 60px;height: 70px;line-height: 38px;font-size: 30px;color: #ffffff;padding: 30px;background-color: #f9af2e;position: absolute;left: 50px;top: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.industry .bd .first .tit{display: block;position: absolute;padding: 15px 80px 15px 45px;color: #fff;background-color: rgba(34,101,164,0.6);right: 0;bottom: 30px;height: inherit;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.industry .bd .first:hover .tit{color: #fff;}
.industry .bd .li3{margin: 0 33px;}
.industry .bd li .pic .hover-pic{width: 100%;position: absolute;top: 0; border-radius: 10px;display:none;z-index: 9;}
.industry .bd .first .pic .hover-pic{height: 550px;}
.industry .bd li .pic .hover-pic i{display: block;width: 41px;height: 41px;background: url(2019/Case/hover-pic.png) no-repeat;margin: 15% auto 0;}
.industry .bd .first .pic .hover-pic i{margin: 20% auto 0;}
.industry .bd li .pic .hover-pic p{font-size: 14px;line-height: 35px;color: #ffffff;text-align:center;}
.industry .bd li:hover .pic .hover-pic{display:block;}
.industry .more{margin-top: 40px;}
.industry .more a{display: block;  margin: auto; width: 200px; height: 50px; background-color: #2978b0; border-radius: 25px; line-height: 50px; text-align: center; font-size: 18px; color: #f6f6f6;}
.industry .more a:hover{background-color: #b02932;}

/* Content-B */
.Content-B .boxArea{ width: 1300px; padding: 57px 50px;margin: auto;}
.Content-B .boxArea .box .hd{height: 67px;border-bottom: 1px solid #dddddd;margin-bottom: 40px;}
.box .hd h3{font-size: 40px;text-align: center;height: 40px;line-height: 38px;color: #232222;font-weight: 500;}
.box .hd em{display:block;width: 55px;height: 6px;background-color: #2265a4;margin: auto;margin-top: 23px;}
.Content-B .boxArea .box .list-box .hd{height: 36px;border:none;line-height: 36px;}
.Content-B .boxArea .box .list-box .hd li{float:left;height: 36px;line-height: 36px;cursor: pointer;}
.Content-B .boxArea .box .list-box .hd li a{display: block;font-size: 20px;color: #555555;padding: 0 11px;/*pointer-events: none;*/}
.Content-B .boxArea .box .list-box .hd i{float:left;font-size: 20px;color: #9d9d9d;margin: 0 15px;}
.Content-B .boxArea .box .list-box .hd .on a{color: #ffffff;background-color: #f9af2e;border-radius: 3px;}


/* Content-C */
.Content-C .boxArea{ width: 1300px; padding: 94px 50px 0;margin: auto;}
.Content-C .boxArea .box .hd {height: 67px;border-bottom: 1px solid #dddddd;margin-bottom: 15px;}
.Content-C p{font-size: 20px;line-height: 48px;color: #656565;text-align: center;padding: 0 0 50px;}
.Content-C .UpgradeServices li{float: left;height: 375px;}
.Content-C .UpgradeServices li i{display: block;width: 45px;height: 37px;margin: 115px auto 0;background: url(2019/Case/UpgradeServices-icon.png) 50% 4px no-repeat;}
.Content-C .UpgradeServices .li2 i{background-position-y: -92px;}
.Content-C .UpgradeServices .li3 i{background-position-y: -181px;}
.Content-C .UpgradeServices .li4 i{background-position-y: -270px;}
.Content-C .UpgradeServices li p{text-align: center;font-size: 18px;color: #ffffff;padding: 0;}
.Content-C .UpgradeServices li .line-w{width: 35px;height: 3px;background-color: #ffffff;margin: 5px auto 15px;}
.Content-C .UpgradeServices li .intro{width: 225px;font-size: 14px;line-height: 24px;color: #ffffff;margin: auto;text-align: center;}
.Content-C .UpgradeServices .li1{width: 412px;background: url(2019/Case/zx.jpg)}
.Content-C .UpgradeServices .li2{width: 290px;background: url(2019/Case/bs.jpg);}
.Content-C .UpgradeServices .li3{width: 290px;background: url(2019/Case/zc.jpg)}
.Content-C .UpgradeServices .li4{width: 290px;background: url(2019/Case/pxfw.jpg)}


/* common */
.introPath {height: 80px; line-height: 80px; color: #999; font-size: 14px;border-bottom: 1px solid #ebebeb;margin-bottom: 60px;}
.introPath a,
.introPath span { color: #999; margin: 0 5px; }
.introPath a:hover { color: #447099; }
.introPath .contactLink { float: right; font-size: 18px; line-height: 24px; color: #000; padding-left: 35px; background: url(images/2014/icon_mail.png) no-repeat left center; margin: 30px 10px 0 0; }
.contentpath{border: none;margin-bottom: 0px;}
#content h1.title{height: 50px;font-size: 40px;color: #084ba6;margin: 0;font-weight: 500;margin:10px 0 45px;}
/* 列表页 */
.caseWrap { padding-bottom: 40px; }
.caseWrap .filter { border-top: #ddd 1px solid; }
.caseWrap .filter .row { height: 36px; line-height: 36px; border-bottom: 1px solid #ddd; background: #F7F7F7; padding: 0 10px;}
.caseWrap .filter .cate { }
.caseWrap .filter .cate span { float: left; }
.caseWrap .filter .cate a { float: left; display: inline; margin: 5px 0 0 5px; padding: 0 10px;background: #fff; border: #CECBCE 1px solid; height: 24px; line-height: 24px; }
.caseWrap .filter .cate a.on,
.caseWrap .filter .cate a:hover { background: #E4393C; border-color: #BE1F22; color: #fff; }
.caseWrap .filter .topPage { color: #e4393c; }
.caseWrap .filter .topPage span,
.caseWrap .filter .topPage a { line-height: 26px; margin-top: 5px; }
.caseWrap .filter .topPage .info { padding-right: 10px; border-right: #E7E3E7 1px solid; float: left; display: none;}
.caseWrap .filter .topPage .pages { border-left: #fff 1px solid; padding: 0 10px; float: left; color: #666;}
.caseWrap .filter .topPage .pages em { color: #e4393c; }
.caseWrap .filter .topPage a { float: left; color: #005AA0; line-height: 21px; padding: 0 8px; border: #ccc 1px solid; border-radius: 3px; margin: 7px 2px 0; display: inline; background: url(images/2014/casePage.png) no-repeat #fff; }
.caseWrap .filter .topPage .prev { padding-left: 15px; background-position: 5px 6px; }
.caseWrap .filter .topPage .prev:hover { background-position: 5px -14px; }
.caseWrap .filter .topPage .next { padding-right: 15px; background-position: 50px -34px; }
.caseWrap .filter .topPage .next:hover { background-position: 50px -54px; }
.caseWrap .filter .topPage a { display: none; }
.caseWrap .page{clear: both;}
.annStati { padding-right: 10px; }
.annStati a { padding: 0 5px; text-decoration: underline; color: #084BA6; }
.annStati a:hover { text-decoration: none; }
.annStati strong { font-family: "Candara"; font-size: 18px; color: #f30; font-weight: normal; }
.caseWrap .filter .search {}
.caseWrap .filter .search span { float: left; }
.caseWrap .filter .searchform { float: left; padding-top: 5px; }
.caseWrap .filter .search select { float: left; height: 25px; margin: 0 5px;font-family: "微软雅黑";}
.caseWrap .filter .keyword { float: left; height: 23px; line-height: 23px\9; _line-height: 23px; border: #ddd 1px solid; background: #fff; padding-left: 10px; width: 300px; font-family: "微软雅黑";}
.caseWRap .filter .keyword::-webkit-input-placeholder { color: #e4393c; }
.caseWrap .filter .search .submit { float: left; width: 50px; height: 25px; color: #e4393c; border: #ddd 1px solid; border-left: none; background: url(images/2014/btnSearch.png) repeat-x #F2F2F2; cursor: pointer;}
/* 案例列表 */
.caseList { margin-right: -55px; height: 655px;}
.caseList li { float: left; width: 400px;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: 9;}
.caseList .hover-pic i{display: block;width: 41px;height: 41px;background: url(2019/Case/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;}

.hyfa{padding-top: 30px;height: 36px;line-height: 36px;position: relative;clear: both;margin-bottom: 40px;}
.hyfa em{display:block;height: 1px;width: 100%;background-color:#e7e7e7;position: absolute;top: 48px;}
.hyfa h3{width: 100px;height: 36px;background-color: #f9af2e;border-radius: 3px;margin: auto;line-height: 36px;text-align: center;font-size: 20px;color: #ffffff;position: relative;font-weight: 500;}
.hyfa-infoList li{width: 540px;padding-left: 65px;}
.hyfa-infoList li .title a{font-size: 18px;line-height: 35px;color: #333333;font-weight: 500;}
.hyfa-infoList li .intro{font-size: 14px;line-height: 30px;color: #a1a1a2;}
.hyfa-infoList .last{float: right;background: url(2019/Case/last-off.png) 0 0 no-repeat;}
.hyfa-infoList .first{float: left;background: url(2019/Case/first-off.png) 0 0 no-repeat;}
.hyfa-infoList .last:hover{background: url(2019/Case/last-on.png) 0 0 no-repeat;}
.hyfa-infoList .last:hover .title a{color: #2265a4;}
.hyfa-infoList .first:hover{background: url(2019/Case/first-on.png) 0 0 no-repeat;}
.hyfa-infoList .first:hover .title a{color: #2265a4;}
/* 案例内容页 */
.caseBox { overflow: hidden; zoom: 1; font-weight: normal;position: relative;min-height: 630px;}
.caseBox .caseIntro { float: left;  width: 540px;  margin-right: 50px;}
.caseBox .caseIntro p {overflow: hidden; zoom: 1; line-height: 2em; margin-bottom: 10px; font-size: 16px;}
.caseBox .caseIntro h4 { width: 180px;height: 40px;background-color: #2978b0;border-radius: 20px; line-height: 40px;text-align: center;font-size: 18px;color: #ffffff;display: block;margin-bottom: 25px;}
.caseBox .caseIntro p .caseTitle {}
.caseBox .caseShrinks {float: left;width: 635px; margin-bottom: 40px;}
.caseBox .caseShrinks img { vertical-align: middle; width:648px; height: 390px;   margin-top: 42px;}
.caseBox .masks{background: url(../Main/2019/Case/masks-iPhone.png) no-repeat;width: 748px;   height: 613px;position: absolute;left: 560px; }
.caseBox .masks2{background: url(../Main/2019/Case/masks-pad.png) no-repeat;width: 748px;   height: 466px;position: absolute;left: 560px; }
.caseBox .masks img,.caseBox .masks2 img {    width: 200px;  height: 345px;  margin: 200px 0 0 405px;}
.caseBox .webLinks{position: absolute;  left: 990px; top: 172px; font-size: 10px; width: 150px; font-family: Thoma; text-align: center;overflow: hidden;  color: #c5d6ef;}

.caseBox .casePhoto{float: right; width: 710px; margin-left: 50px;}
.caseBox .noFloat {float: none; width: auto; margin-right:0}
.caseBox .noFloat .yhsy-test{display:inline;}
.caseBox .casePhoto .webLinks{left:840px;  top: 18px;}


.oldCase .caseIntro{width: 760px; }
.oldCase .caseShrinks{width:406px;}
.oldCase .caseShrinks img{width:410px; height:auto;}

.caseContentCon{overflow: hidden;zoom: 1;width: 1300px;padding: 0 50px;background: #fff;margin:0 auto 30px;font-weight: normal;}
.caseContentCon .title .hd{height: 67px;border-bottom: 1px solid #dddddd;margin-bottom: 40px;}
.caseContentCon .title .hd h3 {font-size: 40px;text-align: center;height: 40px;line-height: 38px;color: #232222;font-weight: 500}
.caseContentCon .title .hd em{display: block;width: 55px;height: 6px;background-color: #2265a4;margin: auto;margin-top: 23px;}
.caseContentCon .inner { width: 1300px; margin: 0 auto; }
.caseContentCon .inner .pic{width: 530px;float: left;}
.caseContentCon .inner .pic img{width: 100%;}
.caseContentCon .inner .con{font-size: 16px; line-height: 2em; margin-left: 570px;}
.caseContentCon .inner .con>p{margin-bottom: 1em;text-indent: 2em;}
.list-paddingleft-2 {
    padding-left: 30px;
}

/* 客户评价 */
#reflections{}
#reflections h4{ }
#reflections h4 a{color:#2B5CBB; font:bold 16px/40px "微软雅黑";}
#reflections p{color:#555;margin-bottom:20px;padding-bottom:10px;border-bottom: #ddd 1px dotted; font-size:14px;line-height: 24px; }
.caseCount {}
.caseCount {float:right; font:normal 12px/60px Tahoma,"微软雅黑"; color:#369;}
.caseCount strong{font-size:16px; color:#f30; padding:0 5px;}

.caseCon {font:normal 14px/26px Tahoma,"宋体"; color:#666;}
.caseCon h4{font:bold 26px/48px "微软雅黑"; color:#333; margin-bottom:20px;}
.caseCon p{text-indent:2em;}