@charset "UTF-8";

/*通用*/
body { font-family: 微软雅黑; }

/*图片放大*/
.scale_img dl img, .scale_img li img { -o-transition: all 2s linear 0s; transition: all 2s linear 0s; }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0); }

/*标题*/
h2 { font-weight: normal; text-align: center; }
h2 a { display: block; font-size: 42px; color: #272727; line-height: 100%; }
h2 a i { font-weight: bold; margin-right: 30px; }
h2 span { font-size: 14px; color: #DBDBDB; display: block; line-height: 100%; margin-top: 11px; position: relative; padding-bottom: 19px; text-transform: uppercase; font-weight: 100; }
h2 span:before, h2 span:after { position: absolute; content: ""; left: 50%; }
h2 span:before { width: 185px; height: 1px; background: #E1E1E1; bottom: 1px; margin-left: -92.5px; }
h2 span:after { width: 49px; height: 3px; background: #147ccc; bottom: 0; z-index: 2; margin-left: -24.5px; }
h2 a:hover { color: #272727; }

/*引子*/
.intro { position: relative; z-index: 3; height: 285px; background: #fff; box-shadow: 0 2px 21px 0 rgba(0, 153, 72, .18) }
.intro h3 { text-align: center; width: 196px; height: 285px; background: #147ccc; float: left; font-weight: 400; box-shadow: 0 2px 21px 0 rgb(20 124 204); }
.intro h3 img { width: 64px; margin: 23px auto 17px; display: block }
.intro h3 em { display: block; line-height: 100%; font-size: 30px; color: #fff }
.intro h3 span { display: block; line-height: 100%; color: rgba(226, 226, 226, .11); font-size: 12px; margin-top: 5px; text-transform: uppercase }
.intro h3 a { display: block; width: 133px; height: 40px; border: 1px solid rgba(255, 255, 255, .32); margin: 87px auto 0; font-size: 16px; color: #fff; line-height: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; -o-transition: all .3s ease; transition: all .3s ease }
.intro h3 a:before { position: absolute; content: ""; width: 64px; height: 2px; background: rgba(255, 255, 255, .32); top: -53px; left: 50%; margin-left: -32px }
.intro h3 a:hover { font-weight: 700 }
.intro_con { width: 500px; float: left; padding-top: 19px; overflow: hidden }
.intro_con dl { width: 500px; height: 111px; box-sizing: border-box; padding: 4px 0 5px 46px; float: left; margin-bottom: 25px }
.intro_con dl dt { width: 179px; height: 102px; overflow: hidden; box-sizing: border-box; border: 1px solid #EFEFEF; margin-right: 21px; float: left }
.intro_con dl dt img { width: 100% }
.intro_con {
    height: 262px;
    overflow: hidden;
}
.intro_con dl dd { width:252px; float: right }
.intro_con dl dd p { line-height: 20px; font-size: 16px; color: #696969; text-transform: uppercase; margin-top: 16px }
.intro_con dl dd p em { font-size: 24px; color: #E60000; font-family: arial }
.intro_con dl dd p:before { content: ""; background: url(../images/intro_i1.png) no-repeat left center; display: inline-block; width: 31px; height: 20px; vertical-align: bottom }
.intro_con dl dd p:first-child { color: #343434; margin-top: 6px }
.intro_con dl dd p:nth-child(2):before { background-image: url(../images/intro_i2.png) }
.intro_con dl dd p:nth-child(3):before { background-image: url(../images/intro_i3.png) }
.intro_con dl:nth-child(odd) { border-right: 1px solid #EFEFEF }

/*路线*/
.case.content {
    margin-top: 83px;
}
.line { margin-top: -215px; background: #F8F8F8; padding-bottom: 47px }
.line_nav { padding: 59px 0 36px; text-align: center; clear: both; font-size: 0; line-height: 0 }
.line_nav li { width: 187px; height: 59px; border: 1px solid #d5d5d5; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 10px }
.line_nav a { display: block; font-size: 24px; color: #373737; line-height: 57px }
.line_nav img { display: inline-block; vertical-align: sub; margin-right: 15px }
.line_nav li.cur, .line_nav li:hover { background: #147ccc; border-color: #147ccc }
.line_nav li.cur a, .line_nav li:hover a { color: #fff }
.line_nav li.cur img, .line_nav li:hover img { filter: brightness(350%); -webkit-filter: brightness(350%) }
.line_con { height: 526px }
.line_con .slide { width: 589px; float: left; line-height: 0;margin-right: 21px }
.line_con .slide img { width: 589px; height: 238px }
.line_con .slide:nth-child(even){}
/*.line_con .slide:first-child { margin-right: 21px }*/
.line_con table { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #E6E6E6; border-collapse: collapse; text-align: center }
.line_con table.table_title td { width: 98px; background: #fff; font-size: 18px; color: #2d2d2d; line-height: 58px;border: 1px solid #E6E6E6; }
.line_con table.table_content {margin-top:-1px;}
.line_con table.table_content td { line-height: 56px; border: 1px solid #E6E6E6; color: #2E2E2E }
.line_con table.table_content tr td:first-child, .line_con table.table_content tr td:nth-child(2) { color: #147ccc; font-size: 16px }
.line_con table tr td:first-child { width: 98px }
.line_con table tr td:nth-child(2) { width: 93px }
.line_con table tr td:nth-child(3) { width: 178px }
.line_con table tr td:nth-child(4), .line_con table tr td:nth-child(5), .line_con table tr td:nth-child(6) { width: 70px }


/*问题困扰*/
.question { padding-top: 72px; padding-bottom: 82px }
.question ul { margin-top: 54px; }
.question li { float: left; width: 218px; height: 327px; background: white; box-shadow: 0px 3px 12px 1px rgba(218, 218, 218, 0.06); border-radius: 3px; margin-right: 27px; text-align: center; transition: .3s; }
.question li i { width: 66px; height: 70px; margin: 43px auto 26px; display: block; background: url(../images/qi1.png) no-repeat center; }
.question li h4 { font-size: 18px; color: #383838; line-height: 100%; font-weight: normal; }
.question li h4 span { display: block; font-size: 12px; color: #E3E3E3; line-height: 100%; margin-top: 8px; position: relative; padding-bottom: 10px; font-weight: normal; }
.question li h4 span:after { position: absolute; content: ""; width: 24px; height: 1px; background: #147ccc; bottom: 0; left: 50%; margin-left: -12px; }
.question li p { font-size: 16px; color: #5C5C5C; line-height: 30px; margin: 37px 17px; }
.question li:nth-child(2) i { background-image: url(../images/qi2.png); }
.question li:nth-child(3) i { background-image: url(../images/qi3.png); }
.question li:nth-child(4) i { background-image: url(../images/qi4.png); }
.question li:nth-child(5) i { background-image: url(../images/qi5.png); }
.question li:nth-child(3) p { margin: 37px; }
.question li:nth-child(4) p { margin: 37px 60px; }
.question li:last-child { margin-right: 0; }
.question li:last-child p { margin: 37px 29px; }
.question li:hover { margin-top: -6px; background: #147ccc; }
.question li:hover i { background-image: url(../images/qi1_1.png); }
.question li:hover h4 { color: #fff; }
.question li:hover h4 span { color: rgba(255, 255, 255, 0.63); }
.question li:hover h4 span:after { background: #fff; }
.question li:hover p { color: rgba(255, 255, 255, 0.62); }
.question li:nth-child(2):hover i { background-image: url(../images/qi2_1.png); }
.question li:nth-child(3):hover i { background-image: url(../images/qi3_1.png); }
.question li:nth-child(4):hover i { background-image: url(../images/qi4_1.png); }
.question li:nth-child(5):hover i { background-image: url(../images/qi5_1.png); }

/*4大优势*/
.ys { padding-top: 22px; overflow: hidden; }
.ys_nav { position: absolute; z-index: 2; height: 214px; background: white; box-shadow: 0px 1px 25px 2px rgba(61, 61, 61, 0.09); top: -107px; left: 50%; margin-left: -600px !important; }
.ys_nav li { width: 25%; float: left; text-align: center; position: relative; cursor: pointer; }
.ys_nav li img { margin: 37px auto 24px; display: block; width: 62px; }
.ys_nav li em { display: block; line-height: 100%; font-size: 34px; color: #2B2B2B; font-weight: bold; transition: .3s; }
.ys_nav li i { display: inline-block; width: 15px; height: 15px; background: #147ccc; border-radius: 50%; font-size: 14px; color: #FEFEFE; line-height: 14px; vertical-align: 4px; margin-left: 5px; }
.ys_nav li span { display: block; font-size: 16px; color: #282828; line-height: 100%; margin-top: 7px; transition: .3s; }
.ys_nav li:after { position: absolute; content: ""; width: 1px; height: 126px; background: #F1F1F1; right: 0; top: 44px; }
.ys_nav li:last-child:after { display: none; }
.ys_nav li.cur em, .ys_nav li.cur span { color: #147ccc; }
.ys_con { position: relative; margin-top: 176px; }
.ys_con dl { width: 100%; }
.ys_con dl dt { position: relative; height: 694px; overflow: hidden; }
.ys_con dl dt img { position: absolute; left: 50%; margin-left: -960px; }
.ys_con dl dd { height: 146px; padding-top: 40px; background: #147ccc; }
.ys_con dl dd i { display: block; font-size: 56px; color: #fff; line-height: 100%; float: left; margin-right: 25px; height: 122px; margin-top: -3px; }
.ys_con dl dd h4 { font-size: 30px; line-height: 100%; color: #fff; margin-bottom: 24px; }
.ys_con dl dd h4 span { display: block; font-size: 12px; text-transform: uppercase; color: rgba(255, 255, 255, 0.25); margin-top: 10px; font-weight: 100; line-height: 100%; letter-spacing: .5px; }
.ys_con dl dd p { font-size: 16px; color: #fff; line-height: 34px; }

/*合作客户*/
.brand { padding: 83px 0 93px }
.brand ul { height: 115px; background: #F3F3F3; padding: 9px 25px 10px }
.brand li { width: 230px; height: 115px; float: left; filter: invert(5%); -webkit-filter: invert(5%);transition: .3s }
.brand li a { display: block }
.brand li img { width: 230px; height: 115px;filter: grayscale(100%);-webkit-filter: grayscale(100%); }
.brand li:hover img {
    filter: grayscale(0%);
}
/*服务案例*/
.case { position: relative; height: 558px }
.case ul { position: absolute; top: 0; left: 11px }
.case li { width: 287px; height: 248px; position: absolute }
.case li span { display: none }
.case li:nth-child(1) { left: 0; top: 127px }
.case li:nth-child(2) { left: 223px; top: 0 }
.case li:nth-child(3) { left: 223px; top: 255px }
.case li:nth-child(4) { left: 446px; top: 128px }
.case li:nth-child(5) { left: 668px; top: 0 }
.case li:nth-child(6) { left: 668px; top: 255px }
.case li:nth-child(7) { left: 890px; top: 128px }
.case li:hover span { display: block; position: absolute; top: 0; left: 0; font-size: 30px; padding-top: 86px; text-align: center; color: #fff; width: 100%; height: 248px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/case_hover.png) no-repeat center top }
.case li:hover span:after { position: absolute; content: "+"; font-size: 18px; color: #fff; line-height: 33px; text-align: center; width: 33px; height: 33px; border: 2px solid #fff; border-radius: 50%; bottom: 66px; left: 50%; margin-left: -18.5px }


/*服务项目*/
.service_con { margin-top: 56px; min-width: 1200px; }
.service_con dl { width: 25%; float: left; position: relative; text-align: center; }
.service_con dt img { width: 100%; filter: brightness(50%); transition: .3s; }
.service_con dd { position: absolute; top: 17.2%; width: 100%; }
.service_con dd i { display: block; width: 18.54%; filter: invert(100%); margin: 0 auto 13.95%; transition: .3s; }
.service_con dd img { max-width: 100%; filter: brightness(0%); transition: .3s; }
.service_con dd h4 { font-size: 18px; color: #FEFEFE; transition: .3s; line-height: 100%; font-weight: normal; margin-bottom: 45%; }
.service_con dd h4 span { position: relative; display: block; font-size: 12px; color: rgba(254, 254, 254, 0.2); line-height: 100%; font-weight: 100; margin-top: 9px; padding-bottom: 14px; text-transform: uppercase;}
.service_con dd h4 span:after { position: absolute; content: ""; width: 36px; height: 1px; background: #147ccc; left: 50%; bottom: 0; margin-left: -18px; }
.service_con dd em { display: none; text-indent: 56px; text-align: left; width: 179px; height: 41px; background: url(../images/service_more.png) no-repeat center top; line-height: 41px; font-size: 16px; color: #FEFEFE; margin: 0 auto; transition: .3s; }
.service_con dl.cur dt img { filter: brightness(100%); }
.service_con dl.cur dd i { filter: invert(0%); }
.service_con dl.cur dd img { filter: brightness(100%); }
.service_con dl.cur dd h4 { color: #147ccc; }
.service_con dl.cur dd em { display: block; }

/*服务流程*/
.process { padding-top: 85px; padding-bottom: 63px }
.process_con { margin-top: 67px }
.process_con>li { width: 418px; float: left; background: url(../images/pjt.png) no-repeat 370px 152px }
.process_con>li:nth-child(3) { width: 364px; background: 0 0 }
.process_con div { display: block; position: relative; width: 192px; height: 192px; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; line-height: 0; margin-top: 66px; float: left }
.process_con div img { width: 192px; height: 192px; border-radius: 50% }
.process_con div em { display: block; position: absolute; width: 36px; height: 36px; background: #147ccc; border: 3px solid #fff; border-radius: 50%; font-size: 18px; line-height: 36px; text-align: center; color: #fff; top: 75px; left: -20px; z-index: 999 }
.process_con div h4 { font-size: 24px; color: #222; line-height: 100%; font-weight: 400; margin-top: 14px }
.process_con ul { background: url(../images/pul.png) no-repeat left 43px; padding-left: 85px; float: left; width: 87px }
.process_con ul li { width: 85px; line-height: 0; text-align: center }
.process_con ul li span { font-size: 16px; color: #222; line-height: 32px }
.process_con li img { -o-transition: all .3s ease; transition: all .3s ease }
.process_con li img:hover { animation: rotateIn 2s; -webkit-animation: rotateIn 2s }


/*新闻资讯*/
.news { padding-top: 62px; position: relative; overflow: hidden; height: 620px; background: #F7F7F7 }
.company { width: 834px; height: 533px; background: #fff; border: 1px solid #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 24px 23px 0 27px }
.company_nav li { width: 140px; height: 42px; background: #ebebeb; float: left; margin-right: 6px; text-align: center; -o-transition: all .3s ease; transition: all .3s ease }
.company_nav li a { display: block; font-size: 20px; color: #222; line-height: 42px; font-weight: 700 }
.company_nav li.on { background: #147ccc }
.company_nav li.on a { color: #fff }
.company_con dl { margin-top: 25px; margin-bottom: 17px }
.company_con dl dt { width: 252px; height: 189px; overflow: hidden; float: left }
.company_con dl dt img { width: 252px; height: 189px }
.company_con dl dd { width: 512px; float: right }
.company_con dl dd h4 { font-size: 16px; color: #222; line-height: 20px; font-weight: 700; -o-transition: all .3s ease; transition: all .3s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.company_con dl dd p { font-size: 16px; color: #535353; line-height: 30px; margin: 16px 0 20px }
.company_con dl dd span { display: block; font-size: 14px; color: #b5b5b5; line-height: 100% }
.company_con dl:hover h4 { color: #147ccc }
.company_con li { height: 43px; border-bottom: 1px dashed #F2F2F2 }
.company_con li h4 { width: 420px; -o-transition: all .3s ease; transition: all .3s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #535353; line-height: 43px; font-weight: 400; float: left }
.company_con li span { float: right; font-size: 14px; color: #b5b5b5; line-height: 43px }
.company_con li:hover h4 { color: #147ccc }
.company_con li:last-child { border-bottom: 0 }
.faq { width: 351px; height: 533px; background: #fff; border: 1px solid #f2f2f2; float: right; padding: 24px 26px 0 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.faq h3 { margin-bottom: 22px }
.faq h3 em { display: block; float: left; width: 143px; height: 42px; background: #147ccc; font-size: 20px; color: #fff; line-height: 42px; text-align: center }
.faq h3 span { display: block; float: right; font-size: 14px; color: #9f9f9f; line-height: 100%; text-transform: uppercase; font-weight: 400;padding-top: 22px;}
.faq_con ul { overflow: hidden }
.faq_con li { margin-bottom: 28px }
.faq_con li h4, .faq_con li p { padding-left: 43px; position: relative }
.faq_con li h4 { font-size: 16px; color: #313131; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-transition: all .3s ease; transition: all .3s ease }
.faq_con li p { font-size: 16px; color: #747474; line-height: 24px; margin-top: 11px }
.faq_con li h4:before, .faq_con li p:before { content: "Q"; font-size: 16px; color: #fff; line-height: 24px; position: absolute; left: 0; top: 0; width: 24px; height: 24px; text-align: center; font-weight: 400; background: #147ccc }
.faq_con li p:before { content: "A"; background: #222 }
.faq_con li:hover h4 { color: #147ccc }
.policy { clear: both; padding-top: 58px }
.policy h3 { width: 113px; height: 105px; background: #00a03e; float: left; text-align: center; margin-right: 9px }
.policy h3 a { display: block; padding-top: 35px; font-size: 24px; color: #fff; line-height: 100% }
.policy h3 span { display: block; font-size: 12px; color: rgba(255, 255, 255, .29); line-height: 100%; margin-top: 6px; font-weight: 400 }
.policy li { width: 536px; height: 105px; background: #fff; border: 1px solid #e3e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 25px 27px 27px }
.policy li h4 { font-size: 18px; color: #333; line-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-transition: all .3s ease; transition: all .3s ease }
.policy li p { font-size: 14px; color: #666; line-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 20px }
.policy li:first-child { margin-right: 6px }
.policy li:hover h4 { color: #147ccc }

/*威都中国*/
.about { background: url(../images/about_bg.jpg) no-repeat center top; height: 728px; }
.about h2 { padding-top: 89px; }
.about h2 a { color: #fff; }
.about h2 span { color: rgba(255, 255, 255, 0.32); }
.about p { font-size: 16px; line-height: 36px; color: rgba(255, 255, 255, 0.77); margin-top: 77px; margin-bottom: 97px; text-align: center; }
.about ul { text-align: center; }
.about ul li { display: inline-block; width: 245px; height: 97px; border-left: 1px solid rgba(255, 255, 255, 0.16); }
.about ul li img { margin: 0 auto 25px; display: block; }
.about ul li span { display: block; font-size: 18px; color: #fff; line-height: 100%; }
.about ul li i { display: block; font-size: 12px; color: rgba(255, 255, 255, 0.13); margin-top: 6px; line-height: 100%;text-transform:capitalize; }
.about ul li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.16); }

/**/
@keyframes myfirst {
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-moz-keyframes myfirst

/* Firefox */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-webkit-keyframes myfirst

/* Safari and Chrome */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-o-keyframes myfirst

/* Opera */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}

/*# sourceMappingURL=index.css.map */