@charset "utf-8";
/*公共*/
.bgFull{background-size: cover;background-position: center center;background-repeat: nno-repeat;}
.bread{height: 55px;line-height: 55px;border-bottom: 1px solid #e5e5e5;font-size: 14px;}
.bread a:hover{color: #198dfc;}
.ny-banner{background-image: url(../images/ny_banner_bg.jpg);color: #FFFFFF;position: relative;}
.ny-banner2{background-image: url(../images/ny_banner_bg2.jpg);}
.ny-banner3{background-image: url(../images/ny_banner_bg3.jpg);}
.ny-banner4{background-image: url(../images/ny_banner_bg4.jpg);}
.ny-banner5{background-image: url(../images/ny_banner_bg5.jpg);}
.ny-banner .w1200{height: 450px;display: flex;flex-flow: wrap;justify-content: space-between;align-items: center;}
.ny-banner .text{max-width: 60%;margin-top: -60px;}
.ny-banner .text h2{font-size: 40px;font-weight: bold;text-transform: uppercase;}
.ny-banner .text p{margin-top: 10px;font-size: 24px;line-height: 40px;}

/*页码*/
.pagess{margin: 50px auto;}
.pagess ul{width: fit-content;margin: auto;}
.pagess ul a{margin-left: 5px;padding: 0 10px;height: 28px;line-height: 28px;border: 1px solid #ccc;text-decoration: none;float: left;}
.pagess ul a:hover{background: #198dfc; border: 1px solid #198dfc;color: #fff;}

/*服务*/
.case-tab{margin-top: 30px;}
.case-tab a{display: inline-block;vertical-align: middle;margin:0 30px 0 0; border-radius: 6px; overflow: hidden; padding: 0 3px;min-width: 100px; text-align: center; line-height: 36px; border: 1px solid #cccccc; color: #999999; font-size: 18px;}
.case-tab a:hover{border: 1px solid  #3379be; color: #3379be; }
.case-tab a.active{background: #3379be; color: #fff; border: 1px solid #3379be; }

/*推广方案*/
.solution{padding-bottom: 80px;}
.solution-list{margin: 0 -40px;}
.solution-list li{float: left;width: 33.3333%;margin-top: 50px;padding: 0 20px;}
.solution-list li .img{position: relative;overflow: hidden;}
.solution-list li .img .excerpt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.28);display: none;}
.solution-list li .img .excerpttxt{background: transparent;line-height: 21px;top: 30%;position: relative;padding: 30px;color: #fff;}
.solution-list li .img:hover .excerpt{display: block;}
.solution-list li .img img{width: 100%;transition: 0.5s;}
.solution-list li p{line-height: 70px;background:#f8f8f8;padding: 0 90px 0 17px;font-size: 18px;color: #070707;position: relative;}
.solution-list li p:after{content: "";position: absolute;top:50%; margin-top: -10px;right:15px;width:50px; height: 16px;background-image: url(../images/solution_more.png); background-size: cover;}
.solution-list li a:hover .img img{transform: scale(1.1);}
.solution-list li a:hover .img:after{opacity:.1;}
.solution-list li a:hover p{color: #3379be;}

/*项目案例*/
.case{padding: 40px 0 80px;}
.case-list{margin: 0 -35px;}
.case-list li{margin-bottom: 40px;float: left;width: 33.333333%;padding: 0 20px;}
.case-list li:nth-child(3n+1){clear: both;}
.case-list li .box{display: block;background: #FFFFFF;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(0,0,0,.1);padding:12%;}
.case-list li .box .img{border: 1px solid #eeeeee;display: inline-block;max-width:70%;}
.case-list li .box .tit{margin-top: 30px;position: relative;padding-right: 70px;color: #999999;font-size: 16px;}
.case-list li .box .tit span{margin-right: 10px;font-size: 20px;color: #333333;}
.case-list li .box .des{margin-top:15px;font-size:16px;line-height:30px;height:65px;overflow:hidden;text-align:justify;}
.case-list li .box:hover .tit span{color: #198dfc;}
.case-list li .box:hover .des{color: #666;}

/*新闻资讯*/
.news{padding: 40px 0 80px;}
.news-left{float: left;width: 70%;}
.news-list li{margin-bottom: 35px;}
.news-list li a{position:relative;display:flex;flex-flow:wrap;justify-content:space-between;align-items:center;}
.news-list li a:after{content:"";position:absolute;bottom:0;right:0;width:56%;height:1px;background: #d5e3fd;}
.news-list li .img{width: 40%;overflow: hidden;}
.news-list li .img img{width: 100%;transition: 0.5s;}
.news-list li .text{width: 60%;padding-left: 30px;box-sizing: border-box;}
.news-list li .text .date{font-size: 18px;}
.news-list li .text .date span{font-size: 36px;}
.news-list li .text .tit{margin-top: 7px;font-size: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-list li .text .des{margin-top: 14px;font-size: 16px;color: #999999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-list li .text .more{margin-bottom: 15px;margin-top: 32px; display: inline-block; color: #999999; padding-right:40px;position: relative;}
.news-list li .text .more:after{content: "";position: absolute; right:0; top:50%; margin-top: -15px; width: 30px;height: 30px;background-image: url(../images/news_more.png); background-size: cover;}
.news-list li a:hover .img img{transform: scale(1.1);}
.news-list li a:hover .tit{color: #2b6cf4;}
.news-list li a:hover .date{color: #2b6cf4;}
.news-list li a:hover .more{color: #2b6cf4;}
.news-list li a:hover .more:after{background-image: url(../images/news_moreh.png);}
.news-right{float:right;width: 26%;background: #fbfbfb;padding: 15px 15px;box-sizing: border-box;}
.news-right .box-img{padding: 35px 5px 30px;background-image: url(../images/news_right_img.jpg);color: #FFFFFF;text-align: center;}
.news-right .box-img span{display: block;font-size: 24px;font-weight: bold;}
.news-right .box-img p{margin-top: 15px;font-size: 16px;line-height: 25px;}
.news-right .box-img a{margin-top: 20px;width: 55%;background: #FFFFFF;display: inline-block;line-height: 40px;max-width: 180px;color: #3c7af4;font-size: 18px;letter-spacing: 3px;}
.news-right .tit{font-size: 24px;color: #333333;font-weight:bold;text-align: center;}
.news-right-list{margin-top: 30px;}
.news-right-list ul{margin-top: 15px;border-top: 1px solid #d8d8d8;}
.news-right-list li{padding: 10px 0 15px;border-bottom: 1px solid #d8d8d8;}
.news-right-list li a{display:block;}
.news-right-list li p{font-size: 16px;line-height: 30px;height: 65px;overflow: hidden;}
.news-right-list li div{margin-top: 15px;display: flex;flex-flow: wrap; justify-content: space-between;align-items:center;}
.news-right-list li div span{display: inline-block;padding-left: 22px;color: #999999;position: relative;}
.news-right-list li div span:before{content: "";position: absolute;top:50%;margin-top: -10px;left:-2px;width:20px;height: 20px;display: inline-block;background-image:url(../images/ico_time.png);}
.news-right-list li div i{width:40px;height: 20px;display: inline-block;background-image: url(../images/ico_more.png);}
.news-right-list li a:hover p{color: #198dfc;}

/*新闻页*/
.news-detail .title{font-size: 24px; font-weight: bold; color: #3179be; }
.news-detail .source{padding:10px 0 15px;color: #999999;}
.news-detail .source span{margin-right: 60px;font-size: 16px;line-height: 30px;display:inline-block;padding-left: 30px;position:relative;}
.news-detail .source span:before{content: "";position: absolute;top:2px;left:0;width: 25px;height: 25px;background-size: cover;}
.news-detail .source span:nth-child(1):before{background-image: url(../images/news_share_01.png);}
.news-detail .source span:nth-child(2):before{background-image: url(../images/news_share_02.png);}
.news-detail .detail{padding: 20px 0 30px;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.news-detail .next{line-height: 28px;margin-top: 15px;}
.news-detail .next a:hover{color: #198dfc;}

/*关于我们*/
.about-box{display: flex;flex-flow: wrap;justify-content: space-between;align-items: center;position: relative;}
.about-box .text{width: 55%;padding: 2% 4% 2% 18%;}
.about-box .text h2{font-size: 30px;font-weight: bold;color: #333333;}
.about-box .text .tip{margin-top: 15px;font-size: 24px;color: #333333;}
.about-box .text .des{margin-top: 5%;text-align: justify;font-size: 18px;line-height: 36px;color: #999999;}
.about-box .right{width: 45%;height: 580px; background-image: url(../images/about_box_bg.jpg);}
.index_title{margin-bottom: 15px;text-align: center;font-size: 30px;color: #3e434b;}
.index_brand{width: 100%;background: url(../images/programme.png) no-repeat;padding: 60px 0;padding-bottom: 100px; box-sizing: border-box;}
.index_brand .w1200{position: relative;}
.index_brand .swiper_container{overflow: hidden;margin-top: 25px;}
.index_brand .swiper_container .swiper-slide{height: 280px;padding: 30px 110px 0 110px;box-sizing: border-box;background: url(../images/bg.png)no-repeat;background-size: 100% 100%;}
.index_brand .swiper_container img{margin-bottom: 5px;}
.index_brand .swiper_container .swiper-button{width: 66px;height: 66px;border-radius: 50%;position: absolute;top:190px;background-size: 100% 100%;}
.index_brand .swiper_container .swiper-button-prev{left:-90px;background: url(../images/left.png) no-repeat;}
.index_brand .swiper_container .swiper-button-next{right:-90px;background: url(../images/right.png) no-repeat;}
.index_brand ul{margin-top: 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.index_brand ul li{float: left;width: 20%;border-top: 1px dashed #dfdfdf;border-right: 1px dashed #dfdfdf;padding: 35px 10px;}
.index_brand ul li:nth-child(1),.index_brand ul li:nth-child(2),.index_brand ul li:nth-child(3),.index_brand ul li:nth-child(4),.index_brand ul li:nth-child(5){border-top: none;}
.index_brand ul li:nth-child(5),.index_brand ul li:nth-child(10),.index_brand ul li:nth-child(15){border-right: none;}


/*联系我们*/
.contactmeta{position: absolute;top: 100px;width:100%;}
.contactmeta h2{font-size:28px;color:#000;margin-top:100px;margin-bottom:20px;}
.contactmeta p{color:#333333;font-size:13px;}
.contactmeta h3{color: #198dfc;font-size: 25px;border-bottom: 1px dashed #198dfc;display: inline-block;padding-bottom: 10px;margin-top: 30px;margin-bottom: 8px;}
.contactmeta h3 img{width:30px;position:relative;top:-2px;display: inline-block;}
.contactmeta .btn-qq{padding: 5px 15px;background: #198dfc;color: #fff;border-radius: 5px;margin-top: 20px;display: inline-block;text-decoration: none !important;}
.contactmeta .btn-qq img{width: 20px;margin-right: 5px;display: inline-block;}
.content-area{padding-bottom: 70px;}
.boxtitle2{margin-top: 50px;font-size: 22px;margin-bottom: 30px;}
.contact-form .form-control{display: block;width: 100%;font-size: 14px;line-height: 1.625;color: #666;background-color: #ffffff;background-image: none;border: 1px solid #ccc;border-radius: 0;margin-bottom: 15px;padding: 3px 12px;}
.contact-form .form-control:focus{background-color: #fff;}
.colcheckbox{margin-bottom: 15px;}
.btn-submit{background: linear-gradient(#198dfc,#198dfc);text-shadow: 0 1px rgba(0,0,0,.15);border-color: #198dfc;height: 34px;padding: 0;line-height: 34px;color:#fff;border: none;text-align:center;display: block;width: 100%;}
.btn-submit:hover,.btn-submit:focus{background: #198dfc !important;border-color: #198dfc;color:#fff;}








   

