@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a:link {color:#111111;text-decoration:none;}
a:visited {color:#111111;text-decoration:none;}
a:hover {color:#E72D58;text-decoration:none;}
a:active {color:#E72D58;}
/*-去掉链接背景-*/
a,input,li,img,span,button{tap-highlight-color: rgba(0,0,0,0);  
focus-ring-color: rgba(0, 0, 0, 0);  
-webkit-tap-highlight-color: rgba(0,0,0,0);  
-webkit-focus-ring-color: rgba(0, 0, 0, 0);  
-moz-tap-highlight-color: rgba(0,0,0,0);  
-moz-focus-ring-color: rgba(0, 0, 0, 0);  
outline:none;
}  
/*-兼容苹果手机INPUT-*/
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 

.c{ clear:both; height:0px;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
html { overflow-y: scroll; }
body {
  width: 100%;
 font-family:'微软雅黑','Helvetica Neue', Helvetica, Arial, sans-serif;
  background: #ffffff;
  font-size: 12px;
overflow-x: hidden;
}
.nocode{display:none;}
#page_loading{position:absolute;margin:0 auto !important;z-index:9999999;top:47%;left:47%;height:50px;width:50px;background:#eee url(../images/loading.gif) no-repeat center center;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px;
filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
-moz-opacity:0.8; /*Firefox私有，透明度50%*/
opacity:0.8;/*其他，透明度50%*/}
#page_loading_in0{height:3px;background:#fff;width:2%;}


br { display: block; line-height: 1.6em; } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }




/** toggle menu **/
.openmenu {width:100%;height:100%;
  z-index: 9999999999;
}
.overlay {width:100%;
  position: fixed;
  z-index: 9999999999;
  background:#fff;
  top: 0;
  right: 0;
}



/*--右则菜单--*/
#hamburgermenu {font-family:'微软雅黑','Helvetica Neue', Helvetica, Arial, sans-serif;
  height: 100%;
  width: 0;
  background: #f9f9f9;
  position: fixed;
  top: 0;
  right: 0;
  z-index:999999;
  overflow: hidden;
-webkit-box-shadow:inset 1px 0px 10px 0px #999;  
  -moz-box-shadow:inset 1px 0px 10px 0px #999;  
  box-shadow:inset 1px 0px 10px 0px #999;  
box-shadow:0px 0px 10px 0px #ccc; 
}
#hamburgermenu ul {
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {border-bottom:#f0f0f0 1px solid;margin-bottom:1px;margin-left:1px;
  display: block;
}
#hamburgermenu ul li a {
  display: block;
  min-width: 140px;
  padding: 12px 0px 8px 8px ;
  color: #2E2720;
  font-size: 100%;
text-align: center;
  text-decoration: none;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #888888;
}
#hamburgermenu ul li p a{padding: 12px 50px 8px 8px;border-top:#D8D8D8 1px solid;background:#eee;  font-size: 90%;
  color: #2E2720;
  text-decoration: none;
  text-align: right;width:100%;}
#hamburgermenu ul li a.on{text-decoration:none; background:#888888; color:#fff;}
#hamburgermenu ul li a.m{background:url(../images/down.png) no-repeat right;}
#hamburgermenu ul li a:hover.m{background:#888888 url(../images/down1.png) no-repeat right;}
#hamburgermenu .open .list{DISPLAY: none}
#hamburgermenu ul li p a.on{text-decoration:none; background:#ddd; color:#ff0000;}

.logo1{background: url(../images/logo1.png) no-repeat center center; width:auto;height:120px;cursor:pointer;width:150px;margin:10px 0px 0px 0px;}

/*--顶部说明--*/

