﻿@charset "utf-8";

em,i{font-style:normal}
body {
    color: #333333;
    font: 14px/1 "微軟正黑體", "Microsoft YaHei", "微软雅黑", Arial, sans-serif!important;
}
b,caption,h1,h2,h3,h4,h5,h6,th{font-weight:400}
li{list-style:none}
img{border:none;-ms-interpolation-mode:bicubic;-webkit-filter:inherit;filter:inherit;vertical-align:middle}
a,s,u{text-decoration:none}

@font-face{font-family: "Intro Cond Black Free";src: url("../fonts/intro cond black free.woff2") format("woff2"), url("fonts/Intro Cond Black Free.woff") format("woff"), url("../fonts/intro cond black free.ttf") format("truetype"), url("../fonts/intro cond black free.eot") format("embedded-opentype"), url("../fonts/intro cond black free.svg") format("svg"), url("fonts/Intro Cond Black Free.otf") format("opentype");font-weight: normal;font-style: normal;}
.sContact-head .en p ,.sContact-head .cn p{line-height:52px;}
@media screen and (max-width: 1440px){.sContact-head{padding-left: 9.375%;}
.sContact-head .en ,.sContact-head .cn {font-size: 38px;}
.sContact-head .en p ,.sContact-head .cn p{line-height:41px;}
.sContact-head .btnt,.fzx24,.fzx36{font-size: 20px;}
.fzx18{font-size:16px;}}
.c1{color: rgb(255, 0, 0);}
.fb{font-weight: 700;}
.ffa{font-family: Arial,sans-serif!important;}
.en{word-break: keep-all;}
@media screen and (max-width: 1440px){.sNews-view .left{margin-right: 310px;}
.sNews-view .right{width: 280px;}
.sNews-view .view-follow{padding-top: 15px;padding-bottom: 15px;}
.sNews-view .view-follow .tel{height: 36px;line-height: 36px;padding-left: 56px;font-size: 20px;}
.sNews-view .view-follow .btnt{height: 32px;line-height: 32px;font-size: 16px;}}
/* sContact*/
.sContact .subpage-main{}
.sContact-section{position: relative;overflow: hidden;}
.sContact-section .contain{padding-top: 3.125%;padding-bottom: 3.125%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-ms-flex-line-pack: start;align-content: flex-start;}
.sContact-section .contain:after{display: none;}
.sContact-section .pic{display: block;width: 91.66666667%;height: 0;padding-bottom: 41.28440367%;background-color: #f1f1f1;}
.sContact-section.even .pic{margin-right: 8.33333333%;}
.sContact-section.odd .pic{margin-left: 8.33333333%;}
.sContact-head:before,
.sContact-body:after{display: none;content: " ";position: absolute;width: 64px;height: 51px;width: 3.33333333vw;height: 2.65625vw;background-size: 100% auto;background-position: 50% 50%;background-repeat: no-repeat;pointer-events: none;}
.sContact-head{float: left;width: 31%;padding-left: 19.14583333%;color: #333333;line-height: 1.08333333;}
.sContact-head:before{left: 3.64583333%;top: 0;margin-top: 5.20833333%;background-image: url(../images/icos-quotelt.png);}
.sContact-head .en{font-family: "Intro Cond Black Free", Arial, sans-serif;font-weight: bold;text-transform: uppercase;}
.sContact-head .cn{margin-bottom: .45em;margin-top: .3em;}
.sContact-head .aside{font-size: 14px;white-space: nowrap;}
.sContact-head .btnt{display: block;margin-top: 2em;width: 180px;height: 50px;line-height: 50px;text-align: center;color: #fff;background-color: rgb(255, 0, 0);overflow: hidden;position: relative;}
.sContact-head .btnt:before{content: " ";position: absolute;overflow: hidden;width: 0;height: 0;left: 50%;top: 50%;padding-top: 0%;padding-left: 0%;border-radius: 50%;background: radial-gradient(circle, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.4));pointer-events: none;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.sContact-head .btnt:hover:before{-webkit-transform: scale(2.25) translate(-22.22222222%, -22.22222222%);transform: scale(2.25) translate(-22.22222222%, -22.22222222%);padding-top: 80%;padding-left: 80%;-webkit-transition: all 400ms ease 0s;transition: all 400ms ease 0s;}
@media screen and (max-width: 1440px){.sContact-head{padding-left: 9.375%;}}
.sContact-body{float: right;margin-right: 3.64583333%;width: 42.08333333%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sContact-section1 .sContact-body:after{right: 3.64583333%;bottom: 0;background-image: url(../images/icos-quoterb.png);}
.sContact-section1 .inner{padding-right: 300px;padding-right: 5.625vw;line-height: 1.5;color: #666666;}
.sContact-section1 .inner .qrcode{position: absolute;right: 3.64583333%;bottom: 0;margin-bottom: 7.29166667%;margin-right: 66px;margin-right: 3.4375vw;background-color: #eeeeee;text-align: center;padding: 25px;padding: 1.30208333vw;}
.sContact-section1 .inner .qrcode img{width: 7.8125vw;height: 7.8125vw;margin-bottom: 2%;}
.sContact-section1 .inner ._block{display: block;height: 50px;height: 2.60416667vw;}
.sContact-section1 .inner .lh2,
.sContact-section1 .inner .sAbout-head .aside,
.sContact-section1 .inner .sAbout-section1 .description,
.sContact-section1 .inner .sAbout-section2,
.sContact-section1 .inner .sBusiness-fullpage .item .description .dd,
.sContact-section1 .inner .sBusiness-introduction .body,
.sContact-section1 .inner .sBusiness-seo .sBusiness-service .body .item .dd,
.sContact-section1 .inner .sBusiness-seo-item7 .body .itemPackage .contain .info{line-height: 2;}
@media screen and (max-width: 1280px){.sContact-section1 .inner .qrcode{padding: 10px;font-size: 12px;}
.sContact-section1 .inner .qrcode img{width: 100px;height: 100px;}}
.sContact-section2 .inner{line-height: 2;color: #333333;}
.sContact-section2 .inner .dt{font-weight: bold;}
.sContact-section2 .inner .dd{margin-top: .5em;}
.sContact-section2 .inner ._block{display: block;height: 60px;height: 3.125vw;}
/* sComments*/

@media screen and (max-width: 1440px){
.sContact-head .btnt, .fzx24, .fzx36 {
    font-size: 20px;
}}
.fzx36, .fMessageBoard .dt, .sCase-tail .dd .link .contain, .sCase-view-section1 h1, .sMessageBoard-section2 .line, .sBusiness-fullpage .item .description .dt, .sBusiness-operation .sBusiness-service .body .dt {
    font-size: 36px;
}
.fzx24, .fContact .left .dt, .fContact .right .dt, .sCase .subpage-banner .dd .p1, .sCase-view-section1 .outerLink, .sCase-view-section1 .btns, .sCase-view-section2 .foot .ctr, .sCase-view-section2 .foot .link, .sNews-view .yun-seo .tag4, .sContact-head .btn, .sComments-description .cn, .sAbout-head .cn, .sMessageBoard-section2 .enter, .sBusiness .subpage-banner .dd .p1, .sBusiness-section .head .cn, .sBusiness-ec .sBusiness-introduction .foot .col .p2, .sBusiness-mobile .sBusiness-service .item .df, .sBusiness-seo .sBusiness-service .body .item .dt, .sBusiness-sem .sBusiness-service .dd, .sBusiness-operation .sBusiness-axdvantage .body .dt {
    font-size: 24px;
}
.fzx18, .inner .dd p {
    font-size: 18px;
}
.fzx28, .fContact .left .ds, .sCase-tail .dt .btn, .sContact-section2 .inner .dt, .sComments-section .dt, .sAbout-section4 .body .item .dt, .sBusiness-relCases .foot, .sBusiness-ec .sBusiness-service .body .item .dt {
    font-size: 28px;
}
.fzx48, .index-head .dt, .index-head .dot7x7, .sCase-tail .dt h2, .sCase-view-section2 .head .cn, .sContact-head .en, .sContact-head .cn, .sBusiness-ec .sBusiness-introduction .foot .col .p1, .sBusiness-mobile .sBusiness-service .item .dt, .sBusiness-sem .sBusiness-service .dt, .sBusiness-sem .sBusiness-service .list .col {
    font-size: 48px;
}
@media screen and (max-width: 1440px){.fzx36, .fMessageBoard .dt, .sCase-tail .dd .link .contain, .sCase-view-section1 h1, .sMessageBoard-section2 .line, .sBusiness-fullpage .item .description .dt, .sBusiness-operation .sBusiness-service .body .dt {font-size: 28px;}}
@media screen and (max-width: 1440px){.fzx20, .casePic, .sNews-view .yun-seo .tag2, .sNews-view .yun-seo .tag5, .sBusiness-website .sBusiness-service .body .item .dt, .sBusiness-seo-item7 .body .itemPackage .contain .cn, .index-case-list .item .pic, .sCase-list .item .pic, .sBusiness-relCases .body .item .pic{font-size: 18px;}}
@media screen and (max-width: 1280px){.fzx20, .casePic, .sNews-view .yun-seo .tag2, .sNews-view .yun-seo .tag5, .sBusiness-website .sBusiness-service .body .item .dt, .sBusiness-seo-item7 .body .itemPackage .contain .cn, .index-case-list .item .pic, .sCase-list .item .pic, .sBusiness-relCases .body .item .pic{font-size: 16px;}}
@media screen and (max-width: 1440px){.fzx18, .index-head .dd, .index-head .hr, .footer .aptitude, .sContact-section2 .inner .dd, .sComments-description .dd, .sAbout-section2, .sMessageBoard-section1 .formItem .checkbox, .sBusiness-introduction .body, .sBusiness-sem-cases .dd, .sBusiness-operation .sBusiness-service .body .dd, .sBusiness-operation .sBusiness-axdvantage .body .dd{font-size: 16px;}}
@media screen and (max-width: 1280px){.fzx18, .index-head .dd, .index-head .hr, .footer .aptitude, .sContact-section2 .inner .dd, .sComments-description .dd, .sAbout-section2, .sMessageBoard-section1 .formItem .checkbox, .sBusiness-introduction .body, .sBusiness-sem-cases .dd, .sBusiness-operation .sBusiness-service .body .dd, .sBusiness-operation .sBusiness-axdvantage .body .dd{font-size: 15px;}}
@media screen and (max-width: 1440px){.fzx28, .fContact .left .ds, .sCase-tail .dt .btnt, .sContact-section2 .inner .dt, .sComments-section .dt, .sAbout-section4 .body .item .dt, .sBusiness-relCases .foot, .sBusiness-ec .sBusiness-service .body .item .dt {font-size: 22px;}}



@media only screen and (max-width: 768px){
.sContact-section .contain{ display:inherit;}
.sContact-head .en,.sContact-head .cn{font-size:32px;}
.sContact-head .btnt{position:inherit;margin:20px auto;}
.sContact-head{ width:92%;margin:0 auto; float:inherit; padding-left: 0; text-align:center;}
.sContact-body{width:92%;margin:0 auto; float:inherit;}
}