@charset "utf-8";
#header { border-bottom: .1rem solid #f5f5f5; }
/* 二级菜单 */
.sub-menu { border-bottom:1px solid #dadbdd; background:#fff; font-size: .24rem; line-height: .4rem; text-align:center; }
.sub-menu a { display:inline-block; padding:.13rem .2rem; }
.sub-menu .z-cur { border-bottom: 2px solid #307acf; }

.box-isd .hd { border-bottom:10px solid #f2f2f2; background:#fff; }
.box-isd .hd h2 { border-right:0; background:#fff; color:#1e1201; }
.box-isd .hd .col { float:right; height:24px; margin:15px 5px 0 0; padding:0 20px; line-height:24px; border-radius:3px; border:1px solid #ddd; text-align:center; }
.box-isd .hd .col a { color:#333; }

/* 内容 */
.article { padding:.2rem; line-height:2; word-wrap:break-word;  }
.article .mt { text-align:left; }
.article .mt h1 { padding:5px 0 0; font-size:20px; line-height:26px; font-weight:100; }
.article .mt .titBar { padding:4px 0; border-bottom:1px dashed #e1e0e0; color:#777; font-size:12px; line-height:24px; }
.article .mc { padding:3% 0; font-size:13px; word-wrap:break-word; }
.article .mc img { max-width: 100%; }

/* 分页 */
.page { padding: .2rem; text-align: center; }
.page a { display: inline-block; padding: 4px 8px; border-radius:3px; background:#778dd6; color:#fff; line-height: 1.5; vertical-align:top; }
.page .current { background:#f60; }

.pager-next-pre { display:table; width:100%; text-align:center; }
.pager-next-pre a { float:left; width:50%; padding:8px 0; background:linear-gradient(#eee,#ddd); display:table-cell; }
.pager-next-pre .btn_next { background:#000; background:linear-gradient(#313231,#101110); color:#fff; }

/* 二级菜单 */
.m-menu { position:fixed; top:0; right:-50%; width:45%; height:100%; padding:7% 5%; background:#fff; z-index:99; opacity:0; overflow:auto; }
.m-menu .site-nav { min-height:400px; overflow-y:auto; }
.m-menu dl dt { margin-bottom:8px; padding:0 8px 10px; border-bottom:1px solid #ddd; line-height:24px; }
.m-menu dl dt a { color: #333; }
.m-menu dl dt a:hover,.m-menu dl dt .current { color: #f60; }
.m-menu dl dd { padding: 0 5px 10px 24px; background:url(../images/iFCB_sort_ico.png) no-repeat 10px 7px; line-height:24px; }
.m-menu dl dd a { color: #333; }
.m-menu dl dd a.current { color: #f60; }

/*Form*/
.form-panel { margin: 0; }
.form-panel h4 { margin-bottom: 10px; padding: 2px 20px; background: #eee; line-height: 30px; }
.form-panel .tips { padding: 10px 0; color: #cc3732; font-weight: bold; font-size: 14px; text-align:center; }
.form-panel .field { clear: both; }
.form-panel .input { padding: 5px 0; color: #666; zoom: 1; }
.form-panel .field:after { content: '\20'; display: block; height: 0; clear: both; }
.form-panel .text { width:93%; height: 20px; padding: 2% 3%;  border-radius: 3px; border: 1px solid #ddd; background: #f6f6f6; font-size: 14px; vertical-align:top; }
.form-panel .textarea { width:93%; height: 120px; padding: 2% 3%;  border-radius: 3px; border: 1px solid #ddd; background: #f6f6f6; color: #666; vertical-align:top; }
.form-panel .submit-field { padding: 0; clear: both; }
.form-panel .btn-submit { width: 100%; height: 44px; border: 0; border-radius: 3px; background: #0052a5; color: #fff; font-size: 14px; line-height: 44px; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}textarea { -webkit-appearance: none;} 

.hr {padding:0 1%;}
.hr-list { margin-bottom: 10px; padding: 10px 0 0; }
.hr-list .title { padding: 2px 20px; background: #efefef; font-weight: bold; line-height: 22px; }
.hr-list .title span { float: right; color: #333; font-weight: 100; }
.hr-list .info { padding: 5px 10px; line-height: 24px; }
.hr-list .apply { padding: 5px; text-align: right; }
.hr-list .apply a { color: #ba0012; }

/*sitemap网站地图*/
.webmap dl dt {margin: 5px 0;padding-left: 18px;background: url(../images/ico_05.gif) 3px center no-repeat;font-size: 16px;line-height: 2;}
.webmap dl dd {padding-left: 18px;}
.webmap dl dd a {float: left; display: block; margin-right: 10px; margin-bottom: 5px; padding: 0 10px; background: #eee; font-size: 14px; line-height: 2; white-space: nowrap;}
.webmap dl dd a:hover{ background:#0052a5; color:#fff;}


.case { padding-bottom: .5rem; }

.case-list { padding: .2rem .14rem; }
.case-list li { float: left; width: 50%; padding: 0 .06rem; }
.case-list li .info { position: relative; padding: .15rem 0; }
.case-list li .info h4 { font-weight: normal; font-size: .26rem; line-height: .44rem; }
.case-list li .info .txt { min-height: .36rem; line-height: .36rem; opacity: .5; }
.case-list li .info:after { position:absolute; top:50%; right:.2rem; width:.24rem; height:.08rem; margin-top: .15rem; background:url(z6.png) no-repeat; background-size:contain; content:"" }

.caseListMore {display:block;cursor:pointer;transition:.3s; width:3rem;height:.7rem;border-radius:.05rem;margin:.1rem auto 0;background:#f5f5f5 url(caseListMore.png) no-repeat center; }


.news { padding-bottom: .5rem; }

.news-list { padding: .2rem .2rem; }
.news-list li { padding: .2rem 0; }
.news-list li .pic { float: left; width:40%; margin-right: .2rem; }
.news-list li .info { position: relative; display: block; overflow: hidden; padding: 0 0; }
.news-list li .info h4 { font-weight: normal; font-size: .3rem; line-height: .6rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news-list li .info .txt { max-height:.72rem; font-size: .24rem; line-height: .36rem; opacity: .5; overflow:hidden; }




.g-col .g-in {padding:5%;}
.g-col .g-hd {text-align:center;text-align:center;}
.g-col .g-hd h2 {color:#000;font-size:22px;line-height:44px;padding:3% 0;display:inline-block;zoom:1;}
.g-col .g-hd h3 {margin-bottom:15px;font-size:14px;font-weight:normal;line-height:26px;}
.g-col .g-hd .desc {padding:3% 0;color:#666;line-height:24px;text-align:left;}
.g-col .g-hd .desc p {padding:1% 0;}
.btn {width:108px;margin:0 auto;font-size:14px;line-height:40px;}
.btn a {display:block;width:108px;height:40px;background:#f60;color:#fff;}
.s-grey {background:#f5f5f5;}

/* 通用案例 */
.m-case { padding-bottom: 3%; text-align:center; }
.m-case dl { float:left; width:48%; border:1px solid #ddd; margin:0 1% 3%; box-shadow:0 2px 2px #e4e4e4; background:#fff; overflow:hidden; }
.m-case dl dt {}
.m-case dl dd.u-name{font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.m-case dl dd { height: 36px; padding:6px 8px; line-height:24px; }
.m-case dl dd a:hover { color:#f60; }
.m-case dl dd span { color:#585858; }
.m-case dl .u-desc { overflow:hidden;border-top:1px solid #eee;background:#fafafa }

/* 通用合作 */
.yxxwz-client{ text-align:center; }
.yxxwz-client li { width:50%;float:left;padding:0 0 10px; margin:0 -1px;text-align:center;}
.yxxwz-client li img{display:block;margin:0 auto 10px;}

/* 分页 */
.more { margin:0 3% 3%; display:block; background:#eee; line-height:45px; text-align:center; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #f5f5f5!important; }

.xx { display: block; margin: 2em auto 0; text-align: center; }
.xts { padding: 3em 0; background: url(wz/x3.png) center no-repeat; text-align: center; color: #fff; }
.xts1 { font-size: 25px; }
.xts2 { font-size: 14px; }

.ats { position: relative; top: -20px; width: 90%; margin: 0 auto; padding: 8%; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.25); z-index: 2; }
.ats ul li {position: relative;height: .7rem;padding: .1rem 0;margin-bottom: .2rem;width: 100%;border-radius: 2rem;background: #f5f5f5;line-height: .7rem;}
.ats ul li label {float: left;position: relative;width: 20%;height: .5rem;text-align: right;/*background-size: 20%;*/}
.ats ul li label:after { content: ""; position: absolute; right: 0; top: 2px; bottom: 2px; width: 0; border-right: 1px solid #b4b4b4; }
.ats ul li label img { display: block; width: 18px; margin: 0 auto; }
.ats-i4 { position: absolute; right: 5%; top: 50%; display: block; width: 17px; height: 9px; background: url(wz/x7.png) center no-repeat; background-size: 90%; transform: translateY(-50%); }
.ats ul li .xinput {float: left;width: 80%;height: .5rem;padding-left: 5%;border: 0;background: none;font-size: .2rem;-webkit-appearance:none;outline: none;line-height: .5rem;}
.ats-btn { display: block; width: 100%; margin: 1em auto; border: 0; background: none; outline: none; }
.ats-p { color: #e50f33; text-align: center; font-size: 14px; }

@media screen and (max-width: 500px){
	.ats ul li label{background-size: 30%;}
}
#expressArea { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*选择地区*/
.express-area { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: .25rem; margin-bottom: .25rem; background-color: #fff; }
.express-area a { display: block; padding: .5rem; background: url(../js/larea/link-arrow.png) no-repeat 98% 50%; background-size: .55rem .55rem; }
.express-area dl { position: relative; line-height: 1.2rem; color: #4d525d; }
.express-area dl dt { position: absolute; top: 0; left: 0; font-size: .7rem; line-height: 1.2rem; }
.express-area dl dd { padding-top: .1rem; padding-right: .8rem; margin-left: 3.5rem; text-align: justify; font-size: .65rem; line-height: 1rem; }

@media (min-width: 721px) and (max-width: 1300px) {
	.express-area a { padding: .3rem; }
	.express-area dl dt { font-size: .5rem; line-height: 1rem; }
	.express-area dl dd { padding-right: .6rem; margin-left: 3rem; font-size: .4rem; line-height: .8rem; }
}

/*选择地区弹层*/
.express-area-box { position: absolute; bottom: -100%; left: 50%; z-index: 100; width: 320px; margin-left: -160px; background-color: #fff; color: #4d525d; }
.express-area-box header { position: relative; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.express-area-box header h3 { margin: 0 1.675rem; text-align: center; font-size: .8rem; line-height: 2.25rem; }
.express-area-box header .back,
.express-area-box header .close { position: absolute; top: 0; width: 1.675rem; height: 2.25rem; }
.express-area-box header .back { display: none; left: 0; background: url(../js/larea/back.png) no-repeat center;   background-size: .45rem .75rem; }
.express-area-box header .close { right: 0; background: url(../js/larea/close-area.png) no-repeat center; background-size: .675rem .675rem; }
.express-area-box article { height: 250px; overflow-y: scroll; }
.area-list li { padding: .5rem; border-bottom: 1px solid #e2e2e2; text-align: justify; font-size: .7rem; line-height: 1.25rem; }

@media (min-width: 721px) and (max-width: 1300px) {
.express-area-box { width: 224px; margin-left: -112px; }
.express-area-box header h3 { font-size: .7rem; line-height: 1.7rem; }
.express-area-box header .back,
.express-area-box header .close { height: 1.7rem; }
.express-area-box article { height: 120px; }
.area-list li { padding: .3rem; font-size: .6rem; line-height: 1rem; }
}

@media (max-width: 720px) {
	.express-area-box { position: fixed; left: 0; width: 100%; margin-left: 0; }
}

/*遮罩层*/
.mask { display: none; position: absolute; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
@media (max-width: 720px) {
	.mask { position: fixed; }
}

.we-ab { text-align:center; padding-bottom:.4rem; }
.we-ab .ab-title { padding-top:.4rem}
.we-ab .ab-title h3 {font-size:.4rem;margin-bottom:.15rem;color:#646464; }
.we-ab .ab-title p {font-size:.3rem;margin-bottom:.3rem;color:#bf3133}
.we-ab .ab-title i {display:block;width:.46rem;height:1px;margin:0 auto .3rem;background-color:#c5c5c5}

.tabShow { position:relative; transition:.6s; height:6rem; padding:0 .4rem; overflow:hidden; }
.tabShow .intro { padding-top:.2rem; font-size:.26rem; color:#606060; position:relative; display:inline-block; }
.tabShow .intro.aboutUsIntro { transition:.6s; height:6rem; }
.tabShow .intro.aboutUsIntro .txt { margin:auto; position:relative; margin-bottom: .4rem; }
.tabShow .intro.aboutUsIntro .weImg { display:block; width:55%; margin:0 auto .5rem; }
.tabShow .intro .slideDown { margin:0 auto; position:relative; display:block; border-radius:50%; width:.5rem; height:.5rem; transition:.3s; background-color:#c33132; text-indent:100%; white-space:nowrap; }
.tabShow .intro .slideDown:after { animation:cd-pulse 2s infinite; content:''; position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; border-radius:inherit; background-color:transparent; }
.tabShow .intro .slideDown .ico-1 {height:.3rem;width:2px;}
.tabShow .intro .slideDown .ico-2 {height:2px;width:.3rem;}
.tabShow .intro .slideDown i { position:absolute; left:50%; top:50%; bottom:auto; right:auto; transform:translateX(-50%) translateY(-50%);background-color:#ffffff; transition:transform 0.3s; }
.tabShow .subIntro { transition:1s; opacity:0; visibility:hidden; overflow:hidden; position:absolute; width:100%; padding:0 .4rem; left: 0; top:-8.6rem; height:8.6rem; line-height:.44rem; font-size: .24rem; text-align:center; text-align: justify; }
.tabShow.current .subIntro { opacity:1; visibility:visible; top:0; }
.tabShow.current { height:8.6rem; }
.tabShow.current .aboutUsIntro { height:0; opacity:0; transform:scale(.7); visibility:hidden; }
.tabShow .intro .slideDown:hover {-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.tabShow .slideMore:hover {-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.tabShow.current .slideMore {}
.tabShow .slideMore { transform:rotate(45deg); position:relative; display:block; margin:.1rem auto 0; width:36px; height:36px; background:url(slideDown.png) no-repeat; background-size: contain; transition:.3s; }

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(234, 74, 85, 0.8);
    }
    50% {
        box-shadow: inset 0 0 1px 1px rgba(234, 74, 85, 0.8);
    }
    100% {
        -webkit-transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(234, 74, 85, 0);
    }
}
@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(234, 74, 85, 0.8);
    }
    50% {
        box-shadow: inset 0 0 1px 1px rgba(234, 74, 85, 0.8);
    }
    100% {
        -moz-transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(234, 74, 85, 0);
    }
}
@keyframes cd-pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(234, 74, 85, 0.8);
    }
    50% {
        box-shadow: inset 0 0 1px 1px rgba(234, 74, 85, 0.8);
    }
    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
        transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(234, 74, 85, 0);
    }
}


.title .hd {padding-top: .3rem;padding-bottom: .4rem;text-align: center;}
.title .hd h2 {color: #333;font-size: .5rem; line-height: 1rem; font-weight: normal;}
.title .hd p {padding-left: .6rem; padding-right: .6rem;color: #a1a1a1; font-size: .24rem;line-height: .4rem; text-transform: uppercase;}