@charset "utf-8";

/*css重置 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, small { margin: 0; padding: 0; font-family:"微软雅黑"}
body { font: 12px/1.5 "Microsoft Yahei", "微软雅黑", tahoma, arial, 'Hiragino Sans GB', sans-serif; color: #3C3C3C; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; font-weight: normal; }
input, select { vertical-align: middle; }
ol, ul, li { list-style: none; }
ul, li { list-style-type: none; }
i { font-style: normal; }
img { border: 0; vertical-align:middle;}

/*全局公用*/
.tc { text-align: center; }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f26 { font-size: 26px; }
.divc { margin: 0 auto }
.fb { font-weight: bold }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; font-size: 0; height: 0; overflow: hidden; }

a { color: #333 !important; text-decoration:none;}
a:hover { color:#888 !important; text-decoration:none !important; }
a.lan, a.lan:link, a.lan:visited, .lan { color: #0652a3 !important; }
a.lan:hover, a.lan:active { color: #0652a3 !important; text-decoration: underline; }
.clearfix { *zoom: 1; } 
.clearfix:before,.clearfix:after { display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.r3 { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
.t10 { margin-top: 10px; }
.t20 { margin-top: 20px; }
.t30 { margin-top: 30px; }
.t40 { margin-top: 40px; }
.t50 { margin-top: 50px; }
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20 { margin-right:20px; }
.mr40 { margin-right: 40px; }
.lh2 { line-height: 2em; }
.lh30 { line-height: 30px; }
.lh40 { line-height: 40px; }
.b1 { border: 1px solid #ddd; }
.bt1 { border-top: 1px solid #ddd; }
.bb1 { border-bottom: 1px solid #ddd; }
.bl1 { border-left: 1px solid #ddd; }
.br1 { border-right: 1px solid #ddd; }
.block { display:block; }
.pd0 { padding:0;}
.w100{ width:100%;}
.w1200{ width:1200px; margin:0 auto;}

.topnav { background:#434040; height:35px;}
.top-nav { line-height:35px; color:#fff;}
.top-nav ul li { padding:0 10px;}
.top-nav ul li:last-child { padding-right:3px;}
.top-nav ul li a{ color:#fff !important;}
.top-nav ul li a.topfc-g { color:#36B59B !important;}
.cl-effect-3 { position:relative; text-align:center;}
.cl-effect-3 a { position:absolute; top:0; left:5px; width:30px; padding-bottom:6px; line-height:15px; color:#fff;background-color:#F32434;text-decoration:none;}
.cl-effect-3 a img { margin-top:7px;}
.top-nav ul a.wm-tel { color:#feb6a4 !important;}
/*top-nav end*/

.header { background-color:#FBECE2; height:381px;}
.header-logo { height:381px; background:url(../images/h-bg.png) no-repeat center; background-size:100% 100%;}
.header-logo img { margin-top:135px;}
/*header end*/

.wm-main { background:url(../images/con-bg.png) no-repeat center; background-size:100% 100%; padding:30px 0;}
.ourservice { margin:15px auto 20px;}
.ourservice .hd { padding:30px 0 20px; text-align: center; position: relative; z-index: 2;}
.ourservice .hd h2 { color: #656666; font-size: 24px; font-weight: normal; position: relative; z-index: 100; background:url(../images/line.png) repeat-x bottom;}
.ourservice .hd h2 span { display:inline-block; padding:0 30px; background-color:#f0ece7;}

.designer-zs > div:last-child dl { margin:20px;}
.designer-zs > div:last-child dl dt { width:100%; border-radius:50%;}
.designer-zs > div:last-child dl dt img { width:100%; border-radius:50%;}
#marquee{ width:1035px; height:135px; overflow:hidden;}
#marquee ul li{ position:relative;float:left; padding:0 1px; width:105px; height:105px; margin:20px; border-radius:50%;}
#marquee ul li img{ width:100%; border-radius:50%; border:1px #CCC solid;}
#marquee ul li span { position:absolute; top:0; left:0; width:107px; height:107px; line-height:107px; text-align:center; color:#fff; margin:0 auto; background-color:rgba(0,0,0,.4); border-radius:50%; font-weight:normal; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transform:scale(0,0);}
#marquee ul li:hover span { transform:scale(1,1);}
/*joiaoshifengcai end*/

.news { background-color:#fff; border-radius:3px;/* background:url(../images/bg.png) no-repeat center; background-size:100% 100%;*/}
.news-l { width:40%;}
.news-r { padding:44px 100px; overflow:hidden; /* overflow-y:scroll;*/}
.news-r ul li { float:left; margin-right:10px; line-height:30px; text-align:center; padding:0 30px; background-color:#EEE; border-top-left-radius:3px; border-top-right-radius:3px;}
.news-r ul li a { color:#333 !important; cursor:pointer;}
.dyts-wrap {text-align: center;}
.dyts-wrap ul {display: inline-block;}
.dyts-wrap ul li {margin-right: 30px;padding: 10px 30px;font-size: 16px;}
.news-r ul li.current-on { background-color:#feb6a4;}
.news-r ul li.current-on a { color:#fff !important;}
.news-r .wm-content { margin-top:10px;}
.news-r .con p { font-size:14px; line-height:30px; color:#666; clear:both;}
.news-r .con p span { display:inline-block; width:3%; height:30px; background:url(../images/icon3.png) no-repeat left 6px;}
.news-r .con p a { width:90%;}
.news-r .con p span, .news-r .con p a { float:left;}
/*news end*/

.rank { padding:20px 0 35px 0;}
.rank-list { height:130px; border-bottom:1px #ddd solid;}
.rank-list>div { float:left;}
.rank-n { width:10%; line-height:130px; font-size:36px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#888;}
.fc-red { color:#F32434;}
.rank-p { width:10%; line-height:130px; padding-left:30px !important;}
.rank-p img { width:90px; height:90px; border-radius:50%; border:3px #f8f8f8 solid; transform:scale(1,1);}
.rank-p:hover img { transform:scale(1.05,1.05); border:3px #fff solid;}
.rank-m { width:40%;}
.rank-m h1,.rank-m p { padding-left:15%;}
.rank-m h1 { font-size:20px; line-height:45px; margin-top:25px;}
.rank-m h1 a:hover { color:#888 !important; padding-left:5px;}
.rank-m p { line-height:30px;}
.rank-m p span { margin-right:10px; color:#888;}
.rank-m p span img { width:16px; height:16px;}
.rank-pf { float:right !important; font-size:16px; padding-right:20px; color:#666;}
.rank-pf span { display:block; line-height:30px; font-size:20px; color:#36b59b; margin-top:40px;}
.rank-list-th { background-color:#F2F1F1;}
.rank-list-th .rank-list { border-bottom:none;}
.rank-return a { padding:10px 30px; background-color:#feb6a4; color:#fff !important; font-size:14px; border:none; border-radius:3px; font-family:"微软雅黑";}
.rank-return a:hover { background-color:#eba694; animation:new 1.5s;}
.new{ animation:new 1.5s; -webkit-animation:new 1.5s; -moz-animation:new 1.5s; -ms-animation:new 1.5s;}
.class-title{float: right;font-size: 18px;font-weight: 600; width: auto!important;}
.sing-title{float: left;font-size: 18px;font-weight: 600;padding-left: 33px;width: auto!important;}
@keyframes new{ 0%{ opacity: .5; } 100%{opacity: 1; } }
@-webkit-keyframes new{ 0%{ opacity: .5; } 100%{ opacity: 1; } }
@-moz-keyframes new{ 0%{ opacity: .5; } 100%{ opacity: 1; } }
@-ms-keyframes new{ 0%{ opacity: .5; } 100%{ opacity: 1; } }
/*rank list end*/

.news-h {  border-bottom:1px #CCC solid; line-height:50px;}
.news-h img { width:35px; height:35px;}
.news-list { margin:50px 40px;}
.news-list ul li { float:left; margin-right:10px; line-height:30px; text-align:center; padding:0 30px; background-color:#eee; border-top-left-radius:3px; border-top-right-radius:3px;}
.news-list ul li a { color:#333 !important; cursor:pointer;}
.news-list ul li.current-on { background-color:#feb6a4;}
.news-list ul li.current-on a { color:#fff !important;}
.news-list .wm-content { margin-top:10px;}
.news-list .con p { font-size:14px; line-height:30px; color:#666; clear:both;}
.news-list .con p span { display:inline-block; width:3%; height:30px; background:url(../images/icon3.png) no-repeat left 6px;}
.news-list .con p a { width:80%;}
.news-list .con p span, .news-list .con p a { float:left;}
.class-name { float: right!important; width: auto!important;}
/*news list end*/
.footer { color:#fff; font-size:12px; background-color:#434040; padding:20px 0;}
/*footer end*/
.ani{ animation:ani1 1.5s; -webkit-animation:ani1 1.5s; -moz-animation:ani1 1.5s; -ms-animation:ani1 1.5s; }
@keyframes ani1{ 0%{ transform:translateY(30px); opacity: .2; } 100%{ transform:translateY(0); opacity: 1; } }
@-webkit-keyframes ani1{ 0%{ -webkit-transform:translateY(30px); opacity: .2; } 100%{ -webkit-transform:translateY(0); opacity: 1; } }
@-moz-keyframes ani1{ 0%{ -moz-transform:translateY(30px); opacity: .2; } 100%{ -moz-transform:translateY(0); opacity: 1; } }
@-ms-keyframes ani1{ 0%{ -ms-transform:translateY(30px); opacity: .2; } 100%{ -ms-transform:translateY(0); opacity: 1; }