@charset "utf-8";
/*------------------通用样式-------------------*/

body {font-family: "微软雅黑"; background-color:#FFF;}
* {margin:0;padding:0;}
ul, ol, li {list-style:none}
a {text-decoration: none; font-size:12px; color:#333;}
a:hover {color:#c;}
img {margin:0;padding:0;border:none;}
.clear {clear:both;margin:0px;padding:0px;}
form {display: block;}
#all {width: 100%;margin:0px auto;height: auto;min-width:1200px;overflow:hidden;background-color:#FFF;}
#alla{width: 100%;margin:0px auto;height: auto;min-width:1200px;overflow:hidden;background-color:#f4f5f6;}
.nav ul li h2,.ce_nav li h3,.nava ul li h2{font-weight:normal;}
.clearfix::before,.clearfix:active{display: table;clear: both;content: "";}

/*--------------------通用样式结束----------------------*/



/*-------头部样式 开始--------*/

.header {width:100%; height:85px; margin:0px auto; overflow:hidden; position:relative; z-index:999;}
.head_inside{width:1200px; height:85px; overflow:hidden; margin-left:auto; margin-right:auto;}

.logo{height:55px; overflow:hidden; float:left; margin-top:15px;}
.logo a{ display:block;}

.head_r{float:right;}
.nav{height:50px; margin-top:15px; position:relative;}
.nav ul{clear:both;}
.nav ul li{float:left; margin-left:20px; height:50px; width:80px; }
.nav ul li a{height:50px; width:80px; display:block; color:#FFF; font-size:18px; line-height:50px; text-align:center;}
#navBd{position:relative;}
.navHover a{color:#fff;}
#navSelected{position:absolute;top:0;width:80px;height:50px;background:url(../images/header.png) no-repeat  0 bottom;}

/*-------头部样式 结束----------*/



/*--------banner样式 开始-------*/

.banner{width:100%; height:700px; overflow:hidden; margin:0px auto; position: relative; margin-top:-85px;}

/*-------首页banner特效------*/

.banner_index {width:100%;height:700px;position:relative;overflow:hidden;}
.banner_index .DB_bgSet{position:relative;}
.banner_index .DB_bgSet li{position:absolute;width:100%;height:700px;display:none;}
.banner_index .DB_imgSet{position:absolute;width:988px;left:50%;margin-left:-500px; margin-top:120px;}
.banner_index .DB_imgSet .DB_1_1{position:absolute;left:20px;top:120px; width:500px; height:60px; line-height:60px; font-size:30px; color:#FC0; font-weight:bold; display:block; overflow:hidden;}
.banner_index .DB_imgSet .DB_1_2{position:absolute;left:20px;top:200px; width:260px; height:90px; line-height:30px; font-size:14px; color:#fff; overflow:hidden;}
.banner_index .DB_imgSet .DB_1_4{position:absolute;left:20px;top:320px; width:140px; height:40px; line-height:40px; font-size:14px; color:#333; display:block; background-color:#FFF; border-radius:40px; text-align:center;}
.banner_index .DB_imgSet .DB_1_4:hover{background-color:#FC0; color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.banner_index .DB_imgSet .DB_1_3{position:absolute;left:600px;top:100px; width:440px; height:330px; display:block; overflow:hidden;}
.banner_index .DB_imgSet .DB_1_3a{position:absolute;left:0px;top:0px; width:440px; height:330px;}
.banner_index .DB_imgSet .DB_2_1{position:absolute;left:20px;top:120px;}
.banner_index .DB_imgSet .DB_2_2{position:absolute;left:20px;top:220px}
.banner_index .DB_imgSet .DB_2_3{position:absolute;left:540px;top:0px}
.banner_index .DB_imgSet .DB_3_1{position:absolute;left:520px;top:120px;}
.banner_index .DB_imgSet .DB_3_2{position:absolute;left:520px;top:200px}
.banner_index .DB_imgSet .DB_3_3{position:absolute;left:-100px;top:0px}
.banner_index .DB_imgSet .DB_4_1{position:absolute;left:120px;top:0px;}
.banner_index .DB_imgSet .DB_4_2{position:absolute;left:540px;top:120px}
.banner_index .DB_imgSet .DB_4_3{position:absolute;left:690px;top:150px}
.banner_index .DB_imgSet .DB_4_4{position:absolute;left:540px;top:250px}
.banner_index .DB_imgSet .DB_4_5{position:absolute;left:770px;top:0px}
.banner_index .DB_menuWrap{position:absolute; width:100%;}
.banner_index .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:530px;text-align:center;font-size:0; border-radius:20px;}
.banner_index .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 5px;display:inline}
.banner_index .DB_prev{position:absolute;left:50px;top:170px;cursor:pointer;display:none}
.banner_index .DB_next{position:absolute;right:50px;top:170px;cursor:pointer;display:none}


/*-------banner样式 结束--------*/


.main{width:100%; margin-left:auto; margin-right:auto; clear:both;}

/*------首页-一站式服务样式--------*/

.one_stop{width:100%; padding-top:50px; padding-bottom:50px;}
.os_frame{width:1200px; margin-left:auto; margin-right:auto; margin-top:40px;}
.same_title{width:1200px; height:60px; margin-left:auto; margin-right:auto;}
.en_name{width:1200px; height:30px; line-height:30px; font-size:24px; color:#666; text-align:center; font-weight:bold;}
.ch_name{width:1200px; height:20px; line-height:20px; font-size:18px; color:#333; text-align:center; margin-top:10px;}

.os_slogan{width:1200px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#999; margin-top:20px; margin-left:auto; margin-right:auto;}
.m_btn{width:200px; height:40px; text-align:center; font-size:14px; line-height:40px; border-radius:50px; color:#999; border:1px solid #CCC; display:block; margin-left:auto; margin-right:auto; margin-top:40px; }
.m_btn:hover{background-color:#0FA1D3; color:#FFF; border:1px solid #0FA1D3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

/*--------一站式服务特效代码---------*/


#wrap {width: 1200px; margin-left:auto; margin-right:auto;overflow: hidden; margin-top:60px;}
section {display: block;position: relative;width: 100%;}
h1.jumbo {font-size: 80px;margin: 0;color: #999999; text-align:center;}

.os_single{width:295px; float: left; border-right:5px solid #0FA1D3;}
.count-text{line-height:30px; font-size:16px; color:#333; text-align:center;}
.os_single.no_m{border:0px;}



/*--------首页-服务项目样式----------*/

.i_project{width:100%; padding-top:50px; padding-bottom:60px; background-image:url(project.jpg); background-repeat:no-repeat; background-position:top center; background-color:#f4f5f6;}
.iproject_frame{width:1200px; margin-left:auto; margin-right:auto;}



/*= common css to all effects =*/
.single-member{width: 270px; float: left; margin-top:70px; margin-right:30px; background-color: #fff; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
.member-info h3 a { margin: 10px 0 0; text-transform: uppercase; font-size:18px; display:block;}
.member-info h3 a:hover{color:#0FA1D3;}
.member-info h5 {font-size: 12px; font-weight: 300; margin: 0 0 15px; line-height: 30px; margin-top:0px; color:#666;}

.member-info p {font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px; color:#333;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/



/*= effect-3 css =*/
.effect-3{height: 275px; overflow: hidden;}
.effect-3 h3{padding-top:20px; line-height: 30px; font-size:18px; color:#333;}
.effect-3 .member-image{transition: 0.4s; height: 180px; width: 100%; display: inline-block; float: none; vertical-align: middle;}
.effect-3 .member-info{transition: 0.4s;}
.effect-3 .member-image img{width: 100%; vertical-align: bottom;}
.effect-3 .social-touch{background-color: #75C5F0; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-3:hover .member-image{border-bottom: 0; border-radius: 0 0 100px 100px; height: 73px; display: inline-block; overflow: hidden; width: 110px; transition: 0.4s;}
/*= effect-3 css end =*/




/*--------首页-主营业务样式--------*/

.i_business{width:100%; padding-top:50px; padding-bottom:60px; }

.ib_frame{width:1200px; margin-left:auto; margin-right:auto;}
.ib_frame ul li{ height:200px; width:270px; line-height:80px; text-align:center; position:relative; overflow:hidden; float:left; margin-top:30px; margin-right:40px;}
.ib_frame ul li span{ width:80px; height:160px; overflow:hidden; display:block; position:absolute;}
.ib_frame ul li a{color:#333333; font-size:16px; display:block; width:270px; height:30px; line-height:30px; font-weight:bold; margin-top:20px;}
.ib_frame ul li:hover a{color:#0FA1D3;}
.ib_frame ul li p{line-height:25px; font-size:12px; color:#666; padding:10px;}
.tubiao{width:80px; height:80px; overflow:hidden; position:relative; margin-left:auto; margin-right:auto;}
.ib_frame ul .no_m{margin-right:0px;}


/*--------首页-经典案例样式----------*/

.i_case{width:100%; padding-top:50px; padding-bottom:60px; background-color:#f4f5f6;}

.icase_frame{width:1200px; margin-left:auto; margin-right:auto; margin-top:20px;}

.type_kuang{ width:1200px; background-color:#f4f5f6; padding-top:30px; margin-left:auto; margin-right:auto;}
.type_list{text-align:center;}
.type_list h3{display:inline-block;}
.type_list a{line-height:40px; padding-left:25px; padding-right:25px; margin-left:10px; margin-right:10px; border:1px solid #CCC; display:inline-block; font-size:14px; background-color:#FFF; margin-top:10px; border-radius:40px;}
.type_list a:hover{ background-color:#0FA1D3; color:#FFF; border:1px solid #0FA1D3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}


.box li{
	width: 280px;
	height: 190px;
	overflow: hidden;
	float: left;
	 margin-right:26px;
	position: relative;
	background: #f6f6f6;
	margin-top:20px;
}
.top{
	position: absolute;
	z-index:1;
	height: 5px;
	width: 0px;
	top: 0px;
	width: 0px;
}
.bottom{
	position: absolute;
	z-index:1;
	height: 5px;
	width: 0%;
	bottom: 0px;
	right: 0px;
}
.left{
	height: 0;
	position: absolute;
	left: 0px;
	width: 5px;
}
.right{
	height: 0;
	position: absolute;
	right: 0px;
	width: 5px;
	bottom: 0px;
}
.icase_pic{
	width: 270px;
	height: 180px;
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 5px;
	display:block;
	overflow:hidden;
}
.icase_name{
	position: absolute;
	z-index: 2;
	background: rgba(15,161,211,0.5);
	height: 0px;
	line-height: 40px;
	width: 270px; overflow:hidden; font-size:14px;
	text-align: center;
	color: #fff;
	bottom: 5px;
	left: 5px;
	display:block;
}

.box .no_m{margin-right:0px;}


/*---------首页-新闻动态样式----------*/

.i_news{width:100%; padding-top:50px; padding-bottom:60px;}
.inews_frame{width:1200px; margin-left:auto; margin-right:auto; margin-top:20px;}
.inews_single{width:360px; height:200px; float:left; margin-right:60px; margin-top:40px;}
.inews_time{width:60px; height:100px; float:left;}
.int_day{line-height:40px; font-size:40px; color:#0FA1D3;}
.int_year{line-height:20px; color:#999; font-size:12px;}
.inews_text{width:290px; height:200px; float:right;}
.int_name{width:290px; height:39px; line-height:30px; font-size:16px; color:#333; border-bottom:1px solid #CCC; overflow:hidden; font-weight:bold; display:block;}
.inews_content{width:290px; height:100px; line-height:25px; overflow: hidden; font-size:12px; color:#666; margin-top:10px;}
.int_icon{width:30px; height:30px; display: block; background-image:url(look.png); background-repeat:no-repeat; margin-top:20px;}
.inews_single.no_m{margin-right:0px;}
.int_name:hover{color:#0FA1D3;}
.inews_single:hover .int_icon{background-image:url(looka.png);}

/*---------首页-合作伙伴样式-----------*/


.i_partner{width:100%; padding-top:50px; padding-bottom:60px; background-color:#f4f5f6;}
.ipartner_frame{width:1026px; margin-left:auto; margin-right:auto; margin-top:20px; position:relative;}


/*-核心代码-*/
/* demo style */
ul.sdt_menu{list-style:none;font-family:"Myriad Pro", "Trebuchet MS", sans-serif;font-size:14px;height:480px;margin:60px auto 0 auto;padding:0;}
ul.sdt_menu a{text-decoration:none;outline:none;}
ul.sdt_menu li{float:left;width:185px;height:160px;position:relative;cursor:pointer;}
ul.sdt_menu li > a{position:absolute;top:0;left:0;width:185px;height:160px;z-index:12;background:url(images/overlay.png) no-repeat top right;}
ul.sdt_menu li a img{border:none;position:absolute;width:0;height:0;bottom:0;left:90px;z-index:100;}
ul.sdt_menu li span.sdt_wrap{position:absolute;top:0px;left:0;width:185px;height:160px;z-index:15; overflow:hidden;}
ul.sdt_menu li span.sdt_active{position:absolute;background:#111;top:80px;width:185px;height:0;left:0;z-index:14;-moz-box-shadow:0 0 4px #000 inset;-webkit-box-shadow:0 0 4px #000 inset;box-shadow:0 0 4px #000 inset;}
ul.sdt_menu li span span.sdt_descr{color:#0B75AF;float:left;clear:both;width:185px;font-size:10px;letter-spacing:1px;}
ul.sdt_menu li div.sdt_box{position:absolute;width:360px;overflow:hidden;height:150px;top:-190px;display:none;background:#FFF; z-index:99; color:#333; padding:20px; line-height:25px; font-size:12px; color:#666; border:1px solid #CCC;}
.ip7 div.sdt_box{margin-left:-200px;}
.sdt_link.logoa{background-image:url(../images/kehu1.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa2{background-image:url(/images/kehu2.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa3{background-image:url(/images/kehu3.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa4{background-image:url(/images/kehu4.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa5{background-image:url(/images/kehu5.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa6{background-image:url(/images/kehu6.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa7{background-image:url(/images/kehu7.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa8{background-image:url(/images/kehu8.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa9{background-image:url(/images/kehu9.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa10{background-image:url(/images/kehu10.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa11{background-image:url(/images/kehu11.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa12{background-image:url(/images/kehu12.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa13{background-image:url(/images/kehu13.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa14{background-image:url(/images/kehu14.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoa15{background-image:url(/images/kehu15.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}



.sdt_link.logoaa{background-image:url(../images/kehu.png); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logob{background-image:url(../images/2.jpg); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoc{background-image:url(../images/3.jpg); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logod{background-image:url(../images/4.jpg); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}
.sdt_link.logoe{background-image:url(../images/5.jpg); background-repeat:no-repeat; display: block;width: 185px;height: 160px;overflow: hidden;}

.ip2{top: 80px;margin-left: -45px;z-index: 21;}
.ip3{top: 0px;margin-left: -45px;z-index: 20;}
.ip4{top: 80px;margin-left: -45px;z-index: 21;}
.ip5{top: 0px;margin-left: -45px;z-index: 20;}
.ip6{top: 80px;margin-left: -45px;z-index: 21;}
.ip7{top: 0px;margin-left: -45px;z-index: 20;}
.ip8{top: 0px;margin-left: 0px;z-index: 21;}
.ip9{top: 80px;margin-left: -45px;z-index: 22;}
.ip10{top: 0px;margin-left: -45px;z-index: 21;}
.ip11{top: 80px;margin-left: -45px;z-index: 22;}
.ip12{top: 0px;margin-left: -45px;z-index: 21;}
.ip13{top: 80px;margin-left: -45px;z-index: 22;}
.ip14{top: 0px;margin-left: -45px;z-index: 21;}
.ip15{top: 0px;margin-left: 840px;z-index: 22;}

.ip14 div.sdt_box{margin-left:-200px;}



/*-----------首页-底部样式------------*/

.footer{width:100%; height:440px; background-image: url(f_bg.jpg); background-repeat:no-repeat; background-position:top center;}
.foot{width:1200px; height:300px; padding-top:50px; margin-left:auto; margin-right:auto;}
.foot_left{width:340px; height:300px; overflow:hidden; float:left; color:#CCCCCC;}
.fl_title{width:340px; height:30px; line-height:30px; font-size:16px; color:#FFF; font-weight:bold;}
.fl_frame{width:340px; height:240px; margin-top:20px;}
.fl_frame ul li{width:340px; line-height:30px; font-size:14px; margin-top:5px;}
.fl_frame ul li a{width:340px; display:block; color:#cccccc; line-height:30px; font-size:14px;}
.fl_frame ul li a:hover .c_c{color:#0FA1D3;}

.foot_middle{width:480px; height:300px; float:left; margin-left:50px; color:#cccccc;}
.fm_top{width:480px; height:40px; line-height:40px; font-size:28px; color:#FFF;}
.fm_top span{font-weight:bold; color:#0FA1D3;}
.fm_text{width:480px; margin-top:40px;}
.fm_text p{width:480px; line-height:30px; font-size:14px; padding-top:5px;}
.fm_icon{width:480px; height:30px; margin-top:40px;}
.fm_icon a{width:30px; height:30px; float:left; margin-right:30px; display:block;}
.fm_weibo{background-image:url(weibo.png); background-repeat:no-repeat;}
.fm_weibo:hover{background-image:url(weiboa.png); background-repeat:no-repeat;}
.fm_weixin{background-image:url(weixin.png); background-repeat:no-repeat;}
.fm_weixin:hover{background-image:url(weixina.png); background-repeat:no-repeat;}
.fm_qq{background-image:url(qq.png); background-repeat:no-repeat;}
.fm_qq:hover{background-image:url(qqa.png); background-repeat:no-repeat;}

.foot_right{width:200px; height:300px; float:right;}
.weixin{width:120px; height:120px; overflow:hidden; margin-left:80px; margin-top:10px;}
.fr_text{width:200px; line-height:30px; font-size:14px; color:#CCC; text-align:right; margin-top:25px;}

.record{width:1200px; height:40px; line-height:40px; font-size:12px; color:#999; text-align:center; margin-left:auto; margin-right:auto; margin-top:20px;}

.recordbom{width:1200px; height:40px; font-size:12px; color:#999; text-align:center; margin-left:auto; margin-right:auto;}


/*--------------------关于我们-页面样式----------------------*/

.nava{height:50px; margin-top:15px; position:relative;}
.nava ul{clear:both;}
.nava ul li{float:left; margin-left:20px; height:50px; width:80px; }
.nava ul li a{height:50px; width:80px; display:block; color:#333; font-size:18px; line-height:50px; text-align:center;}

.banner_about{width:100%; height:400px; background-image:url(about.jpg); background-repeat:no-repeat; background-position:top center;}


.m_top{width:100%; height:70px; margin-left:auto; margin-right:auto; background-color:#FFF;}
.mtop_frame{width:1200px; height:70px; margin-left:auto; margin-right:auto;}
.page_title{width:400px; height:70px; line-height:70px; font-size:18px; color:#333; font-weight:bold; float:left;}
.page_title span{font-weight:normal; color:#666; padding-left:20px;}

.crumbs{width:600px; height:20px; float:right; margin-top:25px; text-align:right; margin-right:20px;}
.position{font-size:12px; color:#888; line-height:20px; height:20px;}
.position a{font-size:12px; color:#333;}
.position a:hover{color:#0FA1D3;}
.position span{padding-right:10px; height:20px;line-height: 20px;display: inline-block;}

.profiles{width:100%; height:260px; background-color:#f4f5f6; padding:50px 0px;}
.profiles_frame{width:1200px; height:260px; margin-left:auto; margin-right:auto;}
.profiles_text{width:600px; height:150px; line-height:30px; font-size:14px; color:#333; float:left; margin-top:60px;}
.profiles_pic{width:550px; height:265px; float:left; margin-left:50px;}

.advantage{width:100%; padding:50px 0px;}
.advantage_frame{width:1200px; margin-left:auto; margin-right:auto; margin-top:50px;}
.adf_title{width:1200px; height:70px; margin-left:auto; margin-right:auto;}
.adf_big{width:1200px; height:35px; line-height:35px; font-size:24px; color:#0FA1D3; text-align:center; font-weight:bold;}
.adf_small{width:1200px; height:20px; line-height:20px; font-size:12px; color:#999; text-align:center; margin-top:15px;}

.adf_single{width:270px; height:300px; position:relative; overflow:hidden; float:left; margin-right:40px;}
.adf_single.tmplS4{ margin-right:0px;}
.cover {
	position: absolute;
	z-index: 40;
	width: 270px;
	height: 300px;
}
.tmplS1 .cover {background-image:url(a1.jpg); background-repeat:no-repeat;}
.tmplS2 .cover {background-image:url(a2.jpg); background-repeat:no-repeat;}
.tmplS3 .cover {background-image:url(a3.jpg); background-repeat:no-repeat;}
.tmplS4 .cover {background-image:url(a4.jpg); background-repeat:no-repeat;}
.wrapS {position: relative; width:270px; height:300px; background-color:#f4f5f6;}
.wrapS p {line-height: 30px;  text-align:center;}
.wrapS .ttl { color:#333; padding-top:30px;font-weight:bold;font-size: 16px;}
.wrapS .opt { color:#666; font-size:12px; padding:20px;}
.wrapS .opt .nlink {
	color: #0c96f2;
	text-decoration: none
}

.Idea{width:100%; height:700px; background-image:url(ab_bg.jpg); background-repeat:no-repeat; background-position:top center;}

.team{width:100%; padding:50px 0px;}
.team_frame{width:1200px; margin-left:auto; margin-right:auto; margin-top:50px;}
.the_same{ width:1200px; margin-left:auto; margin-right:auto; height:30px; line-height:30px; font-size:24px; color:#333; text-align:center; font-weight:bold;}
.ts_small{width:860px; margin-left:auto; margin-right:auto; line-height:30px; font-size:14px; color:#666; text-align:center; margin-top:20px;}
.tf_left{width:360px; height:180px; float:left;}
.tf_right{width:800px; height:120px; float:right; margin-top:30px;}
.tfr_single{width:200px; height:120px; float:left;}
.tfr_icon{width:80px; height:80px; margin-left:auto; margin-right:auto;}
.tfr_single p{width:200px; height:20px; font-size:14px; color:#333; text-align:center; margin-top:20px;}

.staff{width:100%; height:760px; padding:50px 0px; background-image:url(s_bg.jpg); background-repeat:no-repeat; background-position:top center;}
.staff_frame{width:1600px; margin-left:auto; margin-right:auto; position:relative;}

/*照片墙特效*/
.iw_wrapper{
	width:1140px;
	position:relative;
	padding-left:80px;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
}
ul.iw_thumbs li{
	float:left;
	margin:5px;
}
ul.iw_thumbs li div{
	position:absolute;
	top:5px;
	width:280px;
	padding:0px 10px;
	display:none;
	color:#fff;
	z-index:100;
}
ul.iw_thumbs li div h2{
	font-family: 'Wire One', arial, serif;
	font-size:38px;
	text-transform:uppercase;
	text-shadow:0px 0px 1px #fff;
}
#iw_thumbs li div .staff_name{
	font-size:24px;
	text-transform:uppercase;
	text-shadow:0px 0px 1px #fff;
}
ul.iw_thumbs li div p{
	font-size:12px;
	line-height:20px;
	padding-top:5px;
}
ul.iw_thumbs li:nth-child(1){
	margin-left:50px;
}
ul.iw_thumbs li:nth-child(even){
	margin-top:30px;
}
ul.iw_thumbs li:nth-child(3n){
	margin-left:20px;
}
ul.iw_thumbs li img{
	border:7px solid #fff;
	cursor:pointer;
	position:relative;
	-moz-box-shadow:1px 1px 1px #aaa;
	-webkit-box-shadow:1px 1px 1px #aaa;
	box-shadow:1px 1px 1px #aaa;
}
ul.iw_thumbs li img:hover{
	-moz-box-shadow:1px 1px 7px #777;
	-webkit-box-shadow:1px 1px 7px #777;
	box-shadow:1px 1px 7px #777;
}
ul.iw_thumbs li:nth-child(even) img{
	height:20px;
}
ul.iw_thumbs li:nth-child(odd) img{
	height:40px;
}
ul.iw_thumbs li:nth-child(5n) img{
	height:70px;
}
ul.iw_thumbs li:nth-child(6n) img{
	height:110px;
}
ul.iw_thumbs li:nth-child(7n) img{
	height:20px;
}
.iw_ribbon{
	position:fixed;
	height:220px; /*first 220 then 0 to close and 100% to open (while top goes to 0) */
	width:0px;/*first 0 then animate to 100%*/
	left:0px;/*or right 0*/
	top:0px; /*First, top of thumb, then animate to 0*/
	background:#000;
	opacity:0.8;
	z-index:10;
	overflow:hidden;
	display:none;
}
.iw_close{
	position:absolute;
	top:10px;
	right:100px;
	background:#f0f0f0 url(../images/close.gif) no-repeat center center;
	width:18px;
	height:18px;
	display:none;
	cursor:pointer;
}
.iw_zoom{
	color:white;
	font-size:8px;
	text-transform:uppercase;
	padding:14px;
	display:none;
	float:right;
	margin-right:50px;
}
.iw_ribbon img{
	position:absolute;
	top:50%;
	left:50%;
	border:7px solid #fff;
}
.iw_loading{
	background: #fff url(../images/loader.gif) no-repeat center center;
	width:28px;
	height:28px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10000;
	margin: -14px 0px 0px -14px;
	opacity:0.8;
}



.contact{width:100%; padding:50px 0px; background-color:#f4f5f6;}
.blue{width:1200px; margin-left:auto; margin-right:auto; height:30px; line-height:30px; font-size:16px; color:#0FA1D3; text-align:center; margin-top:10px;}
.contact_frame{width:620px; margin-left:auto; margin-right:auto; padding:30px 50px; background-color:#FFF; margin-top:40px;}
.cf_title{line-height:30px; font-size:16px; color:#333; text-align:center; font-weight:bold;}

/*--------------留言样式------------------*/

.liu_yan{
	width:620px;
	height:auto;
	padding-top: 10px;
	margin-left:auto; margin-right:auto; margin-top:20px;
}
.liu_tiao{width:620px; height:40px; margin-bottom:15px; clear:both;}

#lian_a{
	width:620px;
	display: block;
	float: left;
}
#lian_a .inp{
    margin-right:10px;float: left;
	background: #fff;
	color: #999;
	font-size: 12px;
	line-height: 30px;
	height: 38px;
	padding-left: 10px;
	width: 293px;
	border:1px solid #dadada; -moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset;  -webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset; box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset;
}
#lian_a .inpa{
	float: left;
	background: #fff;
	color: #999;
	font-size: 12px;
	line-height: 30px;
	height: 38px;
	padding-left: 10px;
	width: 293px;
	border:1px solid #dadada; -moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset;  -webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset; box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset;
}
#liu_nei{
	width:618px;
	height:120px;
	display: block;float:left;
	clear:both;
	}
	#liu_nei .nei{
	border: 0px;
	background: #fff;
	color: #999;
	height: 100px;
	resize: none;
	padding: 10px;
	width: 598px;
	font-size: 12px;
	border:1px solid #dadada; -moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset;  -webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset; box-shadow:1px 1px 3px 0px rgba(0,0,0,.1) inset;
	}
	.an_niu{
	width:620px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	clear:both;

	}

.an_niu .btn{
	border: 0px;
	display:block;
	height: 40px;
	line-height: 30px;
	background: #0FA1D3;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	width: 240px; border-radius:50px;
	cursor: pointer; margin-left:auto; margin-right:auto;
	}

/*--------------留言样式结束------------------*/



/*--------------------经典案例-页面样式----------------------*/



.banner_case{width:100%; height:400px; background-image:url(case.jpg); background-repeat:no-repeat; background-position:top center;}

.main_n{width:100%; margin-left:auto; margin-right:auto; clear:both; background-color:#f4f5f6; padding-bottom:50px;}

.case_frame{width:1200px; margin-left:auto; margin-right:auto;}
.case_single{ width:270px; height:270px; float:left; margin-right:40px; margin-top:30px;}
.case_pic{width:270px; height:180px; overflow:hidden; display:block; position:relative;}
.case_text{width:240px; height:90px; padding:0px 15px; background-color:#FFF;}
.case_name{width:240px; font-size:14px; color:#333; font-weight:bold; height:30px; line-height:30px; padding-top:10px; display:block;}
.case_name:hover{color:#0FA1D3;}
.case_link{width:240px; font-size:12px; color:#999; height:20px; line-height:20px; margin-top:10px;}
.case_line{width:30px; height:3px; background-color:#0FA1D3; margin-top:2px;}
.case_single.no_m{margin-right:0px;}

.ye_ma{
	line-height: 35px;
	text-align: center;
	height: 35px;
	width: 1200px;
	padding-top: 40px; margin-left:auto; margin-right:auto; color:#333;
}

.ye_ma a{line-height: 35px;clear: none; height: 35px; font-size:14px; color:#333; padding:0 15px; background-color:#FFF; display:inline-block; margin:0 3px; border-radius:2px;}
.ye_ma a:hover{background-color:#04AEC7; color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}


/*--------------------经典案例内页-页面样式----------------------*/

.banner_casea{width:100%; height:400px; background-image:url(case_bg.jpg); background-repeat:no-repeat; background-position:top center;}
.banner_frame{width:1200px; height:304px; margin-left:auto; margin-right:auto; padding-top:50px;}
.cp_case{width:320px; height:180px; padding:23px 5px 101px 5px; background-image:url(cp.png); background-repeat:no-repeat; background-position:top center; float:left; margin-left:150px;}
.banner_text{width:500px; height:300px; float:right;}
.cases_name{width:500px; line-height:40px; font-size:24px; color:#333; margin-top:30px; font-weight:bold;}
.case_linka{width:500px; height:30px; line-height:30px; font-size:16px; color:#777; margin-top:5px; overflow:hidden;}
.case_type{width:500px; height:20px; font-size:14px; color:#666; background-image:url(type.png); background-repeat:no-repeat; text-indent:30px; margin-top:10px;}
.bt{width:500px; height:30px; margin-top:50px;}
.bt a{width:40px; height:30px; text-indent:-10000px;display: inline-flex;overflow: hidden;line-height: 30px;}
.back{width:40px; height:30px; background-image:url(btnl.png); background-repeat:no-repeat; display:block; float:left; border-radius:2px; text-indent:-65px; overflow:hidden;}
.next{width:40px; height:30px; background-image:url(btnr.png); background-repeat:no-repeat; display:block; float:left; margin-left:30px; border-radius:2px;text-indent:-65px; overflow:hidden;}
.back:hover,.next:hover{background-color:#066B8E; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;/*过渡效果*/}

.main_frame{width:1200px; margin-left:auto; margin-right:auto; padding-top:40px;}
.main_left{width:880px; float:left;}
.case_details{width:840px; padding:20px; background-color:#FFF; overflow: hidden;}
.case_details p{line-height:2em; color:#333; text-indent:2em; overflow:hidden;}
.case_details p img{width:840px; height:auto; display:block;}

.main_right{width:270px; float:right;}
.online{width:270px; height:425px;}
.on_top{width:270px; height:260px; background-color:#FFF; padding-top:5px;}
.on_pic{width:260px; height:160px; margin-left:auto; margin-right:auto;}
.on_text{ width:250px; height:80px; margin-left:auto; margin-right:auto;}
.on_ch{ line-height:30px; text-align:center; font-size:16px; color:#333; margin-top:15px;}
.on_l{width:30px; height:3px; margin-left:auto; margin-right:auto; margin-top:7px; background-color:#49C1A8;}
.on_en{line-height:20px; font-size:12px; color:#999; text-align:center; margin-top:5px;}
.on_bottom{width:270px; height:120px; background-color:#FFF; margin-top:20px; padding-top:20px;}
.on_pt{width:60px; height:100px; display:block; float:left; margin-left:35px; margin-right:35px;}
.on_photo{width:60px; height:60px;}
.on_pt p{inline-box-align:20px; font-size:14px; color:#333; text-align:center; margin-top:20px;}
.m_line{width:1px; height:60px; margin-left:2px; margin-right:2px; float:left; background-color:#cccccc;}
.on_pt:hover.on_pt p{ color:#0FA1D3;}

.mr_news{width:270px; margin-top:30px;}
.mrn_title{width:240px; height:40px; background-color:#0FA1D3; line-height:40px; color:#FFF; font-size:16px; font-weight:bold; padding:0 15px; background-image:url(mrn_icon.png); background-repeat:no-repeat; background-position:240px center;}
.mrn_link{width:240px; padding:10px 15px 15px 15px; background-color:#FFF;}
.mrn_link li{width:240px; height:40px;}
.mrn_link li a{width:240px; height:40px; display:block; line-height:40px; font-size:12px; color:#333; border-bottom:1px dashed #f1f1f1; overflow: hidden;}
.mrn_link li a:hover{ color:#0FA1D3;}





/*--------------------新闻中心-页面样式----------------------*/



.banner_news{width:100%; height:400px; background-image:url(news.jpg); background-repeat:no-repeat; background-position:top center;}
.news_frame{width:1200px; margin-left:auto; margin-right:auto; padding-top:20px;}
.news_single{ width:1200px; height:150px; margin-top:30px;}
.time{width:60px; height:100px; float:left;}
.day{width:60px; height:40px; background-image:url(time.png); background-repeat:no-repeat; line-height:40px; text-align:center; font-size:26px; color:#333; font-weight:bold; padding-top:20px;}
.year{width:60px; height:20px; line-height:20px; color:#999; margin-top:5px; font-size:14px;}
.news_pic{width:220px; height:150px; display:block; float:left; margin-left:40px;}
.news_text{ width:800px; height:110px; float:left; padding:20px 40px;}
.news_name{width:750px; height:30px; line-height:30px; font-size:16px; color:#333; font-weight:bold; margin-top:10px; display:block;}
.news_name:hover{ color:#0FA1D3;}
.news_content{width:750px; height:50px; color:#666; font-size:12px; line-height:25px; margin-top:10px;}
.news_single:hover .day{color:#E82A2A; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.news_single:hover .news_text{background-color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}



/*--------------------新闻中心内页-页面样式----------------------*/

.news_details{width:880px; background-color:#FFF;}
.nd_top{height:90px; padding:20px; border-bottom:1px solid #CCC;background-color:#FFF;}
.ndt_left{width:660px; height:60px; float:left; margin-top:15px;}
.n_title{height:30px; line-height:30px; color:#0FA1D3; font-size:18px;}
.n_time{ height:20px; line-height:20px; font-size:12px; color:#999; text-indent:25px; background-image:url(lock.png); background-repeat:no-repeat; background-position:left center; margin-top:10px;}
.ndt_right{width:60px; height:90px; padding-left:50px; padding-right:30px; border-left:1px solid #CCC; float:right;}
.n_photo{width:60px; height:60px; overflow:hidden;}
.n_author{line-height:20px; font-size:14px; color:#333; text-align:center; margin-top:10px;}
.nd_bottom{width:840px; background-color:#FFF; padding:20px;}
.nd_bottom p{line-height:2em; color:#333; text-indent:2em; overflow:hidden;}

.change{width:840px; margin-top:30px; font-size:14px; background-color:#FFF; color:#999; padding:10px 20px 20px 20px;}
.change a{line-height:25px; font-size:14px; color:#333; display: inline-block; margin-top:10px;}
.change a:hover{ color:#0FA1D3;}


/*--------------------主营业务-页面样式----------------------*/


.banner_business{width:100%; height:400px; background-image:url(business.jpg); background-repeat:no-repeat; background-position:top center;}

.buss_pic{width:270px; height:180px; overflow:hidden; float:left;}
.buss_text{width:760px; height:180px; float:left; margin-left:50px;}
.buss_name{width:755px; height:30px; display:block; line-height:30px; color:#333; font-size:18px; border-left:5px solid #CC0505; font-weight:bold; text-indent:15px; margin-top:60px;}
.buss_rofiles{width:760px; height:30px; line-height:30px; color:#333; font-size:14px; margin-top:15px; background-image:url(hong.png); background-repeat:no-repeat; background-position:left center; text-indent:20px;}
.subNav{ width:1200px; height:180px; margin-top:30px; cursor:pointer; background:url(plus_bg.png) no-repeat;background-position:95% 50%; background-color:#FFF;}
.currentDt{background-image:url(del_tit.png);}
.navContent{display: none;}

.buss_single{width:330px; height:90px; background-color:#FFF; float:left; margin-right:45px; margin-top:30px; padding:20px;}
.buss_icon{width:40px; height:40px; overflow:hidden; float:left;margin-right:20px;}
.busss_text{width:270px; height:85px; float:left;}
.busss_title{width:270px; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#333; display:block;}
.busss_word{width:270px; height:50px; line-height:25px; color:#666; font-size:12px; margin-top:5px; overflow:hidden;}
.busss_title:hover{color:#0FA1D3;}
.buss_single.no_m{margin-right:0px;}
.buss_single:hover{background-color:#f1f1f1;}

/*--------------------主营业务内页-页面样式----------------------*/

.ndt_lefta{width:490px; height:60px; float:left; margin-top:15px;}
.ndt_righta{width:110px; height:60px; padding-left:40px; padding-right:20px; border-left:1px solid #CCC; float:right; margin-top:15px;}
.ndt_rightb{width:60px; height:60px; padding-left:40px; padding-right:40px; border-left:1px solid #CCC; float:right; margin-top:15px;}

.bta{width:110px; height:30px; margin-top:15px;}
.bta a{width:40px; height:30px; text-indent:-10000px;display: inline-flex;overflow: hidden;line-height: 30px;}
.backa{width:40px; height:30px; background-image:url(btl.png); background-repeat:no-repeat; display:block; float:left; border-radius:2px; text-indent:-65px; overflow:hidden;}
.nexta{width:40px; height:30px; background-image:url(btr.png); background-repeat:no-repeat; display:block; float:left; margin-left:30px; border-radius:2px; text-indent:-65px; overflow:hidden;}
.backa:hover,.nexta:hover{background-color:#0FA1D3; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;/*过渡效果*/}

.buss_details{width:880px; margin-top:30px; overflow:hidden; background-color:#FFF;}
.buss_details p{line-height:2em; color:#333; text-indent:2em; overflow:hidden;}

/*--------------------公开课-页面样式----------------------*/

.banner_class{width:100%; height:400px; background-image:url(class.jpg); background-repeat:no-repeat; background-position:top center;}
.class_frame{width:1200px; margin-left:auto; margin-right:auto;}
.class_single{ width:580px; height:240px; float:left; background-color:#FFF; margin-right:40px; margin-top:30px;}
.class_pic{width:360px; height:240px; overflow:hidden; display:block; float:left; position:relative;}
.class_text{width:170px; height:240px; padding:0px 15px; float:left; padding-left:30px;}
.class_name{width:170px; font-size:14px; color:#333; font-weight:bold; line-height:30px; display:block; margin-top:50px;}
.class_name:hover{color:#0FA1D3;}
.class_author{width:170px; font-size:12px; color:#999; height:20px; line-height:20px; margin-top:10px;}
.class_line{width:30px; height:3px; background-color:#0FA1D3; margin-top:2px;}
.class_look{width:80px; height:30px; border:1px solid #CCC; display:block; text-align:center; line-height:30px; border-radius:4px; margin-top:30px; color:#333;}
.class_look:hover{ background-color:#0FA1D3; color:#FFF; border:1px solid #0FA1D3; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;/*过渡效果*/}
.class_single.no_m{margin-right:0px;}


/*--------------------公开课内页-页面样式----------------------*/


.ndt_rightc{width:110px; height:60px; padding-left: 80px; padding-right: 60px; border-left:1px solid #CCC; float:right; margin-top:15px;}

.class_details{width:1200px; margin-top:30px;}
.video{width:880px; height:510px; overflow:hidden; float:left;}
.attention{width:270px; height:510px; float:right;}
.at_top{width:240px; height:280px; background-color:#FFF; background-image:url(jiao.png); background-repeat:no-repeat; background-position:0px 0px; padding:15px;}
.att_title{width:240px; line-height:30px; font-size:16px; font-weight:bold; color:#333; text-align:center; margin-top:5px;}
.att_title span{color:#0FA1D3;}
.sao_ma{width:160px; height:160px; margin-left:auto; margin-right:auto; margin-top:10px;}
.sao_wen{width:240px; height:30px; line-height:30px; font-size:14px; color:#333; text-align:center; margin-top:5px;}
.at_bottom{width:240px; height:150px; background-color:#0FA1D3; color:#FFF; line-height:30px; padding:25px 15px 25px 15px; font-size:12px; text-align:center;}

.hot_class{width:100%; padding:50px 0px; background-color:#FFF;}
.hot_frame{width:1200px; margin-left:auto; margin-right:auto;}

.hot_single{ width:270px; height:275px; float:left; margin-right:40px; background-color:#f4f5f6; margin-top:30px;}
.hot_pic{width:270px; height:180px; overflow:hidden; display:block;}
.hot_text{width:240px; height:115px; padding:0px 15px; z-index:99; position:relative; margin-top:-30px;}
.hot_name{width:240px; font-size:14px; color:#333; font-weight:bold; height:30px; line-height:30px; padding-top:10px; display:block; background-image:url(shi1.png); background-repeat:no-repeat; background-position:right 15px;}
.hot_name:hover{color:#0FA1D3;background-image:url(shi2.png);}
.author_name{width:240px; font-size:12px; color:#999; height:20px; line-height:20px; margin-top:10px;}

.hot_single.no_m{margin-right:0px;}

.ht_top{width:240px; height:74px; border-bottom:1px solid #CCC;}
.author_photo{width:50px; height:50px; padding:5px; background-color:#FFF; border-radius:50px; float:left;}
.author_mz{width:160px; height:20px; line-height:20px; font-size:14px; color:#333; float:right; margin-top:40px;}



/*--------------------联系我们-页面样式----------------------*/

.banner_contact{width:100%; height:400px; background-image:url(contact.jpg); background-repeat:no-repeat; background-position:top center;}
.contact_us{width:1200px; margin-left:auto; margin-right:auto;}
.contact_framea{width:620px; padding:30px 50px; background-color:#FFF; margin-top:40px; float:right;}
.cu_left{width:360px; height:362px; background-color:#0FA1D3; float:left; padding:30px; color:#FFF; margin-top:40px;}

.fl_framea{width:340px; height:240px; margin-top:30px;}
.fl_framea ul li{width:340px; line-height:30px; font-size:14px; margin-top:5px;}
.fl_framea ul li a{width:340px; display:block; color:#FFF; line-height:30px; font-size:14px;}
.fl_framea ul li a:hover .c_c{color:#064772;}

.address{width:100%; padding-bottom:50px;}
.ad_single{width:1200px; height:350px; margin-top:50px; margin-left:auto; margin-right:auto;}
.ditu{width:700px; height:350px; float:left; border:1px solid #CCC; overflow:hidden;}
.lian_wen{width:438px; height:292px; float:left; padding:30px; background-color:#262727;}
.lian_wen h4{line-height:40px; color:#FFF; font-size:20px; font-weight:normal;}
.p1{line-height:20px; font-size:12px; color:#898989;}
.tiao1{width:438px; height:1px; background-color:#0FA1D3; margin-top:9px; margin-bottom:30px;}
.p2{line-height:25px; font-size:14px; color:#B5B5B6; margin-top:5px;}



#container .case_pic p{ height:100%; width: 100%; position: absolute; left: 0; top: -180px; color: #ffffff;
        z-index: 2; }
#container .case_pic .img{ width: 270px; height: 180px; display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
#container .case_pic:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#container .case_pic p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
.case_pic p .look{ display: block; position: absolute; width: 50px; height: 50px; padding:30px 50px; left:50%; margin-left: -75px; margin-top:-50px; background:url(link.png) no-repeat center center;}
.case_pic p .look:hover{background:url(linka.png) no-repeat center center;}




#container .class_pic p{ height:100%; width: 100%; position: absolute; left: 0; top: -240px; color: #ffffff;
        z-index: 2; }
#container .class_pic .img{ width: 360px; height: 240px; display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
#container .class_pic:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#container .class_pic p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
.class_pic p .look{ display: block; position: absolute; width: 60px; height: 60px; padding:30px 50px; left:50%; margin-left: -75px; margin-top:-50px; background:url(video.png) no-repeat center center;}




.guarantee{width:100%; padding:50px 0px; background-color:#FFF;} 
.gt_frame{width:1200px; margin-left:auto; margin-right:auto; margin-top:40px;}
.gt_frame p{line-height:30px; margin-top:30px; text-align:center; font-size:14px; color:#666;}

.zhizhao{width: 62px; height: 74px; overflow:hidden; float:left;margin-left: 30px;margin-top: 105px;}
.yyzz{width:62px; height:74px; display:block;}


/*--------------------手机APP-页面样式----------------------*/

.banner_case{width:100%; height:400px; background-image:url(case.jpg); background-repeat:no-repeat; background-position:top center;}

.main_n{width:100%; margin-left:auto; margin-right:auto; clear:both; background-color:#f4f5f6; padding-bottom:50px;}

.app_frame{width:1200px; margin-left:auto; margin-right:auto;}
.app_single{ width:270px; height:566px; float:left; margin-right:40px; margin-top:40px; background-image: url(phone.png); background-repeat:no-repeat;}
.app_pic{width:225px; height:400px; overflow:hidden; display:block; position:relative; margin-top:76px; margin-left:23px;}
.app_single.no_m{margin-right:0px;}



#container .app_pic p{ height:100%; width: 100%; position: absolute; left: 0; top: -400px; color: #ffffff;
        z-index: 2; }
#container .app_pic .img{ width: 225px; height: 400px; display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
#container .app_pic:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#container .app_pic p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
.app_pic p .looka{ display: block; position: absolute; width: 180px; height: 230px; left:50%; margin-left: -90px; margin-top:-100px;}
.app_pic p .looka img{width:180px; height:180px; display:block;}
.app_pic p .tishi{ display: block; width: 180px; height: 30px;margin-top:20px; text-align:center; font-size:14px; color:#FFF;}





/*--------------------招商加盟-页面样式----------------------*/


.jm-one{width:100%; height:860px; background-image:url(jm_bg.jpg); background-repeat:no-repeat; background-position:center top; padding-top:40px; padding-bottom:80px;}
.jmo-frame{width:1200px; height:870px; margin-left:auto; margin-right:auto; background-image:url(jmo_bg.png); background-repeat:no-repeat; background-position:left top;}
.jmo-top{width:650px; height:700px;  padding-top:40px;overflow: hidden;float: left;}
.jmot-left{width:230px; height:335px; overflow:hidden; float:left;}
.jmot-right{width:650px; height:680px; background-color:#FFF; float:right;}
.jmot-single{width:280px; height:300px; float:left; text-align:center; margin-top:30px; margin-left:25px; margin-right:15px;}
.jmot-pic{width:280px; height:200px; overflow:hidden;}
.jmot-title{height:30px; line-height:30px; font-size:18px; color:#333; overflow:hidden; margin-top:10px;}
.jmot-text{height:50px; width:240px; margin-left:auto; margin-right:auto; line-height:25px; font-size:14px; color:#666666; overflow:hidden; margin-top:5px;}
.jmo-bottom{width:1185px; height:375px; overflow:hidden; background-color:#FFF; margin-left:15px;margin-top: 40px;}
.jmob-single{width:365px; height:300px; float:left; text-align:center; margin-top:40px; margin-left:15px; margin-right:15px;}
.jmob-pic{width:365px; height:255px; overflow:hidden;}
.jmob-title{height:30px; line-height:30px; font-size:18px; color:#333; overflow:hidden; margin-top:10px;}

.jm-two{width:100%; padding-top:50px; padding-bottom:50px; background-color:#FFF;}
.jmt-frame{width:1200px; margin-left:auto; margin-right:auto; margin-top:40px;}
.jmt-single{width:260px; height:250px; float:left; margin-right:50px; padding-top:50px;}
.jmt-icon{width:170px; height:146px; overflow:hidden; margin-left:auto; margin-right:auto;}
.jmt-title{height:40px; line-height:40px; font-size:24px; color:#FFF; text-align:center; margin-top:20px;}

.jmt1{background-color:#32b16c;}
.jmt2{background-color:#eb6877;}
.jmt3{background-color:#78b4be;}
.jmt4{background-color:#eca95a; margin-right:0px;}

.lc-more{width:260px; height:50px; line-height:50px; font-size:22px; text-align:center; color:#FFF; display:block; background-color:#0FA1D3; border-radius:50px; margin-left:auto; margin-right:auto; margin-top:50px;}
.lc-more:hover{ color:#FFF; background-color:#4971b6; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;/*过渡效果*/}


.jm-three{width:100%; padding-top:50px; padding-bottom:10px;}

.lx-line{width:40px; height:2px; background-color:#FFF; margin-top:13px;}
.contact_frameb{width:620px; padding:30px 50px; background-color:#FFF; margin-top:40px; float:right;}
.cu_lefta{width:360px; height:230px; background-color:#0FA1D3; float:left; padding:30px; color:#FFF; margin-top:40px;}

.fl_frameb{width:340px; margin-top:15px;}
.fl_frameb ul li{width:340px; line-height:30px; font-size:14px; margin-top:5px; color:#FFF;}




.tiyandian{width:1200px;padding-top: 25px;float: left;}
.tiyandianlist{margin-top: 6px; width: 150px;height: 30px;border: 1px solid #FFFFFF;text-align: center;line-height: 30px;color: #FFFFFF;font-size: 14px;float: left;margin-left: 15px;border-radius: 15px;cursor: pointer;}
.tiyandianlist:hover{background: #0FA1D3;}



/* 地图样式 */


.zhaoshangmap{width: 100%;margin: 20px 0;background: #FFFFFF;}
.map-box{width: 1200px;margin: 0 auto;}
.zs-mapimg{
	width: 450px;height: 596px;
background: url(zs-mapimg.png) no-repeat;
background-size:100%;
-webkit-background-size: 100%;
margin: 30px;
margin-top: 40px;
float: left;
position: relative;

}
.map01img01{ position: absolute;width: 100px;height: 100px;left: 50px;top: 428px;}

.map01show{ position: absolute;top: 50%;left: 50%;
	 -webkit-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);
	 width: 40px;height: 40px;color: #FFFFFF;font-size: 12px;
	 text-align: center;background: url(hejianbj01.png) no-repeat;
	 word-wrap: break-word;
	 padding:6px;
	 display: block;
	 }
.map01donghua{
	width: 100%;height: 100%;
	position: absolute;top: 50%;left: 50%;
	 -webkit-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);
	animation: btnbox 1s infinite linear;
	-webkit-animation: mapdonghua 1s infinite linear;
	background: url(hejianbj01.png);
	background-size: 100%;
	
	}
	
	
	@keyframes mapdonghua {
	  0% {
	   width: 0;height: 0;
	    opacity: 0.5;
	  }
	  
	  80% {
	   width: 100%;height: 100%;
	   opacity: 0.5;
	  }
	  100% {
		width: 100%;height: 100%;
	    opacity: 0;
	  }
	}
	@-webkit-keyframes mapdonghua {
	  0% {
	  width: 0;height: 0;
	   opacity: 0.5;
	 }
	 
	 80% {
	  width: 100%;height: 100%;
	  opacity: 0.5;
	 }
	 100% {
	 		width: 100%;height: 100%;
	   opacity: 0;
	 }
	}
	
	
.map01hidden{
	width: 70px;height: 70px;
	position: absolute;top: 50%;left: 50%;
	 -webkit-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);
	background: url(hejianbj01.png);
	background-size: 100%;
	padding: 10px;
	display: none;
	}
	
.map01donghuayw{color: #FFFFFF;font-size: 12px;text-align: center;margin-top: 5px;word-wrap: break-word;}	
.map01donghuawz{color: #FFFFFF;font-size: 14px;text-align: center;margin-top: 10px;word-wrap: break-word;}


.map02img{position: absolute;width: 100px;height: 100px;left: 240px;top: 358px;}
.map03img{position: absolute;width: 100px;height: 100px;left: 165px;top: 263px;}
.map04img{position: absolute;width: 100px;height: 100px;left: 10px;top: 480px;}
.map05img{position: absolute;width: 100px;height: 100px;left: 10px;top: 350px;}
.map06img{position: absolute;width: 100px;height: 100px;left: 80px;top: 270px;}
.map07img{position: absolute;width: 100px;height: 100px;left: 140px;top: 400px;}


.maphidden{display: none;}
.mapshow{display: block;width: 70px;height: 70px;
	position: absolute;top: 50%;left: 50%;
	 -webkit-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);
	background: url(hejianbj01.png);
	background-size: 100%;
	padding: 10px;
	}
	
	
	
.jszc{width: 100%;padding: 20px 0;}	
.jszcwd{width: 1200px;margin: 0 auto;}
.tiyandianul{margin: 0 auto;width: 700px;}