@charset "utf-8";
/* CSS Document */

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#60c1ee;}

/* css */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
/*--*/
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
/*--*/
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.container1{position:relative;min-width:320px;width:100%;max-width:1680px;margin:0 auto;}
/*--*/
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
/*--*/
.pd60{padding:60px 0;font-size:.875em;overflow:hidden;}
.pd70{padding:70px 0;font-size:.875em;overflow:hidden;}
.pd90{padding:90px 0;font-size:.875em;overflow:hidden;}
.pd100{padding: 80px 0;font-size:.875em;overflow:hidden;}
.mb40{margin-bottom:40px;}
/*--*/
.font14{font-size:.875em;}
.font16{font-size:1.286em;}
.gray{background:#efefef;}
/*--*/
.dis-m { vertical-align: middle; }
.dis-t, .dis-m, .dis-b {display: inline-block;}
.text-center {text-align: center;}
/*--*/
.flex {display: flex;}
.flex-between {justify-content: space-between;}
.flex_r {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.flex_rc {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
.flex_rr {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;}
.flex_ra {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;}
.flex_cc{display:flex;flex-direction: column;align-items:center;justify-content : center;}
/* css */

/* xl-title */
.xl-titlel {text-align: left;}
.xl-titlel .til {font-size:42px;color: #212529;padding-bottom: 10px;}
.xl-titlel .con {font-size: 18px;color: #212529;margin-bottom: 50px;}
/*--*/
.xl-titlew {text-align:center;}
.xl-titlew .til {font-size:42px;color: #fff;padding-bottom: 10px;}
.xl-titlew .con {font-size: 18px;color: #fff;margin-bottom: 50px;}
/*--*/
.xl-title {text-align:center;}
.xl-title .til {font-size:42px;color: #212529;padding-bottom: 10px;}
.xl-title .con {font-size: 18px;color: #666;margin-bottom: 50px;}
/* xl-title */

/* header */
.header { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100px; line-height: 100px; padding: 0 50px;  -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.header .logo { color: #fff; font-size: 0; }
.header .logo .img2 { display: none; }
.header .logo .slogan {font-size: 16px;color: rgba(255, 255, 255, .8);display: inline-block;line-height: 26px;vertical-align: middle;margin-left: 15px;margin-top: 2px;}
.header .logo .slogan em {display: block;font-size: 20px;color: #fff;font-style: normal;}
.header .logo .slogan b{ font-weight:normal; text-align:center;display: block;}
.header .width {overflow: visible;position: static;width: 79%;max-width: 1500px;position: relative;z-index: 2;margin: 0 auto;padding-left: 10px;padding-right: 10px;overflow: hidden}
/*--*/
.header .nav{ padding:0 4.5% 0 0.5%;}
.header .nav>li {float: left;font-size: 0;padding: 0 8px;}
.header .nav>li>a {position: relative;display: inline-block;font-size: 18px;color: #fff;}
.header .nav>li>a:before {content: " ";left: 0;bottom: 0;width: 100%;height: 2px;display: none;position: absolute;background: #fff;}	
.header .nav>li>a.on:before	{ display:block;}
.header .nav>li.on>a:before, .nav>li>a:hover:before { left: 0; width: 100%; display:block;}
.header .nav li .sub-menu, .header-right span .sub-menu {transition: 0.5s ease 0s;transform-origin: top;opacity: 0;transform: scale(1, 0);overflow: hidden;background: #f5f5f5!important;left: 0;z-index: 2;padding: 30px 15px;position: absolute;width: 100%;font-size: 0;box-shadow: 0 3px 3px -1px #ccc;}
.header-right span .sub-menu {padding: 15px;text-align: center;}
.header .nav li > a:after {content: '';display: block;width: 0;height: 1px;position: relative;margin-top: -15px;transition: all .5s;}
.nav li:hover > a:after {width: 100%;}
.nav li:hover .sub-menu, .header-right span:hover .sub-menu {transform: scale(1);opacity: 1;}
.nav > ul > li > a.on {color: #f08300;}
.nav li .item1 {width: 20%;padding: 0 20px 0px 20px;height: 230px;}
.nav li .item1 h3 {font-size: 18px;height: 36px;line-height: 36px;margin-bottom: 8px;}
.nav li .item1 a.content {font-size: 16px;font-weight: 100;width: 48%;padding: 0;line-height: normal;text-align: left;display: inline-block;margin: 1%;float: left;}
.nav li .item1 h3 a {width: 100%;font-size: 18px;font-weight: bold;color: #333;}
.nav li .item1 h3 a:hover{ color:#3faae7;}
.nav li.cate-2 .item1 {width: 24%;}
.nav li .item1.empty {border: none;padding: 0;margin: 0;}
.nav li .item1 img {margin-bottom: 5px;}
.nav li .item1 span{font-size: 14px;height: 26px;line-height: 22px;display: block;}
.nav li .item6 {width: 25%;padding: 0 20px 0px 20px;height: 250px;}
.nav li .item6 .navy {float: left;overflow: hidden;line-height: 36px;text-align: center;font-size: 16px; margin-bottom:8px;}
.nav li .item6 .navy a{ color:#191919;}
.nav li.cate-2 .item6 {width: 24%;}
.nav li .item6.empty {border: none;padding: 0;margin: 0;}
.nav li .item6 img {margin-bottom: 5px;}
.nav li .item6 span{font-size: 14px;height: 26px;line-height: 22px;display: block;}
.nav li .item6 h3 {font-size: 18px;height: 36px;line-height: 36px;margin-bottom: 14px;}
.nav li .item6 a.content {font-size: 16px;font-weight: 100;width: 48%;padding: 0;line-height: normal;text-align: left;display: inline-block;margin: 1%;float: left;}
.nav li .item6 h3 a{width: 100%;font-size: 18px;font-weight: bold;color: #333;}
.nav li .item6 h3 a:hover{ color:#3faae7;}
/*--*/
.nav li .item7 {width: 26%;padding: 0 20px 0px 0px;height: 230px;border-right: solid 1px #dedddd;margin-right: 50px;}
.nav li .item7:last-child{border-right:none;}
.nav li .item7:nth-child(3){border-right:none;}
.nav li .item7 .navy {float: left;overflow: hidden;line-height: 36px;text-align: left;font-size: 16px; margin-bottom:8px; width:100%;}
.nav li .item7 .navy a{ color:#191919;}
.nav li.cate-2 .item7 {width: 24%;}
.nav li .item7.empty {border: none;padding: 0;margin: 0;}
.nav li .item7 img {margin-bottom: 5px;}
.nav li .item7 span{font-size: 14px;height: 26px;line-height: 22px;display: block;}
.nav li .item7 h3 {font-size: 17px;height: 36px;line-height: 36px;margin-bottom: 14px;}
.nav li .item7 a.content {font-size: 16px;font-weight: 100;width: 48%;padding: 0;line-height: normal;text-align: left;display: inline-block;margin: 1%;float: left;}
.nav li .item7 h3 a{width: 100%;font-size: 18px;font-weight: bold;color: #333;}
.nav li .item7 h3 a:hover{ color:#3faae7;}
/*--*/
.header-right {float: right;height: 80px;text-align: right;position: relative;padding-right:30px;padding-top: 10px;}
.header-right span {display: block;width: max-content;height: 80px;line-height: 80px;float: left;padding: 0 26px;color: #999;position: relative;}
.header-right span a {color: #fff;font-size: 16px;}
.header-right .qd {background: url(../images/qd.png) no-repeat 1px center;}
.header-right .ysc {background: url(../images/ysc.png) no-repeat 1px center;}
.header-right .hy {background: url(../images/hy.png) no-repeat 1px center;}
.header-right span a:hover {color: #3faae7 !important;}
/*--*/
.header.inner .header.inner .header-right li .tel-box, .header.headFix .header.inner .header-right li .tel-box { background: rgba(47, 113, 214, .7); }
.header.inner, .header.headFix { background: rgba(255, 255, 255, .95); }
.header.inner .logo .slogan, .header.headFix .logo .slogan { color: #81868e; }
.header.inner .logo .slogan em, .header.headFix .logo .slogan em { color: #262626; }
.header.inner .nav>li>a, .header.headFix .nav>li>a,.header.headFix .header-right span a { color: #595959; }
.header.inner .nav>li.on>a, .header.inner .nav>li>a:hover, .header.headFix .nav>li.on>a, .header.headFix .nav>li>a:hover { color: #f08300; }
.header.inner .nav>li>a:before, .header.fixed .nav>li>a:before { border-color: #f08300; }
.header.fixed .nav>li>a:before{ display:none;}
.header.inner .logo .img1, .header.headFix .logo .img1 { display: none; }
.header.inner .logo .img2, .header.headFix .logo .img2 { display: inline-block; }
.header.headFix .header-right .qd {background: url(../images/qd1.png) no-repeat 1px center;}
.header.headFix .header-right .ysc {background: url(../images/ysc1.png) no-repeat 1px center;}
.header.headFix .header-right .hy {background: url(../images/hy1.png) no-repeat 1px center;}
.header.headFix .nav>li>a.on{color: #f08300;}
.header.headFix .nav>li>a.on:before{background:#f08300;}
/* header */

/* navTrigger */
.navTrigger{margin-top: 53px; width: 28px; overflow: hidden; white-space: nowrap; color: transparent; z-index: 20; cursor: pointer; display: none; margin-left: 40px;}
.navTrigger span{display:block;height:2px;background:#fff;margin-bottom:6px;transition:all 0.3s; -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
/* navTrigger */

/* banner */
.banner{position:relative;overflow:hidden;}
.banner .swiper-slide{position: relative;}
.banner .pic{width: auto;}
.banner .wap{display:none;}
.banner .txt{position:absolute;left:9%;top:50%;z-index:10;opacity:0;transition:all .8s;transform:translateY(-60%);}
.banner .swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination{bottom:50px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:12px;height:12px;border:1px solid #fff;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.leftUp .pic{-webkit-animation-name:leftUp;animation-name:leftUp;}
.banner .swiper-slide-active .txt{ opacity:1;transform:translateY(-38%);}
.banner .swiper-slide img{transition: all 5s ease-out;-webkit-transition: all 5s ease-out;-o-transition: all 5s ease-out;-moz-transition: all 5s ease-out;-ms-transition: all 5s ease-out;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.banner .swiper-slide.active .pic{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
/* banner */

/* xl-total */
.xl-total{font-size:0.938em;overflow:hidden;position:relative;}
.xl-total::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:650px;background:#f5f5f5;visibility: inherit;}
.hTitle2{background-position:center bottom;text-align:center;}
.totalMenu{display:flex;max-width:1040px;margin:0 auto;font-size:1.467em;margin-bottom: 30px;justify-content: space-between;margin-top: 20px;}
.totalMenu a{position:relative;color:#191919;}
.totalMenu a::after{content:"";position: absolute;left:0;bottom:-10px;width:100%;height:2px;background:#3faae7;transform: scale(0,1);transform-origin: right;transition: transform .5s;}
.totalMenu .on,.totalMain .txt h4 a:hover{color: #3faae7;}
.totalMenu .on::after{transform: scale(1);transform-origin:left;}
.totalMain{padding-top: 40px;overflow:hidden;}
.totalMain .pic{float:left;width:50%;height:510px;display: block;overflow:hidden;} 
.totalMain .txt{float:left;width:50%;background:#fff;height:510px;padding:3% 6%;}
.totalMain .txt h4{font-size:2.4em;margin-bottom:20px;}
.totalMain .txt h4 a{color:#333;}
.totalMain .txt p{line-height:1.6;height:120px;overflow:hidden;margin-bottom:15px;}
.totalMain .list{margin-right:-30px;}
.totalMain .list li{float: left;width:50%;padding-right:30px;}
.totalMain .list li .pImg{padding-top:64%;}
.totalMain .list li p{text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:10px;height:auto;margin-bottom:0;}
.totalMain .list li:hover img{transform: scale(1.1);}
/* xl-total */

/* news */
.homeNew{ position:relative;}
.homeNewLeft{ float:left; width: 48.63%; background-color:#fff;}
.apply ul{margin-right:-10px;}
.apply li{float:left;width: 50%;padding-right:10px;margin-bottom: 25px;}
.apply li a{display: block;position:relative}
.apply li .pImg{padding-top: 0;background:#000;}
.apply li img{opacity:.7;height:255px;position: relative;}
.apply li h4{font-size: 18px;color: #333;text-align: center;margin-top: 10px;background: url('../images/video_btn.png') no-repeat center bottom;transition:all .5s;font-weight:normal;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.apply li .txt{position: absolute;left:0;width:100%;text-align:center;padding:0 8%;top:50%;color:#fff;opacity:0;transition:all .5s;}
.apply li .more{display:inline-block;width:120px;height:32px;line-height:32px;border:1px solid #fff;border-radius:18px;margin-top:25px;}
.apply li a:hover img{transform: scale(1.1);opacity:.3;}
.apply li .playFlag {position: absolute;bottom: 7px;left: 20px;width: 66px;height: 66px!important;position: absolute;left: 50%;top: 50%;margin: -30px;z-index: 2;display: block;color:#fff;font-size:60px;}
/*--*/
.homeNewRight{float: right;width: 48.63%;}
.homeNewRight ul{}
.homeNewRight ul li{/* padding-bottom: 2.8%; */border: solid 1px #e5e5e5;margin-bottom: 13px;}
.homeNewRight ul li:last-child{padding-bottom:0;}
.homeNewRight ul li a{float: left;width: 100%;background-color: #fff;padding: 2.8169%;}
.homeNewRight ul li a .newRightPicture{float: left;width: 240px;height: 145px;overflow: hidden;margin-right: 20px;}
.homeNewRight ul li a .newRightPicture .img2{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; height:100%;}
.homeNewRight ul li a:hover .newRightPicture .img2{transform: scale(1.09,1.09);-ms-transform: scale(1.09,1.09);-webkit-transform: scale(1.09,1.09);-o-transform: scale(1.09,1.09);-moz-transform: scale(1.09,1.09);}
.homeNewRight ul li a .newRightPad{padding-left: 10px;}
.homeNewRight ul li a .newRightPad h3{color: #333333;font-size: 18px;font-weight: bold;margin-left: 20px;}
.homeNewRight ul li a:hover .newRightPad h3{ color: #1e509b;}
.homeNewRight ul li a .newRightPad .padText{margin: 12px 0;color: #666666;font-size: 16px;line-height: 30px;overflow: hidden;margin-left: 20px;}
.homeNewRight ul li a .newRightPad .padMore{margin-top: 20px;}
.homeNewRight ul li a .newRightPad .padMore .newMoreLeft{ float: left; color: #999999; font-size:12px;}
.homeNewRight ul li a .newRightPad .padMore .newMoreRight{ float: right;}
.homeNewRight ul li a .newRightPad .padMore .newMoreRight span{ float: left; color: #999999; font-size: 12px; text-transform: uppercase; }
.homeNewRight ul li a:hover .newRightPad .padMore .newMoreRight span{ color: #1e509b;}
.homeNewRight ul li a .newRightPad .padMore .newMoreRight b{ float: left; width: 30px; height: 7px; margin: 6px 0 0 10px; line-height: 0; overflow: hidden;}
.homeNewRight ul li a .newRightPad .padMore .newMoreRight b .imgs{}
.homeNewRight ul li a .newRightPad .padMore .newMoreRight b .imgd{ display: none;}
.homeNewRight ul li a:hover .newRightPad .padMore .newMoreRight b .imgs{ display: none;}
.homeNewRight ul li a:hover .newRightPad .padMore .newMoreRight b .imgd{ display: block;}
/* news */

/* xl-actual */
.xl-actual{padding:66px 0 76px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.xl-actual .list{margin:0 -37px;font-size:0;overflow:hidden}
.xl-actual .list li{display:inline-block;vertical-align:top;width:33%;}
.xl-actual .list .con{margin:0 37px;text-align:center}
.xl-actual .list .icon1{display:block;width:60px;height:60px;background-repeat:no-repeat;background-position:center center;margin:0 auto 14px}
.xl-actual .list .num{font-size:50px;color:#fff;line-height:52px;margin-bottom:8px;font-family:Arial;font-weight:700}
.xl-actual .list .num em{font-weight:700}
.xl-actual .list p{font-size:16px;color:rgba(255,255,255,.6)}
/* xl-actual */

/* pagination */
.pagination{padding:25px 0 0 25px;text-align:center;overflow:hidden;}
.pagination a{font-size: 16px;line-height: 40px;display:inline-block;height: 40px;padding: 0 20px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;margin-left:2px;}
.pagination a.a1{line-height:30px;height:30px;margin-top:0;padding:0 12px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height: 40px;display:inline-block;height: 40px;padding: 0 20px;text-align:center;color:#fff;margin-left:2px;background:#3faae7;color:#fff;border:1px solid #3faae7;}
/* pagination */

/* xl-consult */
.xl-consult{width: 100%;overflow: hidden;background-color: #0f8acf;padding: 60px 0;border-bottom: 1px solid #1a95da;}
.xl-consult .box{width: 1280px;margin: 0 auto;}
.xl-consult .box .left{width: 50%;float: left;font-size: 36px;height: 54px;color: #fff;overflow: hidden;font-weight: bold;}
.xl-consult .box .right{width: 30%;float: right;height: 54px;overflow: hidden;border-bottom: 1px solid #fff;line-height: 54px;text-align: right;position: relative;}
.xl-consult .box .right>a{font-size: 16px;color: #fff;display: inline-block;}
.xl-consult .box .right>a:before{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background-color: #fff;transition: all .4s;}
.xl-consult .box .right>a:hover:before{width: 100%;}
.xl-consult .box .right>a i{width: 7px;height: 11px;display: inline-block;vertical-align: middle;background-repeat: no-repeat;background-image: url('../images/footer_arrow.png');margin: -2px 0 0 10px;transition: all .6s;}
.xl-consult .box .right>a:hover i{	margin: -2px 0 0 14px;}
/* xl-consult */

/* footer */
.footer{background-color: #222222;padding-top: 60px;}
.footer .contact{float:left;padding: 22px 40px 56px 20px;border-right: 1px solid #353333;}
.footer .contact .logo{width:220px; }
.footer .contact .address{margin: 25px 0 20px 0;}
.footer .contact .address .H4{font-size: 44px;color: #fff;font-family: Arial;line-height: 40px;}
.footer .contact .address .H5{font-size: 16px;color: #777;line-height: 36px;}
.footer .share .list{width: 40px;height: 40px;border-radius: 50%;margin-right: 24px;position: relative;float:left;border: 1px solid #353333;opacity: .7;}
/*--*/
.footer .nav{margin-left: 3%;float:left;width: 1000px;}
.footer .nav .list{float:left;padding-right: 7%;}
.footer .nav .list:last-child{padding-right:0;}
.footer .nav .H4{font-size: 20px;color:#fff;margin: 39px 0 18px 0;}
.footer .nav a{font-size: 16px;color: #777777;line-height: 48px;display: block;}
.footer .nav a:hover{ font-weight:bold;}
/*--*/
.footer .wx{width: 140px;height: 40px;float:right;margin: 10px 0 0 0;}
.footer .wx .title{padding-top:10px; text-align:center;}
.footer .wx .box{ width:140px; margin: 0 auto;}
.footer .wx .box .picture{ width: 100%; line-height: 0; margin: 33px auto 12px auto;}
.footer .wx .box .title{font-size: 16px;color: #fff; text-align: center;}
/*--*/
.footer .bottom {padding: 20px 0;border-top: 1px solid #353333;color: #777;font-size:16px;clear:both;text-align: center;}
.footer .bottom a{font-size: 15px;}
.footer .bottom .mzfn a{font-size: 15px;}
.footer .bottom a {color: #777;margin-left: 20px;}
/* footer */

/* foot */
.foot{ display:none;}
.foot .box {width: 100%;float: left;position: fixed;left: 0;bottom: 0;height: 45px;background: #0f8acf;z-index: 66;box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.15);z-index: 9999999;}
.foot .box li {box-sizing: border-box;width: 33.33%;float: left;text-align: center;border-right: 1px solid rgba(255, 255, 255, 0.2);}
.foot .box li .ico7 {width: 100%;float: left;}
.foot .box li .name {font-weight: bold;width: 100%;float: left;font-size: 1rem;color: #fff;line-height: 45px;width: 100%;height: 100%;}
.foot .box li .name img{width:22px;margin-right: 10px;display: inline-block;vertical-align: middle;}
.foot #wxnr {width: 100%;height: 100%;max-width: 640px;min-width: 320px;position: fixed;top: 0;z-index: 1000;display: none;background: rgba(0,0,0,.6);}
.foot #wxnr .nrdf {margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 22rem;padding: 4rem 0 3rem;margin-top: -11rem;text-align: center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius: 10px;}
.foot #wxnr img {display: block;margin: 0 auto 0.8rem;}
.foot #wxnr p {display: block;font-size: 1.4rem;text-align: center;color: #666;}
.foot #wxnr i {display: block;position: absolute;top: 1rem;right: 1rem;width: 1.5rem;height: 1.5rem;font-size: 1rem;line-height: 1.5rem;text-align: center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
.foot #wxnr #btn {display: inline-block;padding:  0.1rem 0.2rem;background-color: #f19903;color: #fff;border-radius: 0.2rem;cursor: pointer;}
/* foot */

/* xl-banner */
.xl-banner{height:500px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}
.xl-banner h3{position:absolute;color:#fff;top:40%;font-size: 50px;text-transform:uppercase;width:100%;font-weight:700;padding-bottom:15px;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%);transform:translate(-50%);text-align: center;}
.xl-banner h3 span{display: block;font-size:18px;font-weight: 400;opacity: 0.8;line-height: 32px;}
/* xl-banner */

/* xl-menu */
.xl-menu{background:#f7f7f7;height:60px;line-height:60px;position:relative;font-size:16px;}
.xl-menu::after{content:"";position: absolute;left:-50%;top:0;width:200%;background:#f7f7f7;height:100%;z-index:-1;}
.xl-menu span{background: url(../images/home.png) no-repeat left 21px;padding-left: 25px;display: inline-table;overflow: hidden;background-size: 18px 18px;}
.xl-menu p span::after{line-height:1;top:2px;}
.xl-menu .list{font-size:1.143rem;}
.xl-menu .list a{display:inline-block;position:relative;color:#191919;margin-left:50px;}
.xl-menu .list a:hover,.xl-menu .list .cur{color:#3faae7;}
.xl-menu .list a::after{content:"";position: absolute;left:0;bottom:0;background:#3faae7;width:0;height:2px;transition:all .5s;}
.xl-menu .list .cur::after,.xl-menu .list a:hover::after{width:100%;}
/* xl-menu */

/* listMenu */
.listMenu{background:#fff;/* margin-top:-64px; */height:64px;line-height:64px;/* background: rgba(255, 255, 255, .9); */padding:0;font-size:16px;/* border-radius:5px 5px 0 0; */border-bottom: 1px solid #e7e8e8;}
.listMenu p{float:right;font-size: 16px;background: url('../images/home.png') no-repeat left 22px;padding-left:25px;opacity:.8;background-size: 18px 18px;}
.listMenu .m{color:#191919;margin:0 35px;position:relative;display:inline-block;font-size: 18px;}
.listMenu .m::after{content:"";position: absolute;left:0;bottom:0;height:2px;width:100%;background:#3faae7;transform: scale(0,1);transform-origin:right;transition: transform .5s;}
.listMenu .m:hover,.listMenu .cur{color:#3faae7;}
.listMenu .cur::after{transform: scale(1);}
/* listMenu */

/* xl-submenulist */
.xl-submenulist	{position: relative;bottom: 0;left: 0;width: 100%;z-index: 40;border-bottom: 1px solid rgba(255,255,255,.1);transition: all .4s ease;}
.common_width{ width:1200px; margin: 0 auto; float:none; clear:both;}
.submenulist{ width:100%; margin-top:-70px; position:relative;}
.submenulist ul{ width:100%}
.submenulist ul li{ width:25%; position:relative; float:left;border:none;}
.submenulist ul li::before {content: '';display: block;width: 1px;height: 30px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -15px;opacity: .1;}
.submenulist ul li:last-child{ border-right: none}
.submenulist ul li a{ color: #dee1e0;}
.submenulist ul li a.cur{width:100%;float:left;line-height:70px;background:#eee;color:#dee1e0;text-align:center;font-size:15px;background:url("../images/nav.png") top repeat-x;}
.submenulist ul li a:hover {background: url("../images/nav.png") top repeat-x;color: #dee1e0;}
.submenulist ul li a:hover::before, .submenulist ul li a.cur::before {display: block;}
.submenulist ul li .zx a::before {content: '';display: none;width: 100%;height: 3px;background: #3faae7;position: absolute;top: 0;left: 0;z-index: 10;}
.submenulist ul li a::after {content: '';display: block;width: 1px;height: 30px;background: #fff;position: absolute;top: 50%;margin-top: -15px;opacity: .1;}
.submenulist li.cur a , .submenulist li a:hover{ background:#007cc2; text-decoration:none; color:#fff;}
.submenulist ul li span{width: 100%;padding-top: 24px;float:left;position:absolute;top:42px;left:0;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:1.4;display:none;z-index:1800;}
.submenulist ul li span i{ background:url(../images/upicon.gif) no-repeat center -146px; width:100%; height:4px; overflow:hidden; float:left}
.submenulist ul li span a,.submenulist ul li#this span a,.submenulist ul li.on span a{width:100%;background: url(../images/shad.gif) repeat-x bottom #3faae7;color: #fff;font-size: 14px;line-height: 60px;border-bottom: 1px solid #6cc0f0;/* opacity: 0.6; */}
.submenulist ul li span a:hover,.submenulist ul li.on span a:hover,.submenulist ul li#this span a:hover{background: #007cc2;}
.local{ width:100%; line-height:50px; border-bottom:1px #ededed solid; font-size:13px; background: url(shad.gif) repeat-x top #fefefe; color:#999}
.local div{ font-size:13px;}
.local i{ background: url(../images/icon.gif) no-repeat -225px -102px; width:14px; height:14px; margin-top:17px; padding-right:20px; float:left;}
.local a{ font-size:13px; color:#aaa }
.local a:hover{ color:#f70}
.common_width{ width:1600px; margin: 0 auto; float:none; clear:both;}
.submenulist{width:100%;margin-top: -70px;position:relative;}
.submenulist ul{ width:100%}
.submenulist ul li:last-child{ border-right: none}
.submenulist ul li a{width:100%;float:left;line-height: 70px;/color: #fff;text-align:center;font-size: 16px;font-weight: bold;}
.submenulist ul li.on a,.submenulist ul li a:hover,.submenulist ul li#this a{ background:#007cc2; text-decoration:none; color:#fff;}
.submenulist li.cur a , .submenulist li a:hover{ background:#007cc2; text-decoration:none; color:#fff;}
.submenulist ul li span{width: 100%;padding-top: 8px;float:left;position:absolute;top: 54px;left:0;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:1.4;display:none;z-index:1800;}
.submenulist ul li span i{ background:url(../images/upicon.gif) no-repeat center -146px; width:100%; height:4px; overflow:hidden; float:left}
.submenulist ul li span a,.submenulist ul li#this span a,.submenulist ul li.on span a{width:100%;background: url(../images/shad.gif) repeat-x bottom #007cc2;color:#fff;font-size: 15px;line-height: 46px;opacity: 0.8;}
.submenulist ul li span a:hover,.submenulist ul li.on span a:hover,.submenulist ul li#this span a:hover{ background:#4c545f}
/* xl-submenulist */

/* xl-Product */
.xl-Product{width: 100%;background: #f7f7f8;}
.xl-Product .list li{width: 32%;float:left;padding: 50px 50px 30px 50px;text-align:center;background: #efedee;box-shadow: 0 0 2px 2px #f0f0f0;margin-bottom: 20px;margin-right:20px;}
.xl-Product .list li h4{font-size: 30px;color: #1e1e1e;font-weight:bold;}
.xl-Product .list li h4 a{color: #1e1e1e;}
.xl-Product .list li h4:hover{text-decoration: underline;}
.xl-Product .list li p{font-size: 20px;/* font-weight:bold; */color: #000;margin: 16px auto 0;}
.xl-Product .list li .com-img{margin-top:20px;}
.xl-Product .list li .com-img img{max-width:100%;}
.xl-Product .list li:nth-child(2n){/* float:right; */}
.yingjiantit h6{padding-bottom: 16px;}
.hdware-note .jjfaitem-more{margin-top: 16px;}
.jjfaitem-more{width: 100%;text-align: center;font-size: 0;margin-top: 40px;}
.jjfaitem-more a{display: inline-block;width: 100px;height: 32px;text-align: center;line-height: 32px;font-size: 12px;color: #fff;/* border: 1px solid #000; */border-radius: 30px;transition: all .3s ease-in-out;/* margin: 0 22px 0 0; */background: #3faae7;margin-right: 10px;}
.jjfaitem-more a.btn2{background: #f08300;}
.jjfaitem-more a:hover{background: #3c43c5; color:#fff;}
/* xl-Product */

/* xl-shop */
.section1 {width: 100%;height: 900px;-moz-background-size:100% 100%; background-size:100% 100%;}
.section1 .prd_intr {padding-top: 20%;}
.section1 .prd_intr .video_intr {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;line-height: 50px;font-size: 24px;margin-left: 28px;margin-top: 67px;}
.section1 .prd_intr .video_intr .btn_play {width: 180px;height: 50px;padding-left: 63px;color: #727272;cursor: pointer;background: url("../images/btn_play2.png") no-repeat;}
.section1 .prd_intr .video_intr .immeconsult {cursor: pointer;width: 141px;height: 50px;background: #FFFFFF;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;text-align: center;margin-left: 18px;color: #666666;}
.section1 .prd_intr .newtexttitle {font-size: 60px;font-weight: 700;color: #FFFFFF;margin-left: 28px;}
.section1 .prd_intr .newtexttitle img {width: 304px;margin-bottom: 15px;margin-left: 3px;}
.section1 .prd_intr .newtexttop {font-size: 38px;font-weight: 500;color: #FFFFFF;margin-left: 28px;}
/*--*/
.pd60 {padding: 60px 0;font-size: .875em;overflow: hidden;}
.listTie{text-align:center;color:#333;font-size:1rem;max-width:1000px;margin:0 auto;margin-bottom:40px;}
.listTie strong{font-size:1.875rem;padding:0 15px;position:relative;}
.listTie span{display: block;opacity:.7;margin-top:8px;}
.listTie strong:before,.listTie strong:after{content:"";position:absolute;height:1px;background:#008d49;width:40px;top:1.5rem;display:inline-block;}
.listTie strong:before{right:100%;}
.listTie strong:after{left:100%;}
.aboutBox1 .left{width:49%;height: 550px;overflow:hidden;}
.aboutBox1 .left .bgImg{animation:scale 40s infinite;}
.aboutBox1 .right{width:46%;position:relative;line-height:1.8;}
.aboutBox1 .tie{font-size:2.143em;color: #191919;margin-bottom:30px;}
.aboutBox1 .txt{height: 300px;overflow-y:auto;line-height:1.8;color: #191919;line-height: 34px;}
.aboutBox1 .txt p{ margin-bottom:16px;}
/*--*/
.detailLiandian{background: url(../images/bg3.jpg) no-repeat center center;background-size: cover;overflow: hidden;}
.detailLiandian ul{/* display: grid; *//* grid-gap: 20px; *//* grid-template-columns: repeat(5,1fr); */}
.detailLiandian ul li {position: relative;overflow: hidden;transition: all .36s;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;width: 32.5%;float: left;margin-right: 20px;margin-bottom: 20px;}
.detailLiandian ul li:nth-child(3n+0) { margin-right:0;}
.detailLiandian ul li .img{ width: 100%; height: 100px;}
.detailLiandian ul li::after{ position: absolute; content: ""; left: -81px; top: 0; height: 0; width: 165px;  background: #3faae7;  transition: all 0.5s cubic-bezier(.73,.02,.31,1.02); transform: rotate(-45deg);}
.detailLiandian ul li .img img{  height:50px; }
.detailLiandian ul li:hover:after{height: 50px;}
.detailLiandian ul li::before {position: absolute;content: "";right: -81px;bottom: 0;height: 0;width:165px;background: #3faae7;transition: all 0.8s cubic-bezier(.73,.02,.31,1.02);transform: rotate(-45deg);}
.detailLiandian ul li:hover:before{height: 50px;}
.detailLiandian ul li:hover img{ animation: jello 1.2s; filter: grayscale(0%); opacity: 1; -webkit-animation: jello 1.2s; }
.detailLiandian ul li:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(14, 74, 145, 0.25); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.detailCanshu{ background: url(../images/bg4.jpg) no-repeat center center; background-size: cover;}
.mb-50{ margin-bottom: 50px;}
.f50{ font-size: 42px; color:#333;}
.text-center{ text-align: center;}
.ptb60{ padding: 60px 0;}
.bg-white{ background-color: white;}
.mb-15{ margin-bottom: 15px;font-size: 22px;color: #25a3ea;}
.mr-70{ margin-right: 70px;} 
.dis-flex-center-center{display: flex;align-items: center;justify-content: center;}
.dis-flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.dis-flex-center{  display: flex; align-items: center;}
.dis-flex-between{  display: flex; justify-content: space-between}
.dis-flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.position-relative{ position: relative;}
.p30{ padding: 20px;}
.pdtb80{padding:80px 0;}
.p25{ padding: 25px;}
/*--*/
.star-robot{width: 100%;height: auto;overflow: hidden;position: relative;}
.star-robot .img{width: 100%;}
.star-robot .img img{width: 100%;/* min-height: 320px; */ object-fit: cover;}
.star-robot .text{position: absolute;left: 16.666%;top: 50%;transform: translateY(-50%);max-width: 600px;}
.star-robot .text{position: absolute;left: 16.666%;top: 50%;transform: translateY(-50%);max-width: 600px;}
.star-robot .text h6{font-size: 52px;color: #333;line-height: 70px;padding-bottom: 20px;}
.star-robot .text p{font-size: 20px;color: #333;line-height: 36px;font-weight: 300;}
.star-robot .text2{position: absolute;right: 16.666%;top: 50%;transform: translateY(-50%);max-width: 650px;}
.star-robot .text2 h6{font-size: 52px;color: #fff;line-height: 70px;padding-bottom: 20px;}
.star-robot .text2 p{font-size: 20px;color: #fff;line-height: 36px;font-weight: 300;}
.star-robot .text3_bak{position: absolute;left: 50%;top: 15%;transform: translateX(-50%);max-width: 900px;text-align: center;}
.star-robot .text3{position: absolute;left: 50%;top: 15%;transform: translateX(-50%);max-width: 900px;text-align: center; width:96%}
.star-robot .text3 h6{font-size: 52px;color: #fff;line-height: 70px;padding-bottom: 20px;}
.star-robot .text3 p{font-size: 20px;color: #fff;line-height: 36px;font-weight: 300;}
.star-robot .text4{position: absolute;left: 50%;top: 10%;transform: translateX(-50%);max-width: 900px;text-align: center;}
.star-robot .text4 h6{font-size: 52px;color: #000000;line-height: 70px;padding-bottom: 20px;}
.star-robot .text4 p{font-size: 20px;color: #333;line-height: 36px;font-weight: 300;}

.star-robot .text5{position: absolute;left: 16.666%;top: 50%;transform: translateY(-50%);max-width: 650px;}
.star-robot .text5 h6{font-size: 52px;color: #fff;line-height: 70px;padding-bottom: 20px;}
.star-robot .text5 p{font-size: 20px;color: #fff;line-height: 36px;font-weight: 300;}
/*--*/
.proocs-tb table{width: 100%;border: 1px solid #CCCCCC;}
.proocs-tb table tr:nth-child(2n+1){background: #fff;}
.proocs-tb table tr:nth-child(2n){background: #fff;}
.proocs-tb table td{height: 50px;font-size: 16px;color: #191919;border: 1px solid #f9f6f6;text-align: center;}
.proocs-tb table td:first-child{color: #191919;padding-left: 52px;}
/*--*/
.scroo li{ margin-right:20px;}
/* xl-shop */

/* xl-solution */
.xl-solution{width: 100%;}
.xl-solution .list{width: 100%;/* margin-top: 24px; */}
.xl-solution .list li{display: block;width: 100%;overflow: hidden;position: relative;margin-top: 80px;box-shadow: 0 16px 30px 10px #e2e2e2;border-radius: 6px;overflow: hidden;}
.xl-solution .list li:first-child{margin-top: 0;}
.xl-solution .picture{display: block;width: 66.8%;float: left;overflow: hidden;}
.xl-solution .picture img{width: 100%;overflow: hidden;transition: all .6s ease;}
.xl-solution .picture img:hover{transform: scale(1.04);}
.xl-solution .text{width: 33.2%;float: right;padding: 60px 80px 0;position: relative;}
.xl-solution .text h6{font-size: 24px;color: #000;font-weight: bold;margin-bottom: 30px;}
.xl-solution .text p{font-size: 16px;color: #000;line-height: 30px;height: 260px;}
.xl-solution .text .more{/* position: relative; *//* left: 0; *//* top: 0; *//* position: absolute; *//* bottom: 38px; */left: 58px;z-index: 1;display: block;width: 112px;height: 34px;line-height: 34px;display: block;border-radius: 30px;background: #3faae7;font-size: 14px;font-weight: 300;color: #fff;text-align: center;}
/* xl-solution */

/* xl-shou */
.introduce{width: 100%;background: #f2f2f2;padding: 70px 0 70px;overflow: hidden;}
.introduce-tit{width: 100%;text-align: center;padding: 0 4%;}
.introduce-tit h6{font-size: 36px;color: #333;font-weight: 700;margin-bottom: 60px;}
.introduce-desc{width: 100%;margin-top: 46px;}
.introduce-desc p{font-size: 18px;color: #191919;line-height: 32px;margin-top: 24px;}
.introduce-desc ul{ margin-top:30px}
.introduce-desc li{float:left;width: 32.5%;margin-right: 20px;margin-bottom: 20px;}
.introduce-desc li img{width: 100%;border-radius: 20px; height:auto!important;}
.introduce-desc li:nth-child(3n+0){ margin-right:0;}
.introduce-desc p:first-child{margin-top: 0;}
.introduce-list{width: 100%;margin-top: 80px;}
.introduce-contain{width: 1520px;margin: 0 auto;}
.introduce-list ul{margin-left: -1%;}
.introduce-list li{width: 32.3333%;float: left;margin-left: 1%;margin-top: 1%;}
.introduce-list li img{width: 100%;object-fit: cover;}
/*--*/
.xl-advantage{width: 100%;padding: 90px 0 0;}
.advantage-box{width: 100%;margin-top: 80px;}
.advantage-box ul{margin-left: -6%;}
.advantage-box li{width: 44%;position: relative;padding-left: 140px;float: left;margin-left: 6%;}
.advantage-box li img{position: absolute;top: 0;left: 0;}
.advantage-box li h6{font-size: 24px;color: #191919;font-weight: 700;margin-bottom: 20px;}
.advantage-box li p{font-size: 18px;color: #191919;line-height: 32px;height: 170px;}
/*--*/
.cphltj{width: 100%;padding: 140px 0 120px;background: #f2f2f2;}
.cphltj-loop{width: 100%;position: relative;margin-top: 120px;}
.cphltj-loop .contain{position: relative;}
.cphltj-img{width: 100%;overflow: hidden;text-align: center;background: #fff;}
.cphltj-img a{display: block;width: 100%;overflow: hidden;height: 260px;line-height: 254px;}
/*.cphltj-img img{max-width: 100%;object-fit: cover;max-height: 200px;}*/
.cphltj-img img{max-width: 100%;object-fit: cover;max-height: 100%;}
.cphltj-wd{width: 100%;text-align: center;padding: 28px 0;}
.cphltj-wd h6{font-size: 18px;color: #666;line-height: 26px;}
.cphltj-prev, .cphltj-next{position: absolute;z-index: 4;width: 60px;height: 100px;top: 50%;margin-top: -84px;cursor: pointer;background: url('../images/gather/cphlArr.png') no-repeat center;transition: all .4s ease;}
.cphltj-prev{left: -120px;}
.cphltj-next{right: -120px;transform: rotate(180deg);}
.cphltj-prev:hover, .cphltj-next:hover{background-image: url('../images/gather/cphlArrH.png');}
.cphlal{width: 100%;padding: 130px 0 110px;}
.cphlal-list{width: 100%;padding-top: 130px;}
.cphlal-list ul{margin-left: -1%;}
.cphlal-list li{width: 32.3333%;float: left;margin-left: 1%;}
.cphlal-list li img{width: 100%;object-fit: cover;}
.cphlal-list li h6{font-size: 18px;color: #666;line-height: 26px;width: 100%;text-align: center;padding: 28px 0;}
/*--*/
.prolist{width: 100%;padding: 54px 0 60px;background: #f7f7f7;overflow: hidden;}
.prolist li{width: 32.3%;background: #fff;position: relative;float: left;margin-right: 1%;}
.prolist li:nth-child(3){margin-right: 0;}
.prolist li a{display: block;width: 100%;padding: 50px;height: 380px;}
.prolist-img{width: 100%;float: left;}
.prolist-img img{max-width: 100%;transform: scale(.96);transition: all .6s ease-in-out;}
.prolist-wd{width: 100%;float: right;padding-top: 24px;text-align: center;}
.prolist-wdtit{width: 100%;}
.prolist-wdtit h6, .prolist-wdtit h2{font-size: 20px;color: #333;margin-bottom: 12px;transition: all .4s ease;font-weight: bold;}
.prolist-wdtit p{font-size: 16px;color: #000;line-height: 30px;}
.prolist-wddes{width: 100%;margin-top: 34px;}
.prolist-wddes p{font-size: 16px;color: #999;line-height: 36px;}
.prolist-wddes p span{color: #333;}
.prolist li a:hover .prolist-img img{transform: scale(.98) translateY(-10px);}
.prolist li a:hover .prolist-wdtit h6{color: #1f5dcb;}
.prolist li a:hover .prolist-wdtit h2{color: #1f5dcb;}
/*--*/
.caselb-list{width: 100%;}
.caselb-list ul{margin-left: -2%;}
.caselb-list li{width: 31.3333%;float: left;margin-left: 2%;border: 1px #ece7e7 solid;text-align: center;}
.caselb-list li a{display: block;width: 100%;}
.caselb-img{width: 100%;overflow: hidden;height: 300px;}
.caselb-img img{width: 100%;height: 100%;object-fit: cover;transition: all .8s ease-in-out;}
.caselb-wd{width: 100%;padding-top: 34px;}
.caselb-wd span{display: block;font-size: 14px;color: #999;}
.caselb-wd h6, .caselb-wd h3{font-size: 20px;color: #333;line-height: 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin: 1px 0 32px;transition: all .4s ease;font-weight: bold;}
.caselb-list li a:hover .caselb-img img{transform: scale(1.04);}
.caselb-list li a:hover .caselb-wd h6{color: #1f5dcb;}
.caselb-list li a:hover .caselb-wd h3{color: #1f5dcb;}
.caselb-list li a:hover .toLink {color: #1f5dcb;background-image: url('../images/index/indArrH.png');}
.caselb-list li a:hover .toLink:after {width: 100%;right: auto;left: 0;}
/*--*/
.relyx-infoitem.ontrue{display: block;}
.relyx-content{width: 100%;margin-top: 44px;}
.xl-words{width: 100%;background: #f5f5f5;overflow: hidden;}
.relyx-title p{font-size: 15px;color: #999;line-height: 26px;margin-top: 16px;}
.relly-form{width: 100%;/* margin-top: 60px; */}
.relly-formipt{width: 100%;overflow: hidden;}
.relly-formipt input{width: 48%;height: 60px;background: #fff;padding: 0 32px;}
.relly-form input, .relly-form textarea{font-size: 15px;color: #888;}
.relly-form input:-moz-placeholder, .relly-form textarea:-moz-placeholder {color:#888;font-size: 15px;}
.relly-form input::-moz-placeholder, .relly-form textarea::-moz-placeholder {color:#888;font-size: 15px;}
.relly-form input:-ms-input-placeholder, .relly-form textarea:-ms-input-placeholder{color:#888;font-size: 15px;}
.relly-form input::-webkit-input-placeholder, .relly-form textarea::-webkit-input-placeholder{color:#888;font-size: 15px;}
.relly-formipt input:first-child{float: left;}
.relly-formipt input:last-child{float: right;}
.relly-form textarea{width: 100%;display: block;background: #fff;border: none;margin-top: 32px;padding: 24px 32px;height: 164px;}
.relly-formyzmbtn{width: 100%;overflow: hidden;margin-top: 32px;}
.relly-formyzm{float: left;}
.relly-formyzm input{width: 400px;height: 60px;background: #fff;padding: 0 32px;display: block;float: left;}
.relly-formyzm span{display: block;float: left;margin-left: 20px;height: 60px;width: 150px;cursor: pointer;}
.relly-formyzm span img{width: 100%;height: 100%;}
.relly-formbtn {width: 200px;height: 60px;display: block;background: #0f8acf;font-size: 16px;color: #fff;text-align: center;float: right;cursor: pointer;}
.relyx-close{display: none;}
.relly.rellyBg{background: #eceff4;}
/* xl-shou */

/* xl-case */
.xl-case .bd-tabbox ul li {width:20%;}
.xl-case .bd-tabbox ul li .icon-museum {font-size:76px;}
.xl-case .list {overflow:hidden;padding-bottom: 50px;}
.xl-case .list ul {margin:-30px -15px 0 -15px;}
.xl-case .list ul li {margin-top:30px;padding:0 15px;width:33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display:inline-block;float:left;}
.xl-case .list ul li a {display:block;color:#999;position:relative;}
.xl-case .list ul li .box {position:relative;}
.xl-case .list ul li .img {left:0;top:0;width:100%;height:100%;overflow:hidden;position:absolute;}
.xl-case .list ul li .img img {height:100%;}
.xl-case .list ul li .til {left:0;bottom:0;width:100%;position:absolute;}
.xl-case .list ul li .til h3 {padding: 0 135px 0 20px;height: 50px;line-height: 50px;font-size: 22px;white-space: nowrap;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url(ellipsis.xml#ellipsis);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;color: #FFF;background: rgba(0,0,0,.3);overflow: hidden;}
.xl-case .list ul li .more {right:15px;bottom:0;width:100px;line-height: 50px;font-size:16px;color:#FFF;position:absolute;}
.xl-case .list ul li .more img{padding-bottom: 6px;}
.xl-case .list ul li .more .iconfont {margin-left:10px;}
.xl-case .list ul li a:hover .til h3 {background:rgba(63,170,231,.9);}
/* xl-case */

/* xl-strengths */
.xl-strengths .strengths-box {height: 800px;background:url(../images/strengths-bg.jpg) no-repeat center center;padding-top: 100px;padding-bottom: 100px;}
.xl-strengths .strengths-box .item ul li {margin: 0 40px 0 0;width: 48.7%;display:inline-block;float:left;margin-bottom: 40px;}
.xl-strengths .strengths-box .item ul li:nth-child(2n+0) {margin-right: 0;}
.xl-strengths .strengths-box .item ul li a {padding:0 40px 0 150px;height: 205px;display:block;background:#FFF;position:relative;}
.xl-strengths .strengths-box .item ul li i {left:30px;top:0;width:90px;line-height:185px;text-align:center;font-size:90px;color:#999;position:absolute;}
.xl-strengths .strengths-box .item ul li .til {padding-top: 30px;line-height: 60px;font-size: 24px;font-weight:bold;color: #333;}
.xl-strengths .strengths-box .item ul li .con {line-height: 30px;font-size: 16px;color:#666;}
.xl-strengths .strengths-box .item ul .on .til {padding-top:30px;line-height:50px;}
.xl-strengths .strengths-box .item ul li a:hover i, .xl-strengths .strengths-box .item ul li a:hover .til {color:#3faae7;}
/* xl-strengths */

/* xl-leaving */
.xl-leaving {height:620px;background:#F5F5F5;}
.xl-leaving .leaving-box .d-dd {display:inline-block;float:left;}
.xl-leaving .leaving-box .d-d1 {float:left;}
.xl-leaving .leaving-box .d-d1 .d-til {padding-left:70px;line-height:64px;font-size:44px;font-weight:bold;position:relative;color: #34292d;}
.xl-leaving .leaving-box .d-d1 .d-til i {left:0;top:0;width:64px;font-size:48px;text-align:center;position:absolute;}
.xl-leaving .leaving-box .d-d1 .d-ftil {margin-bottom:20px;line-height:44px;font-size:30px;color:#999;}
.xl-leaving .leaving-box .d-d1 .d-con p {line-height:56px;font-size:18px;color:#999;}
.xl-leaving .leaving-box .d-d1 .d-con b {line-height:50px;font-size:44px;color: #3faae7;}
.xl-leaving .leaving-box .d-d2 {width: 930px;float:right;}
.xl-leaving .leaving-box .d-d2 dl {margin:-45px 0 0 -50px;}
.xl-leaving .leaving-box .d-d2 dl dd {margin:45px 0 0 50px;display: inline-block;float: left;}
.xl-leaving .leaving-box .d-d2 dl dd .d-til {line-height:24px;font-size: 18px;}
.xl-leaving .leaving-box .d-d2 dl dd .d-con input[type="text"], .xl-leaving .leaving-box .d-d2 dl dd .d-con textarea {width:100%;font-size:16px;border:none;border-bottom:1px solid #DDD;outline:0 none;background:transparent;}
.xl-leaving .leaving-box .d-d2 dl dd .d-con input[type="text"] {width:100%;height:54px;}
.xl-leaving .leaving-box .d-d2 dl dd .d-con textarea {float:left;}
.xl-leaving .leaving-box .d-d2 dl .d-1 {width:325px;}
.xl-leaving .leaving-box .d-d2 dl .d-2 {width: 100%;position:relative;}
.xl-leaving .leaving-box .d-d2 dl .d-2 input[type="submit"], .xl-leaving .leaving-box .d-d2 dl .d-2 a {left:0;top:0;margin: 0 auto;width: 200px;line-height: 60px;font-size:22px;display: block;position:absolute;}
.xl-leaving .leaving-box .d-d2 dl .d-2 input[type="submit"] {border:none;outline:0 none;background:transparent;}
.xl-leaving .leaving-box .d-d2 dl .d-2 a {text-align:center;color: #FFF;background: #3faae7; position: relative;}
.xl-leaving .leaving-box .d-d2 dl .d-2 .d-con{ float:left;}
.xl-leaving .leaving-box .d-d2 dl .d-2 a i {margin-left:20px;}
.bd-dingzhifangan .bm-con .d-d2 {
	width:700px;
	float:right;
}
.bd-dingzhifangan .bm-con .d-d2 dl {
	margin:-45px 0 0 -50px;
}
.bd-dingzhifangan .bm-con .d-d2 dl dd {
	margin:45px 0 0 50px;
	display: inline-block;
	float: left;

}
.bd-dingzhifangan .bm-con .d-d2 dl dd .d-til {
	line-height:24px;
}
.bd-dingzhifangan .bm-con .d-d2 dl dd .d-con {
}
.bd-dingzhifangan .bm-con .d-d2 dl dd .d-con input[type="text"], .bd-dingzhifangan .bm-con .d-d2 dl dd .d-con textarea {
	width:100%;
	font-size:16px;
	border:none;
	border-bottom:1px solid #DDD;
	outline:0 none;
	background:transparent;
}
.bd-dingzhifangan .bm-con .d-d2 dl dd .d-con input[type="text"] {
	width:100%;
	height:54px;
}
.bd-dingzhifangan .bm-con .d-d2 dl dd .d-con textarea {
	float:left;
}
.bd-dingzhifangan .bm-con .d-d2 dl .d-1 {
	width:325px;
}
.bd-dingzhifangan .bm-con .d-d2 dl .d-2 {
	width: 100%;
	position:relative;
}
.bd-dingzhifangan .bm-con .d-d2 dl .d-2 input[type="submit"], .bd-dingzhifangan .bm-con .d-d2 dl .d-2 a {
	left:0;
	top:0;
	margin: 0 auto;
	width: 200px;
	line-height: 60px;
	font-size:22px;
	display: block;
	position:absolute;
}
.bd-dingzhifangan .bm-con .d-d2 dl .d-2 input[type="submit"] {
	border:none;
	outline:0 none;
	background:transparent;
}
.bd-dingzhifangan .bm-con .d-d2 dl .d-2 a {
	text-align:center;
	color: #FFF;
	background: #3faae7;
}
.bd-dingzhifangan .bm-con .d-d2 dl .d-2 a i {
	margin-left:20px;
}
@media (min-width: 1630px) {
	.bd-dingzhifangan .bm-con .d-d2 {
		width:930px;
	}
	.bd-dingzhifangan .bm-con .d-d2 dl .d-1 {
		width:440px;
	}
}

/* xl-leaving */

/* xl-shon */
.xl-shon{ margin-bottom:-100px;}
.xl-shon .tit{text-align: center;font-size: 26px;color: #333;font-weight: bold;}
.xl-shon p{font-size:16px;color:#000;line-height: 33px;}
.xl-shon .arc-ftil {padding-bottom: 10px;line-height: 24px;font-size: 16px;text-align: center;border-bottom: 1px dotted #DDD;color: #666;padding-top: 15px;}
.xl-shon .arc-ftil span {margin: 0 10px;}
.casexqnr{width: 100%;padding: 20px 0 60px;}
.casexqnr img{width: auto;object-fit: cover;margin-top: 35px;height: auto !important;max-width: 100%;}
.casexqpn{width: 100%;border-top: 1px solid #eee;margin-bottom: 20px;}
.casexqpn .width{ overflow:hidden;}
.casexqpn-prev, .casexqpn-more, .casexqpn-next{display: block;float: left;height: 80px;line-height: 80px;}
.casexqpn-next{float: right;}
.casexqpn-prev, .casexqpn-next{font-size: 16px;color: #666;width: 40%;transition: all .4s ease;position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.casexqpn-prev{padding-left: 20px;background: url('../images/caseArrL.png') no-repeat left center;}
.casexqpn-next{padding-right: 20px;background: url('../images/caseArrR.png') no-repeat right center;text-align: right;}
.casexqpn-prev:hover, .casexqpn-next:hover{color: #1f5dcb;}
.casexqpn-prev:hover{background-image: url('../images/caseArrLH.png');}
.casexqpn-next:hover{background-image: url('../images/caseArrRH.png');}
.casexqpn-more{width: 20%;text-align: center;}
.casexqpn-more i, .casexqpn-more span{display: inline-block;vertical-align: middle;margin: 0 6px;}
.casexqpn-more i{width: 14px;height: 14px;background: url('../images/caseMore.png') no-repeat;}
.casexqpn-more span{font-size: 18px;color: #333;font-weight: 700;}
.casexqpn-more:hover span{color: #1f5dcb;}
.casexqal{width: 100%;padding: 50px 0 0 0;background: #f7f7f7;}
.casexqal .caselb-list li{margin-top: 38px;}
/*--*/
.shoncase ul{margin-right:-40px;}
.shoncase li{float:left;width:33.3%;padding-right:40px;margin-bottom:100px;text-align: center;}
.shoncase li .pImg{padding-top:72%;border-radius:5px 5px 0 0;}
.shoncase li .txt{padding:8%;height:auto;position:relative;z-index:2; background: #fff;}
.shoncase li h4{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;transition:all .4s; font-weight:bold;}
.shoncase li .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#017cc2;transition:all .5s;z-index:-1;}
.shoncase li .more{width:114px;height:36px;border-radius:3px;line-height:34px;text-align:center;border:1px solid #ddd;display:inline-block;color:#999;font-size:12px;transition:all .4s;}
.shoncase li i,.shoncase .cMore i{font-style:normal;font-family:"iconfont";margin-left:10px;opacity:.6;}




.shoncase li a:hover h4{color:#fff;}
.shoncase li a:hover .more{background:#fff;border-color:#fff;color:#017cc2;}
.shoncase li a:hover img{transform: scale(1.1);}
.shoncase li a:hover .txt::after{height:100%;}
/*case*/
.proocs-tb table{width: 100%;border: 1px solid #CCCCCC;}
.proocs-tb table tr:nth-child(2n+1){background: #fff;}
.proocs-tb table tr:nth-child(2n){background: #fff;}
.proocs-tb table td{height: 50px;font-size: 16px;color: #191919;border: 1px solid #f9f6f6;text-align: center;}
.proocs-tb table td:first-child{color: #191919;padding-left: 52px;}
.proocs-tb .tb88 td:first-child{color: #191919;padding-left: 0; padding:0.2%; width:9%;}
/*case*/
.cate-big { margin-top: -60px; position: relative; z-index: 3; height: 60px; background-color: rgba(0, 0, 0, .2); }
.cate-big a { position: relative; display: block; width: 50%; text-align: center; line-height: 60px; font-size: 18px; color: #dddddd; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.cate-big.cate-3 a { width: 33.3333%; }
.cate-big.cate-4 a { width: 25%; }
.cate-big.cate-5 a { width: 20%; }
.cate-big.cate-6 a { width: 16.6666%; }
.cate-big a.on { color: #c39c61; background: #fff; }
.cate-big a:hover { color: #c39c61; }
.cate-big a:before { content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 2px; background-color: #c39c61; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.cate-big a:hover:before, .cate-big a.on:before { left: 0; width: 100%; opacity: 1; }
.partner-list { margin-bottom: -30px; }
.partner-list .item { text-align: center; margin-bottom: 30px; }
.partner-list .item .tit { padding: 20px 15px; font-size: 18px; color: #4d4d4d; line-height: 1.3; }
.case-list { margin-bottom: -30px; }
.case-list .item { margin-bottom: 30px; }
.case-item .pic img { height: 275px; object-fit: cover; width: 100%;}
.case-item .tit { border: solid 1px #dddddd; border-top: none; padding: 0 24px; }
.case-item .tit h4 { font-size: 20px; color: #281f20; border-bottom: solid 1px #eeeeee; padding: 15px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.case-item .tit p { font-size: 14px; height: 72px; color: #81868e; padding: 12px 0; }
.detail-title { text-align: center; background: #fff; padding: 50px 60px 40px; border-bottom: 1px solid #ddd; }
.detail-title h1 { line-height: 1.3; font-size: 36px; color: #4d4d4d; }
.detail-title .info { margin-top: 20px; color: #81868e; }
.detail-title .info span { margin: 0 10px; }
/* xl-shon */

/* xl-news */
.xl-news .list {overflow:hidden;}
.xl-news .list ul {/* margin:-20px 0 0 -16px; */}
.xl-news .list ul li {width: 100%;display:inline-block;float:left;margin-right: 30px;/* margin-bottom: 30px; */position: relative;height: 384px;padding: 0 30px 20px 460px;}
.xl-news .list ul li:nth-child(3n) {margin-right: 0;}
.xl-news .list ul li a {display:block;color:#666;background: #F5F5F5;}
.xl-news .list ul li .img {overflow:hidden;height: 354px;width: 30%;position: absolute;left: 0;top: 0;}
.xl-news .list ul li .img img{width:100%;height: 370px;}
.xl-news .list ul li .box {padding: 20px 60px 30px;line-height:24px;font-size:16px;border-top:none;/* width: 70%; */height: 354px;}
.xl-news .list ul li .til {padding-top:10px;height:50px;line-height:50px;font-size: 22px;font-weight:bold;/* text-align:center; */white-space: nowrap;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url(ellipsis.xml#ellipsis);color:#333;overflow: hidden;margin-bottom: 30px;}
.xl-news .list ul li .con {margin-bottom:5px;height: 178px;line-height: 30px;font-size: 16px;color: #333;}
.xl-news .list ul li .time {line-height:30px;font-size: 15px;color: #949090;}
.xl-news .list ul li a:hover .til {color:#3faae7;}
/* xl-news */

/* xl-video */
.xl-video{background:#f5f5f5;}
.xl-video .list { overflow:hidden;}
.xl-video .list .item{width:24%;float: left;margin: 0 20px 0 0;}
.xl-video .list .item:nth-child(4n+1){margin-right: 0;}
.xl-video .list .item .honor-box .pic { border: solid 1px #dddddd; }
.xl-video .list .item .honor-box .pic img { width: auto; }
.xl-video .list .item .honor-box h4 { margin-bottom: 35px; }
.xl-video .list .item .vid-box .pic { height: auto; padding: 0; position: relative; height: 200px; }
.xl-video .list .item .vid-box .pic img{ width:100%; height:100%;}
.xl-video .list .item .vid-box .pic:before { content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) url(../images/video-btn2.png) no-repeat center; background-size: 60px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.xl-video .list .item .vid-box:hover .pic:before { background-color: rgba(63, 170, 231, .7); }
.xl-video .list h4 {font-size: 22px;line-height: 1.5;color: #333;margin-top: 20px;margin-bottom: 4px;font-weight: bold;}
.xl-video .list .item .honor-box h4 {margin-bottom: 35px;text-align: center;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
/* xl-video */

/* xl-strength */
.xl-strength .strength-box {overflow:hidden;}
.xl-strength .strength-box .item ul li {display:inline-block;float:left;width: 50%;}
.xl-strength .strength-box .item ul li a {height:410px;display:block;color:#FFF;position:relative;}
.xl-strength .strength-box .item ul li a:before, .xl-strength .strength-box .item ul li a:after {content: " ";top: 0;width: 960px;height: 410px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;display: block;position: absolute;}
.xl-strength .strength-box .item ul li a:after {background: rgba(0,0,0,.5);}
.xl-strength .strength-box .item ul .l-2 a:before, .xl-strength .strength-box .item ul .l-2 a:after, .xl-strength .strength-box .item ul .l-4 a:before, .xl-strength .strength-box .item ul .l-4 a:after {left: 0;}
.xl-strength .strength-box .item ul .l-1 a:before, .xl-strength .strength-box .item ul .l-1 a:after, .xl-strength .strength-box .item ul .l-3 a:before, .xl-strength .strength-box .item ul .l-3 a:after {right: 0;}
.xl-strength .strength-box .item ul li .box {height:100%;color:#FFF;position: relative;z-index:1;}
.xl-strength .strength-box .item ul li i {padding-top:80px;line-height: 70px;font-size: 60px;}
.xl-strength .strength-box .item ul li .til {line-height:60px;font-size: 24px;font-weight:bold;}
.xl-strength .strength-box .item ul li .con {line-height: 30px;font-size: 16px;}
.xl-strength .strength-box .item ul li a:hover:after {background: rgba(63,170,231,.8);}
.xl-strength .strength-box .item ul .l-1 .box, .xl-strength .strength-box .item ul .l-3 .box {margin-right: 20%;margin-left: 20%;padding-top: 90px;}
.xl-strength .strength-box .item ul .l-2 .box, .xl-strength .strength-box .item ul .l-4 .box {margin-right: 20%;margin-left: 20%;text-align:right;padding-top: 90px;}
.xl-strength .strength-box .item ul .l-1 a:before {background: url(../images/strength1.jpg) no-repeat center center;}
.xl-strength .strength-box .item ul .l-2 a:before {background: url(../images/strength2.jpg) no-repeat center center;}
.xl-strength .strength-box .item ul .l-3 a:before {background: url(../images/strength3.jpg) no-repeat center center;}
.xl-strength .strength-box .item ul .l-4 a:before {background: url(../images/strength4.jpg) no-repeat center center;}
/* xl-strength */

/* xl-cooperation */
.xl-cooperation{font-size:0.938em;overflow:hidden;position:relative;margin-top: -100px;}
.xl-cooperation::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:650px; }
.caseMenu{display:flex;max-width:1040px;margin:0 auto;font-size:1.467em;margin-bottom: 20px;justify-content: space-between;margin-top: 50px;}
.caseMenu a{position:relative;color:#191919;font-size: 22px;}
.caseMenu a::after{content:"";position: absolute;left:0;bottom:-10px;width:100%;height:2px;background:#f6000f;transform: scale(0,1);transform-origin: right;transition: transform .5s;}
.caseMenu .on,.caseMain .txt h4 a:hover{color:#f6000f;}
.caseMenu .on::after{transform: scale(1);transform-origin:left;}
.caseMain{padding-top: 16px;overflow:hidden;}
.caseMain .pic{float:left;width: 100%;height:510px;display: block;overflow:hidden;border-radius: 20px;} 
.caseMain .txt{float:left;width:50%;background:#fff;height:510px;padding:3% 6%;}
.caseMain .txt h4{font-size:2.4em;margin-bottom:20px;}
.caseMain .txt h4 a{color:#333;}
.caseMain .txt p{line-height:1.6;height:120px;overflow:hidden;margin-bottom:15px;}
.caseMain .list{margin-right:-30px;}
.caseMain .list li{float: left;width:50%;padding-right:30px;}
.caseMain .list li .pImg{padding-top:64%;}
.caseMain .list li p{text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:10px;height:auto;margin-bottom:0;}
.caseMain .list li:hover img{transform: scale(1.1);}
/* xl-cooperation */

/* xl-show */
.xl-show{ background:#f2f0f0;}
.xl-show .left{width:70%}
.xl-show .right{width:29%;}
.xl-show .left {float: left;margin: auto;width: 70%;background: #fff;/* border: 1px #eceaea solid; */}
.xl-show .left .title {padding: 70px 60px 100px;padding-bottom: 20px;text-align: center;line-height: 1.5;}
.xl-show .left .title .tit {/* padding-bottom: 10px; */color: #333;font-weight: normal;font-size: 34px;margin-bottom: 15px;line-height: 46px;}
.xl-show .left .title p { padding-bottom: 25px;line-height: 24px;font-size: 16px;text-align: center;border-bottom: 1px dotted #DDD;color: #666;}
.xl-show .left .title p span {margin: 0 10px;}
.xl-show .left .title p a { color: #a3afb7; }
.xl-show .left .content {overflow: hidden;margin: 70px 60px 100px;margin-top: 0;min-height: 600px;color: #333;font-size: 16px;line-height: 38px;}
.xl-show .left .content p { margin-bottom: 10px; }
.xl-show .left .content img { max-width: 100% !important; height: auto !important; width: auto !important; }
.xl-show .left .other { padding: 20px 15px; border-top: 1px #eceaea solid; }
.xl-show .left .other p { display: block; padding-left: 3px; height: 40px; line-height: 40px; }
.xl-show .left .other p a { color: #333; font-size: 14px; }
.xl-show .left .other p a:hover { color: #017cc2; }
.xl-show .left .back { margin-top: 20px; width: 125px; height: 40px; background-color: #017cc2; color: #fff !important; text-align: center; font-size: 14px; line-height: 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; float: right; }
.xl-show .left .back:hover { opacity: 0.8; filter: alpha(opacity=80); }
/*--*/
.xl-show .right .case{overflow: hidden;/* border: 1px #eceaea solid; */padding: 30px;margin-bottom:20px;background: #fff;}
.xl-show .right .case .title{font-size: 22px;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.xl-show .right .case .title span{display:inline-block;border-bottom: 1px solid #2e87eb;height:40px;}
.xl-show .right .case .title a{float:right;font-size:12px;margin-top:4px;}
.xl-show .right .case .list{margin:0 0 -30px 0px}
.xl-show .right .case .list li {width:100%;margin-bottom:30px;}
.xl-show .right .case .list li .pImg{padding-top: 0;width: 402px;height: 250px;}
.xl-show .right .case .list li .pImg img{ height:100%;}
.xl-show .right .case .list li .pImg:hover img{transform: scale(1.1);}
.xl-show .right .case .list li a {display:block;}
.xl-show .right .case .list li h4 {font-size:16px;color:#666666;margin-top:10px;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xl-show .right .case .list li:hover h4 {color:#27a1dc;}
.xl-show .right .case .list li:hover .pic {border-color:#27a1dc;}
/*--*/
.xl-show .right .news{overflow:hidden;border: 1px #eceaea solid;padding: 30px; background:#fff;}
.xl-show .right .news .title{font-size: 22px;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.xl-show .right .news .title span{display:inline-block;border-bottom: 1px solid #2e87eb;height:40px;}
.xl-show .right .news .title a{float:right;font-size:12px;margin-top:4px;}
.xl-show .right .news li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.xl-show .right .news li .pImg{width:35%;float:left;padding-top:80px;margin-right:20px;}
.xl-show .right .news li h4{font-size: 16px;margin-bottom:10px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;color: #333;}
.xl-show .right .news li h4 a{color:#222;}
.xl-show .right .news li p{ font-size:13px; line-height:28px;}
.xl-show .right .news li h4 a:hover{color:#005aae;}
.xl-show .right .news li:hover img{transform: scale(1.1);}
.xl-show .right .news li:last-child{border-bottom:none;padding-bottom: 0;margin-bottom: 0;}
/* xl-show */

/* xl-about */
.xl-about {background:#F5F5F5;}
.xl-about .content {padding-top:180px;height: 860px;background: url(../images/profiles.jpg) no-repeat center;background-size: cover;}
.xl-about .content .text {line-height:30px;font-size:16px;color:#BBB;}
.xl-about .content .text .profile {margin-bottom:90px;}
.xl-about .content .text .profile p {display:block;color: #fff;}
.xl-about .content .text .profile p:first-child {padding-bottom:40px;color: #fff;}
.xl-about .content .text .d-dl {margin: 0 auto;text-align: center;}
.xl-about .content .text .d-dl dd {width: 25%;float:left;margin-right: 0px;}
.xl-about .content .text .d-dl dd a {height:100px;display:block;color:#FFF;position:relative;}
.xl-about .content .text .d-dl dd a:before {content:" ";left: 7px;top:0;height:100%;border-left:1px solid #fff;position:absolute;opacity: 0.5;}
.xl-about .content .text .d-dl dd:first-child a:before {display:none;}
.xl-about .content .text .d-dl dd i {left:0;top:0;width:100px;line-height:90px;font-size:70px;text-align:center;color:#999;position:absolute;}
.xl-about .content .text .d-dl dd .con {margin-bottom:5px;line-height:60px;font-size: 65px;font-weight:bold;display: inline-block;position:relative;text-align: left;}
.xl-about .content .text .d-dl dd .con em {margin-left: 10px;left: 100%;top: 0;line-height: 36px;font-size: 18px;font-weight: normal;display: block;position: absolute;font-style: normal;}
.xl-about .content .text .d-dl dd .til {line-height:30px;font-size:22px;}
.xl-about .content .text .d-dl .d-1 i {top:5px;font-size:90px;}
.xl-about .content .text .d-dl .d-3 i {left:-30px;font-size:120px;}
.xl-about .content .text .d-dl dd a:hover i {color:#C81839;}
/* xl-about */

/* xl-about1 */
.xl-about1 {background:#F5F5F5;}
.xl-about1 .content {padding-top:100px;height: 720px;background: url(../images/profiles.jpg) no-repeat center;background-size: cover;}
.xl-about1 .content .text {line-height:30px;font-size:16px;color:#BBB;}
.xl-about1 .content .text .profile {margin-bottom:90px;}
.xl-about1 .content .text .profile p {display:block;color: #fff;}
.xl-about1 .content .text .profile p:first-child {padding-bottom:40px;color: #fff;}
.xl-about1 .content .text .d-dl {margin: 0 auto;text-align: center;}
.xl-about1 .content .text .d-dl dd {width: 25%;float:left;margin-right: 0px;}
.xl-about1 .content .text .d-dl dd a {height:100px;display:block;color:#FFF;position:relative;}
.xl-about1 .content .text .d-dl dd a:before {content:" ";left: 7px;top:0;height:100%;border-left:1px solid #fff;position:absolute;opacity: 0.5;}
.xl-about1 .content .text .d-dl dd:first-child a:before {display:none;}
.xl-about1 .content .text .d-dl dd i {left:0;top:0;width:100px;line-height:90px;font-size:70px;text-align:center;color:#999;position:absolute;}
.xl-about1 .content .text .d-dl dd .con {margin-bottom:5px;line-height:60px;font-size: 65px;font-weight:bold;display: inline-block;position:relative;text-align: left;}
.xl-about1 .content .text .d-dl dd .con em {margin-left: 10px;left: 100%;top: 0;line-height: 36px;font-size: 18px;font-weight: normal;display: block;position: absolute;font-style: normal;}
.xl-about1 .content .text .d-dl dd .til {line-height:30px;font-size:22px;}
.xl-about1 .content .text .d-dl .d-1 i {top:5px;font-size:90px;}
.xl-about1 .content .text .d-dl .d-3 i {left:-30px;font-size:120px;}
.xl-about1 .content .text .d-dl dd a:hover i {color:#C81839;}
/* xl-about */

/* xl-advantage */
.xl-advantage .box .left{width:60%;padding-right:4vw;}
.xl-advantage .box .right{width:40%;}
.xl-advantage .box .text{padding-top:3vw;}
.xl-advantage .box .marks{margin-bottom:3vw;background:url(../images/about_icon01.png) no-repeat left top;padding-top:25px;background-size:17px;}
.xl-advantage .box .marks h4{color: #3faae7;font-size:1.5625vw;line-height:1.5625vw;margin-bottom:1.2vw;} 
.xl-advantage .box .marks p{font-size:16px;line-height:28px;}
.xl-advantage .box .picture{height:100%;position: relative;}
.xl-advantage .box .picture img{position:absolute;top:0;height:100%;object-fit:cover;border-radius: 20px 20px 0 0;}
/* xl-advantage */

/* xl-culture */
.xl-culture {background: url(../images/culture.jpg) no-repeat center;background-size: cover;}
.xl-culture .list {margin-top: 34px;}
.xl-culture .list .item {width: 32%;background: #fff;padding: 60px 20px;text-align: center;float: left;margin-right: 30px;border-radius: 20px;}
.xl-culture .list .item:nth-child(3) {margin-right: 0;}
.xl-culture .list .item h4 {font-size: 24px;line-height: 1;color: #1b202e;margin-top: 28px;margin-bottom: 15px;font-weight: bold;}
.xl-culture .list .item p {font-size: 16px;color: #333;}
.xl-culture .list .item img { display: inline-block; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.xl-culture .list .item:hover img { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
/* xl-culture */

/* xl-history */
.xl-history {background: url(../images/history.jpg) no-repeat center;background-size: cover;}
.history-wrap { position: relative; }
.history-wrap:before { content: ""; position: absolute; top: 50%; width: 100%; border-bottom: 1px solid #ababab; }
.swiper-container-history { padding: 360px 0; overflow: visible; margin-top: 34px; }
.swiper-container-history .swiper-slide {width: 360px;position: relative;}
.swiper-container-history .swiper-slide-active { opacity: 1; }
.swiper-container-history .swiper-slide .cont {position: absolute;width: 100%;height: 240px;background-color: #ffffff;box-shadow: 0px 0px 20px 0px 
rgba(18, 45, 107, 0.15);top: 50px;padding: 45px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;border-radius: 20px;}
.swiper-container-history .swiper-slide .cont:before { content: ""; position: absolute; top: -14px; z-index: 2; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 14px solid #fff; margin-left: 56px; }
.swiper-container-history .swiper-slide:nth-child(2n) .cont:before { top: auto; bottom: -14px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.swiper-container-history .swiper-slide .cont h4 {font-size: 30px;line-height: 30px;color: #281f20;font-weight: bold;}
.swiper-container-history .swiper-slide .cont h4 big{font-size: 30px;color: #3faae7;text-align:center;font-weight:bold;line-height: 30px;font-family:Disney English;transition:.5s;}
.swiper-container-history .swiper-slide .cont h4 small{display:inline-block;width:28px;height:28px;background: #9a9ca2;border-radius:50%;/* line-height:1.75rem; */text-align:center;font-size:16px;color:#fff;vertical-align: top;margin-left: 4px;transition:.5s;}
.swiper-container-history .swiper-slide .cont .des {font-size: 16px;line-height: 34px;color: #333;margin-top: 25px;}
.swiper-container-history .swiper-slide:nth-child(2n) .cont { top: auto; bottom: 120px; }
.swiper-container-history .swiper-slide .tit { font-size: 28px; line-height: 36px; color: #81868e; font-family: DINPro-Medium; margin-top: -75px; margin-left: 90px; position: relative; }
.swiper-container-history .swiper-slide .tit span { color: #81868e; display: inline-block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-history .swiper-slide.swiper-slide-active .tit span { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); color: #3faae7; }
.swiper-container-history .swiper-slide .tit:before { content: ""; position: absolute; left: 18px; bottom: -50px; width: 22px; height: 22px; background-color: #dddddd; border-radius: 50%; }
.swiper-container-history .swiper-slide .tit:after { content: ""; position: absolute; left: 24px; bottom: -44px; width: 10px; height: 10px; background-color: #81868e; border-radius: 50%; }
.swiper-container-history .swiper-slide.swiper-slide-active .tit:after { background-color: #3faae7; }
.page-fwwd { padding-top: 30px; padding-bottom: 115px; }
.page-fwwd .pic-big { text-align: center; margin-top: 70px; }
.fwzc-list { margin-top: 50px; }
.fwzc-list .item { width: 24%; border: solid 1px #dddddd; max-height: 410px; padding: 75px 20px; text-align: center; }
.fwzc-list .item h4 { font-size: 24px; color: #1b202e; line-height: 1; margin-top: 35px; margin-bottom: 20px; }
.fwzc-list .item p { font-size: 14px; line-height: 28px; color: #81868e; }
/* xl-history */

/* swp-bar */
.swp-bar {justify-content: center;align-items: center;}
.swp-bar .swp-page .swiper-pagination-bullet {width: 14px;height: 14px;background-color: #81868e;opacity: 0.5;margin: 0 7px;}
.swp-bar .swp-page .swiper-pagination-bullet-active {background-color: #3faae7;opacity: 1;}
.swp-btn {width: 38px;height: 38px;background: #81868E;border-radius: 50%;line-height: 38px;color: #fff;text-align: center;margin: 0 20px;font-size: 0;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;cursor: pointer;}
.swp-btn:hover {background: #3faae7;}
.swp-btn:focus {outline: none;}
.swp-btn.prev i {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.swp-btn i {display: inline-block;vertical-align: middle;font-size: 20px;}
.swp-bar-case {margin-top: 40px;}
/*--*/
.swp-bar-wrap .swp-btn {position: absolute;top: 50%;left: 70px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);margin: 0;z-index: 3;}
.swp-bar-wrap .swp-btn.next {left: auto;right: 70px;}
/* swp-bar */

/* xl-partners */
.xl-partners{width: 100%;position: relative;}
.xl-partners .rq{width: 100%;padding-top: 34px;padding-bottom: 120px;}
.xl-partners .rq .rq1{width: 100%;height: 220px;margin-bottom: 20px;position: relative;}
.xl-partners .rq .rq1 .div1{width: 100%;padding: 0 120px;}
.xl-partners .rq .rq1 .div2{padding: 0;position: absolute;left: 0;top: 55%;}
.xl-partners .rq1 .div{width: 220px;height: 220px;background-image: url(../images/partners.png);background-size: contain;background-repeat: no-repeat;position: relative;overflow: hidden;float: left; margin-right: 23px;}
.xl-partners .rq1 .div2 .div:nth-child(7),.xl-partners .rq1 .div:nth-child(6){margin-right: 0;}
.xl-partners .rq1 .div2 .div:nth-child(6){margin-right: 23px;}
.xl-partners .rq1 .div img{max-width: 80%;max-height: 80%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/* xl-partners */

/* xl-honor */
.about-c{background: #f5f5f5;}
.about-w{background: #fff;}
.swiper-container-honor .swiper-slide {text-align: center;}
.swiper-container-honor .swiper-slide .pic {background-color: #ffffff;border-radius: 5px;display: flex;align-items: center;justify-content: center;padding: 50px 70px;border-radius: 20px;}
.about-w .swiper-container-honor .swiper-slide .pic {background-color: #ffffff;border-radius: 5px;display: flex;align-items: center;justify-content: center;padding: 50px 70px;border: 1px solid #e2e2e2;}
.swiper-container-honor .swiper-slide .tit {font-size: 16px;color: #3c3c3c;margin-top: 18px;}
.xl-honor{background: #f5f5f5;}
/* xl-honor */

/* xl-contact */
.contact-box { padding: 3.5% 0; box-shadow: 0 0 1vw 0 rgba(0,0,0,00.1);border-radius: 20px;}
.contact-box .L img { width: 76%; margin: 0 auto; }
.contact-box .L { width: 33%; }
.contact-box .L img{ display:block;}
.contact-box .R { width: 21%; }
.contact-box li span {line-height: 1.5;width: calc(100% - 20px);padding-left: 2.5%;font-size: 18px;color: #000;}
.contact-box li span b{ font-size:32px;}
.contact-box li i { height: 24px; width: 20px; }
.contact-box .M { padding: 0 6%; width: 45%; border: 1px solid #ddd; border-top: none; border-bottom: none; }
.contact-box .M li:not(:first-child) { margin-top: 6%; }
.contact-box .R i { width: 17px; margin-right: 5px; }
.contact-box .R small { margin-top: 5px; }
.contact-box .R figure { width: 7.8vw; border: 1px solid #000; margin: 0 auto 10px; }
/* xl-contact */

/* xl-map */
.xl-map {position: relative;background: #eee;height: 400px; margin-top:-60px; margin-bottom:80px;border-radius: 20px;}
#map {height: 600px;background-size: #eee;}
.xl-map .gogo {position: absolute;left: 50%;top: 50%;margin-left: -120px;margin-top: -28px;width: 240px;height: 56px;background-color: #27a1dc;box-shadow: 0px 10px 20px 0px rgba(47, 113, 214, 0.15);border-radius: 28px;z-index: 2;text-align: center;line-height: 56px;color: #fff;font-size: 18px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.xl-map .gogo:hover {box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);}
.icon-map-loc {width: 26px;height: 26px;background-size: contain;margin-right: 15px;margin-top: -2px;display: initial;}
.company-content{margin-top: 64px; margin-bottom: 70px;}
.company-list .item .box{background: #fff; height: 350px; padding: 40px 28px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.company-list .item .box:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.company-list .item .box h4{font-size: 30px; line-height: 24px; color: #282828;}
.company-list .item .box p{margin-top: 30px; font-size: 16px; line-height: 36px; color: #6b6b6b;}
/* xl-map */

/* xl-office */
.xl-office{ margin-top:50px;}
.office-box li>div {background: #fff;border-radius: 1.0416666666666665vw;padding: 1.8229166666666667vw 2.083333333333333vw;width: 100%;height: 100%;overflow: hidden;}
.office-box li .name {position: relative;margin-bottom: 1.0416666666666665vw;font-size: 22px;color: #000;font-weight: bold;}
.office-box li .name:after {content: '';display: block;width: 2.1875vw;height: 2px;background: #E5E5E5;position: absolute;left: 0;bottom: -.5vw;}
.office-box li i{float:left;font-size: 1.27708333333333333vw;color:#e62129;/* line-height: 20px; */}
.office-box li .text{float:right; width:92%;}
.office-box li {width: 48.4%;box-shadow: 0 0 1vw 0 rgba(0,0,0,00.1);margin-right: 50px;margin-bottom: 50px;float: left;}
.office-box li:nth-child(3),.office-box li:nth-child(4){ margin-bottom:0;}
.office-box li:nth-child(2n+0) {margin-right: 0;}
.office-box .blue {color: #40aae7;}
.office-box .ccont{font-size: 16px;line-height: 30px;color: #000;font-weight:normal;margin-top: 0;margin-bottom: .5rem;overflow: auto;}	
.office-box .ccont b{ display:block; font-weight:normal;}	
/* xl-office */	

/* xl-message */
.xl-message{position: relative;background: url("../images/img-1.jpg") center no-repeat;}	
.message-content{padding: 90px 0;}
.message-content .cont{padding-left: 48px;width: 44%;}
.message-content .cont h3{font-size: 30px;color: #282828;line-height: 1;margin-bottom: 35px;}
.listMessage{position: relative;margin-top: 60px;margin-bottom:60px;}
.listMessage .flex{display: flex;justify-content: space-between;}
.form-content .one .item { width: 28.5%; height: 60px; background-color: #ffffff; border-radius: 5px; border: solid 1px #dddcd7; line-height: 58px; font-size: 0; }
.form-content .one .item input { height: 30px; vertical-align: middle; padding-left: 35px; padding-right: 35px; width: 100%; color: #2e3136; font-size: 16px; }
.form-content .one .item:nth-child(3) { width: 41%; }
.form-content .two textarea { width: 100%; height: 200px; background-color: #ffffff; border-radius: 5px; border: solid 1px #dddcd7; margin-top: 10px; display: block; line-height: 1.75; padding: 30px 35px; color: #2e3136; font-size: 16px; }
.form-content .sub { display: block; margin: 28px auto 0; width: 240px; height: 56px; background-color: #27a1dc; box-shadow: 0px 10px 20px 0px rgba(47, 113, 214, 0.15); border-radius: 28px; font-size: 18px; color: #ffffff; cursor: pointer; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.form-content .sub:hover { width: 260px; box-shadow: 0px 10px 20px 0px rgba(47, 113, 214, 0.25); }
/* xl-message */

/* xl-media */
.xl-media {background-color: #F8F8F8;padding-bottom: 100px;}
.media-box {font-size: 0;margin-left: -10px;margin-right: -10px;}
.media-box .item-row {display: inline-block;vertical-align: top;width: 50%;}
.media-box .item-box {margin-left: 10px;margin-right: 10px;background-color: #Fff;height: 530px;font-size: 20px;padding-left: 4em;padding-right: 4em;}
.media-box .item-box  .item-title{font-size: 30px;line-height: 1.5;color: #000;font-weight: 500;padding-top:80px;}
.media-box .item-box .ct-pic__list{ margin-top:40px;}
.ct-pic__list span {font-weight: 500;display: block;margin-top: .77778em;font-size: 18px;line-height: 1.66667;color: #000;}
.media-box .item-box .ct-link__list{    font-size: 16px;line-height: 1.625; margin-top:40px;}.ct-link__list li {margin-bottom: 1.25em;}
.ct-pic__list .item-pic img {position: absolute;left: 0;top: 0;max-width: 100%;}
.ct-pic__list .item-pic::before {content: "";display: block;padding-top: 100%;}
.ct-pic__list .item-pic {max-width: 100px;position: relative;}
.ct-pic__list li {display: inline-block;vertical-align: top;width: 32.7%;}
.ct-pic__list li:nth-child(3n) {margin-right: 0;}
.ct-link__list a {display: block;position: relative;padding-left: 40px;}
.ct-link__list a span{ font-size:16px;}
.ct-link__list .item-dec {position: absolute;left: 0;top: 4px;max-width: 24px;}
.index-more{padding:85px 0;line-height:54px;text-align:center;font-size:38px;font-weight:lighter;color:#fff;background:url(../images/iMore-bg.jpg) no-repeat center center / cover;}
/* xl-media */

/* xl-adv */
.xl-adv .adv_text{text-align:center;}
.xl-adv .adv_text h2{font-size:36px;color:#000;}
.xl-adv .adv_text .text{font-size:16px;color:#666;line-height:28px;padding:30px 0;max-width:1020px;margin:0 auto;}
.adv_slide{height:500px;border-radius: 20px;}
.adv_slide .swiper-slide .pic_box{width:50%;height:100%;display:inline-block;float:left;border-radius: 20px;}
.adv_slide .swiper-slide .pic_box img{width:100%;height:100%;object-fit: cover;}
.adv_slide .swiper-slide .text_box{width:50%;height:100%;float:left;background-repeat: no-repeat;background-position: left center;background-image: url(../images/join2.jpg);background-size: cover;}
.adv_slide .swiper-slide .text{display:inline-block;padding:0 30px;}

.adv_slide .swiper-slide .text h3{font-size: 24px;color:#000;padding-bottom:5px;font-weight: bold;line-height: 34px;height: 34px;}
.adv_slide .swiper-slide .text h4{font-size: 24px;color: #333;padding-bottom: 25px;font-weight: bold;line-height: 34px;height: 34px;}
.adv_slide .swiper-slide .text span.line{display:inline-block;width:60px;height:3px;background: #3faae7;/* margin-bottom:30px; */margin-top: 13px;}
.adv_slide .swiper-slide .text .tx{font-size:16px;color: #000;line-height:30px;margin: 20px auto 34px;}
.adv_slide .pagination{display:inline-block;width:auto;position: absolute;bottom:30px;right:0;padding-right:320px;z-index: 600;text-align:right;}
.adv_slide .swiper-pagination-bullet{width:10px;height:10px;}
.adv_slide .swiper-pagination-bullet-active{background: #3faae7;opacity: 1;}
/* xl-adv */

/* xl-partner */
.xl-partner{background-image: url('../images/xl-partner.jpg');}
.xl-partner li{width: 49%;overflow:hidden;font-size:1.143em;margin-bottom: 30px;border-radius: 20px;}
.xl-partner li .item{display:block;background:#fff;height: 220px;padding: 6% 4% 4% 22%;}
.xl-partner li h4{font-size: 25px;color: #000;position: relative;padding-bottom:15px;margin-bottom:20px;font-weight: bold;}
.xl-partner li h4::after{content:"";position: absolute;width:20px;height:3px;background: #00a0ea;left:0;bottom:0;}
.xl-partner li p{height:60px;padding-bottom:10px;color: #000;}
.xl-partner li span{font-size:12px;}
.xl-partner li i{font-family:"iconfont";float:left;font-style:normal;margin-left: -100px;font-size: 3.0rem;color: #00a0ea;}
.xl-partner li .item:hover{background:#00a0ea;color:#fff;}
.xl-partner li .item:hover i,.xl-partner li .item:hover h4,.xl-partner li .item:hover p{color:#fff;}
/* xl-partner */

/* xl-support */
.xl-support{background-image: url('../images/xl-support.jpg');}
.xl-support h2{font-size:36px;color:#333;text-align:center;padding:50px 0;}
.support_box{max-width:1600px;margin:0 auto;}
.support_box .list{width: 18.5%;height:290px;background:#fff;border-radius: 20px;}
.support_box .list:hover,.support_box .list:active{background:url(../images/support-bg.jpg) no-repeat center;background-size:cover;}
.support_box .list .text{padding:0 40px;text-align:center;}
.support_box .list .text h4{font-size:24px;color: #000;padding-bottom:20px;font-weight: bold;}
.support_box .list .text p{font-size:16px;color: #000;line-height: 30px;}
.support_box .list:hover h4,.support_box .list:hover p,.support_box .list:active h4,.support_box .list:active p{color:#fff;}
.support_box .list .text i{width:40px;height:40px;display:inline-block;margin-bottom:20px;background-repeat: no-repeat;background-position: center;background-size:auto 95%;}
.support_box .list:nth-child(1) .text i{background-image: url(../images/support01.png);}
.support_box .list:nth-child(2) .text i{background-image: url(../images/support02.png);}
.support_box .list:nth-child(3) .text i{background-image: url(../images/support03.png);}
.support_box .list:nth-child(4) .text i{background-image: url(../images/support04.png);}
.support_box .list:nth-child(5) .text i{background-image: url(../images/support05.png);}
.support_box .list:nth-child(1):hover .text i,.support_box .list:nth-child(1):active .text i{background-image: url(../images/support01h.png);}
.support_box .list:nth-child(2):hover .text i,.support_box .list:nth-child(2):active .text i{background-image: url(../images/support02h.png);}
.support_box .list:nth-child(3):hover .text i,.support_box .list:nth-child(3):active .text i{background-image: url(../images/support03h.png);}
.support_box .list:nth-child(4):hover .text i,.support_box .list:nth-child(4):active .text i{background-image: url(../images/support04h.png);}
.support_box .list:nth-child(5):hover .text i,.support_box .list:nth-child(5):active .text i{background-image: url(../images/support05h.png);}
/* xl-support */

/* xl-condition */
.xl-condition{padding-bottom:90px;}
.xl-condition h2{font-size:36px;color:#333;text-align:center;padding:50px 0;}
.condition_box{padding-bottom:50px;}
.condition_box .list{width:23%;height:185px;box-sizing: border-box;/* border:1px solid #eee; */text-align:center;background: #f5f5f5;border-radius: 20px;}
.condition_box .list .text{color:#666;padding:0 40px;}
.condition_box .list .text h4{display:inline-block;font-size:36px;height:55px;line-height:55px;border-bottom:1px solid #666;margin-bottom:10px;font-weight: bold;color: #000;}
.condition_box .list .text p{font-size: 18px;line-height: 36px;color: #000;}
.xl-condition .pic_box img{border-radius: 20px;}
/* xl-condition */

/* xl-joinmsg */
.xl-joinmsg{padding-bottom:50px;background:#f8f8f8;}
.xl-joinmsg .join_tit{padding:50px 0;text-align:center;}
.xl-joinmsg .join_tit h2{font-size:36px;color:#333;padding:5px 0;}
.xl-joinmsg .join_tit p{font-size:18px;color:#666;}
.joinmsg_box .list{padding:14px 0;position: relative;}
.joinmsg_box .list input.text{width:32.5%;height:60px;font-size:16px;color:#999;background:#fff;text-indent:15px;}
.joinmsg_box .list input.t2{width:300px;}
.joinmsg_box .list textarea{width:100%;min-height:280px;padding:1%;font-size:16px;color:#999;background:#fff;}
.joinmsg_box .list:nth-child(3){text-align:center;display:flex;flex-direction: row;		align-items: center;justify-content : center;}
.joinmsg_box .list img{width:200px;height:60px;background:#fff;display:inline-block;margin-right:10px;}
.joinmsg_box .submit{width:300px;height:60px;font-size:16px;color:#fff;background:#0f8acf;margin-left:10px;border-radius: 50px; margin:0 auto; text-align:center;display:block; margin-top:40px;}
/* xl-joinmsg */
	.bed{background: url(../images/bed.jpg) no-repeat center center; background-size:cover;padding: 80px 0;}

	.cpxq{width:100%; margin:0 auto}
	.cpxql{width:25%; margin-right:2%; float:left; display:none}
	.cpxqr{width:100%; float:left}
	.cpxqr1{width:100%; float:left}
	.cpxqr2{width:100%; float:left}
	.cpcon1 ul{width:100%; float:left; margin-top:15px; margin-bottom:15px; text-align:center}
	.cpcon1 ul li{width:20%; float:left; margin-bottom:10px}
	.cptit{ background-color:#595757; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#FFFFFF; width:100%; float:left}
	.cptit1{ background-color:#595757; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#FFFFFF; width:100%; float:left}
	.cpcon ul{width:100%; float:left; margin-top:15px; margin-bottom:15px}
	.cpcon ul li{width:100%; float:left; margin-bottom:10px}
	.cpr2l{width:49%; margin-right:2%; float:left}
	.cpr2r{width:49%; float:left}
	@media (max-width:992px) {
	.cpxq{width:100%; margin:0 auto}
	.cpxql{width:25%; margin-right:2%; float:left; display:none}
	.cpxqr{width:100%; float:left}
	.cpxqr1{width:100%; float:left}
	.cpxqr2{width:100%; float:left}
	.cpcon1 ul{width:100%; float:left; margin-top:15px; margin-bottom:15px; text-align:center}
	.cpcon1 ul li{width:50%; float:left; margin-bottom:10px}
	.cptit{ background-color:#595757; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#FFFFFF; width:100%; float:left}
	.cptit1{ background-color:#595757; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#FFFFFF; width:100%; float:left}
	.cpcon ul{width:100%; float:left; margin-top:15px; margin-bottom:15px}
	.cpcon ul li{width:100%; float:left; margin-bottom:10px}
	.cpr2l{width:100%; float:left}
	.cpr2r{width:100%; float:left}
		}
		
/* xl-adv */
.xl-adv{ background: url(../images/adv.jpg) no-repeat center center; background-size:cover; color:#ffffff; }
.xl-adv .container{ padding:2.6% 0;overflow: hidden;width: 63%;}
.xl-adv .info{width: 37%;margin-left: 20px;}
.xl-adv .info h3{ font-size:40px; font-weight: normal;}
.xl-adv .info p{font-size:16px;margin-top:2%;text-align: right;}
.xl-adv .tel{/* width:40%; */margin-top: 25px;float: right;}
.xl-adv .tel .tit{ font-size:16px; margin:3% 0;}
.xl-adv .tel .telinfo{ font-family: Impact; font-size:28px; }
.xl-adv .tel .telinfo span{ display: inline-block; background: url(../images/tel.png) no-repeat left center; background-size:30px; padding-left:40px;}
.xl-adv .button-list a {width: 220px;height: 60px;font-size: 18px;line-height: 60px;text-align: center;background: #00a0ea;color: #FFFFFF;border-radius: 30px;margin-left: 1rem;transition: all .3s;display: block;float: left;}
.xl-adv .button-list a:first-child {background: #FFFFFF;color: #00a0ea;}
.xl-adv .button-list a:hover:first-child { background: #FAFAFA;}
.xl-adv .button-list a:hover { background: #00a0ea;}
.xl-adv .button-list .icon {height: 29px;margin-right: .5rem;}
/* xl-adv */