body{margin: 0;padding:0;  position:relative; overflow-x: hidden;}
.nomage{ overflow:hidden;}
#header2 #logo img{max-height:100px; width:auto;}
#header #logo img{max-height:60px; width:auto;}

@media screen and (min-width:800px) and (max-width: 2960px){
#header_in{ width:960px; height:100%; margin:0 auto;}
#logo{ width:auto; height:auto; display:block; float:left; overflow:hidden;}
#page-wrap{ position: relative; padding-top:100px;width:100%;}
#header{ width:100%; height:100px;  background:#2b2b2b; position:fixed; z-index:10;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)); z-index:99999999; }
#header2{ width:100%; height:100px;  background:#2b2b2b; position:fixed; z-index:10;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)); z-index:999999999;}
#header_in #navigation{ width:auto; height:100%; padding:0;  float: right;}
#header_in #navigation .menu,#navigation  div{ height:100%; display:block;}
#header_in .sub-menu{background:#2b2b2b; width:150px !important; height: auto !important; display:none;} 
#header_in .sub-menu li , #header_in .sub-menu li a,#header_in .sub-menu li .hover{ height:50px !important; line-height:50px !important;width:150px !important; margin:0 !important;}
#header_in .sub-menu li .hover{ background:#333;}
#header_in #navigation .home{ float:left; margin:0 20px 0 20px;}
#header_in #navigation ul {margin:0;float:left;}
#header_in #navigation ul li {float: left; height: 100%;line-height:100%; margin: 0px auto auto 10px; position: relative;text-align: center;width:96px;z-index: 9999;*height:100%}
#header_in #navigation ul li a { width:96px;height:100%;line-height:100px; color:#D9D9D9;font-family:"微软雅黑";font-size:14px;position:relative;z-index:20;display:block; text-decoration: none;	}
#header_in #navigation .current-menu-item,#header_in .current-menu-parent {background: #333;}
#header_in #navigation .hover{background: #333;width:100%;height:100px;position: absolute;top: 0;left:0;z-index:0;display: none;}	
.short,.short li,.short li a, .short #logo img,.short hover{ height:60px !important; line-height:60px !important;}
.nav_open{ display:none;}}

@media screen and (min-width:100px) and (max-width:799px){
#header_in{ width:100%; height:100%; margin:0 auto;}
#logo{ width:auto; height:60px; display:block; float:left; overflow:hidden;}
#page-wrap{ position: relative; padding-top:60px;width:100%;}
#header{ width:100%; height:100px;  background:#2b2b2b; position:fixed; z-index:10;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)); z-index:99999999; }
#header2{ display:none !important;}
.nav_open{ width:auto; height:100%; float: right;}.nav_open img{ max-height:100%; height:auto;}
#header_in #navigation{ width:100%; height:auto; padding:0;  float: right; background:#2b2b2b; display:none;}
#header_in #navigation .menu,#navigation  div{ height:auto; display:block;}
#header_in .sub-menu{background:#2b2b2b; width:150px !important; height: auto !important; display:none;} 
#header_in .sub-menu li , #header_in .sub-menu li a,#header_in .sub-menu li .hover{ height:50px !important; line-height:50px !important;width:100px; !important; margin:0 !important; }
#header_in .sub-menu li .hover{ background:#333;}
#header_in #navigation .home{ float:left; margin:0 20px 0 20px;}
#header_in #navigation ul {margin:0;float:left;}
#header_in #navigation ul li {float: left; height:auto;line-height:100%; margin: 0px auto auto 10px; position: relative;text-align: center;width:80%;z-index: 9999;overflow:hidden;}
#header_in #navigation ul li a { width:96px;height:100%;line-height:100px; color:#D9D9D9;font-family:"微软雅黑";font-size:14px;position:relative;z-index:20;display:block; text-decoration: none;	}
#header_in #navigation .current-menu-item,#header_in .current-menu-parent {background: #333;}
#header_in #navigation .hover{background: #333;width:100%;height:100px;position: absolute;top: 0;left:0;z-index:0;display: none;}	
.short,.short li,.short li a, .short #logo img,.short hover{ height:60px !important; line-height:60px !important;}
}
/*头部*/


