@charset "utf-8";

.pageBanner{width: 100%;overflow: hidden;background-size: cover; background-position: center !important;background-repeat: no-repeat;background: #ccc}
.pageBanner img{display: block;visibility:hidden;width: 100%;}
.pageBanner,.pageBanner dl{height: 400px;}
.pageBanner dl{display: table;width: 100%;}
.pageBanner dt{display: table-cell;vertical-align: middle;text-align: left;color: #fff;font-weight: 300;text-align: center;}

.pageContainer{overflow: hidden;padding-bottom:50px;}
.pageContainer_bg .pageContainer{overflow:visible;}
.pageContainer_bg {overflow:hidden;}

.pageBanner_1{background-image: url("/seo/images/pageBanner_1.jpg")}
.pageBanner_2{background-image: url("/seo/images/pageBanner_2.jpg")}
.pageBanner_3{background-image: url("/seo/images/pageBanner_3.jpg")}
.pageBanner_4{background-image: url("/seo/images/pageBanner_4.jpg")}
.pageBanner_5{background-image: url("/seo/images/pageBanner_5.jpg")}


.bigColumn_T{padding:60px 0 40px;text-align: center;font-size: 36px; color: #333;font-weight: bold;}
.bigColumn_T p{font-size: 14px; color: #414141; text-align: center; margin-top: 10px;}


/*产品服务*/
.serviceContainer .section1{text-align: center;padding-bottom:60px;padding-top:60px;background: url("../images/page/service1_bg.png") repeat-x bottom;}
.serviceContainer .section1 p{line-height:1.8}
.serviceContainer .section1 .p1,.serviceContainer .section1 .p2{font-weight: bold;color: #974806; }
.serviceContainer .section1 .p1{font-size: 36px;}
.serviceContainer .section1 .p2{font-size: 24px;line-height: 2;}
.serviceContainer .section1 .p3{color: #3F3F3F; font-size: 18px;}

.serviceContainer .section2{ border-top:solid 2px #2790d2;overflow: hidden;margin-bottom: 80px;}
.serviceContainer .section2 ul li{ width:20%; float:left; height:518px; border-left:solid 1px #e5e5e5;margin-left:-2px;}
.serviceContainer .section2 ul li.last{ border-right:solid 1px #e5e5e5;}
.serviceContainer .section2 ul li .ico{ margin-top:60px; margin-left:-2px; border-left:solid 3px #0e0e0e; height:58px;}
.serviceContainer .section2 ul li .ico img{ height:100%;margin-left:4%}
.serviceContainer .section2 ul li .text{ width:88%;margin:0 auto;margin-top:26px;}
.serviceContainer .section2 ul li .text h3{ width:100%; float:left; font-size:18px; color:#333; line-height:28px; font-weight:bold;}
.serviceContainer .section2 ul li .text .p{ width:100%; float:left; font-size:14px; color:#666; line-height:28px; margin-top:17px;}
.serviceContainer .section2 ul li.l1 .ico{ margin-top:140px;}

.serviceContainer .section3{width:100%;background:url('../images/page/service3_bg.png') no-repeat center center; background-size:cover; background-attachment: fixed;position:relative;overflow: hidden;}
.serviceContainer .section3 .bigColumn_T{color: #fff;}
.serviceContainer .slide_pic_2{width:100%; float:left; position:relative;margin-bottom: 80px;}
.serviceContainer .slide_pic_2:before{ content:''; width:100%; height:1px; background:white; position:absolute; left:0; top:50%; opacity:0.2;}
.serviceContainer .slide_pic_2 .time{width:100%; float:left; height:83px;padding:20px 0;text-align:center; background:url(../images/page/service3_ico.png) no-repeat center center; padding-right:6px; line-height:22px; font-size:18px; color:white; font-weight:bold; font-family:Arial; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.serviceContainer .slide_pic_2 .time span{ display:block; font-size:14px; line-height:14px; font-weight:normal;}
.serviceContainer .slide_pic_2 .slick-slide:hover .time{ transform:rotateY(360deg);}
.serviceContainer .slide_pic_2 .p{ width:90%; float:left; height:64px;font-size:14px; color:#fff; line-height:22px; overflow:hidden; text-align:center;margin: 20px 5%}
.serviceContainer .slide_pic_2 .slick-slide:hover .p{ color:#fbfa85;}
.serviceContainer .slide_pic_2 .l1 .time{ background-image:url(../images/page/service3_ico2.png);}
.serviceContainer .slide_pic_2 .l1 .p{}
.serviceContainer .slide_pic_2 .slick-prev,.serviceContainer .slide_pic_2 .slick-next { position: absolute; left: -44px; top: 50%; display: block; width: 38px; height: 66px; background:url(../images/page/service3_btn.png) no-repeat left center; margin-top:-33px; }
.serviceContainer .slide_pic_2 .slick-next { background-position:right center; left:auto; right:-44px; }
.serviceContainer .slide_pic_2 .slick-prev:hover,
.serviceContainer .slide_pic_2 .slick-next:hover{ background-image:url(../images/page/service3_btn2.png);}

.serviceContainer .slide_pic_2 .l1{display: table;}
.serviceContainer .slide_pic_2 .l1 .p{display: flex;align-items:flex-end;}
.serviceContainer .slide_pic_2 .l1 .time p{padding-top: 50px;}
.serviceContainer .slide_pic_2 .l1 .time span{}

@media screen and (max-width:1200px){
    .pageBanner,.pageBanner dl{height:110px; background-size: cover}

    .bigColumn_T{padding:30px 0 20px;font-size:22px;}
    .serviceContainer .section1 { text-align: center; padding-bottom: 30px; padding-top:30px;}
    .serviceContainer .section1 .p1{font-size:26px;line-height: 1;}
    .serviceContainer .section1 .p2{font-size:18px;}
    .serviceContainer .section1 .p3{font-size: 12px;line-height: 1.5;}
    .serviceContainer .section1 img{display: block;width: 100%}

    .serviceContainer .section2{margin-bottom: 40px;}
    .serviceContainer .section2 ul li{width: 100%;height:auto;}
    .serviceContainer .section2 ul li .ico{height:38px;}
    .serviceContainer .section2 ul li .ico,.serviceContainer .section2 ul li.l1 .ico{margin-top:30px;}
    .serviceContainer .section2 ul li .text{ margin-top: 16px;}
    .serviceContainer .section2 ul li .text .p{font-size: 12px;line-height:1.5; margin-top: 10px;}

    .serviceContainer .slide_pic_2 .slick-prev, .serviceContainer .slide_pic_2 .slick-next{/*width:22px; height:24px;*/left:0;}
    .serviceContainer .slide_pic_2 .slick-next{left:auto;right:0;}
}

/*成功案例*/
.caseContainer{}
.list_case .list_ul{overflow: hidden;}
.list_case .list_ul li {width: 32.33%;height:248px;float: left; text-align: center; margin: 15px 0.5% 40px;position: relative}
.list_case .list_ul li .mask{padding:8px 1em; position: absolute; bottom: 0; left: 0; right: 0;font-size: 14px;color: #fff;}
.list_case .list_ul li .mask p{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
.list_case .list_ul li .mask i{position: relative;z-index: 2;}
.list_case .list_ul li span{margin:10px; overflow: hidden; transition: .8s; box-shadow: 0 0 20px 0 #ddd;display: block;width: auto;position: relative;}
.list_case .list_ul li:hover span{ transform: scale(1.06); }

.list_partner{padding-left: 2px; overflow:hidden;margin-bottom:60px;}
.list_partner .list_ul li{float:left; width:11%; margin-right:1.78%;border:#ccc solid 1px; margin-bottom:18px; height:60px; display:table;margin-left: -2px;}
.list_partner .list_ul li:nth-child(8n){margin-right:0px; }
.list_partner .list_ul li a{ display:table-cell; vertical-align:middle; text-align:center; }
.list_partner .list_ul li a img{ max-width:100%;height: 49px;}


@media screen and (max-width:1200px){
    .list_case .list_ul li{width:100%;height: auto;margin:0 0 10px;}
    .list_partner .list_ul li{width: 25%;margin-right: 0}
    .list_partner{margin-bottom: 40px;}
    .list_partner .list_ul li:nth-child(2n){display: none;}
}

/*新闻列表*/
.newsContainer{background: #f6f6f6;}
.list_news{}
.list_news .list_ul{overflow: hidden;padding-top:80px;}
.list_news .list_ul li a{width:100%;display: table;box-sizing: border-box;padding-bottom:30px;margin-bottom:30px;border-bottom: 1px #dedede solid;}
.list_news .list_ul li span{display: table-cell;vertical-align: middle;}
.list_news .list_ul li span.cell_1{width: 28%;white-space: nowrap;background-size: cover;background-position: center center;}
.list_news .list_ul li span.cell_1.img_{background-image: url("../images/blank/in_news.jpg")!important;}
.list_news .list_ul li span.cell_1 img{width: 100%;display: block;visibility: hidden;}
.list_news .list_ul li span.cell_3{width:92px;text-align: left;line-height: 100%;font-size: 16px;color: #b2b2b2;font-family:'Arial';vertical-align: top}
.list_news .list_ul li span.cell_3 .date{font-size:46px;color: #676767;font-weight: bold;}
.list_news .list_ul li span.cell_3 p{line-height: 100%;}
/**/
.list_news .list_ul li span.cell_2{padding-left: 26px;}
.list_news .list_ul li span.cell_2 .tit{position: relative;height: 22px;}
.list_news .list_ul li span.cell_2 .tit span{font-size: 22px;color: #333;line-height: 100%;width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;position: absolute;left: 0;top: 0;}
.list_news .list_ul li span.cell_2 .info{font-size: 16px;line-height: 28px;color: #666;height:56px;overflow:hidden;margin:20px 0 16px;font-weight:400}
.list_news .list_ul li span.cell_2 .more span{display:inline-block;font-size: 14px;color: #999;border: 1px #999 solid;padding:8px 1em;}
/*移上去*/
.list_news .list_ul li a:Hover .tit span,
.list_news .list_ul li a:Hover .date,
.list_news .list_ul li a:Hover .cell_3,
.list_news .list_ul li a:Hover .more span,
.list_news .list_ul li a:Hover .info{color: #3671b3;}
.list_news .list_ul li a:Hover .date{color: #3671b3;}
.list_news .list_ul li a:Hover .cell_2 .more img{-webkit-filter:none;  filter:none; opacity:1}
@media screen and (max-width:1200px) {
    .list_news .list_ul{padding-top: 40px;}
    .list_news .list_ul li a{margin-bottom:20px;padding-bottom: 20px;}
    .list_news .list_ul li span.cell_3{width:80px;}
    .list_news .list_ul li span.cell_3 .date {font-size:40px; }
    .list_news .list_ul li span.cell_2 {padding-left:10px; }

    .listContainerMain .list_news .list_ul li a{margin-bottom: 20px;}
}
@media screen and (max-width:750px) {
    .list_news .list_ul li span.cell_3{width:55px; font-size: 12px;}
    .list_news .list_ul li span.cell_2 .tit{height:18px;}
    .list_news .list_ul li span.cell_2 .tit span { font-size:16px;}
    .list_news .list_ul li span.cell_2 .info { font-size:12px;font-size:11px; line-height:16px; height:48px; margin:10px 0 10px; }
    .list_news .list_ul li span.cell_2 .more span { font-size: 12px; }
    .list_news .list_ul li span.cell_2 .more img { width:16px; height:16px; margin-right:4px;}
}@media screen and (max-width:520px) {
    .list_news .list_ul li span.cell_3{display: none;}
    .list_news .list_ul li .more{display: none;}
    .list_news .list_ul li span.cell_2 .info{height: 34px;margin-bottom: 0}

}



/*联系我们*/
.contactContainer{}
.contactContainer .section1{background:url("../images/page/contact1_bg.png") no-repeat left bottom;    background-size:60%;}
.contactContainer .section1 .cont_actt{float: left;    min-height: 330px;}
.contactContainer .section1 .cont_actt h4{font-size:18px;font-weight:bold;color:#2c6db5;padding:70px 0 30px;}
.contactContainer .section1 .cont_actt p{font-size:14px;color:#222;line-height:1.8;margin-bottom:10px;}
.contactContainer .section1 .map{width:750px;height:330px;float: right;}
.contactContainer .section1 .map #mapContainer{width:750px;height:326px;border:2px solid #dedede;}
.contactContainer .section1 .map .title{font-size:14px;color:#2c6db5;font-weight:bold;text-align:center;}
.contactContainer .section1 .map .amap-info-content{width:240px !important;}
.contactPage .amap-info-outer,.contactPage .amap-menu-outer{box-shadow:0 3px 14px rgba(0,0,100,.2);-webkit-box-shadow:0 3px 14px rgba(0,0,100,.2);-moz-box-shadow:0 3px 14px rgba(0,0,100,.2);-o-box-shadow:0 3px 14px rgba(0,0,100,.2);}

.contactContainer .section2 .text_p{text-align:center;font-size:14px;}
.contactContainer .section2 .text_p p{margin-bottom:10px;line-height:1.8;color:#666;font-size: 14px;letter-spacing:1.6px;}
.contactContainer .section2 .text_p img{display: block;width: 100%;margin-top: 20px;}

.contactContainer .section3{margin-bottom:50px;}
.list_join{}
.list_join .list_ul{padding-left:2px;overflow: hidden;}
.list_join .list_ul li{width: 31%;float: left;margin-right: 3.5%; border: #fff solid 1px; border-radius: 5px; background: #f5f5f5; height:550px;overflow: hidden;margin-left:-2px;color: #000;margin-bottom: 40px;position: relative;}
.list_join .list_ul li:nth-child(3n){margin-right: 0}
.list_join .list_ul .padding{padding:20px;}
.list_join .list_ul .tit{font-size: 18px; font-weight: bold; line-height: 40px;}
.list_join .list_ul .mailBox{position: absolute;bottom:16px;}
.list_join .list_ul .txt{color: #b8bdcc; font-size: 16px; margin-bottom: 5px;margin-top: 26px;}
.list_join .list_ul .mail{color: #008ee5; font-size: 22px;}
.list_join .list_ul dt{font-size: 16px; color: #333333; font-weight: bold; margin-top: 20px;}
.list_join .list_ul dd{margin-top: 15px; line-height: 20px; color: #333; font-size: 12px;overflow: auto}

.list_join .list_ul li:hover{border: 1px #008ee5 solid;}


.contactContainer .section4{box-shadow: 0 0 22px #ccc; border: 1px #eee solid; border-radius:0 0 10px 10px;margin-bottom:10px;}
.contactContainer .section4 dl{}
.contactContainer .section4 dd{width: 94%;margin: 0 auto;overflow: hidden;}
.contactContainer .section4 .dl_2{padding-bottom: 50px;}
.contactContainer .section4 .dl_2 li{width: 25%;float: left;text-align: center;line-height: 1.4;}
.contactContainer .section4 .dl_2 li *{width: 95%;display: inline-block;text-align:left;}
.contactContainer .section4 .dl_2 li:first-child{text-align: left;}
.contactContainer .section4 .dl_2 li:last-child{text-align: right;}
.contactContainer .section4 .dl_2 li img{border-radius:10px;}
.contactContainer .section4 .dl_2 .tit{color: #0c55c9;font-size:20px;padding-top: 4px;}
.contactContainer .section4 .dl_2 .add{color:#555;font-size: 14px;padding:5px 0;}
.contactContainer .section4 .dl_2 .tell,.contactContainer .section4 .dl_2 .phone{color:#333;font-size: 14px;}

@media screen and (max-width:1200px){
    .contactContainer .section3{display: none;}
    .contactContainer .section1 .cont_actt{min-height: auto;}
    .contactContainer .section1 .cont_actt h4{padding:0 0 20px;}
    .contactContainer .section1 .map,.contactContainer .section1 .map #mapContainer{width: 100%}
    .contactContainer .section2 .text_p,.contactContainer .section2 .text_p p{font-size: 12px;line-height: 1.5;}
    .contactContainer .section4{margin-bottom: 40px;}
    .contactContainer .section4 .dl_2{padding-bottom:20px;}
    .contactContainer .section4 .dl_2 li{width: 100%;margin-bottom: 20px;}
    .contactContainer .section4 .dl_2 li *{width: 100%}
}



/*文章页*/
.articleContainer{background: #f8f8f8;padding:50px 0}
.articleContainer .bigColumnLeft{width: 100%;margin-bottom: 20px; background: #fff; }
.articleContainer .bigColumnRight .dl_0{display:inherit;}
.articleContainer .page_content_main{min-height: 500px;}
.articleContainer .articlePadding{padding:34px 30px 0px;}

.articleContainer .page_mainTit{font-size: 22px;color: #333;line-height: 1.3}
.articleContainer .page_mainInfo{font-size: 12px;line-height:20px;color: #999;padding:10px 0 18px;border-bottom: 1px #e5e5e5 solid;margin-bottom:20px;}
.articleContainer .page_mainInfo b{color: #3fa4b1;font-weight:400;}
.articleContainer .page_mainInfo span{margin-left: 16px;}


@media screen and (max-width:1200px) {
    .articleContainer{padding: 30px 0;}
    .articleContainer .bigColumnLeft{width: 100%;margin-bottom:30px;}
    .articleContainer .articlePadding { padding:28px 14px 20px; min-height:auto;}
    .articleContainer .page_mainTit{font-size:19px;}
    .articleContainer .page_mainInfo span { margin-left:6px; }
    .articleContainer .page_mainInfo {line-height:19px;padding:5px 0 14px;margin-bottom: 20px; }


    .Paging_btn p, .Paging_btn p a, .Paging_btn .a_return{font-size: 12px!important;line-height: 1.4;}
    .Paging_btn p a{padding-left: 0!important;}

}

/*==============单页==========*/
.page_content_main,.page_content_main>p{color: #666;font-size: 15px;line-height: 1.7;}
.page_content_main{line-height: 1;}
.page_content_main>p{margin-bottom:18px;}
.page_content_main img{max-width: 100%;}

@media screen and (max-width:1200px) {
    .page_content_main>p { margin-bottom:14px; }
    .page_content_main, .page_content_main>p {font-size: 14px; line-height: 1.5; }
}


/*-----------上下翻页-----------*/
.Paging_btn{border-top: 1px #e1e1e1 solid;padding: 36px 0 36px 0;margin: 40px 0 30px;}
.Paging_con{position: relative;}
.Paging_btn p:first-child{margin-bottom:8px;line-height: 120%;}
.Paging_btn p,.Paging_btn p a,.Paging_btn .a_return{font-size: 15px;color: #666;}
.Paging_btn p{padding-right: 110px;}
.Paging_btn p a{padding-left: 6px;}
.Paging_btn p:hover,.Paging_btn p a:hover,.Paging_btn a:Hover.a_return{color: #163784;}
.Paging_btn .a_return{position: absolute; right:0; top: 50%; padding: 10px; padding-left: 26px; background: url(../images/page/return.png) no-repeat left center; margin-top: -20px;}
.Paging_btn a:Hover.a_return{ background: url(../images/page/return_cur.png) no-repeat left center;}





/*代理加盟*/
.proxyContainer .section1{text-align: center}
.proxyContainer .section1 p{font-size: 16px; color: #888888; line-height: 30px; text-align: center;}
.proxyContainer .section1 ul{margin-top:10px;}
.proxyContainer .section1 li{font-size: 16px; color: #333333; font-weight: bold; background: url(../images/page/proxy1_ico.png) no-repeat left center; background-size: 20px; padding-left: 25px; display: inline-block; vertical-align: middle; margin: 0 15px; line-height: 20px;}

.proxyContainer .section2{margin-bottom: 60px;}
.proxyContainer .section2 dl{width: 31%;border-radius: 6px; float: left;min-height:190px; background: #fff; box-shadow: 0 0 10px #ddd;margin-right:3.4%;overflow: hidden;}
.proxyContainer .section2 dt{font-size: 22px; color: #fff; font-weight: bold; line-height:60px;text-align: center;border-bottom: 1px #ccc solid;margin-bottom:20px;}
.proxyContainer .section2 dd{font-size: 15px; color: #888; line-height: 26px;padding: 0 30px;}

.proxyContainer .section2 dl.dl_1 dt{background: #f97040}
.proxyContainer .section2 dl.dl_2 dt{background: #35cff4}
.proxyContainer .section2 dl.dl_3{margin-right: 0}
.proxyContainer .section2 dl.dl_3 dt{background: #ca47f3}

.c_blue{ color: #079eff!important; }
.c_green{color: #14cc70!important; }
.proxyContainer .section3 .desc{width: 600px;float: left;}
.proxyContainer .section3 .desc p{text-indent:2em;font-size: 18px;color: #666666;line-height: 54px;}
.proxyContainer .section3 .desc em{font-size: 24px;}
.proxyContainer .section3 img{width: 600px;float: right;}


.proxyContainer .section4 img{margin-right: 13px; display: inline-block; vertical-align: bottom;}
.proxyContainer .section4 li{width: 23%;margin-right: 2%;border-radius: 4px; box-shadow: 0 0 10px #ddd; float: left; text-align: center;overflow: hidden;padding: 45px 0}
.proxyContainer .section4 li:last-child{margin-right: 0}
.proxyContainer .section4 h6{font-size: 24px; color: #333333; font-weight: bold; line-height: 26px;}
.proxyContainer .section4 .p1{font-size: 40px; color: #14cc70; font-weight: bold;    margin-top: 50px;}
.proxyContainer .section4 .p2{font-size: 16px; color: #999999; margin-top: 45px;}
.proxyContainer .section4 .p3{font-size: 16px; color: #333333; font-weight: bold; margin-top: 15px;}

.section5{background: url("../images/page/proxy5_bg.png") no-repeat;background-size:100% 100%;padding: 120px 0 100px;}
.proxyContainer .section5 .bigColumn_T{color: #fff;}
.proxyContainer .section5 ul{border-radius: 18px;overflow: hidden}
.proxyContainer .section5 li{position: relative;width: 25%;float: left;}
.proxyContainer .section5 .img{position: relative;z-index: 1;}
.proxyContainer .section5 li div{position:absolute;left: 0;bottom: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,.7);}
.proxyContainer .section5 dl{display: table;width: 100%;height: 100%;text-align: center}
.proxyContainer .section5 dt{display: table-cell;vertical-align: middle;padding:0 46px;}
.proxyContainer .section5 .ico{}
.proxyContainer .section5 .tit{font-size: 24px; color: #fff; margin-top: 30px;}
.proxyContainer .section5 .info{font-size: 15px; color: #fff; line-height: 24px; margin-top: 30px;}


@media screen and (max-width:1200px) {
    .proxyContainer .section1 li{font-size: 14px;margin: 0 6px;}
    .proxyContainer .section1 p{font-size: 12px;line-height: 1.5;}
    .proxyContainer .section2{margin-bottom: 0}
    .proxyContainer .section2 dl{width: 100%;margin-right: 0;margin-bottom: 20px;padding-bottom: 20px;}

    .proxyContainer .section3 .desc{width: 100%}
    .proxyContainer .section3 .desc p{font-size: 14px;line-height: 1.5;}
    .proxyContainer .section3 img{display: none;}
    .proxyContainer .section4 li{width:100%;margin-right: 0;padding:20px 0;margin-bottom: 20px;}
    .proxyContainer .section4 .p1,
    .proxyContainer .section4 .p2{margin-top:20px;}

    .proxyContainer .section5 { padding: 120px 0 50px;}
    .proxyContainer .section5 li{width: 50%;}
    .proxyContainer .section5 .ico img{width: 50px;height: 50px;}
    .proxyContainer .section5 dt{padding: 0 10px;}
    .proxyContainer .section5 .tit{font-size: 20px; margin-top:10px;}
    .proxyContainer .section5 .info{font-size: 12px;line-height: 1.4;margin-top: 10px;}
    .proxyContainer .section5 .img{display: block;width: 100%;}
}