@charset "utf-8";
/*左边导航*/
.wrap{margin: 0 auto; width: 1200px;}
.module-l{width: 240px; float: left;}
.slider-item{background-color: #fff;}
.slider-head{overflow: hidden; box-sizing: border-box;padding: 26px; text-align: left; height: 110px;background-color: #2a77c5;color:#fff;margin-bottom: 1px;}
.slider-head .title{font-size: 22px;letter-spacing: 2px;}
.slider-head .des{font-size: 14px;letter-spacing: 1px;opacity: 0.3;margin-top:5px;}
.slider-body{overflow: hidden; box-sizing: border-box;border:1px solid #ccc;border-top:none;}
.index-pro .slider-head p{color:#fff;font-size:24px;opacity: 1;font-weight:bold;margin-top:10px}
.slider-head a{color: #fff;}
.slider-pro{width: 100%;margin-bottom: 10px;}
.slider-pro .title{display: block;overflow: hidden; margin:0 auto 14px;width: 100%; height: 40px;line-height: 40px;text-align: left;color:#333333;font-size: 18px;text-decoration: none;background:#cccccc;padding-left:15px;box-sizing: border-box;}
.slider-pro .title:hover{background-image: none;}
.slider-pro ul li{box-sizing: border-box; height: 36px;line-height:36px;}
.slider-pro ul li:last-child{border-bottom: none;}
.slider-pro ul a{overflow: hidden; display: block;box-sizing: border-box;padding:0 28px 0 35px; width: 100%;height: 100%; text-decoration: none;}
.slider-pro .name{max-width: 136px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;font-size: 16px;color:#000;}
.slider-pro .tag{float: right;font-size: 14px;color:#b3b2b1;}
.slider-pro li:hover a{color:#0033cc}
.slider-pro li:hover .name{color:#0033cc;}
.slider-contact{margin:15px auto 30px;width:210px;}
.slider-contact li{font-size: 14px;line-height: 36px;letter-spacing: 1px;color: #333232;}
.list_dl{width: 240px; background-color: #efefef;}
.list_dt{background: linear-gradient(45deg, #2a77c5 40%,#00c6fb 100%) !important; color: #fff; width: 240px; padding: 0 40px 0 20px; height: 52px; line-height: 52px; margin: 5px 0; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.list_dt:hover{background: #222;}
.list_dt p{font-size: 18px;}
#open{background: #cccccc;}
.list_dt_icon{position: absolute;right: 10px;top: 16px;display: block;width: 16px;height: 16px;background: url("../images/off.png") no-repeat;transition: all .5s;}
#open .list_dt_icon{transform: rotate(-90deg);}
.list_dd{display: none; width: 236px; margin: 5px 3px 2px 3px; padding-bottom: 4px;}
.list_dd.on{}
.list_li{background: #F1F1F2; list-style-type: none; color: #333; width: 234px; padding: 0px 15px; height: 42px; line-height: 42px; cursor: pointer;border-bottom: 1px solid #fff;}
.list_li .name{max-width: 185px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;color:#000;text-overflow: clip;}
.list_li .tag{float: right;font-family: 宋体;font-size: 14px;color:#b3b2b1;}
.list_li:hover a{color:#0082cc}
.list_li:hover .name{color:#0082cc;}
/*产品列表*/
.module-r{width: 930px; float: right; margin-bottom: 30px;}
.pro_bt{font-size: 20px; padding-bottom: 5px; border-bottom: 1px solid #efefef;}
.pro_bt em{display: block; width: 50px; height: 3px; background: #2a77c5; margin-top: 10px; margin-bottom: -7px;}
.FrameProList{overflow: hidden; width: 930px; box-sizing: border-box;}
.FrameProList ul{padding-top: 15px;}
.FrameProList ul li{float: left;width: 300px;border: 1px solid #efefef;margin-right: 15px;margin-bottom: 15px;}
.FrameProList ul li:nth-child(3n){margin-right: 0;}
.FrameProList ul li a{}
.FrameProList ul li .prolist_1{width: 100%;height: 298px;position: relative;overflow: hidden;}
.FrameProList ul li img{width: 100%;height: 100%;display: block;transition: all 0.6s;}
.FrameProList ul li img:hover{transform: scale(1.2);}
.FrameProList ul li p{height: 40px;line-height: 40px;text-align: center;padding: 0 10px;background-color: #efefef;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*详情页*/
.pro_xqyimg p{margin: 15px 0; font-size: 20px;}
.pro_xqyimg .swiper-slide{cursor: pointer;}
.pro_xqyimg img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.pro_xqyimg{float: left;width: 720px;height: 500px;line-height: 325px;overflow: hidden;text-align: center;border: 1px solid #efefef;}
.pro_xqyimg .swiper-pagination-fraction{color: #333;bottom: 6px;line-height: normal;text-align: right;padding-right: 10px;/*text-shadow: 0 0 5px #000;*/box-sizing: border-box;}
.pro_xqyimg .swiper-button-next,
.pro_xqyimg .swiper-button-prev{width: 30px;height: 50px;background: #c3c3c3;z-index: 99;left: 2%;margin-top: -25px;/*opacity: 0;*/transition: all .5s;opacity: .35;}
.pro_xqyimg .swiper-button-next{left: auto;right: 2%;}
.pro_xqyimg .swiper-button-next:after,
.pro_xqyimg .swiper-button-prev:after{content: "";position: absolute;left: 45%;top: 50%;width: 10px;height: 10px;border: 3px solid #fff;border-left: none;border-bottom: none;transform: translate(-50%,-50%) rotate(45deg);}
.pro_xqyimg .swiper-button-prev:after{left: 55%;transform: translate(-50%,-50%) rotate(-135deg);}
.pro_xqyimg .swiper-button-next:hover,
.pro_xqyimg .swiper-button-prev:hover{background-color: #0082cc;opacity: 1;}
.pro_xqyimg .swiper-button-next:hover:after,
.pro_xqyimg .swiper-button-prev:hover:after{border-color: #fff;}
.pro_xqyimg:hover .swiper-button-next,
.pro_xqyimg:hover .swiper-button-prev{/*opacity: 1;*/}
.pro_xqy{padding: 13px 0;background: rgba(246,246,246,.31);}
.pro_xqy .down{width: 200px; float: right;}
.pro_xqy .down .link{display: block;background: #f0f0f0;line-height: 40px;margin: 10px 0;width: 200px;float: left;font-size: 15px;cursor: pointer;}
.pro_xqy .down .link em{display: block; width: 40px; height: 40px; float: left; background: #0082cc url(../images/down_icon.png) center no-repeat; background-size: 30px;}
.pro_xqy .down .link span{display: block; width: 45px; height: 30px; background: url(../images/pdf.png) center no-repeat; background-size: 28px; margin-top: 4px; float: left;}
.pro_xqy .down .down_bt p{font-size: 16px; margin: 10px 0; padding-bottom: 15px; border-bottom: 1px solid #999;}
.pro_xqy .down .link:hover span{background: url(../images/pdf2.png) center no-repeat; background-size: 28px;}
.pro_xqy .down .case-panel .link p{font-size: 18px;}
.card-fouthh{padding-bottom: 30px;background: rgba(246,246,246,.31);}
.card-fouthh .sub-title{margin-bottom: 32px; text-align: center; font-size: 40px; color: #333}
.card-fouthh .desc{color: #3a3a3a;font-weight: 200;margin-bottom: 30px;white-space: nowrap;overflow: hidden;background-color: #eeeeee;text-align: left;}
/*顶部分类*/
.card-fouthh .industry{font-size: 20px; color: #333; padding: 14px; display: inline-block; width: 150px; text-align: center;}
.card-fouthh .industry.last{padding-right: 0}
.card-fouthh .industry.active{padding-bottom: 14px; background-color: #fff; border-top: 5px solid #0082cc;}
.card-fouthh .industry span{font-weight: 400;}
.card-fouthh .industry.active1 span{color: #0082cc;}
/*内容*/
.card-fouthh .case-container{position: relative;padding: 0 5px;}
.card-fouthh .case-panel{font-size: 14px;line-height: 28px;text-align: justify;}
.card-fouthh .case-panel img{max-width: 100%;}
.card-fouthh .case-panel a{color: #0082cc;text-decoration: underline;}
/*内容左侧*/
.card-fouthh .case-left{display: inline-block; vertical-align: top}
.card-fouthh .case-left img{width: 365px}
.card-fouthh .phone-framework{z-index: 102; position: relative}
/*内容右侧*/
.card-fouthh .case-head{font-size: 43px; color: #242424; margin-bottom: 20px; font-weight: 500}
.card-fouthh .case-text{font-size: 18px; color: #141414; padding-bottom: 22px; height: 107px}
.card-fouthh .case-content{width: 576px; margin-top: 10px}
.card-fouthh .case-icon-list{font-size: 0; width: 576px}
.card-fouthh .case-icon-list img{margin-top: 35px; margin-right: 30px; display: inline-block; width: 117px; border-radius: 20px}
.card-fouthh .case-content img{margin-top: 15px; width: 576px; height: 1px; opacity: 0.3}
.card-fouthh .case-icon-list .image-hover{width: 75px}
.card-fouthh .case-icon-list img.active{border: 2px solid #1696ff}
.card-fouthh .case-icon-list img.last{margin-right: 0}
.card-fouthh .industry-tab-line{height: 2px; background: #2267fa; top: 164px; position: absolute; -webkit-transition: all .3s; transition: all .3s}
/*下载页css*/
.downMargin .downList ul{margin-top: 20px;}
.downMargin .downList ul li{position: relative;color: #444;font-size: 16px;line-height: 70px;padding: 0 4px 0 60px;border-bottom: 1px solid #e7e7e7;transition: all .5s;cursor: pointer;}
.downMargin .downList ul li a{color: #444;padding: 0 15px;}
.downMargin .downList ul li h3{font-size: 16px;font-weight: normal;display: inline-block;}
.downMargin .downList ul li h3 span{color: #0082cc;}
.downMargin .downList ul li .num{position: absolute;left: 0;top: 0;width:60px;height: 100%;text-align: center;}
.downMargin .downList ul li .num i{position: absolute;top: 50%;margin-top: -12px;left: 50%;margin-left: -12px;width: 24px;height: 24px;line-height: 24px;background: #0082cc;border-radius:5px;z-index: 10;color: #fff;}
.downMargin .downList ul li:hover{padding-left:70px;background: #f9f9f9;}
.downMargin .downList ul li .right{float: right;}
/*搜索框*/
.mbx1{width: 1200px; margin:0 auto; margin-top: 60px;height: 20px;}
.mbx1 p{width: 40%;float: left;}
.searchbar{width: 18%; float: right; margin-top: -5px;}
.searchbar .searchbar_form{width: 100%; margin-top: 1px; margin-left: 0px;}
.searchbar .searchbar_form2{margin-bottom: 5px; width: 85%; float: left; border-bottom: 1px solid #d6d6d6;}
.searchbar .form_btn{width: 30px; height: 28px; background-color: #fff; border: 0; border-bottom: 1px solid #d6d6d6; cursor: pointer;}
.searchbar .form-control{width: 100%; padding: 5px; border: 0; color: #666; outline: none;}
.searchbar .form-control:focus{border-color: #fff;}
.form_btn img{width: 22px;}
/*产品详情内容*/
.pro_show{overflow: hidden; width: 930px; box-sizing: border-box;}
.pro_show ul li{float: left; width: 23%; border: 1px solid #efefef; margin: 10px 9px;}
.pro_show ul li .prolist_1{height: 200px; position: relative; overflow: hidden;}
.pro_show ul li img{max-width: 100%; cursor: pointer; transition: all 0.6s;}
.pro_show ul li img:hover{transform: scale(1.2);}
.pro_show ul li p{height: 40px; line-height: 40px; text-align: center; background-color: #efefef;}