/*--public--*/
*[data-url]{cursor:pointer;}
.wrap-title{margin-bottom:4vw;text-align:center;line-height:1.5;}
.wrap-title h2{font-weight:normal;font-size:5.75vw;color:#333;}
.wrap-title h2 a{color:#333;}
.wrap-title p{font-size:3.8vw;color:#666;}
.wrap-title.white *{color:#fff;}
.mask{position:fixed;z-index:998;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);}
/*--end public--*/

/* cpjs */
.cpjs { position: relative; overflow: hidden; background: url("../images/cpjs-bg.jpg")no-repeat center; width: 100%; height:136.67vw; background-size: 100%;}
.cpjs-con { padding: 2.5% 2.5%; position: relative; overflow: hidden;}
.cpjs .pic { overflow: hidden; font-size: 0;}
.cpjs .pic span { display: block; width: 100%; font-size: 0;}
.cpjs .pic span  img { width: 100%;}
.cpjs h2 {padding: 2.5vw 0 2.7vw;font-size: 6.4vw;color: #333;font-family: 'DIN Medium';font-weight: normal;}
.cpjs p { font-size: 3.25vw; color: #333; line-height: 1.5;}
.cpjs a {margin-top: 4vw;position: relative;display: block;width: 100%;background: #be2517;padding:2.93vw 3%;box-sizing: border-box;font-size: 3.5vw;color: #f5f5f5;}
.cpjs a:after {position: absolute;right: 3vw;top: 3vw;content: '';display: block;background: url("../images/cpjs-icon01.png") no-repeat center;width: 5.67vw;height: 4.2vw;background-size: 100%;}
.cpjs .hd { position: absolute; left: 0; top: 57vw; width: 100%; text-align: center;}
.cpjs .hd ul { display: inline-block;}
.cpjs .hd ul li { float: left; width: 7px; height: 7px; border-radius: 50%; background:#d9d9d9; margin: 0 5px; overflow: hidden; font-size: 0;}
.cpjs .hd ul li.on { background: #be2517;}
/* cpjs end */


/* sjln */
.sjln-bg {background: url("../images/sjln-bg.jpg") no-repeat center;/* width: 100%; */height: 96.67vw;background-size: 100%;}
.sjln-tit {padding: 6vw 0 8.33vw;text-align: center;}
.sjln-tit .tit-le  h2 {font-size:8vw;color: #fff;font-weight: normal;}
.sjln-bg .sjln-tit .tit-le p { font-size: 3.5vw; color: #fff; font-family: "DIN Medium"; margin-top:2vw;}
.sjln-tit .tit-ri p {font-size: 3.25vw;color: #fff;width: 95%;margin: 6vw auto 0;line-height: 1.5;}
.sjln-con { overflow: hidden;}
.sjln-bg .sjln-con .item { float: left; width: 33.333%; margin-right:0%;}
.sjln-bg .sjln-con .item .pic {width: 26.67vw;border: 0.27vw solid #fff;box-sizing: border-box;margin: 0 auto;border-radius: 50%;font-size: 0;}
.sjln-bg .sjln-con .item .pic img { width: 100%;border-radius: 50%;}
.sjln-bg .sjln-con .item p {display: block;font-size: 3.25vw;color: #fff;padding: 2vw 0;text-align: center; margin-top:0;}
/* sjln end */


/* inpagePhotos */
.inpagePhotos { position: relative; overflow: hidden; padding: 2.5%; background: #fff;}
.inpagePhotos .bd li { width: 100%; font-size: 0;}
.inpagePhotos .bd li img { width: 100%;}
.inpagePhotos .hd { position: absolute; left: 0; bottom: 4.93vw; width: 100%; text-align: center;}
.inpagePhotos .hd ul { display: inline-block;}
.inpagePhotos .hd li { float: left; overflow: hidden; font-size: 0; width: 7px; height: 7px; background: #d9d9d9; border-radius: 50%; margin: 0 5px;}
.inpagePhotos .hd li.on { background: #be2517;}
/* inpagePhotos end */


/* indexHonor */
.indexHonor { position: relative; overflow: hidden; background: url("../images/Index/indexHonor-bg.jpg") no-repeat center; width: 100%; height: 144.13vw; background-size: 100%;}
.indexHonor .wrap-tit { overflow:hidden; padding-top:9.87vw;width: 100%;text-align: center;}
.indexHonor .wrap-tit h2 { font-size: 8vw; color: #333; font-weight: normal;}
.indexHonor .wrap-tit h2 a { color: #333;}
.indexHonor .wrap-tit p { margin-top: 1vw; font-size: 3.5vw; color: #666; font-family: "DIN Medium";}
.indexHonor .tit { padding-top:10.67vw;width: 100%; text-align: center;}
.indexHonor .tit p { font-size: 4vw; color: #333; line-height: 1.5;}
.indexHonor  .content >  a { display: block; position: absolute; left: 50%; bottom: 8.8vw; width: 46.67vw; height: 9.33vw; line-height: 9.33vw; background: #fff; border-radius: 35px; text-align: center; font-size: 3.75vw; color: #333; transform: translateX(-50%);}
.indexHonor  .content >  a i{margin-left: 2vw;display: inline-block;vertical-align: middle;margin-top: -3px;background: url("../images/Index/indexHonor-next.png") no-repeat center;width: 18px;height: 18px;background-size: 100%;}
/* indexHonor end */


/* case */
.case { overflow: hidden; padding:12vw 0 0; background: #fff;}
.case .wrap-tit { text-align: center; overflow: hidden;}
.case .wrap-tit h2 { font-size: 8vw; color: #333; font-weight: normal; }
.case .wrap-tit h2 a { color: #333;}
.case .wrap-tit p { margin-top: 1vw; font-size: 3.5vw; color: #666; font-family: "DIN Medium";}
.case-con { overflow: hidden; margin-top: 3.73vw;}
.case-con .item { width: 100%; font-size: 0;}
.case-con .item img { width: 100%;}
.case-con .item .tit { padding: 5.33vw 2%; background: #fff; position: relative; }
.case-con .item .tit h2 {font-size: 4vw;color: #333;line-height: 1.5;font-weight: normal;}
.case-con .item .tit p { font-size: 3.5vw; color: #333;}
.case-con .item .tit:after {content: '';display: block;position: absolute;right: 3vw;top: 7vw;background: url("../images/Index/case-next.png") no-repeat center;width: 7vw;height: 7vw;background-size: 100%;}
/* case end */

/*--maintain--*/
.maintain{padding:6vw 2.5vw 10vw;overflow:hidden;background:#fff;}
.maintain-list{overflow:hidden;}
.maintain-list .item{margin-bottom:2vw;cursor:pointer;overflow:hidden;background:#f1f1f1;}
.maintain-list .item dt{padding:2.5vw;font-size:4.0vw;color:#333;background:url(../images/maintain_list.png) no-repeat calc(100% - 2.5vw) center;background-size:5vw;}
.maintain-list .item dd{display:none;padding:2.5vw;font-size:3.8vw;color:#666;line-height:1.5;overflow:hidden;}
.maintain-list .item.on dt{background-image:url(../images/maintain_list_cur.png);}
/*--end maintain--*/


.header { position: fixed;}

/* inpageBanner */
.inpageBanner { position: relative; width: 100%; font-size: 0;}
.inpageBanner img { width: 100%;}
.inpageBanner:after { content: ''; display: block; position: absolute; left: 50%; bottom: -4.06vw; z-index: 2; background: url("../images/banner-icon01.png") no-repeat center; width: 8.13vw; height: 8.13vw; background-size: 100%; transform: translateX(-50%);}
/* inpageBanner end  */


/* inpageInfo */
.inpageInfo { padding: 12vw 2.5% 10.27vw; background: #fff; overflow: hidden; box-sizing: border-box;}
.wrap-tit { text-align: center; }
.wrap-tit h2 { font-size: 6.4vw; color: #333; font-weight: normal;}
.wrap-tit p { font-size: 3.5vw; color: #999; margin-top: 1vw; font-family: "DIN Medium";}
.inpageInfo-con { overflow: hidden; margin-top: 6.67vw;}
.inpageInfo-con .item { float: left; width: 49%; margin-right: 2%; position: relative;}
.inpageInfo-con .item img { width: 100%;}
.inpageInfo-con .item:nth-of-type(2n) { margin-right: 0;}
.inpageInfo-con .item:nth-of-type(2) { margin-top: 10.67vw;}
.inpageInfo-con .item:nth-of-type(3) { margin-top: -6vw;}
.inpageInfo-con .item:nth-of-type(4) { margin-top: 4vw;}
.inpageInfo-con .item .tit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 10.4vw; padding-left: 2.67vw; box-sizing: border-box;}
.inpageInfo-con .item .tit h2 { font-size: 3.73vw; color: #333;}
.inpageInfo-con .item .tit img { width: 37.6vw; margin-top: 2.67vw;}
.inpageInfo-con .item .tit p { font-size: 3.25vw; color: #333; line-height: 1.5; margin-top: 3vw;}
/* inpageInfo end */


/* inpageAdv */
.inpageAdv { position: relative; font-size: 0; padding: 0 2.5%; box-sizing: border-box; overflow: hidden;background: url("../images/inpageAdv-bg.jpg") no-repeat center; width: 100%; height: 150vw; background-size: 100%;}
.inpageAdv .wrap-tit { padding-top: 12.67vw;}
.inpageAdv .wrap-tit h2 { color: #fff;}
.inpageAdv .wrap-tit p { color: #fff;}
.inpageAdv > img { width: 100%; margin-top: 6.67vw;}
.inpageAdv-con { position: relative; padding: 1.33vw 2.5% 6.67vw; overflow: hidden; background: #fff;}
.inpageAdv-con .item {float: left;width: 50%;overflow: hidden;margin-top: 5.33vw;padding-left: 6%;box-sizing: border-box;}
.inpageAdv-con .item span  { float: left; width: 8.8vw; height: 8.4vw; overflow: hidden; display: block; background: #be2517;}
.inpageAdv-con .item span img { width: 100%;}
.inpageAdv-con .item .tit { float: left; margin-left: 2vw;}
.inpageAdv-con .item .tit p { font-size: 3.5vw; color: #121212;}
/* inpageAdv end */


/* inpageAd */
.inpageAd { position: relative; overflow: hidden; background: url("../images/inpageAd-bg.jpg") no-repeat center; width: 100%; height: 123.2vw; background-size: 100%;}
.inpageAd .wrap-tit { padding-top: 10vw;}
.inpageAd-slide { overflow: hidden; padding:  6.67vw 2.5% 0; box-sizing: border-box;}
.inpageAd-slide .inpageAd-menu li { float: left; width: 30.333%; height: 8.67vw; line-height: 8.67vw; border: 1px solid #d4d4d4; box-sizing: border-box; margin: 0 1.5%; text-align: center; font-size: 3.73vw; color: #333; border-radius: 5px;}
.inpageAd-slide .inpageAd-menu li.on  { background: #be2517; border: #be2517 1px solid; color: #fff;}
.inpageAd-slide .inpageAd-main { width: 100%; overflow: hidden; text-align: center;}
.inpageAd-slide .inpageAd-main h2 { padding: 8vw 0  2.67vw; font-size: 4vw; color: #333; font-weight: normal;}
.inpageAd-slide .inpageAd-main p { font-size: 3.25vw; color: #333; line-height: 1.5;}
.inpageAd-slide .img-group { margin-top: 4.67vw; width: 100%; font-size: 0;}
.inpageAd-slide .img-group img { width: 100%;}
.inpageAd-slide .item .img-group .pic:nth-of-type(2) { margin-top: 2.67vw;}
/* inpageAd end */


/* dot */
.dot { position: relative; overflow: hidden; background: url("../images/dot-bg.jpg") no-repeat center;width:100%; height: 118.4vw; background-size: 100%; }
.dot-slide { overflow: hidden; margin-top: 66.67vw; padding: 0 1.5%;}
.dot-slide .bd .item { float: left; width: 48%; margin: 0 1%; font-size: 0;}
.dot-slide .bd .item img { width: 100%;}
.dot-slide .bd .item p { font-size: 3.25vw; padding: 2.27vw 0; background: #fff; text-align: center; background: #fff; color: #333;}
.dot-slide .hd { position: absolute; left: 0; bottom: 3vw; width: 100%; text-align: center;}
.dot-slide .hd ul { display: inline-block;}
.dot-slide .hd li { float: left; width: 7px; height: 7px; border-radius: 50%; background: #fff; margin: 0 5px; overflow: hidden; font-size: 0; transition: all 1s;}
.dot-slide .hd li.on { width: 23px; background: #be2517; border-radius: 3px;}
/* dot  end */

/* server */
.server { position: relative; overflow: hidden; background: url("../images/server-bg.jpg") no-repeat center; width: 100%; height: 86.4vw; background-size: 100%;}
.server .wrap-tit { padding-top: 12vw;}
.server-con { margin-top: 8vw;}
.server-con .item { float: left; position: relative;}
.server-con .item:nth-of-type(1) { margin-left: 4.67vw; margin-top: 6vw;}
.server-con .item:nth-of-type(2) { margin-left: 10.67vw;}
.server-con .item:nth-of-type(3) {margin-left: 45vw;}
.server-con .item .server-cir span { margin:0 auto;display:block;width: 10.53vw; height: 10.53vw; border-radius: 50%; background-color: #090909;}
.server-con .item.on .server-cir span { background: #be2517;}
.server-con .item .server-cir span img { width: 100%;}
.server-con .item .server-cir h2 { font-size: 4vw; color: #090909; text-align: center; margin-top: 2.67vw;}
.server-con .item .server-tit { display: none;width: 61.6vw; position: relative;}
.server-con .item .server-tit:after {content: '';display: block;position: absolute;left: 0;top: -4vw;background: url("../images/inpageServer-icon.png") no-repeat center;width: 4.13vw;height: 4vw;background-size: 100%;}
.server-con .item:nth-of-type(1) .server-tit {padding:5.33vw 4vw;box-sizing: border-box;position:absolute;left: -0.33vw;top: 13vw;background: #fff;}
.server-con .item:nth-of-type(2) .server-tit {padding:5.33vw 4vw;box-sizing: border-box;position:absolute;left: -0.33vw;top: 13vw;background: #fff;}
.server-con .item:nth-of-type(3) .server-tit {padding: 4.33vw 4vw;box-sizing: border-box;position:absolute;left: -49.33vw;top: 13vw;background: #fff;}
.server-con .item:nth-of-type(3) .server-tit:after { left: auto; right: 0; transform: rotate(270deg);}
.server-con .item .server-tit h2  {font-size: 3.5vw;color: #333;}
.server-con .item .tit-group { overflow: hidden;}
.server-con .item .tit-group li { float: left; text-align: center; margin-top:2.4vw;width: 49%;  height: 5.33vw; line-height: 5.33vw; border: 1px dashed #999; box-sizing: border-box; border-radius: 5px; margin-right: 2%; font-size: 3.25vw; color: #666;}
.server-con .item .tit-group li:nth-of-type(even) { margin-right: 0;}
.server-con .item.on .server-tit { display: block;}
/* server end */


/* process */
.process { overflow: hidden; padding: 12vw 0 6.67vw; background: #fff;}
.process-con { margin-top: 4vw; background: url("../images/process-bg.png") no-repeat center; width: 100%; height: 45.6vw; background-size: 100%;}
.process-con .item { float: left; width: 33.333%;}
.process-con .item span { display: block; width: 14.4vw; font-size: 0; margin: 0 auto;}
.process-con .item span img { width: 100%;}
.process-con .item p { font-size: 3.5vw; color: #333; text-align: center; margin-top: 2vw;}
.process-con .item:nth-of-type(n+4) { margin-top: 4vw;}
/* process end */

/* news */
.news { position: relative; overflow: hidden; padding: 11.33vw 0 0; background: #f6f6f6;}
.news .wrap-tit { text-align: center; overflow: hidden;}
.news .wrap-tit h2 { font-size: 6.4vw; color: #333; font-weight: normal; }
.news .wrap-tit h2 a { color: #333;}
.news .wrap-tit p { margin-top: 1vw; font-size: 3.5vw; color: #666; font-family: "DIN Medium";}
.news-con { width: 100%;  margin-top: 6.8vw; padding:0 2.5%;}
.news-main .item { width: 100%; overflow: hidden; margin-bottom: 5.33vw;}
.news-main .item .pic { float: left; width: 42%; font-size: 0;}
.news-main .item .pic img { width: 100%;}
.news-main .item .tit { float: left; width: 55%; margin-left: 3%; box-sizing: border-box;}
.news-main .item .tit h2 { font-size: 3.5vw; color: #333;}
.news-main .item p { margin-top: 4vw; font-size: 3.25vw; color: #666; line-height: 1.5; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news-main .item .tit-look { padding-top:3vw; overflow: hidden;}
.news > a  { display: block; width: 100%; padding: 3.33vw 0 ; text-align: center; font-size: 3.5vw; color: #333; border-top: 1px solid #cbcbcc;}
.news > a i { display: inline-block; background: url("../images/news-next.png") no-repeat center; width: 4vw; height: 4vw; background-size: 100%; vertical-align: middle; margin-left: 1vw; margin-top: -1vw;}
/* news  end */