.w {
width: 1600px;
margin: 0 auto
}
html, body {
position: relative;
width: 100%;
height: 100%
}
.swiper-container {
width: 100%;
height: 100%
}
.topnav {
width: 100%;
padding-top: 35px
}
.topnav .logo {
width: 139px;
height: 48px;
background: url(../image/logo_g.png) no-repeat center center;
background-size: 100% 100% !important
}
.topnav .nav_list li {
position: relative;
float: left
}
.topnav .nav_list li > a {
position: relative;
padding: 16px 27px;
font-size: 18px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.topnav .nav_list li > a i {
position: relative
}
.topnav .nav_list li > a i font {
position: relative;
z-index: 10
}
.topnav .nav_list li > a i:after {
position: absolute;
bottom: 0;
left: 0;
width: 0;
display: block;
height: 5px;
background: transparent;
content: "";
-webkit-transition: width .5s;
-moz-transition: width .5s;
-ms-transition: width .5s;
-o-transition: width .5s;
transition: width .5s
}
.topnav .nav_list li:hover > a, .topnav .nav_list li.on > a {
font-weight: 700
}
.topnav .nav_list li:hover > a i:after, .topnav .nav_list li.on > a i:after {
width: 100%;
background: #72af2c
}
.topnav .serach_box {
position: relative;
font-size: 0;
margin-left: 30px
}
.topnav .serach_box .search_icon {
width: 40px;
height: 50px;
background: url(../image/search_icon.png) no-repeat center right
}
.topnav .serach_box .search_ipt {
border: 1px solid #c1c1c1;
width: 200px;
position: absolute;
top: 100%;
right: 0;
display: none;
z-index: 1000;
font-size: 14px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
overflow: hidden
}
.topnav .serach_box:hover .search_ipt {
display: block
}
.topnav .serach_box .search_ipt input {
width: 100%;
padding: 7px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff
}
.serach_box input::-webkit-input-placeholder {
color: #666
}
.serach_box input::-moz-input-placeholder {
color: #666
}
.serach_box input::-ms-input-placeholder {
color: #666
}
.topnav.topnav_index {
position: absolute;
top: 0;
width: 100%;
left: 0;
z-index: 100;
color: #fff
}
.topnav.topnav_index .logo {
background: url(../image/logo.png) no-repeat center center
}
.topnav.topnav_index .serach_box .search_icon {
background: url(../image/search_icon_w.png) no-repeat center right
}
.sec1 {
position: relative
}
.sec1 .line1 {
position: absolute;
width: 14.4%;
height: 18px;
background: url(../image/line1.png) no-repeat center right;
top: 44%;
left: 0;
z-index: 100
}
.sec1 .line2 {
position: absolute;
width: 10.9%;
height: 2px;
background: #fff;
top: 44%;
right: 0;
z-index: 100
}
/* .sec1 .slideDown {
position: absolute;
width: 12px;
height: 222px;
background: url(../images/01_Slidedown.png) no-repeat bottom center;
bottom: 100px;
right: 160px;
z-index: 100;
background-size: 100%;
} */
.sec1 .slideDown {
position: absolute;
width: 14px;
height: 93px;
background: url(../image/01_down_icon.png) no-repeat center center;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 100;
background-size: 100%;
}
.banner_container li > a {
width: 100%
}
.banner_container li > a img {
width: 100%;
height: 745px;
}
.banner_container .banner_con {
position: absolute;
top: 40%;
left: 151.5px;
width: 100%;
color: #fff
}
.banner_container .banner_con .title1 {
font-size: 56px;
font-weight: 700;
font-family: Arial, Microsoft YaHei, SimSun
}
.banner_container .banner_con .title2 {
font-size: 18px;
line-height: 25px;
margin: 10px 0 60px
}
.banner_container .banner_con .more {
padding: 15px 30px;
background: rgba(255, 255, 255, .2);
color: #fff;
border: 1px solid #fff
}
.banner_container .swiper-pagination-banner {
display: block;
top: 42.7%;
left: auto;
right: 12%;
width: 50%;
height: 30px;
position: absolute;
text-align: right
}
.banner_container .swiper-pagination-banner .swiper-pagination-bullet {
width: 30px;
height: 30px;
line-height: 30px;
color: #fff;
background: 0;
font-size: 18px;
margin: 0 15px;
text-align: center;
opacity: 1;
font-family: Arial, Microsoft YaHei, SimSun
}
.banner_container .swiper-pagination-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
color: #72af2c
}
.sec2 {
padding: 100px 0
}
.sec2 .titleimg {
width: 46.25%
}
.sec2 .sec2_right {
width: 53.75%
}
.sec2 .sec2_right .title {
font-size: 30px
}
.sec2 .sec2_right .info1 {
margin: 50px 0 30px
}
.sec3 {
position: relative
}
.sec3 .img_container li {
width: 100%;
height: 850px;
background-size: cover !important
}
.sec3 .case_info_con {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100
}
.sec3 .info_container li a {
width: 100%
}
.sec3 .info_container li .info_con {
width: 700px;
height: 700px;
opacity: 0;
-webkit-transition: opacity 2s;
-moz-transition: opacity 2s;
-ms-transition: opacity 2s;
-o-transition: opacity 2s;
transition: opacity 2s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid #bbbbb8;
background: rgba(0, 0, 0, 0.2);
color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center
}
.sec3 .info_container li .center {
position: absolute;
top: 41%;
left: 0;
width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.sec3 .info_container li .center.center_name {
color: rgba(255, 255, 255, .5);
font-size: 40px;
font-weight: 700;
text-align: center;
top: 50%
}
.sec3 .info_container li .info_con .img {
text-align: center
}
.sec3 .info_container li .info_con .img img {
height: 95px
}
.sec3 .info_container li .info_con h5 {
font-size: 40px;
margin: 30px 0 15px
}
.sec3 .info_container li .info_con h6 {
font-size: 40px;
font-weight: 700;
margin-bottom: 25px
}
.sec3 .info_container li .info_con .points {
max-height: 60px;
height: auto;
font-size: 18px
}
.sec3 .info_container li .info_con .points .info {
color: #fff
}
.sec3 .info_container li.swiper-slide-active .info_con {
opacity: 1
}
.sec3 .info_container li.swiper-slide-active .center.center_name {
display: none
}
.info_container .swiper-button-next, .info_container .swiper-button-prev {
width: 25%;
height: 100%;
top: 0;
margin-top: 0
}
.info_container .swiper-button-next:focus, .info_container .swiper-button-prev:focus {
outline: inherit
}
.info_container .swiper-button-next {
right: 0
}
.info_container .swiper-button-prev {
left: 0
}
.info_container .swiper-button-next:after, .info_container .swiper-button-prev:after {
display: none
}
.info_container .swiper-pagination {
color: #fff;
bottom: 135px
}
.sec4 {
padding: 100px 0
}
.index_title {
font-size: 48px
}
.index_title .title1 {
margin-bottom: 5px
}
.index_title .title2 {
font-weight: 700
}
.sec4_con {
margin-top: 50px
}
.sec4_con .case_menu {
width: 21.25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.case_menu a {
width: 100%;
position: relative;
margin-bottom: 38px;
font-size: 28px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.case_menu a i {
position: relative
}
.case_menu a i font {
position: relative;
z-index: 10
}
.case_menu a i:after {
position: absolute;
bottom:0;
left: 0;
width: 0;
display: block;
height: 5px;
background: transparent;
content: "";
-webkit-transition: width .5s;
-moz-transition: width .5s;
-ms-transition: width .5s;
-o-transition: width .5s;
transition: width .5s
}
.case_menu a:hover i:after, .case_menu a.on i:after {
width: 100%;
background: #72af2c
}
.sec4_con .case_detail_con {
width: 78.75%;
position: relative
}
.case_list_con {
display: none
}
.case_list_con.active {
display: block
}
.sec4 .read_more {
position: absolute;
top: -154px;
right: 0
}
.sec4 .read_more:before {
width: 500%;
height: 1px;
background: #eee;
position: absolute;
top: 50%;
right: -180px;
display: block;
content: ""
}
.sec4 .read_more a {
padding: 10px 15px;
background: #fff;
position: relative;
z-index: 10;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.sec4 .read_more a:hover {
padding: 10px 5px 10px 25px
}
.sec5 li a, .sec5 li a img {
width: 100%
}
.sec5 li .title {
font-size: 26px;
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff
}
.sec5 li .title h6 {
display: inline-block;
margin: 0 75px;
line-height: 30px;
height: 30px;
width: 40%
}
.sec5 li .title h6.left {
text-align: right
}
.sec5 li .title h6.right {
text-align: left
}
/* .sec5 li:before {
width: 94px;
height: 94px;
display: block;
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url(../image/video_icon.png) no-repeat center center;
background-size: 100% 100% !important
} */
.circle{
position: absolute;
width: 94px;
height: 94px;
text-align: center;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
/* left: 48%;
top:45%; */
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.sec5 li .circle a{
width: 94px;
height: 94px;
display: block;
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
background: url(../image/video_icon.png) no-repeat center center;
background-size: 100% 100% !important
}
.circle:before, .circle:after {
position: absolute;
content: '';
display: block;
width: 94px;
height: 94px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: .7;
background: #fff;
top: 0;
left: 0;
}
.circle:before {
animation: scale 2s linear infinite;
}
.circle:after {
animation: scale 2s 1s linear infinite;
}
@keyframes scale {
0% {
transform: scale(1)
}
50%,
75% {
transform: scale(1.5)
}
78%,
100% {
opacity: 0
}
}
.video_container .swiper-button-next, .video_container .swiper-button-prev {
width: 70px;
height: 42px;
background-size: 100% 100% !important
}
.video_container .swiper-button-next {
right: 0;
background: url(../image/next_icon.jpg) no-repeat center center
}
.video_container .swiper-button-prev {
left: 0;
background: url(../image/prev_icon.jpg) no-repeat center center
}
.video_container .swiper-button-next:after, .video_container .swiper-button-prev:after {
display: none
}
.sec6 {
background: #eee
}
.agency_list {
border-bottom: 1px solid #d9d9d9;
padding: 50px 0
}
.agency_list li {
width: 12.5%;
text-align: center
}
.agency_list li img {
max-width: 70%
}
section {
width: 100%;
overflow: hidden
}
.container {
padding-top: 130px
}
.innertitle .title1 {
font-size: 24px;
margin-bottom: 10px
}
.innertitle .title2 {
font-size: 36px
}
.about1 {
padding-bottom: 100px
}
.about1 .innertitle {
width: 39%
}
.about1 .about1_right {
width: 61%;
max-height: 210px
}
.mCSB_inside > .mCSB_container {
margin-right: 50px
}
.mCSB_scrollTools {
width: 2px
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
background: #eee
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #333 !important;
width: 2px
}
.about2 {
position: relative
}
.about2 img {
width: 100%
}
.about2 p {
position: absolute;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 36px;
color: #fff;
width: 100%
}
.about3 {
padding: 90px 0
}
.about3 .top .innertitle {
width: 39%
}
.about3 .top .about3_right {
width: 61%;
max-height: 120px
}
.about3 .bot_list {
margin-top: 50px;
background: url(../image/02_circle_img.jpg) no-repeat center center;
background-size: 100% 100%
}
.bot_list li {
width: 16.66%;
float: left;
text-align: center;
padding: 105px 0
}
.bot_list li span {
height: 40px
}
.bot_list li span img{
height: 32px;
}
.bot_list li p {
text-align: center
}
.about4_con {
padding: 40px 0 80px;
position: relative
}
.about4_con .swiper-button-next, .about4_con .swiper-button-prev {
width: 45px;
height: 45px;
top:45%;
background-size: 100% 100% !important
}
.about4_con .swiper-button-next {
background: url(../image/02_honor_right1.png) no-repeat center center;
/* right: 0 */
right: -60px;
}
.about4_con .swiper-button-prev {
background: url(../image/02_honor_left1.png) no-repeat center center;
/* left: auto; */
left: -60px;
}
.about4_con .swiper-button-next:hover {
background: url(../image/02_honor_right11.png) no-repeat center center
}
.about4_con .swiper-button-prev:hover {
background: url(../image/02_honor_left11.png) no-repeat center center
}
.about4_con .swiper-button-next:after, .about4_con .swiper-button-prev:after {
display: none
}
.about4_con li {
padding: 10px;
background: #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.about4_con li a {
width: 100%
}
.about4_con li a img {
width: 100%;
height: 244px
}
.about5 {
position: relative
}
.about5 img {
width: 100%
}
.about5_con {
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 0;
color: #fff;
padding-top: 90px
}
.about5_con .text {
padding-top: 170px;
font-size: 48px
}
.about6 {
padding: 100px 0
}
.about6 .img {
margin-top: -80px;
text-align: center
}
.about7_con {
padding: 50px 0 100px;
position: relative
}
.agency_container {
height: 320px
}
.about7_con li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 135px
}
.about7_con li img {
width: 90%;
height: auto;
max-height: 100%
}
.go_top {
width: 33px;
height: 34px;
background: url(../image/top_icon.png) no-repeat center center;
background-size: 100% 100%;
position: fixed;
bottom: 100px;
right: 50px;
display: none;
z-index: 10000
}
.foot_top {
background: #eee;
padding: 50px 0 15px
}
.foot_keyword {
width: 20%;
font-size: 21px;
line-height: 40px;
font-style:italic;
}
.foot_contact {
font-size: 16px;
line-height: 36px
}
.foot_link{
padding-left: 100px;
}
.foot_link .title {
padding-bottom: 10px;
border-bottom: 1px dashed #999;
margin-bottom: 10px;
}
.foot_link div {
line-height: 24px;
padding-bottom: 5px;
position: relative;
width: 280px;
}
.foot_link div > a {
position: relative;
width: 100%;
padding: 5px 30px 5px 10px;
border: 1px solid #999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.foot_link div > a i {
width: 30px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: url(../image/foot_more.png) no-repeat center center;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
background-size: 30% !important
}
.foot_link div ul {
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
border: 1px solid #999;
border-bottom: 0;
background: #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none
}
.foot_link div:hover ul {
display: block
}
.foot_link div ul li a {
height: 40px;
padding: 0 10px;
line-height: 40px;
border-bottom: 1px dashed #999;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.foot_link div ul li:last-of-type a {
border-bottom: 0
}
.foot_ewm {
width: 120px;
text-align: center
}
.foot_ewm img {
max-width: 100%
}
.foot_ewm p {
text-align: center;
line-height: 30px
}
.Copyright {
background: #333;
padding: 25px 0
}
.Copyright .copy {
line-height: 30px;
color: #fff
}
.Copyright .copy .gongbei_icon {
margin-right: 3px
}
.bdsharebuttonbox.bdshare-button-style0-16 a {
width: 35px;
height: 30px;
padding: 0;
margin: 0;
display: block;
float: right
}
.bdsharebuttonbox.bdshare-button-style0-16 a.bds_tsina {
background: url(../image/foot_wb_icon.png) no-repeat center right
}
.bdsharebuttonbox.bdshare-button-style0-16 a.bds_qq {
background: url(../image/foot_qq_icon.png) no-repeat center right
}
.bdsharebuttonbox.bdshare-button-style0-16 a.bds_weixin {
background: url(../image/foot_wx_icon.png) no-repeat center right
}
.Scope_list {
padding: 100px 0 60px
}
.Scope_list li {
margin-bottom: 50px;
padding-top: 36.46%;
width: 100%;
position: relative
}
.Scope_list li .li_con {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #eee
}
.Scope_list li .img_con {
float: left;
width: 60.67%;
height: 100%;
background-size: cover !important
}
.Scope_list li .info_con {
float: right;
width: 39.33%;
height: 100%;
padding-top: 110px;
padding-left: 70px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
.Scope_title {
margin-bottom: 45px
}
.Scope_title .title1 {
color: #72af2c;
font-size: 40px;
margin-bottom: 15px
}
.Scope_title .title2 {
font-size: 18px
}
.Scope_list li .info_con .bot_info {
height: 180px;
overflow: hidden;
margin-bottom: 70px
}
.scope_dl {
justify-content: space-between
}
.scope_dl dd {
text-align: center;
flex: 1
}
.scope_dl dd span {
width: 100%
}
.scope_dl dd .name {
line-height: 40px;
color: #666
}
.Scope_list .mCSB_inside > .mCSB_container {
margin-right: 20px
}
.Scope_list .mCSB_scrollTools .mCSB_draggerRail {
background: #fff
}
.Scope_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #999 !important
}
.Scope_list li:nth-of-type(2n) .img_con {
float: right
}
.Scope_list li:nth-of-type(2n) .info_con {
float: left;
padding-right: 70px
}
.case .right_search .search_ipt {
border: 1px solid #999;
width: 250px;
font-size: 18px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
overflow: hidden;
position: relative
}
.case .right_search .search_ipt input.text {
width: 100%;
padding: 16px 80px 16px 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: 0
}
.right_search input::-webkit-input-placeholder {
color: rgba(51, 51, 51, .5)
}
.right_search input::-moz-input-placeholder {
color: rgba(51, 51, 51, .5)
}
.right_search input::-ms-input-placeholder {
color: rgba(51, 51, 51, .5)
}
.case .right_search .submit {
width: 80px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: url(../image/04_search_icon.png) no-repeat center center
}
.left_menu {
padding: 50px 0
}
.left_menu li {
float: left;
margin-right: 75px
}
.left_menu li a {
padding: 0 23px;
background: #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
line-height: 36px;
font-size: 18px;
-webkit-transition: background .5s;
-moz-transition: background .5s;
-ms-transition: background .5s;
-o-transition: background .5s;
transition: background .5s
}
.left_menu li span img {
margin-right: 10px;
position: relative;
top: -2px;
height: 17px
}
.left_menu li span .img2 {
display: none
}
.left_menu li:hover a, .left_menu li.on a {
background: #4f8610;
color: #fff
}
.left_menu li:hover span .img1, .left_menu li.on span .img1 {
display: none
}
.left_menu li:hover span .img2, .left_menu li.on span .img2 {
position: relative;
top: 2px;
display: block
}
.case_con {
padding: 0 0 100px
}
.case_list li {
float: left;
width: 32.75%;
margin-right: .875%;
margin-bottom: .875%
}
.case_list li:nth-of-type(3n) {
margin-right: 0
}
.case_list li a {
width: 100%;
padding-top: 61%;
background-size: cover !important;
position: relative
}
.case_list li .mark {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(../image/01_case_img_bg.png) no-repeat bottom center;
opacity: 0;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.case_list li .info_con {
position: absolute;
bottom: 0;
left: 0;
padding: 0 25px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
opacity: 0;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.case_list li .info_con .title {
padding-right: 40px;
height: 60px;
line-height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.case_list li .info_con .case_more {
width: 40px;
height: 100%;
background: url(../image/04_case_more.png) no-repeat center right;
position: absolute;
top: 0;
right: 26px
}
.case_list li:hover .mark, .case_list li:hover .info_con {
opacity: 1
}
.view_more {
text-align: center;
margin-top: 35px
}
.view_more a {
padding: 12px 40px;
background: #4f8610;
/* color: #72af2c; */
color: #fff;
border: 1px solid #4f8610;
border-radius: 50px;
}
.case_detail {
padding-bottom: 100px
}
.case_detail .w {
width: 1400px
}
.case_title {
font-size: 30px;
line-height: 40px;
text-align: center;
margin-bottom: 40px
}
.case_top_container {
margin-bottom: 30px
}
.case_top_container li {
height: 650px;
background: #f6f6f6
}
.case_top_container li .img {
width: 100%;
height: 100%;
background-size: contain !important
}
.case_top_container .swiper-button-next, .case_top_container .swiper-button-prev {
width: 51px;
height: 51px;
background-size: 100% 100% !important
}
.case_top_container .swiper-button-next {
background: url(../image/04_case_next.png) no-repeat center center
}
.case_top_container .swiper-button-prev {
background: url(../image/04_case_prev.png) no-repeat center center
}
.case_top_container .swiper-button-next:after, .case_top_container .swiper-button-prev:after {
display: none
}
.case_bot_container {
margin: 15px 0 55px
}
.case_bot_container li:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
display: block;
content: "";
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.case_bot_container li img {
width: 100%;
height: 148px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.case_bot_container li:hover img, .case_bot_container li.swiper-slide-thumb-active img {
border: 3px solid #72af2c
}
.case_bot_container li:hover:before, .case_bot_container li.swiper-slide-thumb-active:before {
opacity: 0
}
.case_info_list {
justify-content: space-between
}
.case_info_list li {
flex: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 70px;
min-height: 300px;
border-left: 1px solid #eee
}
.case_info_list li:nth-of-type(4) {
border-right: 1px solid #eee
}
.case_info_list li h6 {
font-size: 24px;
color: #72af2c
}
.case_info_list li .line {
width: 52px;
height: 2px;
background: #72af2c;
margin: 20px 0 35px
}
.page {
text-align: center;
margin-top: 40px
}
.page .prev, .page .center, .page .next {
width: 67px;
height: 67px;
margin: 0 18px;
background-size: 100% 100% !important;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.page .prev {
background: url(../image/04_prev_page.png) no-repeat
}
.page .center {
background: url(../image/04_center.png) no-repeat
}
.page .next {
background: url(../image/04_next_page.png) no-repeat
}
.page .prev:hover {
background: url(../image/04_prev_page_hover.png) no-repeat
}
.page .center:hover {
background: url(../image/04_center_hover.png) no-repeat
}
.page .next:hover {
background: url(../image/04_next_page_hover.png) no-repeat
}
.Video_con {
padding: 100px 0
}
.Video_list li {
float: left;
width: 30%;
margin-right: 5%;
margin-bottom: 5%
}
.Video_list li:nth-of-type(3n) {
margin-right: 0
}
.Video_list li a {
width: 100%
}
.Video_list li .img {
width: 100%;
padding-top: 62.5%;
background-size: cover !important;
position: relative
}
.Video_list li .img:after {
position: absolute;
top: 50%;
left: 50%;
background: url(../image/05_video_icon.png) no-repeat;
background-size: 100% 100% !important;
width: 59px;
height: 59px;
display: block;
content: "";
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.Video_list li .title {
padding: 0 15px;
text-align: center;
width: 100%;
background: #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
height: 50px;
line-height: 50px
}
.Video_list li:hover .title {
color: #fff;
background: #72af2c
}
.video_mark {
position: fixed;
z-index: 10000;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
top: -200%;
left: 0
}
.video_mark.open {
top: 0
}
.video_mark .video_box {
position: absolute;
top: 50%;
left: 50%;
width: 60%;
max-height: 70%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.video_mark .video_box video {
width: 100%
}
.video_mark .video_box .close {
position: absolute;
top: -20px;
right: -20px;
background: url(../image/fancybox_sprite.png) no-repeat center center;
width: 40px;
height: 40px;
background-size: 100% 100% !important;
z-index: 100
}
.contact {
margin-bottom: 50px
}
.contact_right {
width: 47.5%
}
.contact_title .title1 {
font-size: 30px
}
.contact_title .title2 {
margin-top: 10px;
font-size: 14px;
letter-spacing: .2px
}
.contact_list {
margin: 30px 0 20px
}
.contact_list li {
line-height: 36px
}
.contact_right .map {
line-height: 22px
}
.contact_right .map img {
margin-right: 15px;
position: relative;
top: -1px
}
.search_list {
padding: 100px 0 80px
}
.search_list li {
background: #eee;
margin-bottom: 20px
}
.search_list li a {
padding: 40px 25px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.search_list li .points {
max-height: 60px;
line-height: 30px;
font-size: 18px;
height: auto;
margin-bottom: 10px
}
.search_list li .source {
color: #999
}
.search_list li:hover .points {
color: #72af2c
}
.play-video {
position: absolute;
z-index: 9;
/* margin-top: -7.5%;
left: 151.5px */
left: 14.5%;
top: 50%;
}
.video-p {
height: 645px
}
.play-video img {
width: 104px;
height: 104px
}
.video-close img {
cursor: pointer;
z-index: 4;
position: absolute;
top: 14%;
right: 19%;
width: 31px
}
.video-container {
position: fixed;
z-index: 10000;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
top: 0;
left: 0
}
.video-container .video-p {
position: absolute;
top: 50%;
left: 50%;
width: 60%;
max-height: 70%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: opacity .3s linear, -webkit-transform .3s ease-out;
transition: opacity .3s linear, transform .3s ease-out;
transition: opacity .3s linear, transform .3s ease-out, -webkit-transform .3s ease-out;
background-color: transparent
}
.info_jp {
font-size: 18px
}
.circle_play a {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 0;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
background: url(../image/02_video_icon.png) no-repeat center center;
background-size: 100% 100% !important;
}
.circle_play {
position: absolute;
width: 50px;
height: 50px;
/* line-height: 40px; */
text-align: center;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: 76%;
right: 50%;
}
.circle_play:before, .circle_play:after {
position: absolute;
content: '';
display: block;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: .7;
background: #fff;
top: 0;
left: 0;
}
.circle_play:before {
animation: scale1 2s linear infinite;
}
.circle_play:after {
animation: scale1 2s 1s linear infinite;
}
@keyframes scale1 {
0% {
transform: scale(1)
}
50%,
75% {
transform: scale(1.5)
}
78%,
100% {
opacity: 0
}
}
@media screen and (max-width: 1680px) {
.case_detail .w, .w {
width: 1320px
}
.about6, .about3, .sec4, .Video_con, .sec2 {
padding: 70px 0
}
.sec2 .titleimg img {
width: 80%
}
.sec2 .sec2_right .title {
font-size: 26px
}
.sec2 .sec2_right .info1 {
margin: 40px 0 25px
}
.sec3 .img_container li {
height: 700px
}
.sec3 .info_container li .info_con {
width: 550px;
height: 550px
}
.sec3 .info_container li .info_con .img img {
height: 75px
}
.sec3 .info_container li .info_con h5 {
font-size: 35px;
margin: 25px 0 10px
}
.sec3 .info_container li .info_con h6 {
font-size: 30px;
margin-bottom: 15px
}
.sec3 .info_container li .center.center_name {
font-size: 35px
}
.index_title {
font-size: 40px
}
.sec4_con .case_detail_con {
width: 77%
}
.sec4 .read_more {
top: -145px
}
.sec4 .read_more:before {
width: 300%;
height: 1px;
background: #eee;
position: absolute;
top: 50%;
right: -180px;
display: block;
content: ""
}
.case_menu a {
margin-bottom: 25px;
font-size: 24px
}
.agency_list {
padding: 35px 0
}
.foot_top {
background: #eee;
padding: 30px 0 15px
}
.foot_keyword {
font-size: 20px;
line-height: 30px
}
.foot_contact {
font-size: 15px;
line-height: 30px
}
.foot_ewm img {
max-width: 90%
}
.foot_ewm p {
font-size: 15px
}
.Copyright {
padding: 15px 0;
font-size: 14px
}
.container {
padding-top: 100px
}
.about1 {
padding-bottom: 70px
}
.innertitle .title1 {
font-size: 22px;
margin-bottom: 5px
}
.innertitle .title2 {
font-size: 32px
}
.about1 .about1_right {
width: 61%;
max-height: 200px
}
.about2 p {
font-size: 30px
}
.bot_list li {
padding: 85px 0
}
.about3 .bot_list {
margin-top: 40px
}
.about4_con .swiper-button-next, .about4_con .swiper-button-prev {
width: 38px;
height: 38px;
/* top: -20px */
}
.about4_con li a img {
height: 230px
}
.about4_con {
padding: 35px 0 70px;
position: relative
}
.about5_con .text {
padding-top: 140px;
font-size: 40px
}
.about6 .img {
margin-top: -60px
}
.about6 .img img {
width: 800px
}
.agency_container {
height: 300px
}
.about7_con {
padding: 35px 0 70px;
position: relative
}
.Scope_list {
padding: 70px 0 40px
}
.Scope_title .title1 {
font-size: 34px;
margin-bottom: 10px
}
.Scope_title .title2 {
font-size: 16px
}
.Scope_list li {
margin-bottom: 40px
}
.Scope_list li .info_con {
padding-top: 80px;
padding-left: 50px
}
.Scope_title {
margin-bottom: 30px
}
.Scope_list li .info_con .bot_info {
height: 175px;
margin-bottom: 40px
}
.scope_dl dd span img {
/* width: 80% */
width: 86px;
height: 86px;
}
.case .right_search .search_ipt {
font-size: 16px
}
.case .right_search .search_ipt input.text {
padding: 13px 60px 13px 20px
}
.case .right_search .submit {
width: 60px
}
.left_menu {
padding: 35px 0
}
.left_menu li {
margin-right: 40px
}
.case_con {
padding: 0 0 70px
}
.view_more {
margin-top: 25px
}
.view_more a {
padding: 12px 20px
}
.case_title {
font-size: 26px;
line-height: 32px;
margin-bottom: 35px
}
.case_bot_container {
margin: 15px 0 35px
}
.case_info_list li {
padding: 25px 50px;
min-height: 280px
}
.case_info_list li h6 {
font-size: 22px
}
.case_info_list li .line {
width: 50px;
margin: 15px 0 25px
}
.page {
text-align: center;
margin-top: 30px
}
.page .prev, .page .center, .page .next {
width: 55px;
height: 55px;
margin: 0 13px
}
.case_detail {
padding-bottom: 70px
}
.case_bot_container li img {
height: 130px
}
.Video_list li {
margin-bottom: 3%
}
.contact_title .title1 {
font-size: 26px
}
.contact_title .title2 {
letter-spacing: 0
}
.contact_list {
margin: 25px 0 15px
}
.contact_list li {
line-height: 32px
}
.contact {
margin-bottom: 40px
}
.search_list {
padding: 70px 0 50px
}
.search_list li a {
padding: 25px 20px
}
.search_list li .points {
max-height: 52px;
line-height: 26px;
font-size: 16px;
margin-bottom: 5px
}
.search_list li .source {
font-size: 14px
}
.case_top_container li {
height: 550px
}
.video-close img {
top: 18%
}
.banner_container .banner_con {
left: 180px
}
.banner_container .banner_con .title1 {
font-size: 52px
}
.play-video {
left: 18%
}
.info_jp {
font-size: 16px
}
.sec1 .Down{
height: 73px
}
}
@media screen and (max-width: 1440px) {
.case_detail .w, .w {
width: 1200px
}
.bot_list li {
padding: 72px 0
}
.about4_con li a img {
height: 182px
}
.banner_container .banner_con .title1 {
font-size: 46px
}
.banner_container .banner_con .title2 {
font-size: 16px;
line-height: 25px;
margin: 0 0 35px
}
.sec5 li:before {
width: 70px;
height: 70px
}
.sec5 li .title h6 {
margin: 0 55px;
width: 30%
}
.about5_con .text {
padding-top: 8%;
font-size: 36px
}
.Scope_list li .info_con .bot_info {
height: 150px;
margin-bottom: 35px
}
.Scope_list li .info_con {
padding-top: 60px
}
.Scope_title {
margin-bottom: 25px
}
.scope_dl dd span img {
/* width: 75% */
width: 59px;
height: 59px;
}
.scope_dl dd .name {
line-height: 35px;
font-size: 14px
}
.case_info_list li {
padding: 20px 35px;
min-height: 250px
}
.case_top_container li {
height: 480px
}
.video-close img {
top: 11%;
right: 18%;
}
.video-p {
height: 553px
}
.banner_container .banner_con {
left: 120px
}
.play-video {
left:17%
}
}
@media screen and (max-width: 1366px) {
.foot_link div {
width: 240px;
font-size: 14px;
}
.case_detail .w, .w {
width: 1080px
}
.topnav .nav_list li > a {
padding: 14px 20px;
font-size: 16px
}
.banner_container li > a img {
width: 100%;
height: 602px;
}
.banner_container .banner_con .title1 {
font-size: 65px
}
.banner_container .banner_con .title2 {
font-size: 15px;
line-height: 25px;
margin: 0 0 30px
}
.banner_container .banner_con .more {
padding: 12px 20px;
font-size: 14px
}
.about6, .about3, .sec4, .Video_con, .sec2 {
padding: 50px 0
}
.sec2 .sec2_right .info1 {
margin: 25px 0 15px
}
.sec3 .img_container li {
height: 550px
}
.sec3 .info_container li .info_con {
width: 450px;
height: 450px
}
.sec3 .info_container li .center.center_name {
font-size: 30px
}
.sec3 .info_container li .info_con .img img {
height: 65px
}
.sec3 .info_container li .info_con h5 {
font-size: 30px;
margin: 20px 0 10px
}
.sec3 .info_container li .info_con h6 {
font-size: 26px;
margin-bottom: 5px
}
.info_container .swiper-pagination {
bottom: 100px
}
.index_title {
font-size: 32px
}
.sec4 .read_more {
top: -90px
}
.case_menu a {
margin-bottom: 20px;
font-size: 20px
}
.sec4_con {
margin-top: 30px
}
.sec5 li .title {
font-size: 20px
}
.sec5 li:before {
width: 50px;
height: 50px
}
.sec5 li .title h6 {
margin: 0 40px
}
.foot_top {
padding: 24px 0 10px
}
.agency_list {
padding: 30px 0
}
.Copyright {
padding: 10px 0
}
.foot_keyword {
width: 16%;
font-size: 17px;
line-height: 30px
}
.foot_ewm img {
max-width: 80%
}
.container {
padding-top: 70px
}
.about1 {
padding-bottom: 50px
}
.innertitle .title1 {
font-size: 20px
}
.innertitle .title2 {
font-size: 28px
}
.about2 p {
font-size: 26px
}
.bot_list li {
padding: 64px 0
}
.about4_con li a img {
height: 164px
}
.about4_con {
padding: 30px 0 50px;
position: relative
}
.about5_con {
padding-top: 65px
}
.about5_con .text {
padding-top: 11%;
font-size: 30px
}
.about6 .img img {
width: 700px
}
.about7_con {
padding: 30px 0 50px
}
.agency_container {
height: 270px
}
.about7_con li {
height: 120px
}
.Scope_list {
padding: 50px 0 30px
}
.Scope_title .title1 {
font-size: 28px
}
.Scope_list li {
margin-bottom: 30px
}
.Scope_list li .info_con {
padding-top: 45px;
padding-left: 40px
}
.left_menu li {
margin-right: 28px
}
.case .right_search .search_ipt {
width: 230px
}
.case .right_search .search_ipt input.text {
padding: 8px 60px 8px 20px
}
.left_menu li a {
padding: 0 18px;
line-height: 34px;
font-size: 16px
}
.case_bot_container li img {
height: 115px
}
.case_info_list li h6 {
font-size: 20px
}
.case_info_list li {
padding: 20px 25px
}
.case_info_list li .line {
width: 40px;
margin: 10px 0 20px
}
.case_con, .case_detail {
padding-bottom: 50px
}
.page .prev, .page .center, .page .next {
width: 45px;
height: 45px;
margin: 0 10px
}
.Video_list li .title {
height: 40px;
line-height: 40px
}
.contact_title .title1 {
font-size: 22px
}
.contact_list {
margin: 20px 0 15px
}
.contact_list li {
line-height: 30px;
font-size: 14px
}
.search_list {
padding: 50px 0 30px
}
.search_list li .points {
max-height: 40px;
line-height: 20px;
font-size: 14px
}
.search_list li a {
padding: 20px 20px
}
/* .scope_dl_4 dd span img {
width: 66px;
height: 66px
} */
.scope_dl dd .name {
line-height: 21px;
font-size: 14px;
margin-top: 4px
}
.case_top_container li {
height: 450px
}
.video-p {
height: 458px;
width: 50%
}
.video-close img {
top: 14%;
right: 19%
}
.banner_container .banner_con {
left: 143px;
top: 35%
}
.banner_container .banner_con .title1 {
font-size: 42px
}
/*
.play-video img {
width: 115px;
height: 38px
} */
.play-video {
left: 17%;
top:69%
}
.circle {
width:55px;
height: 55px;
}
.sec5 li .circle a{
width: 55px;
height: 55px;
}
.circle:before, .circle:after{
width: 55px;
height: 55px;
}
}
@media screen and (max-width: 1280px) {
.scope_dl_4 dd span img {
width: 68px;
height: 68px
}
.scope_dl dd .name {
line-height: 21px;
font-size: 14px;
margin-top: 4px
}
.video-p {
height: 418px
}
.video-close img {
top: 27%;
right: 18%
}
.banner_container .banner_con {
left: 91.5px;
top: 35%
}
.banner_container .banner_con .title1 {
font-size: 40px
}
/* .play-video {
left: 91.5px;
margin-top: -9.5%
}
.play-video img {
width: 117px;
height: 39px
} */
.play-video {
left: 14.5%;
}
/* .circle {
left: 50%;
top: 42%;
} */
.scope_dl dd span img {
/* width: 75% */
width: 53px;
height: 53px;
}
}
@media screen and (max-width: 900px) {
.case_detail .w, .w {
margin: 0;
width: auto;
padding: 0 15px
}
.foot_link {
padding-left: 0;
width: 100%;
padding-top: 15px;
}
body {
background: #fff
}
.topnav {
padding-top: 0
}
.topnav .logo {
width: 130px;
height: 43px;
margin-top: 10px;
}
.menu_box .logo{
background: url(../image/logo.png) no-repeat center center;
background-size: 100% 100% !important;
width: 130px;
height: 43px;
margin-top: 10px;
margin-left:10px ;
}
.topnav .meum {
font-size: 0
}
.meum_list{
margin-top: 35px;
}
.topnav .meum a {
width: 30px;
height: 60px;
background: url(../image/menu.png) no-repeat center right
}
.topnav.topnav_index .meum a {
background: url(../image/menu_white.png) no-repeat center right
}
.cbp-spmenu-left {
width: 100%;
height: 100%;
overflow-y: scroll;
top: 100%;
z-index: 99999;
position: fixed;
left: 0;
display: block;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
/* background: #72af2c;
color: #fff */
background: #4f8610;
color: #fff;
}
.cbp-spmenu-left.cbp-spmenu-open {
top: 0
}
.menu_box {
width: 100%;
position: relative;
/* padding-top: 50px */
padding-bottom: 40px;
}
.menu_close {
background: url(../image/close1.png) no-repeat center center;
/* background: url(../image/menu.png) no-repeat center center; */
width: 30px;
height: 30px;
position: absolute;
top: 20px;
right: 15px;
}
.meum_list li {
width: 100%;
/* border-bottom: solid 1px rgba(255, 255, 255, .3) */
border-bottom: solid 1px #ddd;
}
.meum_list li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%
}
.meum_list li > a {
padding: 25px 20px;
font-size: 19px;
/* font-family:SimSun; */
color: #fff;
}
.meum_list li > a i {
position: absolute;
right: 15px;
-ms-transform: scale(1, 1.3);
-moz-transform: scale(1, 1.3);
-webkit-transform: scale(1, 1.3);
-o-transform: scale(1, 1.3);
transform: scale(1, 1.3);
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
color:#bebebe
}
.meum_list li.active > a i {
-ms-transform: rotate(90deg) scale(1, 1.3);
-moz-transform: rotate(90deg) scale(1, 1.3);
-webkit-transform: rotate(90deg) scale(1, 1.3);
-o-transform: rotate(90deg) scale(1, 1.3);
transform: rotate(90deg) scale(1, 1.3)
}
.meum_list li .num{
position: absolute;
z-index: 3;
left: 21px;
font-family: Arial;
font-weight: lighter;
/* color: #8adbee; */
font-size: 20px;
margin: 25px 0;
}
.sec1 .line1, .sec1 .line2 {
display: none
}
.sec1 .slideDown {
right: 15px;
width: 5px;
height: 80px;
bottom: 30px;
background-size: 100% auto
}
.banner_container li > a img {
width: 100%;
height: 100%;
}
.banner_container .swiper-pagination-banner {
display: none
}
.banner_container .banner_con {
top: 40%;
left: 30px;
width: 75%
}
.banner_container .banner_con .title1 {
font-size: 15px
}
.banner_container .banner_con .title2 {
font-size: 10px;
line-height: 20px;
margin: 0 0 10px
}
.banner_container .banner_con .more {
padding: 8px 10px;
font-size: 10px;
display: none
}
.sec1 .Down {
width: 10px;
height: 17px;
background-size: 100% 100%
}
.about6, .about3, .sec4, .Video_con, .sec2 {
padding: 25px 0
}
.sec2 .titleimg {
width: 100%
}
.sec2 .titleimg img {
width: 60%
}
.sec2 .sec2_right {
width: 100%;
padding-top: 25px
}
.sec2 .sec2_right .title {
font-size: 20px
}
.sec2 .sec2_right .info1 {
margin: 15px 0
}
.sec3 .img_container li {
height: 400px
}
.sec3 .info_container li .info_con {
width: 300px;
height: 300px
}
.sec3 .info_container li .info_con .img img {
height: 50px
}
.sec3 .info_container li .info_con h5 {
font-size: 22px;
margin: 15px 0 8px
}
.sec3 .info_container li .info_con h6 {
font-size: 18px
}
.sec3 .info_container li .info_con .points {
max-height: 50px;
font-size: 16px
}
.info_container .swiper-pagination {
bottom: 78px
}
.index_title {
font-size: 20px
}
.sec4_con .case_menu {
width: 100%;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.case_menu a {
width: auto;
margin-bottom: 20px;
font-size: 16px
}
.case_menu a i:after {
bottom: 1px;
height: 3px
}
.sec4_con {
margin-top: 20px
}
.sec4_con .case_detail_con {
width: 100%;
padding-left: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.case_list li {
width: 48%;
margin-right: 4%;
margin-bottom: 2%
}
.case_list li:nth-of-type(3n) {
margin-right: 4%
}
.case_list li:nth-of-type(2n) {
margin-right: 0
}
.sec5 li .title {
font-size: 20px;
top: 65%
}
.sec5 li .title h6 {
margin: 0;
width: 100%;
text-align: center !important;
font-size: 16px;
line-height: 25px;
height: 25px
}
.sec5 li:before {
width: 35px;
height: 35px;
top: 30%
}
.video_container .swiper-button-next, .video_container .swiper-button-prev {
width: 40px;
height: 30px
}
.agency_list {
padding: 15px 0 5px;
flex-wrap: wrap
}
.agency_list li {
width: 25%;
margin-bottom: 10px
}
.agency_list li img {
max-width: 60%
}
.foot_keyword {
width: 100%;
font-size: 18px;
line-height: 26px
}
.foot_top {
padding: 20px 0 10px;
position: relative
}
.foot_contact {
font-size: 15px;
line-height: 26px;
padding: 10px 0
}
.foot_ewm {
width: auto;
position: absolute;
top: 20px;
right: 15px
}
.foot_ewm img {
max-width: 70%
}
.foot_ewm p {
font-size: 12px
}
.go_top {
width: 25px;
height: 28px;
bottom: 160px;
right: 15px
}
.container {
padding-top: 30px
}
.about1 {
padding-bottom: 25px
}
.about1 .innertitle {
width: 100%
}
.innertitle .title1 {
font-size: 16px
}
.innertitle .title2 {
font-size: 20px
}
.about1 .about1_right {
width: 100%;
max-height: initial;
padding-top: 20px
}
.about2 p {
font-size: 16px
}
.about3 .top .innertitle {
width: 100%
}
.about3 .top .about3_right {
width: 100%;
max-height: inherit;
height: auto;
padding-top: 20px
}
.about3 .bot_list {
margin-top: 10px;
background: url(../image/youshi_bg.png) no-repeat center center;
background-size: 100% auto;
padding: 10px 0
}
.bot_list li {
width: 33.33%;
padding: 10% 0
}
.bot_list li span {
height: 35px
}
.bot_list li span img {
height: 24px
}
.bot_list li p {
text-align: center;
font-size: 14px
}
.about4_con {
padding: 20px 0 25px
}
.about4_con .swiper-button-next, .about4_con .swiper-button-prev {
width: 30px;
height: 30px;
top: -5px
}
.about4_con .swiper-button-prev {
right: 40px
}
.about4_con li a img {
height: 125px
}
.about5_con {
padding-top: 20px
}
.about5_con .text {
padding-top: 2%;
font-size: 14px
}
.about6 .img {
margin-top: 0
}
.about6 .img img {
width: 80%
}
.about7_con li {
height: 90px
}
.agency_container {
height: 200px
}
.about7_con {
padding: 20px 0 20px
}
.Scope_list {
padding: 25px 0 10px
}
.Scope_list li {
padding-top: 0;
margin-bottom: 15px
}
.Scope_list li .li_con {
position: static
}
.Scope_list li .img_con {
width: 100%;
height: 230px
}
.Scope_list li .info_con {
width: 100%;
height: auto;
padding: 20px 15px !important
}
.Scope_title .title1 {
font-size: 20px;
margin-bottom: 6px
}
.Scope_title .title2 {
font-size: 14px
}
.Scope_title {
margin-bottom: 15px
}
.Scope_list li .info_con .bot_info {
height: inherit;
margin-bottom: 15px
}
.Scope_list li:nth-of-type(2n) .info_con {
padding-right: 15px
}
.case .right_search .search_ipt {
width: 160px
}
.case .right_search .search_ipt input.text {
padding: 5px 40px 5px 15px
}
.case .right_search .submit {
width: 40px;
background-size: 38%
}
.left_menu {
padding: 25px 0 15px
}
.left_menu li {
margin-right: 0;
width: 25%
}
.left_menu li a {
padding: 0 5px;
line-height: 30px;
font-size: 14px
}
.left_menu li span img {
margin-right: 2px;
top: -1px;
width: 15px
}
.case_list li .info_con {
padding: 0 10px;
opacity: 1
}
.case_list li .mark {
opacity: 1
}
.case_list li .info_con .title {
padding-right: 30px;
height: 40px;
line-height: 40px;
font-size: 14px
}
.case_list li .info_con .case_more {
width: 30px;
right: 10px
}
.case_title {
font-size: 18px;
line-height: 22px;
margin-bottom: 15px
}
.case_top_container .swiper-button-next, .case_top_container .swiper-button-prev {
width: 35px;
height: 35px
}
.case_bot_container li img {
height: 50px
}
.case_bot_container {
margin: 5px 0 20px
}
.case_info_list {
flex-wrap: wrap
}
.case_info_list li {
padding: 20px 25px;
width: 100%;
flex: inherit;
border-left: none;
border-top: 1px solid #eee;
min-height: inherit
}
.case_info_list li:nth-of-type(4) {
border-right: 0;
border-bottom: 1px solid #eee
}
.case_info_list li h6 {
font-size: 18px
}
.case_info_list li .line {
width: 30px;
margin: 10px 0 10px
}
.case_con, .case_detail {
padding-bottom: 25px
}
.view_more {
margin-top: 10px
}
.view_more a {
padding: 8px 23px;
font-size: 12px
}
.loadmore-tips{
padding: 8px 10px !important;
font-size: 12px
}
.page {
margin-top: 20px
}
.page .prev, .page .center, .page .next {
width: 35px;
height: 35px;
margin: 0 5px
}
.Video_list li {
width: 48%;
margin-right: 4%;
margin-bottom: 4%
}
.Video_list li:nth-of-type(3n) {
margin-right: 4%
}
.Video_list li:nth-of-type(2n) {
margin-right: 0
}
.Video_list li .img:after {
width: 35px;
height: 35px
}
.Video_list li .title {
height: 30px;
line-height: 30px;
font-size: 14px
}
.contact_right {
width: 100%;
padding-top: 25px
}
.contact_title .title1 {
font-size: 18px
}
.contact_list {
margin: 15px 0 10px
}
.contact {
margin-bottom: 20px
}
.search_list {
padding: 25px 0 5px
}
.search_list li {
margin-bottom: 15px
}
.search_list li a {
padding: 15px
}
.case_top_container li {
height: 240px
}
.video-p {
height: 172px;
width: 78%
}
.video-close img {
top: 35%;
right: 10%;
width: 22px
}
.banner_container .banner_con {
left: 15px;
top: 35%
}
/* .play-video {
left: 15px;
margin-top: -10.5%
}
.play-video img {
width: 85px;
height: 30px
} */
.circle_play:before, .circle_play:after {
width: 36px;
height: 36px;
}
.circle_play a {
width: 36px;
height: 36px;
}
.circle_play {
width: 36px;
height: 36px;
}
.play-video {
top: 75%;
}
.circle {
left: 50%;
top: 24%;
width: 34px;
height: 34px;
}
.sec5 li .circle a {
width: 34px;
height: 34px;
}
.circle:before, .circle:after{
width: 34px;
height: 34px;
}
.video_mark .video_box, .video-container .video-p{
width: 77%;
}
.sec4 .read_more:before{
width: 228%;
}
.scope_dl dd span img {
/* width: 75% */
width: 65px;
height:65px;
}
}
@media screen and (max-width: 320px) {
.w {
margin: 0;
width: auto;
padding: 0 10px
}
}