/* 基本元素重置 */
body { margin:0; font-size:14px; font-family:"微软雅黑"; color:#333; min-width:1200px;}
a:link{color:#333;text-decoration: none;}
a:visited { text-decoration:none; color:#333; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }
a:hover { text-decoration:none; color:#fb811d; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;}
a:active { text-decoration:none; color:#333; }
a img, img {border:0} 
table{border-collapse:collapse;border-spacing:0;border:0;}
.clear { clear:both; zoom: 1}
.clears { clear:both; zoom: 1; height:30px;}

/* 顶部广告 */
.advbox { width:100%; height:50px; z-index:111111; background:#ebebeb; overflow:hidden;transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;position:relative  }

.flexslider { position: relative; height: 50px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 50px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width:90px; right:20px;}
.flex-control-nav li { display: inline-block; width:35px; height:6px; margin-left:5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width:35px; height:6px; line-height:80px; overflow: hidden; background:#fff; cursor: pointer;}
.flex-control-nav .flex-active { background:#fb811d }


/* top */
.top_warp { height:40px; line-height:40px; width:100%; background:#3c3c3c; color:#fff;position:relative }
.top {  width:1200px; margin:0px auto; position:relative; }
.top span { float:right; margin-right:30px; +margin-top:-40px;}
.top a { color:#fff; margin:0px 10px;}
.top span img { float:left; margin:0px 5px; }
.advbox_btn { position:absolute; right:0px; top:10px; z-index:111 }
.advbox_btn a { margin:0px;}

/* header */
#fixedmenu {width:100%;height:80px; margin:0px auto;position:relative; background:#fff; z-index:900}
.header{width:100%;height:80px; margin:0px auto;position:relative; background:#fff; z-index:900}
.logo{width:145px;padding-top:10px; float:left }
 
/* menu */
.menu { width:1200px; margin:0px auto; height:80px; z-index:999; font-size:16px;}
.menu .nav {float:right; } 
.menu .nav > li {height:75px; margin-left:25px; line-height:75px; float:left}
.menu .nav > li a {display:block; }
.menu ul li:hover a.navs,.menu ul li a.current{ color:#fb811d; border-bottom:5px solid #fb811d; height:75px;}

.clearfix {*zoom: 1;}
.clearfix:after {content: "";display: block;clear: both;font-size: 0;}
.nav_bg {}
.nav_bg li {display: none;}


.menu ul li .item-box { width:100%; display: none; position:absolute; top:80px;left:0px;background: #fff}
.menu ul li .item-box #navtab {width:1200px; margin:20px auto; }
.menu ul li .item-box .tab_menu .selected a { color:#fb811d;}
.menu ul li .item-box .hide {display:none;}

.menu ul li .item-box .tab_menu { float:left; margin-right:100px;width:250px;}
.menu ul li .item-box #tab_menus { float:right; margin-right:0px; margin-left:100px;width:250px; }
.menu ul li .item-box .tab_menu li{margin:0px; float:none;height:46px; line-height:46px; border-bottom:1px solid #ccc; width:250px; }
.menu ul li .item-box .tab_menu li a { color:#5a4141; display:block }

.menu ul li .item-box .tab_box { float:left;width:850px; margin-top:20px;}
.menu ul li .item-box #tab_boxs { float:right; width:850px;}
.menu ul li .item-box .nav_pic { float:left; margin-left:60px; width:340px; font-size:14px; color:#666; line-height:20px;}
.menu ul li .item-box .nav_pic img { margin-bottom:15px;}
 





/* main */
.main { min-height:500px; width:1000px; margin:20px auto} 
.title_f1 { font-family:myfont; font-weight:normal; font-size:60px; font-size:40px\0; height:52px; line-height:52px;text-align: center;}
.title_f2 { font-size:24px;font-weight:normal; height:36px; line-height:36px; background: url(../images/title_f2.png) no-repeat center;text-align: center; }
.titles { height:43px; line-height:43px; font-size:22px; font-family:"Arial"; background: url(../images/title03.png) no-repeat center left; text-indent:20px;} 
.titles a { float:right; margin-top:14px; +margin-top:-30px;}
a.more { display:block; color:#fe8218; width:280px; height:52px; line-height:52px; border:2px solid #fe8218; text-align:center; font-size:18px; margin:30px auto 0px auto; clear:both; -webkit-transition-property: background-color; -webkit-transition-duration:2s; -webkit-transition-timing-function: ease; }
a.more:hover { background:#fb811d; color:#fff; }
img.img_title { margin-bottom:60px;}



/* 轮播焦点图*/
.banner {width:100%;height:500px;position:relative;overflow:hidden;cursor:pointer; background:#fff; z-index:1}
.banner .DB_bgSet{position:relative;}
.banner .DB_bgSet li{position:absolute;width:100%;height:500px;display:none;}
.banner .DB_imgSet{position:absolute;width:1200px;left:40%;margin-left:-290px;}
.banner .DB_imgSet .DB_1_1{position:absolute;left:70px;top:120px;}
.banner .DB_imgSet .DB_1_2{position:absolute;left:20px;top:200px}
.banner .DB_imgSet .DB_1_3{position:absolute;left:360px;top:80px}
.banner .DB_imgSet .DB_2_1{position:absolute;left:-100px;top:155px;}
.banner .DB_imgSet .DB_2_2{position:absolute;left:420px;top:180px}
.banner .DB_imgSet .DB_2_3{position:absolute;left:540px;top:80px}
.banner .DB_imgSet .DB_3_1{position:absolute;left:120px;top:80px;}
.banner .DB_imgSet .DB_3_2{position:absolute;left:550px;top:150px}
.banner .DB_imgSet .DB_3_3{position:absolute;left:720px;top:190px}
.banner .DB_imgSet .DB_3_4{position:absolute;left:540px;top:300px}
.banner .DB_menuWrap{ position: relative}
.banner .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:470px;text-align:center;font-size:0; border-radius:20px;}
.banner .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}


.banner .DB_prev{position:absolute;left:100px;top:50%;margin-top:-20px;cursor:pointer;display:none}
.banner .DB_next{position:absolute;right:100px;top:50%; margin-top:-20px;cursor:pointer;display:none}
@media screen and (max-width: 1800px) {
.banner { height:420px;}
.banner .DB_bgSet li{ height:420px; }
 .banner .DB_menuWrap .DB_menuSet{ top:390px;}
}
@media screen and (max-width: 1660px) {
.banner { height:400px;}
.banner .DB_bgSet li{ height:400px; }
 .banner .DB_menuWrap .DB_menuSet{ top:370px;}
}
@media screen and (max-width: 1440px) {
.banner { height:380px;}
.banner .DB_bgSet li{ height:380px; }
 .banner .DB_menuWrap .DB_menuSet{ top:350px;}
}

/* 关于我们 */
.about_us_warp { width:100%;height:600px; padding:80px 0px;background:#fff}
.about_us { height:600px; width:1000px; margin:0px auto;  text-align:center; }
.about_us h2.about_title { font-size:36px; font-weight:normal; margin-top:60px;}
.about_us p.about_text { font-size:14px; padding:20px 100px;}
/* 动态数字 */
.count { width:640px; height:110px; margin:30px auto 0px auto; position: relative; }
.count ul li { float:left; padding:0px 15px;text-align: center; font-size:50px; font-weight:bold}
.count .count-text { font-size:18px; font-weight:normal; }
 
  

/* 案例展示 */
.cases { width:100%; margin:0px auto; text-align:center; border-top:1px solid #ccc; padding:80px 0px; background:#fff}
.cases p { margin:20px auto 50px auto; font-size: 14px;color:#555555;}
.cases ul { +margin-left:50px; }
.cases ul li { float:left; width:20%; +width:19%; height:auto;position:relative; background:#fff; overflow: hidden; border:none; }
.cases ul li a.pic { display:block; width:100%; height:auto;border:none;}
.cases ul li a.pic img { width:100%; height:auto;min-height:190px;min-width:290px; display:block; z-index:100;border:none; }
.cases ul li:hover a.pic img { width:100%;height:auto; display:block;filter:alpha(opacity=20);/*支持 IE 浏览器*/ -moz-opacity:0.20;/*支持 FireFox 浏览器*/ opacity:0.20;/*支持 Chrome, Opera, Safari 等浏览器*/ }

.cases ul li .case_more { width:100%; height:100px;  position:absolute; top:20%; text-align:center; background-position:center;color:#fb811d;font-size:16px; left:0px;display: none;}
.cases ul li:hover .case_more { display: block; width:100%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia.png) no-repeat bottom center; +background:none}

 
/* 项目 */
.projects_bg {  height:100%; width:100%; overflow:hidden; background: url(../images/projects_bg.jpg) no-repeat center fixed;   } 
.projects_about { width:1000px; height:320px;margin:0px auto; padding:110px 0px; text-align:left; color:#fff; line-height:32px;font-size:18px;text-transform:uppercase }
.projects_about h2 { font-size:36px; font-weight:normal; line-height:50px;}

.projects { width:100%; height:380px; margin:0px auto; padding:80px 0px; text-align:center;font-size:16px; background:#fff}
.projects h3 { font-size:30px; font-weight:normal; margin-bottom:10px;}
.projects p font { color:#999;font-size:18px }
 
/* 项目图标 */  
.business {position:relative; height:450px; margin:60px auto; }
.business .box {position:relative; -webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;font-family:"微软雅黑"; }
 
.business .box ul.items {margin:0 auto; width:1200px;}
.business .box ul.items li {width:200px; margin:0px 20px;float:left;height:280px; background:url(../Images/bg_green.png) no-repeat 0px 400px;overflow:hidden;}
.business .box ul.items li i {	display:block;position:relative;margin:0 auto;margin-top:43px;height:73px;}
.business .box ul.items li.pc i {width:69px;    background:url(../Images/words.png) no-repeat -412px -291px;}
.business .box ul.items li.mobi i {	width:76px;background:url(../Images/words.png) no-repeat -415px -362px;}
.business .box ul.items li.sys i {width:74px;background:url(../Images/words.png) no-repeat -244px -436px;}
.business .box ul.items li.app i {width:74px;background:url(../Images/words.png) no-repeat -243px -357px;}
.business .box ul.items li.host i {width:79px;background:url(../Images/words.png) no-repeat -420px -439px;}
.business .box ul.items li u {display:block;position:absolute;width:156px;height:156px; overflow:hidden;margin-left:22px;background:url(../Images/words.png) no-repeat 0px -363px; -webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s; +background:none;}
.business .box ul.items li u.cl {clip:rect(0px, 156px, -10px, 78px);}
.business .box ul.items li u.cl {clip:rect(0px,156px,156px,78px);}
.business .box ul.items li u.cr {clip:rect(156px,78px,156px,0px);}
.business .box ul.items li u.cr {clip:rect(0px,78px,156px,0px);}
.business .box ul.items li strong {display:block;margin-top:60px;font-size:18px;font-weight:normal;text-align:center;}
.business .box ul.items li p {position:relative;top:160px;color:#fff; font-size:14px;line-height:20px;text-align:center;}
.business .box ul.items li:hover {background-position:0px 0px;-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
.business .box ul.items li:hover i {-webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s;}
.business .box ul.items li.pc:hover i {background:url(../Images/words.png) no-repeat -334px -291px;}
.business .box ul.items li.mobi:hover i {background:url(../Images/words.png) no-repeat -327px -362px;}
.business .box ul.items li.sys:hover i {background:url(../Images/words.png) no-repeat -164px -436px;}
.business .box ul.items li.app:hover i {background:url(../Images/words.png) no-repeat -166px -357px;}
.business .box ul.items li.host:hover i {background:url(../Images/words.png) no-repeat -335px -439px;}
.business .box ul.items li:hover u.cl {clip:rect(0px, 156px, -10px, 78px);}
.business .box ul.items li:hover u.cr {clip:rect(156px,78px,156px,0px);}
.business .box ul.items li:hover strong {color:#fff;-webkit-transition-delay:.4s;-moz-transition-delay:.4s; -ms-transition-delay:.4s; -o-transition-delay:.4s; transition-delay:.4s;}
.business .box ul.items li:hover p {top:10px;-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s;}
 
 
 
/* 品牌 */
.brand { width:100%; height:430px; padding:80px 0px; text-align:center; background:#eee; overflow:hidden}
.brand h3 { font-size:30px; font-weight:normal; height:70px; line-height:70px;}
.brand p font { font-size:18px; color:#999}
.brand .brand_li { width:1200px; margin:50px auto;  }
.brand .brand_li ul { width:1250px;}
.brand .brand_li ul li { width:380px; height:320px; float:left; margin-right:30px; text-align:left; color:#666; line-height:24px; z-index:1 } 
.brand .brand_li ul li:hover {  z-index:1000; position: relative;}
.brand .brand_li img { width:380px; height:220px; margin-bottom:10px;position:relative;z-index:1;}
.brand .brand_li img:hover { position:relative;z-index:1000;width:100%; height:220px;margin-bottom:35px; -webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);box-shadow: 0 0 10px 2px rgba(0,0,0,.4); transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  +filter:alpha(opacity=50);/*支持 IE 浏览器*/ }

 
/* 资讯 */
.news_warp { width:100%; height:1050px; padding:80px 0px 0px 0; background:#fff; }
.news { width:1200px; height:1050px; text-align:center; overflow:hidden; margin:0px auto}
.news h3 { font-size:30px; font-weight:normal; height:70px; line-height:70px;}
.news p font { font-size:18px; color:#999; }
.news .news_left { width:570px; float:left; margin-top:50px; text-align: left; overflow:hidden }
.news .news_left .news_left_a ul { width:600px;height:230px; border-bottom:1px solid #ccc }
.news .news_left .news_left_a ul li { width:275px; height:230px; float:left; margin-right:20px; overflow:hidden } 
.news .news_left .news_left_a ul li p { height:50px; line-height:24px; overflow:hidden; margin-top:10px; } 
.news .news_left .news_left_a ul li p span { width:55px; height:45px; padding-top:5px; display:block; float:left; background:#7e7e7e; margin-right:10px; color:#fff; font-size:12px; text-align:center }
.news .news_left .news_left_a ul li p span b { font-size:24px;}
.news .news_left .news_left_a ul li:hover p span { background:#fb811d; -webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease;    
  -webkit-transition:all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -o-transition:all 2s ease-in-out;
    -ms-transition:all 2s ease-in-out;    
    transition:all 2s ease-in-out;}
.news .news_left .news_left_a ul li.focus p span { background:#fb811d; 
  -webkit-transform:rotate(720deg) scale(1,1);
    -moz-transform:rotate(720deg) scale(1,1);
    -o-transform:rotate(720deg) scale(1,1);
    -ms-transform:rotate(720deg) scale(1,1);
    transform:rotate(720deg) scale(1,1);}

.news .news_left .news_left_b ul { width:600px;height:400px; }
.news .news_left .news_left_b ul li { width:275px; height:100px; float:left; margin-right:20px;font-size:12px; color:#666; line-height:20px; margin-top:25px; } 
.news .news_left .news_left_b ul li a { font-size:16px; color:#333; display:block;margin-bottom:10px;font-weight:bold;transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }
.news .news_left .news_left_b ul li:hover a {color:#fb811d}
.news .news_left .news_left_b ul li .news_time {line-height:32px;height:32px;}
.news .news_left .news_left_b ul li p { height:60px;overflow:hidden}

.news .news_right { width:580px; float:left; margin-top:50px; margin-left:50px; text-align:left}
.news .news_right ul li { height:90px;border-bottom:1px solid #ccc; margin-bottom:25px; font-size:12px; color:#666; line-height:20px;  position:relative;padding-bottom: 12px;}
.news .news_right ul li a { font-size:16px; color:#333; display:block;margin-bottom:10px;font-weight:bold;transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }
.news .news_right ul li:hover a {color:#fb811d}
.news .news_right ul li p { height:60px;overflow:hidden}
.news .news_right ul li .news_time {line-height:32px; height:32px; }

.news .line{display:inline-block;background:#fb811d;position:absolute;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.news .line_top{height:2px;width:0;left:-50%;top:-12px;}
.news ul li:hover .line_top{width:100%;left:-2px;}
.news .line_left{height:2px;width:0;right:-50%;bottom:-2px;}
.news ul li:hover .line_left{width:100%;right:-2px;}
 

/* link */
.link_warp { width:100%; line-height:40px; background:#ebebeb; }
.link_warp .link { width:1200px; margin:0px auto;position:relative}
.link h3 { font-size:18px; font-weight:normal; position:absolute; left:0px; }
.link_list{ margin-left:100px; width:1100px; background:#ebebeb; }
.link_list ul li { float:left; height:40px; margin:0px 10px;line-height:40px; overflow:hidden }
.link_list .boxmore{ position:absolute; right:0px; top:10px;}
.link_list .boxmore a{ display:block;width:22px;line-height:22px;background:url(../images/link_down.png) no-repeat right 0; }
 
 
/* foot */
.foot_warp { width:100%; height:595px; background:url(../images/foot_bg.png) no-repeat center }
.foot { width:1200px; margin:0px auto;line-height:30px; color:#fff; }
.foot a { color:#fff }
.foot a:hover {color:#fb811d}
.foot .foot_msg { height:115px; width:1200px; line-height:135px; border-bottom:1px solid #fff; font-size:36px; }
.foot .foot_list { height:280px; margin:30px 0px 50px 0px;}
.foot .foot_nav { margin-right:20px; width:180px; height:330px; float:left;}
.foot .foot_nav h3 { font-size:18px; font-weight:normal}

.foot_contact { width:400px; float:left; margin-right:40px;}
.foot_contact a { margin:0px 5px;}
.qr_code { width:100px; float:left; text-align:center; line-height:24px;}
.foot_contact span { font-size:18px; margin-right:5px; }
.foot .copyright span { float:right; +margin-top:-18px;}
.guild { height:55px; width:600px; margin:10px auto; font-size:12px; } 
.guild ul li { float:left; margin-right:10px; line-height:18px;width:140px; line-height:55px;}
.guild ul li img { margin-right:5px; vertical-align:middle; float:left }
.guild ul li p { float:left; margin-top:12px; line-height:18px;}


/*侧栏快捷*/
.bottom_tools{position:fixed;z-index:9999;left:30px;bottom:40px;}
.bottom_tools>*{font:0/0 a;display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
.qr_img{position:absolute;top:-230px;left:3px;display:none;}
#scrollUp{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-54px -53px;display:none;}
#scrollUp:hover{background-image:url(../images/backgrounds.32.png);background-position:-100px -53px}
#feedback{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-102px 0}
#feedback:hover{background-image:url(../images/backgrounds.32.png);background-position:-146px -46px}
.qr_tool{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-148px 0;cursor:pointer;}
.qr_tool:hover {width: 45px;height: 45px;background-image: url(../images/backgrounds.32.png);background-position: -192px -46px;}


/*--网站建设--*/
.clear { clear:both; zoom: 1}
.clears { clear:both; zoom: 1; height:30px;}
 

#subNav {height:75px;padding-top:5px;border-bottom:2px solid #EAEAEA;width:100%;text-align: center;overflow: hidden;background: #fff;}
#subNav .wrap{width:600px;margin:auto;}
#subNav li{float:left; margin:0px 10px; width:100px;height:80px;line-height:80px;text-align:center;}
#subNav a{line-height:70px;float:left;color:#333333;font-size:16px;}
#subNav a:hover,#subNav .adv_active a{line-height:70px;color:#FE8218;font-size:16px;border-bottom: 5px solid #FE8218;text-decoration: none;}
.fixedSubNav{position:fixed;top:0;left:0;z-index:1000}
 
.hiddens {display: none !important}
.empty {height:80px}

#banner{width:100%; }
#footer{width:100%;}

.nytitle1{height:75px;padding-top:5px;border-bottom:2px solid #EAEAEA;width:100%;position: relative;text-align: center;overflow: hidden;}
.nytitle1 ul{float:left;position: relative;left:50%;}
.nytitle1 ul li{line-height:70px;height:70px;float:left;color:#FE8218;margin:0 27px;padding-bottom:5px;position:relative;right:50%;}
.nytitle1 ul li a{line-height:70px;float:left;color:#333333;font-size:16px;}
.nytitle1 ul li a:hover{line-height:70px;color:#FE8218;font-size:16px;border-bottom: 5px solid #FE8218;text-decoration: none;}

#demo{width:1200px;height:420px;margin:0 auto; overflow:hidden }
#demo img{width:170px; height:420px; }
#demo li{float:left;position:relative;width:170px;height:100%;overflow:hidden;cursor:pointer; background:#eeeeee; text-align:center}
#demo li img{transition:1.2s;}
#demo li div{position:absolute;top:120px;left:60px;width:220px;height:220px; background:url(../images/liujiao.png) no-repeat center top;font-size:50px; color:#fff; line-height:110px; display:none}
#demo li div a{color:#FFF;}
#demo li div p { font-size:18px; color:#333; line-height:28px; margin-top:30px;}
#demo li.active{z-index:3;width:340px; }
#demo li.active div { display:block}
#demo li.active img{ display:none; }

.pic_box { width:1200px; margin:20px auto;}
#result{ height:910px; overflow:hidden; width:1200px; margin:0 auto; text-align:left;}
#result ul { width:1230px;}
#result ul li{width:380px;  float:left; height:310px; }
#result ul li img{ width:380px; height:220px; }

#loader{ width:32px; opacity:0; margin:0px auto;}
#btntest{ cursor:pointer; border:2px solid #FF5A10; margin:0 auto; background:#fff; height:48px; line-height:48px; display:block; width:198px; text-align:center;margin-bottom: 30px;font-size: 18px;color:#FF8418;}
#btntest:hover{background: #FF8418;color:#fff;transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;}

#demo_jj{}
#demo_jj ul li{ height:225px;position:relative; overflow:hidden;}
#demo_jj ul li span{ width:68px; height:141px; display:block; position:absolute; left:0; top:0;}
#demo_jj ul li span.a1{background: url(../images/jjbg.png);}
#demo_jj ul li span.a2{background: url(../images/jjbg.png);background-position: -67px 0px;}
#demo_jj ul li span.a3{background: url(../images/jjbg.png);background-position: -135px 0px;}
#demo_jj ul li span.a4{background: url(../images/jjbg.png);background-position: -203px 0px;}
#demo_jj ul li span.a5{background: url(../images/jjbg.png);background-position: 270px 0px;}
#demo_jj ul li span.a6{background: url(../images/jjbg.png);background-position: 202px 0px;}
#demo_jj ul li span.a7{background: url(../images/jjbg.png);background-position: 135px 0px;}
#demo_jj ul li span.a8{background: url(../images/jjbg.png);background-position: 68px 0px;}

#demo_jj ul li a{color:#656565; font-size:12px;}
#demo_jj ul li:hover a{ text-decoration:none; color:#FE8218;}

/* 网站建设banner */
.bannerpic {width:100%;height:463px;position:relative;overflow:hidden;cursor:pointer; background: url(../images/wzjsbanner/banenr_bg.png) no-repeat center;}
.bannerpic .DB_imgSet{position:absolute;width:1200px;left:50%;margin-left:-500px;}
.bannerpic .DB_imgSet .DB_1_1{position:absolute;left:470px;top:60px;}
.bannerpic .DB_imgSet .DB_1_2{position:absolute;left:360px;top:220px}
.bannerpic .DB_imgSet .DB_1_3{position:absolute;left:760px;top:200px}

/* 列表页图片效果 */
.pics_wzjs_big { width:100%; margin:0px auto; text-align:center;}
 
.pics_wzjs_big .core { float:left; width:584px; height:300px;position:relative; overflow:hidden   }
.pics_wzjs_big .core img { width:584px;height:300px; z-index:1;  }

.pics_wzjs_big .core .pic_bg { width:0; height:0; background:#fff; position:absolute; top:50%; left:50%; z-index:0}
.pics_wzjs_big .core:hover .pic_bg {width:100%; height:100%;top:0; left:0; opacity:0.80; filter:alpha(opacity=80);/*支持 IE 浏览器*/ -moz-opacity:0.80;/*支持 FireFox 浏览器*/ +filter:alpha(opacity=50);/*支持 IE 浏览器*/  transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

.pics_wzjs_big .core .pic_text { width:100%; height:100px;  position:absolute; top:50%; text-align:center; background-position:center;color:#fb811d;font-size:20px; opacity:0;filter:alpha(opacity=0);-moz-opacity:0; z-index:11}
.pics_wzjs_big .core:hover .pic_text { opacity:1;filter:alpha(opacity=1);-moz-opacity:1; top:20%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
 
.pics_wzjs_big .core .pic_more { width:68px; height:64px;  position:absolute; top:100%; left:44%; z-index:11 }
.pics_wzjs_big .core:hover .pic_more { top:36%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia.png) no-repeat bottom center; }
.pics_wzjs_big .core:hover .pic_more:hover { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia2.png) no-repeat bottom center; +background:none;  -webkit-transform:rotate(270deg) scale(1,1);
    -moz-transform:rotate(180deg) scale(1,1);
    -o-transform:rotate(180deg) scale(1,1);
    -ms-transform:rotate(180deg) scale(1,1);
    transform:rotate(180deg) scale(1,1);}

.pics_wzjs_small { width:100%; margin:0px auto; text-align:center;}
 
.pics_wzjs_small .core { float:left; width:277px; height:270px;position:relative; overflow:hidden   }
.pics_wzjs_small .core img { width:277px;height:270px; z-index:1;  }

.pics_wzjs_small .core .pic_bg { width:0; height:0; background:#fff; position:absolute; top:50%; left:50%; z-index:0}
.pics_wzjs_small .core:hover .pic_bg {width:100%; height:100%;top:0; left:0; opacity:0.80; filter:alpha(opacity=80);/*支持 IE 浏览器*/ -moz-opacity:0.80;/*支持 FireFox 浏览器*/ +filter:alpha(opacity=50);/*支持 IE 浏览器*/  transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

.pics_wzjs_small .core .pic_text { width:100%; height:100px;  position:absolute; top:50%; text-align:center; background-position:center;color:#fb811d;font-size:20px; opacity:0;filter:alpha(opacity=0);-moz-opacity:0; z-index:11}
.pics_wzjs_small .core:hover .pic_text { opacity:1;filter:alpha(opacity=1);-moz-opacity:1; top:20%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
 
.pics_wzjs_small .core .pic_more { width:68px; height:64px;  position:absolute; top:100%; left:36%; z-index:11 }
.pics_wzjs_small .core:hover .pic_more { top:36%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia.png) no-repeat bottom center; }
.pics_wzjs_small .core:hover .pic_more:hover { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia2.png) no-repeat bottom center; +background:none;  -webkit-transform:rotate(270deg) scale(1,1);
    -moz-transform:rotate(180deg) scale(1,1);
    -o-transform:rotate(180deg) scale(1,1);
    -ms-transform:rotate(180deg) scale(1,1);
    transform:rotate(180deg) scale(1,1);}


.pics_case_alzs { width:100%; margin:0px auto; text-align:center;}
 
.pics_case_alzs .core { float:left; width:380px; height:220px;position:relative; overflow:hidden   }
.pics_case_alzs .core img { width:380px;height:220px; z-index:1;  }

.pics_case_alzs .core .pic_bg { width:0; height:0; background:#fff; position:absolute; top:50%; left:50%; z-index:0}
.pics_case_alzs .core:hover .pic_bg {width:100%; height:100%;top:0; left:0; opacity:0.80; filter:alpha(opacity=80);/*支持 IE 浏览器*/ -moz-opacity:0.80;/*支持 FireFox 浏览器*/ +filter:alpha(opacity=50);/*支持 IE 浏览器*/  transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

.pics_case_alzs .core .pic_text { width:100%; height:100px;  position:absolute; top:50%; text-align:center; background-position:center;color:#fb811d;font-size:20px; opacity:0;filter:alpha(opacity=0);-moz-opacity:0; z-index:11}
.pics_case_alzs .core:hover .pic_text { opacity:1;filter:alpha(opacity=1);-moz-opacity:1; top:20%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
 
.pics_case_alzs .core .pic_more { width:68px; height:64px;  position:absolute; top:100%; left:41%; z-index:11 }
.pics_case_alzs .core:hover .pic_more { top:36%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia.png) no-repeat bottom center; }
.pics_case_alzs .core:hover .pic_more:hover { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia2.png) no-repeat bottom center; +background:none;  -webkit-transform:rotate(270deg) scale(1,1);
    -moz-transform:rotate(180deg) scale(1,1);
    -o-transform:rotate(180deg) scale(1,1);
    -ms-transform:rotate(180deg) scale(1,1);
    transform:rotate(180deg) scale(1,1);}


.pics_case_yanshi { width:100%; margin:0px auto; text-align:center;}
 
.pics_case_yanshi .core { float:left; width:516px; height:291;position:relative; overflow:hidden   }
.pics_case_yanshi .core img { width:516px;height:291; z-index:1;  }

.pics_case_yanshi .core .pic_bg { width:0; height:0; background:#fff; position:absolute; top:50%; left:50%; z-index:0}
.pics_case_yanshi .core:hover .pic_bg {width:100%; height:100%;top:0; left:0; opacity:0.80; filter:alpha(opacity=80);/*支持 IE 浏览器*/ -moz-opacity:0.80;/*支持 FireFox 浏览器*/ +filter:alpha(opacity=50);/*支持 IE 浏览器*/  transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

.pics_case_yanshi .core .pic_text { width:100%; height:100px;  position:absolute; top:50%; text-align:center; background-position:center;color:#fb811d;font-size:20px; opacity:0;filter:alpha(opacity=0);-moz-opacity:0; z-index:11}
.pics_case_yanshi .core:hover .pic_text { opacity:1;filter:alpha(opacity=1);-moz-opacity:1; top:20%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
 
.pics_case_yanshi .core .pic_more { width:68px; height:64px;  position:absolute; top:100%; left:43%; z-index:11 }
.pics_case_yanshi .core:hover .pic_more { top:36%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia.png) no-repeat bottom center; }
.pics_case_yanshi .core:hover .pic_more:hover { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia2.png) no-repeat bottom center; +background:none;  -webkit-transform:rotate(270deg) scale(1,1);
    -moz-transform:rotate(180deg) scale(1,1);
    -o-transform:rotate(180deg) scale(1,1);
    -ms-transform:rotate(180deg) scale(1,1);
    transform:rotate(180deg) scale(1,1);}


.pics_case_xgal { width:100%; margin:0px auto; text-align:center;}
 
.pics_case_xgal .core { float:left; width:280px; height:170px;position:relative; overflow:hidden   }
.pics_case_xgal .core img { width:280px;height:170px; z-index:1;  }

.pics_case_xgal .core .pic_bg { width:0; height:0; background:#fff; position:absolute; top:50%; left:50%; z-index:0}
.pics_case_xgal .core:hover .pic_bg {width:100%; height:100%;top:0; left:0; opacity:0.80; filter:alpha(opacity=80);/*支持 IE 浏览器*/ -moz-opacity:0.80;/*支持 FireFox 浏览器*/ +filter:alpha(opacity=50);/*支持 IE 浏览器*/  transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

.pics_case_xgal .core .pic_text { width:100%; height:100px;  position:absolute; top:50%; text-align:center; background-position:center;color:#fb811d;font-size:20px; opacity:0;filter:alpha(opacity=0);-moz-opacity:0; z-index:11}
.pics_case_xgal .core:hover .pic_text { opacity:1;filter:alpha(opacity=1);-moz-opacity:1; top:20%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
 
.pics_case_xgal .core .pic_more { width:68px; height:64px;  position:absolute; top:100%; left:37%; z-index:11 }
.pics_case_xgal .core:hover .pic_more { top:36%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia.png) no-repeat bottom center; }
.pics_case_xgal .core:hover .pic_more:hover { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia2.png) no-repeat bottom center; +background:none;  -webkit-transform:rotate(270deg) scale(1,1);
    -moz-transform:rotate(180deg) scale(1,1);
    -o-transform:rotate(180deg) scale(1,1);
    -ms-transform:rotate(180deg) scale(1,1);
    transform:rotate(180deg) scale(1,1);}

.showMorehandle{ cursor:pointer; border:2px solid #FF5A10; margin:0 auto; background:#fff; height:48px; line-height:48px; display:block; width:198px; text-align:center;margin-bottom: 30px;font-size: 18px;color:#FF8418;clear:both;}
.showMorehandle:hover{background: #FF8418;color:#fff;transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;}

/*顶部广告图*/
.slide_fade{overflow:hidden;position:relative;width:;height:50px;}
.slide_fade .box{overflow:hidden;position:relative;width:;height:50px;z-index:4;}
.slide_fade .box a{color:#000;}
.slide_fade .box a:hover{text-decoration:none;}
.slide_fade .list{overflow:hidden;height:9999px;}
.slide_fade .list li{position:relative;width:100%;height:50px;margin:auto;}
.slide_fade .list img{_vertical-align:top;}
.slide_fade .txt1{cursor:pointer;width:980px;height:50px;overflow:hidden;margin:0 auto;padding:0px 0px;}
.slide_fade .btn{z-index:50000;position:absolute;top:34px;height:14px;left:90%;}
.slide_fade .btn a{color:#555;text-decoration:none;}
.slide_fade .btn li{overflow:hidden;float:left;width:35px;height:6px;overflow:hidden;margin-left:5px;background:#fff;line-height: 50px;}
.slide_fade .btn li:first-child{margin-left:0;}
.slide_fade .btn .selected{position:relative;background:#FB811D;}
.slide_fade .btn h3{padding:4px 0 0 0;font:12px/20px "\5b8b\4f53";text-indent:2px;}
.slide_fade .btn p{color:#999;font:12px/20px "\5b8b\4f53";text-indent:2px;}
.slide_fade .btn p a{color:#999;}
.slide_fade .btn p a:hover{text-decoration:underline;}