@charset "utf-8";



button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}



/* CSS活动的公共样式 */

.mb15{margin-bottom:15px;}

.mb30{margin-bottom:30px;}

.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%;background-repeat: no-repeat;}

.pd60{padding:70px 0;font-size:.875em;overflow:hidden;}

.mb40{margin-bottom:40px;}

.mb50{margin-bottom:50px;}

.font14{font-size:.875em;}

.gray{background:#efefef;}





/*内页公用 */

.listWrap{overflow:hidden;padding:60px 0;font-size:.875em;}





/* 我们的产品 */

.product{background:url('../images/pro_bg.jpg');}

.hTitle{font-size:1rem;text-align:center;margin-bottom:40px;}

.hTitle span{display: block;font-size:2.875em;color:#191919;margin-bottom:5px;font-weight:700;}

.hTitle b{color:#008cd6;}

.proSear{max-width:920px;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 120px 0 15px;background:#fff;border-radius:25px;box-shadow:0 0 8px #ccc;overflow:hidden;}

.proSear .btn{height:50px;width:120px;text-align:center;font-size:16px;background:#008cd6;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-120px;}

.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left;}

.proSear .btn:hover{background-color:#003d57;}

.proMenu{width:19%;background:#fff; font-size:1.143em;}

.proMenu li{position:relative;z-index:2;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.proMenu li a{display: block;position:relative;color:#333;height:50px;line-height:50px;border-bottom: 1px solid #e8e8e8;padding-left:22%;background: url('../images/p_li.png') no-repeat 13% center;}

.proMenu .last a{color:#008cd6;}

.proMenu li::after,.proAdv li::after{content:"";position:absolute;left:0;top:0;background:#008cd6;width:0;height:100%;z-index:-1;transition:all .5s;}

.proMenu a:hover{color:#fff;background-image: url('../images/p_lih.png');}

.proMenu li:hover::after,.proAdv li:hover::after{width:100%;}

.proMain{width:78%;overflow:hidden;}

.proMain li{float:left;width:33.3%;font-size:1.143em;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;}

.proMain li a{display:block;overflow:hidden;background:#fff;}

.proMain li .pImg{padding-top:76%;}

.proMain li h4{color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;line-height:30px;height:62px;}

.proMain li h4 i{font-style:normal;margin-left:15px;color:#999;font-size:14px;}

.proMain li a:hover img{transform: scale(1.1);}

.proMain li a:hover h4,.proMain li a:hover i{color:#008cd6;}





/* 产品列表 */

.proWrap{padding-top:0;overflow: visible;}

.proWrap::after{content:"";position: absolute;top:0;left:0;width:200%;margin-left:-50%;background:#f7f7f7;height:70px;line-height:70px;z-index:-1;}

.proSider{width:22%;font-size:1.143em;float:left;}

.proSider .title{background:#008cd6;padding:30px;color:#fff;font-size:2.25em;text-transform: uppercase;}

.proSider .title span{display:block;font-family:Arial;font-size:0.556em;}

.proSider .title i{float:right;color:#008cd6;display:none;font-size:14px;line-height:inherit;cursor:pointer;position: relative;padding-right:25px;font-style:normal;}

.proSider .title i::after{content:"\e655";position:absolute;right:0;top:0;font-family:"iconfont";font-size:1.143rem;}

.proSide_sub{background:#f2f2f2;margin-bottom:30px;width:100%;}

.proSide_sub li{border-top: 1px solid #fff;}

.proSide_sub li a{padding:0 30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;height:55px;line-height:55px;}

.proSide_sub li i{font-family:"iconfont";margin-right:10px;font-style:normal;font-size:1.286em;position: relative;top:3px;}

.proSide_sub li a:hover,.proSide_sub li .cur{background:#008cd6;color:#fff;}

.proSide_sub ul{padding:10px 0;border-bottom: 1px solid #e6e6e6;font-size:.875em;}

.proSide_sub ul li{background: url('../images/ly_li.png') no-repeat 15% center;padding-left:20%;line-height:40px;}

.proSide_sub ul li .cur,.proSider ul ul a:hover{color:#008cd6;}

.relaCase{background:#f2f2f2;padding:20px 30px;}

.relaCase .tie{height:45px;border-bottom: 1px solid #d7d7d7;font-size:1.25em;color:#333;margin-bottom:20px;}

.relaCase li .pImg{padding-top:80%;    border: 1px #ccc solid;}

.relaCase li p{height:60px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.relaCase li i,.proList li i{float:right;font-style:normal;margin-left:15px;line-height:inherit;}

.relaCase li:hover img{transform: scale(1.1);}



.proR{width:74%;}

.pro_bread{font-size:.875rem;height:70px;line-height:70px;overflow:hidden;margin-bottom:40px;}

.pro_bread strong{font-size:1.786em;font-weight:normal;color:#333;}

.pro_bread p{position:relative;padding-left:25px;}

.pro_bread p::after{content:"\e627";position:absolute;left:0;font-family:"iconfont"} 

.proList {margin-right:-30px;}

.proList li{float:left;width:33.3%;margin-bottom:20px;padding-right:30px;}

.proList li a{display:block;}

.proList li .pImg{padding-top:75%;transition:all .3s;border:1px solid #d1d1d1;transition:all .4s;}

.proList li p{height:60px;line-height:60px;color:#191919;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;}

.proList li a:hover .pImg{box-shadow:0 0 10px #ccc;}

.proList li a:hover img{transform: scale(1.1);}

.proList li a:hover p{color:#008cd6;}

.searchList{width:100%;}

.searchList li{width:25%;}





/*  产品详情 */

.proShow_box1{overflow:hidden;margin:40px 0;border:1px solid #ddd;}

.proShowTop{overflow:hidden;margin-bottom:50px;}

.gallery{width:50%;position:relative;border-right:solid 1px #ddd;padding-bottom:0;overflow:hidden;}

.gallery li{height:480px;line-height:480px;}

.gallery .pImg{padding-top:80%;}

.gallery img{width:100%;}



.proShow_R{width:50%;overflow:hidden;line-height:1.8;padding:3% 4%;}

.proShow_R .title{margin-bottom:20px;color:#333;}

.proShow_R .title span{display:block;font-size:1.778em;color:#008cd6;}

.proShow_R .font{height:210px;line-height:2;margin-bottom:20px;border-bottom: 1px solid #ddd;padding-bottom:20px;overflow: hidden;}

.proShow_R li{float: left;width:25%;border-right: 1px dotted #ddd;text-align:center;font-size:1.143em;}

.proShow_R li i{display:inline-block;width:37px;height:37px;background: url('../images/show_Icon.png') no-repeat;}

.proShow_R li:nth-child(2) i{background-position: -37px 0;}

.proShow_R li:nth-child(3) i{background-position: -74px 0;}

.proShow_R li:nth-child(4) i{background-position: -111px 0;}

.proShow_R li span{display: block;}

.proShow_R .btn{margin-top:30px;overflow:hidden;}

.proShow_R .btn a{width:46%;height:50px;line-height:50px;float:left;text-align:center;border:1px solid #ddd;color:#333;margin-bottom:10px;}

.proShow_R .btn a:nth-child(2){float:right;}

.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.286rem;line-height:1;top:2px;}

.proShow_R .btn a:hover{background:#008cd6;color:#fff;}

.proShow_menu{margin-bottom:10px;text-align:center;overflow: hidden;}

.proShow_menu a{width:150px;height:40px;line-height:40px;border:1px solid #dcdcdc;display:inline-block;margin:0 10px;color:#333;border-radius:20px;}

.proShow_menu .on,.proShow_menu a:hover{background:#008cd6;border:1px solid #008cd6;color:#fff;}

.proShow_fix{position: fixed;width:100%;top:0;left:0;background:#fff;padding:20px;box-shadow:0 0 10px #ccc;z-index:10;}

.proTie{height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:1.286em;margin-bottom:25px;margin-top:30px;}

.proTie span{display:inline-block;border-bottom:1px solid #008cd6;;color:#008cd6;height:50px;}

.proShow_con3{width:100%;}

.proShow_con table{width:100%;}

.proShow_con.video iframe{width:80%;height:400px;display:table;margin:auto;border:1px #ddd solid}





/* 案例 */

.newsSlide{overflow:hidden;position:relative;text-align: center;margin-bottom:60px;padding-bottom:0;}

.newsSlide li{text-align: left;background:#e3e3e3;overflow: hidden;}

.newsSlide li .pic{width:45.5%;height:530px;overflow: hidden;display:block;}

.newsSlide li .txt{width:54.5%;padding:6%;}

.newsSlide li h4{font-size: 1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;padding-bottom:20px;margin-bottom:30px;font-weight:700;}

.newsSlide li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#008cd6;width:15px;transition:all 0.4s; }

.newsSlide li h4 a{color: #333;}

.newsSlide li h4 a:hover{color: #008cd6;}

.newsSlide div.slideIcon{position: absolute;bottom:0;right: 0;background:#008cd6; height: 80px;line-height: 80px;width:54.5%;z-index:2;left:auto;padding-left:6%;text-align: left;}

.newsSlide .swiper-pagination-bullet{width:10px;height:10px;cursor: pointer;background:#fff;}

.newsSlide .swiper-button-next, .newsSlide .swiper-button-prev{background:rgba(0,0,0,.8);width:80px;height:36px;opacity:1;font-size:20px;font-family:"宋体";font-weight:bold;line-height:36px;text-align:center;color:#fff;position: static;margin-top: 20px;display: none;}

.newsSlide li .pic{height:460px;}

.newsSlide li .txt{padding:5%;}

.newsSlide li:hover .bgImg{transform: scale(1.08);}

.picSlide{position:relative;margin-bottom:40px;background:#e1e1e1;padding:10px;}

.picSlide li{text-align:center;height:100%;position: relative;}

.picSlide img{width:100%;}

.picSlide-top .pImg{padding-top:56%;}

.picSlide-thumbs{margin-top:1px;}

.picSlide-thumbs li{border-right:1px solid #fff;padding-top:12%;cursor:pointer;width:16.66%;position: relative;}

.picSlide-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;border:5px solid #0385d1;opacity:.7;transform: scale(0);transition:all .3s;}

.picSlide-thumbs .swiper-slide-thumb-active::after{transform: scale(1);}

.picSlide .swiper-button-next,.picSlide .swiper-button-prev{top:45%;background:rgba(255, 255, 255,.5);text-align:center;width:90px;height:50px;line-height:50px;color:#fff;font-size:24px;font-family:Arial;transition:all .3s;}

.picSlide .swiper-button-prev{left:0;}

.picSlide .swiper-button-next{right:0;left:auto;}

.picSlide .swiper-button-next:hover,.picSlide .swiper-button-prev:hover{background:#0385d1;}





/* 图片列表 */

.phoList ul{margin-right:-30px;}

.phoList li{width:25%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}

.phoList li a{display:block;overflow:hidden;}

.phoList li .pImg{padding-top:74%;border:1px solid #e1e1e1;}

.honorList li .pImg{padding-top:122%;}

.phoList13 li .pImg{padding-top:68%;}

.honorList li{width:20%;}

.phoList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:20px;}

.phoList li a:hover img{transform:scale(1.1);}

.phoList li a:hover p{color:#008cd6;}

.partnerList{background:none;}

.partnerList ul{padding-left:1px;}

.galy{background:#f5f5f5;}

.caseList li{width:33.3%;}

.caseList li .pImg{padding-top:60%;}

.caseList li p{text-align: left;}

.caseList li i{float:right;font-style:normal;}





/* 新闻详情 */

.picShow_l{width:72%;overflow:hidden;}

.showTitle{font-size:2.571em;color:#333;margin-bottom:8px;}

.newsShow .txt .date{margin-right:15px;}

.showTie{overflow:hidden;margin-bottom:40px;}

.showTie h2{font-size:1.714em;color:#333;margin-bottom:25px;}

.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;margin-right:15px;}

.showTie .txt span:before{content:"\e8b8";font-family:"iconfont";position:absolute;left:0;top:-1px;}

.showTie .txt .s:before{content:"\e8bf";font-size:1.2rem;top:-2px;}

.showTie .bshare-custom{margin-top:-30px;}

.newsShow .showTie p{font-size:.75rem;color:#999;}

.showCon{overflow:hidden;margin-bottom:40px;}

.showCon .ce img{min-width:60%;}

.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:40px;}

.show-synopsis i{display:inline-block;width:15px;height:15px;margin-right:5px;}

.show-synopsis .r{margin-left:5px;margin-right:0;}



.picShow_r{width:24%;overflow:hidden;}

.picShow_r .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}

.picShow_r .title span{display:inline-block;border-bottom: 1px solid #008cd6;height:40px;}

.picShow_r .title a{float:right;font-size:12px;margin-top:4px;}

.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}

.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;border:1px solid #ddd;}

.picShow_r li h4{font-size:15px;margin-bottom:10px;}

.picShow_r li h4 a{color:#222;}

.picShow_r li h4 a:hover{color:#008cd6;}

.picShow_r li:hover img{transform: scale(1.1);}

.picShow_r li:last-child{border-bottom:none;}

.rightNews_w li h4{font-size:18px;padding-top:10px;}

.showPage{height:90px;line-height:90px;overflow:hidden;background:#f1f1f1;}

.showPage a{float:left;width:43%;padding:0 20px;}

.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;padding-left:10px;margin-left:10px; border-left: 1px dotted #ccc;}

.showPage a:nth-child(2){float:right;text-align:right;}

.showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px dotted #ccc;border-left:none;}

.showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}

.showPage a:hover{background:#008cd6;color:#fff;}

.rightNews,.rightContact{background:#f2f2f2;padding:5%;}

.rightNews_w,.rightContact_w{background:#fff;padding:8%;}

.rightContact{margin-top:30px;}

.rightContact h4{background: url('../images/zxIcon.png') no-repeat left 8px;padding-left:30px;font-size:2em;color:#191919;font-family:Arial;font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}

.rightContact p{padding-left:80px;margin-bottom:10px;overflow:hidden;}

.rightContact p span{margin-left:-80px;float:left;}





/* 联系*/

.contactBox{background:#f5f5f5 url('../images/ContactBg.jpg') no-repeat center;}

.contactBox .container{background: url('../images/ContactImg.png') no-repeat right bottom;}

.contactBox .tie{font-size:2em;color:#008cd6;margin-bottom:30px;}

.contactBox .tel span{display: block;color:#008cd6;font-size:2em;font-weight:bold;position: relative;padding-top:15px;margin-top:15px;}

.contactBox .tel span::after{content:"";position: absolute;left:0;top:0;width:30px;height:2px;background:#008cd6;}

.contactBox .zx{display:inline-block;width:160px;height:42px;line-height:42px;background:#008cd6;color:#fff;text-align:center;margin:15px 0;border-radius:21px;}

.contactBox .zx:hover{background:#124c65;}

.contactBox .txt{line-height:2;}

.contactR .titie{font-size:2em;color:#008cd6;margin-bottom:20px;}

.contactR .font{max-height:420px;overflow-y: auto;}

.contactR .wx{float:right;margin-right:-200px;width:160px;}

.contactR .wx p{text-align:center;margin-bottom:20px;}

.contactR .wx p span{display:block;}



.contactBox2 .tie{margin-bottom:40px;color:#191919;font-size:2.5em;}

.contactBox2 ul{padding-left:1px;}

.contactBox2 li{float:left; width:33.3%;padding:2%;border:1px solid #d9d9d9;margin-top:-1px;min-height:220px;margin-left:-1px;}

.contactBox2 li span{display: block;color:#333;font-size:1.429em;margin-bottom:10px;}

#dituContent{height:480px;}





/* 在线留言*/

.feedback{border-top: 1px solid #ddd;}

.feedbackL{width:24%;height:380px;float:left;}

.feedbackR{width:72.5%;float:right;}

.feedback p{width:49%;float: left;;height: 60px;line-height: 60px;position: relative;padding:0 15px 0 60px;margin-bottom: 10px;position: relative;border: 1px solid #ccc;background:#fff;}

.feedback p:nth-child(2n){float:right;}

.feedback p input{width: 100%;height: 100%;}

.feedback .tarea{width: 100%;height: 160px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}

.feedback i{content: "";font-family: "iconfont";color: #a0a0a0;font-style: normal;float: left;margin-left: -30px;line-height:inherit;font-size: 1rem;}

.feedback textarea{width: 100%;height: 100%;}

.feedback .code{clear: both;}

.feedback .code input{height: 60px;line-height: 60px;border: 1px solid #ddd;background:#fff;}

.feedback .code .c{width: 20%;padding: 0 15px;}

.feedback .code img{padding:19px;background:#fff;}

.feedback .code .sub {background: #008cd6;width: 30%;cursor: pointer;transition: all .3s;color: #fff;border:1px solid #008cd6;}

.feedback .sub:hover{background:#003d57;}





/* 关于我们 */

.listTie{font-size:2.875rem;text-align:center;color:#191919;margin-bottom:40px;}

.listTiew{color:#fff;}

.hTitle2 span{font-weight:400;}

.aboutBox1 .font{max-width:1400px;text-align:center;margin:0 auto;font-size:1.143em;line-height:1.8;}

.aboutBox1 ul{border-top: 1px solid #d9d9d9;margin-top:50px;padding-top:40px;display: flex;flex-flow: row wrap;justify-content: space-between;overflow: hidden;font-size:1.286em;color:#333;text-align:center;}

.aboutBox1 li {padding-right:30px;}

.aboutBox1 li p{position: relative;}

.aboutBox1 li span{font-size:3.667em;font-family:Arial;font-weight:700;position:relative;line-height:1.2;}

.aboutBox1 li i{position: absolute;width:30px;height:30px;background:#008cd6;color:#fff;border-radius:100%;color:#fff;font-size:12px;text-align:center;line-height:30px;font-style:normal;top:10px;font-weight:300;}

.aboutPic{display: block;overflow: hidden;}

.aboutPic img,.coveMain li .bgImg{animation:scale 34s infinite;}

.culture{background-image: url('../images/culture_bg.jpg');}

.culture ul{margin:0 -2%;}

.culture .txt{text-align:center;max-width:1340px;margin:0 auto;font-size:1.286em;color:#fff;margin-bottom:40px;}

.culture li{float: left;width:31%;margin:0 1%;background:#fff;padding:1%;min-height:220px;border-left: 3px solid #008cd6;color:#666; font-size:16px; line-height: 35px;}

.culture li h4{font-size:1.286em;font-weight:bold;margin-bottom:20px;color:#333;}

.culture li p{margin-bottom:5px;}



.teamSlide li{float:left;width:33.3%;}

.teamSlide li a{display: block;position: relative;overflow:hidden;}

.teamSlide li p{position: absolute;bottom:0;width:100%;padding:0 5%;color:#fff;height:60px;line-height:50px;}

.teamSlide li .pImg{padding-top:68%;}



.honor{background: url('../images/pro_bg.jpg');}

.honorL{width:28%;background:#008cd6;color:#fff;padding:3% 4%;height:440px;font-size:1em;line-height:1.8;}

.honorL .listTie{text-align:left;margin-bottom:20px;}

.hTitlew{color:#fff;}

.hTitlew span{color:#fff;line-height:1;}

.honorL .more{display:inline-block;margin-top:20px;width:120px;height:35px;line-height:35px;border:1px solid rgba(255, 255, 255, .6);color:#fff;text-align:center;font-size:12px;}

.honorL .more:hover{background:#fff;color:#008cd6;}

.honorR{width:72%;position: relative;background:#fff;height:440px;padding:3.5% 70px;text-align:center;}

.honorSlide li{width:20%;float:left;font-size:1.143em;}

.honorSlide li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:15px;}

.honorSlide li .pImg{padding-top:124%;}

.honorSlide li a:hover img{transform:scale(1.1);}

.honorSlide li a:hover p{color:#008cd6;}

.honorR .btn{width:20px;background-size:20px 40px;opacity:.5;left:20px;}

.honorR .swiper-button-next{left:auto;right:20px;}



.album ul{margin-right:-5px;}

.album li{float:left;width:20%;padding-right:5px;padding-bottom:5px;}

.album li .pImg{padding-top:74%;}

.album li p{position:absolute;background: rgba(0,0,0,.5);padding:0 5%;height:60px;line-height:60px;color:#fff;left:0;bottom:-60px;z-index:2;width:100%;transition:all .3s;text-align:center;}

.album li.big {width:40%;}

.album li:hover img{transform: scale(1.1);}

.album li:hover p{bottom:0;}





/* 新闻列表 */

.newsList{background:#f1f1f1;padding:70px 0;overflow:hidden;font-size:.813rem;}

.newsList ul{margin-right:-25px;}

.newsList li{float:left;padding-right:25px;width:33.3%;margin-bottom:25px;}

.newsList li a{background:#fff;padding:6%;display:block;color:#777;}

.newsList li .pImg{padding-top:62%;margin-bottom:15px;}

.newsList li h3{font-size:1.231em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsList li p{height:80px;margin-bottom:10px;margin-top:15px;}

.newsList li .date{color:#999;margin-bottom:10px;}

.newsList li a:hover{box-shadow:0 0 10px #ccc;}

.newsList li a:hover img{transform:scale(1.1);}





/* 服务支持 */

.supportBox1 ul{margin:0 -1%;padding-top:40px;overflow:hidden;}

.supportBox1 li{float:left;width:23%;margin:0 1%;background:#f3f3f3;text-align:center;padding:0 2.5%;min-height:320px;}

.supportBox1 li i{display:inline-block;width:50px;height:50px;border-radius:100%;text-align:center;line-height:50px;font-style:normal;background:#008cd6;color:#fff;font-size:1.286em;margin-top:-25px;margin-bottom:30px;}

.supportBox1 li h4{font-size:2em;color:#191919;position: relative;padding-bottom:15px;margin-bottom:30px;}

.supportBox1 li h4 span{display: block;font-size:14px;font-family:Arial;opacity:.5;}

.supportBox1 li h4::after{content:"";position: absolute;left:50%;bottom:0;width:24px;height:1px;background:#008cd6;margin-left:-12px;}



.faq{background: url('../images/pro_bg.jpg');}

.faq ul{padding-left:1px;padding-top:1px;overflow: hidden;}

.faq li{float:left;width:33.3%;position:relative;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;transition:all .3s;padding:2.5%;height:280px;background:#fff;}

.faq li::after{content:"";position: absolute;left:0;bottom:0;height:6px;background:#008cd6;transition:all .5s;width:0;}

.faq li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:700;margin-bottom:20px;color:#333;}

.faq li .tag{font-size:12px;margin:15px 0 20px 0;padding-left:25px;position:relative;color:#8f8f8f;}

.faq li .tag::after{content:"\e606";font-family:"iconfont";position:absolute;left:0;top:-2px;font-size:1.143rem;}

.faq li .txt{color:#777;height:100px;margin-bottom:15px;overflow:hidden;}

.faq li .date{color:#999;display:block;}

.faq li .date i{float:right;font-style:normal;font-size:1.286rem;font-family:"Arial";margin-top:-5px;}

.faq li:hover::after{width:100%;}

.faq li:hover{box-shadow:0 0 10px #ccc;}

.faq li:hover h4 {color:#008cd6;}

.faqList{background:none;}

.faqList li {width:50%;height:auto;}







@media all and (max-width:1600px) {

  .container,.odds{padding-left:30px;padding-right:30px;}

  .proWrap{overflow:hidden;}

  .odds .container{padding:0;}

  .listMenu .m{margin-left:0;margin-right:45px;}

  .pd60{overflow:hidden;}



}





@media all and (max-width:1440px) {

  .proMenu li a{height:44px;line-height:44px;}

  .newsMain li p{font-size:12px;}

  .gallery li{height:400px;line-height:400px;}

  .gallery .pImg{top:0;margin-top:0;}

  .proShow_R .font{height:160px;line-height:1.6;}

  .picShow_r li p{display:none;}

  .culture li{font-size:12px;}

  .downL{height:480px;}

  .downL{padding:4% 2%;}

  .contactTel li{height:300px;padding:2%;}

  .contactR{padding-right:200px;}

  .contactR .wx{float:right;margin-right:-160px;width:140px;padding-top:20px;}

  .contactR .titie{font-size:1.8em;}

  .madeBox1 .font {font-size:.75rem;}

  .madeBox1 .font h4 span{min-height:120px;}

}



@media all and (max-width:1260px) {

  .container,.odds{padding-left:15px;padding-right:15px;}

  .proMenu li:nth-last-child(2),.proMenu li a:nth-last-child(3){display:none;}

  .aboutTxt .txt{height:180px;}

  .listBanner{height:400px;}

  .listMenu p{display:none;}

  .album li,.album li.big{width:33.3%;}

  .album li:last-child{display:none;}

  .album li p{height:45px;line-height:45px;bottom:0;}

  .phoList ul{margin-right:-15px;}

  .phoList li{padding-right:15px;width:33.3%;}

  .honorList li{width:25%;}

  .proSider,.proList li{font-size:1em;}

  .contactBox2 li{width:50%;margin-top:-1px;min-height:150px;padding:15px;}

  .newsSlide li .pic{height:480px;}

  .downL{height:420px;}

  .downL h4{margin-top:100px;}

  .contactTel li{font-size: 1.143em;}

  .contactBox .container{background-size:60%;}

}





@media all and (max-width:1024px) {

  body{font-size:.875rem;}

.proL,.topTie .tMore,.breadCrumb,.picShow_r,.bshare-custom,.feedbackL,.caseL,.downL .tel,.proAdv .pic,.pro_bread,.proWrap::after,.proSider .title span,.proSide_sub,.relaCase,.contactTel li.wx,.topTie .zx{display:none;}

.proMenu,.proMain,.aboutTxt,.aMenu,.newsL,.newsR,.proSider,.proR,.gallery,.proShow_R,.picShow_l,.feedbackR,.downL,.downR,.contactBox .bgImg,.contactR,#dituContent,.caseR,.aboutTop .font,.honorL,.honorR,.madeBox1 .pic,.madeBox1 .font{float:none;width:100%;}

  .pd60,.listWrap,.newsList{padding-top:40px;padding-bottom:40px;overflow: hidden;}

  .hTitle{font-size:.875rem;}

  .proMenu{background:#fff;overflow:hidden;margin-bottom:20px;}

  .proMenu li{width:33.3%;float:left;}

  .proMenu li a{height:50px;line-height:50px;}

  .caseSlide li .txt{position: static;background:#f6f6f6;}

  .oddsMain .btn{display: inline-block;}

  .caseSlide .swiper-pagination, .team .swiper-pagination{margin-top:30px;}

  .partner{padding-top:30px;}

  .partner li{width:16.6%;}

  .aboutTxt .txt{height:auto;margin-bottom:30px;}

  .setting{margin-top:0;}

  .setting{padding:15px;}

  .aMenu{margin-top:30px;}

  .aMenu li:nth-child(1){margin-left:0;}

  .aMenu li{width:20%;padding:0 5px;}

  .newsMenu{margin-bottom:35px;}

  .newsMain .txt a{padding:20px;}

  .newsMain li h4{padding:0;}

  .newsMain li .bgImg,.newsMain li:last-child,.downL .tel{display:none;}

  .newsMain li:nth-child(2), .newsMain li:nth-child(3){margin-bottom:15px;}

  .newsMain li{width:50%;margin-bottom:15px;}

  .newsMain li h4{margin-bottom:20px;}

  .listBanner{height:360px;text-align:center;}

  .listMenu{font-size:1rem;display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px; padding-left:1px;background:#f5f5f5;margin-top:0;padding:0;text-align:center;}

  .listMenu .m{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;}

  .listMenu .cur{background:#008cd6;color:#fff;}

  .listMenu{margin-top:0;height:auto;line-height: 50px;}

  .aboutBox1 li span{font-size:3em;}

  .mb50{margin-bottom:30px;}

  .history .btn,.honorR .btn{position: static;margin-top:30px;display:inline-block;background-color:#eee;width:40px;height:30px;background-size:20px 20px;opacity:1;}

  .honorL,.honorR{height:auto;}

  .honorR{padding-left:15px;padding-right:15px;}

  .phoList li{width:33.3%;}

  .proSider{margin-bottom:40px;}

  .proSider .title{background:none;height:52px;line-height:50px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;color:#191919;font-size:18px;text-align:left;padding:0;}

  .proSide_sub li a{height:45px;line-height:45px;}

  .proSide_sub ul li{height:30px;line-height:30px}

  .gallery li a:after{font-size:1rem;}

  .proShow_R .font{height:auto;}

  .proShow_box1{margin:0;}

  .gallery li{height:100%;line-height:100%;}

  .gallery .pImg{top:0;margin-top:0;}

  .proShow_R {border-top: 1px solid #ddd;}

  .proList{margin-right:-10px;}

  .proList li{margin-bottom:10px;padding-right:10px;}

  .settingTop .bgImg,.settingTop .font{height:340px;}

  .culture li{width:100%;margin:0;min-height:auto;padding:25px 15px;margin-bottom:10px;}

  .culture ul{margin:0;}

  .culture .txt{font-size:1em;}

  .newsSlide div.slideIcon{height:60px;line-height:60px;}

  .newsSlide li .pic{height:380px;}

  .newsSlide{padding-bottom:0;}

  .newsList li a{padding:4%;}

  .newsList li {width:50%;padding-right:20px;}

  .supportBox1 ul{margin:0;}

  .supportBox1 li{width:49%;margin:0;margin-bottom:15px;}

  .supportBox1 li:nth-child(2n){float:right;}

  .partnerList li{width:16.6%;}

  .faq li{width:50%;}

  .downL{height:auto;padding:25px;margin-bottom:20px;}

  #dituContent,.contactBox .bgImg{height:420px;}

  .contactBox2{margin:0;}

  .contactBox2 li{width:49%;margin:0;margin-bottom:15px;}

  .contactBox2 li:nth-child(2n){float:right;}

  .contactTel li,.faq li{width:50%;}

  .course{padding-left:15px;}

  .courseL{margin-left:0;width:100%;margin-bottom:15px;}

  .pro_subMenu a{margin:0 2px;margin-bottom:5px;}

  .contactR{height:auto;overflow: hidden;}

  .contactR .font{max-height:auto;}

  .madeBox1 .txt{min-height:auto;}

  .madeBox1 .font{padding-top:30px;}

}







@media all and (max-width:768px) {

 

  .topTie{margin-bottom:30px;}

  .topTie .more,.proMenu{display:none;}

  .hTitle{float:none;width:100%;text-align:center;font-size:.75rem;margin-bottom:30px;}

  .proSear{padding-right:40px;height:40px;line-height:40px;margin-bottom:30px;}

  .proSear .txt{height:38px;line-height:38px;}

  .proSear .btn{width:40px;font-size:0;margin-right:-40px;background:#008cd6 url('../images/sBtn.png') no-repeat center;height:40px;}

  .proMenu li a,.proMenu li.on a{background:none;}

  .proMenu li a{padding-left:0;text-align:center;border-right: 1px solid #e8e8e8;}

  .partner li{width:20%;}

  .aMenu li a{padding-top:20px;height:120px;}

  .newsMenu{float:none;width:100%;text-align:center;}

  .newsMenu a{margin:0 15px;font-size:16px;}

  .listBanner{height:300px;}

  .listBanner h3{font-size:2em;top:42%;font-weight:normal;}

  .listBanner h3 span{display:none;}

  .listMenu{font-size:.875rem;}

  .aboutBox1 ul{justify-content: stretch;}

  .aboutBox1 li{width:33.3%;margin-bottom:30px;}

  .teamSlide li p{height:40px;}

  .album li,.album li.big{width:50%;}

  .listTie{margin-bottom:30px;font-size:2rem;}

  .proList li{width:50%;}

  .proList li p{height:40px;line-height:40px;}

  .settingTop .bgImg,.settingTop .font{float:none;width:100%;display:block;}

  .settingTop .bgImg{height:320px;}

  .settingTop {margin-bottom:25px;}

  .settingTop .font,.faq li .txt{height:auto;}

  .newsSlide div.slideIcon{width:100%;position: relative;text-align:center;}

  .partnerList li{width:20%;}

  .faq ul{padding-left:15px;padding-right:15px;}

  .faqList ul{padding:0;padding-left:1px;}

  .faq li{width:100%;float:none;height:auto;padding:25px;}

  .feedback h4,.feedback h3,.showPage a,.showPage a:nth-child(2),.faqList li,.faqList li:nth-child(2n){float:none;width:100%;}

  .feedback h3,.feedback .top{margin-bottom:20px;}

  .proSear{width:100%;}

  .showPage{height:auto;line-height:1.4}

  .showPage a{margin-top:15px;}

  .showPage a,.showPage a:nth-child(2){display:block;}

  .showPage a:nth-child(3){border:none;border-top: 1px solid #bbb;width:100%;margin-top:10px;line-height:40px;}

  #dituContent,.contactBox .bgImg{height:380px;}

  .contactBox2 li{min-height:130px;padding-left:10%;}

  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}

  .contactBox .container{background:none;}

  .madeBox1 .pic{height:380px;}

  .madeBox1 .font h4{font-size:1.286em;margin-bottom:30px;}

  .madeBox1 .font h4 span{min-height:auto;}

  .proShow_con.video iframe{width:90%;height:250px;}

}





@media all and (max-width:640px) {



  .hTitle span{font-size:2.4em;}

  .proMain li{width:50%;}

  .odds li .txt{margin:0;min-height:auto;}

  .odds li p{min-height:auto;margin-bottom:30px;}

  .aMenu li{width:33.3%;}

  .newsMain{margin-right:0;}

  .newsMain li{width:100%;float:left;padding-right:0;}

  .newsMain li p{height:auto;padding-bottom:20px;margin-bottom:15px;}

  .newsMain li h4{margin-bottom:10px;}

  .newsMain li .date{display:none;}

  .honorL .more{width:100%;}

  .listBanner{height:280px;}

  .listMenu .m{padding:0 10px;line-height:42px;height:42px;}

  .phoList ul{margin-right:-10px;}

  .phoList li p{margin-top: 10px;}

  .phoList li{padding-right:10px;margin-bottom:15px;width:50%;}

  .gallery-thumbs li{width:33.3%;padding-top:24%;}

  .newsSlide li .pic{height:320px;}

  .newsSlide li .pic,.newsSlide li .txt{float:none;width:100%;}

  .picSlide-thumbs li{width:25%;padding-top:18%;}

  .partnerList li{width:25%;}

  .partnerList li p,.courseR .pic{display:none;}

  .newsList li{float:none;width:100%;}

  .feedback p,.feedback .sub{width:100%;}

  .feedback .code .c{width: 60%;}

  .feedback .code .sub{margin-top: 10px;float:none;width:100%;height:50px;line-height:50px;}

  .feedback p{padding-left: 40px;}

  #dituContent,.contactBox .bgImg{height:300px;}

  .contactTel li{width:100%;height:auto;border-right:none;border-bottom: 1px solid #ddd;}

  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}

  .contactR{padding-right:0;}

  .contactR .wx,.contactR .font{float:none;margin-right:0;width:100%;}

  .contactR .wx p{float: left;width:50%;width:120px;margin-right:30px;}

  .contactBox2 li{width:100%;float:none;display:block;}

  .contactBox2 li{margin-bottom:10px;min-height:auto;}

}



@media all and (max-width:480px) {

  .hTitle span{font-size:2em;}

  .proMain li h4{height:45px;font-size:12px;}

  .partner li{width:25%;}

  .aMenu li a{height:110px;}

  .aMenu li i{margin-bottom:10px;}

  .listBanner{height:180px;}

  .aboutBox1 li:last-child{width:60%;}

  .aboutBox1 li span{font-size:2.6em;}

  .aboutBox1 li i{width:24px;height:24px;line-height:24px;}

  .newsL li .pic,.settingTop .bgImg,.coveMain li .bgImg,.newsSlide li .pic,.madeBox1 .pic{height:200px;}

  .partnerList li{width:33.3%;}

  .madeBox1 .zx{width:100%;float:none;display: block;margin-bottom:15px;}

  .madeBox2 .checkbox label{margin-right:12px;}

  .madeBox1 .tel{display:none;}

  .madeBox2 .text{margin-right:0;}

  .madeBox2 .text input{width:100%;margin-bottom:10px;}

  .madeBox2 textarea{margin-top:0;width:100%;}

  .supportBox1 li,.supportBox1 li:nth-child(2n){float:none;width:100%;min-height:auto;padding:30px;padding-top:0;}

  #dituContent,.contactBox .bgImg{height:220px;}

  .contactBox2 li{min-height:auto;padding:5% 3% 5% 15%}

  .contactBox2 li p{font-weight:400;}

  .contactBox2 li,.contactBox2 li:nth-child(2n){float:none;width:100%;}



}