body {/*background:#1a1a1a;*/margin:0;padding:0;font: 1em/150% "微软雅黑",Hiragino Sans GB,"黑体",Arial, Helvetica, sans-serif;}
img{border:none;}
a {color: #333;text-decoration: none;border:none;}
a:hover {color:#5fbf5f;text-decoration:none;}
ul,li,p{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
img {margin:0;padding:0; -ms-interpolation-mode: bicubic; }
.cle{clear:both;}
.cl:after{clear: both;}

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

/* 全局设置 */

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

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

/* 顶部导航 */
#header {background:#fff;width:100%;height: 70px;border-bottom:1px solid #d9d9d9;position: absolute;top: 0;z-index: 9;}
#headerb{background:#fff;width:100%;height: 70px;position: relative;top: 0;z-index: 9;}
.nav{float:right;margin:25px 8px 0 0;padding:0;}
.nav ul{	margin:0;padding:0;	padding: 0 0 0 0;overflow: hidden;}
.nav ul li{float:left;margin: 0 7px 0;	padding: 0 7px 0;font-family:topvefontlight;}
.nav li a{display: inline-block;padding:0 0 3px;color:#6c7480;border-bottom:2px solid rgba(36,179,60,0);font-family:"微软雅黑","宋体";}
.nav li a:hover{color:#24b33c;border-bottom:2px solid rgba(36,179,60,1);}
.nav li.on a{color:#24b33c;border-bottom:2px solid rgba(36,179,60,1);}

/*TOPVE移动端菜单响应式*/
.menu2{display:none;position: absolute;z-index: 8;top: 18px;right: 15px;font-size:14px;}
.menu2 a{display: inline-block;padding:2px 5px;color:#fff;line-height:24px;}

.menuico li{background:#7a8799;margin:4px 0;width:25px;height:4px;font-size:1px;color:#fff;border-radius:2px;text-indent:-99999px;}
.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;}
.menulist{display: none;}
.menuclos{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) {
.nav{display:none;}
.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) {
.nav2{display:none;}
.menu{top:10px;right:10px;}
.menu2{display:block;top: 10px;right: 12px;}
.menulistlogo{top:30px;}
.menulistlogo a{display:block;}
.menulistlogo img{width:50px;}
.menulistlogo a h2{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;}
.menuclos{bottom:0px;margin:0 0 0 -50px;font:1em/2em "微软雅黑";}
}

/*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;}
}

/*内页全局设置*/
.pagebannerinfo{position:absolute;z-index:3;top:50%;margin:-80px 0 0 0;width:100%;text-align:center;}
.pagebannerinfo h1{color:rgba(255,255,255,1);font-size:2em;font-family:sanfranciscodisplay-ultralight;font-weight:normal;line-height:40px;letter-spacing: 5px;text-indent: 5px;}
.pagebannerinfo h2{color:rgba(255,255,255,1);font-size:2.8em;font-family:topvefontlight,"微软雅黑","黑体";font-weight:normal;line-height:80px;letter-spacing: 20px;text-indent: 20px;}
.pagebannerinfo h3{color:rgba(255,255,255,1);font-size:1em;font-weight:normal;}
.pagebannerinfo h4{color:rgba(255,255,255,1);font-size:0.75em;font-weight:normal;}
.pagebannerzz1{
background:rgba(0, 0, 0, 0) url("../images/prx1.png") repeat scroll center 0;
position: absolute;
z-index: 1;
width: 100%;
height:100%;
opacity: 0.2;
}
.pagebannerzz2{
background:rgba(0, 0, 0, 0) url("../images/prx2.png") repeat scroll center 0;
position: absolute;
z-index: 2;
width: 100%;
height:100%;
opacity: 0.1;
}
.pagenav{position: relative;background:#f5f7fa;font-size:16px;border-bottom:1px solid #e1e6ed;}
.pagenav ul{text-align: center;}
.pagenav li{position: relative;bottom: -1px;display: inline-block;}
.pagenav li a{display:inline-block;margin:0;padding:0 20px;height:50px;color:#6c7480;line-height:50px;}
.pagenav li a:hover{background:#fff;color:#5fbf5f;border-bottom:2px solid #5fbf5f;}
.navon{background:#fff;color:#5fbf5f;border-bottom:2px solid #5fbf5f;}


/*单页分辨率判断*/
@media screen and (max-width: 780px) {
.pagebannerinfo h1{font-size:1.5em;line-height:40px;letter-spacing: 5px;text-indent: 5px;}
.pagebannerinfo h2{font-size:2.3em;line-height:60px;letter-spacing: 10px;text-indent: 10px;}
.pagebannerinfo h3{font-size:1em;}
.pagebannerinfo h4{font-size:0.75em;}
}
@media screen and (max-width: 480px) {
.pagebannerinfo{margin: -50px 0 0;}
.pagebannerinfo h1{font-size:1em;line-height:120%;letter-spacing: 5px;text-indent: 5px;}
.pagebannerinfo h2{font-size:1.5em;line-height:150%;letter-spacing: 5px;text-indent: 5px;}
.pagebannerinfo h3{font-size:0.75em;line-height:150%;}
.pagebannerinfo h4{font-size:0.6em;line-height:150%;}
}


/*关于*/
/*main*/
.aboutmain{
 background:#fff url("../images/about_bg1.jpg") no-repeat scroll center center / cover;
 overflow:hidden;
}
.aboutnav{padding:80px 0 0;text-align:center;}
.aboutnav li{display: inline-block;padding: 0 3px;}
.aboutnav li a{padding:0 20px;height:32px;line-height:32px;color:#fff;border:1px solid #fff;border-radius: 16px;display: inline-block;}
.aboutnav li a:hover{background:#fff;color:#5fbf5f;}
.aboutnav li .aboutnavon{background:#fff;color:#5fbf5f;}

.aboutmaincon{margin:0 auto;width:1180px;}
.aboutl{float:left;margin:50px 0 80px;padding:0;width:50%;height:330px;overflow:auto;}

.aboutcon{margin:0 0 15px;text-align:justify;text-justify:inter-ideograph;/*for_IE*/}
.aboutcon h1{margin:0 5px 10px;padding:0 0 0 10px;color:#fff;font-size:1.5em;font-weight:normal;line-height:100%;border-left:3px solid #fff;}
.aboutcon ul{margin:15px 0 0;overflow: hidden;}
.aboutcon ul li{width:25%;float:left;text-align:center;}
.aboutimg1{background:#fff;margin:0 5px 10px;border:2px solid #fff;}
.aboutimg1 img{width:100%;}
.aboutimg1 h3{font-size:0.75em;color:#8a8f99;font-weight:normal;line-height:200%;}
.aboutcon p{color: #fff;font-size: 12px;line-height: 150%;padding: 0 5px;}

.aboutr{float:right;width:50%;}
.about_yxgdnw{margin:50px 0 0 50px;}
.about_yxgdnw img{margin:15px 0 0 0;}

/*aboutfcus*/
.aboutfcus{
 background:#fff url("../images/about_bg2.jpg") no-repeat scroll center center / cover;
 height:365px;
}
.focus{padding:70px 0 0 0;text-align:center;}
.focus h1{color:rgba(255,255,255,1);font-size:2em;font-family:"微软雅黑","宋体";font-weight:normal;line-height:120%;}
.focus h2{color:rgba(255,255,255,1);font-size:2em;font-family:"微软雅黑","宋体";font-weight:normal;line-height:150%;}
.focus h3{margin:15px 0 0;color:rgba(255,255,255,1);font-size:1.5em;font-family:sanfranciscodisplay-regular;font-weight:normal;text-transform : uppercase}
.focus h4{color:rgba(255,255,255,1);font-size:0.75em;font-family:sanfranciscodisplay-regular;font-weight:normal;text-transform : uppercase}


/* 关于品牌口号区 */
.brand{background:#f5f7fa url("../images/brand_bg.jpg") repeat center center;overflow:hidden;position:relative;z-index:2;}
.brandinfo{max-width:1180px;margin:80px auto 0px;padding:0 0 75px;}
.brandt{width:100%;margin:0 auto;}
.brandinfo h1{margin:0 5px;color:#5fbf5f;font:2.8em levenim,Century Gothic,arial;}
.brandinfo h2{margin:0 5px;color:#7a8799;font:normal 1.6em "微软雅黑",Hiragino Sans GB;}
.brandteg{margin:5px 5px 0;color:#b0b6bf;font:normal 0.6em "微软雅黑";text-transform:uppercase;}
.brandlist{margin:30px 0 0;overflow:hidden;}
.brandlist ul{width:100%;margin:0 auto;}
.brandlist ul li{float:left;width:25%;margin:0 0 10px 0;}
.brandinfo ul li h3{color:#fff;font:normal 1.2em "微软雅黑",Hiragino Sans GB;}
.brandlist ul li p{margin:5px 0 0;font:normal 0.8em/150% "微软雅黑";}
.brandlistinfo{display:block;margin:0 5px 0;padding:15px;color:#fff;cursor: pointer;transition: background 0.5s;}
.brandon{border-left:2px solid #5fbf5f;}

.brandbg1{background:#5fbf5f;}
.brandbg2{background:#52cca3;}
.brandbg3{background:#6c90d9;}
.brandbg4{background:#d96c6c;}

.aboutpagecdt{margin:30px 0 0 0;text-align:center;}
.aboutpagecdt li{display:inline-block;margin:0 0 5px 0;padding:0 2px;}
.aboutcdtzx a{display:inline-block;background:#fff;padding:8px 20px;color:#ff794c;font-weight:bold;border:2px solid #fff;border-radius:5px;}
.aboutcdtzx a:hover{background:#fff;color:#ff794c;}
.aboutcdtzp a{display:inline-block;padding:8px 20px;color:#fff;border:2px solid #fff;border-radius:5px;}
.aboutcdtzp a:hover{background:#fff;color:#ff794c;}

.aboutbanner{background:#5fbf5f;height:400px;position:relative;}

@media screen and (max-width: 1180px) {

.aboutmaincon{width:960px;}
.aboutl{height:345px;}
.about_yxgdnw{margin: 70px 0 0 50px;}

#brand{background:#e5e5e5;}
.brandinfo{margin:40px auto 0px;padding:0 0 40px;}
.brandlist{margin:20px 0 0;}
.brandt{width:95%;margin:0 auto;}
.brandlist ul{width:95%;margin:0 auto;}
.brandlist ul li{width:25%;}
.brandlistinfo{padding:15px;}
.brandon{border-left:2px solid #5fbf5f;}
.aboutinfo1{margin:30px 0 0;}

}

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

.aboutmaincon{width:95%;}
.aboutl{height:222px;}
.aboutcon h1{font-size:1em;}
.aboutcon ul li{width:50%;}
.about_yxgdnw{margin: 40px 0 0 20px;}
.about_yxgdnw img{height:220px;}

#brand{background:#e5e5e5;}
.brandinfo{margin:40px auto 0;}
.brandlist{margin:20px 0 0;}
.brandt{width:95%;margin:0 auto;}
.brandlist ul{width:95%;margin:0 auto;}
.brandlist ul li{width:50%;}
.brandlistinfo{padding:1em;}
.brandlistinfo:hover{}
.brandon{background:#f5f7fa;border-left:5px solid #5fbf5f;}
.aboutinfo1{margin:20px 0 0;}

}

@media screen and (max-width: 780px) {
.aboutnav{background:rgba(0,0,0,0.1);padding:30px 0;border-bottom:1px solid rgba(255,255,255,0.4);}
.aboutl{float:none;margin:30px 0;padding:0;width:100%;height:auto;}
.aboutcon ul li{width:25%;}
.aboutr{float:none;}
.about_yxgdnw{display:none;}

.brandinfo{margin:30px auto 0;padding:0 0 30px;}
.brandlist{margin:15px 0 0;}
.brandt{width:95%;margin:0 auto;}
.brandlist ul{width:95%;margin:0 auto;}
.brandlist ul li{width:50%;}
.aboutinfo1{margin:15px 0 0;}
.aboutinfo1 ul li{width:50%;}

.aboutfcus{height:340px;}
.focus h1{font-size:1.5em;line-height:120%;}
.focus h2{font-size:1.5em;line-height:150%;}
.focus h3{font-size:1.3em;text-transform : uppercase}
.focus h4{font-size:0.75em;text-transform : uppercase}

}

@media screen and (max-width: 560px) {
.aboutnav{padding:20px 0}
.aboutl{margin:20px 0 5px;}
.brandinfo{margin:30px auto 0;padding:0 0 20px;}
.brandlist{margin:15px 0 0;}
.brandt{width:95%;margin:0 auto 10px;}
.brandlist ul{width:95%;margin:0 auto;}
.brandlist ul li{width:100%;}
.aboutinfo1{margin:10px 0 0;}

.aboutfcus{height:300px;}
.focus h1{font-size:1.5em;line-height:150%;}
.focus h2{font-size:1.2em;line-height:150%;}
.focus h3{margin:0;font-size:1em;text-transform : uppercase}
.focus h4{display:none;}

}

@media screen and (max-width: 480px) {
.aboutnav{padding:20px 0 15px;}
.aboutl{margin:20px 0 5px;}
.aboutnav li{margin:0 0 5px;padding:0;}
.aboutnav li a{padding: 0 15px;height:28px;line-height:28px;font-size:0.85em;}

.aboutcon ul li{width:50%;}

.brandinfo h1{font-size:1.8em}
.brandinfo h2{font-size:1.2em;}
.brandteg{font-size:0.55em}

.aboutfcus{height:320px;}
.aboutpagecdt{margin:20px 0 0;}
.focus h1{font-size:1em;line-height:150%;}
.focus h2{font-size:0.85em;line-height:150%;}
.focus h3{margin:0;font-size:0.75em;text-transform : uppercase}
.focus h4{display:none;}
.aboutpagecdt li{width:80%;}
.aboutcdtzx a{padding: 8px 0;width: 100%;}
.aboutcdtzp a{margin:10px 0 0;padding: 8px 0;width: 100%;}

}

@media screen and (max-width: 360px) {

.aboutinfo1 h1{margin:0 5px 15px;font-size:1em;}
.aboutinfo1{margin:10px 0 0;}
.aboutinfo1 ul li{width:98%;}

}

/*历程*/
#content{background:#fff;overflow:hidden;}

.topvelc{margin:50px auto;width:1180px;overflow:hidden;}

.topvelctxt{float:left;background:#5fbf5f url("../images/about_bg3.jpg") no-repeat scroll center center / cover;width:300px;height:450px;}
.topvelctxt h2{padding:100px 20px 0;font-size:1.2em;font-family:微软雅黑;font-weight:normal;line-height:140%;}
.topvelctxt h3{padding:0 20px;font-size:1.7em;font-family:微软雅黑;font-weight:normal;line-height:140%;}
.topvelctxt h4{padding:5px 20px 30px;font-size:12px;font-family:微软雅黑,arial;font-weight:normal;line-height:120%;}

.topvelclist{float:right;width:860px;}
.topvelc dl{margin:0;overflow:hidden;}
.topvelc dl dd{display:table-row;width:100%;}
.topvelct{display:table-cell;vertical-align:middle;background:#5fbf5f;padding:50px 0;width:180px;color:#fff;font-size:2.5em;text-align:center;line-height: 100%;}
.topvelcinfo{display:table-cell;vertical-align:middle;background:#f5f7fa;padding:15px 20px;width:84%;color:#6c7480;font-size:14px;}
.topvelcinfo p{padding:5px 0;line-height:140%;}
.topvelch5{display:table-row;height:10px;}

@media screen and (max-width: 1180px) {
.topvelclist{float:right;width:640px;}
.topvelc{width:960px;}
.topvelct{padding:40px 0;}
.topvelcinfo{width:80%;}
}
@media screen and (max-width: 960px) {
.topvelc{margin:30px auto;width:95%;}
.topvelctxt{float:none;background:#5fbf5f url("../images/about_bg4.jpg") no-repeat scroll center center / cover;margin:0 0 20px;width:100%;height:300px;text-align:center;}
.topvelctxt h2{padding:90px 20px 0;color:#fff;font-size:1.5em;font-family:宋体;}
.topvelctxt h3{padding:0 20px;color:#fff;font-size:2.5em;font-family:宋体;letter-spacing: 20px;text-indent: 20px;}
.topvelctxt h4{margin:0 auto;padding:5px 20px 30px;width:45%;color:#fff;font-size:12px;}

.topvelclist{float:none;width:100%;}
.topvelcinfo{width:80%;}
}
@media screen and (max-width: 780px) {
.topvelc{width:95%;}
.topvelctxt{height:240px;}
.topvelctxt h2{padding:70px 20px 0;font-size:1.2em;}
.topvelctxt h3{padding:0 20px;font-size:2em;letter-spacing: 10px;text-indent: 10px;}
.topvelctxt h4{padding:5px 20px 30px;font-size:12px;}
.topvelcinfo{width:80%;}
}
@media screen and (max-width: 650px) {
.topvelc{margin:20px auto;width:95%;}
.topvelch5{display:table-row;height:5px;}
.topvelctxt h4{margin:0 auto;width:70%;}

.topvelct{font-size:1.5em;padding:30px 0;}
.topvelcinfo{width:75%;}
}
@media screen and (max-width: 480px) {
.topvelc{margin:15px auto;width:95%;}

.topvelctxt{margin:0 0 10px;height:210px;}
.topvelctxt h2{padding:70px 20px 0;font-size:1em;}
.topvelctxt h3{padding:0 10px;font-size:1.2em;letter-spacing: 5px;text-indent: 5px;}
.topvelctxt h4{padding:5px 20px 30px;font-size:0.5em;}

.topvelct{font-size:1.2em;width:80px;}
.topvelcinfo{width:80%;padding: 5px 10px;}
.topvelcinfo p{word-wrap:break-word;word-break:break-all;}
}


/*文化*/
.topvewh{margin:25px auto;width:98%;overflow:hidden;}
.topvewh ul{}
.topvewh ul li{float:left;width:33.33%;}
.topvewhcon{margin:0 5px 10px;padding:0;}
.topvewhpic{background:#ffe100;padding:100px 0;text-align:center;height:auto;}
.topvewhpic h2{padding:0;color:#000;font-size:2em;font-weight:normal;line-height:150%;}
.topvewhpic span{font-size:20px;color:#000;font-family:sanfranciscodisplay-regular;letter-spacing: 5px;text-indent: 5px;text-transform : uppercase;line-height:120%;}
.topvewhcon p{
 background:#f5f7fa;
 padding:20px;
 height:120px;
 color:#6c7480;
 font-size:12px;
 line-height:20px;
 text-align:justify;text-justify:inter-ideograph;/*for_IE*/
 border-right:1px solid #e1e6ed;
 border-bottom:1px solid #e1e6ed;
 border-left:1px solid #e1e6ed;
}
.aboutwhbg1{background:#ffe100 url("../images/aboutwh_bg001.jpg") no-repeat scroll center center / cover ;}
.aboutwhbg2{background:#ffe100 url("../images/aboutwh_bg002.jpg") no-repeat scroll center center / cover ;}
.aboutwhbg3{background:#ffe100 url("../images/aboutwh_bg003.jpg") no-repeat scroll center center / cover ;}
.aboutwhbg4{background:#ffe100 url("../images/aboutwh_bg004.jpg") no-repeat scroll center center / cover ;}
.aboutwhbg5{background:#ffe100 url("../images/aboutwh_bg005.jpg") no-repeat scroll center center / cover ;}
.aboutwhbg6{background:#ffe100 url("../images/aboutwh_bg006.jpg") no-repeat scroll center center / cover ;}

@media screen and (max-width:1920px) {
.topvewhcon p{height:80px;}
}
@media screen and (max-width:1630px) {
.topvewhcon p{height:100px;}
}
@media screen and (max-width:1340px) {
.topvewhcon p{height:120px;}
}
@media screen and (max-width:1180px) {
.topvewh{margin:20px auto;width:98%;}
.topvewhpic{padding:80px 0;height:auto;}
.topvewhpic h2{padding:0;}
.topvewhcon p{height:140px;}
}
@media screen and (max-width:1010px) {
.topvewhcon p{height:160px;}
}
@media screen and (max-width:960px) {
.topvewhpic{padding:60px 0;}
}
@media screen and (max-width:910px) {
.topvewhcon p{height:180px;}
}
@media screen and (max-width:830px) {
.topvewhcon p{height:200px;}
}
@media screen and (max-width:800px) {
.topvewh ul li{width:50%;}
.topvewhcon p{padding:10px;height:120px;}
}
@media screen and (max-width:770px) {
.topvewh{margin:15px auto;}
.topvewhcon p{height:140px;}
}
@media screen and (max-width:700px) {
.topvewhcon p{height:150px;}
}
@media screen and (max-width:640px) {
.topvewh ul li{width:100%;}
.topvewhcon p{height:auto;}
}
@media screen and (max-width:480px) {
.topvewh{margin:10px auto;}
}



/*案例*/
/*banner*/
.casebanner{
 background:#66bd92 url("../images/casebanner_bg.jpg") no-repeat scroll center center / cover ;
 height:400px;
 position:relative;
}
.casebanner .pagebannerinfo h1{color:rgba(255,255,255,1);font-size:2em;font-family:sanfranciscodisplay-ultralight;font-weight:normal;line-height:40px;letter-spacing: 5px;text-indent: 5px;}
.casebanner .pagebannerinfo h2{color:rgba(255,255,255,1);font-size:2.8em;font-family:topvefontlight,"微软雅黑","黑体";font-weight:normal;line-height:80px;letter-spacing: 20px;text-indent: 20px;}
.casebanner .pagebannerinfo h3{color:rgba(255,255,255,1);font-size:1em;font-weight:normal;}
.casebanner .pagebannerinfo h4{color:rgba(255,255,255,1);font-size:0.75em;font-weight:normal;}

.caselist{background:#fff;padding:0 0 30px;}
.caselist ul{margin:0 5px;padding:20px 0 0;overflow:hidden;}
.caselist ul li{float:left;width:20%;}
.caselistbox{margin:10px;}
.caselistbox img{width:100%;}
.caselistthumb a{display:block;}
.caselistbox h2{padding:10px 0 5px;font-size:1em;line-height:150%;font-weight:normal;}
.caselistbox h2 a{color:#333;}
.caselistbox h2 a:hover{color:#5fbf5f}
.caselistboxinfo{padding:0 0 5px;color:#888;font-size:0.75em;line-height:150%;}
.caselistbox p{color:#aaa;font-size:0.75em;line-height:150%;font-size:0.75em;}
.caselistbox p a{color:#666;}
.caselistbox p a:hover{color:#24b33c}

.caselistpage{margin:20px auto 0;padding:20px 0 0;text-align:center;border-top:1px dashed #e1e6ed;}
.caselistpage a{background:#f2f2f2;margin:0 0 5px;padding:5px 12px;font-size:1em;color:#888;border-radius: 3px;display: inline-block;}
.caselistpage a:hover{background:#5fbf5f;color:#fff;}
.caselistpage span{background:#f2a60c;padding:7px 12px;color:#fff;border-radius: 3px;}

/*作品分辨率判断*/
@media screen and (max-width:1580px) {
.caselistbox{height:295px;}
}
@media screen and (max-width:1500px) {
.caselistbox{height:280px;}
}
@media screen and (max-width:1440px) {
.caselistbox{height:270px;}
}
@media screen and (max-width:1400px) {
.caselistbox{height:auto;}
}
@media screen and (max-width:1210px) {
.caselistbox{height:270px;}
}

@media screen and (max-width:1180px) {
.caselist ul li{float:left;width:33.33%;}
.caselistbox{height:auto;}
}
@media screen and (max-width:960px) {
.caselistbox{height:280px;}
}
@media screen and (max-width:850px) {
.caselistbox{height:auto;}
}
@media screen and (max-width: 780px) {
.caselist ul{margin:0 5px 0;padding:10px 0;}
.casebanner .pagebannerinfo h1{font-size:1.5em;line-height:40px;letter-spacing: 5px;text-indent: 5px;}
.casebanner .pagebannerinfo h2{font-size:2.5em;line-height:60px;letter-spacing: 10px;text-indent: 10px;}
.casebanner .pagebannerinfo h3{font-size:1em;}
.casebanner .pagebannerinfo h4{font-size:0.75em;}
.caselistpage{width:100%;}
.caselist ul li{float:left;width:50%;}
.caselistbox{margin:5px;}
}
@media screen and (max-width:625px) {
.caselistbox{height:290px;}
}
@media screen and (max-width:550px) {
.caselistbox{height:auto;}
}
@media screen and (max-width: 480px) {
.casebanner .pagebannerinfo h1{font-size:1em;line-height:120%;letter-spacing: 5px;text-indent: 5px;}
.casebanner .pagebannerinfo h2{font-size:2em;line-height:150%;letter-spacing: 5px;text-indent: 5px;}
.casebanner .pagebannerinfo h3{font-size:0.75em;line-height:150%;}
.casebanner .pagebannerinfo h4{font-size:0.6em;line-height:150%;}
.caselist ul li{float:left;width:100%;margin:0 auto 0;}
.caselistbox{margin:3px;}
.caselistbox h2{	font-size:0.85em;line-height:120%;padding: 0;}
.caselistbox h2 a{background:#5fbf5f;display:block;height: 28px;color:#fff;line-height: 28px;text-align: center;}
.caselistbox h2 a:hover{background:#1f9933;color:#fff;}
.caselistbox p{display:none;}
.caselistboxinfo{display:none;}
.caselistpage{margin:0;width:100%;}
}


/*观点*/
/*banner*/
.newsbanner{
background:#52c2cc url("../images/newsbanner_bg.jpg") no-repeat scroll center center / cover ;
height:400px;
position:relative;
}
.onxw{background:#eff3f5;padding:0;width:100%;}

.onxwbox{width:1180px;margin:0 auto;padding:0 0 50px 0;clear: both;}
.onxwbox:before,.onxwbox:after{content: " ";display: table;}

.xwtj{float:right;margin:30px 0 0;width:230px;}
.xwnav{}
.xwnav ul{}
.xwnav ul li{background: #fff;margin:0 0 1px;color:#333;}
.xwnav a{display:block;padding:0 20px 0 20px;height:50px;font-size:14px;color:#666;line-height:50px;}
.xwnav a:hover{background:#f2a60c;color:#fff;}
.xwnavon a{background:#f2a60c;color:#fff;border-left:5px solid #e56509;}
.xwnavbg{background:#fff;}

.xwlist{float:left;margin:30px 0 0;width:920px;}
.xwlist ul{}
.xwlist ul li{background:#fff;margin:0;padding:20px;border-bottom:1px solid #e6e6e6;}
.xwlist ul li:before,.xwlist ul li:after{content: " ";display: table;}

.xwlistbox{background:#fff;margin:0 0 0 0;padding:20px;overflow:hidden;}
.xwlistthumb{float:left;width: 260px;height: 146px;overflow: hidden;}
.xwlistthumb img{width:100%;}
.xwlistrt{float:right;width:600px;}
.xwlistrt h2{font-size:24px;}
.xwlistrt h2 {font-weight:normal;}
.xwlistrt h2 a{color:#5c5f66;}
.xwlistrt h2 a:hover{color:#24b33c;}
.xwlistrt p{font-size:0.75em;color:#b6b9bf;font-weight:normal;}
.xwlistrt p a{color:#8a8f99;}
.xwlistboxinfo{margin:5px 0 0;font-size:14px;color:#949699;line-height:150%;}
.xwlistenter{}
.xwlistenter a{background:#5fbf5f;margin:10px 0 0;padding:3px 10px;display:inline-block;font-size:14px;color:#fff;font-weight:normal;border-radius: 5px;}
.xwlistenter a:hover{background:#f2a60c;}

.xwlistpage{padding:30px 0 0px;text-align:center;}
.xwlistpage a{background:#fff;margin:0 0 5px;padding:5px 12px;font-size:1em;color:#888;border-radius: 3px;display: inline-block;}
.xwlistpage a:hover{background:#5fbf5f;color:#fff;}
.xwlistpage span{background:#f2a60c;padding:6px 12px;color:#fff;border-radius: 3px;}

.xwbox{background:#fff;margin:0 0 10px 0;padding:0;overflow:hidden;}
.xwboxt{padding:10px 0;border-bottom:1px solid #e6e6e6;}
.xwbox h5{margin:0 10px;padding:0 0 0 5px;line-height:100%;font-size:16px;color:#666;font-weight:normal;border-left:3px solid #5fbf5f;}
.xwbox ol{margin:8px 10px 10px;padding:0 0 0 15px;}
.xwbox ol li{padding:5px 0;font-size:12px;color:#999;list-style:inherit;line-height:120%;}
.xwbox ol li a{color:#666;}
.xwbox ol li a:hover{color:#5fbf5f;}
.xwbox ul{margin:8px 10px 10px;}
.xwbox ul li{padding:5px 0;font-size:12px;color:#888;line-height:120%;}
.xwbox ul li a{color:#666;}
.xwbox ul li a:hover{color:#5fbf5f;}


/* 新闻内容页 */
.xwcontent{float:left;margin:30px 0 0;width:920px;}
.xwcontent .content{padding:30px;}
.xwcontent .content img{ max-width:860px;}
.xwcontent .content:before,.xwcontent .content:after{content: " ";display: table;}

.summary{position:relative;background:#fafafa;margin:0 30px;padding:30px;font-family:微软雅黑;font-size:1em;color:#6c7480;font-style: italic;line-height:150%;border:1px solid #eee;border-radius:5px;}
.summary:before{content:"“";position:absolute;left: -10px;top: 15px;font-size:2em;color:#c2c6cc;}
.summary:after{content:"”";position:absolute;right: 5px;bottom: 5px;font-size:2em;color:#c2c6cc;}

.newscontent{background:#fff;margin:-1px 0 0;padding:0;color:#616366;font-size:16px;font-family:Tahoma,Verdana,宋体,Helvetica, sans-serif;line-height:1.6;box-shadow: 0 0 3px rgba(0,0,0,.1);}
.newscontent p{margin: 0 0 20px;line-height:1.6;word-wrap:break-word;word-break:break-all;}
.newscontent h2{margin:0 0 10px;padding:15px 0;font-family:微软雅黑;font-size:1.6em;font-weight:bold;line-height:140%;}
.newscontent h3{margin:0 0 10px;font-size:1.4em;color:#616366;font-weight:normal;line-height:200%;}
.newscontent h4{margin:0 0 10px;font-size:1.2em;color:#616366;font-weight:normal;line-height:150%;}
.newscontent img{margin:0 auto;}

.articletitle{background:#fff;margin:0 0 30px;padding:30px;border-bottom:1px solid #e1e6ed;}
.articletitle h1{margin: 0 0 10px;padding:0;font-family:微软雅黑;font-size:2em;color:#616366;font-weight:normal;line-height:160%;}
.articletitle p{margin:0;padding:0;font-family:Tahoma,Verdana,宋体,Helvetica, sans-serif;font-size:12px;color:#888;line-height:160%;}
.articletitle p a{color:#666;}
.articletitle p a:hover{color:#5fbf5f;}
.dqwz a:after{content:">";margin:0 5px;font-family:宋体;font-size:0.875em;color:#aaa;}

.newsmoreinfo{background:#fff;margin:10px 0 0;padding:30px;font-size:0.875em;box-shadow: 0 0 3px rgba(0,0,0,.1);}
.newsnext{margin:0 0 10px;}
.newsnext p{height: 2em;line-height: 2em;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.newswords{margin:0 0 10px;}
.newswords a{display: inline-block;background: #f5f7fa;margin: 0 5px 5px 0;padding: 3px 12px;color: #616366;border: 1px solid #e1e6ed;border-radius: 15px;}
.newswords a:hover{background:#5fbf5f;color:#fff;border:1px solid #5fbf5f;}

.newsmood{margin:10px 0 0;border:1px solid #e1e6ed;}
.newsmoodt{background:#f5f7fa;overflow:hidden;border-bottom:1px solid #e1e6ed;}
.newsmoodt h6{float:left;padding:0 0 0 10px;font-size:1em;line-height:30px;}
.newsfav{display:block;float:right;padding:0 10px 0 0;line-height:30px;}
.newsrelated{margin:10px 0 0;border: 1px solid #e1e6ed;}
.newsrelated h5{background: #f5f7fa;padding: 0 0 0 10px;font-size:1em;line-height: 30px;border-bottom: 1px solid #e1e6ed;}
.newsrelated ul{padding:10px;}
.newsrelated ul li{margin:0 0 0 18px;color:#ddd;list-style-type:disc;}
.newsrelated ul li span{margin:0 0 0 5px;color:#888;}
#mood{padding:10px;}
#SOHUCS{margin:0;}


/*新闻分辨率判断*/
@media screen and (max-width:1180px) {
/*新闻列表页*/
.onxwbox{width:98%;}
.xwlist{width:76%;}
.xwtj{width:22%;}
/*新闻内容页*/
.xwcontent{width:76%;}
.xwlistthumb{width:30%;height:160px;}
.xwlistrt {width: 68%;}
.newscontent img{max-width:100%;}
}
@media screen and (max-width:780px) {
/*新闻列表页*/
.onxwbox{padding:0 0 30px;width:100%;}
.xwlist{float:none;margin:10px auto 0;width:100%;}
.xwtj{display:none;float:none;width:100%;margin:20px auto 0;text-align:center;}
.xwnav ul li{margin:0 0 10px;display:inline-block;}
.xwnav ul li a { padding: 0 15px 0px;}
.xwnavon a{border-left:none;}

.xwlistpage{padding:20px 0 0;}
.xwbox{display:none;}
.searchbox{display:none;}

/*新闻内容页*/
.xwcontent{float:none;width:100%;margin:10px auto 0;padding:0;}
.articletitle{border:none;border-bottom:1px solid #e1e6ed;}
.articletitle h1{font-size:1.5em;}
#SOHUCS{margin:15px 0;}

}

@media screen and (max-width:480px) {
.xwnav{padding: 0;}
.xwtj{width:100%;}
.xwnav ul li{margin: 0 0 5px;}
.xwnav ul li a{padding: 0 5px;font-size:12px;font-weight:bold;}
.onxwbox{padding:0 0 20px;width:100%;}
.xwlist{margin:10px 0 0;width:100%;}
.xwlist ul li{margin:0 0 5px;padding:10px;border-bottom:none;}
.xwlistthumb{float: right;margin: 0;width: 100px;height: 56px;}
.xwlistboxinfo{display:none;}
.xwlistenter{display:none;}
.xwlistrt{float:left;margin:0;width:calc(100% - 105px);}
.xwlistrt h2{padding: 0;font-size: 1.125em;line-height: 140%;}
.xwlistbox{padding: 20px 0;}
.xwlistpage{margin:0 auto;padding:15px 0 0;width:92%;}

/*新闻内容页*/
.xwcontent{width:100%;}
.articletitle{margin:0 0 15px;padding:15px;}
.summary{margin:0 15px;border-bottom:1px solid #e1e6ed;}
.xwcontent .content{padding:15px;}
.newscontent{margin:0;padding:0;overflow: hidden;}
.newscontent img{width:100%;}
.articletitle h1{font-size:1.25em;}

.newsmoreinfo{margin:0 auto;padding:15px;border-top:1px solid #e1e6ed;}
.newswords{margin:15px 0 10px;}
.newsnext p{height: 2em;line-height: 2em;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
}

/* 服务领域 */
.servicemain{

 position:relative;
}
.servicehead{ background: #fff; width: 100%; height: 70px; position:absolute; z-index:6; top: 0;}
.servicehead h1{ float: left; margin: 0 0 0 15px; padding: 0;}

.servicebanner{
 margin:-300px 0 0 0;
 width:100%;
 height:160px;
 text-align:center;
 position:absolute;
 z-index:4;
 top:50%;
}

.servicebannerinfo h1{color:#fff;font-size:2em;font-family:sanfranciscodisplay-ultralight;font-weight:normal;line-height:40px;letter-spacing: 5px;text-indent: 5px;}
.servicebannerinfo h2{color:#fff;font-size:2.8em;font-family:topvefontlight,"宋体";font-weight:normal;line-height:80px;letter-spacing: 20px;text-indent: 20px;}
.servicebannerinfo h3{color:#fff;font-size:1em;font-weight:normal;}
.servicebannerinfo h4{color:#fff;font-size:0.75em;font-weight:normal;}


.servicecon{ margin:-60px 0 0 -590px; width:1180px; height:280px; position:absolute; z-index:4; top:50%; left:50%;}

.servicelist{float:left;width:570px;height:280px;}
.webdesign{float:left;width:280px;height:280px;text-align:center;}
.webdesignpic{margin:55px 0 0 0;}
.webdesigneg{margin:20px 0 0 0;}
.webdesign p{font-size:0.75em;color:#5c6663;line-height:180%;}

.servicelistr{float:right;width:280px;}
.project{background:#f0f5ed;height:135px;}
.projectico{float:left;margin:45px 0 0 47px;}
.projectcon{float:left;padding:48px 0 0 12px;}
.projectcon p{margin:0;font-size:0.75em;color:#636661;line-height:180%;}

.logodesignico{margin:25px 0 0;}
.logodesigneg{margin:12px 0 0;}
.logodesign p{margin:0;font-size:0.75em;color:#60665c;line-height:180%;}

.otherdesignico{margin:34px 0 0;}
.otherdesigneg{margin:19px 0 0;}
.otherdesign p{margin:0;font-size:0.75em;color:#63665c;line-height:180%;}

.servicelist3{margin:10px 0 0;}
.servicelist3 .logodesign{float:left;background:#f1f5ed;width:135px;height:135px;text-align:center;}
.servicelist3 .otherdesign{float:right;background:#f3f5ed;width:135px;height:135px;text-align:center;}

.serviceinfo{float:right; background:url("../images/service_infobg.jpg") no-repeat right top; width:570px; height:280px;}
.serviceinfocon{ margin:35px 0 0 30px; width:525px; height:215px; overflow: auto;text-align:justify;text-justify:inter-ideograph;/*for_IE*/}
.serviceinfocon h1{margin:0 0 12px;padding:0;color:#fff;font-size:1em;font-weight:bold;}
.servicecontent{margin:0;color:#fff;font-size:0.75em;line-height:140%;}
.servicecontent p{margin:0 0 8px;}

.servicefoot{ width:100%; position:absolute; z-index:5; bottom:0;}
.servicebg{ background:#6dbf79 url("../images/service_bg.jpg") no-repeat scroll center center / cover; width:100%; height:100%; position:absolute; z-index:2;top:0; }
.servicebglz{
 background:url("../images/service_lizi.png") no-repeat center center;
 margin:-250px 0 0 -50%;
 width:100%;
 height:100%;
 position:absolute;
 z-index:0;
 left:50%;
}

@media screen and (max-width: 1680px) {
.servicemain{position:absolute;width:100%;left:0;z-index:5}
.servicehead{position:static;}
.servicebanner{position:static;;margin:80px auto 50px;height:auto;}
.servicecon{position:static;margin:0 auto 80px;width:1180px;height:280px;}

.servicefoot{position:static;}
.servicebg{position:fixed;z-index:2;}
.servicebglz{margin:-200px 0 0 -50%;}
}

@media screen and (max-width: 1180px) {
.servicemain{position:absolute;width:100%;left:0;z-index:5}
.servicehead{position:static;}
.servicebanner{position:static;margin:50px auto;height:auto;}
.servicecon{position:static;margin:0 auto 50px;width:960px;height:230px; }
.servicelist{width:470px;height:230px;}
.servicelistr{width:230px;}
.webdesign{width:230px;height:230px;}
.webdesignpic{margin: 40px 0 0;width:75%;}
.project{height:110px;}
.projectico{margin: 35px 0 0 35px;}
.projectcon{padding: 38px 0 0 12px;}
.servicelist3 .logodesign{width:110px;height:110px;}
.logodesignico{margin: 18px 0 0;}
.otherdesignico{margin: 27px 0 0;}
.servicelist3 .otherdesign{width:110px;height:110px;}

.serviceinfo{background:url("../images/service_infobg2.jpg") no-repeat right top;width:470px;height:230px;}
.serviceinfocon{width:425px;height:170px;}
.servicefoot{position:static;}
.servicebg{position:fixed;z-index:2;}
.servicebglz{margin:-200px 0 0 -50%;}
}

@media screen and (max-width: 960px) {
.servicecon{width:95%;height:auto;}
.servicelist{display:table;float:none;width:100%;height:auto;}
.webdesign{float:none;display:table-cell;vertical-align:middle;margin:0 10px 0 0;width:50%;height:300px;}
.webdesignpic{margin:0;width:65%;}
.servicew10{width:10px;height:100%;}
.servicelistr{float:none;display:table-cell;margin:0;width:50%;height:50%;}
.project{width: 100%;height:145px;}
.projectico{margin: 50px 0 0 19.5%;}
.projectcon{padding: 53px 0 0 12px;}
.serviceh10{display:table-cell;height:10px;}

.servicelist3 .logodesign{width:49%;height:145px;}
.servicelist3 .otherdesign{width:49%;height:145px;}
.logodesignico{margin: 30px 0 0;}
.otherdesignico{margin: 38px 0 0;}
.serviceinfo{float:none;background:none;margin:30px 0 50px 0;width:100%;height:auto;overflow:hidden;}
.serviceinfocon{background:rgba(0,0,0,0.2);margin:0;padding:20px;width:auto;height:auto;border:5px solid rgba(0,0,0,0.2);}
.servicebglz{margin:-450px 0 0 -50%;}
}

@media screen and (max-width: 720px) {

.servicebannerinfo h1{font-size:2em;line-height:40px;letter-spacing:0;text-indent:0;}
.servicebannerinfo h2{font-size:2.5em;line-height:60px;letter-spacing: 5px;text-indent:5px;}
.servicebannerinfo h3{font-size:0.8em;}
.servicebannerinfo h4{font-size:0.75em;}

.webdesign{display:table-cell;vertical-align:middle;width:100%;}
.webdesignpic{width:50%;}
.servicew10{display:table-cell;width:0px;}
.serviceh10{display:table-row;}
.servicelistr{display:table-row;margin:0;width:100%;height:50%;}
.serviceinfo{margin:30px 0 30px 0;}
.servicebglz{margin:-600px 0 0 -50%;}
}

@media screen and (max-width: 480px) {
.servicehead{height:52px;}
.servicebannerinfo h1{font-size:1.2em;line-height:20px;letter-spacing:0;text-indent:0;}
.servicebannerinfo h2{font-size:1.5em;line-height:40px;letter-spacing: 0;text-indent:0;}
.servicebannerinfo h3{font-size:0.8em;line-height:18px;}
.servicebannerinfo h4{font-size:0.75em;line-height:18px;}

.webdesign{height:250px;}
.webdesignpic{width:70%;}

.serviceinfo{margin:20px 0 20px 0;}

.servicebglz{margin:-920px 0 0 -50%;}
}



/* 报价参考 */
.quotemain{position:relative;}
.quotehead{ background: #fff; width: 100%; height: 70px; position:absolute; z-index:6; top: 0;}
.quotehead h1{ float: left; margin: 0 0 0 15px; padding: 0;}

.quotebanner{
 margin:-350px 0 0 0;
 width:100%;
 height:160px;
 text-align:center;
 position:absolute;
 z-index:4;
 top:50%;
}

.quotebannerinfo h1{color:#fff;font-size:2em;font-family:sanfranciscodisplay-ultralight;font-weight:normal;line-height:40px;letter-spacing: 5px;text-indent: 5px;}
.quotebannerinfo h2{color:#fff;font-size:2.8em;font-family:topvefontlight,"宋体";font-weight:normal;line-height:80px;letter-spacing: 20px;text-indent: 20px;}
.quotebannerinfo h3{color:#fff;font-size:1em;font-weight:normal;}
.quotebannerinfo h4{color:#fff;font-size:0.75em;font-weight:normal;}

.quotecon{margin:-150px 0 0 0; width:100%; position:absolute; z-index:4; top:50%; left:0;}
.quoteconlist{width:1180px;overflow:hidden;margin:0 auto;}
.quoteconlist ul{margin:0;padding:0;overflow:hidden;width:100%;}
.quoteconlist ul li{margin:0;padding:0;float:left;width:25%;}

.quotecontent{display: block;background:#fff;margin:5px;height:140px;}
.quotecontent p{text-align:center;}
.quotecontent1{padding:30px 0 0;}

.quotesl{color:#5fbf5f;font-size:3em;line-height:100%;}
.quotedw{color:#adafb3;font-size:1.5em;line-height:100%;}
.quotecontent2{color:#616366;font-size:14px;}

.quoteyiju{margin:20px 0 0;padding:0 2px;color:#fff;text-align:center;}
.quotebz{font-size:1em;}
.quoteyj{font-size:0.75em;}
.quoteyj a{color:#fff;}
.quoteyj a:hover{color:#fff;font-weight:bold;}

.quotefoot{ width:100%; position:absolute; z-index:5; bottom:0;}
.quotebg{ background:#6dbf79 url("../images/quote_bg.jpg") no-repeat scroll center center / cover; width:100%; height:100%; position:absolute; z-index:2;top:0; }


@media screen and (max-width: 1680px) {
.quotemain{position:absolute;width:100%;left:0;z-index:5}
.quotebg{position: fixed;z-index: 2;}
.quotehead{position: static;}
.quotebanner{position: static; margin: 80px auto 50px;height: auto;}
.quotecon{position: static;margin: 0 auto 80px;width: 1180px;}
.quoteconlist{width:100%;}
.quotefoot{position: static;}
}

@media screen and (max-width: 1180px) {
.quotemain{position:absolute;width:100%;left:0;z-index:5}
.quotebg{position: fixed;z-index: 2;}
.quotehead{position: static;}
.quotebanner{position: static; margin: 50px auto;height: auto;}
.quotecon{position: static;margin: 0 auto 50px;width: 960px;}
.quoteconlist{width:100%;}
.quotefoot{position: static;}
}

@media screen and (max-width: 960px) {
.quotecon{width: 95%;}
.quoteconlist ul li{width:50%;}
.quotecontent{height:200px;}
.quotecontent1{padding: 60px 0 0;}
}

@media screen and (max-width: 780px) {
.quotebannerinfo h1{font-size:2em;line-height:40px;letter-spacing:0;text-indent:0;}
.quotebannerinfo h2{font-size:2.5em;line-height:60px;letter-spacing: 5px;text-indent:5px;}
.quotebannerinfo h3{font-size:0.8em;}
.quotebannerinfo h4{font-size:0.75em;}

.quoteyiju{background: rgba(0, 0, 0, 0.2);margin:15px 5px 0;width:auto;padding:20px;text-align:left;border: 1px solid rgba(0, 0, 0, 0.2);}
.quotebz{font-weight:bold;}
.quoteyj{margin:10px 0 0;line-height:18px;}

}

@media screen and (max-width: 480px) {
.quotehead{height: 52px;}

.quotebannerinfo h1{font-size:1.2em;line-height:20px;letter-spacing:0;text-indent:0;}
.quotebannerinfo h2{font-size:1.5em;line-height:40px;letter-spacing: 0;text-indent:0;}
.quotebannerinfo h3{font-size:0.8em;line-height:18px;}
.quotebannerinfo h4{font-size:0.75em;line-height:18px;}

.quotecon{margin: 0 auto 20px;overflow:hidden;}
.quotecontent{height:120px;}
.quotecontent1{padding: 25px 0 0;}
.quotesl{font-size: 2em;}
.quotedw{font-size: 1em;}
.quotecontent2{margin:10px 0 0;padding:0 10px;font-size: 12px;line-height:130%;}
.quoteyiju{background: rgba(0, 0, 0, 0.2);margin:15px 5px 0;width:auto;padding:20px;text-align:left;border: 1px solid rgba(0, 0, 0, 0.2);}
.quotebz{font-weight:bold;}
.quoteyj{margin:10px 0 0;line-height:18px;}
}

@media screen and (max-width: 300px) {
.quoteconlist ul li{width:100%;}
}


/* 联系我们 */
.contactmain{position:relative;}
.contacthead{ background: #fff; width: 100%; height: 70px; position:absolute; z-index:6; top: 0;}
.contacthead h1{ float: left; margin: 0 0 0 15px; padding: 0;}

.contactcon{margin:-365px 0 0 0; width:100%; position:absolute; z-index:4; top:50%; left:0;}
.contactcontent{width:1180px;overflow:hidden;margin:0 auto;}

.contactl{float:left;width:380px;}
.contactwa{padding:100px 0 67px;border-bottom:2px solid #fff;}
.contactwa h1{color:#fff;font-size:2em;font-family:sanfranciscodisplay-ultralight;font-weight:normal;line-height:100%;}
.contactwa h2{color:#fff;font-size:2.8em;font-family:topvefontlight,"宋体";font-weight:normal;line-height:150%;}
.contactwa h3{color:#fff;font-size:0.9em;font-weight:normal;line-height:150%;}
.contactwa h4{color:#fff;font-size:0.75em;font-weight:normal;line-height:150%;}

.contactqq{
 background:url("../images/topveico.png") no-repeat;
 background-position:-158px -108px;
 margin:40px 0 0 0;padding:0 0 0 50px;overflow:hidden;}
.contactqqbt{color:#fff;font-size:12px;}
.contactqqnr{overflow:hidden;}
.contactqqnr:after{content:"";clear:both;}
.contactqqhm{float:left;color:#fff;font-size:22px;}
.contactqqzx a{
 display:inline-block;
 float:left;
 background:#fff;
 margin:0 0 0 10px;
 width:70px;
 height:22px;
 color:#0f9982;
 font-size:12px;
 line-height:22px;
 border-radius:11px;
 text-align:center;
 }
.contactqqzx a:hover{background:#ffea00;color:#000;}
.contactmail{
 background:url("../images/topveico.png") no-repeat;
 background-position:-158px -188px;
 margin:20px 0 0 0;padding:0 0 0 50px;overflow:hidden;
}

.contactr{float:right;background:#fff;width:760px;border-radius: 10px;}
.contactguest{padding:15px 15px 30px 30px;height:565px; overflow: auto;}


.contactfoot{ width:100%; position:absolute; z-index:5; bottom:0;}
.contactbg{ background:#6dbf79 scroll center center / cover;width:100%; height:100%; position:absolute; z-index:2;top:0; }

@media screen and (max-width: 1680px) {
.contactmain{position:absolute;width:100%;left:0;z-index:5}
.contacthead{position: static;}
.contactbanner{position: static;}
.contactcon{position:relative;margin:0 auto;}
.contactcontent{margin:80px auto;width:1180px;}
.contactl{float:left;margin:74px 0 0;width:380px;}
.contactwa{padding:0 0 38px}
.contactr{margin:0 0 0 0;width:760px;}
.contactguest{height:460px;}
.contactfoot{position: static;}
.contactbg{position: fixed;z-index: 2;}
}

@media screen and (max-width: 1180px) {
.contactmain{position:absolute;width:100%;left:0;z-index:5}
.contacthead{position: static;}
.contactbanner{position: static;}
.contactcon{position: relative;margin:0 auto;}
.contactcontent{margin:80px auto 80px;width:960px;}
.contactl{margin:30px 0 0;}
.contactwa{padding:0 0 38px}
.contactr{margin:0 0 0 0;width:550px;}
.contactguest{height:355px;}
.contactfoot{position: static;}
.contactbg{position: fixed;z-index: 2;}
}

@media screen and (max-width: 960px) {
.contactcontent{width:95%;margin:50px auto 30px;}
.contactl{float:none;margin:20px 0 0;width:100%;}
.contactl ul{margin:50px 0 0;overflow: hidden;}
.contactl li{float:left;width:50%;}
.contactqq{
 background-position:-145px -88px;
 margin:0;
 padding:20px 20px 25px 65px;
 border-top:2px solid #fff;
 border-right:1px solid #fff;
 border-bottom:2px solid #fff;
 border-left:2px solid #fff;
}
.contactmail{
 background-position:-145px -168px;
 margin:0;
 padding:20px 20px 25px 65px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 border-bottom:2px solid #fff;
 border-left:1px solid #fff;
}
.contactwa{text-align:center;padding:0;border-bottom:none;}
.contactwa h2{letter-spacing: 20px;text-indent: 20px;}
.contactr{float:none;margin:30px 0 0;width:100%;}
.contactguest{height:auto;padding:15px;}
}

@media screen and (max-width: 780px) {
.contactl li{float:none;width:100%;}
.contactqq{
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 border-bottom:1px solid #fff;
 border-left:2px solid #fff;
}
.contactmail{
 border-top:1px solid #fff;
 border-right:2px solid #fff;
 border-bottom:2px solid #fff;
 border-left:2px solid #fff;
}
.contactr{margin:30px 0 0;}
}

@media screen and (max-width: 640px) {
.contactwa h1{font-size:2em;line-height:100%;}
.contactwa h2{font-size:2.6em;line-height:150%;letter-spacing: 10px;text-indent: 10px;}
.contactwa h3{font-size:0.9em;line-height:150%;}
.contactwa h4{font-size:0.75em;line-height:150%;}
}

@media screen and (max-width: 480px) {
.contacthead{height:52px;}
.contactwa h1{font-size:1.5em;line-height:100%;}
.contactwa h2{font-size:1.8em;line-height:150%;letter-spacing: 5px;text-indent: 5px;}
.contactwa h3{font-size:0.75em;line-height:150%;}
.contactwa h4{font-size:0.75em;line-height:150%;}
.contactcontent{margin: 50px auto 20px;}
.contactl{margin:0;}
.contactl ul{margin:30px 0 0;}
.contactr{margin:20px 0 0;}
}

/*相关链接*/
.topvexgbanner{background:#5fbf5f;padding:60px 0 60px 15px;overflow:hidden;}
.topvexgbanner h1{color:#fff;font-size:1.5em;font-weight:normal;line-height:100%;}
.topvexgbanner ul{margin:10px 0 0 0;padding:0;width:auto;overflow:hidden;}
.topvexgbanner ul li{float:left;margin:0 5px 0 0;font-size:14px;line-height:100%;}
.topvexgbanner ul li a{display:block;background:#fff;padding:7px 10px;color:#000;}
.topvexgbanner ul li a:hover{background:#ffe100;color:#000;font-weight:bold;}
.topvexgcon{background:#fff;padding:50px 0;overflow:hidden;}
.topvexgcon h2{margin:0 15px;padding:0 0 20px;font-size:1.5em;font-weight:normal;line-height:100%;text-transform : uppercase;border-bottom:1px solid #ddd;}
.topvexgconinfo{margin:20px 0 0;padding:0 15px;min-height:460px;font-size:1em;}
.topvexgconinfo p{margin:0 0 10px;}

@media screen and (max-width: 1440px) {
.topvexgconinfo{min-height:280px;}
}
@media screen and (max-width: 1280px) {
.topvexgconinfo{min-height:180px;}
}
@media screen and (max-width: 1024px) {
.topvexgconinfo{min-height:50px;}
}

/*版权申明*/
.copyright{margin:0 auto;width:860px;}
.copyrightpic{background:#f5f7fa url("../images/brand_bg.jpg") repeat center center;padding:30px 0;text-align:center;border:1px solid #e1e6ed;}
@media screen and (max-width: 950px) {
.copyright{width:100%;}
.copyright img{max-width:100%;}
.copyright p{word-break:break-all;}
}
@media screen and (max-width: 560px) {
.copyrightpic{background:none;padding:0;border:none;}
}


/*热词搜索*/
.taglist{background:#fff;padding:15px;min-height:300px;border-top:2px solid #5fbf5f;}
.taglistl{float:left;width:80%;border: 1px solid #e1e6ed;}
.taglistt{background:#f5f7fa;margin: 0 0 10px;padding: 6px 10px;font-size:0.875em;line-height: 150%;border-bottom: 1px solid #e1e6ed;}
.taglistl ul{margin:0 0 10px;}
.taglistl ul li{padding:0 10px;}
.taglistl ul li span{float:right;color:#999;font-size:0.75em;}
.taglistr{float:right;width:19%;border: 1px solid #e1e6ed;}
.taglistr h5{background:#f5f7fa;margin: 0 0 10px;padding: 6px 10px;font-size:0.875em;line-height: 150%;border-bottom: 1px solid #e1e6ed;}

@media screen and (max-width: 780px) {
.taglistl{width:70%;}
.taglistr{width:28%;}
}
@media screen and (max-width: 480px) {
.taglistl{float:none;margin:0 0 15px;width:100%;}
.taglistr{float:none;width:100%;}
}


/*单页*/
/*banner*/
.pagebanner{
background:#52cca3;
/* background:#fff url("../images/pagebanner001.jpg") no-repeat scroll center center / cover; */
height:400px;
position:relative;
}

/* 底部联系我们 */
.contact{background:#f5f7fa;}

.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:#6c7480;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{background:#e55c5c;margin:0 auto;width:80px;height:80px;cursor: pointer;border-radius:100%;}
.goodico img{width:100%;}
.goodico:hover{background:#d94141;}
.scico{background:#ff9933;margin:0 auto;width:80px;height:80px;cursor: pointer;border-radius:100%;}

.scico img{width:100%;}
.scico:hover{background:#e54d00;}


.topveshare{margin:0;max-width:325px;height:36px;color:#000;font-size:1em;line-height:36px;overflow: hidden;}
.topvesharetext{float:left;font-weight:bold;}
.bdsharebuttonbox{width:325px;}
@media screen and (max-width: 360px) {
.topvesharetext{display:none;}
}

.hdinfo{margin:20px 0;}
.hdinfo h4{color:#6c7480;font-size:2em;font-weight:normal;line-height:150%;}
.hdinfo p{font-size:1.2em;color:#959ca6;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;}

/* 底部导航 */
.footnav{background:#262626;width:100%;overflow: hidden;}

.footnavl{float:left;width:28%;}

.logoline{float:left;margin:50px 8px 0 15px;width:55px;}
.logoline img{width:100%;opacity:0.3;}
.footnavlinfo{float:left;margin: 50px 0 0;color:#aaa;}
.footnavlinfo h2{font-size:14px;font-weight:normal;line-height:135%;}
.footnavlinfo h3{color:#ccc;font-size:14px;line-height:160%;}
.footnavlinfo p{color:#888;font-size:12px;line-height:120%;}

.footnavr{float:right;width:72%;}

.footnavlink{float:left;width:70%;}

.footnavlink ul{width:100%;margin:20px auto;overflow:hidden;}
.footnavlink ul li{float:left;width:25%;}
.footnavb{padding:0 0 0 15px;border-left:1px solid #333;}
.footnavb h2{margin:0 0 5px;color:#aaa;font-size:14px;font-weight:bold;}
.footnavb h2 a{color:#aaa;}
.footnavb h2 a:hover{color:#5fbf5f;}
.footnavb p{float:none;color:#666;font-size:12px;line-height:20px}
.footnavb p a{color:#666;}
.footnavb p a:hover{color:#5fbf5f;}

.footnavc{float:left;margin:20px auto;width:30%;}
.footnavcon{margin:0 15px 0 0;padding:0 0 0 15px;border-left:1px solid #333;}
.footnavcon h2{margin:0 0 5px;color:#aaa;font-size:14px;font-weight:bold;}
.footnavcon p{float:none;color:#666;font-size:12px;line-height:20px}
.footnavcon p a{color:#666;}
.footnavcon p a:hover{color:#5fbf5f;}

/* 底部链接版权 */
.pagefooter{background:#1a1a1a;overflow:hidden;border-top:1px solid #2e2e2e;}
.pagefootl{float:left;margin:0 0 0 15px;height:40px;font-size:12px;}
.pagefootl ul{margin:12px 0 0;overflow: hidden;}
.pagefootl ul li{float:left;margin:0 7px 5px 0;padding:0 7px 0 0;height:16px;line-height:16px;border-right:1px solid #262626;}
.pagefootl ul li a{color:#666;}
.pagefootl ul li a:hover{color:#5fbf5f;}
.pagefootr{float:right;margin:0 15px 0 0;}
.pagefootr p{margin:11px 0 0;font-size:10px;color:#444;line-height:16px}
.pagefootr p a{color:#555;}
.pagefootr p a:hover{color:#5fbf5f;}

@media screen and (max-width: 1179px) {
.footnavl{width:40%;}
.footnavr{width:60%;}
.footnavlink{width:60%;}
.footnavc{width:40%;}
}

@media screen and (max-width: 860px) {
.footnavl{width:45%;}
.footnavr{width:55%;}
.footnavlink{width:50%;}
.footnavlink ul li{width:33%;}
.footnavb{padding:0 0 0 10px;}
.footnavcon{padding:0 0 0 10px;}
.footnavnews{display:none;}
.footnavc{width:50%;}
}
@media screen and (max-width: 780px) {
.footnavl{width:55%;}
.footnavr{width:45%;}
.footnavlink{width:30%;}
.footnavlink ul li{width:100%;}
.footnavb{padding:0 10px 0 10px;}
.footnavc{width:70%;}
.footnavabout{display:none;}
.footnavother{display:none;}
.pagefootl{float:none;height:16px;margin:15px 0 0 15px;}
.pagefootl ul{margin:0;padding:0;}
.pagefootl ul li{height:16px;line-height:16px;}
.pagefootr{float:none;}
.pagefootr p{margin:0 0 15px;padding:0 0 0 15px;}
}
@media screen and (max-width: 620px) {
.footnavlink{display:none;}
.footnavl{width:65%;}
.footnavr{width:35%;}
.footnavc{width:100%;}
}
@media screen and (max-width: 540px) {

.logoline{float:none;margin: 20px 0 0 15px;width:30px;}
.footnavlinfo{float:none;margin: 10px 0 0 15px;}
.footnavl{float:none;width:100%;}
.footnavr{float:none;margin: 10px 0 0 0;width:100%;overflow:hidden;}
.footnavc{margin:0 0 20px;}
.footnavcon{margin:10px 15px 0;padding:10px 0 0 0;border-left:none;border-top:1px solid #333;}
.footnavcon h2{margin:0;}
.footnavcon p{line-height:18px;}
.pagefootl{height:auto;}
}


/* 底部 */
#footer {clear: both;background:#fff;margin:0;border-top:1px solid #e1e6ed;overflow: hidden;}

.footl ul{margin:0;padding:0;overflow: hidden;}
.footl ul li a{color:#6c7480;}
.footl ul li a:hover{color:#5fbf5f;}
.footl p{clear:both;margin:0;padding:0;color:#959ca6;font:0.8em arial;}
.footl p a{color:#6c7480;}
.footl p a:hover{color:#5fbf5f;}

.footr ul{margin:0;padding:0;overflow: hidden;}
.footr ul li p{margin:0;padding:0;font:0.85em "微软雅黑",Hiragino Sans GB,arial;}
.footr ul li a{color:#959ca6;}
.footr  ul li a:hover{color:#5fbf5f;}

.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;}



/* 友情链接页 */
.linkmain{padding:0;width:960px;margin:0 auto 20px;overflow: hidden;}
.linkhead{margin:0 0 20px;padding:20px 0;border-bottom:1px solid #e1e6ed;}
.linklogo{float:left;}
.linkhead h1{float:left;margin: 14px 0 0 10px;padding:0 0 0 10px;color:#98a3b3;font-size:24px;font-weight:normal;line-height:140%;border-left:1px solid #e1e6ed;}
.linknav{float:right;margin:22px 0 0 0;}
.linknav a{color:#6c7480;}
.linknav a:hover{color:#5fbf5f;}
.crumbs{background:#5fbf5f;margin:0 0 10px;padding:10px;color:#fff;line-height:150%;}
.crumbs a{color:#fff;}
.linksl{float:left;width:700px;border:1px solid #e1e6ed;border-bottom:none;}
.linksl h5{background:#f5f7fa;padding:5px 10px;color:#6c7480;border-bottom:1px solid #e1e6ed;}
.linksl h5 a{float:right;font-weight:normal}
.linksl .tag_a{border-bottom:1px solid #e1e6ed;}
.linksl .tag_a img{border:1px solid #e1e6ed;}
.col-auto{float:right;width:250px;border:1px solid #e1e6ed;}
.col-auto .box h5{background:#f5f7fa;padding:5px 10px;color:#6c7480;border-bottom:1px solid #e1e6ed;}
.col-auto .tag_a{border-bottom:1px solid #e1e6ed;}
.col-left #pages{padding:10px;border-bottom:1px solid #e1e6ed;}

/* 右则浮动图标 */
.rightfloat{display:none;position: absolute;top:50%;right:0;z-index:10;margin:-53px 0 0;}
.rightfloat ul li{margin:0 0 5px;}
.rightfloat a{background:#5fbf5f;display:inline-block;padding:0;width:50px;height:50px;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;
}

/* ==客户端判断== */

/*全局分辨率判断*/
@media screen and (max-width: 780px) {
.aboutbanner,.casebanner,.newsbanner,.pagebanner{height: 300px;}
.pagenav{font-size: 16px;}
.pagenav li a{margin: 0; padding:0 10px;}
}
@media screen and (max-width: 480px) {
.aboutbanner,.casebanner,.newsbanner,.pagebanner{height: 200px;}
.pagenav{font-size: 14px;font-weight:bold;}
.pagenav li a{margin:0;padding:0 5px;}
}

/* 1180px以上 */
@media screen and (min-width: 1180px) {
/* 顶部 */
#header h1{float:left;margin:0 0 0 15px;padding:0;}
#headerb h1{float:left;margin:0 0 0 15px;padding:0;}
.logo{float:left;margin:12px 0 0 0;width:55px;}
.logo img{width:100%;}
.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:#6c7480;}
.menu{display:none;}
.menuclos{display:none;}
.menulist{display: none;}

/* 底部 */
.footl{float: left;margin:25px 0 20px 15px;}
.footl ul li{float:left;margin:0 10px 0 0;}
.footr{float: right;margin:15px 20px 15px 0; padding:0;}
.footr ul li{float:left;margin:0 0 0 15px;text-align: center;}
}

/* 1180px以下 */
@media screen and (max-width: 1179px) {
/* 顶部 */
#header h1{float:left;margin:0 0 0 15px;padding:0;}
#headerb h1{float:left;margin:0 0 0 15px;padding:0;}

.logo{float:left;margin:12px 0 0 0;width:55px;}
.logo img{width:100%;}
.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:#6c7480;}

/* 底部 */
.footl{float: left;margin:25px 0 20px 15px;}
.footl ul li{float:left;margin:0 10px 0 0;}
.footr{float: right;margin:15px 20px 15px 0; padding:0;}
.footr ul li{float:left;margin:0 0 0 15px;text-align: center;}
}

/* 960px以下 */
@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:15px 10px 15px 0; padding:0;}
.footr ul li{float:left;margin:0 5px 0 5px;text-align: center;}
}

/* 780px以下 */
@media screen and (max-width: 780px) {
/* 底部 */
.footl{float:none;background:#5fbf5f;margin:0 0 0 0;padding: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 ul li a:hover{color:#fff;}
.footl p{margin:0;color:#8ae58a;}
.footl p a{color:#8ae58a;}
.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;}
}

/* 480px以下 */
@media screen and (max-width: 480px) {
/* 顶部 */
#header {height: 52px;}
#headerb {/*height: 52px;*/}
#header h1{margin:0 0 0 10px;}
#headerb h1{margin:0 0 0 10px;}
.logo {width:55px;margin: 8px 0 0;}
.logo img{width:100%;}
.logo2 {position: absolute;z-index: 8;top: 10px;left: 10px;}
.logo2 img{width:100px;}
.topve{display:none;}
.movtopve{display:none;}

/* 底部 */
.footl{margin:0;text-align: center;}
.footl ul {margin:0 0 0 0;width:100%;}
.footl ul li{margin:0 3px 0 3px;font-size:12px;display:inline-block;display:-moz-inline-box; *display:inline;}
.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;}
}

/*搜索*/
.searchbox{margin:10px 0 0;}
.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;}


.szicbok{ width:61px; height:78px; margin:0 auto;}