header {
position:fixed; top:0; left: 0;z-index:99999;
float:left;
  display: block;
  width: 100%;
  height: 52px;
	font-size: 24px;
	line-height: 43px; 
	color: #000;
	height: 44px;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #31bdff, #009ee8); 
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear,top,from(#31bdff),to(#009ee8));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #31bdff, #009ee8);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #31bdff, #009ee8);
	/* default */
	background: linear-gradient(top, #31bdff, #009ee8);
	background: #fefefe;
box-shadow:0px 0px 10px 0px #ddd; 
}

header h1 {text-align: center;width:100%;height:40px;font-size:90%;}
header h1.top_txt0{text-align: center;width:auto;height:40px;line-height:50px;position: absolute;top: 0px;left:48%;}
header h1.top_txt{text-align: center;width:auto;height:40px;line-height:46px;}
header h1.logo0{text-align: center;width:auto;height:40px;position: absolute;top: 0px;left:48%;}
header h1.logo{text-align: center;width:auto;height:40px;}

header .menubtn {
	position: absolute;
	top: 9px;
	right: 10px;
	width: 25px;
	height: 26px;
	background: url(../images/btn_nav.png) no-repeat center center;
	text-indent: -100em;
	overflow: hidden;
}

header .gohome {
	position: absolute;
	top: 9px;
	left: 10px;
	width: 25px;
	height: 26px;
	background: url(../images/btn_gohome.png) no-repeat center center;
	text-indent: -100em;
	overflow: hidden;
}



#content{width:100%;max-width:620px;padding: 10px;margin:0 auto;margin-top:50px;z-index:1px;}

/*--首页服务--*/
.home_s{float:left;width:100%;height:100%;text-align:center;}
.home_s .text{float:left;width:47%;height:140px;line-height:140px;box-shadow:0px 0px 10px 0px #ddd;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.home_s .a1{background:#0F96CE;margin-right:6%;margin-bottom:16px;}
.home_s .a2{background:#89B09D;}
.home_s .a3{background:#BB9BCA;margin-right:6%;margin-bottom:16px;}
.home_s .a4{background:#F16F90;}
.home_s .text a{float:left;width:100%;height:120px;font-size:150%;color:#fff;}
/*--首页案例--*/
.home_c{float:left;width:100%;height:100%;text-align:center;}
.home_c img{float:left;width:100%;height:100%;text-align:center;margin-bottom:0px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}

/*--首页信息--*/
.home_n{float:left;width:100%;height:100%;text-align:center;}
.home_n dl{float:left;width:100%;height:77px;overflow:hidden;text-align:center;margin-bottom:10px;padding-bottom:10px;border-bottom:#f0f0f0 1px solid;}
.home_n dt{float:left;width:110px;height:67px;overflow:hidden;}
.home_n dt img{float:left;width:100px;height:67px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.home_n dd{margin-left:110px;height:67px;line-height:18px;overflow:hidden;text-align:left;font-size:90%;color:#555;word-break:break-all;}
.home_n span{float:left;width:100%;height:30px;line-height:30px;font-size:150%;color:#000;overflow:hidden;}


/*--内容展示--*/
#content .title{float:left;width:100%;height:auto;line-height:27px;text-align:center;font-size:180%;color:#000;border-bottom:#f0f0f0 1px solid;margin-bottom:20px;padding:10px 0px 10px 0px;}
#content .show{float:left;width:100%;height:auto;min-height:300px;line-height:27px;font-size:100%;color:#555;margin-bottom:20px;}
#content .pageUD{float:left;width:100%;height:50px;font-size:120%;color:#000;margin-bottom:20px;}
#content .left_30{float:left;width:100%;height:25px;line-height:25px;}
#content .right_30{float:left;width:100%;height:25px;line-height:25px;}

#content .show iframe,#content .show video{float:left;width:100%;height:auto;min-height:300px;}
#content .show embed{float:left;width:100%;height:auto;min-height:300px;}
#content .show iframe{min-height:500px;}

/*--信息列表--*/
.news_list{float:left;width:100%;height:100%;text-align:center;}
.news_list dl{float:left;width:100%;height:77px;overflow:hidden;text-align:center;margin-bottom:10px;padding-bottom:10px;border-bottom:#f0f0f0 1px solid;}
.news_list dt{float:left;width:110px;min-width:110px;height:67px;overflow:hidden;}
.news_list dt img{float:left;max-width:100px;min-height:67px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.news_list dd{margin-left:110px;height:67px;line-height:18px;overflow:hidden;text-align:left;font-size:90%;color:#555;word-break:break-all;}

.news_list span{float:left;width:100%;height:30px;line-height:30px;font-size:150%;color:#000;overflow:hidden;}

/*--图片列表--*/
.pic_list{float:left;width:100%;height:100%;text-align:center;}
#waterfall{ text-align:center; width:100%; margin:0 auto;}
#waterfall img{ width:90%;max-width:200px;}
#waterfall .cell{ padding:10px 0px 5px 0px; width:99%;border:1px solid #E3E3E3; background:#fff; margin-bottom:15px;box-shadow: 0px 2px 3px 1px #ccc;}
#waterfall .cell:hover{box-shadow: 0px 2px 3px 1px #999;}



/*--团队列表--*/
.team_list{float:left;width:100%;height:100%;text-align:center;}
.team_list dl{float:left;width:100%;height:202px;overflow:hidden;text-align:center;margin-bottom:10px;padding-bottom:10px;border-bottom:#f0f0f0 1px solid;}
.team_list dt{float:left;width:160px;height:190px;overflow:hidden;}
.team_list dt img{float:left;width:150px;height:190px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
.team_list dd{float:left;width:100%;margin-right:-160px;max-width:430px;height:190px;line-height:18px;overflow:hidden;text-align:left;font-size:90%;color:#555;word-break:break-all;}
.team_list dd span{float:left;width:100%;height:27px;line-height:27px;font-size:150%;color:#000;overflow:hidden;}
.team_list dd br{float:left;width:100%;height:19px;line-height:19px;overflow:hidden;}


/*--二类菜单--*/
.m_menu{float:left;width:100%;max-width:640px;height:30px;overflow:hidden;line-height:30px;text-align:left;position: relative;}
#carousel{float:left;width:100%;height:30px;overflow:hidden;float:left;position: absolute;top:0px;left:0px;}
#carousel ul{float:left;width:auto;margin: 0px;padding: 0px;}
#carousel li{float: left;display:inline; margin-right: 10px;width:auto;height: 30px;overflow:hidden;}
#carousel a{padding:5px 10px 5px 10px;border:1px solid #E3E3E3;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;}
#carousel a.on{border:1px solid #cccccc;color:#ff0000;}





footer {clear:both;border-top:#f0f0f0 0px solid;
width:100%;max-width:620px;margin:0 auto;margin-top:10px;
padding:10px 10px 70px 10px;
	text-align: center;
	font-size: 12px;
	color: #979797;
}
#goTopBtn {position: fixed;width:30px;bottom:100px;height:30px;cursor:pointer;display:none;background:url(../images/up.png) no-repeat center center;-moz-border-radius:6px 0px 0px 6px;-webkit-border-radius:6px 0px 0px 6px;border-radius:6px 0px 0px 6px;}

#end_show{width:100%;max-width:640px;margin:0 auto;}
.end_show{width:100%;max-width:640px;height:50px;overflow:hidden;position: fixed;bottom:0px;z-index:999999;background:#fff;box-shadow:0px 0px 0px 0px #eee; filter:alpha(opacity=98);-moz-opacity:0.98;opacity:0.98;}
.end_show li{float:left;width:25%;height:50px;text-align:center;border-right: 1px solid #fff;border-top: 1px solid #eee;}
.end_show li:nth-last-child(1){border-right: 0px solid #E7E7EB;}
.end_show li span{height:30px;font-size:110%;display:block;margin-top:6px;color:#fff;text-align:center;}
.end_show li .a1{float:left;width:100%;height:25px;background:url(../images/end_show1.png) no-repeat center;}
.end_show li .a2{float:left;width:100%;height:25px;background:url(../images/end_show2.png) no-repeat center;}
.end_show li .a3{float:left;width:100%;height:25px;background:url(../images/end_show3.png) no-repeat center;}
.end_show li .a4{float:left;width:100%;height:25px;background:url(../images/end_show4.png) no-repeat center;}
.end_show li p{font-size:90%;display:block;margin-top:10px;color:#333;}
@media only screen and (max-width:1000px) {.end_show{display:block;}}


/*--分页样式--*/ 
#pagebox{float:left;width:100%;margin:0 auto;text-align:center;height:56px;margin-top:10px;overflow:hidden;display:inline;}
div.pagings {width:100%;height:37px;padding:0px 0px 0px 0px;overflow:hidden;margin:0 auto;}
div.paging {font-size:14px;font-family:Arial;font-weight:normal;font-weight:bold;}
div.paging a {text-decoration:none;margin-right:8px;height:40px;line-height:40px;width:40px;}
div.paging a.page {text-decoration:none; background:#f0f0f0;color:#111111;padding:6px 14px 6px 14px;border: 1px solid #dedede;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
div.paging a.page:hover {text-decoration:none; background:#eeeeee;color:#000000;padding:6px 14px 6px 14px;border: 1px solid #dedede;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
div.paging a.page:active {text-decoration:none; background:#dddddd;color:#E72D58;padding:6px 14px 6px 14px;border: 1px solid #dedede;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
div.paging a.pagenow {background:#999999;color:#ffffff;padding:6px 14px 6px 14px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
div.paging a.around {background:#ccc;color:#333;padding:6px 14px 6px 14px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}


.new_show{float:left;text-align:center; z-index:999;width:100%;height:auto;}
.new_show .box{float:left;width:100%;margin:0 auto;text-align:center;position:relative;margin-bottom:20px;}
.new_show .box img {max-width:640px;}
.new_show .box i{float:left;width:100%;height:30px;position: absolute;z-index:2;bottom:0px;left:0px;background:#333;opacity:0.6;border-radius:0px 0px 4px 4px;}
.new_show .box #text{position: absolute;width:100%;z-index:3;bottom:4px;left:0px;color:#fff;font-size:14px;text-align:center;heigth:30px;}

/*--云摄影--*/ 
.max_fly_box{margin:0 auto;max-width:640px;min-height:500px;margin-top:50px;}

.max_fly_box .fly_box{float:left;width:100%;margin-bottom:30px;}

.max_fly_box .fly_box .fly_item{float:left;width:100%;margin-top:2px;background:#fff;position: relative;}

.max_fly_box .fly_box .fly_item .title{float:left;width:100%;padding-left:10px;padding-right:10px;height:40px;line-height:40px;border-top:0px solid #ccc;text-align:center;font-size:14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.max_fly_box .fly_box .fly_item img{width:100%;}
.max_fly_box .fly_box .fly_item a .imgbg{display:inline-block;width:100%;height:538px;position:absolute;z-index:0;top:41px;left:0px;background:#999;opacity:0;animation:all 1s;}
.max_fly_box .fly_box .fly_item a:hover .imgbg{animation:all 1s;opacity:0.8;}

.max_fly_box .fly_box .fly_item .gourl{display:inline-block;position:absolute;z-index:1;bottom:40px;left:50%;margin-left:-60px;width:120px;height:40px;text-align:center;}
.max_fly_box .fly_box .fly_item .gourl u{animation:all 1s;display:inline-block;position:absolute;z-index:9;left:2px;bottom:2px;width:120px;height:40px;line-height:42px;border-radius: 20px;font-size:14px;text-decoration:none;}
.max_fly_box .fly_box .fly_item .gourl i{animation:all 1s;display:inline-block;position:absolute;z-index:1;left:0px;bottom:0px;width:120px;height:40px;background:#f9f9f9;border-radius: 20px;opacity:0.8;border:2px solid #f0f0f0;box-shadow: #fff 0px 0px 30px; }
.max_fly_box .fly_box .fly_item a:hover .gourl i{animation:all 1s;background:#f0f0f0;border:1px solid #fff;box-shadow: #fff 0px 0px 24px;}
.max_fly_box .fly_box .fly_item a{color:#333;}
.max_fly_box .fly_box .fly_item a u{color:#333;}
.max_fly_box .fly_box .fly_item a:hover{color:#666;}
.max_fly_box .fly_box .fly_item a:hover u{color:#000;animation:all 1s;}