/* photos */
.photos { position: relative; padding-top: 90px; padding-bottom: 60px; overflow: hidden; background:#fff; margin-bottom:60px;}
.photos-top .photos-tit { float: left; width: 630px;}
.photos-top .photos-tit h2 a { font-size: 40px; color: #222; font-weight: normal;}
.photos-top .photos-tit h2 a:hover { color: #0063b3;}
.photos-top .photos-tit span { margin-top:15px;display: block; font-size: 20px; color: #222;}
.photos-top .photos-tit p { font-size: 15px; color: #333; line-height: 1.5; margin-top: 55px; width: 85%;}
.photos-top .photos-tit > a { margin-top: 70px; display: block; width: 134px; height: 47px; line-height: 47px; text-align: center; font-size: 14px; color: #fff; background: #0063b3;}
.photos-top .photos-tit > a:hover { background: #ed1b23;}
.photos-top .pic { width: 770px; font-size: 0; overflow: hidden;}
.photos-top .pic img { width: 100%; transition: all 1s;}
.photos-top .pic:hover img { transform: scale(1.05);}
.photos-slide { margin-top: 30px;  position: relative;}
.photos-slide .item { float: left; width: 338px; margin:0  6px; font-size: 0;}
.photos-slide .item a { display: block; font-size: 0;}
.photos-slide .item img { width: 100%;}
.photos-slide .item p { font-size: 16px; color: #333; margin-top: 18px; text-align: center;}
.photos-slide .item:hover p { color: #0063b3;}
.photos-slide span { display:block;position: absolute; top: 50%; margin-top: -19px; width: 39px; height: 39px; border-radius: 50%;}
.photos-slide .prev { left: -40px; background: url("../images/Index/prev.png") no-repeat center; background-color: #e4e4e4;}
.photos-slide .next { right: -40px; background: url("../images/Index/next.png") no-repeat center; background-color: #e4e4e4;}
.photos-slide .prev:hover { background: url("../images/Index/prev_02.png") no-repeat center; background-color: #0063b3;}
.photos-slide .next:hover { background: url("../images/Index/next_02.png") no-repeat center; background-color: #0063b3;}
@media screen and (max-width: 1440px) {
    .photos-slide .prev { left: -20px;}
    .photos-slide .next { right: -20px;}
}
/* photos end */

/* plan */
.plan { padding-top: 50px; padding-bottom: 60px; overflow: hidden; background: #f6f6f6;}
.plan-con { overflow: hidden; margin-top: 40px;}
.project-menu { float: left; width: 320px; margin-right: 30px;animation: fadeinL 1s ease-out backwards; }
.project-menu  .menu-top  { overflow: hidden; padding: 40px 0 30px 90px; background: #0063b3; position: relative;}
.project-menu  .menu-top:after { content: ''; display: block; position: absolute; left: 30px; top: 47px; background: url("../images/Index/project01.png") no-repeat center; width: 48px; height: 48px;}
.project-menu  .menu-top h2 { font-size: 24px; color: #fff;}
.project-menu  .menu-top h2 a { color: #fff;}
.project-menu  .menu-top p { font-size: 14px; margin-top: 9px; color: rgba(255,255,255,0.2)}
.menu-list { overflow: hidden; background: #fff;}
.menu-list dl { padding: 35px 0 35px 84px; border-bottom: 1px solid #dedede; box-sizing: border-box;}
.menu-list dl:last-of-type { border-bottom: 0;}
.menu-list dl dt { margin-bottom: 14px; position: relative;}
.menu-list dl dt:hover a { color: #0063b3;}
.menu-list dl:nth-of-type(1) dt:after {  content:''; display:block; position:absolute; left:-40px; top:0;background: url("../images/Index/project-icon02.png") no-repeat center; width: 25px; height: 25px;}
.menu-list dl:nth-of-type(2) dt:after {  content:''; display:block; position:absolute; left:-40px; top:0;background: url("../images/Index/project-icon03.png") no-repeat center; width: 25px; height: 25px;}
.menu-list dl:nth-of-type(3) dt:after {  content:''; display:block; position:absolute; left:-40px; top:0;background: url("../images/Index/project-icon04.png") no-repeat center; width: 25px; height: 25px;}
.menu-list dl:nth-of-type(4) dt:after {  content:''; display:block; position:absolute; left:-40px; top:0;background: url("../images/Index/project-icon05.png") no-repeat center; width: 25px; height: 25px;}
.menu-list dl dt a { color: #333; font-size: 22px; font-weight: bold;}
.menu-list dl dd {display: block;padding: 8px 0;position: relative;}
.menu-list dl dd a { color: #333; font-size: 16px;}
.menu-list dl dd:after {content: '';display: block;position: absolute;left: -12px;top: 16px;width: 5px;height: 5px;border-radius: 50%;background: #333;}
.menu-list dl dd:hover a{ color: #0063b3;}
.menu-list dl dd:hover:after { background: #0063b3;}

/* project */
.project { float: left; width: 1050px; background: #fff; overflow: hidden;}
.project .hd { border-bottom: 1px solid #ececec; display: block; overflow: hidden;}
.project .hd li { position:relative;float: left; width: 175px; height: 60px; line-height: 60px; text-align: center;}
.project .hd li:after { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; border-right: 1px dashed #666; box-sizing: border-box;}
.project .hd li:last-of-type:after { display: none;}
.project .hd li a {font-size: 18px; color: #333;}
.project .hd li.cur { background: #0063b3;}
.project .hd li.cur a { color: #fff;}
.project .hd li.cur:after { display: none;}
.project .project-list { margin-top: 30px;}
.project .project-list .item { float: left; width: 305px; margin:0 0 28px 33px;}
.project .project-list .item .pic { width: 100%; overflow: hidden; font-size: 0}
.project .project-list .item .pic img { width: 100%; transition: all 1s;height: 193px;}
.project .project-list .item .pic:hover img { transform: scale(1.05);}
.project .project-list .item p { font-size: 16px; color: #222; margin-top: 12px; text-align: center; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.project .project-list .item:hover p { color: #0063b3;}
.project .hd > span { float: right;  font-size: 18px; color: #333; line-height: 60px; margin-right: 20px;}
/* project end */

/* case */
.case {margin-top: 47px;float: left;width: 1050px;background: #fff;overflow: hidden;}
.case .hd { border-bottom: 1px solid #ececec; display: block; overflow: hidden;}
.case .hd ul { float: left;}
.case .hd li { position:relative;float: left; width: 175px; height: 60px; line-height: 60px; text-align: center;}
.case .hd li:after { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; border-right: 1px dashed #666; box-sizing: border-box;}
.case .hd li:last-of-type:after { display: none;}
.case .hd li a {font-size: 18px; color: #333;}
.case .hd li.cur { background: #0063b3;}
.case .hd li.cur a { color: #fff;}
.case .hd li.cur:after { display: none;}
.case .hd > span { float: right;  font-size: 18px; color: #333; line-height: 60px; margin-right: 20px;}
.case .case-list { margin-top: 30px;}
.case .case-list .item { float: left; width: 305px; margin:0 0 28px 33px;}
.case .case-list .item .pic { width: 100%; overflow: hidden; font-size: 0}
.case .case-list .item .pic img { width: 100%; transition: all 1s;height:193px}
.case .case-list .item .pic:hover img { transform: scale(1.05);}
.case .case-list .item p { font-size: 16px; color: #222; margin-top: 12px; text-align: center; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.case .case-list .item:hover p { color: #0063b3;}
/* case */

/* plan end */


@media screen  and (min-width: 1200px){
    .content { width:1200px;}
    .trait { width: 1200px;}
    .adv-con .adv-le { width: 305px;}
    .adv-con .adv-cn { width: 550px;}
    .adv-con .adv-cn > img { width: 324px; left: 126px; top: -12px;}
    .adv-con .adv-ri { width: 305px;}
    .adv-con .box2 { margin-top: 110px;}
    .adv-con .box3 { margin-top: 57px;}
    .project-menu { width: 230px; margin-right: 20px;}
    .project-menu .menu-top { padding:40px 0 30px 47px;}
    .project-menu .menu-top h2 { font-size: 20px;}
    .project-menu .menu-top p { font-size: 13px;}
    .project-menu .menu-top:after { width: 38px; height: 38px; left: 4px; top: 48px;}
    .menu-list dl { padding: 16px 0 35px 60px;}
    .project { width: 950px;}
    .project .hd li { width: 155px;}
    .project .hd li a { font-size: 16px;}
    .project .project-list .item { width: 273px;}
    .case { width: 950px;}
    .case .hd li { width: 155px;}
    .case .hd li a { font-size: 16px;}
    .case .case-list .item { width: 273px;}
    .server-con .item { width: 356px;}
    .server-con .item img { width: 340px;}
    .spot-con .item { width: 185px; margin-right: 18px;}
    .spot-con .item span { width: 157px;}
    .process-con .item { margin-right:32px;}
    .photos-top .photos-tit { width: 530px;}
    .photos-top .pic { width: 670px;}
    .photos-top .photos-tit > a { margin-top:50px;}
    .photos-slide .item { width:288px;}
    .photos-slide span { margin-top: -38px;}
    .news-con .news-le { width: 600px;}
    .news-con .news-le .pic-tit { width: 560px;padding:23px 0;}
    .news-con .news-le .pic-tit > span h2 { font-size: 40px;}
    .news-con .news-le .tit1 p { margin-top: 10px;}
    .news-con .news-ri { width: 580px; margin-left: 20px;}
    .news-con .news-ri .item .number { width: 85px; height: 85px;}
    .news-con .news-ri .item .number h2 { font-size: 40px;}
    .news-con .news-ri .pic-tit { margin-left: 20px; width: 475px;}
    .news-con .news-ri .pic-tit p { -webkit-line-clamp:2;}
    .news-con .news-ri .item { margin-bottom: 29px;}
}





/* case */
.case-wrap{background:#f5f5f5;margin-bottom: 20px;}
.CaseList .item{margin-bottom: 20px;padding:40px;overflow:hidden;background:#fff;transition:all .2s;}
.CaseList .item:hover{box-shadow:10px 10px 10px #dadada;}
.CaseList .pic{float:left;width:400px;/* height:237px; */overflow:hidden;}
.CaseList .pic img{display:block;width:100%;transition:all 0.5s linear;}
.CaseList .item:hover .pic img{transform:scale(1.05);}
.CaseList .text{padding-left:48px;height:237px;overflow:hidden;}
.CaseList .text h3{height:30px;line-height:30px;font-size:24px;overflow:hidden;font-weight: normal;}
.CaseList .text:hover h3 a{color:#0063b3;}
.CaseList .text p.subTitle{font-size: 18px;color: #333;margin-top: 10px;font-weight: bold;}
.CaseList .text .summary{margin-top: 20px;height:200px;line-height:24px;font-size: 14px;color:#333;overflow:hidden;text-align: justify;}

.CaseList .text .summary a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
/* end case */

.hzhb {padding: 45px 0;margin-top: 30px;background: #fff;}
.hzhb .wrap-tit h2 span a{font-size: 31px;}
.hzhb .wrap-tit h2 span a span{color:#ed1b23;float:none;font-size:32px;margin:0;}
.hzhb h2.h2_title a {color: #19429e;}
.hzhb .hzhb_con {position: relative;margin-top: 45px;}
.hzhb .hzhb_con ul li {float: left;width: 194px;height: 97px;margin: 0 4px 5px 0;overflow: hidden;position: relative;border: 1px solid #f1f1f1;}
.hzhb .hzhb_con ul li img {display: block;width: 194px;height: 97px;transition: all 1s;}
.hzhb .hzhb_con ul li:nth-child(6n){margin-right: 0;}
.hzhb .hzhb_con ul li:nth-child(9){margin-left: 400px;}
.hzhb .hzhb_con ul li:nth-child(13){margin-left: 404px;}
.hzhb .hzhb_con ul li:hover img {transform: scale(1.1);}
.hzhb .hzhb_con .p1 {width: 396px;height: 143px;background: #0063b3;position: absolute;left: 400px;top: 104px;text-align: center;color: #fff;padding-top: 60px;font-size: 22px;}
.hzhb .hzhb_con .p1 b {display: block;font-size: 36px;margin-bottom: 15px;}
.hzhb .hzhba {width: 150px;height: 42px;line-height: 42px;margin: 0 auto;font-size: 20px;}
.hzhb .hzhba a {display: block;height: 42px;background: url(Img/Index/hzhbmore.png) no-repeat 98px center;color: #ff5c01;}


/* server */
.server { overflow: hidden; padding: 74px 0 106px; background: url("../images/Index/server-bg.jpg") no-repeat center; width: 100%; background-size: cover;}
.server .wrap-tit h2  span { color: #fff;}
.server .wrap-tit p {  color: #fff;}
.server-con { margin-top: 55px;}
.server-con .item {position:relative;float: left;transition: all 1s;padding-left: 17px;width: 356px;height: 490px;margin-right: 40px;background: #fff;}
.server-con .item:hover { transform: translateY(-30px);}
.server-con .item:last-of-type { margin-right: 0;}
.server-con .item  img {width: 95%;margin-top:17px;}
.server-con .item h2 { margin-top:30px;font-size: 26px; color: #333;}
.server-con .item span { margin-top:5px;display: block;  font-size: 26px; color: #333;}
.server-con .item p { margin-top: 25px; font-size: 14px; color: #333; line-height: 1.5; width: 90%;}
.server-con .item i { position: absolute; left: 17px; bottom: 22px; display: block; width: 20px; height: 4px; background: #ed1b23;}
/* server end*/

.nrs {width:1200px;margin:50px auto 0;border-left:1px solid #dcdcdc;border-top: 1px solid #dcdcdc; height:120px;}
.nrs li{float:left;width:148.8px; height: 59px;line-height: 59px;text-align:center;font-size: 16px;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
.nrs li a{display:block;}
.nrs li.al_last{*width:154px;}
.nrs li:hover,.nrs li.cur{background-color: #1757b5;}
.nrs li:hover a,.nrs li.cur a{color: #fff;}



 .inner{overflow:hidden;width:1200px;margin: 0px auto 50px;}
.inner .txtBox #txtShortDesc{padding:20px 30px;width:100%;height:200px;font-size:18px;line-height:30px;color:#999;border:#e9e9e9 solid 1px;resize:none;background:url(../images/InpagetShortDesc.png) no-repeat 98% 24px #fff;}
.inner .iptBox{position:relative;margin-top:20px;overflow:hidden;margin-bottom: 20px;}
.inner .iptBox input{display:block;padding:20px 30px;width: 328px;height:28px;line-height:28px;font-size:18px;border:#e9e9e9 solid 1px;}
.inner .iptBox input#protitle{background: url(../images/TInpage/proDetailsLy_icon06.png) no-repeat 96% center #fff;margin-right:15px}
.inner .iptBox input#txtContact{background: url(../images/TInpage/proDetailsLy_icon01.png) no-repeat 96% center #fff;}
.inner .iptBox input#txtMobile{background: url(../images/TInpage/proDetailsLy_icon02.png) no-repeat 96% center #fff;}
.inner .iptBox a.submit{display:block;width:650px;height:70px;line-height:70px;text-align:center;font-size:18px;color:#fff;background:#0063b3;}
.inner .iptBox a.submit:hover{background:#222328;}
.inner .iptBox #txtVerCode~#spVerCode{position:absolute;left:378px;top:1px;width:150px;height:68px;cursor:pointer;border-left:#e9e9e9 solid 1px;background:url(../images/Inpage/loading.gif) no-repeat center;}
.inner .iptBox #txtVerCode~#spVerCode img{ width: 150px;height: 68px;} 



@media screen  and ( max-width: 1200px) {
    .content { width: 1150px}
}


@media (max-width: 1200px) {
    .project-menu .menu-top h2 { font-size: 18px;}
    .menu-list dl dt a { font-size: 17px;}
    .menu-list dl { padding: 16px 0 35px 50px;}
    .project-menu { width: 205px;}
    .menu-list dl {}
    .project { width: 925px;}
    .case { width: 925px;}
    .server-con .item { width: 338px;}
    .server-con .item img { width: 325px;}
    .spot-con .item { width: 176px; margin-right: 14px;}
    .process-con .item { width: 114px; margin-right: 29px;}
    .photos-tit { width: 505px;}
    .photos-top .pic { width: 545px;}
    .photos-top .photos-tit > a { margin-left: 5px;}
    .photos-slide .item {  width: 273px;}
    .photos-slide span { margin-top: 3px;}
    .news-con .news-le { width: 575px;}
    .news-con .news-ri { width: 555px;}
    .news-con .news-ri .item .number { width: 80px; height: 80px;}
    .news-con .news-ri .pic-tit { width: 455px;}
}