/* --header-- */
.header .hd-bm { overflow: hidden;  width: 100%; /* border-top: 1px solid #e5e5e5; */box-sizing: border-box;}
.header .hd-logo {float: left;margin-left: 3.33vw;width: 9.33vw;font-size: 0;padding: 1vw 0;}
.header .hd-logo img { width: 100%;}
.header .hd-bm ul {float: left;width: 67.4%;margin: 2vw 0;}
.header .hd-bm ul li {float: left;/* width: 33%; */text-align: center;border-right: 1px dashed #999;box-sizing: border-box;line-height: 6vw;margin-top: 2.5vw;}
.header .hd-bm ul li:last-of-type { border-right: none;}
.header .hd-bm ul li a {font-size: 3.75vw;color: #333;margin: 0 auto;display: block;/* width: 12.67vw; */padding: 0 2vw;}
.header .hd-logo {margin-right: 2.33vw;}
.header .hd-menu {float: right;background: url("../images/hd-menu.png") no-repeat center;width: 17.53vw;height: 13.5vw;background-size: 100%;}
.header .hd-menu span {font-size: 3.5vw;display: block;color: #fff;margin-left: 7vw;margin-top: 8vw;}
/* --end header-- */


/* hd-pop */
.hd-pop {position: absolute;left: 0;width: 100%;top: 7.5vw;background: #fff; display: none; z-index:10;}
.hd-pop h2 {background: #f19901;font-size: 5vw;padding: 2vw 0;text-align: center;color: #fff;font-weight: normal;}
.hd-pop ul { padding: 4vw 0;overflow: hidden;}
.hd-pop ul li {float: left;width: 20%;}
.hd-pop ul li a {display: block;width: 16vw;margin: 1.5vw auto ;height: 8vw;background: #cccccc4f;line-height: 8vw;text-align: center;border-radius: 5px;font-size: 3.75vw;color: #333;}
.pop-close {position: absolute;right: 4vw;top: 1vw;display: block;border-radius: 50%;font-size: 6vw;color: #fff;}
/* hd-pop end */



/* banner */
.banner { width: 100%;  overflow: hidden; position: relative; }
.banner .bd  li { width: 100%;font-size: 0;}
.banner .bd  li a { display: block;}
.banner .bd li img { width: 100%;}
.banner .hd { position: absolute; bottom: 4vw; left: 0; width: 100%; text-align: center;}
.banner .hd ul { display: inline-block;}
.banner .hd li { float: left; width: 7px; height: 7px; border-radius: 50%; overflow: hidden; text-indent: -999px; margin: 0 5px; background: #333;}
.banner .hd li.on { width: 18px; height: 7px;border-radius: 3px; background: #f19901;}
/* banner end */

/* trait */
.trait { position: relative; overflow: hidden; background: #f8f8f8;}
.trait-con { width: 95vw; margin: 2.67vw auto ; background: #fff; overflow: hidden;border: solid 1px #e9e9e9;}
.trait-con .item { float: left; width: 22%; padding: 6.67vw 0 6.67vw 3%;}
.trait-con .item h2 {font-size: 6.4vw; color: #333; font-family:"Geometr415_Blk_Bt"; position: relative;z-index: 2; display:inline-block;}
.trait-con .item p { font-size: 3.25vw; color: #333;}
.trait-con .item h2:after { content: ''; display: block; z-index: -1; position: absolute; top: 2px; right: 0; width:7px; height: 7px; background: #f19901; border-radius: 50%;}
/* trait end */


/* business */
.business { position: relative; overflow: hidden; padding: 8vw 0; background: #fff;}
.business-con { width: 95vw; margin: 0 auto;}
.business-con .item { margin-top: 6vw; float: left; width: 24%; text-align: center;padding-right: 1%;}
.business-con .item img { width: 20.27vw;}
.business-con .item p { font-size: 3.5vw; color: #fff; margin-top: 0vw;background-color: #f19a01;height: 25px;line-height: 25px;}
/* business end */

/* process */
.process { position: relative; overflow: hidden; padding: 9.33vw 0; background: #f8f8f8;}
.process-con { position:relative;display: grid;grid-template-columns: repeat(5, 20%);margin: 3.2vw auto 0;width:100%;height: 42.13vw;background-size: 100%;}
.process-con:after { content: ''; display: block; position: absolute; top: -77px; left: 2.665vw; background: url("../images/process-bg.png") no-repeat center; width: 94.67vw; height: 316px; background-size: 100%; }
.process-con .item {position: relative;font-size: 0;text-align: center; z-index: 3;}
.process-con .item:nth-of-type(n+6) {margin-top: 4vw;}
.process-con .item:nth-child(1){grid-row-start:1;grid-column-start: 1;}
.process-con .item:nth-child(2){grid-row-start:1;grid-column-start: 2;}
.process-con .item:nth-child(3){grid-row-start:1;grid-column-start: 3;}
.process-con .item:nth-child(4){grid-row-start:1;grid-column-start: 4;}
.process-con .item:nth-child(5){grid-row-start:1;grid-column-start: 5;}
.process-con .item:nth-child(6){grid-row-start:2;grid-column-start: 5;}
.process-con .item:nth-child(7){grid-row-start:2;grid-column-start: 4;}
.process-con .item:nth-child(8){grid-row-start:2;grid-column-start: 3;}
.process-con .item:nth-child(9){grid-row-start:2;grid-column-start: 2;}
.process-con .item:nth-child(10){grid-row-start:2;grid-column-start: 1;}
.process-con .item i {position: absolute;display: block;left: 50%;top: 0;width: 20px;height: 20px;line-height: 20px;border-radius: 50%;background: #000000;margin-left: -10px;font-size: 3.25vw;color: #fff;text-align: center;}
.process-con .item img {margin-top: 0.93vw;width: 14vw;border-radius: 50%;}
.process-con .item p { font-size: 3.5vw; color: #333; margin-top: 1vw;}
.process-con .item i:before{content:"0";}
.process-con .item:nth-child(10) i:before{display:none}
/* process end */

/* problem */
.problem { position: relative; overflow: hidden; padding-top: 10.67vw; background: #fff;}
.problem-con { width: 95vw; margin: 6.67vw auto 0;}
.problem-con .item { margin-bottom:5.6vw;position:relative;float: left; margin-right: 4vw; width: 45.5vw; height: 7.73vw; background: url("../images/answer-bg.png") no-repeat center; background-size: 100%;}
.problem-con .item i {float: left;display: block;width: 9.33vw;font-size: 0;}
.problem-con .item i img {width: 100%;height: 7.73vw;}
.problem-con .item span { margin-left: 0.4vw; line-height: 7.73vw; color: #fff; font-size: 3.5vw;}
.problem-con .item:nth-of-type(2n) { margin-right: 0}
/* problem end */


/* answer */
.answer{ position: relative; background: url("../images/answer.jpg") no-repeat center; width: 100%; height: 37.33vw; background-size: 100%;}
.answer .answer-ri {float: right;margin-right: 2.27vw;margin-top: 8vw;}
.answer .answer-ri > p { font-size: 3.5vw; color: #111;}
.answer .answer-ri > h2 { font-size: 4.8vw; color: #111;}
.answer .answer-ri > h2 span { color:#f19901;}
.answer .answer-phone  { margin-top: 2.27vw;}
.answer .answer-phone i { display: inline-block; vertical-align: middle; background: url("../images/phone-icon.png") no-repeat center; width: 5vw; height: 5vw; background-size: 100%;}
.answer .answer-phone span { vertical-align: middle;  font-size: 4.27vw; color: #f19901; font-family: "Geometr706 BlkCn BT";}
.answer .answer-phone span a { color: #f19901;}
.answer .answer-phone > a {display: inline-block;margin-left: 2vw;background: url("../images/answer-icon.png") no-repeat center;width: 19.07vw;height: 7.07vw;line-height: 7.07vw;font-size: 3.5vw;color: #fff;text-align: center;background-size: 100%;}
/* answer end */

/* case */
.case { position: relative; padding: 2.67vw 0 6vw;}
.case-slide { width: 95vw; margin: 4.67vw auto 0; overflow: hidden;}
.case-slide .case-menu { width: 100%; margin-bottom: 4vw; }
.case-slide .case-menu ul { display: block; overflow:hidden;border-top: 1px solid #ccc; border-right: 1px solid #ccc; box-sizing: border-box;}
.case-slide .case-menu li { float:left; width: 33.33%;  height: 10.4vw; line-height: 10.4vw; font-size: 3.5vw;  color: #333; text-align: center; background: #f3f3f3; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.case-slide .case-menu li a { display: block;}
.case-slide .case-menu li.on { background: #f19901;}
.case-slide .case-menu li.on a { color: #fff;}
.case-slide .case-main { overflow: hidden;}
.case-slide .case-main .item {float: left;font-size: 0;width: 49%;margin-right: 2%;margin-bottom: 3vw;}
.case-slide .case-main .item:nth-of-type(even) { margin-right: 0;}
.case-slide .case-main .item img { width: 100%;}
.case-slide .case-main .item p { font-size: 3.5vw; color: #333; margin-top: 2vw; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.case-slide > a { display: block; margin-top: 4vw; width: 100%; height: 9.87vw; line-height: 9.87vw; background: #f19901; text-align: center; font-size: 3.5vw; color: #fff;}
/* case end */

/* adv */
.adv { position: relative; overflow: hidden; padding-top: 6vw;}
.adv-con { margin-top: 5.33vw; overflow: hidden;}
.adv-con .adv-list { float: left; width: 50%; background: #f7f7f7; padding-bottom: 5.33vw;}
.adv-con .adv-list h2 { font-size:4vw; color: #333; margin-left: 8vw; margin-top: 4.93vw; font-weight: normal;}
.adv-con .adv-list .item { margin-top: 5.07vw; margin-left: 2.67vw; background: url("../images/adv01.png") no-repeat center; width: 46.8vw; height: 19.07vw; background-size: 100%; }
.adv-con .adv-list .item p {font-size: 3.75vw;color: #333;padding: 3vw 0 0 5.33vw;}
.adv-con .adv-list .item span {display: block;width: 32.67vw;font-size: 3.25vw;color: #666;line-height: 1.5;padding: 1vw 0 0 5.33vw;}
.adv-con .adv-list:nth-of-type(2) { background: #f19901;}
.adv-con .adv-list:nth-of-type(2) h2 { color: #fff; font-weight: bold;}
.adv-con .adv-list:nth-of-type(2) .item { background: url("../images/adv02.png") no-repeat center; background-size: 100%; margin-left: 0.67vw;}
.adv-con .adv-list:nth-of-type(2) p { padding-left: 10vw; font-weight: bold; color: #333;}
.adv-con .adv-list:nth-of-type(2) span { padding-left: 10vw;}
/* adv end */

/* strength */
.strength { background: #fff; overflow: hidden; padding: 8vw 0 0;}
.strength-con { overflow: hidden; width: 95vw; margin: 5.33vw auto 0;}
.strength-con .item {float: left;width: 50%;height: 50vw;border-left: 2px solid #dedede;box-sizing: border-box;text-align: center;margin-bottom: 7vw;}
.strength-con .item:nth-of-type(even) { border-right: 2px solid #dedede;}
.strength-con .item img { width: 13.47vw;}
.strength-con .item:nth-of-type(n+3) img { width: 9.33vw;}
.strength-con .item h2 { font-size: 4.5vw; line-height: 9vw;}
.strength-con .item p { font-size: 3.5vw; color: #111; line-height: 1.5;}
/* strength end */

/* Indexhonor*/
.Indexhonor{ position: relative; overflow: hidden; background: url("../images/honor-bg.jpg") no-repeat center; width:100%; height: 80.93vw; background-size: 100%;}
.Indexhonor .wrap-tit { padding-top: 10.67vw;}
.Indexhonor-slide {margin: 5.33vw auto 0;display: inline-block;width: 100%;position: relative;}
.Indexhonor-slide .item {float: left;margin: 0 2vw; width: 29vw;}
.Indexhonor-slide .item .pic { width: 100%; font-size: 0; border: 3px solid #dedede; box-sizing: border-box;}
.Indexhonor-slide .item .pic img { width: 100%;}
.Indexhonor-slide .item p { font-size: 3.25vw; color: #333; margin-top: 2.67vw; text-align: center;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.Indexhonor-menu { position: absolute; left: 0; bottom: -11.13vw;  width: 100%; margin-bottom: 5.33vw; text-align: center; }
.Indexhonor-menu ul { display: inline-block;}
.Indexhonor-menu li { float: left; width: 7px; height: 7px; border-radius: 50%; overflow: hidden; text-indent: -999px; margin: 0 5px; background: #333;}
.Indexhonor-menu .on { width: 18px; height: 7px;border-radius: 3px; background: #f19901;}
/* Indexhonor end */


/* news */
.news { position: relative; padding: 9.33vw 0 6vw; background: #fff;}
.news-slide { width: 95vw; margin: 4.67vw auto 0;}
.news-slide .news-menu {width: 100%;height: 9.33vw;display: block;margin: 0 auto 6.67vw;}
.news-slide .news-menu li {float: left;position: relative;width: 25%;height: 9.33vw;line-height:9.33vw;background: #f6f6f6;text-align:center;}
.news-slide .news-menu li a { display: block; color: #333; font-size: 3.5vw;}
.news-slide .news-menu li.on { background: #f19901; border: none;}
.news-slide .news-menu li.on a { color: #fff;}
.news-slide .news-menu li.on:after { content: ''; display: block; position: absolute; left: 0; bottom: -3.2vw; background: url("../images/menu-icon.png") no-repeat center; width: 100%; height: 3.2vw; background-size: 100%;}
.news-main .news-list { width: 95vw; margin: 0 auto;}
.news-main .pic { width: 100%; font-size: 0; position: relative; margin-bottom: 4vw;}
.news-main .pic img { width: 100%;}
.news-main .pic p { position: absolute; left: 5%; bottom: 3.2vw; width: 90%; height: 9.33vw; line-height: 9.33vw;  background: #f19901;}
.news-main .pic p span {float:left;display: block;font-size: 3.5vw;color: #fff;width: 78%;margin-left: 2vw;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.news-main .pic p i {display: block;float: right;margin-right: 5vw;margin-top: 3.2vw;width: 7px;height: 7px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
.news-main .item { padding: 4vw 0; border-bottom: 1px solid #e1e1e1; overflow: hidden;}
.news-main .item:last-of-type { border-bottom: none;}
.news-main .item .news-time { float: left; width:16vw; height: 16vw; background: #f6f6f6; text-align: center;}
.news-main .item .news-time span  { display: block; font-size: 6.93vw; color: #666; padding-top: 2vw; font-weight: bold;}
.news-main .item .news-time em { display: block; font-size: 3.25vw; color: #666;}
.news-main .item .news-tit {float: left;margin-left: 4vw;width: 74vw;}
.news-main .item .news-tit h2 { font-size: 3.75vw; color: #222; font-weight: normal; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.news-main .item .news-tit p { font-size: 3.5vw; color: #666; line-height: 1.5; margin-top: 1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
/* news end */