@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;overflow-x: hidden;}
.fix {zoom: 1}
.fix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.fl {float: left;}
.fr {float: right;}
.wrap {max-width: 1440px;margin: 0 auto;}
.pr {position: relative;}
.pa {position: absolute;}
.fixed {position: fixed;top: 0;left: 0;right: 0;z-index: 99;}

/*头部*/
.top{position: relative;height: 760px;}
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 10;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.5);}
.head{height: 118px;}
.logo{font-size: 12px;color: #333;}
.logo img{display: block;}
.logo-r{border-left: 1px solid #4ca8ff;padding-left: 19px;height: 65px;margin-left: 10px;margin-top: 27px;padding-top: 5px;}
.logo p{font-size: 24px;color: #0071DA;font-weight: bold;margin-bottom: 10px;line-height: 1;}
.logo span{font-size: 20px;color: #666;}
.nav{border-top: 1px solid #ccc;text-align: center;}
.nav li{display: inline-block;line-height: 50px;position: relative;}
.nav li:before{content: '';display: block;height: 15px;width: 1px;background: #D6D6D6;position: absolute;left: 0;top: 50%;margin-top: -7px;}
.nav li:first-child:before{display: none;}
.nav li a{display: block;font-size: 18px;color: #333;padding: 0 32px;}
.nav li a:hover,.nav li.active a{color: #0084FF;}
.nav li a img{margin-left: 5px;}
.nav li:after{content: '';display: block;height: 4px;background: #0084FF;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;transition: all 1s;}
.nav li:hover:after,.nav li.active:after{width: 70%;transition: all 1s;}
.top-phone{font-size: 30px;color: #333;font-weight: bold;background: url(../images/dhico1.png) no-repeat left center;padding-left: 39px;margin-top: 30px;border-left: 1px solid rgba(255,255,255,.3);padding-right: 16px;}
.top-phone span{display: block;font-size: 14px;color: #666;font-weight: normal;letter-spacing: 1px;}
.navico{display: none;}
.banner{height: 760px;width: 100%;overflow: hidden;margin-top: 169px;}
.banner .swiper{width: 100%;height: 100%;}
.banner .swiper-slide{width: 100%;height: 760px;position: relative;background-repeat: no-repeat;background-position: center;}
.banner .swiper-slide .wrap{padding-top: 200px;}
.banner .swiper-slide h3{font-size: 50px;color: #fff;}
.banner .swiper-slide p{font-size: 14px;color: #fff;line-height: 22px;margin-top: 15px;max-width: 30%;}
.banner .swiper-slide a{display: block;width: 178px;height: 42px;background: #FFA024;border-radius: 6px;font-size: 14px;color: #fff;text-align: center;line-height: 42px;margin-top: 75px;}
.banner .swiper-slide:last-child a{background: #39a9ff;}
.banner .swiper-slide-active{z-index: 3;}
/*.banner img{display: block;position: absolute;left: 50%;margin-left: -960px;top: 0;width: 1920px;height: 614px;}*/
.banner .swiper-pagination{position: absolute;left: 0;right: 0;bottom: 30px;text-align: center;z-index: 5;}
.banner .swiper-pagination-bullet{display: inline-block;width: 18px;height: 4px;background: rgba(255,255,255,.8);margin: 0 5px;border-radius: 0;}
.banner .swiper-pagination-bullet-active{width: 36px;background: #0084FF;}
.wap-ban{display: none;}
.title-l{position: relative;padding: 80px 0 60px;width: 50%;}
.title-l:before,.title-l:after{content: '';display: block;width: 159px;height: 1px;background: #BEBEBE;position: absolute;left: 0;bottom: 25px;}
.title-l:after{background: #2394E5;width: 45px;}
/*.title-l span{display: block;font-size: 60px;color: #F5F5F5;line-height: 1;font-weight: bold;position: absolute;top: 60px;left: 90px;z-index: 1;}*/
.title-l h3{font-size: 30px;color: #000;font-weight: bold;position: relative;z-index: 3;}
.title-l h3 span{color: #0084FF;}
.title-l h3 em{font-size: 14px;color: #333;text-transform: uppercase;font-style: normal;display: block;font-weight: normal;}
.title-l img{position: absolute;top: 49px;left: -63px;z-index: 1;}
.title-r{margin-top: 90px;}
.title-r a{font-size: 16px;color: #0084FF;}
/*底部*/
.footer{background: #454a52 url(../images/footbg.jpg) no-repeat bottom center;padding: 45px 0 20px;box-sizing: border-box;}
.foot-l{font-size: 14px;color: rgba(255,255,255,.5);line-height: 24px;width: 17%;}
.foot-logo{margin-bottom: 25px;display: block;}
.foot-l span{display: block;font-size: 20px;color: #D4D4D4;font-weight: bold;margin-bottom: 20px;}
.ft-login{ text-align:left; font-size:14px; color:#919198; line-height:36px; margin:20px 0 0;}
.ft-login a{ display:inline-block; width:25px; height:25px; vertical-align:middle;position: relative; margin:0 16px 0 0;}
.ft-login a.ft-qq{ background:url(../images/qq.png) no-repeat;}
.ft-login a.ft-weixin{ background:url(../images/wechat.png) no-repeat;}
.ft-login a:last-child{margin-right: 0;}
.ft-login a span{display: block;position: absolute;bottom: 100%;left: 0;display: none;width: 120px;padding-bottom: 7px;z-index: 20;}
.ft-login a span img{display: block;width: 120px;height: 120px;}
.ft-login a span em{display: block;width: 10px;height: 9px;background: url(../images/sanjiao1.png) no-repeat center;position: absolute;bottom: 0;left: 50%;margin-left: -5px;}
.ft-login a:hover span{display: block;}
.ft-login a span{left: 50%;margin-left: -60px;}
.foot-r{padding-top: 35px;}
.foot-r dl{float: left;margin-left: 60px;}
.foot-r dt{font-size: 14px;color: #fff;margin-bottom: 10px;}
.foot-r dd{line-height: 30px;}
.foot-r dd a{font-size: 14px;color: rgba(255,255,255,.5);}
.foot-r dd a:hover{color: #fff;}
.copy{font-size: 14px;color: rgba(255,255,255,.5);margin-top: 110px;}
.copy a{color: rgba(255,255,255,.5);}
.copy a:hover{color: #fff;}
.navitem{display: none;}
/*悬浮*/
.side{position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 50;width: 160px;background: #fff;border-radius: 8px;box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.06);display: none;}
.side-img{position: absolute;top: -30px;left: 50%;margin-left: -30px;width: 60px;height: 60px;}
.side-t{height: 46px;background: linear-gradient(162deg, #51B7FF 0%, #0095FF 100%);border-radius: 8px 8px 0px 0px;}
.side li{color: #999;padding: 20px 0 20px 15px;}
.side li span{display: block;font-size: 14px;color: #000;font-weight: bold;}
.side li a{display: block;font-size: 12px;color: #000;}
.side li img{margin-right: 8px;margin-top: 8px;width: 20px;}
.side li a img{margin-top: 0;}
.side li:nth-child(2){background: #F8F8F8;}
/*首页*/
.item1{background: #F8F8F8;box-sizing: border-box;padding-bottom: 75px;}
.item1-l{width: 25%;background: #0084FF;height: 602px;}
.item1-l h3{font-size: 20px;color: #fff;font-weight: normal;border-bottom: 1px solid rgba(255,255,255,.3);margin: 35px 25px 0;padding-bottom: 15px;}
.item1-l ul{margin: 20px 25px 0;}
.item1-l li{line-height: 45px;margin-top: 10px;}
.item1-l li a{display: block;font-size: 14px;color: #fff;padding-left: 23px;}
.item1-l li.active{background: #fff url(../images/rico.png) no-repeat 90% center;}
.item1-l li.active a{color: #0084FF;}
.item1-r{}
.item1-p{font-size: 20px;color: #666;}
.item1-li{float: left;width: 31.5%;height: 520px;margin-right: 1.9%;box-sizing: border-box;position: relative;background: #fff;border: 1px solid #E8E8E8;margin-top: 1.9%;overflow: hidden;}
.item1-li:nth-child(3n){margin-right: 0;}
.item1-li:after{content: '';display: block;height: 4px;background: #0084FF;position: absolute;left: 0;bottom: 0;width: 0;transition: width .3s ease;}
.item1-li a{display: block;color: #333;}
.shuiyin{display: block;width: 93px;position: absolute;left: 14px;top: 14px;z-index: 2;}
.proimg{height: 376px;width: 100%;overflow: hidden;position: relative;z-index: 1;text-align: center;transition: all 1s ease;}
.proimg img{display: block;width: 90%;height: auto;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.item1-text{padding: 5px 17px;height: 144px;box-sizing: border-box;overflow: hidden;}
.item1-text p{padding: 15px 0;font-size: 16px;font-weight: bold;border-bottom: 1px solid #E9E9E9;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro-info li{float: left;width: 33.33%;padding: 15px 0;line-height: 24px;}
.pro-info li span{display: block;}
.item1-li:hover .item1-text{background: #0084FF;}
.item1-li:hover li{color: #fff;}
.item1-li:hover p{border-bottom-color: rgba(233,233,233,.25);color: #fff;}
.item1-li:hover .proimg{transform: scale(1.1)}
.title-b{/*max-width: 49%;*/margin-bottom: 35px;font-size: 20px;color: #666;}
.item2 li{float: left;width: 17%;position: relative;height: 560px;transition: all .1s ease;background-size: cover !important;cursor: pointer;}
.item2 li.active{width: 49%;}
.item2-text{position: absolute;top: 80px;left: 25px;right: 25px;color: #fff;}
.item2-text h3{font-size: 28px;font-weight: normal;}
.item2-text p{margin-top: 25px;line-height: 24px;display: none;}
.item2-text span{display: block;margin-top: 15px;}
.item2-more{display: none;width: 144px;height: 42px;background: #FFA024;border-radius: 6px;font-size: 14px;color: #fff;text-align: center;line-height: 42px;position: absolute;left: 24px;bottom: 82px;}
.item2-more img{margin-left: 10px;vertical-align: middle;}
.item2 li.active .item2-text p{display: block;}
.item2 li.active .item2-text span{display: none;}
.item2 li.active .item2-more{display: block;}
.item3{padding: 100px 0;}
.item3-t img.fl{width: 43%;}
.item3-l{width: 54%;}
.item3-l h3{font-size: 30px;color: #000;font-weight: bold;}
.item3-l span{display: block;font-size: 20px;color: #999;margin-top: 10px;}
.item3-l p{font-size: 16px;color: #666;line-height: 30px;margin-top: 35px;}
.item3-l a{display: block;width: 144px;height: 42px;background: #FFFFFF;border: 1px solid #E5E5E5;border-radius: 6px;font-size: 16px;text-align: center;line-height: 42px;margin-top: 70px;}
.item3-l a img{margin-left: 10px;vertical-align: middle;}
.item3-l a:hover{color: #0084FF;border-color: #0084FF;}
.item3-r_b{margin-top: 45px;position: relative;clear: both;overflow: hidden;}
.item3-r_b li{float: left;width: 25%;color: #666;}
.item3-r_b li span{font-size: 16px;margin-top: 0;}
.item3-r_b li p{color: #000;margin: 0;}
.item3-r_b li b{color: #0084FF;font-size: 36px;}
.item3-more{background: none;border: 1px solid #E9E9E9;color: #333;}
.item3-b{height: 100px;background: #FFFFFF;box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.04);border-radius: 4px;margin-top: 60px;}
.item3-b li{float: left;width: 25%;position: relative;height: 100px;}
.item3-b li:after{content: '';display: block;width: 1px;height: 40px;background: #E9E9E9;position: absolute;right: 0;top: 50%;margin-top: -20px;}
.item3-b li:first-child{border-radius: 6px 0 0 6px;}
.item3-b li:last-child{border-radius: 0 6px 6px 0;}
.item3-b li:last-child:after{display: none;}
.item3-b li a{display: block;font-size: 18px;color: #000;padding-left: 20%;padding-top: 26px;}
.item3-b li i{float: left;width: 48px;height: 44px;margin-right: 6px;}
.gyico1{background: url(../images/gy_ico1.png) no-repeat left center;}
.gyico2{background: url(../images/gy_ico2.png) no-repeat left center;}
.gyico3{background: url(../images/gy_ico3.png) no-repeat left center;}
.gyico4{background: url(../images/gy_ico4.png) no-repeat left center;}
.item3-b li span{display: block;font-size: 12px;color: #999;margin-top: 5px;}
.item3-b li:hover{background: #0084FF url(../images/jjico1.png) no-repeat 90% center;}
.item3-b li:hover a{color: #fff;padding-left: 8%;}
.item3-b li:hover span{color: #fff;}
.item3-b li:hover .gyico1{background-image: url(../images/gy_ico1_h.png);}
.item3-b li:hover .gyico2{background-image: url(../images/gy_ico2_h.png);}
.item3-b li:hover .gyico3{background-image: url(../images/gy_ico3_h.png);}
.item3-b li:hover .gyico4{background-image: url(../images/gy_ico4_h.png);}
.item4{background: url(../images/khbg.jpg) no-repeat center top;height: 720px;margin: 120px 0 0;}
/*.item4 .title-l span{color: rgba(255,255,255,.2);}*/
/*.item4-c{line-height: 24px;width: 63%;}*/
.item4-c{font-size: 20px;color: #666;}
.item4-b{background: #fff;margin-top: 35px;padding: 10px 0;}
.item4-b li{float: left;width: 20%;height: 135px;display: table;text-align: center;}
.item4-b li a{display: table-cell;vertical-align: middle;}
.item4-b li img{display: block;margin: 0 auto;max-width: 80%;max-height: 80%;transition: all .1s ease-in;}
.item4-b li:hover img{transform: scale(.95);box-shadow: 0 0 10px rgba(0,0,0,.05);}
.item5-t-r a{display: inline-block;width: 113px;height: 38px;border: 1px solid #E9E9E9;border-radius: 4px;font-size: 14px;color: #333;text-align: center;line-height: 38px;margin-left: 15px;}
.item5-t-r a.active{background: #0084FF;color: #fff;border-color: #0084FF;}
.item5{margin-top: 15px;margin-bottom: 110px;display: none;}
.item5-l{width: 46%;background: #F7F7F7;}
.item5-img{height: 284px;overflow: hidden;position: relative;}
.item5-img img{width: auto;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 1s ease;}
.date{width: 60px;height: 68px;background: #FFA024;position: absolute;top: 37px;left: 33px;font-size: 14px;color: #fff;text-align: center;;overflow: hidden;}
.date b{display: block;font-size: 18px;margin: 10px 0 5px;}
.item5-info{padding: 25px 25px 15px;}
.item5-info h3{font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item5-info p{color: #888;line-height: 24px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top: 15px;}
.item5-info span{color: #0084FF;display: block;text-align: right;border-top: 1px solid #E8E8E8;margin-top: 25px;padding-top: 15px;}
.item5-l:hover h3{color: #0084FF;}
.item5-l:hover .item5-img img{transform: translate(-50%,-50%) scale(1.1);}
.item5-r{width: 46%;border-top: 1px solid #F1F1F1;}
.item5-r li{border-bottom: 1px solid #F1F1F1;}
.item5-r li a{display: block;padding: 15px 13px 20px;}
.item5-r li h3{font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item5-r li 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;}
.item5-r li span{display: block;font-size: 12px;color: #888;margin-top: 25px;}
.item5-r li em,.item5-r li i{font-style: normal;}
.item5-r li em{background: url(../images/sjico.png) no-repeat left center;padding-left: 20px;}
.item5-r li:hover h3{color: #0084FF;}
.wsm-item{background: #F8F8F8;margin-bottom: 40px;}
.wsm-item-l{width: 50%;position: relative;}
.wsm-item-l img{display: block;width: 100%;height: 100%;}
.ys-tit{display: block;position: absolute;left: 0;top: 0;background: rgba(0, 132, 255, 0.8);font-size: 26px;color: #fff;font-weight: bold;padding: 8px 16px;}
.wsm-item-r{padding: 75px 45px;width: 50%;box-sizing: border-box;}
.wsm-item-r h3{font-size: 36px;color: #333;font-weight: bold;}
.wsm-item-r b{font-size: 20px;color: #666;display: block;margin: 25px 0 15px;}
.wsm-item-r p{font-size: 16px;color: #666;line-height: 27px;background: url(../images/ysbg1.png) no-repeat left 8px;padding-left: 12px;margin-bottom: 15px;}
.ys-line{height: 1px;background: #E9E9E9;}
.wsm-item1{position: relative;padding: 60px 24px 40px;}
.wsm-item1 h3{font-size: 36px;color: #333;font-weight: bold;}
.wsm-item1 ul{margin-top: 20px;}
.wsm-item1 li{float: left;width: 15.4%;margin-right: 1.5%;background: #fff;padding: 33px 10px 0;text-align: center;min-height: 255px;box-sizing: border-box;cursor: pointer;transition: all .2s ease;}
.wsm-item1 li:last-child{margin-right: 0;}
.wsm-item1 li img{display: block;margin: 0 auto;}
.wsm-item1 li span{display: block;font-size: 22px;color: #333;font-weight: bold;margin: 15px 0;}
.wsm-item1 li p{color: #666;line-height: 20px;}
.wsm-item1 li:hover{box-shadow: 0 0 10px rgba(0,132,255,.2);margin-top: -10px;}
.wsm-item1 li:hover span{color: #0084FF;}
.ry img{display: block;width: 100%;}
/*内页*/
.p-header{position: fixed;top: 0;left: 0;right: 0;z-index: 10;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.5);height: 121px;}
/*.p-header{background: #fff;}*/
/*.p-header .logo span{color: #999;border-left-color: rgba(153,153,153,.3);}
.p-header .nav li a{color: #333;}
.p-header .nav li a:hover{color: #0084FF;}
.p-header .top-phone{color: #333;background-image: url(../images/dhico1.png);border-left-color: rgba(51,51,51,.3);}*/
.p-ban{width: 100%;height: 300px;position: relative;overflow: hidden;margin-top: 169px;}
.p-ban h2{font-size: 40px;color: #fff;font-weight: normal;text-shadow: 0 0 10px rgba(0,0,0,.3);text-align: center;position: absolute;left: 0;right: 0;top: 100px;z-index: 2;}
.p-ban img{display: block;width: 1920px;height: 500px;position: absolute;top: 0;left: 50%;margin-left: -960px;z-index: 1;}
.p-cons{background: #f7f6f9;padding-bottom: 110px;}
.p-left{width: 18%;background: #fff;padding-bottom: 80px;position: relative;top: -83px;z-index: 5;}
.p-left h2{font-size: 26px;color: #000;margin: 0 24px;padding: 25px 0 15px;border-bottom: 1px solid #EBEBEB;}
.p-left ul{margin-top: 16px;}
.p-left li{margin-top: 10px;}
.p-left li a{display: block;font-size: 16px;color: #333;line-height: 40px;padding: 0 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.p-left li a:hover,.p-left li.active a{background: #0084FF;color: #fff;}
.p-right{width: 80%;}
.loca{font-size: 16px;color: #333;padding: 25px 0 20px;border-bottom: 1px solid #E5E5E5;}
.loca a{color: #0084FF;}
.cate{font-size: 40px;color: #333;font-weight: normal;margin: 50px 0 25px;}
.p-con{color: #666;line-height: 22px;padding-top: 30px;}
.p-con img{max-width: 100%;}
.p-con table{border: 1px solid #ccc;border-collapse: collapse;}
/*新闻*/
.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;}
.news-info em{background: url(../images/sjico.png) no-repeat left center;padding-left: 20px;}
.p-news li:hover h3{color: #0084FF;}
/* 分页 */
.paginator{padding: 50px 0;text-align: center;}
.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;}
/*产品*/
.p-pro{padding-top: 30px;}
/*.p-pro .item1-li{float: left;box-sizing: border-box;background: #fff;width: 32%;margin: 0 2% 20px 0;position: relative;cursor: pointer;height: auto;}
.p-pro .item1-li:nth-child(3n){margin-right: 0;}*/
.p-pro .item1-li{height: auto;}
.pro-img{height: 305px;width: 100%;overflow: hidden;position: relative;transition: all 1s ease;}
.pro-img img{display: block;width: 100%;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.p-pro .pro-info li{font-size: 12px;width: 28%;}
.p-pro .pro-info li:first-child{width: 44%;}
.p-pro .item1-li:hover .pro-img{transform: scale(1.1)}
/*案例*/
.case-list li{float: left;box-sizing: border-box;background: #fff;width: 32%;margin: 0 2% 20px 0;position: relative;cursor: pointer;height: auto;}
.case-list li:nth-child(3n){margin-right: 0;}
.case-img{height: 120px;width: 100%;overflow: hidden;position: relative;}
.case-img img{display: block;max-width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.caseimg{display: block;margin: 0 auto;}
.case-list li p{text-align: center;padding: 12px 0;font-size: 15px;}
/*解决方案*/
.solution{margin-top: 40px;}
.solution li{background: #fff;height: 214px;margin-bottom: 20px;}
.solution img{width: 313px;height: 100%;}
.sol-info{padding-left: 343px;padding-right: 30px;}
.sol-info h3{color: #0084FF;font-size: 16px;font-weight: normal;padding: 20px 0;}
.sol-info p{color: #666;line-height: 24px;}
/*详情*/
.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;}
/*产品详情*/
.pro_t{padding: 30px 0 0;}
.pro_t h2{font-size:20px; font-weight:bold; color:#333; margin-bottom:15px;}
.pro_t img{ border:2px #ececec solid;max-width: 100%;box-sizing: border-box;}
.ms-tit{font-size: 18px;color: #0084FF;font-weight: bold;border-bottom: 1px solid #ccc;padding: 20px 0;margin-bottom: 30px;}
/*在线留言*/
.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;}
.submit{width: 150px;height: 40px;border-radius: 6px;background: #0084FF;font-size: 16px;color: #fff;text-align: center;border: none;cursor: pointer;}
.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;}
/*联系我们*/
.map{width: 100%;height: 300px;margin-bottom: 30px;}
.map img{max-width: initial;}
/*图文列表*/
.p-about{padding-top: 30px;}
.p-about li{float: left;box-sizing: border-box;background: #fff;width: 32%;margin: 0 2% 20px 0;position: relative;cursor: pointer;height: auto;}
.p-about li:nth-child(3n){margin-right: 0;}
.p-about li p{font-size: 14px;padding: 15px 0;text-align: center;}
.p-about li:hover p{color: #0084FF;}
.p-about li .pro-img{height: 200px;}