/*滑块*/
p{margin: 0 0 20px 0;}
p, ul{font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size-adjust:0.488;font-weight:200;font-style:normal;}
img{border: 0;}
h1, #pixels{font-family:"Museo 900", Verdana, serif;font-size-adjust:0.40;font-weight:700;font-style:normal;}
h2{font-family:"Beau Sans Pro Book", Verdana, sans-serif;font-size-adjust:0.531;font-weight:500;font-style:normal;}
#header h1, #pixels{color: #48941A;}
.float-left{float: left;	margin: 0 0 0 20px;}
.float-right{float: right;margin: 0 20px 0 0;}
.center{font-size: 2.5em;padding: 80px 0 0 0;text-align: center;}
#nav{list-style: none;position: fixed;right: 20px;}
#nav li{margin: 0 0 15px 0;}
#header, #intro, #second{width: 100%;}
/*基本页面布局*/

#intro{color: white;height: 642px;margin: 0 auto;padding: 0; position:relative; overflow:hidden; z-index:1;}
.story{margin: 0 auto;width:100%; position:fixed;}
#parent{ position:relative;width:100%; height:642px; overflow:hidden; text-align:center;}
#parent ul{ display:block;}
#parent li a{ width:100%;display:block; background-repeat:no-repeat; background-position:center;} 
#parent .next,#parent2 .next{ position:absolute; width:91px; height:100%; background: no-repeat center url("../images/next.png"); bottom:0; right:0; display:none;z-index:100; cursor:pointer;}
#parent .prev,#parent2 .prev{ position:absolute; width:91px; height:100%; background:no-repeat center url("../images/prev.png"); bottom:0; left:0; display:none; z-index:100;cursor:pointer;}
@media screen and (min-width:500px) and (max-width: 2960px){
#intro,#parent,.story,#parent li,#parent li a{ width:100%; height:642px;display:block;} 
	}

@media screen and (min-width:100px) and (max-width:500px){
#intro,#parent,.story,#parent li,#parent li a{ width:100%; height:167px;} 
	}
