/*版权所有：奈福网络(调用请保留)*/
/*欢迎参考学习，禁止抄袭照搬，如有抄袭，TOPVE将保留追求版权的一切权力！*/
/*Copyright (c) 2016 www.topve.com All Rights Reserved*/

body {
background:#444;
margin:0;
padding:0;
font: "微软雅黑",Hiragino Sans GB,"黑体",Arial, Helvetica, sans-serif;
}
img{margin:0;padding:0;border:none; -ms-interpolation-mode: bicubic;}
a {
color: #000;
text-decoration: none;
border:none;
}
a:hover {
color:#24b33c;
text-decoration:none;
}
ul,li,p{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
.cle{clear:both;}

/* 字体设置 */
@font-face {
font-family: 'levenim';
src: url('../font/levenim.eot'); /* IE9 Compat Modes */        
src: url('../font/levenim.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */            
	 url('../font/levenim.woff') format('woff'), /* Modern Browsers */            
	 url('../font/levenim.ttf')  format('truetype'), /* Safari, Android, iOS */            
	 url('../font/levenim.svg#YourWebFontName') format('svg'); /* Legacy iOS */    
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'sanfranciscodisplay-regular';
src: url('../font/sanfranciscodisplay-regular-webfont.eot'); /* IE9 Compat Modes */        
src: url('../font/sanfranciscodisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */            
	 url('../font/sanfranciscodisplay-regular-webfont.woff') format('woff'), /* Modern Browsers */            
	 url('../font/sanfranciscodisplay-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */            
	 url('../font/sanfranciscodisplay-regular-webfont.svg#YourWebFontName') format('svg'); /* Legacy iOS */    
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'sanfranciscodisplay-ultralight';
src: url('../font/sanfranciscodisplay-ultralight-webfont.eot'); /* IE9 Compat Modes */        
src: url('../font/sanfranciscodisplay-ultralight-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */            
	 url('../font/sanfranciscodisplay-ultralight-webfont.woff') format('woff'), /* Modern Browsers */            
	 url('../font/sanfranciscodisplay-ultralight-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */            
	 url('../font/sanfranciscodisplay-ultralight-webfont.svg#YourWebFontName') format('svg'); /* Legacy iOS */    
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'topvefontlight';
src: url('../font/topvefontlight.eot'); /* IE9 Compat Modes */        
src: url('../font/topvefontlight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */            
	 url('../font/topvefontlight.woff') format('woff'), /* Modern Browsers */            
	 url('../font/topvefontlight.ttf')  format('truetype'), /* Safari, Android, iOS */            
	 url('../font/topvefontlight.svg#YourWebFontName') format('svg'); /* Legacy iOS */    
font-weight: normal;
font-style: normal;
}

/* 全局设置 */

/* 浏览器升级 */
#update_browser_plz {
    display: none;
}

/*默认选中文字样式*/
::selection {
background:#ea5105;
color:#Fff;
}
::-moz-selection {
background:#ea5105;
color:#Fff;
}
::-webkit-selection {
background:#ea5105;
color:#Fff;
}

.topvetitle{background:#fff;padding:30px;overflow: hidden;position:absolute;top:-678em;}
.topvetitle h1{line-height:100%;}
.topvetitle img{float:left;margin:0 0 20px;width:20%;}
.topvetitler{float:left;padding:35px 0 0 20px;width:60%;line-height:80%;}
.topvetitler p{margin:0 0 10px;color:#333;font-size:1em;line-height:100%;}
.topvetitler span{color:#666;font-size:0.6em;}
@media screen and (max-width: 480px) {
.topvetitle{padding:0px;width:0px;height:0px;}
}

#header {background:#fff;width:100%;height: 70px;border-bottom:1px solid #d9d9d9;position: absolute;top: 0;z-index: 9;}

.fixed{left: 0;margin: 0;padding: 0;position: fixed;width: 100%;}

#main{background:#666 url("../images/bg1.jpg") no-repeat scroll center center;background-size:cover;position:relative;height:560px;overflow: hidden;}
.logo2 {position: absolute;z-index: 8;top: 12px;left: 15px;width:120px;}
.logo2 img{width:100%;}
.movtopve{display:block;position:absolute;z-index: 6;top:24px;left:145px;width:100px;height: 26px;overflow: hidden;}
.movtopve span{position:absolute;left: -128px;color:#fff;font: 1.45em topvefontlight,"微软雅黑",Hiragino Sans GB;}
.logo2 a{display:block;}
.nav2{position: absolute;z-index: 8;top: 24px;right: 10px;}
.nav2 ul{margin:0 0 0 0;padding:0;padding: 0;overflow: hidden;}
.nav2 ul li{float:left;margin: 0 7px 0;padding: 0 7px 0;font-family:topvefontlight;}
.nav2 li a{color:#fff;padding: 0 0 3px;display: inline-block;border-bottom:2px solid rgba(92,229,92,0);}
.nav2 li a:hover{color:#5ce55c;border-bottom:2px solid rgba(92,229,92,1);}
.nav2 li.on a{color:#5ce55c;border-bottom:2px solid rgba(92,229,92,1);}
.nav2 li span{display:block;background:#5ce55c;margin:3px auto 0;width:0;height:1px;margin:3px auto 0;}

/*TOPVE移动端菜单响应式*/
.menu2{display:none;position: absolute;z-index: 8;top: 20px;right: 15px;margin:0;padding:2px 5px;cursor: pointer;}

.menuico1 li{background:#fff;margin:4px 0;width:25px;height:4px;font-size:1px;color:#fff;border-radius:2px;text-indent:-99999px;}
.menuico2 li{background:#7a8799;margin:4px 0;width:25px;height:4px;font-size:1px;color:#fff;border-radius:2px;text-indent:-99999px;}

.menuclos{display:none;}

@media screen and (min-width: 1180px) {
.menu{display:none;}
.menuclos{display:none;}
.menulist{display: none;}
}

@media screen and (max-width: 1180px) {
.menu{display:none;}
.menulist{display: none;}
.menuclos{display:none;}
}

@media screen and (max-width: 960px) {
.menu{display:none;}
.menulist{display: none;}
.menuclos{display:none;}
}

@media screen and (max-width: 780px) {
.nav2{display:none;}
.menu{display:block;position:relative;float:right;top:20px;right:15px;margin:0;padding:2px 5px;cursor: pointer;}
.menu2{display:block;}

.menulist{
 display: none;
 position: fixed;z-index: 10;top: 0;left: 0;
 background:#59b38d url("../images/menulistbg.jpg") no-repeat scroll center center / cover;
 margin: 0;
 padding: 0;
 width: 100%;height: 100%;
 overflow: hidden;
}

.menulistlogo{position: fixed;z-index:11;top:40px;margin:0;width: 100%;opacity:0;text-align:center;}
.menulistlogo a{display:block;height:auto;color:#fff;}
.menulistlogo img{width:80px;}
.menulistlogo a h2{margin:10px 0 0;font-size:1.5em;font-weight:normal;line-height:100%;}
.menulistlogo a h2 span{font-family:topvefontlight,"微软雅黑",Hiragino Sans GB;}
.menulistlogo a p{margin:5px 0 0;font-size:14px;line-height:100%;}
.menulistcon {position:absolute;top:50%;left:50%;margin:-186px 0 0 -226px;width: 453px;}
.menulistcon ul li{position: relative;z-index: 1;float: left;margin: 0 -1px -1px 0;text-align: center;border: solid 1px #fff;}
.menulistcon ul li a {display: block;padding:59px 0;width: 150px;color:#fff;line-height:100%;}
.menulistcon ul li a:hover{background:#03f696;color:#000;}
.menulistcon ul li a p{margin: 5px 0 0;font-size:0.75em;font-family: sanfranciscodisplay-regular,arial;text-transform: uppercase;}
.menulistcon ul li:hover {z-index: 2;border:1px solid #03f696;}
.menulist .on{background:#fff;}
.menulist .on a{color:#000;}
.menuclos{display:none;position:fixed;z-index:11;left:50%;bottom:0;margin:0 0 0 -50px;width:100px;}
.menuclos p{position:relative;z-index:2;background:#fff;margin:0 0 30px;padding:6px 10px;color:#666;text-align:center;font-size:1em; border-radius:15px;line-height:100%;cursor: pointer;}
.menuclos:before{content:"";position: absolute;z-index:1;left:50%;background:rgba(255,255,255,0.3);margin:14px 0 0 -140px;width:280px;height:1px;}

}

@media screen and (max-width: 700px) {
.menulistlogo{top:30px;}
}

/*移动端*/
@media screen and (max-width: 480px) {
.menu{top:10px;right:10px;}
.nav2{display:none;}
.menu2{display:block;top:12px;right:10px;}
.menu2 a{font:14px/24px "微软雅黑",Hiragino Sans GB;}
.menulistlogo{top:30px;}
.menulistlogo a{display:block;}
.menulistlogo img{width:50px;}
.menulistlogo a h2{margin:5px 0 0;font-size:20px;}
.menulistlogo a p{font-size:12px;}
.menulistcon {margin:-187px 0 0 -207px;width: 414px;}
.menulistcon ul li{font-size:1em;}
.menulistcon ul li a{padding:50px 0;width: 137px;}
.menulistcon ul li a p{font-size:0.75em;}
}

/*iphone6 plus*/
@media screen and (max-width: 420px) {
.menulistlogo{top:30px;}
.menulistlogo a h2{font-size:18px;}
.menulistlogo a p{font-size:12px;}
.menulistcon {margin:-169px 0 0 -189px;width: 378px;}
.menulistcon ul li{font-size:1em;}
.menulistcon ul li a{padding:44px 0;width: 125px;}
.menulistcon ul li a p{font-size:0.75em;}
.menuclos:before{margin:14px 0 0 -120px;width:240px;}
}

/*iphone6*/
@media screen and (max-width: 400px) {
.menulistlogo{top:25px;}
.menulistlogo a p{display:none;}
.menulistcon {margin:-146px 0 0 -166px;width: 333px;}
.menulistcon ul li a{padding:36px 0;width: 110px;}
}

/*iphone5s*/
@media screen and (max-width: 350px) {
.menulistlogo{top:20px;}
.menulistcon {margin:-111px 0 0 -136px;width: 273px;}
.menulistcon ul li a{padding:26px 0;width: 90px;}
.menuclos p{margin:0 0 20px;}
.menuclos:before{margin:14px 0 0 -100px;width:200px;}
}
/*极限模式*/
@media screen and (max-width: 300px) {
.menulistcon {position:static;margin:120px auto 0;width: 80%;}
.menulistcon ul li{float:none;width:100%;font-size:0.75em;text-align:left;}
.menulistcon ul li a{padding:10px;width:auto;}
.menulistcon ul li a p{display:inline-block;margin:0 0 0 5px;padding:0 0 0 5px;border-left:1px solid #fff;}
}


/*TOPVE主屏底部*/
.mainfootl{position: absolute;z-index: 8;bottom: 15px;left: 15px;font-size:12px;color:#fff;}
.mainfootl ul{margin:0;padding:0;text-align: center;overflow:hidden;}
.mainfootl ul li{float:left;margin:0 5px 0 0;padding:0;overflow:hidden;}
.mainfootl ul li p{margin:0;padding:0;}
.mainfootl ul li img{}
.mainfootl ul a{display:block;width:30px;height:30px;color:#fff;}
.icomainqq a{background: url(../images/topveico.png) no-repeat scroll;background-position:3px -37px;text-indent:-99999px;}
.icomainly a{background: url(../images/topveico.png) no-repeat scroll;background-position:3px -67px;text-indent:-99999px;}
.icomainwb a{background: url(../images/topveico.png) no-repeat scroll;background-position:3px -97px;text-indent:-99999px;}
.icomain68 a{background: url(../images/topveico.png) no-repeat scroll;background-position:3px -127px;text-indent:-99999px;}
.icomainss{background:url(../images/topveico.png) no-repeat;background-position:0px -159px;width:24px;height:30px;line-height:30px;text-indent:-99999px;cursor: pointer;}

.icomainqq a:hover{background-position:-27px -37px;}
.icomainly a:hover{background-position:-27px -67px;}
.icomainwb a:hover{background-position:-27px -97px;}
.icomain68 a:hover{background-position:-27px -127px;}
.icomainss:hover{background-position:-30px -159px;}

.based a{margin:5px 0 0 5px;padding:0;max-width:20px;max-height:20px;border:1px solid #fff;text-align:center;line-height:20px;}
.based a:hover{background:#5ce55c;color:#000;border:1px solid #5ce55c;}

.mainfootl p{margin:5px 0 0;padding:0;font-size:10px;line-height: 14px;color:#fff;opacity:0.6;}

.mainfootr{position: absolute;z-index: 7;bottom: 15px;right: 20px;font-size:12px;color:#fff;text-align:right;}
.mainfootr a{color:#fff;}
.mainfootrinfo{float:right;margin:0 10px 0 0;font-size:10px;color:#fff;opacity:0.6;}
.mainfootrinfo a{color:#fff;}

/*向下滚动提示*/
.scroll{
position: absolute;z-index: 10;bottom: 5%;left:50%;
background: url(../images/topveicos.png) no-repeat;
background-position:-59px 2px;
margin:0 0 0 -15px;width:30px;height:30px;text-indent:-99999px;
}
@media screen and (max-width: 780px) {
.scroll{bottom:100px;}
.mainscroll{position: absolute;z-index:12;bottom:0;display:block;width:100%;height:60px;text-align:center;}
}


#soundkg{
 float:right;
 font:bold 12px "arial";color:#fff;cursor:pointer;line-height:24px;display: inline-block;
 -moz-user-select: none;
 -khtml-user-select: none;
 user-select: none;
}
#soundkg:hover{color:#5ce55c;}
#soundkg img{margin:0 3px 0 0;}

/*TOPVE主屏BANNER*/
.swiper-container{position: absolute;z-index: 7;width:100%;height:100%;}
.swiper-pagination li{margin: 6px 0;}
.swiper-pagination-bullet{background: #fff;opacity: .5;width: 10px;height: 10px;}
.swiper-pagination-bullet-active{background:#5ce55c;opacity:1;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 0;}

.swbanner1{position: absolute;left: 0;top:50%;margin:-160px auto 0;width:100%;overflow: hidden;}
.swbanner2{position: absolute;left: 0;top:50%;margin: -200px 0 0;width: 100%;color: #fff;}
.swbanner3{position: absolute;left: 0;top:50%;margin: -200px 0 0;width: 100%;color: #fff;}

.binfoa1{color:#e1e9f5;text-align:center}
.binfop1{margin:0;padding:0;font-size:5em;font-family: levenim,Century Gothic,"微软雅黑";line-height:120%;letter-spacing: 15px;text-indent:15px}
.binfop2{margin:0;padding:0;font-size:3.5em;font-family: sanfranciscodisplay-ultralight,Courier New,"微软雅黑";line-height:100%;}
.binfoa2{margin:15px 0 30px;font-size:1em;font-family: topvefontlight,"微软雅黑",Hiragino Sans GB;line-height:150%;color:#cad8e5;text-align:center;}

.bannerbtn{text-align:center;}
.bannerbtn ul{margin:0;padding:0;width:100%;height:100%;}
.bannerbtn ul li{margin:0 10px;font:normal 1.2em "微软雅黑",Hiragino Sans GB;display:inline-block;display:-moz-inline-box; *display:inline;}
.bannerbtn ul li a{display:block;margin:0 auto;padding:10px 40px;border:1px solid #5ce55c;color:#5ce55c;border-radius:5px;}
.bannerbtn ul li a:hover{background:#5ce55c;color:#000;}

.swbanner2 p,.swbanner3 p{text-align:center;}

.swbanner4{display:table;color:#fff;text-align:center;width:100%;height:100%;}
.swbanner4con{display:table-cell;vertical-align: middle;}
.b4info1{color:#e1e9f5;font-size:3.5em;font-weight:100;line-height:100%;letter-spacing: 10px;text-indent: 10px;}
.b4info2{margin:20px 0 15px;color:#e1e9f5;font-size:3.5em;font-family: sanfranciscodisplay-ultralight,Courier New,"微软雅黑";line-height:100%;text-transform:uppercase;}
.b4info3{color:#cad8e5;font-size:1em;font-weight:100;line-height:150%;}

.b4info4{color:#e1e9f5;font-size:4em;font-weight:100;line-height:100%;letter-spacing: 15px;text-indent: 15px;}
.b4info5{margin:20px 0 15px;color:#e1e9f5;font-size:3.5em;font-family: sanfranciscodisplay-ultralight,Courier New,"微软雅黑";line-height:100%;text-transform:uppercase;}
.b4info6{color:#cad8e5;font-size:1em;font-weight:100;line-height:150%;}


@media screen and (max-width: 1180px) {
.swbanner1{margin:-140px auto 0;overflow: hidden;}
.binfop1{margin: 0 0 10px;padding:0;font-size:3.5em;letter-spacing: 30px;text-indent: 30px;}
.binfop2{margin:0;padding:0;font-size:2.5em;letter-spacing: 5px;text-indent: 5px;}
.binfoa2{margin:15px 0 30px;font-size:1em;}
.bannerbtn{text-align:center;}
.bannerbtn ul{margin:0;padding:0;width:100%;height:100%;}
.bannerbtn ul li{margin:0 10px;font:normal 1.2em "微软雅黑";display:inline-block;display:-moz-inline-box; *display:inline;}
.bannerbtn ul li a{padding:10px 40px;}
.b4info1,.b4info4{font-size:3em;}
.b4info2,.b4info5{margin:15px 0 10px;font-size:2.5em;letter-spacing: 5px;text-indent: 5px;}
.b4info3,.b4info6{font-size:0.875em;}
}
@media screen and (max-width: 1000px) {
.swbanner2{margin:-20% 0 0;}
.swbanner3{margin:-20% 0 0;}
}
@media screen and (max-width: 960px) {
.swbanner1{margin:-130px auto 0;overflow: hidden;}
.binfop1{margin: 0 0 10px;;padding:0;font-size:3em;letter-spacing: 20px; text-indent: 20px;}
.binfop2{margin:0;padding:0;font-size:2em;letter-spacing: 2px;text-indent: 2px;}
.binfoa2{margin:10px 0 30px;font-size:1em;}
.bannerbtn{text-align:center;}
.bannerbtn ul{margin:0;padding:0;width:100%;height:100%;}
.bannerbtn ul li{margin:0 10px;font:normal 1.2em "微软雅黑";display:inline-block;display:-moz-inline-box; *display:inline;}
.bannerbtn ul li a{padding:10px 40px; }
.bannerbtn ul li a:hover{}
}
@media screen and (max-width: 800px) {
.swbanner2,.swbanner3{margin: -25% 0 0;}
.swbanner2 p img,.swbanner3 p img{width:100%;}
}
@media screen and (max-width: 780px) {
.swbanner1{margin:-110px auto 0;overflow: hidden;}
.binfop1{margin: 0 0 10px;padding:0;font-size:2.5em;letter-spacing: 10px; text-indent: 10px;}
.binfop2{margin:0;padding:0;font-size:1.5em;letter-spacing: 4px;text-indent: 4px;}
.binfoa2{margin:15px 0 20px;font-size:1em;}
.bannerbtn{text-align:center;}
.bannerbtn ul{margin:0;padding:0;width:100%;height:100%;}
.bannerbtn ul li{margin: 15px 0 0;font:normal 1em "微软雅黑";display:inline-block;display:-moz-inline-box; *display:inline;}
.bannerbtn ul li a{padding: 6px 30px; }
.b4info5{font-size:2.5em;letter-spacing: 3px;text-indent: 3px;}
}
@media screen and (max-width: 680px) {
.b4info1,.b4info4{font-size:2em;}
.b4info2,.b4info5{margin:10px 0 7px;font-size:1.5em;letter-spacing: 3px;text-indent: 3px;}
.b4info3,.b4info6{font-size:0.875em;}
.b4info3 span,.b4info6 span{display:none;}
}
@media screen and (max-width: 480px) {
.swbanner1{margin:-40px auto 0;overflow: hidden;}
.binfop1{margin:0 0 5px;padding:0;font-size:1.5em;letter-spacing: 10px; text-indent: 10px;}
.binfop2{margin:0;padding:0;font-size:1em;letter-spacing: 2px;text-indent: 2px;}
.binfoa2{margin: 5px 0 0px;font-size:0.75em;}
.bannerbtn{text-align:center;margin:150px 0 0 0;}
.bannerbtn ul{margin:0;padding:0;width:100%;height:100%;}
.bannerbtn ul li{margin: 15px 0 0;font:normal 1em "微软雅黑";display:inline-block;display:-moz-inline-box; *display:inline;}
.bannerbtn ul li a{margin:0 3px;padding: 8px 35px;border:1px solid #5ce55c;}
.b4info1,.b4info4{font-size:1.5em;letter-spacing: 3px;text-indent: 3px;}
.b4info2,.b4info5{margin:8px 0 5px;font-size:1em;}
.b4info3,.b4info6{font-size:0.75em;}
.b4info3 span,.b4info6 span{display:none;}
}
@media screen and (max-width: 380px) {
.bannerbtn{margin: 120px 0 0 0;}
.bannerbtn ul li a{margin:0 3px;padding: 8px 28px;border:1px solid #5ce55c;}
}
@media screen and (max-width: 360px) {
.b4info5{;letter-spacing: 2px;text-indent: 2px;}
}
@media screen and (max-width: 325px) {
.bannerbtn{margin: 70px 0 0 0;}
.bannerbtn ul li a{margin:0 2px;padding: 6px 25px;border:1px solid #5ce55c;}
}
/* TOPVE主屏BANNER end */

/*TOPVE最新作品*/
.newcase{position:absolute;z-index: 8;top:50%;right: 20px;margin:-95px 0 0 0;}
.newcaset{
 position: absolute;
 top:57px;
 right:114px;
 background:url("../images/topveico.png") no-repeat;
 background-position:right 0px;
 padding:17px 0 15px;
 width:22px;
 line-height: 115%;
 font-size:12px;
 color:#5ce55c;
 text-align: center;
}
.newcasepage1{
 position: absolute;
 top:-25px;
 left:44px;
 background:url("../images/topveico.png") no-repeat;
 background-position:4px 4px;
 width:25px;
 height:18px;
 text-indent: -9999px;
 cursor: pointer;
 }

.newcasepage1:hover{background-position:-23px 4px;}

.newcasepage2{
 position: absolute;
 top:205px;
 left:44px;
 background:url("../images/topveico.png") no-repeat;
 background-position:4px -13px;
 width:25px;
 height:18px;
 text-indent: -9999px;
 cursor: pointer;
 }
 .newcasepage2:hover{ background-position:-23px -13px;}
 
.newcaselist{height:195px;border:1px solid rgba(92,229,92,0.5);overflow: hidden;}
.newcase ul{margin:0;padding:5px 5px 0 5px;}
.newcase ul li{margin:0;padding:0;}
.newcase ul li a{margin:0;padding:0;overflow:hidden;display:block;}
.newcase ul li img{max-width:100px;border:1px solid #000;display:inline;}
@media screen and (max-width: 780px) {
.newcase{display:none}
}

/*TOPVE主屏新闻*/
.hotnews{display:inline-block;text-align: right;}
.hotnewst{
float:right;
background:url("../images/topveico.png") no-repeat;
background-position:-111px 0;
padding:0 0 0 15px;width:48px;color:#52ca56;font-size:12px;line-height:100%;
}
.hotnewslist{margin:5px 0 0;height: 20px;overflow: hidden;}
.hotnewslist ul{}
.hotnewslist ul li{height:20px;font-size:14px;text-indent:15px;line-height:20px;}
.hotnewslist ul li a{color:#52ca56;}
.hotnewslist ul li a:hover{color:#fff;}

/*TOPVE主屏旋转线条*/
.mainline{position:absolute;z-index: 6;top:0;left:0;width:100%;height:100%;}
.mainl1{
position:absolute;top:50%;left:50%;
background:#5ce55c;
margin:-180px 0 0 198px;
width:200px;
height:1px;
}

.mainl2{
position:absolute;top:50%;left:50%;
background:#5ce55c;
margin:-215px 0 0 155px;
width:80px;
height:1px;

}
.mainl3{
position:absolute;top:50%;left:50%;
background:#5ce55c;
margin:-147px 0 0 226px;
width:60px;
height:1px;

}
.mainl4{
position:absolute;top:50%;left:50%;
background:#5ce55c;
margin:200px 0 0 -180px;
width:220px;
height:1px;

}
.mainl5{
position:absolute;top:50%;left:50%;
background:#5ce55c;
margin:160px 0 0 -218px;
width:100px;
height:1px;

}
.mainl6{
position:absolute;top:50%;left:50%;
background:#5ce55c;
margin:224px 0 0 -143px;
width:70px;
height:1px;

}
.mainline2{
 position:absolute;z-index: 6;top:50%;left:50%;
 margin:-500px 0 0 -500px;width:1000px;height:1000px;
 border-left: 1px solid rgba(255,255,255,.2);
 border-right: 1px solid rgba(255,255,255,.2);
 border-bottom: 1px solid rgba(255,255,255,.06);
 border-top: 1px solid rgba(255,255,255,.06);
 border-radius: 100%;
 transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 -o-transform: rotate(90deg);
}

.mainla{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 -550px;width:200px;height:1px;opacity:.2;}
.mainlb{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 350px;width:200px;height:1px;opacity:.2;}

.mainld1{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 -502px;width:4px;height:4px;border-radius: 100%;opacity:.2;}
.mainld2{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 498px;width:4px;height:4px;border-radius: 100%;opacity:.2;}
.mainld3{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 -401px;width:4px;height:4px;border-radius: 100%;opacity:.2;}
.mainld4{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 399px;width:4px;height:4px;border-radius: 100%;opacity:.2;}

.mainlr{
 position:absolute;top:50%;left:50%;
 background:rgba(0,10,50,.05);
 margin:-400px 0 0 -400px;width:800px;height:800px;
 border-left: 1px solid rgba(255,255,255,.2);
 border-right: 1px solid rgba(255,255,255,.2);
 border-bottom: 1px solid rgba(255,255,255,.06);
 border-top: 1px solid rgba(255,255,255,.06);
 border-radius: 100%;
}

/* TOPVE主屏canvas粒子层 */
.maincanvas{
 height: 100%;
 position: absolute;
  width: 100%;
 z-index: 5;
 opacity:.5;
}
canvas{display:block;vertical-align:bottom;}
#particles-js{max-width:1920px;height:1080px;}

/*TOPVE主屏背景遮罩层*/
.mainzz1{
 background:#08244d linear-gradient(to bottom right, rgba(13,70,128,1) , rgba(5,20,50,1));
 width:100%;
 height:100%;
 position:absolute;
 z-index:2;
 left:0;
 top:0;
 opacity: .5;
}
.mainzz2{
 background: rgba(0, 0, 0, 0) url("../images/prx1.png") repeat scroll center 0;
 opacity: 0.06;
 min-width: 100%;
 min-height: 100%;
 width:auto;
 height:auto;
 position:absolute;
 z-index: 4;
}
.mainzz3 {
 background: rgba(0, 0, 0, 0) url("../images/prx2.png") repeat scroll center 0;
 opacity: 0.03;
 min-width: 100%;
 min-height: 100%;
 width:auto;
 height:auto;
 position:absolute;
 z-index: 3;
}

/*TOPVE主屏背景视频层*/
.homevideo{}
.homevideo video{
 position: absolute;
 z-index:1;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50.01%,-50.01%);
 -moz-transform:translate(-50.01%,-50.01%);
 -ms-transform:translate(-50.01%,-50.01%);
 -o-transform:translate(-50.01%,-50.01%);
 transform:translate(-50.01%,-50.01%);
 min-width: 100%;
 min-height:100%;
 width:auto;
 height:auto;
}

@media screen and (min-width: 1181px) {/* 1180px以上 */
#header h1{float:left;margin:12px 0 0 15px;padding:0;}
#header h1 a{display:inline-block;background:url(../images/logo_page.png) no-repeat;background-size: 213px 39px;width:213px;height:39px;font-size:28px;line-height:200px;overflow:hidden;}

.topve{float:left;margin:24px 0 0 5px;color:#797b80;font:normal 22px topvefontlight,"微软雅黑",Hiragino Sans GB;}
.topve a{color:#797b80;}
.topve a:hover{color:#797b80;}
#main{}
}

@media screen and (max-width: 1180px) {/* 1180px以下 */
/* 首页顶部 */
#header h1{float:left;margin:12px 0 0 15px;padding:0;}
#header h1 a{display:inline-block;background:url(../images/logo_page.png) no-repeat;background-size: 213px 39px;width:213px;height:39px;font-size:28px;line-height:200px;overflow:hidden;}

.topve{float:left;margin:24px 0 0 5px;color:#797b80;font:normal 22px topvefontlight,"微软雅黑";}
.topve a{color:#797b80;}
.topve a:hover{color:#797b80;}
#main{}
}

@media screen and (max-width: 960px) {
#main{}
}

@media screen and (max-width: 780px) {
/* 首页顶部 */
#main{background:#666 url("../images/bg2.jpg") no-repeat scroll center center;background-size:cover;}
.nav{display:none;}
}

@media screen and (max-width: 480px) {
#header {height: 52px;}
#header h1{margin:8px 0 0 10px;padding:0;}
#header h1 a{background:url(../images/logo.png) no-repeat;background-size: 100px 32px;width:100px;height:32px;}
.logo{margin:8px 0 0 0;}
.logo img{width:100px;}
.logo2 {position: absolute;z-index: 8;top: 10px;left: 10px;}
.logo2 img{width:100px;}
.topve{display:none;}
.movtopve{display:none;}
.nav{display:none;}
#main{}
.nextbanner{display:none;}
.mainline{display:none;}
}

/* 首页品牌口号区 */
#brand{background:#f5f7fa url("../images/brand_bg.jpg") repeat center center;border-bottom:1px solid #dadfe5;overflow:hidden;position:relative;z-index:2;}
.brandinfo{max-width:1180px;margin:50px auto 50px;}
.brandt{width:98%;margin:0 auto;}
.brandinfo h2{margin:0 5px;color:#5fbf5f;font:2.8em levenim,Century Gothic,arial;}
.brandinfo h3{margin:0 5px;color:#5c5f66;font:normal 1.6em "微软雅黑",Hiragino Sans GB;}
.brandteg{margin:5px 5px 0;color:#b6b9bf;font:normal 0.6em "微软雅黑";text-transform:uppercase;}
.brandlist{margin:30px 0 0;overflow:hidden;}
.brandlist ul{width:98%;margin:0 auto;}
.brandlist ul li{float:left;width:25%;margin:0 0 10px 0;}
.brandinfo ul li h4{color:#5c5f66;font:normal 1.2em "微软雅黑",Hiragino Sans GB;}
.brandlist ul li p{margin:5px 0 0;color:#8a8f99;font:normal 0.8em/150% "微软雅黑";}
.brandlistinfo{display:block;margin:0 5px 0;padding:0 1em;color:#666;border-left:1px solid #c2c5cc;cursor: pointer;transition: background 0.5s;}
.brandlistinfo:hover{border-left:2px solid #5fbf5f;}

@media screen and (max-width: 1080px) {
#brand{background:#f5f7fa url("../images/brand_bg.jpg") repeat center center;}
.brandinfo{margin:30px auto 30px;}
.brandlist{margin:20px 0 0;}
.brandt{width:95%;margin:0 auto;}
.brandlist ul{width:95%;margin:0 auto;}
.brandlist ul li{width:50%;}
.brandlistinfo{background:#fff;padding:1em;border-left:5px solid #5fbf5f;}
.brandlistinfo:hover{border-left:5px solid #f2a60c;}
}

@media screen and (max-width: 780px) {
.brandinfo{margin:20px auto 20px;}
.brandlist{margin:15px 0 0;}
.brandt{width:95%;margin:0 auto;}
.brandlist ul{width:95%;margin:0 auto;}
.brandlist ul li{width:50%;}
}

@media screen and (max-width: 560px) {
.brandinfo{margin:20px auto 10px;}
.brandlist{margin:15px 0 0;}
.brandt{width:98%;margin:0 auto 10px;}
.brandlist ul{width:98%;margin:0 auto;}
.brandlist ul li{width:100%;}
}

@media screen and (max-width: 480px) {
.brandinfo h2{font-size:1.8em}
.brandinfo h3{font-size:1.2em;}
.brandteg{font-size:0.55em}
}


/* 首页模块标题 */
.title{margin:0 auto 0; padding:50px 0 0 0;width:100%;text-align:center;}
.title1{margin:0;padding:0;font:1.3em "微软雅黑",Hiragino Sans GB;}
.title2{margin:0;padding:0;font:2.5em sanfranciscodisplay-regular,arial,"微软雅黑",Hiragino Sans GB;}
.title3{margin:0;padding:0;font:0.75em arial;}
.titleline{margin:15px auto 0;width:80px;height:3px;}
.tcolor1{color:#8a8f99;}
.tcolor2{color:#8a8f99;}
.tcolor3{color:#c2c5cc;}
.tcolor4{color:#fff;}
.tlinecolor1{background:#5fbf5f;}
.tlinecolor2{background:#ffffff;}

@media screen and (max-width: 480px) {
.title{padding:30px 0 0 0;}
.title1{font-size:1em;}
.title2{font-size:1.75em;}
.title3{display:none;}
.titleline{margin:5px auto 0;width:60px;height:3px;}
}

/* 查看内容锚链接动画 */
#topvecon,#casecon{position:relative;z-index:1;margin:-70px 0 0 0;border-top:70px solid rgba(0,0,0,0);}
@media screen and (max-width: 480px) {
#topvecon{margin:-50px 0 0 0;border-top:50px solid rgba(0,0,0,0);}
#casecon{margin:-50px 0 0 0;border-top:50px solid rgba(0,0,0,0);}
}

/*作品展示*/
#work{width:100%;background:#fff;border-bottom:1px solid #dadfe5;}
.worktitle{background:#fff;}
.topvework {margin:40px auto 50px;padding:0;overflow: hidden;}
.topvework h3{margin:0;padding:0;}
.topvework ul li p{
 margin:0;
 padding:10px;
 font:14px "微软雅黑",Hiragino Sans GB;
 text-align:center;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.topvework ul li a{ margin:0 10px;background:#fff;color:#444;display: block;}
.topvework ul li a:hover{background:#24b33c;color:#fff;}
.topvework ul li a .info{
 background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.85)); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.85)); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.85)); /* Firefox 3.6 - 15 */
 background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.85)); /* 上下渐变背景标准的语法 */
 margin:0 10px;
}
.topvework ul li img{display: block;width:100%;margin:0;padding:0;}

.infomore{text-align:center;}
.infomore a{
 display:inline-block;
 padding:0 20px;
 height:30px;
 color:#8a8f99;
 font-size:14px;
 border:1px solid #c1c4cb;
 border-radius:16px;
 line-height:30px;
}
.infomore a:hover{background:#5fbf5f;color:#fff;border:1px solid #5fbf5f;}


@media screen and (min-width: 1600px) {
.topvework ul{margin:0 auto 10px;padding:0;max-width: 98%;overflow: hidden;}
.topvework ul li{display:block;float:left;margin:0 0 20px 0;padding:0;width: 20%;position: relative;}
}

@media screen and (max-width: 1600px) {
.topvework ul{margin:0 auto 10px;padding:0;max-width: 98%;overflow: hidden;}
.topvework ul li{display:block;float:left;margin:0 0 20px 0;padding:0;width: 25%;position: relative;}
}

@media screen and (max-width: 1180px) {
#work {width: auto;}
.topvework ul{margin:0 auto 10px;padding:0;max-width: 98%;overflow: hidden;}
.topvework ul li{display:block;float:left;margin:0 0 16px 0;padding:0;width: 33.33%;position: relative;}
.topvework ul li a{ margin:0 8px;}
.topvework ul li a .info{margin:0 8px;}
}
@media screen and (max-width: 960px) {
#work {width: auto;}
}
@media screen and (max-width: 780px) {
#work {width: auto;}
.topvework {margin:30px 0;width:100%;}
.topvework ul{margin:0 auto 10px;padding:0;max-width: 98%;overflow: hidden;}
.topvework ul li{display:block;float:left;margin:0 0 10px 0;padding:0;width: 50%;position: relative;}
.topvework ul li a{ margin:0 5px;}
.topvework ul li a .info{margin:0 5px;}
}

@media screen and (max-width: 480px) {
#work {width: auto;}
.topvework {margin:20px auto;width:98%;}
.topvework ul{margin:0 auto 9px;padding:0;max-width: 100%;overflow: hidden;}
.topvework ul li{display:block;float:left;margin:0 0 6px 0;padding:0;width: 50%;position: relative;}
.topvework ul li a{ margin:0 3px;}
.topvework ul li a .info{margin:0 3px;}
.worknew {display: none;}
}

/* 首页新闻 */

#topvenews{
background:#f5f7fa url("../images/brand_bg.jpg") repeat center center;
overflow:hidden;
}
.newsnav{margin:10px 0 30px 0;}
.newsnav ul{text-align:center;}
.newsnav ul li{display: inline-block;cursor: pointer;background:#fff;padding:0 20px; height:30px;font-size:14px; color:#8a8f99; line-height:30px; border-radius:16px; box-shadow: 0 3px 5px rgba(61,75,102,0.2);}
.newsnav ul li:hover{background:#5fbf5f;color:#fff;}
.newsnav ul li:active{background:#5fbf5f;color:#fff;}

/* .topvenewsa{display:block;}
.topvenewsb{display:none;}
.topvenewsc{display:none;}
.topvenewsd{display:none;} */

.homenewslist{display:none;margin:0 auto;padding:0 0 50px;width:1180px;}
.homenewslist ul{margin: 0 0 15px 0;height:360px;overflow:hidden;}
.homenewslist ul li{float:left;width:25%;}
.homenewslist ul li a:hover{color:#5fbf5f;}
.newslistcon{position: relative;background:#fff;margin:0 5px 10px;padding:20px;height:310px;border-radius: 3px;box-shadow: 0 3px 5px rgba(61, 75, 102, 0.15);}

.newslistpic{height:140px;overflow:hidden;}
.newslistpic img{width:100%;}
.newslistcon h2{margin: 15px 0 0;padding: 0 0 0 5px;font-size: 1em;color: #5c5f66;border-left: 5px solid #5fbf5f;}
.newslistcon h2 a{color: #5c5f66;}
.newslistcon p{margin: 10px 0 0;color: #8a8f99;font-size: 0.75em;line-height: 140%;}
.newslistcon span{position: absolute;left: 20px;bottom: 20px;color: #b6b9bf;font-size: 0.75em;}
.newslistcon span a{margin: 0 5px 0 0;color:#8a8f99;}

@media screen and (max-width: 1180px) {
.homenewslist{width:960px;}
.homenewslist ul{height:340px;}
.newslistcon{height:290px;}
.newslistpic{height:107px;}
}

@media screen and (max-width: 960px) {
.homenewslist{width:780px;}
.homenewslist ul li{width:33.333%;}
.newslistpic{height:120px;}
}

@media screen and (max-width: 780px) {
.homenewslist{width:95%;}
.homenewslist ul{height:auto;}
.homenewslist ul li{float:none;width:100%;}
.newslistcon{position:static;margin:0 0 10px;height:auto;border-radius:none;box-shadow:none;}
.newslistpic{float: right;margin: 0 0 0 15px;}
.newslistpic:after{clear:both;}
.newslistpic img{width:160px;height:100px;}
.newslistcon h2{margin: 0;font-size:1.5em;}
.newslistcon p{font-size:1em;}
.newslistcon span{position:static;}
}

@media screen and (max-width: 480px) {
#topvenews{background:#f6f7fb;}
.newsnav{margin: 10px 0 15px 0;}
.newsnav ul{margin:0 auto;width:95%;overflow:hidden;}
.newsnav ul:after{clear:both;}
.newsnav ul li{display:block;float:left;padding:0;width:24.45%;border:1px solid #dadfe5;border-left:none;border-radius:0px;box-shadow:none;overflow:hidden;}
.newsnav ul li:first-child{border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-left:1px solid #dadfe5;}
.newsnav ul li:last-child{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.newsnav ul li a{}
.homenewslist{padding: 0 0 30px;width:100%;}
.homenewslist ul{margin: 0 0 10px 0;}
.homenewslist ul li{background:#fff;margin:0 0 5px;}
.newslistcon{margin:0 auto;padding:10px 0;width:95%;overflow: hidden;}
.newslistpic{margin: 0 0 0 8px;width:100px;height:56px;}
.newslistpic img{width:100%;height:auto;}
.newslistcon h2{padding:0;font-size:1.125em;line-height:140%;border:none;}
.newslistcon p{display:none;}
.newslistcon span a{color:#8a8f99;}
}


/* 首页我们的态度 */
#about{
 background:#9fca94 url("../images/abouttd_bg.jpg") no-repeat scroll center center / cover;
 clear: both;
}
.abouttdinfo{margin:0 auto;width:1180px;overflow:hidden;}
.worktdl{float:left;margin:100px 0 0;width:770px;}
.worktdtico{float:left;width:96px;height:96px;border:2px solid #fff;}
.worktdtico img{padding:28px;width:40px;}
.worktdtinfo{float:left;margin:0 0 0 20px;color:#fff;}
.worktdtinfo h2{font-size:26px;line-height:120%;}
.worktdtinfo h3{font-size:20px;line-height:190%;}
.worktdtinfo h4{font-size:12px;line-height:130%;}

.worktdlist{margin:50px 0 0;}
.worktdlist ul{}
.worktdlist ul li{display:table-row;background:#fff;margin:0 0 10px;overflow: hidden;}
.worktdlist ul li h3{display:table-cell;vertical-align:middle;background:#ffea00;width:100px;color:#000;font-size:1em;line-height:100px;text-align:center;}
.worktdlistcon{display:table-cell;vertical-align:middle;padding:20px;width:630px;color:#666;font-size:12px;line-height:18px;text-align:justify;text-justify:inter-ideograph;/*for_IE*/}
.abouth10{height:10px;}

.worktdr{
 float:right;
 background:#ffea00 url("../images/abouttdr_bg.jpg") no-repeat scroll center center / cover;
 width:390px;
 height:670px;
 position:relative;
}
.worktdrlogo{margin:100px 0 0;text-align:center;}
.worktdrlist{margin:51px auto 0;width:310px;text-align:center;}
.worktdrlist li{margin:-2px 0 0;height:46px;font-size:14px;border:2px solid #000;line-height:46px;cursor: pointer;}
.worktdrlist li:hover{background:#000;color:#ffea00;}

.worktdrlist1{position:absolute;top:250px;left:40px;background:#ffe700;margin:0 auto;width:310px;}
.worktdrlist1 h3{background:#000;padding:0 0 0 20px;height:48px;color:#ffea00;font-size:14px;font-weight:bold;line-height:48px;}
.worktdrlist1 h3 span{display:block;float:right;background:url(../images/topveico.png) no-repeat;background-position:-93px -22px;margin:0 3px 0 0;width:48px;height:48px;line-height:48px;text-align:center;text-indent:-99999px;cursor: pointer;}
.worktdrlist1 p{padding:20px;min-height: 105px;font-size:12px;line-height:18px;border:2px solid #000;text-align:justify;text-justify:inter-ideograph;/*for_IE*/}

#worktdr1,#worktdr2,#worktdr3,#worktdr4{display:none;}

.worktdrinfo{margin:30px auto 0;width:310px;font-size:12px;line-height:18px;text-align:justify;text-justify:inter-ideograph;/*for_IE*/}

@media screen and (max-width: 1180px) {
#about{padding:0;}
.abouttdinfo{margin:0 auto;width:960px;overflow:hidden;}
.worktdl{width:620px;}
.worktdlist ul li{display:table-row;border-spacing: 5px; }
.worktdlist ul li h3{float:none;display:table-cell;vertical-align:middle;height:100%;}
.worktdlistcon{float:none;padding: 18px;width: 485px;display: table-cell; vertical-align:middle;}
.worktdr{width:320px;}
.worktdrlist{width:280px;}
.worktdrinfo{width:280px;}
.worktdrlist1{width:280px;left:20px;}
}
@media screen and (max-width: 960px) {
.abouttdinfo{width:95%;}
.worktdl{float:none;margin: 80px 0 0;width:100%;}
.worktdtico{float:none;margin:0 auto;}
.worktdtinfo{float:none;margin:15px 0 0;text-align:center;}
.worktdlist ul li h3{width:15%;line-height:120px;}
.worktdlistcon{width:85%;}
.worktdr{float:none;margin:20px 0 20px;padding:100px 0 50px;width:100%;height:auto;}
.worktdrlogo{margin:0;}
.worktdrlist1{left:50%;margin:0 0 0 -140px;}
}
@media screen and (max-width: 780px) {
#about{}
.worktdlist ul li h3{width:20%;line-height:100px;}
.worktdlistcon{width:80%;}
}
@media screen and (max-width: 480px) {
.worktdtinfo h2 {font-weight:bold;font-size: 14px;line-height: 120%;}
.worktdtinfo h3 {font-size: 16px;line-height: 180%;}
.worktdtinfo h4 {font-size: 10px;line-height: 120%;}
.worktdlist ul li h3{width:30%;line-height:120px;}
.worktdlistcon{width:70%;}
}

/* 猜你喜欢 */
.topvebk{background:#fff;padding:30px 0;border-bottom: 1px solid #dadfe5;}
.topvebkcon{margin:0 auto;width:1180px;text-align:left;}
.topvebkcon ul:first-child{margin:0 40px 0 0;padding:15px 0 26px;border-left:none;overflow: hidden;}
.topvebkcon ul:first-child li{color:#333;font-size:22px;text-align:left;}
.topvebkcon ul:first-child li p{font-size:16px;text-transform:uppercase;}
.topvebkcon ul:first-child li:after{content:"";position:absolute;z-index:1;background:#5fbf5f;margin:5px 0 0;width:30px;height:2px;}

.topvebkcon ul{display:inline-block;margin:0 10px;padding:0 10px;text-align:left;border-left:1px solid #eee;}

.topvebkcon ul li h2{margin:0 0 5px;font-size:1em;font-weight:bold;}
.topvebkcon ul li h2 a{color:#333;}
.topvebkcon ul li h3{font-size:0.875em;}
.topvebkcon ul li h3 a{color:#666;}
.topvebkcon ul li a:hover{color:#5fbf5f;}
@media screen and (max-width: 1180px) {
.topvebkcon{width:960px;}
}
@media screen and (max-width: 980px) {
.topvebkcon{width:95%;}
}
@media screen and (max-width: 560px) {
.topvebkcon ul:first-child{display:block;margin:0 0 10px;padding: 0px 0 15px 10px;}
.topvebkcon ul{margin:0;}
}

/* 首页点赞互动 */
.contact{background:#f5f7fa url("../images/brand_bg.jpg") repeat center center;}
.topvesharetext{float:left;}
.contactinfo{padding:0 0 80px 0;text-align:center;}

.topvehdlist{overflow:hidden;position:relative;width:100%;padding:80px 0 0 0;margin:0 0 10px 0;color:#8a8f99;text-align:center;overflow:hidden;}
.topvehdlist ul{float:left;position:relative;left:50%;}
.topvehdlist ul li{float:left;position:relative;right:50%;padding:0 10px;}
.topvehdlist p{margin:5px 0 0 0;}

.goodico{position:relative;background:url(../images/topveico.png) no-repeat;background-position:-72px -255px;margin:0 auto;width:80px;height:80px;cursor: pointer;border:2px solid #5fbf5f;border-radius:100%;}
.goodico:hover{background-color:#5fbf5f;background-position:-72px -317px;}
.goodico i{display:none;position:absolute;z-index:2;left:50%;margin:-25px 0 0 -16px;width:32px;height:32px;color:#5fbf5f;font-size:1.5em;font-style:normal;}

.scico{background:url(../images/topveico.png) no-repeat;background-position:-140px -255px;margin:0 auto;width:80px;height:80px;cursor: pointer;border:2px solid #5fbf5f;border-radius:100%;}
.scico:hover{background-color:#5fbf5f;background-position:-140px -317px;}
.scico img{width:100%;}

.topveshare{margin:0 auto;max-width:305px;height:36px;color:#8a8f99;font-size:1em;line-height:36px;}
.bdsharebuttonbox{width:335px;}

.hdinfo{margin:20px 0;}
.hdinfo h4{color:#8a8e99;font-size:2em;font-weight:normal;line-height:150%;}
.hdinfo p{font-size:1.2em;color:#8a8e99;line-height:150%;}

.contactus{margin:0;}
.contactus a{background:#5fbf5f;padding:10px 20px;height:50px;line-height:50px;color:#fff;border-radius:5px;}
.contactus a:hover{background:#f2a60c;}

@media screen and (max-width: 960px) {
.contact{border-top:1px solid #ccc;}
.contactinfo{padding: 0 0 80px;}
.topvehdlist{padding: 80px 0 0;}
.hdinfo{margin: 5px 0 10px;}
}
@media screen and (max-width: 780px) {
.contact{border-top:1px solid #ccc;}
.contactinfo{padding: 0 0 50px;}
.topvehdlist{padding: 50px 0 0;}
.hdinfo{margin: 5px 0 10px;}
.hdinfo h4{font-size:1.3em;}
.hdinfo p{font-size:1em;}
}

@media screen and (max-width: 480px) {
.contact{border-top:none;}
.topvesc{display:none;}
.topveshare{display:none;}
.hdinfo h4{font-size:1em;}
.hdinfo p{font-size:0.75em;}
.goodico{background:url(../images/goodico_x2.png) no-repeat;background-position:23px 22px;background-size:106px 99px;}
.goodico:hover{background-position:23px -40px;}
}

/* 首页底部 */

#footer {clear: both;background:#fff;margin:0;border-top:1px solid #ccc;overflow: hidden;}

.footl ul{margin:0;padding:0;overflow: hidden;}
.footl p{clear:both;margin:0;padding:0;color:#666;font:0.8em arial;}
.footl p a{color:#666;}
.footl p a:hover{color:#24b33c;}

.footl p span{font-size:10px;color:#888;height:16px;line-height:16px;}
.footl p span a{color:#666;}
.footl p span a:hover{color:#24b33c;}

.footr ul{margin:0;padding:0;overflow: hidden;}
.footr ul li p{margin:0;padding:0;font:0.75em "微软雅黑",Hiragino Sans GB,arial;}
.footr ul li a{color:#aaa;}
.footr  ul li a:hover{color:#24b33c;}
.footrico{background:url(../images/footrico.png) no-repeat;margin:0 auto;width:40px;height:40px;}

.footr_qq{background-position:-80px 0px;}
.footr_ly{background-position:-80px -40px;}
.footr_wb{background-position:-80px -80px;}
.footr_68{background-position:-80px -120px;}

.footr img{width:100%;}

.velinks{padding:10px 15px; background:#444;}
.velinktit{float:left;overflow:hidden;}
.velinks h5{float:left;color:#aaa;font-size:12px;line-height:150%;display: inline-block;}
.velinks a{color:#888;}
.velinks a:hover{color:#000;}
.velinksr{float:right;font-size:12px;line-height:150%;}
.velinksimgul{display:none;}
.velinksa{float:left;padding:0;color:#888;font-size:12px;line-height:150%;}
.linkj1{position: absolute;right: 15px;float:right;margin:0 0 0 5px;color:#888;font-size:12px;line-height:150%;}
.linkj1 a{color:#24b33c;}
.linkj1 a:hover{color:#fff;}

@media screen and (min-width: 1181px) {
.footl{float: left;margin:25px 0 20px 15px;}
.footl ul li{float:left;margin:0 10px 0 0;}
.footr{float: right;margin:16px 20px 15px 0; padding:0;}
.footr ul li{float:left;margin:0 0 0 15px;text-align: center;}
}
@media screen and (max-width: 1180px) {
.footl{float: left;margin:25px 0 20px 15px;}
.footl ul li{float:left;margin:0 10px 0 0;}
.footr{float: right;margin:12px 20px 15px 0; padding:0;}
.footr ul li{float:left;margin:0 0 0 15px;text-align: center;}
}
@media screen and (max-width: 960px) {
.footl{float: left;margin:25px 0 20px 15px;}
.footl ul li{float:left;margin:0 10px 0 0;}
.footr{float: right;margin:12px 15px 15px 0; padding:0;}
.footr ul li{float:left;margin:0 5px 0 5px;text-align: center;}
}
@media screen and (max-width: 780px) {
.footl{float:none;background:#5fbf5f;margin:0 0 0 0;padding:20px 0 20px 0;text-align: center;}
.footl ul {width:100%;}
.footl ul li{float: none;margin:0 3px 0 3px;display:inline-block;display:-moz-inline-box; *display:inline;}
.footl ul li a{color:#fff;}
.footl p{margin:0;color:#c7e5b8;}
.footl p a{color:#c7e5b8;}
.footl p a:hover{color:#fff;}
.footr{float: none;margin:20px 0; padding:0;text-align:center;}
.footr ul{width:100%;}
.footr ul li{float: none;margin:0 10px 0 10px;display:inline-block;display:-moz-inline-box; *display:inline;}
}
@media screen and (max-width: 480px) {
.footl{margin:0;text-align: center;}
.footl ul {margin:0;width:100%;}
.footl ul li{margin:0 3px 0 3px;font-size:12px;display:inline-block;display:-moz-inline-box; *display:inline;}
.footl ul li:last-child{display:none;}
.footl p{margin:0;font-size:12px;}
.footr{margin:20px 0 10px; padding:0;text-align:center;}
.footr ul{width:100%;}
.footr ul li{margin:0 5px 10px 5px;display:inline-block;display:-moz-inline-box; *display:inline;}
.footrico{background-size:60px 160px;margin:0 auto;width:40px;height:40px;}
.footr_qq{background-position:0px 0px;}
.footr_ly{background-position:0px -40px;}
.footr_wb{background-position:0px -80px;}
.footr_68{background-position:0px -120px;}
.velinks,.ssyh{display:none;}
}

/* 右则浮动图标 */
.rightfloat{display:none;position: absolute;top:50%;right:0;z-index:2;}
.rightfloat ul li{margin:0 0 5px;}
.rightfloat a{background:#5fbf5f;display:inline-block;padding:0;width:55px;height:55px;color:#fff;font-size:12px;text-align:center;}
.rightfloat a:hover{background:#f2a60c;font-weight:bold;}
.rightfloat p{line-height:150%;}

.rightfloattop{
 background:url(../images/topveico.png) no-repeat;
 background-position:-62px -39px;
 margin:6px auto 0;width:24px;height:24px;
}

.rightfloatqq{
 background: url(../images/topveico.png) no-repeat;
 background-position:0px -40px;
 margin:6px auto 0;width:24px;height:24px;
}

#qrcode{display:block;background:#5fbf5f;width:55px;height:55px;font-size:12px;cursor: pointer;overflow:hidden;}
#qrcode p{text-align:center;color:#fff;}
.qrcodeico{background: url(../images/topveico.png) no-repeat;background-position: -105px -149px;margin: 6px auto 0;width: 24px;height: 24px;}
.qrpic{display:none;background:#fff;padding:10px;z-index: -1;position: absolute;margin: -55px 0 0;right:60px;}

/*搜索*/
.homesearch{display:none;position:absolute;z-index:8;left:0;bottom:60px;width:220px;height:62px;border-radius:5px;}
.searchbox{background:#fff;margin:0;padding:15px;}
.searchnav .on{color:#5fbf5f;}
.searchnav span{margin: 0 3px;color:#ccc;font-family:宋体;}
.searchnav a{color:#666;}
.searchnav a:hover{color:#5fbf5f;}
.searchbd{margin:5px 0 0;}
.searchbd form{position:relative;overflow:hidden;width:auto;}
.searchbd .text{padding:5px;width:calc(100% - 12px);height:calc(32px - 12px);font-size:1em;border:1px solid #ccc;}
.searchbd .text:focus{outline-color:#5fbf5f;}
.searchbd .button{position:absolute;right:0;background:#5fbf5f;width:60px;height:32px;color:#fff;font-family:微软雅黑;font-size:0.875em;cursor:pointer;border:none;}
.searchbd .button:hover{background:#24b33c;}

.ssyh{padding:0 15px;color:#222;font-size:12px;}
.ssyh a{color:#222;}
.ssyh a:hover{color:#222;}