/*browserupgrade*/
.browserupgrade{display:block;position:fixed; top:-60px; opacity: 0; filter:alpha(opacity=0); left:0; margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee} 
.browserupgrade a.upgrade_close{ display:block; position:absolute; top:0; right:0; z-index: 10; width:60px; line-height:60px; text-align: center; color: #fff; font-size: 40px; text-decoration:none; cursor: pointer;}
/*owl-theme*/
.owl-carousel .owl-nav a{ display:inline-block; vertical-align: middle;}
.owl-carousel .owl-nav a span{ display:block; width:100%; height: 100%; text-align: center;}
.owl-carousel .owl-dots{ width:100%; text-align: center;}
.owl-carousel .owl-dots .owl-dot{ display:inline-block; vertical-align: middle; }
.owl-carousel .owl-dots .owl-dot span{ display:block; position:relative; width:8px; height: 8px; margin: 0 4px; border-radius:50%; background: #ccc;}
.owl-carousel .owl-dots .owl-dot span:before{ content:""; position:absolute; top:50%; left:50%; width:0; height: 0; opacity: 0; filter:alpha(opacity=0); border-radius: 50%; background: #1593fc;}
.owl-carousel .owl-dots .owl-dot.active span{ opacity:1; filter:alpha(opacity=100);}
.owl-carousel .owl-dots .owl-dot.active span:before{ top:0; left:0; width:100%; height: 100%; opacity: 1; filter:alpha(opacity=100);} 


.inner{ padding:0 15px; width:1200px; margin: 0 auto;} 
/*===================header========================*/
header{ position:fixed; left:0; top:0; z-index:1003; width:100%; height: 115px; padding-top:30px; animation: 1s .1s fadeIn both; background:#fff; box-shadow:0 0 10px -2px rgba(0,0,0,.20); } 
.logo{ float:left; margin-right: 54px;}
.logo a{ display:block; position: relative;}
.logo img{ display:block; height: 60px; width: auto;}
.logo img.logo_white{ position:absolute; top:0; left:0; z-index:1; opacity: 0; filter:alpha(opacity=0);}
.nav{ float:left; font-size:16px; transition: all 0.5s 0s ease-in-out;}
.nav li{ float:left;}
.nav li a.nav_a0{ display:block; padding:0 33px;}
.nav li a.nav_a0 em{ display:inline-block; position: relative; padding:38px 0 20px;}
.nav li a.nav_a0 em:before{ content:""; position:absolute; bottom:0; left:50%; opacity: 0; filter:alpha(opacity=0); width:0; height: 3px; background: #1593fc;}
.nav li:hover a.nav_a0 em:before,
.nav li.current a.nav_a0 em:before{ left:0; opacity: 1; filter:alpha(opacity=100); width:100%;}
.tel{ display:block; float: right; color: #777; font-size: 30px; line-height: 30px; margin-top: 35px;}
.body_index header{ background:none; box-shadow:none;}
.body_index header .logo img{ opacity:0; filter:alpha(opacity=0);}
.body_index header .logo img.logo_white{ opacity: 1; filter:alpha(opacity=100);}
.body_index header .nav li a.nav_a0{ color:#fff;}
.body_index header .nav li a.nav_a0 em:before{ background: #fff;}
.body_index header .tel{ color: #fff;}
.body_index header.header_scroll{ background:#fff; box-shadow:0 0 10px -2px rgba(0,0,0,.20);}
.body_index header.header_scroll .logo img{ opacity:1; filter:alpha(opacity=100);}
.body_index header.header_scroll .logo img.logo_white{ opacity: 0; filter:alpha(opacity=0);}
.body_index header.header_scroll .nav li a.nav_a0{ color:#333;}
.body_index header.header_scroll .nav li a.nav_a0 em:before{ background: #1593fc;}
.body_index header.header_scroll .tel{ color: #777;}

/*menu_phone*/
.menu_phone{ cursor: pointer; position:absolute; top:0; right:0; width:55px; height: 55px; background:#f2f2f2; display:none;}
.menu_phone span{ display:block; width:28px; height:24px; position: absolute; top:50%; left:50%; margin: -12px 0 0 -14px;}
.menu_phone i{ display: block; width: 100%; height: 2px; background-color: #333; position: absolute; top:0;}
.menu_phone i:nth-of-type(2){ top:10px;}
.menu_phone i:nth-of-type(3){ top:20px;} 
.menu_active i:nth-of-type(2){ opacity: 0; filter:alpha(opacity=0);}
.menu_active i:nth-of-type(1),.menu_active i:nth-of-type(3){ top: 10px;}
.menu_active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_active i:nth-of-type(3){ transform:rotate(45deg);}
 
/*===================footer========================*/
footer{ background: #999; color: #fff; text-align:left;}
.footer_nav{ display:none; text-align:center; margin-bottom: 20px;}
.footer_nav li{ display:inline-block; vertical-align: middle;}
.footer_nav li a{ display:block; position: relative; color: #fff; padding:0 5px 0 8px;}
.footer_nav li a:before{ content:""; position:absolute; top:30%; left:0; width:1px; height: 40%; background: #fff;}
.footer_nav li:first-child a:before{ display:none;}
.footer_top{}
.footer_top .inner{ padding-top:60px; padding-bottom:60px; position:relative;}
.back_top{ position:absolute; top:0; right:-44px; z-index: 10; width:44px; height: 44px; background:#1593fc; text-indent: -9999px;}
.back_top:before{ content:""; position:absolute; top:0; left:0; width:100%; height: 100%; background: url(../../images/ico_top.png) center center no-repeat; opacity: .50; filter:alpha(opacity=50);}
.back_top:hover:before{ opacity: 1; filter:alpha(opacity=100);}
.f_t_left{ width:25%; padding:0 35px; float:left;}
.left_block{ display:inline-block; text-align:center; color: #1593fc;}
.footer_logo{ display:block; margin: 0 auto 15px; width:103px; height: 103px;}
.hot_line{ line-height: 1;}
.hot_line a{ cursor:text; color: #1593fc; display:block; margin-bottom: 10px;}
.f_t_right{ overflow:hidden;}
.QR_code{ float:right;}
.QR_code li{ display:inline-block; vertical-align:top; margin-right: 46px; text-align:center;}
.QR_code li img{ display:block; width:122px; height: 122px;}
.QR_code li a{ color: #fff;text-align: center;}
.footer_info{ overflow:hidden;}
.footer_info li{ line-height:2.25;}
.friend_link{ clear:both; padding-top: 15px;}
.friend_link a{ display:inline-block; padding: 0 14px; color: #fff;}
.friend_link a:hover{ opacity:.80; filter:alpha(opacity=80);}
.footer_bot{ border-top:1px solid #b3b3b3; color:rgba(255,255,255,.40); font-size: 12px; padding: 23px 0;}
.footer_bot a{ color:rgba(255,255,255,.40);}
.footer_bot a:hover{ color:#fff;}


/*===================section========================*/   
/*bgImg*/
.bgImg{ width:100%; height: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all .5s ease-in-out;}
.bgImg img{display:none;}
/*table*/
.table{ display:table; width:100%; height: 100%; }
.cell{ display:table-cell; vertical-align:middle;} 
 /*====================01 首页==========================*/
/*focus_warp*/
.focus_warp{ position:fixed; top:0; left: 0; width: 100%; height:100%; color:#fff;}  
.focus_video{ width: 100%; height: 100%;}
.video_box{ width: 100%; height: 100%; position: relative; top:0;}
.video_box video{ display:block; width: 100%; height: 100%; object-fit: fill;/*这里是关键*/  background: url(../../images/focus_01b.jpg) no-repeat; background-size: cover; }  
.focus_txt{ position:absolute; top:0; left:0; z-index:1; width: 100%; height: 100%; font-size: 52px;}
.focus_txt .inner{ height:100%; display:table;} 
.focus_txt i{ display:inline-block; vertical-align:top; } 
.focus_txt h3{ font-weight: bold; font-size: 60px;}   
#focus_en{ line-height: 1; font-size:44px;}
.focus_cover { opacity: 0; filter:alpha(opacity=0); width: 100%; height: 100%; position: fixed; top:0; left:0; z-index: -2; background:rgba(0,0,0,0); animation: 1s .2s fadeOut both;}
.focus_cover.active{ opacity: 1; filter:alpha(opacity=100); z-index:1; background:rgba(0,0,0,.20); animation: 1s .2s fadeIn both;  }
#focus_scr{ display:none;}
#focus_scr .owl-dots{ position:absolute; bottom: 10px; left:0; z-index:2;}
#focus_scr .owl-item img{ display:block; width: 100%;}

/*=====index_warp=========*/
.index_warp{ position:relative; z-index:10; margin-top: 100vh; overflow: hidden; }
.index_sec{ background-repeat:no-repeat; background-position:center 0; background-size:cover; background-attachment:fixed; padding: 30px 0;}
/*sec_service*/
.sec_service{ padding:90px 0; } 
.title01{ text-align:center; margin-bottom: 30px;}
.title01 span{ display:block; line-height: 1; margin-bottom: 10px; font-family:Comic Sans MS; color: #464646;}
.title01 span em{ color: #1593fc;}
.service_list{ padding-top:40px;}
.service_list li{ float:left; text-align:center; width:25%; padding: 20px;}
.service_block{ max-width: 212px; margin: 0 auto; color: #333;}
.servie_ico{ display:block; position:relative; border-radius:50%; width:67.93%; max-width: 144px; height: 0; overflow:hidden; padding-top:67.93%; margin: 0 auto 14px; background:#afafaf;}
.service_list li:hover .servie_ico{ background: #1593fc;} 
.servie_ico img, .servie_ico i{ display:block; position:absolute;}
.ico_a{ width:100%; height: 100%; top:0; left:0;}
.s_ico01_a{ }
.s_ico01_b{ top:44%; left: 22.5%; width: 39.59%;}
.s_ico01_c{ top: 17.75%; left: 23%; width: 28.48%;}
.s_ico02_a{ }
.s_ico02_b{ top: 24%; left: 34%; width:44.45%; height:44.45%; background: url(../../images/service_ico02_b.png) left top no-repeat; background-size: cover; }
.s_ico03_a{}
.s_ico03_b{ top: 24%; left: 66.5%; width:11.81%; }
.s_ico03_c{ top: 54%; left: 24.5%; width: 15.98%;}
.s_ico04_a{}
.s_ico04_b{ top: 33%; left: 27%; width: 15.28%; }
.s_ico04_c{ top: 33%; right: 25%; width: 15.28%; }
.s_ico04_d{ top: 23%; right: 34%; width: 9.73%; }
.s_ico04_e{ top: 23%; left: 36%; width: 9.73%; }
.service_list li:hover .s_ico01_a{ animation:1.5s 0.2s bounceIn infinite linear ;}
.service_list li:hover .s_ico01_b{ animation:1.5s 0.4s bounceInLeft infinite linear ;}
.service_list li:hover .s_ico01_c{ animation:1.5s 0.5s bounceInLeft infinite linear ;}
.service_list li:hover .s_ico02_a{ animation: 1.5s 0.2s mymove01 infinite linear ;}
.service_list li:hover .s_ico02_b{ animation: 1.5s 0.5s mymove02 infinite linear ;} 
.service_list li:hover .s_ico03_a{ animation: 1.5s 0.2s fadeIn infinite linear ;}
.service_list li:hover .s_ico03_b{ animation: 1.5s 0.4s flash infinite linear ;} 
.service_list li:hover .s_ico03_c{ animation: 1.5s 0.6s flash infinite linear ;} 
.service_list li:hover .s_ico04_a{ animation: 1.5s 0.3s fadeInUp infinite linear ;} 
.service_list li:hover .s_ico04_b{ animation: 1.5s 0.2s fadeInUp infinite linear ;} 
.service_list li:hover .s_ico04_c{ animation: 1.5s 0.2s fadeInUp infinite linear ;} 
.service_list li:hover .s_ico04_d{ animation: 1.5s 0.3s fadeInUp infinite linear ;} 
.service_list li:hover .s_ico04_e{ animation: 1.5s 0.3s fadeInUp infinite linear ;} 
/*mymove01*/
.mymove01 {
	-webkit-animation-name: mymove01;
	animation-name: mymove01
}
@-webkit-keyframes mymove01 {
	0% {
		top: 0; left: 0;
	}
	25% {
		top: -19%; left: -16%;
	}
	50% {
		top: 0; left: 0;
	}
	75% {
		top: 16%; left: 19%;
	}
	100% {
		top: 0; left: 0;
	}
}
@keyframes mymove01 {
	0% {
		top: 0; left: 0;
	}
	25% {
		top: -19%; left: -16%;
	}
	50% {
		top: 0; left: 0;
	}
	75% {
		top: 16%; left: 19%;
	}
	100% {
		top: 0; left: 0;
	}
}
.mymove02 {
	-webkit-animation-name: mymove02;
	animation-name: mymove02
}
@-webkit-keyframes mymove02 {
	0% {
		opacity:0; filter:alpha(opacity=0); width:0;
	} 
	100% {
		opacity:1; filter:alpha(opacity=100); width:44.45%;
	}
}
@keyframes mymove02 {
	0% {
		opacity:0; filter:alpha(opacity=0); width:0;
	} 
	100% {
		opacity:1; filter:alpha(opacity=100); width:44.45%;
	}
} 

.servie_tit{ margin-bottom:23px;}
.servie_des{ line-height:24px; max-height: none; overflow: hidden;}
/*sec_design*/
.sec_design{ background-color: #fff;}
.design_box{ position:relative;}
.design_tab{ position:absolute; width:100%; height: 100%; bottom: 0; left:0;}
.design_tab li{ width:25%; height: 100%; float: left; line-height: 1.2; position: relative; }
.design_tab li:before{ content:""; position:absolute; top:0; left:0; width:1px; height:100%; border-left:1px solid rgba(255,255,255,.50); z-index: 2;}
.design_tab li a{ display:block; position:absolute; width:100%; bottom: 0; left:0; z-index:2; color: #fff; padding:20px 5% 20px 10%; text-shadow:0 0px 5px rgba(0,0,0,.40);}
.design_tab li a em{ display:block; font-family: 'Futura-Condensed'; margin-top: 10px;}
.design_tab li.current a{ color:#1593fc; }
.design_con{ }
.design_block{ opacity: 0; filter:alpha(opacity=0); position:absolute; top: 0; left:0; width:100%; height: 100%;}
.design_scr{ display:block;}
.design_scr li{ background:#000;}
.design_scr img.img_pc{ display:block;}
.design_scr img.img_phone{ display:none; width:100%;}
.design_scr .owl-nav a{ position:absolute; top:50%; left:3.7%; z-index:-10; width:54px; height: 54px; margin-top: -27px; background: #333333  url(../../images/arrow03_left.png) center center no-repeat; background-size:14px; opacity: 0; filter:alpha(opacity=0); }
.design_scr .owl-nav a span{ text-indent:-9999px;}
.design_scr .owl-nav a.owl-next{ left:auto; right:3.7%; background-image:url(../../images/arrow03_right.png);}
.design_scr .owl-nav a:hover{ background-color: #1593fc;}
.design_scr .owl-dots{ display:none; position:absolute; bottom:10px; right:20px; width:auto; z-index: 10;}
.design_scr .owl-dots .owl-dot span{ background-color: #fff;}
.design_scr .owl-dots .owl-dot span:before{ background-color: #1593fc;}
.design_block.show{ opacity:1; filter:alpha(opacity=100); position: relative; z-index: 1;}
.design_block.show .design_scr{ animation: 1s 0.1s fadeIn both;}
.design_block.show .design_scr .owl-nav a{ opacity: 1; filter:alpha(opacity=100); z-index: 10;}
/*sec_increase*/
.sec_increase{ background-color:#f8f8f8; padding-bottom: 60px;}
.increase_tab{ padding: 0 2.5px;}
.increase_tab li{ width:25%; float:left; text-align:center;}
.increase_tab li a{ display:block; position: relative; background: #fff; border:5px solid #d0e795; border-radius:25px 25px 0 0; line-height: 60px; margin:0 -2.5px;}
.increase_tab li a:before{ content:""; position:absolute; bottom:-5px; left:0; z-index:1; width:100%; height: 5px; background:#fff; opacity: 0; filter:alpha(opacity=0);}
.increase_tab li.current a:before{ opacity:1; filter:alpha(opacity=100);}
.increase_box{ position: relative; height: 255px; padding:40px 5% 0; background: #fff; border:5px solid #d0e795; border-top: none; border-radius: 0 0 25px 25px;}
.increase_deco{ position:absolute; bottom: 0; right:3%; width:29.828%; max-width:346px; height:0; overflow: hidden; padding-top:10.69%; /*  height: 124px;*/ background: url(../../images/increase_01.png) right bottom no-repeat; background-size:contain; }
.increase_block{ position: relative; z-index:1; display:none;}
.increase_block.show{ display:block;}
.increase_block dl{ overflow:hidden;}
.increase_block dl dt{ float:left; width: 220px; margin-right: 50px;}
.increase_block dl dd{ overflow:hidden; max-width: 774px;}
.increase_des{ line-height:30px; height: 120px; overflow: hidden; margin-bottom: 8px;}
.more01{ display:block; width:120px; line-height: 37px; text-align: center; color: #fff; border-radius:18px; background: #aed351;}
.increase_block.show dl{ animation: 1s 0.2s fadeIn both;}
/*sec_pending*/
.sec_pending{ background-color: #f8f8f8;}
#pending_scr{ position:relative; z-index:3;}
#pending_scr .owl-stage-outer{ overflow:visible;} 
.pending_thumb{ display:block; position: relative; z-index: 1; overflow: hidden; cursor: pointer;}
.pending_thumb:hover img{ display:block; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); } 
.pending_thumb:hover img{ transform: scale(1.1); }  
.pending_cover{ position:absolute; top:50%; margin-top: -66.98%; left:0; z-index:10; width: 204.544%; height: 197.96%; display:none;}
.pending_cover img{ display:block; margin:0 auto;}
#pending_scr .owl-item:last-child .pending_cover{ left:auto; right: 0;}
@media (min-width: 992px){
	#pending_scr .owl-item:hover{ z-index:10;}
	#pending_scr .owl-item:hover .pending_cover{ display:block;}
	#pending_scr .owl-item:hover .pending_cover img{ animation: 1s 0.2s fadeIn both;}
}
/*sec_cooper*/
.sec_cooper{ padding:40px 0; background-color: #f8f8f8;}
#cooper_scr .item{ text-align:center;}
#cooper_scr .item a{ display:inline-block; position: relative;}
#cooper_scr .item a img{ transition: all 0.5s 0s ease-in-out;}
#cooper_scr .item a img.img_gray{ opacity:.60; filter:alpha(opacity=60);}
#cooper_scr .item a img.img_col{ opacity:0; filter:alpha(opacity=0); position: absolute; top:0; left:0; z-index: 1;}
#cooper_scr .item:hover a img.img_gray{ opacity:0; filter:alpha(opacity=0);}
#cooper_scr .item:hover a img.img_col{ opacity:1; filter:alpha(opacity=100);}
/*main*/
main{ padding-top: 115px;}
body.body_index main{ padding-top: 0;}
.sub_top{ background: #eeeeee; padding: 9px 0;}
.location{ float:left; margin: 0 -8px; color: #999;}
.location a{ display:inline-block; padding: 0 8px;}
.location a.current{ color: #000;}
/*===========sub_con========*/
.sub_con{ padding: 20px 0; overflow: hidden;}
.sub_tit{ text-align:center; color: #333; position: relative; padding-bottom: 15px; margin-bottom: 40px;}
.sub_tit:before{ content:""; position:absolute; bottom: 0; left:50%; width:24px; height: 1px; margin-left: -12px; background:#000;}
/*works*/
.works_top{ text-align:center; margin-bottom: 40px;}
.works_tab{ display:inline-block; vertical-align: top;}
.works_tab li{ float: left; width:115px;}
.works_tab li a{ display:block; border:1px solid #eeeeee; margin-left: -1px; line-height: 47px; background: #fff; color: #999;}
.works_tab li:hover a,
.works_tab li.current a{ background: #eeeeee;}
.works_box{}
.works_list{ margin: -15px; overflow: hidden;}
.works_list li{ width:33.33%; float:left; padding: 15px;}
.works_block{ display:block; overflow: hidden; color: #000;}
.works_img{ overflow: hidden; position:relative; padding-top:75.145%;}
.works_img img{ display:block; position:absolute; top:0; left:0; width:100%; height: 100%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.works_list li:hover .works_img img{ transform: scale(1.1); }
.works_txt{ height: 105px; padding-top: 30px; border-bottom:1px solid #d2d2d2; position:relative;}
.works_txt:before{ content:""; position:absolute; bottom: -1px; left:0; z-index:1; width:77px; height: 1px; background:#000;}
.works_tit{ display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.works_local{ color:#999; margin-top: 5px;}
.works_list li:hover .works_txt:before{ width:100%;} 
.works_list li.works_get{}
.get_textbox{ position:absolute; top:0; left:0; z-index:1; width:100%; height: 100%; text-align: center; color:#666;}
.get_textbox a{ color:#666;}
.get_des{ display:inline-block; text-align:left; line-height: 1.875;}
.get_des h4{ font-weight: bold; margin-bottom: 10px;}
/*page*/
.page{ text-align:center; margin-top: 60px;}
.page a{ display:inline-block; vertical-align: middle; width:45px; line-height: 45px; margin: 0 4px; background: #eeeeee;}
.page a.page_btn{ width:83px;}
.page a:hover, .page a.current{ background:#1593fc;}
/*works_photo*/
.works_photo{ position: relative;}
.works_photo img{ display:block;}
.works_big{ } 
.works_big .owl-nav a{ width:44px; height: 44px; position:absolute; top: 50%; margin-top: -22px; z-index:2; text-indent:-9999px; background:center center no-repeat; background-size: 24px;}
.works_big .owl-nav a.owl-prev{ left:0; background-image: url(../../images/arrow05_left.png);}
.works_big .owl-nav a.owl-next{ right:25px; background-image: url(../../images/arrow05_right.png);}
.works_thumb{ width: 70%; max-width: 552px; /*background: #fff;*/background-color: rgba(255, 255, 255, 0.5); padding:18px 36px; position:absolute; bottom: 0; left:0; z-index: 1;}
.works_thumb img{ width:100%; opacity: .70; filter:alpha(opacity=70); border:2px solid transparent; transition: all 0.5s 0s ease-in-out;}
.works_thumb .owl-item.current img{ opacity:1; filter:alpha(opacity=100); border-color:#1593fc;}
.works_thumb .owl-nav a{ width:36px; height: 76px; position:absolute; bottom: 22px; z-index:2; text-indent:-9999px; background:center center no-repeat; background-size: 10px;}
.works_thumb .owl-nav a.owl-prev{ left:0px; background-image: url(../../images/arrow02_left.png);}
.works_thumb .owl-nav a.owl-next{ right:0px; background-image: url(../../images/arrow02_right.png);}
/*works_end*/
.works_end{ margin-top: 80px;}
.works_related{ float:right; width:170px; padding:30px 25px 0; background:#fff; border:3px solid #a0a0a0; margin-left: 7%;}
.works_related li.related_time{ color:#333; margin-bottom: 40px;}
.works_related li{ margin-bottom:25px;}
.works_related li img{ display:block; height: 25px; width:auto; margin-bottom: 5px;}
.end_textbox{ overflow:hidden;}
.end_tit{ text-transform: uppercase; color: #333; line-height: 1; margin-bottom: 40px;}
.end_tit em{ display:block; font-family: 'AkzidenzGroteskBQ-XBdCnd'; margin-bottom: 8px;}
.end_guide{ clear: both; width:100%; margin-top: 80px; padding-top: 20px; border-top:3px solid #a0a0a0;}
.back{ display:block; float: left; margin-right: 5%;}
.guide_r{ overflow:hidden;}
.guide_list{ float:right; margin-top:-6px; overflow: hidden;padding-right: 30px;}
.guide_list li{ margin-top:6px;}
.guide_list li a{ display:block;}
.back:hover, .guide_list li a:hover{ color: #1593fc; text-decoration:underline;}
/*idea_tab*/
.idea_tab{ text-align:center; width:76%; max-width: 890px; margin: 0 auto;}
.idea_tab li{ float:left; width:33.33%; line-height:1;}
.idea_tab li a{ display:inline-block; vertical-align: top;}
.idea_ico{ display:block; margin: 0 auto 40px; width:100px; height: 100px; position: relative;}
.idea_ico:before{ content:""; position:absolute; bottom: -22px; right:-25px; width:92%; height: 92%; border-radius:50%; background: #fffc38; transition: transform 1s cubic-bezier(.23, 1, .32, 1); transform: scale(0);}
.idea_ico img{ display:block; position:relative; z-index:1;}
.idea_tab li:hover .idea_ico img{ animation: 1s 0.2s pulse both;}
.idea_tab li:hover .idea_ico:before,
.idea_tab li.current .idea_ico:before{ transform: scale(1);}
.idea_box{ margin-top: 70px;}
.idea_list{}
.idea_list li{ position:relative;}
.idea_list li:before{ content:""; position:absolute; top:0; left:-50%; width:200%; height: 100%; background:#f5f5f5;}
.idea_list li:nth-of-type(even):before{ background:#fff;}
.idea_list li a{ display:block; position:relative; z-index: 1; overflow: hidden; padding: 40px 0;}
.idea_img{ display:block; float:left; width:212px; height: 159px; overflow: hidden; margin-right: 3.42%;}
.idea_img img{ display:block; width:100%; height: 100%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.idea_list li:hover .idea_img img{ transform: scale(1.1); }
.idea_info, .idea_r{ margin-top: 30px;}
.idea_info{ float:left; width:67%;}
.idea_tit{ margin-bottom: 18px;}
.idea_des{ color:#999; line-height: 24px; max-height: 48px; overflow: hidden;}
.idea_r{ float:right; color: #999; text-align: center;}
.idea_time{ display:block; line-height: 1; font-family: 'PingFangSC Thin'; margin-bottom: 35px;}
.idea_more{ display:block; margin: 0 auto; position:relative; width:44px; height: 27px; border-left:1px solid #d2d2d2; text-indent:-9999px;}
.idea_more:before{ content:""; position:absolute; top:50%; right:0; width:23px; height: 12px; margin-top: -6px; background: url(../../images/ico_more01.png) right center no-repeat; background-size:46px;} 
/*increase_classify*/
.increase_classify{ margin: -22px; overflow: hidden;}
.increase_classify li{width:25%; float:left; padding:22px;}
.increase_classify li a{ display:block; overflow: hidden; position: relative; background:#000; color: #fff; text-align:center;}
.increase_classify li a img{ display:block; transition: opacity 0.60s, transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.increase_classify li a:hover img{ opacity:.85; filter:alpha(opacity=85); transform: scale(1.1);}
.increase_tit{ position:absolute; bottom: 50px; left:0; z-index: 1; width:100%; padding:0 20px;}
.increase_tit span{ display:block; position:relative; max-width:140px; margin: 0 auto; line-height: 54px;}
.increase_tit span:before{ content:""; position:absolute; top:0; left:0; width:100%; height: 100%; border-top:1px solid #fff; border-bottom:1px solid #fff;} 
.increase_classify li a:hover .increase_tit span:before{ width:56%; left:22%;}
/*banner*/
.banner{ position:relative; overflow: hidden; margin-bottom: 60px;}
.banner:before{ content:""; position:absolute; bottom: 0; left:0; z-index:2; width:100%; height: 15px; background:#1593fc;}
.banner_img{ display:block; position:relative; top:0px;}
.banner_textbox{ position:absolute; bottom:0; left:0; z-index:1; color: #fff; width:100%; padding:60px; text-align:left;}
.banner_dec01{ display:block; width:106px; height: 106px; background: url(../../images/banner_ico01.png) no-repeat; background-size: contain; text-indent:-9999px;}
.banner_tit{ line-height: 1.2; margin-top: 20px;}
.banner_en{ display:inline-block; margin-top: 15px; font-size:12px; line-height: 12px;}
.en_box{ font-size:10px; -webkit-transform:scale(0.85);}
.banner_dec02{ display:block; width:80%; max-width: 330px; height: 22px; background: url(../../images/banner_ico02.png) right center no-repeat; background-size: 22px; text-indent:-9999px;}
/*brand*/
.brand{ color: #333; line-height: 2.14;}
.increase_item{ clear:both; width:100%; font-weight: bold; color: #000; line-height: 1; padding-bottom:20px; border-bottom: 1px solid #dcdcdc; margin-bottom: 40px;}
.item_tip{ display:block; float:right; font-weight: normal; font-size: 14px; margin-top: 5px;}
.director{ }
.director_intro dt{ width:228px; float: right; text-align:center; color: #666; margin-left: 5%;}
.director_intro dt img{ display:block; margin: 0 auto 12px;}
.director_intro dd{ overflow: hidden;}
.brand_service{}
.service_content{}
.service_content li{ overflow:hidden; margin-bottom: 25px;}
.brand_num{ display:block; float: left; margin-right: 10px;}
.brand_txt{ overflow:hidden;}
.brand_caption{ margin-bottom: 5px;}
/*study_list*/
.study_list{ overflow: hidden;  margin: -32px -22px;}
.study_list li{ width:50%; float:left; padding:32px 22px;}
.study_list li a{ display:block; overflow: hidden; height: 0; position:relative; padding-top:74.957%; background:#000; color: #fff;}
.study_list li a img{ display:block; position:absolute; top:0; left:0; width:100%; height: 100%; transition: opacity 0.60s, transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.study_list li a:hover img{ opacity:.90; filter:alpha(opacity=90); transform: scale(1.1);}
.study_item{ position:absolute; bottom: 0; left:0; z-index:1; width:100%; background:rgba(0,0,0,.60); padding:23px 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*article*/
.article{ color: #333; line-height: 2;}
.article_top{ line-height:normal; text-align:center; margin-bottom: 50px; padding-bottom: 35px; border-bottom: 1px solid #dcdcdc;}
.article_tit{ font-weight: bold; margin-bottom: 15px;}
.read_num{ margin-left: 20px; padding-left: 24px; background:url(../../images/article_ico01.png) left center no-repeat;}
.article_guide{ margin-top: 50px; font-size: 14px; line-height:1.72; background:#eeeeee;}
.article_guide li{ width:40%; float:left;}
.article_guide li a{ display:block; padding:19px 30px;}
.article_guide li:nth-of-type(3){ text-align:right;}
.article_guide li a:hover{ color: #1593fc; text-decoration:underline;}
.article_guide li.back_list{ width:20%; text-indent:-9999px;}
.article_guide li.back_list a{ padding-left: 0; padding-right: 0; background: url(../../images/article_ico02a.png) center center no-repeat; background-size:24px;}
.article_guide li.back_list:hover a{ background-image: url(../../images/article_ico02b.png);}
/*promotion*/
.promotion{ color: #333;}
.detail_block{ margin-top:50px;}
.user_group{}
.user_txt{ float:left; margin-right: 5%;}
.user_list{ overflow:hidden;}
.user_list li{ width:20%; float: left; text-align:center;}
.user_list li img{ display:block; margin: 0 auto 10px; width:66px; height: 66px;}
.display{}
.display_list{ overflow: hidden; margin:-15px -27px;}
.display_list li{ width:33.33%; float: left; padding:15px 27px;}
.display_list li img{ display:block; margin: 20px 0 25px;}
.advance{ }
.advance_list{}
.advance_list li{ overflow:hidden; background: #fff; padding: 11px 20px;}
.advance_list li:nth-of-type(even){ background:#eeeeee;}
.advance_item{ display:block; float: left; width:100px; padding-right: 20px;}
.advance_des{ overflow: hidden;}
.flow{}
.flow_list{}
.flow_list li{ float:left; width:16.66%; text-align: center; position:relative;}
.flow_list li:before{ content:""; position:absolute; top:40px; left:0; width:100%; height:1px; background: url(../../images/flow_01.png) repeat-x;}
.flow_list li:first-child:before{ width:50%; left:auto; right:0;}
.flow_list li:last-child:before{ width:50%;}
.flow_num{ position:relative; z-index:1; display:inline-block; padding:0 12px; background: #fff; margin-bottom:25px;}
.flow_num em{ display:block; border-radius:50%; width:77px; height: 77px; line-height: 77px; background:#1593fc; font-family: 'DINCond-Bold';}
.hot_line02{ color: #000; text-align:center; margin-top: 70px;}
.hot_line02 a{ color: #000;}
/*matching*/
.matching_tab{ padding-bottom: 15px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px;}
.matching_tab li{ float:left;}
.matching_tab li a{ display:block; position: relative; font-weight: bold; padding:0 36px; color: #c6c6c6;}
.matching_tab li a:before{ content:""; position:absolute; top:50%; left:0; width:3px; height: 20px; margin-top: -10px; background:#c6c6c6;}
.matching_tab li:first-child a{ padding-left:0;}
.matching_tab li:first-child a:before{ display:none;}
.matching_tab li:hover a, .matching_tab li.current a{ color:#333;}
.matching_block{ }
.matching_foreword{ line-height:2; margin-bottom: 70px;}
.matching_list{ overflow: hidden; margin:-22px 0;}
.matching_list li{}
.matching_list li a{ overflow: hidden; display:block; padding:22px 0;}
.matching_img, .matching_info{ height: 195px;}
.matching_img{ overflow:hidden; float:left; width:259px; margin-right: 30px;}
.matching_info{ overflow:hidden; border-bottom: 1px solid #e5e5e5; position: relative;}
.matching_info:before{ content:""; position:absolute; bottom: 0; left:0; z-index: 1; width:100%; height: 1px; background:#1593fc; opacity: 0; filter:alpha(opacity=0);}
.matching_info h5{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 25px;}
.matching_des{ line-height:24px; max-height: 48px; overflow: hidden;}
.more02{ display:inline-block; margin-top: 25px; }
.more02:hover{ text-decoration:underline;}
.matching_img img{ display:block; width:100%; height: 100%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.matching_list li a:hover .matching_img img{ transform: scale(1.1); } 
.matching_list li a:hover .matching_info:before{ opacity:1; filter:alpha(opacity=100);} 
/*rec_works*/
.rec_works{ margin-top: 50px;}
.rec_tit{ margin-bottom: 30px;}
.rec_list li a{ color:#000;}
.rec_list li a .works_tit{ height:24px; line-height: 24px; margin-top: 10px;}
/*contact*/
.sub_contact{ overflow-y:visible;}
.contact_map{ height:440px;}
.contact_map img{ display:block; width:100%; height: 100%;}
.contact_info{ margin-top: 70px;}
.contact_info li{ position: relative; float:left; width:25%;}
.contact_info li em{ display:block; margin-bottom: 8px;}
.contact_info li.blank{ width:100%; height: 86px;}
.contact_info li.blank:before{ content:""; position:absolute; top:50%; left:0; width:100%; height: 1px; background:#dcdcdc;}
.contact_info li.address{ width:100%;}
.message{ margin-top: 50px; padding: 50px; background:#f6f6f6;}
.message_tit{ text-align:center; margin-bottom: 40px;}
.message_fill{ margin:-20px -10px 0;}
.fill_line{ width:50%; float: left; padding:20px 10px 0; }
.line_block{ background:#fff;}
.must_tip { position: absolute; top: 50%; right: 10px; margin-top: -12px; z-index: 1; color: red; line-height: 24px;}
/*dropdown*/
.fill_txt, .dropdown .selected{ display:block; width:100%; height: 54px; padding:15px 27px;} 
.fill_txt, .dropdown, .dropdown div, .dropdown li, .dropdown div::after, .dropdown .carat {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.dropdown .selected::after, .dropdown.scrollable div::after {
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
} 
.dropdown { position: relative; width: 100%; cursor: pointer; 
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none; 
}
.dropdown.open{ z-index: 2; }
.fill_txt:hover, .dropdown:hover { box-shadow: 0 0 5px rgba(0,0,0,.15);}
.fill_txt:focus, .dropdown.focus { box-shadow: 0 0 5px rgba(51,102,248,.4); } 
.dropdown .carat { position:absolute; top:0; right:0; width:54px; height: 100%; background: url(../../images/ico_down.png) center center no-repeat;}
.dropdown.open .carat { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.dropdown.disabled .carat { } 
.dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden;}
.dropdown select { position: absolute; left: 0px; top: 0px;}
.dropdown.touch .old { width: 100%; height: 100%;}
.dropdown.touch select { width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0);} 
.dropdown .selected, .dropdown li { overflow: hidden; white-space: nowrap; } 
.dropdown.disabled .selected { color: #999;}
.dropdown .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius: 0 2px 2px 0; box-shadow: inset -55px 0 25px -20px #fff; } 
.dropdown div { position: absolute; height: 0; left: -1px; right: -1px; top: 100%; margin-top: -1px; background: #fff; border: 1px solid #eee; border-radius: 0 0 3px 3px; overflow: hidden; opacity: 0; filter:alpha(opacity=0); } 
.dropdown.open div { opacity: 1; filter:alpha(opacity=100); z-index: 2; }  
.dropdown.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; box-shadow: inset 0 -50px 30px -35px #fff; }
.dropdown.scrollable.bottom div::after { opacity: 0;  filter:alpha(opacity=0);} 
.dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; }
.dropdown.scrollable.open ul { overflow-y: auto;} 
.dropdown li { padding: 5px 27px; color: #666;} 
.dropdown li.focus { color: #333; position: relative; z-index: 3; }
.dropdown li.active { background: #fffc38; color: #333;}
/*message_handle*/
.message_handle{ clear:both; padding-top: 40px; text-align:center;}
.message_submit{ cursor:pointer; display:inline-block; vertical-align: middle; background: #fffc38; width:153px; height: 48px;}
/*========about============*/  
.sec_about{ padding:60px 0;}
/*about_team*/
.about_team{}
.team_forewords{ text-align:center; max-width: 1005px; margin: 0 auto;}
.t_f_en{ font-size:12px; color: #999; line-height: 1.83;}
.t_f_cn{ margin-top:30px;}
.team_show{ margin-top:50px;}
#team_scr{}
#team_scr .item{ text-align:center; color: #666;} 
.team_img{ overflow:hidden; margin-bottom: 10px;}
.team_img img{ display:block; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
#team_scr .item:hover .team_img img{ transform: scale(1.1); }
.team_name{ color:#333;}
#team_scr .owl-nav a{ width:24px; height: 44px; background: url(../../images/arrow04_left.png) no-repeat; position:absolute; top:50%; left:-48px; margin-top:-44px; text-indent: -9999px;}
#team_scr .owl-nav a.owl-next{ left:auto; right:-48px; background-image: url(../../images/arrow04_right.png); background-size:contain;}
#team_scr .owl-nav a.disabled{ opacity:.70; filter:alpha(opacity=70);}
/*about_environment*/
.about_environment{ background-color:#f3f3f3;}
.environment{ overflow:hidden; margin: -8px -5px;}
.environment_box, .environment_img{ float: left; padding:8px 5px;}
.environment_box{ width:100%;}
.environment_block01{ background:#fff; position:relative;}
.environment_block01 dt{ width:29.488%; height:100%; position:absolute; top:0; left:0; padding:5.5%;}
.environment_block01 dd{ width:70.512%; float:right; overflow:hidden;}
.environment_block01 dd img{ display:block;}
.environment_block01 .sub_tit{ text-align:left; margin-bottom: 20px;}
.environment_block01 .sub_tit:before{ margin: 0; left:0;}
.environment_img{ width:50%;}
.environment_img img{ display:block;}
.environment_block02{ background:#333; color: #fff;}
.environment_block02 dt{ left:auto; right:0;}
.environment_block02 dd{ float:left;}
/*about_news*/
.about_news{}
.news_list{ margin: -11px; overflow: hidden;}
.news_list li{ width:33.33%; float:left; padding: 11px;}
.news_list li a{ display:block;}
.news_img{ overflow:hidden; position:relative; padding-top: 56%; } 
.news_img img{ display:block; width:100%; height: 100%; position:absolute; top:0; left:0;} 
.news_textbox{ border:1px solid #e5e5e5; padding:0 20px;}
.news_tit{ font-size: 14px; line-height: 24px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px;}
.news_des{ color: #999; line-height:24px; height: 48px; overflow: hidden; margin-top: 5px;}
.news_more{ display:block; position:relative; font-size:12px; line-height:45px; border-top:1px solid #dcdcdc; margin-top: 35px;}
.news_more:before{ content:""; position:absolute; top:0; right:0; width:21px; height: 100%; background: url(../../images/ico_01.png) right center no-repeat;}
.more03{ display:block; text-align: center; margin-top: 40px;}
.more03:hover{ color:#000; text-decoration:underline;}
.news_list li a{ 
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.news_list li a:hover{ 
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}




/*font*/
.f48{ font-size:48px;}
.f36{ font-size:36px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}

@media (max-width: 1199px){
	/*font*/
	.f48{ font-size:38px;}
	.f36{ font-size:32px;}
	.f30{ font-size:28px;}
	.f28{ font-size:26px;}
	.f26{ font-size:24px;}
	.f24{ font-size:22px;}
	.f22{ font-size:20px;}
	.f20{ font-size:18px;}
	.f18{ font-size:16px;}
	.f16{ font-size:14px;}
	
	/*inner*/
	.inner{ width:970px;}
	/*header*/ 
	.nav li a.nav_a0{ padding:0 15px;}  
	/*footer*/
	.footer_top .inner{ padding-bottom: 30px;}
	.f_t_left{ padding-left: 0;}
	.QR_code li{ margin-right:0; margin-left: 26px;}
	.friend_link a{ padding:0 7px;}
	.footer_bot{ padding:10px 0;}
	.back_top{ right:0;}
	/*focus_warp*/
	.focus_txt{ font-size:42px;}
	.focus_txt h3{ font-size:50px;}
	#focus_en{ font-size:34px;}
	/*02*/
	/*.works_big .owl-nav a.owl-next{ margin-left:46px;}*/
	/*03*/ 
	.idea_ico{ width:75px; height: 75px; margin-bottom: 25px;}
	.idea_ico:before{ right:-15px; bottom:-15px;}
	.idea_info{ width:63%;}
	/*05*/
	.increase_classify{ margin:-15px;}
	.increase_classify li{ padding:15px;}
	.banner_dec01{ width:80px; height: 80px;}
	.banner_textbox{ padding:40px;}
	.study_list{ margin:-15px;}
	.study_list li{ padding:15px;}
	.display_list{ margin:-15px;}
	.display_list li{ padding:15px;}
	
	/*about*/
	.environment_block01 dt{ padding:3%;}
}

@media (max-width: 991px){
	/*font*/
	.f48{ font-size:30px;}
	.f36{ font-size:28px;}
	.f30{ font-size:26px;}
	.f28{ font-size:24px;}
	.f26{ font-size:22px;}
	.f24{ font-size:20px;}
	.f22{ font-size:18px;}
	.f20{ font-size:16px;}
	.f18{ font-size:14px;}
	.f16{ font-size:14px;}
	
	/*inner*/
	.inner{ width:750px;}
	/*header*/
	header:nth-child(n){ height: 55px; background: #fff; box-shadow:0 0 10px -2px rgba(0,0,0,.20); padding-top: 10px;}
	header:nth-child(n) .logo{ margin-right:0;}
	header:nth-child(n) .logo img{ opacity:1; filter:alpha(opacity=100); height:35px;}
	header:nth-child(n) .logo img.logo_white{ opacity: 0; filter:alpha(opacity=0);}
	header:nth-child(n) .nav{ float:none; position:fixed; top:55px; left:0; width:100%; height: 100%; background:rgba(255,255,255,.90); display:none;}
	header:nth-child(n) .nav li{ float:none; text-align:center; 
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal; 
	}  
	@-webkit-keyframes returnToNormal {
		from{
			opacity: 0; filter:alpha(opacity=0);
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
		}
		to {
			opacity: 1; filter:alpha(opacity=100);
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes returnToNormal {
		from{
			opacity: 0; filter:alpha(opacity=0);
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
		}
		to {
			opacity: 1; filter:alpha(opacity=100);
			-webkit-transform: none;
			transform: none;
		}
	}
	header:nth-child(n) .nav li a.nav_a0{ color:#333; padding:15px; border-bottom: 1px solid rgba(0,0,0,.05); font-size: 14px;}
	header:nth-child(n) .nav li a.nav_a0:active{ color:#fffc38;}
	header:nth-child(n) .nav li a.nav_a0 em{ padding:0;}
	header:nth-child(n) .nav li a.nav_a0 em:before{ display:none;}  
	header:nth-child(n) .nav li.current a.nav_a0{ background: #fffc38;}
    header:nth-child(n) .tel{ margin-top:8px; margin-right: 55px; font-size:18px; color:#777;}
	.menu_phone{ display:block;}
	
	/*footer*/
	footer{ text-align:center; }
	.footer_nav{ display:block;}
	.f_t_left{ width:100%; float:none; padding: 0;}
	.footer_logo{ width:73px; height: 73px; margin-bottom: 10px;}
	.QR_code{ float:none; margin:20px 0;}
	.QR_code li img{ width:92px; height: 92px;}
	.footer_info li{ line-height: 1.62;}
	
	/*focus_warp*/
	main, body.body_index main{ padding-top: 55px;}
	.focus_warp{ position:relative; height: auto;}
	.focus_txt{ font-size: 32px;}
	.focus_txt h3{ font-size: 40px;}
	#focus_en{ font-size:24px;}
	.index_warp{ margin-top:0;}
	/*index_sec*/
	.service_list li{ padding:10px;} 
	
	.design_tab{ position:inherit; position: initial; }
	.design_tab li:before{ top:25%; height:50%; border-left: 1px solid rgba(0,0,0,.50);}
	.design_tab li:first-child:before{ display:none;}
	.design_tab li a{ position:inherit; position: initial; text-align: center; padding:15px 0; color:#333; text-shadow:none;}
	.design_tab li a em{ display:none;}
	.design_con{ position: relative;}  
	.design_scr img.img_pc{ display:none;}
	.design_scr img.img_phone{ display:block;}
	.design_scr .owl-nav a{ width:34px; height: 34px; margin-top:-17px; background-size:10px;}
	.design_scr .owl-nav a.owl-prev{ left:0;}
	.design_scr .owl-nav a.owl-next{ right:0;}
	
	/*sec_pending*/
	.pending_thumb{ display:none;}
	.pending_cover{ position:relative; display:block; top:auto; margin: 0 auto; width:100%; height: 100%;}
	
	 /*02*/
	/*.works_big .owl-nav a.owl-next{ margin-left:108px;}*/
	/*03*/
	.idea_info{ width:56%;} 
	/*05*/
	.increase_classify,
	.study_list,
	.display_list,
	.works_list{ margin:-10px;}
	.increase_classify li,
	.study_list li,
	.display_list li,
	.works_list li{ padding:10px;}
	.banner_dec01{ width:54px; height: 54px;}   
}

@media (max-width: 767px){
	/*font*/
	/*.f48{ font-size:26px;}
	.f36{ font-size:24px;}
	.f30{ font-size:22px;}
	.f28{ font-size:20px;}
	.f26{ font-size:18px;}
	.f24{ font-size:16px;}
	.f22{ font-size:14px;}
	.f20{ font-size:14px;}
	.f18{ font-size:14px;}
	.f16{ font-size:12px;}
	html,body{ font-size:12px;}*/
	
	footer{ padding-bottom: 54px; }
	/*inner*/
	.inner{ width:100%; max-width: 720px;}
	/*==01==*/  
	.focus_video{ display:none;}
	.focus_txt{ font-size: 22px;}
	.focus_txt h3{ font-size: 30px;}
	#focus_en{ font-size: 16px;}
	#focus_scr{ display:block;}
	/*index_sec*/
	.index_sec{ background-attachment:initial; }
	.sec_service{ padding:30px 0;}
	.service_list{ padding-top:0;} 
	  
	/*sec_increase*/
	.increase_tab{ padding:0 1px;}
	.increase_tab li a{ line-height:40px; border-width: 2px; border-radius: 15px 15px 0 0; margin: 0 -1px;}
	.increase_box{ height:auto; border-width:2px; padding: 15px;}
	.increase_block dl dt{ width:120px; margin-right:15px;}
	.increase_des{ line-height:20px; height: 60px;}
	.more01{ width:92px; line-height: 28px;} 
	
	/*02*/
	.page{ margin-top:40px;}
	.sub_con{ padding:40px 0;}
	.works_thumb{ position: relative; width:100%; max-width: none; padding: 10px 16px; background: rgba(255,255,255,.95);}
	/*.works_big .owl-nav a{ width:16px; background-size:8px; bottom: 50%; margin-bottom:-35%;}
	.works_big .owl-nav a.owl-next{ left:auto; right:0;}*/
	.works_related{ width:auto; padding: 15px 15px 0; border-width:2px;}
	.works_related li, .works_related li.related_time{ margin-bottom:15px;}
	.works_related li img{ height:20px;}
	.works_end{ margin-top:40px;}
	.end_guide{ margin-top:40px; border-width:2px;} 
	/*03*/ 
	.idea_box{ margin-top:40px;}
	.idea_tab{ width:100%;}
	.idea_ico{ width:55px; height: 55px; margin-bottom: 20px;}
	.idea_ico:before{ right:-10px; bottom:-10px;}
	.idea_list li a{ padding:20px 0;}
	.idea_img{ width:122px; height: 92px;}
	.idea_info{ float:none; width:auto; overflow: hidden; margin-top:0;}
	.idea_tit{ margin-bottom:8px;}
	.idea_des{ line-height:20px; max-height:40px; margin-bottom: 6px;}
	.idea_r{ float:none; margin-top:0; overflow: hidden;}
	.idea_time{ float:left; margin-bottom:0; line-height: 20px;}
	.idea_more{ float:right; height: 20px;}
	/*==05==*/ 
	.increase_classify,
	.study_list,
	.display_list,
	.works_list{ margin:-5px;} 
	.increase_classify li,
	.study_list li,
	.display_list li,
	.works_list li{ padding:5px;} 
	
	.increase_tit{ bottom:30px;}
	.increase_tit span{ line-height:40px;}
	.increase_item{ padding-bottom: 15px; margin-bottom: 30px;}
	/*banner*/
	.banner{ margin-bottom:40px;}
	.banner:before{ height: 5px;}
	.banner_en{ display:none;}
	.banner_dec01{ width:30px; height: 30px;} 
	.banner_dec02{ display:none;}
	.banner_textbox{ padding: 20px;}  
	.study_item{ padding:10px;}
	/*page*/
	.page a{ width:35px; line-height: 35px; margin: 0;}
	.page a.page_btn{ width:63px;}
	/*article*/
	.article_guide li a{ font-size:12px; padding: 15px;}
	/*user*/
	.user_list li img{ width:46px; height: 46px;}
	.flow_list li:before{ top:30px;}
	.flow_num em{ width:56px; height: 56px; line-height:56px;}
	.hot_line02{ margin-top:30px;}
	/*matching*/
	.matching_foreword{ margin-bottom:40px;}
	.matching_img{ width:129px; margin-right: 15px;}
	.matching_img, .matching_info{ height: 97px;} 
	.matching_info h5{ margin-bottom:8px;}
	.matching_des{ line-height:20px; max-height:40px;}
	.more02{ margin-top:8px;}
	/*article*/
	.article_top{ padding-bottom:15px; margin-bottom: 30px;}
	.article_tit{ margin-bottom:10px;}
	.article_guide{ margin-top:30px;}
	.rec_works{ margin-top:30px;}
	.rec_tit{ margin-bottom:15px;} 
	.works_list li{ width:50%; }
	.works_txt{ height: 65px; padding-top:10px;}
	
	/*	06*/
	.contact_map{ height: 260px;}
	.contact_info{ margin-top:40px;}
	.contact_info li{ width:50%; margin-bottom: 10px;}
	.contact_info li.blank{ height:46px; display:none;}
	.contact_info li em{ margin-bottom:0;}
	.message{ margin-top:40px; padding: 20px;}
	.fill_txt, .dropdown .selected{ height:44px; padding:10px 14px;}
	.message_fill{ margin:-10px -5px 0;}
	.fill_line{ padding:10px 5px 0;}
	.message_tit{ margin-bottom:20px;}
	.message_handle{ padding-top:20px;}
	.message_submit{ width:120px; height:38px;}
	
	/*about*/
	.sec_about{ padding:40px 0;}
	#team_scr .owl-nav a{ left:0;}
	#team_scr .owl-nav a.owl-next{ left:auto; right:0;}
	.news_more{ margin-top:20px;}
	
	.works_thumb .owl-nav a.owl-prev{ left:-15px; background-image: url(../../images/arrow02_left.png);}
	.works_thumb .owl-nav a.owl-next{ right:-15px; background-image: url(../../images/arrow02_right.png);}
}

@media (max-width: 567px){
	/*index_sec*/
	.service_list{ margin:0 -5px;}
	.service_list li{ padding: 5px;} 
	.servie_ico{ width:77.93%; padding-top: 77.93%; margin-bottom: 10px;}
	.servie_tit{ margin-bottom:10px;}
	.servie_des{ line-height:20px; }
	  
	/*05*/ 
	.increase_classify li{ width:50%;} 
	.director_intro dt{ float:none; margin: 0 auto 20px;}
	.user_txt{ float:none; margin: 0 auto 20px; text-align:center;}
	.display_list li{ width:100%;}
	.flow_list li{ width:33.33%; margin-bottom: 10px;}
	.works_tab{ display:block;}
	.works_tab li{ width:25%; max-width:95px;}
	
	/*about*/
	.environment_block01 dt{ width:100%; position:inherit; position: initial;}
	.environment_block01 dd{ float:none; width:100%;}
	.news_list li{ width:100%;}
	.news_list li a{ max-width:375px; margin: 0 auto;}
}



.sec_design,
.sec_pending{ padding-bottom:0;} 
.director,
.user_group{ margin-top:0;}
.sub_about{ padding:0;}


/*css控制单行显示*/
aa{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 
a,*:before,*:after,input[type="submit"], input[type="reset"], input[type="button"], input[type="text"],sup,.owl-carousel .owl-nav a span,.owl-carousel .owl-dots .owl-dot span,.browserupgrade,
header, .menu_phone i,
.focus_cover{
    -webkit-transition:all 0.5s 0s ease-in-out;
    -moz-transition: all 0.5s 0s ease-in-out;
    -ms-transition: all 0.5s 0s ease-in-out;
    -o-transition: all 0.5s 0s ease-in-out;
    transition: all 0.5s 0s ease-in-out;
}   

/*图片由小变大*/
aa{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
aa{ transform: scale(1.1); }

/*图片横向*/
.aa{
    display: block;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
.aa{
    opacity: 1.0; filter:alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*图片纵向*/
aa{
    display: block;
   /* max-width: none;*/
    height: -webkit-calc(100% + 10px);
    height: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
aa{
    opacity: 1.0; filter:alpha(opacity=100);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

/*************20190402 qxp*******************/
.float_right {
    width: 86px;
    position: fixed;
    top: 50%;
    right: 0px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin-top: -86px;
    z-index: 10;
}
.float_right li {
    width: 86px;
    height: 86px;
    padding: 18px;
    font-size: 12px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
}
.float_right li span {
    display: block;
}

.float_right li div.hidebox {
    background: #f9f9f9;
    display: block;
    border: 1px solid #e6e6e6;
    position: absolute;
   left: -170px;
    bottom: -104px;
    width: 160px;
    height: 190px;
    padding: 15px 12px;
    display: none;
}
.float_right li:nth-child(2):hover div.hidebox {
    display: block;
}
@media (max-width:900px) {
    .float_right {
        display: none;
    }

}