/*@author jiangxt 987916665@qq.com*/

ul{list-style:none;margin:0;padding:0;}
a ,a:hover{text-decoration: none}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.m20{margin:20px 0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt10{padding:10px 0;}
.pt20{padding:20px 0;}
.clearfix{clear:both;}
.dis{display:none;}
.text-center{text-align:center;}
.text-hide{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

body{background:#3e3a39;font-family:12px/1.5 numFont,PingFangSC-Regular,Tahoma,Microsoft Yahei,sans-serif;
margin:0;padding:0;width:100%;height:100%;}
i,em{ font-style:normal;}

/*header*/
.header{width:100%;height:100px;display:block;background:#000;line-height:100px;position:sticky;top:0;left:0;z-index:100000;}
.header-page{width:90%;display:block;margin:0 auto;}
.logo{height:65px;width:auto;margin-top:20px;}
.logo a img{height:65px;width:auto;max-width:300px}

.nav{width:auto;}
.nav ul{margin-left:90px;}
.nav ul li{height:100px;line-height:100px;float:left;padding-left:20px;padding-right:20px;}
.nav ul li a{width:100%;height:100%;text-align:center;display:block;color:#fff;font-size:15px;}
.nav ul li:hover{background:#de2717;}
.nav ul li.hover{background:#de2717;}

.tel{width:auto;background:url(../img/telnum.png) no-repeat center left;padding-left:26px;font-size:16px;color:#fff;}

/*banner*/
/*.banner{position:relative;}
.banner .box_skitter{width:100%;z-index:2;}
.bg_inner{height:320px;padding:0;position: relative;}
.banner_inner{width: 100%; margin: 0px auto; text-align: center; line-height: 24px;}
.banner_inner .con{position:absolute;width: 200px;min-height:44px;max-height:60px; left: 50%;margin-left: -600px;top: 45%;margin-top: 50px; line-height: 30px;text-align: left; font-size: 36px;font-weight: bold; color: #fff;border-left: 2px solid #fff;padding-left: 18px;}
.banner_inner .con span{font-size: 14px;font-weight: normal;display: block;line-height:40px;}*/

/*banner2*/
.banner2{width:100%;height:489px;display:block;margin:0 auto;}
.banner2 .swiper-button-prev{top:45%;}
.banner2 .swiper-button-next{top:45%;}
.banner2 .swiper-button-next,.banner2 .swiper-button-prev{color:#fff;}

.banner2 .img-inner img{width:100%;height:auto;}

/*banner2*/
.banner{width:100%;height:300px;display:block;margin:0 auto;}
.banner .swiper-button-prev{top:45%;}
.banner .swiper-button-next{top:45%;}
.banner .swiper-button-next,.banner .swiper-button-prev{color:#fff;}

.banner .img-inner img{width:100%;height:auto;}


.newsbanner{width:40%;height:293px;display:block;margin:0 auto;}
.newsbanner .swiper-button-prev{top:50%;}
.newsbanner .swiper-button-next{top:50%;}
.newsbanner .swiper-button-next,.newsbanner .swiper-button-prev{color:#fff;}

.newsbanner .img-inner img{width:100%;height:auto;}

/*common-bar*/
.common-bar{width:100%;margin-top:120px;text-align: center;margin-bottom:50px;}
.common-bar h1{font-size:32px;font-weight:normal;color:#fff;line-height:0px;padding-bottom:10px;}
.common-bar p{color:#918f90;font-size:28px;line-height:0px;}


/*service*/
.service{width:100%;height:250px;background:#191718;}
.service ul{width:90%;display:block;margin:0 auto;display:flex;flex-direction: wrap}
.service ul li{width:25%;height:250px;border-right:1px solid #3c3a3b;}
.service ul li:last-child{border-right:none;}
.service ul li a:hover{box-shadow:0px 2px 15px #3c3a3b}
.service ul li a{width:100%;height:100%;display:block;padding-top:50px;}
.service ul li a img.default{width:125px;height:105px;display:block;margin:0 auto;/*margin-top:50px;*/margin-bottom:10px;
}
.service ul li a img.hover{width:125px;width:125px;height:105px;display:none;margin:0 auto;/*margin-top:50px;*/margin-bottom:10px;
}
.service ul li a div.title{font-size:18px;text-align:center;color:#fff;}
.service ul li a:hover img.hover{width:125px;width:125px;height:105px;display:block;margin:0 auto;/*margin-top:50px;*/margin-bottom:10px;
}
.service ul li a:hover img.default{width:125px;width:125px;height:105px;display:none;margin:0 auto;/*margin-top:50px;*/margin-bottom:10px;
}

/*cases-index*/
.cases-index{width:100%;display:block;margin:0 auto;}
.cases-index ul{width:90%;display:block;margin:0 auto;display:flex;flex-wrap: wrap;justify-content:space-between;}
.cases-index ul li{width:31%;height:291px;margin-bottom:40px;}
.cases-index ul li a{width:100%;height:100%;display:block;box-shadow:0px 2px 10px #000;border-bottom-left-radius:10px ;border-bottom-right-radius:10px;}
.cases-index ul li a div.imgs{width:100%;height:235px;display:block;position:relative;background:#000;overflow: hidden;}
.cases-index ul li a:hover div.imgs img{transform: scale(1.1);}
.cases-index ul li a div.imgs img{width:100%;height:235px;transition: all .5s;}
.cases-index ul li a div.imgs .icons{width:60px;height:60px;background:url(../img/bofang.png) no-repeat center center;background-size:100% 100%;
position:absolute;display:block;text-align:center;left:calc(50% - 30px);top:calc(50% - 30px);}
.cases-index ul li a div.titles{height:56px;width:100%;background:#717171;line-height:56px;text-align: center;font-size:16px;
color:#fff;border-bottom-left-radius:10px ;border-bottom-right-radius:10px;}
.cases-index div.more {text-align:center;margin-top:0px;margin-bottom:50px;}
.cases-index div.more a{color:#fff;font-size:16px;}

/*client*/
.client-bar{width:100%;height:100px;background:#de2717;display:block;text-align:center;padding-top:40px;}
.client-bar h1{font-size:32px;font-weight:normal;color:#fff;line-height:0px;padding-bottom:10px;}
.client-bar p{color:#918f90;font-size:28px;line-height:0px;}

.client-index{width:100%;display:block;margin:0 auto;margin-top:40px;}
.client-index ul{width:90%;display:block;margin:0 auto;display:flex;flex-wrap: wrap;justify-content:space-between;}
.client-index ul li{width:17%;height:80px;margin-bottom:40px;display:block;background:#717171;}
.client-index ul li a{width:100%;height:100%;display:block;box-shadow:0px 2px 15px #2d2c2c;}
.client-index ul li a div.imgs{width:100%;padding-top:8px;}
.client-index ul li a div.imgs img{height:64px;width:auto;display:block;margin:0px auto;}


.client-index div.more {text-align:center;margin-top:0px;margin-bottom:50px;}
.client-index div.more a{color:#fff;font-size:16px;}


/*index-ad*/
.index-ad{width:100%;height:400px;}
.index-ad a{width:100%;height:100%;display:block;}

/*news-index*/
.news-index{width:90%;display:block;margin:0 auto;}

/*.news-index .newsbanner{width:40%;display:block;height:280px !important;}
.news-index .newsbanner .skitter{height:300px !important;}*/
/*.news-index .newsbanner .skitter .container_skitter{height:300px !important;}*/
.news-index .news-block{width:56%;}
.news-block .news-item{width:100%;margin-bottom:36px;}
.news-block .news-item a{color:#c5c5c3;}
.news-block .news-item a div.titles{font-size:20px;position:relative;}
.news-block .news-item a div.titles span.times{position:absolute;right:5px;font-size:21px;}
.news-block .news-item a div.desc{font-size:14px;margin-top:10px;}


/*footer*/
.footer{width:100%;min-height:200px;margin-top:30px;background:#000;}
.footer-contact{width:88%;height:227px;display:block;margin:0 auto;}
.footer-contact .lianxi{}
.footer-contact .lianxi .titles{font-size:23px;color:#fff;padding-top:20px;padding-bottom:10px;}
.footer-contact .lianxi .tels{font-size:20px;color:#fff;padding-bottom:15px;}
}
 
.footer-contact .message-index{}
.message-index .titles{font-size:23px;color:#fff;padding-top:20px;padding-bottom:30px;} 
.message-index .biaodan{width:600px;/*background:#fff;*/position:relative;}
.message-index .biaodan .beizhu{width:300px;height:100px;background:#c9cacc;}
.message-index .biaodan .xingming{width:280px;margin-left:320px;height:32px;background:#c9cacc;margin-bottom:36px;}
.message-index .biaodan .dianhua{width:180px;background:#c9cacc;margin-left:320px;height:32px;}
.message-index .biaodan .button{width:80px;background:#ec0017;height:32px;position:absolute;right:0px;bottom:0px;}

.message-index .biaodan .beizhu textarea{width:280px;height:80px;background:#c9cacc;
	border:none;color:#8b8888;padding:10px;font-size:14px;}
.message-index .biaodan .dianhua input{height:26px;width:180px;border:none;
	background:#c9cacc;color:#8b8888;padding:3px 0px 3px 10px;}
.message-index .biaodan .xingming input{width:267px;height:26px;border:none;
	background:#c9cacc;color:#8b8888;padding:3px 0px 3px 10px;}
.message-index .biaodan .button button{border:none;width:80px;background:#ec0017;
	height:32px;color:#fff;}


.footer-copyright{background:#393939;height:68px;display:block;text-align:center;color:#858585;
font-size:15px;padding-top:20px;padding-bottom:30px;}
.footer-copyright p{margin-top:10px;}
.footer-copyright p a{color:#858585;margin-left:20px;}


.friendlink{width:100%;min-height:50px;border-top:1px solid #707070;
	text-align:center;background:#393939;padding-top:30px;}
.friendlink span.titles{color:#858585;}
.friendlink a{color:#858585;margin-left:10px;}
.friendlink a:hover{color:#fff;}


/*common-position*/
.common-position{width:90%;height:70px;line-height:70px;display:block;margin:0 auto;color:#dddddd;}
.common-position a{color:#dddddd;}

/*channel*/
.channel-bar{width:100%;height:80px;text-align:center;}
.channel-bar h1{font-size:26px;font-weight:normal;color:#feffff;line-height:0px;}
.channel-bar p{font-size:21px;color:#a0a09e;line-height:0px;padding-top:10px;}

/*channel-son*/
.channel-son{width:100%;height:60px;line-height:60px;text-align:center;border-bottom:1px solid #e30010;
display:flex;justify-content:center;}
.channel-son a{color:#fff;padding-left:20px;padding-right:20px;}
.channel-son a.hover{color:#e30010;}
.channel-son a:hover{color:#e30010;}


/*newslist*/
.newslist{}
.newslist ul{width:88%;display:block;margin:0 auto;padding-bottom:90px;}
.newslist ul li{width:100%;height:210px;display:block;margin-top:50px;}
.newslist ul li a{width:100%;height:100%;display:block;}
.newslist ul li a div.imgs{width:300px;height:210px;display:block;overflow: hidden;}
.newslist ul li a:hover div.imgs img{transform: scale(1.1);}
.newslist ul li a div.imgs img{width:300px;height:210px;transition: all .5s;}
.newslist ul li a div.textshow{width:calc(100% - 330px);}
.newslist ul li a div.textshow .titles{color:#dcdcdc;font-size:21px;margin-bottom:20px;}
.newslist ul li a div.textshow .desc{font-size:14px;color:#dcdcdc;}
.newslist ul li a div.textshow .moresee{font-size:14px;margin-top:30px;text-align:right;color:#dcdcdc;}

/*single-content*/
.single-content{width:90%;display:block;margin:0px auto;}
.single-content h1{padding-top:50px;font-size:21px;margin-bottom:10px;color:#dcdcdc;text-align:center;font-weight:normal;}
.single-content div.single-bar{color:#dcdcdc;font-size:14px;margin-bottom:30px;text-align:center;}
.single-content div.single-show{line-height:28px;color:#dcdcdc;font-size:14px;
	padding-top:16px;padding-bottom:60px;}

/*single-pre*/
.single-pre{background:#595758;height:58px;line-height:58px;color:#fff;margin-bottom:-30px;font-size:14px;}
.single-pre-page{width:90%;display:block;margin:0 auto;position:relative;}
.single-pre-page a{color:#fff;}
.single-pre-page a:nth-child(2){margin-left:50px;}
.single-pre-page span.forback{position:absolute;right:0px;}
.single-pre-page span.forback a{color:#fff;}


/*client*/
.client-list{width:100%;display:block;margin:0 auto;margin-top:40px;}
.client-list ul{width:90%;display:block;margin:0 auto;display:flex;flex-wrap: wrap;justify-content:space-between;}
.client-list ul:after {content: '';width: 17%;}
.client-list ul li{width:17%;height:80px;margin-bottom:80px;display:block;background:#878787;}
.client-list ul li a{width:100%;height:100%;display:block;box-shadow:0px 2px 15px #2d2c2c;}
.client-list ul li a div.imgs{width:100%;padding-top:8px;margin-bottom:10px;}
.client-list ul li a div.imgs img{height:64px;width:auto;display:block;margin:0px auto;}
.client-list ul li a div.titles{text-align:center;color:#fff;padding-top:10px;}


/*cases-list*/
.cases-list{width:100%;display:block;margin:0 auto;}
.cases-list ul{width:90%;display:block;padding-top:60px;margin:0 auto;display:flex;flex-wrap: wrap;justify-content:space-between;}
.cases-list ul:after {content: '';width: 31%;}
.cases-list ul li{width:31%;height:291px;margin-bottom:40px;}
.cases-list ul li a{width:100%;height:100%;display:block;}

.cases-list ul li a div.imgs{width:100%;height:235px;display:block;position:relative;background:#000;overflow: hidden;}
.cases-list ul li a:hover div.imgs img{transform: scale(1.1);}
.cases-list ul li a div.imgs img{width:100%;height:235px;transition: all .5s;}
.cases-list ul li a div.imgs .icons{width:60px;height:60px;background:url(../img/bofang.png) no-repeat center center;background-size:100% 100%;
position:absolute;display:block;text-align:center;left:calc(50% - 30px);top:calc(50% - 30px);}
.cases-list ul li a div.titles{height:56px;width:100%;line-height:56px;text-align: center;font-size:16px;
color:#fff;}

/*solution-list*/
.solution-list{width:100%;display:block;margin:0 auto;}
.solution-list ul{width:90%;display:block;padding-top:60px;margin:0 auto;display:flex;flex-wrap: wrap;justify-content:space-between;}
.solution-list ul:after {content: '';width: 31%;}
.solution-list ul li{width:31%;height:291px;margin-bottom:40px;}
.solution-list ul li a{width:100%;height:100%;display:block;}

.solution-list ul li a div.imgs{width:100%;height:235px;display:block;position:relative;background:#000;overflow: hidden;}
.solution-list ul li a:hover div.imgs img{transform: scale(1.1);}
.solution-list ul li a div.imgs img{width:100%;height:235px;transition: all .5s;}
.solution-list ul li a div.imgs .icons{width:60px;height:60px;background:url(../img/bofang.png) no-repeat center center;background-size:100% 100%;
position:absolute;display:block;text-align:center;left:calc(50% - 30px);top:calc(50% - 30px);}
.solution-list ul li a div.titles{height:56px;width:100%;line-height:56px;text-align: center;font-size:16px;
color:#fff;}


/*video*/
.video{width:650px;height:460px;display:block;margin:30px auto;}
.video iframe{width:650px;height:400px;}
.video div.titles{text-align:center;height:60px;line-height:60px;font-size:14px;color:#fff;}


