/*css comment*/
*,*:before,*:after{
    margin:0;
    padding:0;
    outline:none;
    list-style:none;
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}  
@font-face {
  font-family: 'GJJCQJW';
  src: url('../font/GJJCQJW.eot');
  src: url('../font/GJJCQJW.eot') format('embedded-opentype'),
	   url('../font/GJJCQJW.woff') format('woff'),
   url('../font/GJJCQJW.ttf') format('truetype'),
   url('http://tg.acgmc.com/theme/default/fonts/GJJCQJW.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'yahei_Light';
  src: url('http://tg.acgmc.com/theme/default/fonts/yahei_Light.eot');
  src: url('http://tg.acgmc.com/theme/default/fonts/yahei_Light.eot?') format('embedded-opentype'),
	   url('http://tg.acgmc.com/theme/default/fonts/yahei_Light.woff') format('woff'),
   url('http://tg.acgmc.com/theme/default/fonts/yahei_Light.ttf') format('truetype'),
   url('http://tg.acgmc.com/theme/default/fonts/yahei_Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body,html { 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     background: #fff;
    font-family:arial, Microsoft YaHei, "微软雅黑";
	color:#666;
    font-size: 14px; 
	line-height:1.7;  
}
img {
    border:none;
	display:inline-block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width:auto;
}
button, input, textarea ,select{
    border:none;
    background:none;
    font-size:14px;
    vertical-align:middle;
    color:#333; 
	font-family: arial, Microsoft YaHei, "微软雅黑";
}
select {
    border:inherit;
    background: inherit;
}
a {
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
    outline: none;
    color:#7e7272;
} 
a:hover,a:active,a:focus {
    text-decoration:none;
} 
em, i {
    font-style:normal;
}
a:focus, input, select {
    outline:none;
}
.clearfix {
    *zoom:1;
}
.clearfix:after {
    content:"\200B";
    display: block;
    clear: both;
    height: 0;
}
input[type="submit"], input[type="reset"], input[type="button"], button, select {
    -webkit-appearance: none;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
    opacity: 0.80;
} 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.25;}
p,ul, ol{ margin: 0;}
header,main,footer,section{ display:block;}


/*browserupgrade*/
.browserupgrade{display:block;position:fixed; top:-60px; 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;}
/*swiper*/   
.swiper-pagination-bullet{ width:10px; height:10px; background-color: #fff; opacity:.50;}
.swiper-pagination-bullet-active{ opacity:1;} 


.inner{ width:1130px; margin: 0 auto; padding: 0 15px;} 
/*===================header========================*/
header{ position:fixed; left:0; top:0; z-index:1003; width:100%; height: 80px; line-height: 80px; animation: 1s .1s fadeIn both; background:#fff; } 
/*header_l*/
.header_l{ float:left;margin-left: 3%;} 
.menu_phone{ cursor: pointer; position: relative; display:none; float:left; width:80px; height: 80px; border-right: 1px solid #dbdbdb;}
.menu_phone span{ display:block; width:26px; height:20px; position: absolute; top:50%; left:50%; margin: -10px 0 0 -13px;}
.menu_phone i{ display: block; width: 100%; height: 2px; background: #001f57; position: absolute; top:0;}
.menu_phone i:nth-of-type(2){ top:8px;}
.menu_phone i:nth-of-type(3){ top:16px;} 
.menu_active i:nth-of-type(2){ opacity: 0;}
.menu_active i:nth-of-type(1),.menu_active i:nth-of-type(3){ top: 8px;}
.menu_active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_active i:nth-of-type(3){ transform:rotate(45deg);}
.logo{ float:left; margin-left: 60px;}  
.logo a,
.menu_list li.menu_logo a.m_a0{ display:block; padding-top: 18px; padding-bottom: 18px;}
.logo img,
.menu_list li.menu_logo a.m_a0 img{ 
	display:block; 
	height: 44px;
	width: auto;
}  
.menu_phone:hover{ background: #001f57;}
.menu_phone:hover i{ background: #fff;}
/*menu_box*/
.menu_box{ position:fixed; top:0; left:-100%; z-index: 1005; width:25%; height: 100%;/* overflow-y: auto;*/ max-width: 640px; background: #fff; box-shadow: 5px 0 20px -2px rgba(0,0,0,.20); -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
.menu_overview{ position:absolute; top:0; left:0; width:100%; height: 100%; overflow-y: auto;}
.menu_block{ position:absolute; top:0; left:0; width:100%; height: 100%; overflow-y: auto;}
.menu_box .menu_active{ position:absolute; top:0; right:0px; background: #001f57;z-index: 999}
.menu_box .menu_active i{ background: #fff;}
.menu_list{} 
.menu_list li{ position:relative;}
.menu_list li a.m_a0{ display:block; border-bottom: 1px solid #dbdbdb; padding: 0 10%;}
.menu_list li a.m_a0 span{ display:block; background: url(../image/ico_dec08.png) right center no-repeat;}  
.menu_list li.current a.m_a0{ background: #ebebeb;}
.menu_box.active{ left:0;}
.menu_box.active .menu_phone{ animation: 1s .2s fadeInLeft both;} 
.menu_box.active .menu_list li{
	-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;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes returnToNormal {
	from{
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.menu_other{ display:none; padding: 15px;} 

/*nav*/
.nav{ float:left; margin-left: 8%;}


.nav li{ float:left; }
.nav li a.n_a0{ display:block; padding: 0;} 
.nav li a.n_a0 span{ display:block; position: relative; text-align:center; width:90px;}
.nav li a.n_a0 span:before{ content:""; position:absolute; bottom:0; left:0; z-index:-1; width: 100%; height: 100%; background: #fff;}
.nav li a.n_a0 span:after{ content:""; position:absolute; bottom:0; left:50%; z-index:0; width:0; height: 3px; background: #001d56; }
.nav li:hover a.n_a0,
.nav li.current a.n_a0{ color: #001d56; font-weight: bold} 
.nav li:hover a.n_a0 span:before,
.nav li.current a.n_a0 span:before{ background: #fff;}
.nav li:hover a.n_a0 span:after,
.nav li.current a.n_a0 span:after{ left:0; width:100%;font-weight: bold} 
.subclass{ position:absolute; top:100%; left:80px; width:87%; height: 0; overflow: hidden; background: #fff; transition:all .5s ease-in-out; line-height: 24px; font-size: 14px;} 
.subclass_list{ float:right; width:92%;}
.subclass_block{ float:left; width:20%; height: 160px; overflow: hidden;margin-bottom: 20px}
.subclass_block dt a{ display:inline-block; padding-right: 8px; margin-bottom: 5px; font-weight: bold; color: #333; border-bottom: 1px solid #c1c5c9;font-size: 16px;width: 80%;}
.subclass_block dt a:hover{ color: #001d56;}
.subclass_block dd{ overflow:hidden; margin:0 -8px;}
.subclass_block dd a{ display:block; /*float:left;*/ color: #333; padding:0 8px;text-align:center;}
.hot_txt{ font-weight:normal; color: #001d56; font-size: 12px; margin-left: 8px;}
.subclass_block dd a:hover{ color: #001d56; text-decoration: underline;}
.subclass_block dd a.subclass_more{ text-decoration: none;}
.subclass_other{ float:right; width:8%; max-width: 100px; height: auto;}
.subclass_other dt a{ display:block;width: 60%}
.subclass_other dd a{ float: none;}
.nav li:hover .subclass{ height: auto; padding: 40px 0 0;}
/*functional_nav*/
.functional_nav{}
.functional_nav a{ font-size:16px;display:block; float:left; width:20%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px; font-weight: bold; color: #333;}
.functional_nav a em{ display:inline-block; padding-right: 8px; margin-bottom: 5px; border-bottom: 1px solid #c1c5c9;}
.functional_nav a:hover{ color: #001d56;}
/*header_r*/
.header_r{ float:right; margin-right: 15px;}
.tel{ display:block; float: left; font-weight: bold; font-size:18px; color: #001d56; padding-left: 38px; background: url(../image/ico_tel.png) left center no-repeat; background-size: 32px;} 
.search{ float:left; width:154px; margin: 23px 0 0 40px; border: 1px solid #d2d2d2; border-radius:16px;}
.search_txt{ width:114px; height: 32px; padding-left: 16px; float:left;}
.search_btn{ cursor: pointer; width:38px; height: 32px; float: left; text-indent: -9999px; background: url(../image/ico_search01.png) left center no-repeat;}
.search_btn:hover{ background-image: url(../image/ico_search01b.png);}
 
.menu_list li .subclass{ height:auto; position: inherit; position: initial; padding: 20px 0 20px 10%; display:none;}  
.menu_list li .subclass .subclass_list{ float:none; width:100%; margin:-10px 0;}
.menu_list li .subclass .subclass_list .subclass_block{ width:100%; height:auto; padding: 10px 0;}
.menu_list li .subclass .subclass_list .subclass_block dd{ margin:0 -4px;}
.menu_list li .subclass .subclass_block dd a{ font-size: 12px; padding: 0 4px;}
.menu_list li .subclass .subclass_other{ float:none; width:100%; max-width:none; overflow: visible;}
.menu_list li .subclass .subclass_other dd a{ float:left;}
.menu_list li .subclass .functional_nav a{ width:50%; margin-bottom: 10px;}

@media (min-width: 1280px){
	.menu_list li:hover a.m_a0{ background: #ebebeb;} 
	.menu_list li .subclass .functional_nav a{ width:33.33%;}
}


@media screen and (max-width: 1350px){
    .nav {
        float: left;
        margin-left: 2%;
    }
    .tel {
        font-size: 15px;
    }    
}


/*===================main========================*/
main{ padding: 30px 0; }
/*bgImg*/
.bgImg{ width:100%; height: 600px; 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;} 
/*img_box*/
.img_box{ position:relative; height: 0; overflow: hidden; padding-top: 100%;}
.img_box img{ display:block; width:95%; height: 95%; position:absolute; top:0;}  

/*===================footer========================*/
footer{ background:#01408d; color: #ffffff;}
.footer_top{ padding:40px 0;}
.message{ float:left; width:25%; padding: 20px; background: #003a8100;}
.message_txt{ display:block; color: #fff; width:100%; height: 52px; background: #003a81; padding:10px 14px; margin-bottom: 14px;}
.message_yu{ resize:none; height: 90px;}
.message_txt::-webkit-input-placeholder{
	color:#5c799c;
}
.message_txt::-moz-placeholder{
	color:#5c799c;
}
.message_txt:-moz-placeholder{
	color:#5c799c;
}
.message_txt:-ms-input-placeholder{ 
	color:#5c799c;
}
.message_btn{ display:block; margin-top: 20px; width:143px; height: 47px; background: #00adef; color: #fff;}
.footer_nav{ float:left; width:54%; padding-top: 30px;}
.footer_nav li{ float:left; width:33.33%; border-right:1px solid #2d4461; text-align:center;}
.li_block{ display:inline-block; text-align:left;}
.footer_nav li a{ display:block; color: #fff; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../image/ico_dec04.png) left center no-repeat; padding-left: 18px;}
.footer_nav li a.f_a0{ padding-left:0; background: none; font-weight: bold; margin-bottom: 5px;}
.footer_nav li a:hover{ color:#00adef; }
.notice{ overflow: hidden; padding:30px 0 0 4%;}
.notice_tel{ font-weight: bold; }
.notice_tel b,.notice_tel a{ display:block; font-weight: bold; color: #fff;}
.notice_code{ overflow:hidden; margin-top: 10px;}
.notice_code li{ float:left; width:50%;}
.notice_code li span{ display:inline-block; width:90%; max-width: 112px; text-align:center;}
.notice_code li span img{ display:block; margin: 0 auto 5px;} 
.notice_code li:last-child{ text-align:right;}
.friend_link{ padding: 20px 0; border-top:1px solid #2d4461;}
.friend_link h4{ float:left;}
.f_l_block{ overflow:hidden;}
.f_l_block a{ display:block; float:left; color: #5c799c; line-height: 24px; padding: 0 12px; position: relative;}
.f_l_block a:before{ content:""; position:absolute; top:20%; right:0; width:1px; height: 60%; background: #5c799c;}
.f_l_block a:hover{ color:#fff; }
.footer_bot{ background: #003a81; color: #fff; text-align:center; padding: 10px 0;} 
/*float_menu*/
.float_menu{ position:fixed; bottom:7%; right:0; z-index: 500;}
.float_menu li{ position:relative; border-top:1px solid #fff; box-shadow:-2px -2px 10px 0 rgba(255,255,255,.10);}
.float_menu li:first-child{ border:none;}
.float_menu li a.li_a0{ display:block; position:relative; z-index: 1; width:70px; height: 70px; padding-top: 10px; text-align:center; color: #fff; font-size: 14px; background: #213752;}
.float_menu li a.li_a0 img{ display:block; margin: 0 auto 6px;}
.float_block{ position:absolute; top:0; right:100%; color: #666; display:none;}
.float_contact{ margin-right: 4px; position: relative; width:250px; height: 60px; padding: 10px 10px 0 10px; background: #fff; border:1px solid #e4e8ed; }
.float_contact:before{ content:""; position:absolute; top:25px; right:-5px; width: 5px; height: 10px; background:#000 url(../image/float_01.jpg) no-repeat;}
.float_contact dt{ float:left; width:42px; margin-right: 20px;}
.float_contact dd{ overflow:hidden;}
.f_tel{ line-height:1.5; font-size:20px;}
.f_qq{ line-height:1.5; font-size:20px; color: #213752;}
.float_code{ width:114px; height: 114px; padding: 0;}
.float_menu li:hover .float_block{ display:block;}
.float_menu li:hover a.li_a0{ opacity: .90;}
.float_menu li:hover .float_block .float_contact{ animation: 1s .2s fadeInRight both;}
.float_menu li.back_top{ }

 /*====================01 index==========================*/
html, body, .container{ height: 100%; }
button.trigger {
	position: fixed;
	bottom: 70px;
	left: 50%;
	margin-left: -24px;
	z-index: 1000;
	display: block; 
	padding: 0;
	width: 48px;
	height: 48px; 
	cursor: pointer; 
} 
.container:not(.notrans) button.trigger { 
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
} 
.container.modify:not(.notrans) button.trigger{ 
	opacity: 0;
	pointer-events: none;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}  
button.trigger::before { content:""; position: absolute; top:0; left:0; width:100%; height: 100%; background: url(../image/ico_down01.png) center center no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; 
	-webkit-transform: translateY(0) rotate(360deg); 
	transform: translateY(0) rotate(360deg); 
} 
.container.modify:not(.notrans) button.trigger:before{
	-webkit-transform: translateY(100px) rotate(0deg);
	transform: translateY(100px) rotate(0deg);
} 
/* Push */ 
.float_menu,
.intro-effect-push:not(.notrans) .focus,
.intro-effect-push:not(.notrans) .content > div.content_wrap {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.intro-effect-push:not(.notrans) .focus{
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
}  
.intro-effect-push .focus{ 
	position: fixed; 
	top:0;
	left: 0;
	z-index: 1000;  
} 
.intro-effect-push .content > div.content_wrap {  
	-webkit-transform: translateY(400px);
	transform: translateY(400px);
	opacity: 0;
} 
.intro-effect-push.modify .content > div.content_wrap {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
} 
 
.intro-effect-push.modify .focus {
	opacity: 0;
	-webkit-transform: translateY(-100%) scale(1); /*向上滚动缩放*/
	transform: translateY(-100%) scale(1);
} 
.intro-effect-push.modify:not(.notrans) .content .content_wrap {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

/* focus */
.focus{ width: 100%; height: 100%; overflow: hidden;}
#focus_swiper{ }
.apple_banner, #focus_swiper, #focus_swiper .swiper-wrapper, #focus_swiper .swiper-slide{ height: 100%; }
#focus_swiper .swiper-slide{ background:center 0px no-repeat; background-size:cover; /*background-attachment: fixed;*/} 
.focus_txt{ display:block; position:absolute; top:0; left:0; width: 100%; height: 100%; z-index: 1; color: #fff; line-height: 1.5; text-align: center; font-family:yahei_Light;　}  
.focus_txt .table{ padding:0 15px;}
.f01_p1{}
.f01_p2{ display:block; margin-top: 1%; font-weight: bold; letter-spacing: 0.05em; }
.f01_p2 i{ display:inline-block; vertical-align:middle; font-weight: normal; margin-right: 5px; line-height: 1; font-family: arial, Microsoft YaHei, "微软雅黑"; }
.f01_p3{ display:inline-block; position: relative; padding:2% 2.5%; margin-top: 30px; }
.f01_p3:before{ content:""; position:absolute; top:0; left:50%; width:0%; opacity: 0; height: 1px; background: #fff;}
.f01_p3 span{display:block;}
#focus_swiper .swiper-slide.swiper-slide-active .f01_p1{ animation: 1s .2s fadeInDown both;}
#focus_swiper .swiper-slide.swiper-slide-active .f01_p2{ animation: 1s .6s fadeInDown both;}
#focus_swiper .swiper-slide.swiper-slide-active .f01_p3:before{ left: 0; width:100%; opacity: 1;}
#focus_swiper .swiper-slide.swiper-slide-active .f01_p3 span{ animation: 1s .8s fadeInUp both;} 
#focus_swiper .swiper-button-next, #focus_swiper .swiper-button-prev{ width:44px; background: center center no-repeat; background-size: 20px;
	-webkit-transition:all 0.5s 0s ease-in-out; 
    transition: all 0.5s 0s ease-in-out;
}
#focus_swiper .swiper-button-prev{ left:-100%; background-image: url(../image/arrow02_left.png);}
#focus_swiper .swiper-button-next{ right:-100%; background-image: url(../image/arrow02_right.png);} 
#focus_swiper:hover .swiper-button-prev{ left:0;}
#focus_swiper:hover .swiper-button-next{ right:0;}
#focus_swiper .swiper-pagination{ bottom:0; background:none;}
#focus_swiper  .swiper-pagination-bullet {
	display: inline-block;
	width: 40px;
	height: 30px;
	margin: 0 5px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
#focus_swiper  .swiper-pagination-bullet span {
	width: 100%;
	height: 2px;
	display: block;
	background: rgba(255,255,255,0.50);
}
#focus_swiper .swiper-pagination-bullet-active span{
    background:#fff;
}
#focus_swiper .autoplay .swiper-pagination-bullet-active span{
    background: rgba(255,255,255,0.40);
}
#focus_swiper  .swiper-pagination-bullet i{
	background: #fff;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
#focus_swiper .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
#focus_swiper .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
#focus_swiper  .autoplay .replace span{ /*background:#fff;*/} 

/*=====index_sec=========*/　
.content { } 
.content_wrap{ padding-top:10px;}
.index_sec{ min-height: 800px;}
/*title01*/
.title01{ text-transform: uppercase; border-bottom: 1px solid #dcdcdc; line-height: 24px; padding-bottom: 6px; margin-bottom: 30px;width:71.54%}
.more01{ display:block; float:right; color: #00306e; padding-right: 20px; background: url(../image/ico_dec01.png) right center no-repeat; background-size:16px; }
.t01_name{ color: #00306e; }
.t01_name b{ display: inline-block; vertical-align:bottom; font-weight: normal;}
.t01_name em{ font-weight:normal; margin-left: 8px;font-size:13px;}
.tit{ color: #001f56; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*des*/
.des{ line-height: 26px; height: 78px; 
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-line-break: auto;
    -webkit-box-orient: vertical;
}

.index_sec .title01 .t01_name b{ font-weight:bold;}
/*====view*/
.view{ }
.view_l{ width:71.54%; float:left;}
.view_l .title01{ width:81.72%;}
.view_rec{ }
.view_rec a{ display:block; color: #666;}
.view_rec a .img_box{ padding-top:49.463%;}
.view_rec a .img_box img{ display:block;}  
.v_r_tit{ margin-top: 20px; color: #001f56;} 
.v_r_des{ margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*view_classify*/
.view_classify{ background: #213752; width: 33%; float: right; margin-left: -5%; position: relative; z-index: 1; text-transform:uppercase; padding: 20px 0;}
.view_classify li{ padding:10px 5%; line-height: 1;}
.view_classify li a{ display:block; position: relative; color: #00baff; background: url(../image/ico_dec02.png) right top no-repeat; background-size:28px; padding-right: 48px;}
.view_classify li a em{ display:block; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.view_classify li:hover a{ color: #fff; background-image: url(../image/ico_dec02b.png);}
/*view_list*/
.view_list{ margin-top: 20px; width:27%; float:right;padding: 30px 15px;
    position: relative;
    top: -65px;background: #F4F5F7;}
.view_list li a{ display:block; color: #666; padding: 10px 0;}
.view_list li a .tit{ margin-bottom: 5px;}
.view_list li a:hover .tit{ text-decoration:underline;}

/*industry*/
.industry{ }
.industry_block{ position: relative;}
#industry_swiper{ position:inherit; position: initial;}
#industry_swiper .swiper-slide a{ display:block; background: #fff; color: #666; text-align: center; height: 280px; padding:40px 10% 0;}
#industry_swiper .swiper-slide a img{ display:block; margin: 0 auto; width: 60px; height: 60px;}
#industry_swiper .swiper-slide a .tit{ margin-top: 25px;}
#industry_swiper .swiper-slide a .des{ margin-top: 20px;}
#industry_swiper .swiper-slide a:hover{ background:#f2f4f6; box-shadow: 0 0 20px -2px rgba(0,0,0,.20);}
#industry_swiper .swiper-slide a:hover img{ animation: 1s .2s bounceIn both;}
#industry_swiper .swiper-button-next,
#industry_swiper .swiper-button-prev{ width:70px; height: 70px; margin-top: -35px; background-size:20px;}
#industry_swiper .swiper-button-prev{ left:-25px; background-image: url(../image/arrow01_left.png);}
#industry_swiper .swiper-button-next{ right:-25px; background-image: url(../image/arrow01_right.png);}
#industry_swiper .swiper-button-next:hover,
#industry_swiper .swiper-button-prev:hover,
#industry_swiper .swiper-button-next.swiper-button-disabled,
#industry_swiper .swiper-button-prev.swiper-button-disabled{ background-color: #001f56;}
/*functional*/
.functional{ overflow: hidden;}
.functional_list{ overflow: hidden; margin: -10px -17px;}
.functional_list li{ float:left; width:25%; padding:10px 10px;}
.functional_list li a{ display:block; color: #666; padding-bottom: 10px;}
.functional_list li a .img_box{ padding-top:58.6%;}
.functional_list li a .tit{ margin-top: 20px; position: relative;text-align:center;
	-webkit-transition:all 0.5s 0s ease-in-out; 
    transition: all 0.5s 0s ease-in-out;
}
.functional_list li a .tit:before{ content:""; position:absolute; top:50%; left:0; width:0; height: 1px; background: #001f56;}
.functional_list li a .des{ margin-top: 15px; }
.functional_list li a:hover{ 
	box-shadow: 0 10px 20px -2px rgba(0,0,0,.10);
	-webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
.functional_list li a:hover .tit{ padding-left:24px;}
.functional_list li a:hover .tit:before{ width:10px;}
/*join*/
.join{ }
.join_l{ width:43.07%; float:left; padding-bottom: 5%; margin-right: 4%; }
.join_img{ margin-left: 7%; padding-top: 55.5%; overflow:visible;}
.join_img img{ z-index:1;}
.join_dec{ position:absolute; top:20%; left:-8%; width:100%; height: 100%; background: #efefef;}
.join_r{ overflow: hidden; color: #001f56;}
.join_forewords{ margin-top: 1%;}
.join_classify{ margin: 7% -15px 0;}
.join_classify li{ width:33.33%; float:left; padding:0 15px; max-width: 180px; text-align:center;}
.join_classify li a{ display:block; line-height: 38px; border-radius:20px; border:1px solid #001f56; color: #001f56; }
.join_classify li a em{ display:inline-block; padding-right: 24px; background: url(../image/ico_dec01.png) right center no-repeat; background-size: 16px;}
.join_classify li a:hover{ background: #001f56; color: #fff;}
.join_classify li a:hover em{ background-image: url(../image/ico_dec01b.png);}
/*partners*/
.partners{ margin-bottom: 60px; overflow: hidden;}
.partners_list{ overflow: hidden; margin:-20px 0;}
.partners_list li{ float:left; width:20%; padding: 20px 0; position: relative; border-bottom:1px solid #ddd;}
.partners_list li:before{ content:""; position:absolute; bottom: -20px; left:-20px; z-index:1; width:40px; height: 40px; background:#fff url(../image/ico_dec03.jpg) center center no-repeat; background-size: 4px;}
.partners_list li a{ display:block; padding: 5px; border-left:1px solid #ddd;}
.partners_img{ width:100%; max-width: 210px; margin: 0 auto;}
.partners_list li a .img_box{ display:block; padding-top: 30%;}
.partners_list li a .img_box img{
	-webkit-transition:all 0.5s 0s ease-in-out; 
    transition: all 0.5s 0s ease-in-out;
	
}
.partners_list li a .img_box img.img_col{ 
	opacity:1;   
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*.partners_list li:hover a .img_box img{
	opacity:0;   
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}*/
/*.partners_list li:hover a .img_box img.img_col{ 
	opacity:1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}*/
@media (min-width: 768px){
	/* .partners_list li:nth-of-type(1):before, .partners_list li:nth-of-type(7):before, .partners_list li:nth-of-type(13):before{ display:none;} */
	/* .partners_list li:nth-of-type(1) a, .partners_list li:nth-of-type(7) a, .partners_list li:nth-of-type(13) a{ border-left-color:#fff;} */
} 

/*02-- industry_wrap*/ 
/*banner*/
.banner{ height: 450px; padding-top: 80px; overflow: hidden; position: relative; text-align:center; color: #fff;}
.banner .bgImg{ position:absolute; top:0; left:0; }
.banner_txt{ position: relative; z-index: 1; height: 100%; top:0; text-transform:uppercase;}
.banner_txt .inner{ display:table; height: 100%;}
.banner_txt h2{ margin-bottom: 10px;font-size: 24px;}
.h2_en{ }
.banner_des{ max-width: 960px; margin: 20px auto 0;}
.banner_link{ margin-top: 30px; display:inline-block; color: #fff; width:150px; line-height: 38px; border:1px solid #fff; border-radius: 20px; position: relative;}
.banner_link:before{content: ""; position:absolute; top:0; left:50%; width:0; height: 100%; border-radius: 20px; background: rgba(255,255,255,.30);}
.banner_link em{ position: relative; z-index: 1;}
.banner_link:hover:before{ left:0; width:100%;} 
.banner_dec{ margin: 0 auto; position: relative; width:80px; height: 10px; }
.banner_dec span{ display:block; position:absolute; top:50%; left:50%; width:0; height:1px; background: rgba(255,255,255,.50);}

/*industry_wrap*/
.industry_wrap{ background: #f5f5f5;}
.industry_expert{ margin: -3px;}
.industry_expert li{ float:left; width:33.33%; padding:3px;}
.industry_expert li a{ display:block; background: #fff; color: #666; text-align: left; text-transform: uppercase; padding:10%;}
.industry_img{ width: 72%; max-width: 186px; margin: 0 auto 10%;
	transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); 
}
.industry_expert li:hover a .industry_img{ transform: scale(1.1); }
.industry_expert li a .tit{ line-height: 30px; height:30px;}
.i_tit_en{ color:#888; height:24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.industry_blank{ position:relative; height: 1px; margin: 5% 0;}
.industry_blank:before{ content:""; position:absolute; top:50%; left:50%; margin-left: -40px; width:80px; height:1px; background: #cdd0d5; opacity: .50;}
.industry_expert li:hover a{ background: #fff; box-shadow: 0 0 20px -2px rgba(190,190,190,.75);}
.industry_expert li:hover a .industry_blank:before{ left:0; margin-left: 0; width: 100%; opacity:1;}
.load_more{ clear:both; display:block;background: #ff1105; margin:40px auto 0; color: #ffffff; border:1px solid #9aa1a9; line-height: 46px; width:100%; text-align: center;}
.load_more:hover{ background: #9aa1a9; color: #fff;}
/*expert_banner*/
.expert_banner{ background: #cdd0d5; text-align: left;}
.expert_photo, .expert_info{ display:inline-block; vertical-align: middle;}
.expert_photo{ width:370px; height: 370px; margin-left:16%;}
.expert_info{ margin-left:11%; color: #737882; text-align: left;}
.expert_name{}
.expert_post{}
.expert_notice{ margin-top: 20px; padding-top: 20px; position: relative;} 
.expert_notice:before{ content:""; position:absolute; top:0; left:0; width:80px; height:1px; background: #a0a4ab;}
.expert_notice a{ display:inline-block; vertical-align: top; margin-right: 20px;}
.expert_notice a img{ display:block; width:36px; height: 36px;}
.expert_notice a:hover img{ opacity:.90;}
/*expert_forewords*/
.expert_forewords{ text-align: center; color: #737882; background: #f5f5f5; padding:33px 0;}
.e_f_des{ max-width:940px; margin: 0 auto;}
/*expert_block*/
.expert_left{ float:left; width:76%; margin-right: 4%;}
.expert_block{ color:#000; margin-bottom: 15px;}
.expert_block .title01{ margin-bottom: 0px;} 
.expert_right{ overflow: hidden;}
.expert_classify{ margin: 0px 0; max-height:360px; overflow-y: auto;}
.expert_classify li{ }
.expert_classify li a{ display:block; position: relative; color: #00baff; line-height: 25px; padding:0 6px 0 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.expert_classify li a:before{ content:"-"; position:absolute; top:6px; left:10px;}
.expert_classify li:hover a{ background: #00baff; color: #fff;}
.expert_classify li:hover a:before{ color: #fff;}
/*functional_classify*/
.functional_classify{ border-bottom: 1px solid #eaeaea; box-shadow: 0 3px 15px -2px rgba(0,0,0,.10);}
.functional_classify a.classify_more{ display:block; float:right; margin-right: 0; }
.functional_classify a.classify_more:hover{ color: #00306e;}
.classify_block{ height:50px; overflow: hidden; }
.functional_classify a{display:block; float:left; line-height: 24px; margin-right: 12px; padding:16px 12px 8px; position: relative; border-bottom: 2px solid #fff;} 
.classify_block a:hover,
.classify_block a.current{ color: #00306e; border-color:#00306e;}
.classify_block.active{ height:100%;}
/*view_swiper*/
.functional_block{ margin-bottom: 40px;} 
#view_swiper .swiper-slide{ padding: 3px;}
#view_swiper .swiper-slide a{ display:block; background: #fff; color:#666; padding: 20px; /* height: 400px;*/}
#view_swiper .swiper-slide a .img_box{ padding-top:71.534%; margin-bottom: 40px;}
#view_swiper .swiper-slide a .img_box img{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
#view_swiper .swiper-slide a:hover .img_box img{ transform: scale(1.1); }
#view_swiper .swiper-slide a .tit{ height: 24px; line-height: 24px; margin-bottom:15px;} 
#view_swiper .swiper-slide a:hover{ box-shadow: 0 0 20px -2px rgba(190,190,190,.75);}
#view_swiper .swiper-pagination{ margin-top: 20px; position: relative;}
#view_swiper .swiper-pagination-bullet{ margin: 0 8px; opacity: 1; background: #cacaca;}
#view_swiper .swiper-pagination-bullet-active{ background: #053693}
/*services_list*/
.services_list{ margin:-10px -15px;}
.services_list li{ width:50%; float:left; padding: 10px 15px;}
.services_list li a{ overflow: hidden; display:block; background: #fff; color:#666; padding: 20px;}
.services_img{ float:left; width: 47.06%;max-width:280px; }
.services_img .img_box{ padding-top: 89.29%;}
.services_img .img_box img{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.services_list li a:hover .services_img .img_box img{ transform: scale(1.1); }
.services_info{ overflow: hidden; padding: 7% 0 0 20px;}
.services_info .des{ margin-top: 7%; }
.services_list li a:hover{ box-shadow: 0 0 20px -2px rgba(190,190,190,.75);}
/*case_swiper*/
#case_swiper .swiper-slide{ padding: 3px;}
#case_swiper .swiper-slide a{ display:block; background: #fff; color:#666; padding: 20px 20px 30px; /*height: 500px;*/}
#case_swiper .swiper-slide a .img_box{ padding-top:58.7%; margin-bottom: 30px;}
#case_swiper .swiper-slide a .img_box img{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
#case_swiper .swiper-slide a:hover .img_box img{ transform: scale(1.1); }
#case_swiper .swiper-slide a .tit{ height:24px; line-height: 24px;}
#case_swiper .swiper-slide a .des{ margin-top: 20px;}
#case_swiper .swiper-slide a:hover{ box-shadow: 0 0 20px -2px rgba(190,190,190,.75);}
#case_swiper .swiper-pagination{ margin-top:20px; position: relative;}
#case_swiper .swiper-pagination-bullet{ margin: 0 8px; opacity: 1; background: #cacaca;}
#case_swiper .swiper-pagination-bullet-active{ background: #053693}
.more02{ display:block; margin-top: 10px; color:#053693;}
/*experts_list*/
.experts_list{ margin:-35px -35px 0;}
.experts_list li{ float:left; width:50%;}
.experts_list li a{ display:block; overflow: hidden; color: #666; padding: 35px;}
.experts_img{ float:left; width:130px; margin-right: 20px; overflow: hidden; border-radius:50%;}
.experts_info{ overflow: hidden;}
.experts_info .tit{ margin:15px 0;} 
.experts_list li a:hover{ box-shadow: 0 5px 10px -2px rgba(190,190,190,.75);}
/*partners_special*/
.partners_special{ margin-bottom:0;}
/*functional_tab*/
.functional_tab{ text-align:center; margin-bottom: 60px;}
.functional_tab li{ display:inline-block; vertical-align: middle; padding: 0 14px;}
.functional_tab li a{ display:block; min-width:148px; padding: 0 20px; line-height: 40px; text-align:center; color: #888; border:1px solid #bfbfbf;}
.functional_tab li:hover a,
.functional_tab li.current a{ border-color:#023894; color: #023894;}
.functional_area{ }
.functional_show{ margin: -10px; overflow:hidden;}
.functional_show li{ float:left; width:33%; padding:10px;}
.functional_show li a{ display:block; overflow: hidden; position: relative; /*background: #f8f8f8;*/ color: #666; /*height: 250px;*/ padding:40px 25px;}
.functional_show li a:before{ content:""; position:absolute; top:0; left:0; width:100%; height: 100%;  /*background: url(../images/functional_01.jpg) center center no-repeat; background-size:cover*/; opacity: 0; }
.functional_show li:hover a{ color:#fff;}
.functional_show li:hover a:before{ opacity: 1;}
.show_tit{ position: relative; z-index:1; font-weight: bold; margin-bottom: 20px;}
.functional_show li a .des{ position: relative; z-index:1; opacity:.90; }
.functional_show li a .tran_scale{ display:block; overflow: hidden;height: 213px;margin-bottom: 10px}
.functional_show li a .tran_scale img{ transition:0.3s all; -webkit-transition:0.3s  all; }
.functional_show li a:hover .tran_scale img{transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); }
/*view_show*/ 
.view_show{ margin:-30px -5px;}
.view_show li{ float:left; width:25%; padding: 30px 5px; border-top: 1px solid #bebebe;}
.view_show li:nth-of-type(1), .view_show li:nth-of-type(2), .view_show li:nth-of-type(3){ 
	/* border-top:none; */
}
.view_show li a{ display:block; background: #fff; color: #666; padding: 15px 15px 10px; /*height: 480px;*/}
.view_show li a .img_box{ margin-bottom:28px; padding-top: 74.078%;}
.view_show li a .img_box img{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.view_show li a:hover .img_box img{ transform: scale(1.1); }
.view_show li a .tit{ height: 24px; line-height: 24px; margin-bottom:20px;position: relative;top: 10px;}
.view_show li a .des{ margin-bottom:20px;}
.view_mark{ display:block; height: 24px; line-height: 24px; padding-left: 20px; background: url(../image/ico_dec05.png) left center no-repeat; background-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.view_show li.li_dif01{ width:50%;}
.view_show li.li_dif01 a .img_box{ padding-top:40.3%; margin-bottom: -14px;}
.view_show li.li_dif02{ width:33.33%;}
.view_show li.li_dif02 a .img_box{ padding-top:52.63%;}
.view_show li:hover a{ box-shadow: 0 0 20px -2px rgba(190,190,190,.75);}
/*view_guide*/
.view_handle{}
.view_guide{ border-bottom: 1px dashed #dcdcdc; margin-top: 30px; margin-bottom: 15px;}
.view_guide li{ float:left; width:45%; overflow: hidden; padding-bottom: 10px;}
.view_guide li a{ display:block; overflow: hidden; color: #888;}
.view_guide li span{ display:block; float:left; color: #888;}
.view_guide li p{ display:block; overflow: hidden; padding: 0 10px;}
.view_guide li.next{ float: right; text-align:right;}
.view_guide li.next span{ float:right;}
.view_guide li:hover a{color: #00bbfd;}
/*shared*/
.shared{ float:right; font-size: 14px; color: #333;}
.shared .bdsharebuttonbox{ display:inline-block; vertical-align: middle;}
.bd_weixin_popup{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.shared .bdshare-button-style1-32 a{ background-position: center center; background-size: 30px; margin: 0 5px;}
.shared .bdshare-button-style1-32 .bds_tsina{ background-image: url(../image/shared_ico01.png);}
.shared .bdshare-button-style1-32 .bds_weixin{ background-image: url(../image/shared_ico02.png);}
.shared .bdshare-button-style1-32 .bds_sqq{ background-image: url(../image/shared_ico03.png);}
.shared .bdshare-button-style1-32 .bds_tqq{ background-image: url(../image/shared_ico04.png);}
/*view_signs*/
.view_signs{ float:left; width:70%; padding-left: 30px; background: url(../image/ico_dec06.png) left 4px no-repeat; line-height: 26px;}
.view_signs a{ display: inline-block; vertical-align: top; color: #00bbfd; border-bottom: 1px dotted #00bbfd;; margin-right: 15px; margin-bottom: 10px;}
/*view_expert*/
.view_expert{ clear: both; padding-top: 60px;}
.view_expert li{ width:25%;}
.view_expert li a{ background:#f9f9f9; /*height: 400px;*/}
.view_expert li a .industry_img{ max-width:140px;} 
/*join_why*/
.join_wrap{ overflow-x:hidden;}
.join_why{ overflow:hidden; padding-bottom: 5px; position: relative; color: #888;}
.join_why img{ display:block;}
.why_textbox{ width:90%; max-width: 1120px; height: 260px; padding:40px 4% 0; background: #fff; margin:-13% auto 0; text-align:left; box-shadow: 0 0 20px -2px rgba(190,190,190,.75); line-height: 2; position: relative; z-index: 1;}
.why_block{ height:180px; overflow: hidden;}
.why_tit{ color: #001d56; text-align:center; margin-bottom: 20px;}
/*join_feeling*/
.join_feeling{ color: #888;}
.join_feeling li{ overflow:hidden;}
.feeling_img{ float:right; width:60.77%;}
.feeling_img img{ display:block;}
.feeling_info{ overflow:hidden; padding: 6% 20px 0 0;}
.feeling_tit{ font-weight:bold; color: #001c6d; line-height: 1.5; margin-bottom: 30px;}
.feeling_from{ color:#666; position: relative; margin-bottom: 20px;}
.feeling_from:before{ content:""; position:absolute; bottom: 0; left:0; width:60px; height: 1px; background: #dcdcdc;}
.join_feeling li.li_dif{}
.join_feeling li.li_dif .feeling_img{ float:left;}
.join_feeling li.li_dif .feeling_info{ padding-right: 0; padding-left: 20px;}
/*work_state*/
.work_state{ }
.state_album{ margin: -10px 0 0 -10px; overflow: hidden;}
.state_album li{ float:left; width:57.253%; padding: 10px 0 0 10px;}
.state_album li span{ display:block; overflow: hidden;}
.state_album li img{ display:block; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.state_album li:hover img{ transform: scale(1.1); }
.state_album li.li_w02{ width:42.747%;}
/*members*/
.members{ position: relative; padding: 40px 0;}
.members:before{ content:""; position:absolute; top:0; left:-50%; width: 200%; height: 100%; background: #f8f8f8;}
.members_block{ position: relative; z-index: 1;}
.members_list{ margin: -15px;}
.members_list li{ float:left; width:33.33%; padding: 15px;}
.members_list li a{ display:block; overflow: hidden; background: #fff; color: #888; padding: 20px;}
.members_img{ float:left; width:130px; margin-right: 20px;}
.members_info{ overflow: hidden; height: 130px;}
.members_info .tit{ margin:15px 0;}
.members_list li a:hover{ box-shadow: 0 0 20px -2px rgba(190,190,190,.75);}
/*platform*/
.platform{}
.platform_list{ margin:-30px;}
.platform_list li{ float:left; width:50%; padding: 30px;}
.platform_list li a{ display:block; position: relative; overflow: hidden; box-shadow: 0 0 20px -2px rgba(190,190,190,.75); color: #666; height: 240px;}
.platform_info{ width:60%; padding: 45px 0 0 30px;}
.platform_des{ color: #888; margin-top:10px;}
.platform_ico{ display:block; position:absolute; bottom: 0; right:0; max-width: 222px;  
    width: -webkit-calc(36% + 10px);
    width: calc(36% + 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);
}
.platform_list li a:hover .platform_ico{
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
} 
.platform_more{ display:block; margin-top: 40px; width:136px; line-height: 36px; border-radius: 18px; text-align: center; color: #fff; background: url(../image/ico_dec07.png) no-repeat; background-size: cover;}
.platform_more:hover{ opacity:.90;}
.platform_list li a:hover{ color: #00306e;}
/*process*/
.process{ }
#process_swiper{ }
#process_swiper:before{ content:""; position:absolute; top:134px; left:0; width:100%; height: 6px; background: #01b9fd;  }
#process_swiper .swiper-slide{ position: relative; z-index: 1; text-align: center;}
#process_swiper .swiper-slide:before{ content:""; position:absolute; right:-23px; top:40px; width:46px; height: 30px; background: url(../image/process_01.png) center center no-repeat; background-size: 46px;}
#process_swiper .swiper-slide:last-child:before{ display:none;}
.process_ico{ display:block; margin: 0 auto; border-radius:50%; width:98px; height: 98px; padding: 19px; background: #01b9fd;}
.process_ico img{ display:block; }
.process_num{ position: relative; padding-top: 20px; margin-bottom: 10px;}
.process_num:before{ content:""; position:absolute; top:0; left:50%; margin-left: -1px; width:2px; height: 20px; background: #01b9fd; }
.process_num em{ display:inline-block; vertical-align: top; width:37px; line-height: 37px; background: #01b9fd; color:#fff; border-radius:50%;} 
#process_swiper .swiper-pagination{ margin-top:20px; position: relative; display:none;}
#process_swiper .swiper-pagination-bullet{ margin: 0 8px; opacity: 1; background: #cacaca;}
#process_swiper .swiper-pagination-bullet-active{ background: #053693}
/*post*/
.post{ }
.post_block{ position: relative; color:#888; overflow: hidden; margin-bottom: 20px; padding: 30px 0; }
.post_block:before{ content:""; position:absolute; top:0; left:0; width:100%; height: 100%; background: #fafafa;}
.post_block:after{ content:""; position:absolute; top:0; right:0; z-index:1; width:15px; height: 100%; background: #fff;}
.post_con{ height:120px; overflow: hidden; position:relative; z-index: 1;}
.post_left{ float:left; width:25.38%; padding:3% 3% 0 8%;}
.post_tit{ text-transform:uppercase; color: #333;}
.post_tit b{ display:block; margin-top: 5px; color: #023793;}
.post_base{ margin-top: 80px;}
.post_textbox{ float:left; width:60%; border-left:1px solid #c8d3e5; padding:20px 5% 0 5%; line-height: 26px;}
.post_tip{ margin-top:10px; font-size: 14px; color: #023793; word-break: break-all;}
.post_right{ overflow: hidden; padding-top: 30px;}
.post_open{ display:block; position: absolute; top:70px; right:0; z-index: 2; text-indent:-9999px; background: #023793 url(../image/ico_toggle01a.png) center center no-repeat; width:32px; height: 32px;}
.post_block:hover:before, .post_block.active:before{ background: #f8f8f8;}
.post_block.active .post_con{ height:100%;}
.post_block.active .post_open{ background-image: url(../image/ico_toggle01.png);}

/*about_survey*/
.about_survey{ color: #888;}
.survey_block{}
.survey_block dt{ float:left; width:50%;}
.survey_block dd{ overflow:hidden; padding:20px 0 0 3%; line-height: 2;}
.survey_tit{ color: #023793; margin-bottom: 30px;}
.survey_data{ margin-top:6%;}
.survey_data li{ float:left; width: 33.33%; text-align: center; border-left:1px solid #dcdcdc;}
.survey_data li:first-child{ border:none;}
.survey_data li img{ display:block; margin: 0 auto; width:80%; max-width: 234px;}
/*idea*/
.idea{ }
.idea_list{ margin: -16px; overflow: hidden;}
.idea_list li{ float:left; width:25%; padding: 16px;}
.idea_list li a{ display:block; color: #666; }
.idea_list li .img_box{ padding-top: 66.78%;}
.idea_list li .tit{ height: 24px; line-height: 24px; margin: 15px 0;}
.idea_list li a:hover{ box-shadow: 0 5px 10px -3px rgba(190,190,190,.75);}
/*team*/
.team{ }
.team .why_textbox{ text-align:left; }
/*related*/
.related{ margin-top: 60px;}
.related_list{ overflow: hidden; margin:-25px;}
.related_list li{ float:left; width:33.33%; padding: 25px;}
.related_list li a{ display:block; }
.related_list li a .img_box{ padding-top: 65%;}
.related_list li a .tit{ height: 24px; line-height: 24px; margin:15px 0;}
.related_list li a:hover{ box-shadow: 0 5px 10px -3px rgba(190,190,190,.75);}
/*contact*/
.contact{ }
.contact_list{ margin:0 -25px;}
.contact_list li{ float:left; width:33.33%; padding:0 25px; border-left:1px solid #dcdcdc; line-height: 1.8; text-transform: uppercase;}
.contact_list li:first-child{ border-left:none;}
.contact_block{ height: 132px; overflow: hidden;}
.contact_block .tit{ color: #023793; margin-bottom: 10px;}
.contact_list li:hover .tit{ text-decoration:underline;}
/*case*/
.case_detail{ color:#000;}
.case_logo{ text-align:center; padding-bottom: 10px; margin-bottom:20px; border-bottom: 1px solid #dcdcdc;}
.detail_block{ padding: 0 35px; }
.detail_block01{ padding-bottom: 20px; border-bottom: 1px solid #dcdcdc;}
.case_tit{ text-align: center; color:#023793; margin-bottom: 30px;}
.case_subtit{ text-align: center; position: relative; padding-bottom: 25px; margin-bottom: 40px;}
.case_subtit:before{ content:""; position:absolute; bottom: 0; left:50%; margin-left: -30px; width:60px; height: 1px; background: #023793;}
.detail_tit{ color:#023793; font-weight: bold; line-height: 26px; border-left:4px solid #023793; padding-left: 16px;}
.detail_textbox{ padding:15px 0 0 20px;}
.show_more{display:block; margin-top:10px; padding:0 6px; line-height:24px; text-align:right; color:#00baff; text-decoration:underline;}
.show_more:hover{ text-decoration:underline;}
.right_block{ background: #fff; width:186px;}
#portamento_container{ position: relative;} 
#portamento_container .right_block.fixed {position:fixed; top:80px; z-index: 100; }


.mar_t60{ margin-top:60px;}  

.functional_show li a .des{
	height: 130px; -webkit-line-clamp: 5;
}
#case_swiper .swiper-slide a .des, 
.view_show li a .des,
.feeling_des{
	height: 104px; -webkit-line-clamp: 4;
}
#industry_swiper .swiper-slide a .des,
.industry_expert li a .des,
.services_info .des,
.experts_info .des,
.members_info .des,
#view_swiper .swiper-slide a .des{
	height: 78px; -webkit-line-clamp: 3;
} 
.view_show li.li_dif01 a .des{
	height: 52px; -webkit-line-clamp: 2;
}

/*font*/ 
.f120{ font-size:60px;}
.f60{ font-size:50px;}
.f36{ font-size:20px;}
.f30{ font-size:26px;}
.f24{ font-size:20px;} 
.f20{ font-size:18px;}
.f18{ font-size:16px;}
.f16{ font-size:16px;}
.f15{ font-size:14px;}


@media (min-width: 1600px){   
	.inner{ width:1330px;}
	/*font*/ 
	.f120{ font-size:60px;}
	.f60{ font-size:50px;}
	.f36{ font-size:20px;}
	.f30{ font-size:30px;}
	.f24{ font-size:24px;} 
	.f20{ font-size:20px;}
	.f18{ font-size:18px;}
	.f16{ font-size:16px;}
	.f15{ font-size:15px;}
	  
	/*header*/
	/*.nav{ margin-left:8%;}*/
	.nav li a.n_a0{ padding: 0 10px;}
	.nav li a.n_a0 span{ width:85px;}
	.header_r{ margin-right: 4%;} 
	
	/*02*/ 
	.i_tit_en{ margin-top:4%;}
	.industry_blank{ margin:10% 0;}
	
	/*04*/
	.view_show{ margin:-40px -10px;}
	.view_show li{ padding: 40px 10px;}
	.view_show li a{ padding:20px 20px 10px;}
	
	/*06*/
	.team .why_textbox{ padding-left: 7%; padding-right: 7%;}
	
	.right_block{ width:260px;}
} 
 
@media (max-width: 1279px){  
	/*inner*/
	.inner{ width: 960px;}
	/*header*/
	header{ height:60px; line-height: 60px;}
	.menu_phone{ width:60px; height: 60px;}
	.menu_box .menu_active{ right:0px;z-index: 999;} 
	.logo a, .menu_list li.menu_logo a.m_a0{ padding-top:8px; padding-bottom: 8px;}
	.nav{ display:none;}
	.menu_phone{display:block;}
	.tel{ background-size:26px;}
	.search{ margin-top:13px;}
	
	/*index*/
	.content_wrap{ 
		/* padding-top:60px; */
	}
	/*03*/
	#view_swiper .swiper-slide a{ padding:10px;}
	#view_swiper .swiper-slide a .img_box{ margin-bottom:20px;}
	#view_swiper .swiper-slide a .tit{ margin-bottom:10px;}
	.services_list{ margin:-5px;}
	.services_list li{ padding:5px;}
	.services_list li a{ padding:10px;}
	#case_swiper .swiper-slide a{ padding:10px 10px 20px;}
	#case_swiper .swiper-slide a .img_box{ margin-bottom: 15px;}
	#case_swiper .swiper-slide a .des{ margin-top:10px;}
	.experts_list{ margin:-15px -15px 0;}
	.experts_list li{ width:50%;}
	.experts_list li a{ padding:15px;}
	.functional_show li{ width:33%;}
	.functional_show li a{ padding:15px;}
	.functional_tab li{ padding: 0 7px;}
	.functional_tab li a{ min-width:initial;}
	/*05*/
	.members_list{ margin:-10px;}
	.members_list li{  padding: 10px; width:50%;}
	.members_list li a{ padding: 15px;}
	.post_left,
	.post_textbox{ padding:3% 3% 0 3%;} 
	.feeling_info{ padding-top:4%;}
	.feeling_tit{ margin-bottom:15px;}
	.feeling_from{ margin-bottom:10px;}
	.platform_list{ margin:-20px;}
	.platform_list li{ padding:20px;}
}

@media (max-width: 991px){ 
	/*inner*/
	.inner{ width:100%; max-width: 750px;}
	 /*font*/  
	.f120{ font-size:80px;}
	.f60{ font-size:40px;}
	.f36{ font-size:28px;}
	.f30{ font-size:22px;}
	.f24{ font-size:18px;} 
	.f20{ font-size:16px;}
	.f18{ font-size:14px;}
	.f16{ font-size:14px;}
	.f15{ font-size:14px;}
	html,body{ font-size:12px;}
	/*des*/
	.des{ 
		line-height: 22px; height: 66px;
	}
	.functional_show li a .des{
		height: 110px;
	} 
	#case_swiper .swiper-slide a .des, 
	.view_show li a .des,
	.feeling_des{
		height: 88px;
	}
	#industry_swiper .swiper-slide a .des,
	.industry_expert li a .des,
	.services_info .des,
	.experts_info .des,
	.members_info .des,
	#view_swiper .swiper-slide a .des{ 
		height: 66px;
	}
	.view_show li.li_dif01 a .des{
		height: 44px;
	}
	/*footer*/
	footer.f15{ font-size:12px;}
	.footer_top{ padding:20px 0;}
	.message{ padding:10px;}
	.message_btn{ width:103px; height: 37px; margin-top: 10px;}
	.footer_nav li a{ line-height:26px;}
	/*index*/ 
	.t01_name em,
	.more01{ font-size:12px; }
	/*main*/ 
	.mar_t60{ margin-top:0px;}  
	/*04*/
	.view_show li a{ padding:10px 10px 20px;}
	.view_show li a .tit{ margin-bottom:10px;}
	.view_show li a .des{ margin-bottom:10px;}
	.view_show li a .img_box{ margin-bottom:10px;} 
	/*05*/
	.process_ico{ width:68px; height: 68px; padding: 15px;}
	#process_swiper .swiper-slide:before{ top:20px; background-size: 26px;}
	#process_swiper:before{ height: 3px; top:101px;}
	.process_num em{ width:30px; line-height: 30px;}
	/*06*/
	.survey_block dt{ width:100%; float: none; text-align: center;}
	.survey_block dd{ padding-left:0;}
	.survey_tit{ margin-bottom:10px;}
	.idea_list,
	.related_list{ margin:-7px;}
	.idea_list li,
	.related_list li{ padding:7px;}
	.idea_list li .tit,
	.related_list li a .tit{ margin:5px 0;} 
	/*07*/
	.case_logo{ padding-bottom:20px; margin-bottom: 20px;}
	.case_logo img{ max-width:160px;}
	.case_tit{ margin-bottom:15px;}
	.detail_block{ padding-left:0; padding-right: 0;}
	.detail_block01{ padding-bottom:40px;}
	.load_more{ width:120px; line-height: 36px;}
}

@media (max-width: 767px){
	 /*font*/  
	.f120{ font-size:60px;}
	.f60{ font-size:30px;}
	.f36{ font-size:24px;}
	.f30{ font-size:18px;}
	.f24{ font-size:16px;} 
	.f20{ font-size:14px;}
	.f18{ font-size:14px;}
	.f16{ font-size:13px;}
	.f15{ font-size:12px;}
	html,body{ font-size:12px;}
	/*header*/
	.header_l{ float:none;} 
	.header_r{ display:none;}
	.logo{ margin-left:15px;}
	#menu_open{ float:right; border-right:none; border-left:1px solid #dbdbdb;}
	.menu_box{ width:60%; left:auto; right:-100%;}
	.menu_box.active{ left:auto; right:0;}
	.menu_box .menu_active{ right:auto; left:0px;z-index: 999}
	.menu_logo img{margin-left: 50px!important}
	.menu_other{ display:block;}
	.menu_other .tel{ float:none;}
	.menu_other .search{ float:none; margin:0;} 
	
	/*footer*/ 
	.footer_nav{ width:100%; float: none; overflow: hidden;}
	.notice{ padding-left: 0; padding-top: 0; text-align:center;}
	.notice_code{ display:inline-block;}
	.friend_link h4{ float:none;}
	.f_l_block{ margin:0 -6px;}
	.f_l_block a{ padding:0 6px;}
	.message{ width:100%; float: none;}
	.footer_nav{ width:52%;}
	.message, .footer_nav, .friend_link, .float_menu{ display:none;} 
	.notice_tel b, .notice_tel a{ font-size:20px;}
	
	/*index*/ 
	.view_l{ width:100%; float: none;}
	.view_l .title01{ width:100%;}
	.view_classify{ width:100%; float: none; margin: 20px 0 0; display:none;}
	.view_list{ width:100%; float: none;}
	.view_list li a{ padding:10px 0;}
	#industry_swiper .swiper-slide a{ padding-top:20px; height: 200px;}
	#industry_swiper .swiper-slide a img{ width:50px; height: 50px;}
	#industry_swiper .swiper-slide a .tit{ margin-top:15px;}
	#industry_swiper .swiper-slide a .des{ margin-top:10px;}
	.functional_list{ margin:-8px;}
	.functional_list li{ width:50%; padding:8px;}
	.functional_list li a .tit{ margin-top:10px;}
	.functional_list li a .des{ margin-top:10px;}
	.join_l{ width:100%; float: none;}
	.join_classify{ margin-left:-5px; margin-right: -5px;}
	.join_classify li{ padding:0 5px;} 
	.partners_list{ margin:-10px 0;}
	.partners_list li{ width:25%; padding:10px 0;}
	.partners_list li:nth-of-type(1):before,
	.partners_list li:nth-of-type(5):before,
	.partners_list li:nth-of-type(9):before{ display:none;}
	.partners_list li:nth-of-type(1) a, 
	.partners_list li:nth-of-type(5) a,
	.partners_list li:nth-of-type(9) a{ border-left-color:#fff;}
	
	/*banner*/ 
	.banner{ padding-top: 60px; height:260px; }
	.banner_des{ margin-top:10px;}
	.banner_link{ margin-top:15px; width:110px; line-height: 30px;} 
	.expert_banner{ text-align:center;}
	.expert_photo{ width:180px; height:180px; margin: 20px 0 0;}
	.expert_info{ margin-left:5%;}
	.expert_notice{ margin-top:10px; padding-top: 10px;}
	.expert_notice a img{  width:30px; height: 30px;}
	.expert_forewords{ padding:15px 0;} 
	
	/*02*/
	.expert_left{ width:100%; float:none; margin: 0;}
	.block_industry{ width:45%; float: left;}
	.block_function{ width:45%; float: right;}
	.shared{ float:none; margin-bottom: 10px;}
	.view_signs{float:none; width:100%;}
	/*03*/ 
	.functional_classify a{ padding:10px 5px 4px; margin-right: 5px;}
	.classify_block{ height:40px;}
	.experts_list li{ width:100%; display:none;}
	.experts_list li:nth-of-type(1),
	.experts_list li:nth-of-type(2),
	.experts_list li:nth-of-type(3),
	.experts_list li:nth-of-type(4){ display:block;}
	
	/*04*/
	.view_show{ margin:-10px -5px;}
	.view_show li{ width: 100%; padding:10px 5px;} 
	.view_show li a{ padding: 5px 5px 10px;}
	.view_show li.li_dif01{ width:100%;}
	.view_show li.li_dif02{ width:100%;}
	.view_mark{ display:none;}
	/*.view_show li a .img_box,
	.view_show li.li_dif01 a .img_box,
	.view_show li.li_dif02 a .img_box{ padding-top: 74.078%;}*/
	.view_show li a .des{ height: auto; max-height:88px;}
	/*05*/
	.post_block:after{ display:none;}
	.post_left, .post_textbox{ width:100%; float:none; padding:0 15px;}
	.post_textbox{ margin-top: 15px; padding-top:15px; padding-bottom: 15px; border-left:none; border-top:1px solid #c8d3e5; line-height: 1.8;}
	.post_base{ margin-top:20px;}
	.post_open{ top: 40px; width:25px; height: 25px; background-size:12px;}
	.post_right{ padding: 0; position: absolute; top:0; right:45px; width:45px;}
	.members_list li{ width:100%;}
	.feeling_img,
	.join_feeling li.li_dif .feeling_img{ float:none; width:100%;}
	.feeling_info,
	.join_feeling li.li_dif .feeling_info{ padding:15px 0;}
	.platform_list{ margin:-15px;}
	.platform_list li{ padding:15px;}
	.platform_list li a{ height:170px;}
	.platform_info{ padding:30px 0 0 30px;}
	.platform_more{ width:106px; line-height: 30px; margin-top: 30px; }
	/*06*/
	.idea_list li{ width:50%;}
	.contact_list{ margin:-15px;}
	.contact_list li{ width:100%; padding: 15px;}
	.contact_block{ height:auto;}
	
	.survey_data{ margin-top:40px;}
	.expert_right{ display:none;}
	.process{ display:none;}
	
	.banner_view{ display:none;}
	.banner_case .banner_des{ display:none;}
	.view_guide li{ width:100%; float: none;}
	.view_guide li.next{ float:none;}
	.view_expert{ padding-top:0;}
	
	.functional_show li{ width: 100%;}
	.functional_show li a .des{ height:auto; max-height: 110px;}
} 

@media (max-width: 567px){ 
	.partners_list li{ width:50%;}
	.partners_list li:nth-of-type(2n+1) a{ border-left-color: #fff;}
	/*02*/
	.industry_expert li{ width:50%;}
	.industry_expert li a{ padding:15px;}
	/*03*/ 
	.services_list li{ width:100%;}
	/*.functional_show li{ width:100%;}*/
	/*05*/
	.platform_list li{ width:100%;}
	
	.related_list li{ width:100%;}
} 
 
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{
    -webkit-transition:all 0.5s 0s ease-in-out; 
    transition: all 0.5s 0s ease-in-out;
}   
.f01_p3:before{
	-webkit-transition:all 1.5s 0s ease-in-out; 
    transition: all 1s 0s ease-in-out;
} 

.txmpt{
	display:flex;
}
.txmpt .xmpt{position:relative;left:20px;}
.txmpt .xmpt a{
    padding: 0 12px;
    line-height: 24px;
    display: inline-block;
    background: #ccc;
    text-align: center;
	background:#012C7A;
	color:#fff;
}
.txmpt .xmpt a:hover{
	background:#EA5503;
}

@media (max-width: 650px){ 
	.txmpt{
		flex-direction:column;
	}
	.txmpt .xmpt{left:0px;}
	.txmpt .xmpt a{
		margin-top:5px;
	}
}