.banner{ width: 1920px; position: relative; left: 50%; margin-left: -960px;} .banner .swiper-slide img{ width: 100%; height: auto; display: block;} .banner .swiper-pagination{ bottom: 50px; background: url(../images/img/xx.png) no-repeat center center;} .banner .swiper-pagination:after{ position: absolute; content: '';} .banner .swiper-pagination-bullet{ margin: 0 51px !important; border-radius: 0; width: 9px; height: 9px; opacity: 1; background-color: #fff; position: relative;} .banner .swiper-pagination-bullet:after{ position: absolute; content: ''; left: 0; bottom: -12px; width: 100%; height: 100%; color: #fff;} .banner .swiper-pagination-bullet:nth-of-type(1):after{ content: 'Ι';} .banner .swiper-pagination-bullet:nth-of-type(2):after{ content: 'ΙI';} .banner .swiper-pagination-bullet:nth-of-type(3):after{ content: 'ΙII';} .banner .swiper-pagination-bullet-active{ background-color: #C1A364;} .banner .swiper-pagination-bullet-active:after{ color: #C1A364;} .banner .swiper-pagination-bullet-active:before{ position: absolute; content: ''; width: 13px; height: 13px; left: -3px; top:-3px; border: 1px solid #FFF;} .waperTit{ width: 100%; padding: 30px 0; text-align: center;} .waperTit h3{ font-size: 26px; font-weight: bold; color: #C1A364;} .waperTit p{ font-size: 12px; color: #E6E6E6; margin-top: 3px;} .waperTit p i, .waperTit p span{ vertical-align: middle; font-family: arial; display: inline-block; text-transform: uppercase;} .waperTit p i{ width: 30px; height: 1px; background-color: #E6E6E6;} .waperTit p span{ margin: 0 15px;} .attrrh{ width: 100%; /*background-color: #F2F4F4;*/ position: relative; z-index: 2; padding-bottom: 40px;} .TravContent{width: 1144px; height: 468px; position: relative; overflow: hidden; margin: 0 auto; z-index: 2;} .TravContent ul{ width: 30000%; height: 547px; position: relative;} .TravContent li{ float: left; /*width: 182px;*/ width: 278px; margin-right: 10px; position:relative; overflow:hidden;} .TravContent .TravImg{ position: relative; width: 100%; height: 464px;} .TravContent .TravImg img{ display: block; position: absolute; left: -50%; height:464px} .TravContent .TravText{ position: absolute; left: 0; bottom: 0; width: 278px; display: block; height: 73px; background-color: #F2F4F4; margin: 0;} .TravContent span{ display: inline-block; line-height: 20px; width: 100%; text-align: center; color: #8B8B8B; font-size: 17px; margin-top: 24px;} .TravContent small{ display: block; opacity: 0; font-size: 12px; color: #fff; width: 100%; text-align: center; text-transform: uppercase; margin-top: 5px;} .nei_case_list li img{ width:100%;height:200px; } @media only screen and ( min-width: 998px) { .TravContent li:hover span{ font-size: 18px; font-weight: bold;color: #fff;} .TravContent li:hover{ width:422px;} .TravContent li:hover .TravImg img{left:0; } .TravContent li:hover .TravText{ width: 422px; height: 86px; background-color:#147BC0;/* background-color: rgba(7,126,140,0.7);*/} .TravContent li:hover small{ opacity: 1;} .nei_case_list li img{ width:100%;height:180px; } } @media only screen and ( min-width: 800px) { .nei_case_list li img{ width:100%;height:160px; } } @media only screen and ( min-width: 600px) { .nei_case_list li img{ width:100%;height:130px; } } @media only screen and ( min-width: 480px) { .nei_case_list li img{ width:100%;height:100px; } } .TravContent span, .TravContent small, .TravContent .TravText, .TravContent .TravImg img, .TravContent li, .TravContent .TravImg{ transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .TravPage{ width: 1280px; padding-top: 0px; font-size:0; position: absolute; left: 50%; margin-left: -640px; height: 46px; top: 50%; margin-top: 0px;} .TravPage span{ position: absolute; width: 45px; height: 45px; border-radius: 4px; display:inline-block; text-align:center; line-height:45px; cursor:pointer;} .TravPage span.prev{ left: 0%; top: 0; background: #CFCFCF url(../images/pre1.jpg) no-repeat center center;} .TravPage span.next{ right: 0%; top: 0; background: #CFCFCF url(../images/pre2.jpg) no-repeat center center;} .TravPage span:hover.prev, .TravPage span.artive.prev{ background: url(../images/img/pre3.jpg) no-repeat center center; background-color:#10417C;} .TravPage span:hover.next, .TravPage span.artive.next{ background: url(../images/img/pre4.jpg) no-repeat center center; background-color:#10417C;} .phonetravs{ width: 100%; padding-bottom: 40px; display: none;} .phonetravs .swiper-slide img{ width: 100%; height: auto; display: block;} .phonetravs .swiper-slide h4{ width: 100%; padding: 10px 0; background-color: #168286; color: #fff; text-align: center; font-size: 13px;} .phonetravs .swiper-pagination-bullet-active{ background-color: #168286;} .newBox{ width: 1144px; position: relative; left: 50%; margin-left: -572px; padding: 40px 0;} .newBox .lftn{ float: left; width: 640px;} .newBox .lftWit{ width: 100%; height: 52px; background: url(../images/xt2.jpg) no-repeat left bottom;} .newBox .lftWit strong{ display: inline-block; vertical-align: middle; font-size: 26px; color:#147BC0;} .newBox .lftWit span{ display: inline-block; vertical-align:bottom; text-transform: uppercase; color: #585858; margin-left: 10px; font-size:16px} .newBox .lftn dl{ width: 100%; margin-top: 40px; font-size: 0; border-bottom: 1px solid #EEEEEE; padding-bottom: 30px;} .newBox .lftn dl dt{ display: inline-block; vertical-align: middle;} .newBox .lftn dl dd{ display: inline-block; vertical-align: middle; width: 352px; margin-left: 25px;} .newBox .lftn dl dt img{ max-width:262px; max-height:145px;transition: transform 1s;} .newBox .lftn dl dt img:hover{transform: scale(1.05);} .newBox .lftn dl dd time{ display: block; font-size: 14px; color: #949494;} .newBox .lftn dl dd h3{ font-size: 18px; font-weight: bold; color: #4C4C4C; border-bottom: 1px solid #EEEEEE; padding-bottom: 10px;} .newBox .lftn dl dd p{ font-size: 14px; color: #8B8B8B; line-height: 1.7; margin-top: 10px;} .newBox .lftn ul{ width: 100%; margin-top: 20px;} .newBox .lftn ul li{ width: 100%; display: table; margin-bottom: 10px;} .newBox .lftn ul li i{ float: left; margin-top: 9px; width: 5px; height: 5px; border-radius: 100%; background-color: #C1A364;} .newBox .lftn ul li span{ float: left; margin-left: 15px; font-size: 16px; color: #8B8B8B; transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; } .newBox .lftn ul li time{ float: right; font-size: 16px; color: #8B8B8B;} .newBox .lftn ul li:hover span{ color: #C1A364;} .newBox .rit{ float: right; width: 450px;} .newBox .rit .lftWit{ /*background: url(../images/xt1.jpg) no-repeat left bottom;*/margin-bottom: 40px;} .newBox .rit .lftWit strong{ color: #147BC0;} .indexproduct{ width: 100%;} .indexproduct .swiper-slide .index_product_i{ width:46%; margin-left:2%; margin-right:2%; display:block ; float:left; padding-bottom:40px} .indexproduct .swiper-slide .imgs img{ width: 100%; height: 135px; transition: transform 1.6s;} .indexproduct .swiper-slide .imgs{ width:100%; height:135px; display: block; overflow:hidden; } .indexproduct .swiper-slide .imgs img:hover{ transform: scale(1.2);} .indexproduct .swiper-slide .sz{ position: relative; background-color: #077E8C;} .indexproduct .swiper-slide .sz .szs{ position: absolute; left: 50%; top: 50%; margin: -22px 0 0 -22px; opacity: 0; transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; } .indexproduct .swiper-slide h3{ width: 100%; text-align: center; padding: 10px 0; background-color: #F2F4F4; font-size: 16px; color: #8B8B8B; height:30px; line-height:30px; overflow:hidden} .indexproduct .swiper-pagination-bullet{ width: 9px; height: 9px; border-radius: 0px; background-color: #147BC0; opacity: 1; position: relative;} .indexproduct .swiper-pagination-bullet-active:after{ position: absolute; content: ''; left: -3px; top: -3px; border: 1px solid #077E8C; width: 13px; height: 13px;} .indexproduct .swiper-slide .index_product_i:hover .imgs{ opacity: 0.3;} .indexproduct .swiper-slide .index_product_i:hover .szs{ opacity: 1;} /* .platform{ width: 100%; padding-bottom: 60px;} .platform .swiper-slide .imgs{ width: 100%; height: auto; display: block; transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; } .platform .swiper-slide .sz{ position: relative; background-color: #077E8C;} .platform .swiper-slide .sz .szs{ position: absolute; left: 50%; top: 50%; margin: -22px 0 0 -22px; opacity: 0; transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; } .platform .swiper-slide h3{ width: 100%; text-align: center; padding: 10px 0; background-color: #F2F4F4; font-size: 16px; color: #8B8B8B;} .platform .swiper-pagination-bullet{ width: 9px; height: 9px; border-radius: 0px; background-color: #077E8C; opacity: 1; position: relative;} .platform .swiper-pagination-bullet-active:after{ position: absolute; content: ''; left: -3px; top: -3px; border: 1px solid #077E8C; width: 13px; height: 13px;} .platform .swiper-slide:hover .imgs{ opacity: 0.3;} .platform .swiper-slide:hover .szs{ opacity: 1;} */ .index_service_t{ width:100%; margin:0 auto; background:#f4f4f4} .index_service_t .index_title{ margin: 0 auto; text-align:center; padding:50px 0} .index_service_t .index_title b{ color:#147BC0; font-size:30px;} .index_service_t .index_title span{ font-size:16px; color:#575757; display:block; margin:10px 0 } .index_service_t .index_title .index_title_btline{ background:url(../images/index_service_blbg.jpg) repeat-x; height:8px} .index_service_t .index_title .index_title_btline2{background:url(../images/index_service_btline.jpg) no-repeat; height:8px; width:100%; background-position:center} .index_project_t{ width:100%; margin:0 auto; } .index_project_t .index_title{ margin: 0 auto; text-align:center; padding:50px 0} .index_project_t .index_title b{ color:#147BC0; font-size:30px;} .index_project_t .index_title span{ font-size:16px; color:#575757; display:block; margin:10px 0 } .index_project_t .index_title .index_title_btline{ background:url(../images/index_service_blbg2.jpg) repeat-x; height:8px} .index_project_t .index_title .index_title_btline2{background:url(../images/index_service_btline.jpg) no-repeat; height:8px; width:100%; background-position:center} .index_s_wap{ width:100%} .index_s_wap img{ width:100% } /*.index_service_b{ width:100%; max-width:1200px; margin:0 auto}*/ .index_service_b{ width:100%; text-align:center; background:#f4f4f4; padding-bottom:50px} .index_service_b .mainwidth{ max-width:1200px; width:100%; margin:0 auto} .clear{ clear:both} /******首页服务领域第一页样式******/ .index_service_page1{ width:1000px; margin:0 auto; background:#F4F4F4} .index_service_page1 .s_page1_1{ width:39%;display:block; float:left} .index_service_page1 .s_page1_2{ width:39%;display:block; float:left;margin-left:1%} .index_service_page1 .s_page1_3{ width:20%;display:block; float:right} .index_service_page1 .img img{ max-width:100%; max-height:100%} .index_service_page1 .s_page1_1 .img{ height:135px} .index_service_page1 .s_page1_1 .img img{ height:135px; width:100%} .index_service_page1 .s_page1_1 .icon{ background:#83C6F3; height:135px; margin-top:5px; margin-bottom:5px} .index_service_page1 .s_page1_2 .img{ height:135px; margin-top:5px; margin-bottom:5px} .index_service_page1 .s_page1_2 .img img{ height:135px; width:100%} .index_service_page1 .s_page1_2 .icon{background:#147BC0; height:135px;} .index_service_page1 .s_page1_3 .img{ height:190px; margin-bottom:5px} .index_service_page1 .s_page1_3 .img img{ height:190px; width:100%} .index_service_page1 .s_page1_3 .icon{background:#83C6F3; height:219px;} .index_service_page1 .img,.index_service_page2 .img{ overflow:hidden} .index_service_page1 a,.index_service_page2 a{ color:#FFFFFF; font-size:16px } .index_service_page1 img,.index_service_page2 img{transition: transform 1.6s;} .index_service_page1 img:hover,.index_service_page2 img:hover{transform: scale(1.2);} /******首页服务领域第2页样式******/ .index_service_page2{ width:1000px; margin:0 auto; background:#F4F4F4} .index_service_page2 .s_page2_1{ width:15.5%;display:block; float:left} .index_service_page2 .s_page2_2{ width:33%;display:block; float:left;margin-left:1%} .index_service_page2 .s_page2_3{ width:33%;display:block; float:left;margin-left:1%} .index_service_page2 .s_page2_4{ width:15.5%;display:block; float:right} .index_service_page2 .img img{ max-width:100%; max-height:100%} .index_service_page2 .s_page2_2 .img{ height:135px} .index_service_page2 .s_page2_2 .img img{ height:135px; width:100%} .index_service_page2 .s_page2_2 .icon{ background:#83C6F3; height:135px; margin-top:5px; margin-bottom:5px} .index_service_page2 .s_page2_3 .img{ height:135px; margin-top:5px; margin-bottom:5px} .index_service_page2 .s_page2_3 .img img{ height:135px; width:100%} .index_service_page2 .s_page2_3 .icon{background:#147BC0; height:135px;} .index_service_page2 .s_page2_1 .img{ height:190px; margin-top:5px;} .index_service_page2 .s_page2_1 .img img{ height:190px; width:100%} .index_service_page2 .s_page2_1 .icon{background:#147BC0; height:219px;} .index_service_page2 .s_page2_4 .img{ height:190px; margin-bottom:5px} .index_service_page2 .s_page2_4 .img img{ height:190px; width:100%} .index_service_page2 .s_page2_4 .icon{background:#83C6F3; height:219px;} /*首页服务领域的箭头*/ .page1_jiantou1{ position:absolute; left:100%; top:0; z-index:9; } .page1_jiantou1 img{margin-top:0px !important; margin-bottom:0px !important} .page1_jiantou2{ position:absolute; left:-15px;top:0; z-index:9; } .page1_jiantou2 img{margin-top:0px !important; margin-bottom:0px !important} .page1_jiantou3{ position:absolute; top:-15px; width:100%; z-index:9; height:15px; background:url(../images/index_service_jiantou3.png) no-repeat; background-position:center } .page2_jiantou1{ position:absolute; bottom:-15px; width:100%; z-index:9; height:15px; background:url(../images/index_service_jiantou4.png) no-repeat; background-position:center } .page2_jiantou2{ position:absolute; left:100%; top:0; z-index:9; } .page2_jiantou2 img{margin-top:0px !important; margin-bottom:0px !important} .page2_jiantou3{ position:absolute; left:-15px;top:0; z-index:9; } .page2_jiantou3 img{margin-top:0px !important; margin-bottom:0px !important} .page2_jiantou4{ position:absolute; top:-15px; width:100%; z-index:9; height:15px; background:url(../images/index_service_jiantou3.png) no-repeat; background-position:center } /*首页服务领域的图标样式和图标下的文字样式*/ .index_service_page1 .s_page1_1 .icon img,.index_service_page1 .s_page1_2 .icon img,.index_service_page2 .s_page2_2 .icon img,.index_service_page2 .s_page2_3 .icon img{ margin-top:20px; margin-bottom:15px} .index_service_page1 .s_page1_1 .icon,.index_service_page1 .s_page1_2 .icon,.index_service_page1 .s_page1_3 .icon,.index_service_page2 .s_page2_2 .icon,.index_service_page2 .s_page2_3 .icon,.index_service_page2 .s_page2_1 .icon ,.index_service_page2 .s_page2_4 .icon { font-size:16px; color:#FFFFFF;position:relative} .index_service_page1 .s_page1_3 .icon img,.index_service_page2 .s_page2_1 .icon img,.index_service_page2 .s_page2_4 .icon img{ margin-top:50px; margin-bottom:15px}