@charset "utf-8";
@font-face {font-family:iconfont;src:url(../icon/iconfont.eot);src:url(../icon/iconfont.eot?#iefix) format('embedded-opentype'),url(../icon/iconfont.woff) format('woff'),url(../icon/iconfont.ttf) format('truetype'),url(../icon/iconfont.svg#iconfont) format('svg')}
@font-face {font-family:Roboto-Medium;src:url(../font/Roboto-Medium.ttf) format('truetype')}
@font-face {font-family:Lato-Regular;src:url(../font/Lato-Regular_0.ttf) format('truetype')}
@font-face {font-family:Lato-Bold;src:url(../font/Lato-Bold_0.ttf) format('truetype')}
@font-face {font-family:Roboto-BoldCondensed;src:url(../font/Roboto-BoldCondensed.ttf) format('truetype')}
@font-face {font-family:Roboto-Condensed;src:url(../font/Roboto-Condensed.ttf) format('truetype')}
* {-moz-box-sizing:border-box;box-sizing:border-box;padding:0px;margin:0}
body {padding:0px;margin:0px;color:#222;font-size:15px!important;line-height:21px!important;font-family:Arial,Helvetica,sans-serif}
li,ol,ul {padding:0px;margin:0px;list-style:none}
input,textarea {outline:0;resize:none;border:none}
button {border:0;outline:0;cursor:pointer}
a {text-decoration:none;color:#222;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
a:focus,a:hover {color:#007dc3;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
img {border:0;vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:400}
em {font-style:normal}
button,input,select,textarea {vertical-align:middle;font-size:15px;font-family:inherit;line-height:normal;outline:0}
table {border-collapse:collapse}
.table td,.table th {border:1px solid #cdcdcd;padding:5px;}
video {object-fit:contain}
iframe {max-width:100%;display:block}
.iconfont {font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
.clearfix:after {content:"";display:block;clear:both}
.fl {float:left}
.fr {float:right}
.container {max-width:1200px;margin-left:auto;margin-right:auto; padding-top:20px}
.icontainer {width:1430px;margin:0px auto;padding:0 15px;}
@media screen and (max-width:1450px){.icontainer {width:1130px;}}
@media screen and (max-width:1150px){.icontainer {width:920px;}}
@media screen and (max-width:960px){.icontainer {width:670px;}}
@media screen and (max-width:680px){.icontainer {width:340px;}}
.headtop {position:relative;background:#1e1e1e}
#nav:after,.headsearch:after,.ihead .icontainer:after,.moblist:after,.mobmail:after,.mobnav:after,.mobtel:after,.nav-list:after,.topcont:after,.tsearch:after {content:"";visibility:hidden;height:0;display:block;clear:both}
.ihead {background:#FFF}
.ihead .icontainer {position:relative}
.logo {float:left;display:block;height:105px;position:relative;width:210px;margin-left:28px;}
.logo img {max-height:100%;max-width:100%;display:block;position:absolute;top:50%;left:0;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.topcont {height:105px;padding:30px 0 20px;float:right}
.tnm {float:left;font-size:16px;color:grey;padding:0 40px;position:relative}
.tnm a {color:grey}
.tnm a:hover {color:#007dc3}
.tnm:after {content:'';width:1px;height:98%;background:#e7e7e7;position:absolute;right:0;top:1%}
.tnmtit {color:#5b5b5b;font-size:17px;text-transform:uppercase}
.tnmtit i {vertical-align:middle;font-size:30px;margin-right:5px;}
.help {margin:30px 0 0 40px;line-height:43px;float:right;font-size:20px;color:#007dc3}
.help span {font-size:17px;text-transform:uppercase}
#xyz {right:15px;top:6px;}
.navall {float:left;width:1100px;margin-right:40px;}
.nav-list>li {float:left;position:relative}
.nav-list li a {font-size:16px;display:block;text-transform:capitalize;padding:0 28px;line-height:66px;color:#FFF}
.nav-list>li>a {text-transform:uppercase;border-right:1px solid #414141}
.nav-list>li:last-child>a {border:none}
.nav-list li a:hover {background:#007dc3}
.nav-list li ul {min-width:120px;display:none;background:rgba(30,30,30,.8);position:absolute;top:100%;left:0;z-index:9999}
.nav-list li:hover ul {display:block}
.nav-list li ul li a {padding:0 14px;white-space:nowrap;height:36px;line-height:36px;}
.headsearch {float:right;margin:9px 0 8px;}
.searchtxt {width:0;text-indent:10px;float:left;margin-right:6px;height:40px;color:#FFF;border-bottom:1px solid #FFF;background:0 0}
header input::-webkit-input-placeholder {color:#FFF}
header input:-moz-placeholder {color:#FFF;opacity:1}
header input::-moz-placeholder {color:#FFF;opacity:1}
header input:-ms-input-placeholder {color:#FFF}
.searchbtn {width:30px;height:40px;text-align:center;line-height:50px;float:left;display:block;cursor:pointer;color:#FFF;font-size:20px;vertical-align:middle}
.headshare a {margin-left:35px;}
.headshare a i {color:#FFF;font-size:20px;}
.headshare {float:right;margin:24px 0 18px;overflow:hidden;width:230px;}
.mobtop {display:none;background:#FFF;padding:0 18px;position:relative}
.moblogo {float:none;display:block;width:220px;height:125px!important;margin:0px auto;}
.moblogo img {left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.mobmail {float:left;margin:41px 0}
.mobtel {position:absolute;right:18px;top:41px;}
.mobmail i,.mobtel i {font-size:31px;color:#007dc3;float:left;margin:11px 7px 0 0}
.tmal {float:left}
.tmal span {color:#575757;display:block;font-size:16px;}
.tmal span a {color:#575757}
.tmal span:first-child {font-size:17px;}
.mobnav {display:none;height:62px;padding:0 18px;}
.mobtn {color:#FFF;font-size:26px;padding:21px 0 20px;display:block;float:left;cursor:pointer}
.mobsearch {height:62px;float:right;position:relative}
.mobsearch i {color:#FFF;font-size:26px;padding:21px 0;display:block;cursor:pointer}
.mbs {display:none;width:276px;border-top:1px solid #666;position:absolute;top:100%;right:-18px;z-index:99999}
.mbs input {height:42px;float:left;background:#1e1e1e}
.mobstxt {width:210px;padding-left:12px;color:#FFF;border-bottom-left-radius:5px;}
.mobsbtn {cursor:pointer;width:66px;text-align:center;color:#FFF;border-left:1px solid #666}
.moblist {display:none;overflow:hidden;position:absolute;z-index:99999;width:100%;left:0;top:100%;text-align:center;background:rgba(30,30,30,.8)}
.moblist li a {padding:0 16px;color:#FFF;line-height:44px;font-size:16px;display:block}
.moblist li ul {display:none;background:rgba(0,116,180,.9)}
.moblist li ul li a {line-height:38px;font-size:18px;}
.moblist li a:hover {background:#007dc3}
.moblist li:hover ul {display:block}
@media screen and (max-width:1450px){.headtop:after {content:'';width:100%;height:1px;background:#414141;position:absolute;bottom:66px;left:0}
.navall {width:100%;margin-right:0}
.help {margin-left:20px;}
.tnm {padding:0px 20px;}}
@media screen and (max-width:1150px){.logo {height:180px;}
.topcont .tnm:last-child {padding-right:0}
.topcont .tnm:last-child::after {width:0}
.nav-list>li>a {padding:0 15px;}}
@media screen and (max-width:960px){.headshare,.headtop:after,.ihead {display:none}
.headsearch {display:block;position:absolute;right:0;bottom:0;height:45px;}
#txtSearch {width:210px!important}
.mobnav,.mobtop {display:block}
.navall {display:none;overflow:hidden;position:absolute;z-index:99999;width:100%;left:0;top:100%;text-align:center;background:rgba(30,30,30,.8)}
.navall .nav-list>li {float:none}
.navall .nav-list li a {line-height:44px;text-transform:capitalize}
.navall .nav-list li ul {position:static;background:rgba(0,116,180,.9)}
.navall .nav-list>li>a {border:none}}
@media screen and (max-width:680px){.mobmail,.mobtel {display:none}}
.footlogo {border-bottom:1px solid #e7e7e7;padding:40px 0 15px;}
.fologo {max-width:300px;max-height:200px;}
.fonav:after,.footop .icontainer:after {content:'';display:block;visibility:hidden;height:0;clear:both}
.footop {padding:15px 0px;background-color:#FAFAFA;}
.fonlef {float:left;padding:0px;}
.fonav li {display:inline-block;margin-right:20px;line-height:45px;}
.fonav li a {text-transform:capitalize;font-size:15px;display:block;position:relative;color:#515151}
.fonav li a::before {content:'';width:0;height:3px;background:#007dc3;position:absolute;bottom:0;left:0;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.fonav li a:hover {color:#007dc3}
.fonav li a:hover::before {width:100%;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.foshare {margin-top:30px;}
.foshare a {color:#FFF;display:inline-block;margin-right:9px;width:35px;height:35px;text-align:center;line-height:35px;background:#45b0e3;border:2px solid #45b0e3}
.foshare a:nth-child(2){background:#d97aa5;border-color:#d97aa5}
.foshare a:nth-child(3){background:#39599f;border-color:#39599f}
.foshare a:nth-child(4){background:#333;border-color:#333}
.foshare a:nth-child(5){background:#e70031;border-color:#e70031}
.foshare a i {font-size:19px;}
.foshare a:hover {background:0 0!important;color:#45b0e3}
.foshare a:nth-child(2):hover {color:#d97aa5}
.foshare a:nth-child(3):hover {color:#39599f}
.foshare a:nth-child(4):hover {color:#333}
.foshare a:nth-child(5):hover {color:#e70031}
.fonrig {float:right;max-width:290px;line-height:34px;text-align:right;color:#696969}
.fonrig a {color:#696969}
.fonrig a:hover {color:#007dc3}
.footbottom {clear:both;padding:20px 0px;font-size:9pt;color:#FFF;background:#007dc3;}
@media screen and (max-width:1450px){.fonav li {margin-right:25px;}}
@media screen and (max-width:1150px){.fonlef,.fonrig {width:100%;float:left}
.fonrig {text-align:left;margin-top:30px;max-width:inherit}}
.feedbackForm {max-width:1200px;margin:30px auto;padding:30px 30px 0 30px;border:1px solid #e1e1e1}
.feedbackForm #feedbackForm td {border:0}
.feedbackForm #feedbackForm tbody {display:flex;flex-wrap:wrap}
.feedbackForm #feedbackForm tr {border-bottom:1px solid #d9d9d9;border-radius:2px;box-sizing:border-box;margin-bottom:22px;font-size:15px;color:#727272;padding:0 5px;}
.feedbackForm #feedbackForm tr:nth-child(2n){width:48%}
.feedbackForm #feedbackForm tr:nth-child(2n+1){margin-right:2%;width:49%}
.feedbackForm #feedbackForm tr:nth-child(5){width:100%;margin-right:0}
.feedbackForm #feedbackForm tr:nth-child(6){width:100%;display:flex;flex-direction:column}
.feedbackForm #feedbackForm tr:nth-child(7){border:0;padding:0}
.feedbackForm #feedbackForm #SubmitContent,.feedbackForm #feedbackForm input {border:0;color:#000;box-sizing:border-box;margin:0}
.feedbackForm #feedbackForm #SubmitContent {width:100%;margin:10px 0;padding-left:0;box-sizing:border-box;font-size:14px;font-family:arial}
.feedbackForm #feedbackForm .submita {margin:0px;border:0;outline:0;background:#007dc3;border-radius:3px;color:#FFF;height:52px;font-size:.9375rem;font-weight:600;padding:0px 20px;}
.feedbackForm #feedbackForm .lable {padding:0px;line-height:1.7;height:initial;white-space:nowrap;text-align:left}
.feedbackForm #feedbackForm table {max-width:initial}
.feedbackForm #feedbackForm input {height:35px;width:100%}
.feedbackForm #feedbackForm .fsbtn {width:initial}
.feedbackForm #feedbackForm tr td:nth-child(1){flex:0 0 auto;}
.feedbackForm #feedbackForm tr td:nth-child(2){width:100%}
.rollPro1 .pbox {height:calc(100% - 40px);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e5e5e5}
.rollPro1 .pbox img {display:block}
.proty-tit {font-size:1.5625rem;border-bottom:1px dashed #d9d9d9;padding-bottom:15px;margin-bottom:10px;line-height:1.7;}
.ProTypeBody {font-size:14px;line-height:1.7;margin:10px 0;color:#8c8c8c}
img.inner-banner {clear:both;margin:0px auto;padding:0px;display:block;}



.index-service { padding: 80px 0 70px; }

@media screen and (max-width: 1219px) { .index-service { padding: 70px 0 40px; } }

@media screen and (max-width: 991px) { .index-service { padding: 50px 0 20px; } }

@media screen and (max-width: 767px) { .index-service { padding: 30px 0 10px; } }

.index-service .box-list { font-size: 0; letter-spacing: 0; }

.index-service .box-list .list-item { display: inline-block; vertical-align: top; width: 21.83333%; margin-left: 4.22222%; margin-bottom: 30px; background: #FFFFFF; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.32); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.32); -webkit-border-radius: 20px; border-radius: 20px; text-align: center; padding: 53px 15px; }

@media screen and (max-width: 1219px) { .index-service .box-list .list-item { width: 23.5%; margin-left: 2%; padding: 30px 10px; } }

@media screen and (max-width: 991px) { .index-service .box-list .list-item { padding: 20px 10px; } }

@media screen and (max-width: 767px) { .index-service .box-list .list-item { padding: 15px 8px; } }

@media screen and (max-width: 640px) { .index-service .box-list .list-item { width: 48%; margin: 0 1% 20px !important; } }

.index-service .box-list .item-pic { width: 68px; margin: 0 auto; }

@media screen and (max-width: 1219px) { .index-service .box-list .item-pic { width: 60px; } }

@media screen and (max-width: 991px) { .index-service .box-list .item-pic { width: 50px; } }

@media screen and (max-width: 767px) { .index-service .box-list .item-pic { width: 40px; } }

.index-service .box-list .item-title { margin-top: 15px; font-size: 18px; font-size: 1.8rem; line-height: 24px; font-weight: bold; }

.index-service .box-list .item-title a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

@media screen and (max-width: 991px) { .index-service .box-list .item-title { font-size: 16px; font-size: 1.6rem; margin-top: 10px; } }

@media screen and (max-width: 767px) { .index-service .box-list .item-title { font-size: 14px; font-size: 1.4rem; line-height: 20px; margin-top: 8px; } }

.index-service .box-list .item-desc { margin-top: 15px; font-size: 16px; font-size: 1.6rem; line-height: 26px; height: 78px; }

.index-service .box-list .item-desc, .index-service .box-list .item-desc a { color: #999; }

@media screen and (max-width: 1219px) { .index-service .box-list .item-desc { line-height: 24px; height: 72px; } }

@media screen and (max-width: 991px) { .index-service .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 60px; margin-top: 0; } }

@media screen and (max-width: 767px) { .index-service .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 16px; height: 48px; } }

.index-service .box-list .item-btn { margin-top: 22px; display: inline-block; min-width: 138px; line-height: 24px;   padding: 6px; -webkit-border-radius: 19px; border-radius: 19px; background-color: #F2F2F2; color: #333; text-align: center; font-size: 18px; font-size: 1.8rem; }

@media screen and (max-width: 1219px) { .index-service .box-list .item-btn { font-size: 16px; font-size: 1.6rem; min-width: 130px; padding: 5px; margin-top: 15px; } }

@media screen and (max-width: 991px) { .index-service .box-list .item-btn { font-size: 14px; font-size: 1.4rem; min-width: 110px; line-height: 20px; margin-top: 10px; } }

@media screen and (max-width: 767px) { .index-service .box-list .item-btn { font-size: 12px; font-size: 1.2rem; min-width: 90px; padding: 3px; } }

.index-title { font-family: "PlayfairDisplay-BoldItalic", arial; font-size: 56px; font-size: 5.6rem; font-weight: bold; line-height: 1; }

.index-title a { display: inline-block; position: relative; padding-right: 56px; }

.index-title a:before { position: absolute; content: ''; width: 46px; height: 4px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #EF9C73; right: 0; bottom: 5px; }

.index-title a:hover { color: #EF9C73; }


.index-service .box-list li:first-child{
	margin-left: 0px
}