@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
img {border: none;}
ul,li {list-style: none;}
a {text-decoration: none;color: #333;cursor: pointer;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
input,select,button,textarea {font-size: 14px;font-family: "Microsoft YaHei", Arial, sans-serif, sans-serif;font-size: 14px;color: #333;outline: none;vertical-align: middle;}
input:focus::-webkit-contacts-auto-fill-button{
    opacity: 0;
}
select{-webkit-appearance:button;background-color: none;}
select::-ms-expand { display: none; }
/*input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999;}
input:-moz-placeholder,textarea:-moz-placeholder {color: #999;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #999;}*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
button{border: none;cursor: pointer;}
body {font-size: 14px;color: #333;font-family: PingFangSC-Regular,"Microsoft YaHei", Arial, sans-serif;-webkit-font-smoothing: antialiased;}
.fix {zoom: 1}
.fix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.fl {float: left;}
.fr {float: right;}
.wrap {max-width: 1350px;margin: 0 auto;}
.pr {position: relative;}
.pa {position: absolute;}
.fixed {position: fixed;top: 0;left: 0;right: 0;z-index: 99;}

/*头部*/
.top{position: relative;}
.header{background: rgba(255,255,255,.7);height: 110px;position: fixed;top: 0;left: 0;right: 0;z-index: 50;}
.logo{font-size: 12px;color: #333;margin-top: 20px;}
.logo img{display: block;height: 62px;}
.logo-r{border-left: 1px solid #e9e9e9;padding-left: 19px;height: 58px;margin-left: 10px;}
.logo p{font-size: 26px;color: #000;font-weight: bold;margin-bottom: 8px;line-height: 1;}
.logo span{font-size: 16px;color: #333;}
.nav li{float: left;line-height: 110px;position: relative;margin-left: 40px;}
.nav li a{display: block;font-size: 16px;color: #333;}
.nav li a:hover,.nav li.active a{color: #000;}
.nav li a img{margin-left: 5px;}
.nav li:after{content: '';display: block;height: 1px;background: #000;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;transition: all .5s;}
.nav li:hover:after,.nav li.active:after{width: 100%;transition: all .5s;}
.top-phone{font-size: 18px;color: #02A7DD;font-weight: bold;background: url(../images/dhico1.png) no-repeat left center;padding-left: 50px;margin-top: 24px;border-left: 1px solid rgba(255,255,255,.3);overflow: hidden;}
.top-phone span{display: block;font-size: 12px;font-weight: normal;}
.navico{display: none;}
.banner{height: 1001px;width: 100%;overflow: hidden;}
.banner .swiper{width: 100%;height: 100%;}
.banner .swiper-slide{width: 100%;height: 1001px;position: relative;background-repeat: no-repeat;background-position: center;}
.banner .swiper-slide-active{z-index: 3;}
.pc-ban img{display: block;position: absolute;left: 50%;margin-left: -960px;top: 0;width: 1920px;height: 1001px;}
.banner .swiper-pagination{position: absolute;left: 0;right: 0;bottom: 70px;text-align: center;z-index: 5;}
.banner .swiper-pagination-bullet{display: inline-block;width: 35px;height: 4px;background: rgba(255,255,255,.3);margin: 0 5px;border-radius: 0;}
.banner .swiper-pagination-bullet-active{background: #fff;}
.wap-ban{display: none;}
.item1-l{width: 50%;}
.item1-l img{width: 100%;display: block;}
.item1-r{width: 50%;box-sizing: border-box;padding: 110px 12.5% 0 5%;}
.title{font-size: 36px;color: #555;}
.title span{color: #333;}
.title i{display: block;font-family: arial;font-size: 18px;color: #02a7dd;font-weight: normal;text-transform: uppercase;font-style: normal;margin-top: 10px;}
.item1-c{font-size: 16px;color: #555;line-height: 36px;margin-top: 35px;}
.item1-btn{display: block;width: 215px;height: 44px;border: 1px solid #a0a0a0;font-size: 16px;color: #555;text-align: center;line-height: 44px;margin-top: 45px;}
.item1-btn:hover{border: 1px solid #02a7dd;color: #02a7dd;}
.item1 .title i{margin-bottom: 10px;margin-top: 0;}
.item2-wap{display: none;}
.item2-pc{/*background: url(../images/img2.jpg) no-repeat right center;background-size: 65% auto;padding-top: 160px;*/padding-top: 100px;}
.item2-wap{background: url(../images/img2.jpg) no-repeat right center;background-size: 65% auto;padding-top: 160px;}
.item2 .wrap{overflow: hidden;}
.item2-pc .item2-l{font-size: 16px;color: #333;width: 30%;padding-left: 16%;box-sizing: border-box;padding-top: 5%;}
.item2-wap .item2-l{font-size: 16px;color: #333;}
.item2-l p{margin-top: 30px;}
.item2-l .p1{font-size: 20px;color: #006e92;}
.item2-l .p1:after{content: '';display: inline-block;height: 1px;width: 80px;background: #02a7dd;margin-left: 15px;vertical-align: middle;}
.item2-pc .item2-r{position: relative;/*margin-top: 100px;margin-right: 20%;*/width: 65%;display: none;}
.item2-wap .item2-r{margin-top: 100px;position: relative;margin-right: 20%;}
.item2-r:after{content: '';display: block;width: 100%;height: 88%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);z-index: 1;}
.item2-wap .item2-r:after{display: none;}
.item2-r .swiper-container{width: 450px;background: #fff;}
.item2-rc{background: #fff;width: 600px;margin: 100px 0 0 16%;position: relative;z-index: 2;}
.item2-c{padding: 30px 40px 40px;}
.item2-c h3{font-size: 24px;color: #333;font-weight: normal;margin-bottom: 10px;}
.item2-c p{font-size: 14px;color: #555;line-height: 30px;display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:4;overflow: hidden;}
.item2-c img{display: block;max-width: 100%;margin-top: 15px;}
.item2-r a{display: block;height: 90px;background: #006e92;font-size: 18px;color: #fff;text-align: center;line-height: 90px;}
.item2-r .swiper-button-next:after,.item2-r .swiper-button-prev:after{display: none;}
.item2-r .swiper-button-next,.item2-r .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;}
.item2-r .swiper-button-prev{background: url(../images/arrow_l.png) no-repeat;left: -80px;}
.item2-r .swiper-button-next{background: url(../images/arrow_r.png) no-repeat;right: -80px;}
.item3{margin-top: 120px;}
.item3 .title{text-align: center;}
.pro-nav{text-align: center;margin: 25px 0 35px;}
.pro-nav a{font-size: 16px;color: #666;}
.pro-nav i{font-family: '宋体';font-style: normal;font-size: 14px;color: #666;margin: 0 35px;}
.pro-nav i:last-child{display: none;}
.pro-nav a:hover{color: #02a7dd;}
.item3-c li{float: left;width: 25%;height: 500px;background: #f5f5f5;text-align: center;}
.item3-c li:nth-child(2n){background: #efefef;}
.pro-img{height: 420px;display: table;text-align: center;width: 100%;overflow: hidden;}
.pro-img span{display: table-cell;vertical-align: middle;}
.pro-img img{display: block;max-width: 80%;max-height: 80%;margin: 0 auto;}
.item3-c li p{font-size: 18px;color: #333;margin-top: 15px;}
.item3-b .item1-btn{margin: 50px auto 0;}
.item3-b{position: relative;}
.item3-b .swiper-button-next:after,.item3-c .swiper-button-prev:after{display: none;}
.item3-b .swiper-button-next,.item3-b .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;}
.item3-b .swiper-button-prev{background: url(../images/arrow_l_pro.png) no-repeat;right: 60px;left: auto;}
.item3-b .swiper-button-next{background: url(../images/arrow_r_pro.png) no-repeat;right: 0;}
.item4{padding: 55px 0 140px;}
.item4-tit{border-bottom: 1px solid #d2d2d2;padding: 25px 0;position: relative;}
.item4-tit a{font-size: 24px;color: #333;text-transform: uppercase;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.item4-tit:before{content: '';display: block;width: 80px;height: 1px;background: #535353;position: absolute;right: 0;bottom: -1px;}
.item4-c{margin-top: 45px;}
.item4-l{width: 50%;}
.item4-r{width: 50%;}
.item4-l li{padding-right: 7%;margin-bottom: 75px;position: relative;padding-left: 25px;}
.item4-l li:before{content: '';display: block;width: 6px;height: 6px;background: #02a7dd;border-radius: 50%;position: absolute;left: 0;top: 12px;}
.item4-l li:last-child{margin-bottom: 0;}
.item4-l li h3{font-size: 24px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item4-l li p{font-size: 14px;color: #666;line-height: 24px;margin-top: 20px;display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:2;overflow: hidden;}
.item4-l li span{display: block;font-size: 14px;color: #666;margin-top: 15px;}
.item4-r li{margin-bottom: 30px;}
.item4-r li:last-child{margin-bottom: 0;}
.item4-r li a{display: block;clear: both;overflow: hidden;}
.item4-l li:hover h3,.item4-r li:hover p{color: #02a7dd;}
.item4-img{width: 160px;height: 100px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.item4-img img{display: block;width: 100%;visibility: hidden;}
.item4-info{padding-left: 195px;}
.item4-info p{font-size: 18px;color: #333;line-break: 30px;display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:2;overflow: hidden;}
.item4-info span{display: block;font-size: 16px;color: #666;margin-top: 15px;}

/*底部*/
.map-footer{display: none;}
.footer{background: #1a1a1a;padding: 105px 0;box-sizing: border-box;}
.foot-ls{width: 26%;}
.foot-ls img{width: 50%;}
.foot-l{font-size: 14px;color: #888;line-height: 24px;width: 31%;}
.foot-l h3{font-size: 24px;color: #fff;font-weight: normal;margin-bottom: 20px;}
.foot-l h3 span{font-size: 14px;color: #5e5e5e;display: block;margin-top: 5px;}
.foot-l h3:after{content: '';display: block;width: 20px;height: 1px;background: #5e5e5e;margin-top: 15px;}
.foot-l p{font-size: 14px;line-height: 24px;color: #5e5e5e;margin-top: 9px;}
.foot-l p span{display: block;font-size: 20px;color: #D4D4D4;font-weight: bold;margin-bottom: 20px;}
.foot-l p img{margin-right: 12px;vertical-align: middle;}
.contact-btn{display: block;width: 139px;height: 34px;background: #282828;font-size: 16px;color: #fff;font-weight: bold;text-align: center;line-height: 34px;margin: 20px 0;}
.foot-l p a{color: #5e5e5e;}
.ft-login{margin:20px 0 0;}
.ft-login span{display: inline-block;width: 90px;font-size: 14px;color: #fff;text-align:center;margin-right: 10px;}
.ft-login span img{display: block;width: 90px;height: 90px;}
.foot-lb{width: 27%;}
.foot-r{width: 16%;}
.foot-r a{width: 50%;}
.botnav{display: none;}
/*导航*/
.nav-ceng{position: fixed;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0,0,0,0);z-index: 49;display: none;}
.navitem{position: fixed;top: 0;bottom: 0;right: -100%;width: 100%;background: #fff;overflow-y: scroll;-webkit-overflow-scrolling: touch;z-index: 60;padding-bottom: 30px;transition: all .2s ease;padding-top: 40px;}
.navclose{display: block;position: absolute;top: 23px;right: 15px;}
.navclose img{width: 25px;}
.nav-ul{padding: 0 0 0 15px;}
.nav-ul > li{border-bottom: 1px solid rgba(0,0,0,.1);}
.nav-ul > li > a{display: block;padding: 10px 0;font-size: 14px;color: #333;}
.nav-ul-two{padding-left: 15px;border-top: 1px solid rgba(0,0,0,.1);display: none;}
.nav-ul-two li{border-bottom: 1px solid rgba(0,0,0,.1);}
.nav-ul-two li:last-child{border-bottom: none;}
.nav-ul-two li a{display: block;padding: 10px 0;font-size: 14px;color: rgba(0,0,0,.8);}
/*悬浮*/
.side{position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 50;width: 130px;background: #fff;border: 2px solid #00C2FF;border-radius: 20px;display: none;padding-bottom: 25px;}
.side-img{width: 118px;height: 118px;margin: 15px auto 0;}
.side ul{width: 102px;margin: 16px auto 0;}
.side li{height: 20px;background: #00C2FF;border-radius: 10px;margin-bottom: 10px;}
.side li a{display: block;font-size: 13px;color: #fff;padding-left: 13px;}
.side li img{margin-right: 4px;margin-top: 3px;}
.side-b{margin-top: 25px;}
.side-b span{display: block;font-size: 14px;color: #666;background: url(../images/dhico2.png) no-repeat 12px center;padding-left: 31px;}
.side-b p{text-align: center;font-size: 12px;color: #999;margin-top: 4px;}
/*首页*/
/*内页*/
.p-ban{width: 100%;height: 510px;position: relative;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.p-ban img{display: block;width: 1920px;height: 510px;position: absolute;top: 0;left: 50%;margin-left: -960px;z-index: 1;}
.location{height: 80px;line-height: 80px;border-bottom: 1px solid #e5e5e5;}
.p-nav{font-size: 18px;color: #333;}
.p-nav a{float: left;color: #333;padding: 0 25px;position: relative;margin-right: 60px;}
.p-nav a.active{border-bottom: 2px solid #02a7dd;line-height: 79px;}
.p-nav a:after{content: '|';font-family: '宋体';position: absolute;right: -30px;top: 50%;transform: translateY(-50%);}
.p-nav a:last-child:after{display: none;}
.loca{font-size: 14px;color: #666;}
.loca a{color: #666;}
.loca a:hover{color: #02a7dd;}
.p-left{width: 180px;margin-top: 28px;}
.p-left h2{font-size: 20px;color: #393939;font-weight: normal;padding: 0 0 10px;border-bottom: 1px solid #E9E9E9;}
.left-menu{margin-top: 16px;}
.left-menu li{margin-top: 10px;}
.left-menu li a{display: block;font-size: 16px;color: #393939;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.left-menu li a:hover,.left-menu li.active a{color: #02A7DD;}
.p-right{padding-left: 217px;}
.p-right-line{height: 64px;border-bottom: 1px solid #e9e9e9;}
.bottom{background: url(../images/botbg.jpg) no-repeat center;height: 193px;text-align: center;overflow: hidden;}
.bottom p{font-size: 24px;color: #000;font-weight: bold;margin: 35px 0 0;}
.bottom span{display: block;font-size: 16px;color: #000;margin-top: 12px;}
.bottom a{display: block;width: 158px;height: 40px;background: #02A7DD;border-radius: 2px;font-size: 16px;color: #fff;margin: 25px auto 0;line-height: 40px;}
.p-cons{padding: 80px 0;}
/*关于戈特威*/
.about{font-size: 16px;color: #393939;line-height: 28px;}
.about img{max-width: 100%;}
/*产品列表*/
.pro-tab{padding: 20px 0;}
.pro-tab li{float: left;height: 36px;border: 1px solid #E9E9E9;border-radius: 19px;line-height: 36px;margin-right: 18px;}
.pro-tab li a{display: block;font-size: 16px;color: #333;padding: 0 20px;}
.pro-tab li:hover{border-color: #00C2FF;}
.pro-tab li:hover a{color: #00C2FF;}
.pro-tab li.active{background: #00C2FF;}
.pro-tab li.active a{color: #fff;}
.pro li{float: left;width: 24%;margin-right: 1.3%;margin-bottom: 40px;background: #f5f5f5;box-sizing: border-box;position: relative;}
.pro li:nth-child(2n){background: #efefef;}
.pro li:nth-child(4n){margin-right: 0;}
.proimg{display: block;height: 249px;width: 100%;overflow: hidden;position: relative;z-index: 1;text-align: center;}
.proimg img{display: block;width: 100%;height: auto;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pro-info{display: block;padding: 15px;}
.pro-info p{font-size: 16px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.pro-info span{display: block;font-size: 13px;color: #999;line-height: 20px;height: 40px;overflow: hidden;margin-top: 8px;}
.pro li:hover p{color: #00C2FF;}
.pro-btn{position: relative;height: 42px;}
.pro-btn:after{content: '';display: block;height: 20px;width: 1px;background: #DBDBDB;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 5;}
.pro-btn a{float: left;width: 50%;text-align: center;font-size: 12px;color: #666;line-height: 42px;text-align: center;}
.pro-btn img{margin-right: 5px;vertical-align: middle;}
.pro-btn a:hover{color: #00C2FF;}
.qrcode{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);display: none;z-index: 5;}
.qrcode img{display: block;width: 130px;height: 130px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pro li:hover .qrcode{display: block;}
/* 分页 */
.paginator{text-align: center;margin-top: 30px;}
.paginator a,.paginator span{display: inline-block;height: 30px;padding: 0 10px;background: #fff;border: 1px solid #e9e9e9;border-radius: 2px;color: #606266;text-align: center;line-height: 30px;margin: 0 5px;vertical-align: middle;}
.paginator a.current,.paginator span.current{background: #0084FF;color: #fff;border-color: #0084FF;}
.paginator a:hover{color: #0084FF;border-color: #0084FF;}
/*联系我们*/
.lx-top{text-align: center;padding: 80px 0 0;}
.lx-top h2{font-size: 40px;color: #333;font-weight: normal;}
.lx-top span{display: block;font-size: 16px;color: #666;margin-top: 20px;}
.lx-con{margin-top: 80px;background: #F8F8F8;min-height: 300px;}
.map{width: 53%;background: #AEAEAE;height: 300px;}
.lx-right{padding: 25px 35px 35px 56%;}
.lx-right h3{font-size: 28px;color: #333;font-weight: normal;margin-bottom: 20px;}
.lx-right h3:after{content: '';display: block;width: 55px;height: 3px;background: #0084FF;margin-top: 10px;}
.lx-right b{display: block;font-size: 16px;color: #333;margin: 20px 0 10px;}
.lx-right p{font-size: 16px;color: #666;line-break: 21px;}
/*加盟与合作*/
.join{border: 1px solid #E9E9E9;box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.04);margin-top: 55px;}
.join-l{padding: 25px 0 0;width: 70%;}
.join-l h3{font-size: 24px;color: #000;font-weight: normal;text-align: center;}
.jm-form {padding: 0 10%;}
.join-l dl{margin-top: 20px;width: 50%;}
.join-l dt{float: left;width: 32%;padding-right: 10px;font-size: 14px;color: #666;box-sizing: border-box;line-height: 40px;text-align: right;}
.jm-ipt{height: 38px;line-height: 38px;font-size: 14px;color: #333;padding: 0 10px;border: 1px solid #E9E9E9;border-radius: 6px;width: 50%;box-sizing: border-box;}
.jm-selct{height: 40px;line-height: 40px;font-size: 14px;color: #333;padding: 0 10px;border: 1px solid #E9E9E9;border-radius: 6px;width: 50%;box-sizing: border-box;}
.join-l p{font-size: 18px;color: #333;text-align: center;margin-top: 30px;}
.submit{display: block;width: 158px;height: 40px;background: #02A7DD;border-radius: 2px;cursor: pointer;margin: 25px auto 0;border: none;font-size: 16px;color: #fff;}
.join-r{background: url(../images/jmimg.png) no-repeat;background-size: cover;width: 30%;height: 470px;overflow: hidden;}
.join-rc{background: #fff;margin: 55px auto 0;padding: 4px 4px 15px;width: 63%;box-sizing: border-box;}
.join-rc img{width: 100%;}
.join-rc p{font-size: 14px;color: #666;padding: 0 16px 15px;border-bottom: 1px dashed #CFCFCF;text-align: center;margin: 0 14px;}
.join-rc em{display: block;font-style: normal;font-size: 13px;color: #666;margin-top: 12px;text-align: center;}
.join-rc span{display: block;font-size: 20px;color: #02A7DD;font-weight: bold;background: url(../images/jmico.png) no-repeat 32px center;padding-left: 61px;margin-top: 10px;}
/*产品详情*/
.pro-top{margin-top: 50px;}
.pro-det{border: 1px solid #E8E8E8;margin-top: 80px;}
.pro-det-tab{background: #F5F5F5;}
.pro-det-tab li{float: left;font-size: 18px;color: #333;line-height: 60px;padding: 0 55px;cursor: pointer;}
.pro-det-tab li.active{background: #fff;}
.pro-dets{padding: 30px;font-size: 16px;color: #666;line-break: 30px;}
.pro-dets img{max-width: 100%;}
.pro-left{width: 380px;}
.pro-left.slideBox{overflow:hidden; position:relative;}
.pro-left.slideBox .hd{/*position: absolute;bottom: 0;left: 0;*/margin-top: 10px;}
.pro-left.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;width: 381px;}
.pro-left.slideBox .hd ul li{ float:left; width:113px; height:113px;cursor:pointer;border: 1px solid #E8E8E8;padding: 4px;margin-right: 4px;margin-bottom: 6px;background: #f5f5f5;}
.pro-left.slideBox .hd ul li img{display: block;width: 113px;height: 113px;}
.pro-left.slideBox .hd ul li.on{border-color: #3c8fc3;}
.pro-left.slideBox .bd{ position:relative;border: 1px solid #E8E8E8;padding: 4px;background: #f5f5f5;}
.pro-left.slideBox .bd li{ zoom:1; vertical-align:middle; }
.pro-left.slideBox .bd img{ width:370px; height:370px; display:block;  }
.pro-right{padding-left: 430px;}
.pro-right h3,.kc-left h3{font-size: 32px;color: #333;font-weight: normal;}
.pro-right p,.kc-left p{font-size: 18px;color: #666;line-height: 2;margin-top: 15px;}
.cate{font-size: 13px;color: #999;margin-top: 40px;}
.cate a{color: #00C2FF;}
.price{background: #F2F2F2;font-size: 30px;color: #FF3D00;padding: 25px;margin-top: 30px;}
.pro-det-btn{margin-top: 40px;}
.pro-det-btn a{display: inline-block;height: 40px;background: #00C2FF;border-radius: 2px;font-size: 13px;color: #fff;padding: 0 10px;margin-right: 10px;line-height: 40px;}
.pro-det-btn img{margin-right: 5px;}
/*课程详情*/
.kc-left{width: 60%;height: 100%;}
.kc-det_img{height: 480px;position: relative;overflow: hidden;}
.kc-det_img img{display: block;width: 100%;height: auto;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.kc-right{width: 33%;background: #3A3A3B;}
.kc-tit{font-size: 18px;color: #fff;padding: 24px 20px;border-bottom: 1px solid rgba(255,255,255,.1);}
.kc-right p{font-size: 16px;color: #fff;padding: 16px 20px;border-bottom: 1px solid rgba(255,255,255,.1);}
.kc-right p span{opacity: .5;}
.kc-form{padding: 55px 20px 25px;}
.kc-ipt{width: 100%;height: 50px;border-radius: 8px;padding: 0 20px;line-height: 50px;box-sizing: border-box;font-size: 16px;color: #333;margin-bottom: 18px;border: none;}
.sign{width: 100%;height: 50px;background: #00C2FF;border-radius: 8px;border: none;cursor: pointer;font-size: 16px;color: #fff;margin-top: 18px;}
.kc-left h3{margin-top: 30px;}

/*详情*/
.xx_t{ text-align:center; border-bottom:1px #ccc dashed; padding:20px 0; margin-bottom:25px;}
.xx_t h1{ font-size:18px; margin-bottom:8px;}
.xx_t span{ color:#999;}
.xx_con p{ line-height:24px;}
.xx_con img{max-width: 100%;}
.fy{ border-top:1px #ccc dashed; padding:10px 0; line-height:2; margin-top:25px;}
.fy a{ color:#666;}
.fy a:hover{ color:#0084FF; text-decoration:underline;}

/*媒体与活动*/
.p-news{padding: 30px 0 0;}
.p-news li{padding: 20px 0;border-bottom: 1px solid #e9e9e9;}
.news-img{width: 168px;height: 138px;position: relative;overflow: hidden;}
.news-img img{display: block;width: auto;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.news-info{padding-left: 198px;}
.news-info h3{font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-info p{color: #888;line-height: 24px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 15px;}
.news-info span{display: block;font-size: 12px;color: #888;margin-top: 25px;}
.news-info em,.news-info i{font-style: normal;}
.p-news li:hover h3{color: #0084FF;}
/*解决方案*/
.solution li{float: left;width: 22.75%;margin-right: 3%;background: #fff;}
.solution li:nth-child(4n){margin-right: 0;}
.sol-img{height: 300px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.sol-img img{width: 100%;height: 100%;opacity: 0;}
.solution li p{font-size: 16px;color: #333;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 10px;text-align: center;}
.solution li:hover p{color: #02A7DD;}



/*在线留言*/
.online{margin-top: 40px;}
.online dl{margin-bottom: 15px;}
.online dl dt{float: left;width: 150px;font-size: 16px;color: #333;padding-right: 15px;text-align: right;}
.ipt1{width: 300px;height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;color: #333;border: 1px solid #ccc;}
.textarea{width: 300px;padding: 10px;font-size: 14px;color: #333;border: 1px solid #ccc;}
.form-validator-error {padding: 6px 12px;display: block;line-height: 180%;background: none repeat scroll 0% 0% #FFE5ED;border-radius: 4px;color: #8B0000;margin: 10px;}