﻿
.case {margin:0 auto; overflow:hidden; width:100%; min-width:1200px; height:600px;}
.case li {position:relative; z-index:0; background-position:50% 50%; background-repeat:no-repeat; width:100%; min-width:1200px; height:600px; cursor:pointer;}
.slidesAbout {position:relative; z-index:0; overflow:hidden; min-width:1200px;}
.slidesAbout .newsBanner {margin:0 auto; height:600px; min-width:1200px;}

.slidesAbout .prev,.slidesAbout .next { height:50px; width:50px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; z-index:10; cursor:pointer;}
.slidesAbout .prev {left:100px; top:50%; margin-top:-36px; background:rgba(0,0,0,.2) url(../image/slide-left.png) no-repeat 50% 50%;}
.slidesAbout .next {right:100px; top:50%; margin-top:-36px; background:rgba(0,0,0,.2) url(../image/slide-right.png) no-repeat 50% 50%;}
.slidesAbout .prev:hover { background-color: rgba(0,0,0,.4); }
.slidesAbout .next:hover { background-color: rgba(0,0,0,.4);}

.pagination li { display:inline-block; vertical-align:middle;*zoom:1; *display:inline; height:8px; background-color:rgba(255,255,255,0.6); width:60px;font-size:0; margin:0 5px; border-radius:5px; -webkit-border-radius:5px;}
.pagination li.current { width:60px;background-color:rgba(0,0,0,0.4);} 
.pagination {text-align:center; font-size:0; position:absolute; z-index:6; width:100%; bottom:50px; left:0;}
.pagination li a {display:block; height:10px;}

.zc {background:#ee85b2 url(../image/zc.jpg) no-repeat 50% 50%; height: 300px;}
.indexbg {background:#fcfcfe url(../image/indexbanner.jpg) no-repeat 50% 50%; height: 500px;}
.sm h5 { color: #282828; font-size: 24px; text-align: center; padding-top: 70px; line-height: 1;}
.f1,.fg {display: block; margin:0 auto;}
.f1 {margin-top: 25px;}
.fg {margin-top: 25px;}
.indexServicesUl {margin-top: 40px;}
.indexServicesUl li {float: left; transition: all ease .3s; margin-left: 30px; width: 138px; border:1px solid #fff; height: 138px; border-radius: 10px; background-color: #fff; box-shadow: 3px 3px 8px rgba(155,106,142,0.4);}
.indexServicesUl li:first-child {margin-left: 0;}
.indexServicesUl li a {height: 100%; box-sizing: border-box; display: block; background-position: 50% 24px; background-repeat: no-repeat; text-align: center; color: #000000; font-size: 16px; padding-top:100px;}
.indexServicesUl li:hover {border-color: #f9c3db; box-shadow: 3px 3px 8px rgba(238,134,180,0.4); transform: translateY(-5px);}
.indexServicesUl li:hover a {color: #d50080;}
.icon3 {background-image: url(../image/icon3.png);}
.icon4 {background-image: url(../image/icon4.png);}
.icon5 {background-image: url(../image/icon5.png);}
.icon6 {background-image: url(../image/icon6.png);}
.icon7 {background-image: url(../image/icon7.png);}
.icon8 {background-image: url(../image/icon8.png);}
.icon9 {background-image: url(../image/icon9.png);}

.mar60 {margin-left: 60px;}
.grid3 {padding:70px 0;}
.storys,.news2 { width: 320px; }
.storys h5,.news h5,.news2 h5 { color: #d50080; font-size: 24px; }
.storys h5 span,.news h5 span,.news2 h5 span { color: #a6a6a6; font-size: 12px; text-transform: uppercase; }
.single_story { margin:10px 0 20px;}
.story__title {color:#282828; font-size: 16px; line-height: 24px; margin-bottom: 12px;}

.story__description { color: #a6a6a6; font-size: 14px; line-height: 24px; }
.single_story a {display: block;}
a.more { color: #d50080; font-size: 14px; }
a.more:hover {text-decoration: underline;}
a.more span {font-family: 'simsun';}
.single_story img {width: 320px; height: 240px; object-fit: cover; display: block; border-radius: 10px; margin-bottom: 20px;}
.news { width: 400px; }
.newslist,.news2list {border-top: 1px solid #eeeeee; margin: 10px 0 20px;}
.newslist li {border-bottom: 1px solid #eeeeee;}
.newslist li a {padding:20px 0 19px; display: block;}
.newslist li a:hover .news__title,.single_story a:hover .story__title {color: #d50080;}
.newslist li a img { width: 100px; height: 80px; object-fit: cover; margin-right: 20px; float: left; border-radius: 10px; }
.newslist li a div { float: left;height: 80px;}
.w280 {width: 280px; }
.wfull {width: 100%;}
.news__title {font-size: 16px; color: #282828; line-height: 24px;}
.time {color: #a6a6a6; font-size: 14px; margin-top: 10px;}
.news2list li { height: 59px;border-bottom: 1px solid #eeeeee; line-height: 59px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news2list li a {color: #282828; font-size: 16px;}
.news2list li a span {color: #a6a6a6;}
.news2list li a:hover {color: #d50080;}

