﻿/* 初始化样式 */
@charset "utf-8";
.ft-bottom .flinks{display:none;}

.header{ border-bottom:none;}
.header.on{box-shadow: 0 0 13px rgba(0,0,0,.1);}
.header .logo span{margin-top: 7px;}
/*--cx-inpage-banner01--*/
.cx-banner-01{position:relative;width:100%;height:450px;background-repeat:no-repeat;background-position:center;clear:both;}
.cx-crumbs-01{font-size:15px; color:#999;/* border-bottom: 1px solid rgba(139, 139, 139, 0.2);*/ padding-top:26px; text-align:center;}
.cx-crumbs-01 a{color:#999;text-transform: uppercase;}
.cx-crumbs-01 a:after{display:inline-block;margin:0 8px;font-family:"iconfont";content:"\e88e";}
.cx-crumbs-01 a:last-child:after{display:none;}
.cx-crumbs-01 a:hover{color:#00b5ad;}
.cx-crumbs-01 span{background:url(../images/com_ic15.png) no-repeat; padding-left:34px;}
/*--end cx-inpage-banner01--*/
#banner{margin-top:23px !important;}
/* 内容区 */
.channel_content{min-height:300px; padding:100px 0 130px 0;}
.clear{clear: both;height: 0px; overflow: hidden;}
.cl{clear: both;height: 0px; overflow: hidden;}

.footer .info-contact-footer ul li{ margin-bottom: 23.8px !important;}
.footer.footer-three .inner-footer .footer-center{ padding-bottom:50px !important;}

/* 联系我们 */
.contact_us01{padding-bottom:65px;}
.contact_us01 .li_{float:left; width:32%; margin-right:2%; position:relative; border:1px solid #EEE; box-sizing:border-box; margin-bottom:35px; border-radius:15px;}
.contact_us01 .li_three{margin-right:0;}
.contact_us01 .li_box{ padding:40px 0 50px 38px;}
.contact_us01 .li_ .icon{width:64px; height:64px; margin:0 0 10px 0;}
.contact_us01 .li_ .tit{font-size:28px; line-height:30px; color:#1f1f1f; margin-bottom:18px;}
.contact_us01 .li_ .con{font-size:16px; line-height:28px; color:#444; height:56px; max-height:56px; height:56px; margin-bottom:10px;}
.contact_us01 .li_ .circle_btn span{font-size:16px; line-height:28px; color:#444; }
.contact_us01 .li_ .txt{font-size:16px; line-height:28px; color:#1f1f1f; position:relative; cursor:pointer;}
.contact_us01 .li_ .txt .pic{padding:16px; box-shadow:0 16px 16px rgb(0 0 0 / 10%); background:#fff; position:absolute; bottom:54px; left:24%; transform:translateX(-50%); display:none}
.contact_us01 .li_ .txt .pic:after{content:''; width:0px; height:0; border:12px solid transparent; border-top-color:#fff; position:absolute; left:50%; transform:translateX(-50%); top:100%}
.contact_us01 .li_ .txt .pic img{width:116px; height:116px;}
.contact_us01 .li_ .txt:hover{color:#0e4c3d;}
.contact_us02 .rect-35 img{    border-radius: 14px;}
.contact_us02 .item01{width:48.75%; float:left;}
.contact_us02 .item02{width:48.75%; float:right;}
.contact_us02 .item{position:relative;}
.contact_us02 .item .intro{position:absolute; left:0; top:0; width:100%;}
.contact_us02 .item .intro{display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.contact_us02 .item .box .tit{font-size:30px; line-height:30px; color:#fff; margin-bottom:40px; margin-top:76px;}
.contact_us02 .item .box .common_btn{padding:12px 70px 12px 30px; background:#0e4c3d;}
.contact_us02 .item .box .common_btn span.text{font-size:15px;}
.contact_us02 .item .box .common_btn span.icon{width:26px; height:10px; background-size:cover; margin-top:-5px; right:25px;}
.contact_us02 .item .box .common_btn:hover span.icon{right:15px;}
.contact_us03{padding-top:100px;}
.contact_us03 .content{margin-top:50px;}
.contact_us03 .content .inp_wrap{float:left; width:48%; margin-right:4%; margin-bottom:35px;}
.contact_us03 .content .inp_wrap_two{margin-right:0;}
.contact_us03 .content .inp_wrap label{display:block; font-size:16px; font-weight:bold; color:#02001c; margin-bottom:10px;}
.contact_us03 .content .inp_wrap label em{color:#0e4c3d; display:inline-block; margin-right:5px;}
.contact_us03 .content .inp_wrap .inp{width:100%; border:1px solid #EAEAEA; height:40px; line-height:40px; padding:0; text-indent:20px; font-size:14px; font-weight:lighter;border-radius: 8px;}
.contact_us03 .content .inp_wrap_last{width:100%;}
.contact_us03 .content .inp_wrap_last .inp{line-height:35px; height:125px; padding:20px; box-sizing:border-box; text-indent: 0;}
.contact_us03 .content .btn_wrap{text-align:center;}
.contact_us03 .content .btn_wrap .btns{display:inline-block; width:280px; height:60px;  border-radius:30px;  line-height:60px; margin:0; background:#0e4c3d; color:#fff; font-weight:bold; font-size:24px; border:none; /*transform:skewX(-20deg);*/ box-sizing:border-box; cursor:pointer;}
.contact_us03 .content .btn_wrap .btns span{display:block; transform:skewX(20deg); font-size:15px;}
.contact_us03 .content .btn_wrap .btns i{display:inline-block; padding-left:10px; transition:all 0.5s ease;}
.contact_us03 .content .btn_wrap .btns:hover i{padding-left:30px;}
.contact_us03 .infor .tit{font-size:34px; line-height:30px; color:#02001c; text-align:center; font-weight:bold;}
/* 圆形箭头按钮 */
.circle_btn{display:block;}
.circle_btn span{position:relative; display:inline-block; padding-right:58px; font-size:12px; line-height:27px; color:#a2a2a2;}
.circle_btn span:after{content:""; position:absolute; right:0; top:0; width:48px; height:27px; background:url(/skin/home/images/circle_btn.png) no-repeat center; transition:right 0.3s;}
.circle_btn:hover span:after{right:-5px;}
/* 公共按钮-白底红字 */
.common_btn{display:inline-block; position:relative; background:#0e4c3d; padding:18px 120px 18px 45px; overflow:hidden;}
.common_btn:after{content:''; display:block; position:absolute; left:0; top:0; width:110%; height:100%; transform-origin:right top; transform:translateX(-101%); transition:all .5s ease; background:#FFF;}
.common_btn span.text{display:block; transform:skewX(-10deg); font-size:18px; color:#FFF; position:relative; z-index:1;}
.common_btn span.icon{display:block; transform:skewX(-10deg); position:absolute; width:36px; height:20px; right:53px; top:50%; margin-top:-10px; background:url(../images/common_btn_jt2.png) no-repeat center; z-index:1; transition:all .5s ease}
.common_btn:hover span.text{color:#0e4c3d;}
.common_btn:hover span.icon{background:url(../images/common_btn_jt1.png) no-repeat center; right:45px;}
.common_btn:hover:after{transform:translateX(0); transform-origin:left top;}
/* 公共按钮-白底红字 */
/* 常量设置 */
.wrap{transition:all 0.5s ease;}
.Breadcrumbs{width: 100%; position: absolute; left: 0; bottom:30px; z-index: 2; font-family: 'hlw'; text-transform: capitalize;}
.Breadcrumbs .box{ margin: auto; display: flex; flex-wrap: wrap; align-items: center;}
@media (max-width: 1600px){.Breadcrumbs .box{width:94%;}}
@media (max-width: 1280px){.Breadcrumbs .box{width: 90%;}}
.Breadcrumbs .box a{color: #fff; transition: all ease-in 0.3s; font-family: 'hlw'; font-size:16px;}
.Breadcrumbs .box a:hover{color: #fff;}
.Breadcrumbs .box span{color: #fff; font-size:16px; padding:0 10px;}
/*内*/
.inside-banner{position:relative; overflow:hidden;}
.inside-banner img{display:block; width:100%}
.inside-banner .ban-info{position:absolute; text-align:center; top:49.7%; z-index:10; width:100%; color:#fff}
.inside-banner .ban-info h2{margin-bottom:10px; line-height:66px;font-weight: bold; color: #fff; font-size:42px; text-transform: capitalize;}
.inside-banner .ban-info p{font-size:20px; line-height:30px;color: #ddd;font-family: 'hlw'; font-weight:lighter;}
.inside-banner .case-ban-info{position:absolute; left:0; top:28.5%; z-index:10; width:100%; text-align:center; color:#fff}
.inside-banner .case-ban-info h2{font-size:54px; line-height:64px}
.inside-banner .case-ban-info .case-desc{margin-bottom:25px; font-size:24px; line-height:42px}
.inside-banner .feature .item{display:inline-block; vertical-align:top; *display:inline; *zoom:1; padding:0 57px}
.inside-banner .feature .center{position:relative}
.inside-banner .feature .center span{position:absolute; top:10px; bottom:16px; width:1px; background:url(../images/bk2p.png) repeat-y 0 0}
.inside-banner .feature .center .before{left:0}
.inside-banner .feature .center .after{right:0}
.inside-banner .feature h3{font-size:18px; line-height:38px; text-align:left}
.inside-banner .feature h4{font-size:90px; line-height:104px}
/* 下层导航 */
.xc_nav{height:65px; position:relative; width:100%; bottom:0; background:#f5f5f5;}
.xc_nav_box{height:65px; position:relative; z-index:4;}
.xc_nav li{float:left; height:65px}
.xc_nav .home{padding-right:33px; position:relative;}
.xc_nav .home:after{content:''; width:2px; height:12px; background:#BFBFBF; position:absolute; right:0; top:50%; margin-top:-6px;;}
.xc_nav .home .icon{display:block; width:20px; height:20px; background:url(../images/home.png) no-repeat center; background-size:cover; margin-top:23px;}
.xc_nav .li_{width:225px; font-size:14px; position:relative;}
.xc_nav .li_:after{content:''; width:2px; height:12px; background:#BFBFBF; position:absolute; right:0; top:50%; margin-top:-7px;}
.xc_nav .li_>a{padding:0 40px; height:100%; display:block; position:relative; z-index:3;}
.xc_nav .li_>a span{display:block; color:#02001c; line-height:65px;}
/* .xc_nav .li_second>a span{font-weight:bold;} */
.xc_nav .li_>a .arrow{position:absolute; top:50%; right:24px; width:21px; height:21px; margin-top:-10px; background:url(../images/xc_nav_jt.png) no-repeat center; background-size:cover;}
.xc_nav .li_ ul{opacity:0; position:absolute; top:63px; left:-1px; width:100%; background:#fff; z-index:-1; padding:15px 0; transition:all 0.2s; height:0; padding:0;}
.xc_nav .li_ ul:before{position:absolute; content:""; width:calc(100% - 22px); height:1px; background-color:#d8d8d8; top:0; left:11px; z-index:9;}
.xc_nav .li_ ul:after{position:absolute; content:""; width:100%; height:calc(100% + 64px); background-color:#fff; box-shadow:2px 3px 13px 0px rgb(0 0 0 / 17%); transition:all 0s; top:-64px; left:0; z-index:0; border:1px solid #bababa; box-sizing:border-box;}
.xc_nav .li_ ul li{width:100%; position:relative; text-align:center; padding:10px 0; position:relative; height:auto; float:none; display:none;}
.xc_nav .li_ ul li a{display:inline-block; font-size:14px; word-break:keep-all; line-height:1.5; color:#5d5d5d; letter-spacing:-0.25px;}
.xc_nav .li_ ul li.cur a{color:#0e4c3d; position:relative;}
.xc_nav .li_ ul li.cur a:after{position:absolute; content:""; width:calc(100% + 10px); height:1px; background-color:#0e4c3d; bottom:0; left:-5px;}
.xc_nav .li_ ul li a:hover{color:#0e4c3d;}
.xc_nav .li_.open ul{opacity:1; height:auto; padding:15px 0; z-index:2;}
.xc_nav .li_.open ul li{display:block; z-index:3;}
.title01 span{color:#333; display: block; font-size: 40px; font-family: 'wavehaus128';}
.title01{margin-top: 15px;display: block;font-size: 30px;color: #999;font-weight: lighter}
@media (max-width: 1440px){.title01 b{font-size: 24px}}
@media (max-width: 668px){.title01 b{font-size: 20px;font-weight: normal}}
.title01.center{text-align: center}


.contact_row3{}
.map_cont{width: 100%;height: 500px;overflow: hidden;}
.map_cont_0, .map_cont_0 iframe{width: 100%;height: 100%;}
.contact_row3_in strong{font-size: 25px;font-weight: 100;line-height:52px;display: block;text-transform: capitalize;padding-left:14px;border-left: 3px solid #0e4c3d;background: #f6f6f6;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom:12px;transition: 0.3s all ease-in-out;}
.contact_row3_in p, .contact_row3_in p span{font-size:18px;color: #565656;line-height:43px;display: block;}
.contact_row3_in p{padding-left:15px;}
.contact_row3_in p span{font-size: 16px;line-height: 29px;font-weight: normal;}
.contact_row3_in p a{display: inline-block;}
.contact_row3_in p a:hover{color: #0e4c3d;}
.contact_row3_in .col4{display: block; width:32.4%; margin-right:1.4%;}
.contact_row3 .fl > .in_contact{margin-top: 30px}
.contact_row3_in .active strong{background: #0e4c3d;color: #fff;}
.contact_row3_in .active p{color: #0e4c3d;}
.contfr{margin-right:0px !important;}
.context{width: 100%; height:90px;}
.context p{width:49%;float: left;height:68px;line-height:68px; background:#fff; margin-top:4%;}
.context p a{font-size:15px;color: #666666;display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.context p.prevNews a{margin-left: 20px;padding-left: 20px;background: url(../images/mub02_jt01.png) no-repeat left center;}
.context p.NextNews a{margin-right: 20px;padding-right: 20px;text-align: right;background: url(../images/mub02_jt03.png) no-repeat right 0 center;}
.context p.prevNews a:hover{background: url(../images/mub02_jt05.png) no-repeat left center; color:#0e4c3d;}
.context p.NextNews a:hover{background: url(../images/mub02_jt04.png) no-repeat right 0 center; color:#0e4c3d;}
.context p.NextNews{width:50%; border-left:1px solid #f5f5f5;}
.newsDetailsSection .backNewsList{width: 59px;height: 59px;display: block;position: absolute;left: -59px;top: 0;cursor:pointer; margin-top:40px;}
/*内页证书*/
.cx-photos-wrap{padding:80px 0 0 0;clear:both;overflow:hidden;  text-transform: capitalize;}
.cx-photos-list{margin:-15px;overflow:hidden;}
.cx-photos-list .item{float:left;margin: 15px 1%;width: calc(23.5% - 10px);border-radius:5px;/*box-shadow:0 0 10px rgba(0,0,0,0.1); border: #f0f0f0 solid 1px;*/}
.cx-photos-list .pic{overflow:hidden; border: 1px solid #efefef;}
.cx-photos-list .pic img{display:block;width:100%;transition:all 1s;}
.cx-videos-list .pic a{display:block;position:relative;}
.cx-videos-list .pic a:after{display:block;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);transition:all 0.5s;}
.cx-videos-list .pic a:before{display:block;position:absolute;z-index:3;left:50%;top:50%;font-size:36px;color:#fff;font-family:'iconfont' !important;content:"\e618";transform:translate(-50%,-50%);transition:all 0.5s;}
.cx-photos-list .text{width:100%;text-align:center;overflow:hidden;line-height:60px;}
.cx-photos-list .text h3{font-size:17px;color:#333; height:50px; overflow:hidden; font-weight:normal; text-overflow:ellipsis;white-space:nowrap;}
.cx-photos-list .text h3 a{color:#333;}
.cx-photos-list .text p{line-height:24px;font-size:16px;color:#666;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
.cx-photos-list .item:hover .pic img{transform:scale(1.1);}
.cx-photos-list .item:hover .text h3 a{color:#e91e2e;}
.cx-videos-list .item:hover .pic a:after{background-color:rgba(0,0,0,0.2);}
.cx-photos-list.hzhb{margin:-10px;}
.cx-photos-list.hzhb .item{margin:10px 10px;width:calc(16.66% - 20px);}
@media(max-width:1200px){.cx-photos-wrap{padding:40px 10px;} .cx-photos-list{margin:-10px;} .cx-photos-list .item{margin:10px;width:calc(50% - 20px);}}
@media(max-width:750px){.cx-photos-list{margin:0;} .cx-photos-list .item{margin: 0 1% 2% !important;width: 48% !important;} .cx-photos-list .text h3{font-size:14px;}}
.h40{height:40px; overflow:hidden;}
/* 客户分类 */
.khflbox{position: relative; display: flex; flex-wrap: wrap;}
.khflboxdw{position: absolute; left: 0; bottom: 4px; width: 100%; height: 60px; background-color: #f1f1f1; z-index: -1;}
.khflbox .khflbox_item{background-color: #f1f1f1; width:16.5%; height: 60px; line-height: 60px; font-size:20px; color: #333333; text-align: center; margin-bottom:54px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.khflbox .khflbox_item:hover{background-color: #0e4c3d; color: #fff;}
.khflbox .khflbox_item.cur{background-color: #0e4c3d; color: #fff;}
.fanrqbox_rbox .content table{padding:2% 0 4% 0;}


/* 内页标语 */
.nyby{height: 290px; display: flex; align-items: center; }
.nyby_txt{width: 100%; text-align: center; margin-bottom:50px;}
.nyby_txth{font-size:50px; color: #0e4c3d; text-transform: uppercase; font-weight:bold; font-family: Microsoft YaHei;}
.nyby_txtp{font-size: 30px; color: #333333;}