.titlees{ width:100%; height:auto; padding-bottom:10px; border-bottom:#999 solid 1px; overflow:hidden;}	
.titlees #time{ background:none; padding:10px 0 0 0;}.titlees #time a{ color:#333;}.titlees  h3{ font-size:18px; font-family:"微软雅黑"; color:#333;}
.titlees #Comment_tx{ margin-top:10px !important;}
#catch{ width:151px; height:151px;}
/*intro*/

#second{background: url("../images/secondBG.jpg") 50% 0 no-repeat fixed #fff;color: white;min-height:800px;margin: 0 auto;overflow: hidden;padding: 0;position:relative; overflow:hidden; z-index:2; }
#second .bg{height: auto;margin: 0 auto;padding: 0;position: relative;max-width:900px;z-index: 200;overflow:hidden;}
.index_about{ max-width:900px; height: auto; float:left; margin-top:160px; text-align:center; padding-bottom:30px; overflow:hidden; width:100%;}
.title_about{ color:#2b2b2b; font-size:42px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold;}
.index_about p{ color:#595959; font-size:14px; font-family: "微软雅黑"; padding:0 5px 0 5px; }
#title2_about{color:#3c3c3c; font-size:18px;font-weight:bold;}
.about_btn{ display:block; background:#00a0e9; padding:5px; color:#fff; line-height:30px; width:138px; height:30px; margin:50px auto; border-radius: 6px 6px 6px 6px; text-decoration:none;}
a.about_btn:hover{ background:#006796;}
.about_video{ width:960px; height:294px; float:left; position:relative;}
.about_video_in{ width:311px; height:274px; background:no-repeat center url("../images/Video_07.png"); position:relative;  top:20px; overflow:hidden;}
@media screen and (min-width:500px) and (max-width: 2960px){.about_video_in{left:30%;}.video_play{width:87%;height:400px;top:-193px;}.video_play embed{width:100%!important;height:400px !important;}}
@media screen and (min-width:100px) and (max-width:500px){.about_video_in{left:1%;}.video_play{width:31%;height:152px; top:19px}.video_play embed{width:100%!important;height:150px !important;}}
.about_video_in_hover{ width:269px; height:170px; display:block; background:no-repeat center url("../images/video1_07.jpg"); position:relative;  top:18px; left:24px; cursor:pointer;}
.hover_img{ position:absolute; top:0; left:0; display: none;}
.video_play{   position:absolute;  overflow:hidden; background:no-repeat center url("../images/loade.gif") #fff; padding:20px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);border-radius: 6px 6px 6px 6px; display:none; border:#CCC solid 1px; }
.video_play .close{ width:100px; height:20px; line-height:20px; background:#666; position:absolute; right:0; top:0; font-size:14px; color:#FFF; font-family:"微软雅黑"; text-align:center; cursor:pointer;}
.video_play a.close:hover{ color:#0CF; background: #333; }
.video_play embed{  }
/*second*/

#third{color: white;min-height: 571px;	position:relative; overflow:hidden; z-index:3;}
.third_bt{ max-width:960px; height:100px; margin:20px auto; text-align:center;}
#title_case{ color:#fff; font-size:42px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold;}
#title2_case{color:#fff; font-size:24px;font-weight:bold;}
.third_bt li{display:inline;list-style-type:none;}
.third_bt ul{margin:0 auto;text-align:center;list-style-type:none; width:100%;}
.third_bt li a{ color:#FFF; font-size:14px; font-family:"微软雅黑"; margin-left:32px; text-decoration:none;}
.third_bt li a:hover{ text-decoration:underline;}
.third_loop{max-width:1000px;min-height:344px; height:auto; margin:0 auto; position:relative; overflow:hidden; display:block; padding:40px 0 100px 0;}
.third_loop li{ width:181px; height:213px; float:left; overflow:hidden; padding:0 34px 50px 34px;}
.third_loop li .casehot{ width:151px; height:151px; position:relative; display:block; margin:0 auto; overflow:hidden;}
.third_loop li .casehot .case_hover{ display:block;width:151px; height:151px; position:absolute; top:0; left:0; background: url("../images/case_06.png") }
.third_loop li .casehot .case_hover .case_houver{ display: none;}
.case_btt{   padding-top:14px; text-align:center; display:block; width:100%;}
.case_btt a{padding:5px; display:block; width: auto; height: auto;background: url("../images/bj.png"); border:1px solid #50a890; margin:0 auto; color:#FFF; font-weight:normal; text-decoration:none;}
.case_btt a:hover{ text-decoration:underline;background:url("../images/bj2.png");}
.case_btn{ display:block; background:url("../images/bj.png"); padding:5px;  width:138px; height:18px; margin:50px 380px; border-radius: 6px 6px 6px 6px;  overflow:hidden; text-align:center;text-decoration:none;line-height:18px; color:#fff;}
a.case_btn:hover{ background:url("../images/bj2.png");}
/*third*/

#fifth{background:#FFF;height: auto;margin: 0 auto;padding: 40px 0 70px 0;position:relative; overflow:hidden; z-index:5;}
.fifth_in{ max-width:996px; height:auto; margin:0 auto; overflow:hidden;}
.fifth_tit{width:100%; height:auto; float:left; overflow:hidden;}
.fifth_tit_left{ max-width:400px; min-height:65px; float:left; overflow:hidden;}
.fifth_tit_left h3,.fifth_tit_left h3 a{ font-size:18px; font-family:"微软雅黑"; color:#0b0b0b; margin-bottom:10px; font-weight:normal; text-decoration:none;}
.fifth_tit_left h3 a:hover{ color:#09F;}
.fifth_tit_right{width:240px; height:65px; float:right; overflow:hidden;}
.fifth_tit_right_btn{ display:block; background:#00a0e9; padding:5px; color:#fff; line-height:15px; width:135px; height:15px; float:right; border-radius: 6px 6px 6px 6px; text-decoration:none; font-size:14px; text-align:center;}
a.fifth_tit_right_btn:hover{background:#006796;}
#fifth #searchform{ width:220px; height:20px; float:right; display:block; padding:15px 3px 0 0; position:relative;}
#fifth #s{ width:217px; height:16px; border:#d8d8d8 solid 1px; background:#f2f2f2; padding:2px;}
#fifth #searchsubmit{ width:17px; height:18px; position:absolute; right:3px;  top:18px; background:url("../images/searchsubmit.gif"); border:none; font-size:0; cursor:pointer;}
.fifth_tit_nav{ width:100%; height:auto; text-align: left; float:left; overflow:hidden; border-top:#CCC solid 1px; margin-top:10px; padding-top:5px;}
.fifth_tit_nav li{ float:left;}
.fifth_tit_nav a{ color:#626262; font-size:14px; font-family:"微软雅黑"; margin-right:32px; text-decoration:none;}
.fifth_tit_nav a:hover{ color:#06F;}
 #s3 ul{ width:100%;}
.fifth_loop{width:100%; height: auto; float:left; margin-top:20px; position:relative; }
 #s3{overflow:hidden; max-width:100%; height:400px;}
.fifth_loop_nr{ width:100%; float:left; height: auto; padding:20px 0; position:relative; display:block; overflow:hidden;}
.fifth_loop_nr .casehot{ width:151px; height:151px; position:relative; display:block; margin:0 auto; float:left; overflow:hidden;}
.fifth_loop_nr .casehot .case_hover{ display:block;width:151px; height:151px; position:absolute; top:0; left:0; background: url("../images/blog_01.png") }
.fifth_loop_nr .casehot .case_hover .case_houver{ display: none;}
@media screen and (min-width:500px) and (max-width: 2960px){.fifth_loop_text{ max-width:780px; padding-left:20px;}#Comment_tx{margin-left:20px;}}
@media screen and (min-width:100px) and (max-width:500px){.fifth_loop_text{ max-width:80%;padding-left:15%;}#Comment_tx{margin-left:0;}}

.fifth_loop_text{ float:left; height: auto; overflow:hidden;  position:relative;}
.fifth_loop_text h3{ font-size:18px; color:#010101; font-weight:normal; font-family:"微软雅黑";}
.fifth_loop_text a{ text-decoration:none;color:#010101;}.fifth_loop_text a:hover{ color:#06C;}
.fifth_loop_text p{ margin-top:10px; float:left;width:100%; font-size:12px;}
.fifth_loop_nr_nav{ width:100%; height:30px; overflow:hidden; float:left;}
.fifth_loop_nr_nav a{ float:right; font-size:14px; margin-left:20px; color:#333;}
#time{ display:block; float:left; background:#7f7f7f;  padding:2px 10px 2px 10px; height:16px; }
#time a{color:#FFF; line-height:16px;}#time a:hover{ text-decoration:underline;}
#Comment_tx{ display:block; float:left; padding:0 10px 0 30px;background: left no-repeat url("../images/Comment_11.gif"); }

/*fifth*/

#footer{ width:100%; height:auto; margin:0 auto;background:url("../images/thirdBG11.jpg"); overflow:hidden; position:relative; z-index:20;}
.footer_in{ max-width:960px; height:auto; margin:0 auto; padding:40px 0 40px 0; overflow:hidden;}
.footer_left{ width:500px; height:auto; float:left; overflow:hidden; border-right:solid 1px #434344;}
@media screen and (min-width:500px) and (max-width: 2960px){.footer_left{ width:500px;}.footer_right{max-width:420px;}}
@media screen and (min-width:120px) and (max-width:500px){.footer_left,.footer_right{width:100%;}}
.footer_link1 li{ width:250px; height:auto; float:left; overflow:hidden;}
.footer_link1 li a{ font-size:24px; font-family:"微软雅黑"; color:#6b6b6a; float:left; margin-bottom:10px; padding:0; background:none; text-decoration:none; height:auto; line-height:normal;}
.footer_link1 .sub-menu li a{ float:left; font-size:14px; color:#ccc; width:250px; display:block; height:18px; background: left center no-repeat url("../images/footerlink_15.gif"); padding:10px 0 0 11px; line-height:10px;text-decoration:none ; margin:0;}
.footer_link1 .sub-menu li a:hover{ color:#09C;}
.footer_right{ height:auto; float:left; overflow:hidden; padding-left:20px}
.footer_right p,.banquan p{ float:left;font-size:14px;font-family:"微软雅黑"; color:#ccc; width:100%; margin-bottom:2px; }
.footer_right b{ font-size:18px;font-family:"微软雅黑"; color:#6b6b6a; font-weight:bold;}
.footer_right a,.footer_in .link li a ,.banquan a{ color:#CCC; text-decoration:none;}
.footer_right  a:hover,.footer_in .link li a:hover,.banquan a:hover{ color:#09C;}
.footer_in .link{ width:100%; height:auto; float:left; overflow:hidden; padding:10px 0 10px 0;}
.footer_in .link b{ float:left; font-size:14px; color:#ccc; }
.footer_in .link li{ float:left; min-width:50px; margin-left:10px; display:block;}
.banquan{ border-top:1px solid  #666; margin-top:30px;padding:10px 0 0 0;width:100%; height:auto; float:left; overflow:hidden;}

/*footer*/
.post{ max-width:960px; height:auto; margin:10px auto 50px auto; overflow:hidden; position:relative; display:block;}
.post p{ font-size:14px; font-family:"微软雅黑"; color:#666;}
.post a{font-size:14px; font-family:"微软雅黑"; color: #06C; text-decoration:none;}
.post a:hover{ text-decoration:underline;}
.newcase{ background: url("../images/thirdBG.gif"); width:100%; height:auto; padding:20px 0 0 0; position:relative; z-index:20;}
.newcase .third_loop{ height:250px;}
.newcase_bt{font-size:24px; font-family:"微软雅黑"; color:#fff; margin-bottom:10px;  display:block; width:960px; margin:0 auto;}


.cat ul li{ border-bottom: dashed 1px #CCCCCC; }

.daonav{ width:960px; height:22px; overflow:hidden; margin:0 auto; color:#CCC;font-size:14px;font-family:"微软雅黑";line-height:22px; text-align:left;}
.daonav_c{ width:100%; height:22px; background:#666; padding:4px 0 5px 0;   top:60px;    position:fixed;_position:absolute; _top:expression(eval(document.documentElement.scrollTop+60));  z-index:100;}
.daonav a{font-size:14px;font-family:"微软雅黑"; color:#fff; text-decoration:none; }
.daonav a:hover{ color:#09F;}

#cat2{ float:left;}
#cat2 li{ padding-left:0; width:215px; height: 242px; padding-bottom:20px;}
#cat2 li .casehot,#cat2 li .case_hover {width:215px; height:215px;}
#cat2 li .case_hover {overflow:hidden; background-position:1000%; background-repeat:no-repeat;}
#cat2 li .case_btt { padding:0;}
#cat2 li .case_btt a{ background:none; border:none; color:#333;}
#parent2{ overflow:hidden; max-width:960px; height:auto; display: block;} 
.entry{ overflow:hidden;}
.gallery{ position:relative; height:auto;}
#parent2 ul li{ width:100%; height:500px; text-align:center;}
.gallery dl,.gallery img{ margin:0 !important; border:none !important; max-width:100%; height:auto;}
.sidbar2{  height:auto;}
.sidbar2 .current-cat a,.current_page_item a{ color:#09C !important; text-decoration:underline;}
.fifth_page{ margin:20px 0 ; float:left; overflow:hidden; width:100%;}
.fifth_page .fifth_tit_left{ min-height:25px !important;}.fifth_page .fifth_tit_nav{ margin-top:0;  padding-bottom:5px;}
.pjs{border-bottom:1px solid #ccc;}
.pager {width:100%;overflow:hidden;white-space:nowrap;padding:4px;margin-top:30px; float:left;}
.pager a {border:1px solid #ccc;color: #666;font-size:12px;margin:2px;padding:3px 6px;}
.pager a.current {border:1px solid #ccc;font-size:12px;margin:2px;padding:3px 6px;}
.pager a:hover {border:solid 1px #333;font-size:12px;color: #333;text-decoration:none;}
/*page&single.php*/

.xuanfu{ width:30px; height:100%; position:fixed;_position:absolute; _top:expression(eval(document.documentElement.scrollTop+91)); top:91px; right:0; z-index:21; }
.xuafbtn{ width:30px; height:397px; top:150px; position:fixed;_position:absolute; _top:expression(eval(document.documentElement.scrollTop+150));cursor:pointer;background: url("../images/sidebar.png")  no-repeat; z-index:10;}
.xuanfu #sidebar{ width:250px; height:100%;  left:30px; background: #EBEBEB; border-left: solid #999 1px;z-index:20; position:absolute;}
.xuanfu #sidebar .cloase{ width:250xp; height:40px;border-bottom: solid #999 1px; display:block; color:#fff; font-size:14px; text-align:center; line-height:40px; cursor:pointer;background:#333;}
.xuanfu #sidebar .widget{ width:250px; float:left; height:auto; overflow:hidden; }
.xuanfu #sidebar .widget  #searchform{ width:250px; height:30px; float: left; display:block;  position:relative;}
.xuanfu #sidebar #s{ width:250px; height:30px; border:#d8d8d8 solid 1px; background:#fff; padding:2px;}
.xuanfu #sidebar #searchsubmit{ width:17px; height:30px; position:absolute; right:11px; top:0px; background: no-repeat center url("../images/searchsubmit.gif"); border:none; font-size:0; cursor:pointer;}
.xuanfu #sidebar ul li{ width:250px; height:auto;  float:left; padding-bottom:1px; }
.xuanfu #sidebar ul li a{ padding:5px; color:#666; display:block;width:250px; height:auto;padding-left:10px; text-decoration:none;}
.xuanfu #sidebar ul li a:hover{ color:#000;background:#fff;}
.xuanfu #sidebar ul li .sub-menu { display:block; float:left;background:#FFF !important; padding-left:10px;}
.xuanfu #sidebar ul li .sub-menu li{ background:#FFF;}
.xuanfu #sidebar ul li .sub-menu li a{ color:#333;background:#FFF !important;}
.xuanfu #sidebar .widget h2{ background:#333; color:#81dcea; font-size:18px; font-family: "微软雅黑"; padding:10px 0 10px 10px; display:block; float:left; width:100%; height:auto; position:relative;}
.xuanfu #sidebar .widget .tagcloud a{ text-decoration:none; color:#0DA4D3; }
.xuanfu #sidebar .widget .tagcloud a:hover{ color:#333;}


/*xuanfu*/