@charset "utf-8";
/* CSS Document */

body{ position:relative;min-width: 1000px;}
.fl{ float:left;}
.block{ display:block;}
.center{ margin:0 auto;}
.clear{ clear:both;}
.nav li a.active{ color:#007cc3;}



.padding0{ padding-left:0; padding-right:0;}
.margin0{ margin-left:0; margin-right:0;}
.fontbold{ font-weight:bold;}
.margin12{ margin-left:12%;}


/*导航*/
.header{ padding-left:0; padding-right:0; height:83px; background:url(../../cdn/puindex/image/bj.png); position:absolute; top:0; left:0; width:100%; border-bottom:1px dashed #FFF; z-index:999;transition: all 0.25s;}
.navbar-toggle .icon-bar{ background-color:#FFF;}

.nav li a{ color:#FFF; font-weight:bold; outline:none;}
.nav li a:focus, .nav li a:hover,.navsub-bar ul li a:hover{ background-color:transparent; color:#007cc3;}
.navbar-nav{ float:right; font-size:14px;}
.navbar-toggle{ margin-top:24px;}

.navSub{ background:url(../../cdn/puindex/image/bj.png); position:absolute; top:83px; left:0; width:100%; z-index:999;}
.navsub-bar{ float:right; padding-right:15px; padding-top:10px; padding-bottom:20px;}
.navsub-bar ul{ float:left;}
.navsub-bar ul li a{ color:#FFF; line-height:24px; outline:none;}

.navbar-brand>img{ width:181px; height:52px;}


.banner_phone{ display:none; width:100%; overflow:hidden;}
.swiper-container img{ width:100%; border:none; vertical-align:middle;}
.phone_tab .col-sm-3{ padding-top:10px; background-color:#ECECEC; text-align:center;}
.phone_tab .col-sm-3 p{ margin-top:6px;}

.swiper-slide{ position:relative;}
.swiper-slide .text{ position:absolute; padding:200px 0 0 100px; width:100%; top:0; left:0; color:#FFF;}
.swiper-slide .text h3{ font-size:30px;}
.swiper-slide .text p{ font-size:14px; line-height:32px;}




/*首页服务范围*/
.service_home{ padding-top:25px;}
.service_home .text{ padding-top:7px;}


/*首页案例*/

.case_home{ margin-top:48px;}


.picScroll-left{ width:980px;  overflow:hidden; position:relative; margin:0 auto;  }
.picScroll-left .prev,.picScroll-left .next{ display:block;  width:31px; height:45px; position:absolute; top:50%; margin-top:-44px;  overflow:hidden; cursor:pointer;}
.picScroll-left .prev{ background:url(../../cdn/puindex/image/left.png) no-repeat; left:0;}
.picScroll-left .next{ background:url(../../cdn/puindex/image/right.png) no-repeat; right:0;  }
.picScroll-left .bd{ margin:0 auto; width:899px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:215px; height:145px; float:left; _display:inline; overflow:hidden; text-align:center; margin-right:11px;  }
.picScroll-left .bd ul li a{ display:block; border:1px solid #CCCCCC;}
.picScroll-left .bd ul li img{vertical-align:top;}

/*案例手机版*/
.case_home_phone{ display:none;}
.case_home_phone img{ max-width:100%; border:1px solid #ccc;}
.case_home_phone h3{ font-size:1.2em; color:#434343; padding:2px 15px 20px; margin:0; line-height:1.2em;}
.case_home_phone h3 span{ font-size:0.8em; float:right;}
.case_home_phone h3 span a{ color:#007cc3;}
.case_home_phone p{ text-align:center; padding:2% 0 5% 0; font-size:1em; color:#595959;}
.case_home_phone a:hover p{ color:#007cc3;}

.case_home_phone .col-sm-6,.case_home_phone .col-xs-6{ padding-left:5px; padding-right:5px;}


/*介绍、新闻、联系*/
.news_home{ width:930px; margin:0 auto; margin-bottom:78px;}
.news_home h3{ height:32px; background-image:url(../../cdn/puindex/image/title_bg.jpg); background-repeat:repeat-x; margin-top:44px; font-size:16px; line-height:32px;}
.news_home h3 i{ margin:0 13px 0 10px;}
.news_home h3 span{ float:right; margin-right:20px; line-height:32px; font-size:12px;}
.news_home h3 span a{ color:#007cc3;}
.seo_intro{ width:345px;}
.news_list_home{ width:305px;}
.contact_us{ width:250px;}
.line_vertical{ width:1px; height:168px; background-color:#e0e0e0; margin:65px 7px 0;}
.seo_img{ width:96%; max-width:100%;}

.news_home .con p.text{ padding:10px 8px 0; text-indent:2em;}
.news_home .con ul li{ padding:0 20px; background:url(../../cdn/puindex/image/dian.png) no-repeat 6px center; background-size:4px 4px; line-height:29px;}
.news_home .con ul li span{ float:right;}

.news_home .con dl{ margin-bottom:5px;}
.news_home .con dt,.sidebar .con dt{ padding-left:11px; font-weight:normal;}
.news_home .con dt i,.sidebar .con dt i{ margin-right:8px;}
.news_home .con dd,.sidebar .con dd{ padding-left:34px;}


/*页尾导航
.foot_nav{ width:100%; height:212px; background-color:#e6e6e6; float:left;}
.foot_navmenu{ margin:0 auto; width:793px; padding-top:24px;}
.foot_navmenu ul{ float:left;}
.foot_navmenu ul:first-child{ margin-right:98px;}
.foot_navmenu ul.menu_service{ margin-right:119px;}
.foot_navmenu ul.menu_case{ margin-right:81px;}
.foot_navmenu ul.menu_recruit{ margin-right:105px;}
.foot_navmenu ul li:first-child{ height:30px;}
.foot_navmenu ul li:first-child a{ color:#000;}
*/

/*页脚

.footer{ width:100%; height:96px; background-color:#1D2B38; float:left;}
.footer .con{ width:973px; margin:0 auto;}
.footer_left,.footer_right{ line-height:96px;}
.footer_center{ color:#FFF; padding-top:28px;}
.footer_center p{ margin-bottom:0;}
.footer_center .phone{ float:right; font-size:18px; color:#FFF;}
.record{color:#FFF; padding-top:28px; margin-left:10px;}
*/

/*手机版导航*/
.main_menu{ width: 237px; position: absolute; right: 0; top: 0; bottom: 0; display:none;}
.main_menu_top{ width:100%; height:111px; position:relative;}
.main_menu_top span{ position:absolute; left:50px; top:75px; font-size:17px; color:#FFF; font-weight:bold;}
.main_menu_top img{ width:237px; height:111px;}
.main_menu_middle{ width:100%; padding-top:5px; padding-bottom:17px; border-bottom:1px solid #dddddd;}
.main_menu_middle a{ width:237px; padding-left:50px; height:37px; line-height:37px; display:block; font-size:14px; color:#666666;}
.main_menu_middle a.active{ background-color:#dddddd;}
.main_menu_middle a:hover{ background-color:#dddddd;}
.main_menu_bottom{ width:100%; padding-top:25px; padding-bottom:60px;}
.main_menu_bottom a{ width:187px; padding-left:50px; height:37px; line-height:37px; display:block; font-size:14px; color:#2dd362;}
.main_menu_bottom a.active{ background-color:#dddddd;}
.main_menu_bottom a:hover{ background-color:#dddddd;}
.main_content{/* width:100%;max-width: 750px; */position: relative; transition: all 0.25s; z-index:999;}
.main_content.paddingb47{ padding-bottom:47px;}
.main_share ul{z-index:300; transition: all 0.25s;}


/*其他页面*/
.other_bg{ height:281px; width:100%; position:relative; overflow:hidden;}
.other_bg img{ height:100%; position:absolute; left:50%; margin-left:-954.5px;}

.column{ padding:18px 66px 16px 0; background:#005F8F url(../../cdn/puindex/image/guanyu.png) no-repeat 83% center; border-radius:5px; text-align:right; color:#E2EFF7; font-size:20px; font-weight:500; line-height:20px; position:relative; margin:29px 0;}
.column .title{ background-color:#007CC2; position:absolute; width:225px; height:70px; border-radius:5px; left:44px; top:-8px; text-align:center; font-size:17px; color:#FFF; padding-top:10px;}
.column .title span{ font-size:13px;}

.content{ border-top:3px solid #007CC3; padding-bottom:40px; min-height:500px;}
.content strong{ font-size:20px; color:#007CC3; padding:20px 0; display:block;}
.content p{ text-indent:2em; margin:0; color:#0d0d0d; font-size:14px; line-height:30px;}

.sidebar h3{ font-size:22px; color:#152839; border-bottom:2px solid #bdbdbd; padding:10px; margin:0; font-style:italic;}
.sidebar h3 i{ display:none;}
.sidebar .con dl{ margin-top:10px; margin-bottom:0; color:#0f0f0f;}
.sidebar .con dd{ color:#646363;}


/*案例页面*/
.case_item{ padding-left:8px; padding-right:8px;}
.case_item img{ max-width:100%;}
.case_item .caseshadow{ vertical-align:top;}
.case_item .tit{ text-indent:0; text-align:center; margin-top:-18px; margin-bottom:18px;}
.case_item .tit a:hover{ color:#007cc3;}
.case_list{ padding-top:14px;}

.content_case{ padding-bottom:0; min-height:inherit;}


/*案例详情页*/
.case_main{ padding-bottom:40px;} 
.main_text p{ text-indent:0;}


/*服务范围页*/
.content_service h2{ font-size:16px; color:#007cc3;}
.content_service p{ text-indent:0;}
.content_service ul li{ border-bottom:1px solid #bbb; padding-bottom:16px;}

/*诚聘精英页*/
.content_recruit h2{ font-size:18px; color:#2d2d2d; margin-bottom:0;}
.content_recruit .line span{ width:40px; height:2px; background-color:#007cc3; display:inline-block;}
.content_recruit p,.content_about .tit,.content_about .des{ text-indent:0;}

.head_portrait{ text-align:center; padding-top:29px;}

.content_recruit .list li{ margin-bottom:20px;}


/*关于旭飞*/
.content_about .desc{ padding-top:24px;}
.content_about strong{ padding:16px 0 10px 10px;}
.content_about .pic{ text-align:center; padding-top:14px; padding-right:0;}
.content_about .text{ padding-left:0;}
.content_about .tit{ color:#007cc3;}


/*联系我们*/
.company_name{ border-bottom:1px solid #d1d1d1; padding-bottom:9px; color:#232323; margin-bottom:10px;}
.company_name h3{ margin-bottom:0;}
.content_contact p{ text-indent:0; font-size:13px; line-height:30px;}

/*新闻动态*/
.content_news ul li{ padding-left:24px; background:url(../../cdn/puindex/image/dian.png) 9px center no-repeat; background-size:4px 4px; border-bottom:1px dotted #ccc; line-height:32px;}
.content_news ul li span{ float:right; margin-right:9px; line-height:32px;}
.phone_display{ display:none;}

.pages{ padding-top:10px;}
.pages p{ float:left; text-indent:8px;}
.active:link{ color:#007cc3;}

.content_news img{ display:block; margin:10px auto; max-width:100%;}





@media (max-width:768px){
 	body{ background-color:#FFF;}
	.header{ position:fixed; height:50px;}
	.navbar-brand>img{ width:100px; height:auto;}
	.navbar-toggle{ margin-top:10px; margin-right:0;}
	/*#banner{ height:500px;}
	#banner_ctr{ width:100%; left:0; margin-left:0; bottom:0; background-color:#343434; height:102px;}
	#banner_ctr ul{ width:100%; background:url(../image/serv_ico3.png) center no-repeat; background-size:100% 100%; height:102px;}
	#banner_ctr li{ width:25%;}
	#drag_arrow{ background-color:#0084cf;}
	#drag_ctr{ background-color:transparent;}*/
	.picScroll-left,.service_home,.caseshadow,#banner,.jpg_220,.jpg_375{ display:none;}
	.case_home_phone,.banner_phone,.jpg_768{ display:block;}
	#banner_img .ad_txt h2{ font:bold 20px/40px Microsoft YaHei}
	
	.phone_tab .col-sm-3{ border-top:2px solid #FFF; border-right:2px solid #FFF;}
	
	.case_home{ margin-top:20px;}
	.news_home{ margin-bottom:20px;}
	
	
	.news_home,.seo_intro,.news_list_home,.contact_us{ width:100%;}
	.line_vertical,.footer_left,.footer_right,.foot_nav{ display:none;}
	.news_home h3{ margin-top:10px; background-image:none; background-color:#ECECEC;}
	
	.footer .con{ width:100%;}
	.footer_center{ width:353px; float:none; margin:0 auto;}
	
	.other_bg{ height:168px;}
	.other_bg img{ margin-left:-569px;}
	
	.column{ background-position:70% center}
	
	.content{ padding-bottom:20px; min-height:inherit; padding-left:0; padding-right:0;}
	.sidebar{ padding-bottom:20px; padding-left:0; padding-right:0;}
	.sidebar h3{ font-size:16px; color:#152839; font-weight:normal; font-style:normal; border-bottom:none; background-color:#ECECEC;}
	.sidebar h3 i{ display:inline; margin-right:10px;}
	
	.case_item .tit{ margin-top:10px;}
	.case_list{ margin-left:-8px; margin-right:-8px;}
	
	.case_cycares img{ width:100%; float:none; margin-bottom:20px; margin-left:0;}
	.case_main{ padding-bottom:0;}
	
	.content_recruit h2,.content_recruit .line{ text-align:center;}
	.content_recruit .line span{ width:142px;}
	
	.content_about .pic{padding-right:15px;}
	.content_about .text{ padding-left:15px;}
	.content_about .tit{ border-left:2px solid #007cc3; font-size:14px; padding-left:10px; margin-bottom:6px; line-height:14px; margin-top:6px;}
	
	.phone_display{ display:inline-block;}
	.computer_display{ display:none;}
	.pages p{ float:none; text-indent:0;}
	.phone_show{ text-align:center; width:100%; }
	.phone_show a{ padding:10px; color:#FFF; background-color:#ccc; display:inline-block; margin:0 2px; line-height:12px; cursor:pointer;}
	.phone_show a.active,.phone_show a:hover{ color:#FFF; background-color:#007cc3;}
	
	.swiper-slide .text{ padding:160px 0 0 80px;}
	
	
	
}
@media (min-width:414px) and (max-width:580px){
	.column{ background-position:76% center; padding:18px 20px 16px 0;}
	.column .title{ left:20px;}
	
	.case_main{ padding-bottom:0;} 
	.case_cycares img{ width:100%; float:none; margin-top:10px;}
	
	.swiper-slide .text{ padding:100px 0 0 50px;}
}

@media (max-width:414px){
	#banner,#banner_img li{ height:340px;}
	#banner_ctr{ height:72px;}
	#banner_ctr ul{ width:100%; background:url(../../cdn/puindex/image/414_1.html) center no-repeat; background-size:100% 100%; height:72px;}
	.footer_center{ width:90%; padding-top:20px;}
	.footer_center .font_14{ font-size:12px;}
	.footer_center .phone{ font-size:14px;}
	.footer_center .copyright{ text-align:center; font-size:10px;}
	
	#banner_img .ad_txt{ top:50px;}
	#banner_img li.item1{ background:url(../../cdn/puindex/image/banner_11.jpg) top center no-repeat}
	#banner_img li.item2{ background:url(../../cdn/puindex/image/banner_21.jpg) top center no-repeat}
	#banner_img li.item3{ background:url(../../cdn/puindex/image/banner_31.jpg) top center no-repeat}
	#banner_img li.item4{ background:url(../../cdn/puindex/image/banner_41.jpg) top center no-repeat}
	
	.column{ padding:18px 10px 16px 0; font-size:18px;}
	.column .title{ width:175px; left:14px; font-size:14px;}
	.column .title span{ font-size:11px;}
	
	.case_main,.content_case{ padding-bottom:0;} 
	.case_main strong{ font-size:16px;}
	
	#banner_ctr li{ height:75px;}
	#banner_ctr li{ position:relative;}
	
	.swiper-slide .text{ padding:70px 0 0 30px;}
	.swiper-slide .text h3{ font-size:20px; font-weight:bold;}
	.swiper-slide .text p{ font-size:10px; margin:0; line-height:28px;}
	
	

}
@media (max-width:375px){
	#banner_ctr,#banner_ctr li{ height:65px;}
	#banner_ctr ul{ width:100%; background:url(../../cdn/puindex/image/375_1.html) center no-repeat; background-size:100% 100%; height:65px;}
	
	.jpg_220,.jpg_768{ display:none;}
	.jpg_375{ display:block;}
	.swiper-slide .text{ padding:60px 0 0 20px;}
	.swiper-slide .text h3{ font-size:20px; font-weight:bold;}
	.swiper-slide .text p{ font-size:10px; margin:0; line-height:24px;}
	
}

@media (max-width:320px){
	#banner_ctr,#banner_ctr li{ height:55px;}
	#banner_ctr ul{ width:100%; background:url(../../cdn/puindex/image/320_1.html) center no-repeat; background-size:100% 100%; height:55px;}
	
	.jpg_768,.jpg_375{ display:none;}
	.jpg_220{ display:block;}
	.swiper-slide .text{ padding:50px 0 0 15px;}
	.swiper-slide .text h3{ font-size:20px; font-weight:bold;}
	.swiper-slide .text p{ font-size:10px; margin:0; line-height:20px;}
	
}

@media (min-width:768px){
	body{ background-color:#FFF;}
	.nav > li > a{ padding:40px 0 0 0; width:76px;}
	.navsub-bar ul{ width:76px;}
	/*#banner,#banner_img li{ height:600px;}
	#banner_ctr{ width:100%; left:0; margin-left:0; bottom:0; background-color:#343434;}
	#banner_ctr ul{ width:100%; background:url(../image/serv_ico2.png) center no-repeat; background-size:cover;}
	#banner_ctr li{ width:25%;}
	#drag_arrow{ background-color:#0084cf;}
	#drag_ctr{ background-color:transparent;}*/
	.picScroll-left,.service_home,.caseshadow,#banner,.jpg_220,.jpg_375{ display:none;}
	.case_home_phone,.banner_phone,.jpg_768{ display:block;}
	
	.news_home,.seo_intro,.news_list_home,.contact_us{ width:100%;}
	.line_vertical,.footer_left,.footer_right,.foot_nav{ display:none;}
	.news_home h3{ margin-top:20px; background-image:none; background-color:#ECECEC;}
	
	.footer .con{ width:100%;}
	.footer_center{ width:353px; float:none; margin:0 auto;}
	
	.column{ background-position:76% center}
	
	.content{ padding-bottom:20px; min-height:inherit;}
	.sidebar{ padding-bottom:20px; padding-left:0; padding-right:0;}
	.sidebar h3{ font-size:16px; color:#152839; font-weight:normal; font-style:normal; border-bottom:none; background-color:#ECECEC;}
	.sidebar h3 i{ display:inline; margin-right:10px;}
	
	.case_item .tit{ margin-top:10px;}
	.case_list{ margin-left:-23px; margin-right:-23px;}
	
	.content_case{ padding-bottom:0;}
	
	
}

@media (min-width:992px){
	body{ background-color:#F7F7F7;}
	.nav > li > a{ padding:40px 0 0 0; width:92px; }
	.navsub-bar ul{ width:92px;}
	#banner,#banner_img li{ height:600px;}
	#banner_ctr{ width:960px; margin-left: -520px; left: 52.5%; bottom: 11px; background-color:transparent;}
	#banner_ctr ul{ width:960px; background: url(../../cdn/puindex/image/serv_ico1.png) 4% no-repeat;}
	#banner_ctr li{ width:25%;}
	#drag_arrow{ background-color:transparent;}
	#drag_ctr{ background-color:#0084cf;}
	.picScroll-left,.service_home,#banner{ display:block;}
	.case_home_phone,.banner_phone{ display:none;}
	.picScroll-left{ margin-left:-15px;}
	
	.news_home{ width:930px;}
	.news_home h3{ background-image:url(../../cdn/puindex/image/title_bg.jpg); margin-top:40px;}
	.seo_intro{ width:345px;}
	.news_list_home{ width:305px;}
	.contact_us{ width:250px;}
	.line_vertical,.footer_left,.footer_right,.foot_nav,.caseshadow{ display:block;}
	
	.footer .con{ width:973px;}
	.footer_center{ width:auto; float:left; }
	
	.column{ background-position:83% center}
	
	.content{ padding-bottom:40px; min-height:500px;}
	.sidebar{ padding-left:15px; padding-right:15px;}
	.sidebar h3{ font-size:22px; color:#152839; border-bottom:2px solid #bdbdbd; padding:10px; margin:0; font-style:italic; background-color:transparent;}
	.sidebar h3 i{ display:none;}
	
	.case_item .tit{ margin-top:-10px;}
	.case_list{margin-left:-15px; margin-right:-15px;}
	
	.content_case{ padding-bottom:0; min-height:inherit;}
	
}

@media (min-width:1200px){
	
	.wrapper{ width:992px;}
	.nav > li > a{ width:114px; padding:40px 0 0 0;}
	.navsub-bar ul{ width:114px;}
	#banner,#banner_img li{ height:600px;}
	#banner_ctr{ width:960px; margin-left: -520px; left: 52.5%; bottom: 11px; background-color:transparent;}
	#banner_ctr ul{ width:960px; background: url(../../cdn/puindex/image/serv_ico1.png) 4% no-repeat;}
	#banner_ctr li{ width:25%;}
	#drag_arrow{ background-color:transparent;}
	#drag_ctr{ background-color:#0084cf;}
	.picScroll-left,.service_home{ display:block;}
	.case_home_phone{ display:none;}
	.picScroll-left{ margin:0 auto;}
	
	.news_home{ width:930px;}
	.news_home h3{ background-image:url(../../cdn/puindex/image/title_bg.jpg); margin-top:40px;}
}
.cont{
	width: 980px;
	margin-left: auto;
	margin-right:auto;
	margin-top:20px;
}
.col{
	display: inline-block;
    
	 width:33%;
}
.text row{
	margin-top:10px;
}
.col3{
	display: inline-block;
    position: relative;
    top:-26px;
}
.col9{
	display: inline-block;
	text-indent:2em;
	margin-left: 10px;
	width:60%; 
	height: 150px;
	overflow:hidden;
	text-overflow:ellipsis
	
}


/*
.footyl{

width: 100%;
}
.footyl td{
	border: 0px solid red;
    padding: 0px;
	max-height: 53px;
}
.footyl .t1{

    width:15%;
}
.footyl .t2{
	
    width:37%;
}
.footyl .t3{
	
    width:28%;
}
.footyl .t4{
	
    width:20%;
}
.footyl .t5{
	
    width:15%;
}
.footyl .t6{
	
    width:37%;

}
.footyl .t7{
	
   width:15%;
}
.footyl .t8{
	
    
}
.footyl img{
	width: 100%;
	height: 70px;
}
.hezuo{
	position: relative;
	left: -115px;
	top:61px;
	font-size:23px;
}
*/
.tem_index_footer_link a,.tem_footer_nav a{
	color:#646363;
}
