/* CSS Document */
*{  margin:0; padding:0;  border:0;  font-style:normal;  list-style:none; } 
html, body { overflow-x: hidden; overflow-y: hidden; position: relative;  height: 100%;  background:#FFF; color:#fff;  -webkit-overflow-scrolling: touch;
	/*font: 14px/1.5 Arial,"华文细黑","黑体",simhei,Microsoft Yahei,helvetica,sans-serif; */font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, PingFang sc; margin: 0; padding: 0; }  
a{ text-decoration: none; cursor:pointer; } 
a:link, a:visited, a:active, a:focus, a:hover { text-decoration:none; }
h1,h2,h3,h4,h5,h6,em,b,label,i,strong,dl,dt,ul,li{ font-weight:normal; padding:0px; margin:0px; }
img { border:none; padding:0; margin:0px; }
button{ border:0; padding:0px; margin:0px; outline-style:none; background-color:transparent; -webkit-appearance: none; }
input,select,textarea{ border:none; outline:none; font: 14px/1.5 Arial,"华文细黑","黑体",simhei,Microsoft Yahei,helvetica,sans-serif; }
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],input[type="password"], select, textarea{  -webkit-appearance: none; outline:none; } /*解决 苹果手机给input样式的修饰问题*/
p{ padding:0px; margin:0px;  line-height:22px; }
   
.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; }
.img100{ width:100%; }

/*英文*/
@font-face {
	font-family:"DINPro";src:url(../EN/fonts/DINPro-Regular_13937.ttf);
}
.en-font{ font-family: "DINPro","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; }

/*通用*/
.navWarp{ width: 70px;  height: 100%;  background: #090d1c4f;; position: fixed; left: 0; top: 0; bottom: 0; z-index: 30; }
/*header nav*/
.navbar{ border-radius: 0px; margin-bottom:0px; min-height:50px; border:0px; }
    .navbar-brand{ padding:0px; height:auto; }
	.navbar-brand>img{ width:70px;  }
	.navbar-inverse .navbar-nav>li{ width: 100%; position:static; top:0px; left:0px; }
	.navbar-inverse .navbar-nav>li>a{ width: 100%; text-align: center; color: #fff; padding:20px 0px;  font-size:12px; }
	.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover { color: #838282; }
	.navbar-inverse .navbar-nav>li b{ display:block; }
	.navbar-inverse .navbar-nav>li .EN{ color: #fff; font-size:14px; font-family: "DINPro","Helvetica Neue",Helvetica,Arial,sans-serif;  border: solid 1px #fff; border-radius: 2px; padding:6px 7px; }
	
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border:0px; }
.navbar-nav>li>.dropdown-menu{ width:268px; height:100%; padding-top:32px; position:absolute; top:0px; left:70px; font-size:14px; background:rgba(9, 13, 27, 0.5); padding:0px; border:0px; }
.navbar-nav>li>.dropdown-menu li{ display:block; }
.navbar-nav>li>.dropdown-menu li:hover{background: rgba(80,113,207,0.282);}
.navbar-nav>li>.dropdown-menu li a{ display: block;  padding:8px 0px; margin-left: 35px; font-size:12px; color: #fff; }
.navbar-nav>li>.dropdown-menu li>a:hover{ color:#c7c6c6;  text-decoration:none; background-color:Transparent; } 
.navbar-nav>li>.dropdown-menu ul{ width:100%;   margin-top:36px; }
.navbar-inverse .navbar-toggle { border-color:Transparent;  margin-top: 5px; margin-bottom: 4px;}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {	background-color: Transparent; }
.navbar-inverse .navbar-toggle .icon-bar{ display:block; width: 26px; height: 3px; border-radius: 3px; background-color: #fff; }
.navbar-inverse .navbar-toggle .icon-bar+.icon-bar { margin-top: 5px; }


.navbar-nav>li>.dropdown-menu .title{ width:74%; margin:36px auto;  }
.navbar-nav>li>.dropdown-menu .title label{ color: #fff; font-size:16px; margin-left:16px; }
.navbar-nav>li>.dropdown-menu li a.subNav{ margin-left:50px; display:none; }

.navbar-inverse .navbar-nav > li >a:focus, .navbar-inverse .navbar-nav > li > a:hover
{
        background: rgba(80,113,207,0.282);
        color: #e1e1e1;
}

.nav-check
{
        background: rgba(80,113,207,0.282);
        color: #e1e1e1;
}

.menu_case_cont_bg { position: relative;  margin-left: 0px; overflow:hidden; }
.menu_case_cont_bg img { display:block; margin:0 auto; margin-bottom:6px; }
.menu_case_cont_bg dl { width: 86%; margin: 0 auto; }
.menu_case_cont_bg dl dt { float: left; width: 32%;  margin-right: 1.6%; padding:12px 0px;  cursor: pointer; font-size: 12px; color: #e1e1e1; text-align: center;  }

.menu_case_cont_bg dl dt:nth-child(3n) { margin-right: 0 }
.menu_case_cont_bg dl dt:hover { background: rgba(80,113,207,0.282);    }

.menu_case_cont_bg a{ color:#e1e1e1;}

.main{ background:#; width:100%; height:100%; padding-left: 70px; }
.footer{ width: 100%; padding:20px 0px 20px 30px; background:#0c1835e6; }
.foot li{ float:left; margin-right:10px; cursor: pointer; position:relative; }
.foot li .iconImg{ width:30px; }
.footer .copy{ margin-top:10px; color: #fff; font-size:12px; line-height:20px; } 
.footer .showInfo{ display:none;}
.footer .ewm{ position:absolute; bottom: 50px; left: -25px; z-index:99; }
.footer .mail{ position:absolute; bottom: 50px; left: -60px; z-index:99; }


.pcShow{ display:block; }
.mobShow{ display:none;  }

/*首页*/
.swiper-pc{ width: 95.5%; height: 100%; }
.swiper-pc .swiper-slide { width:320px; }
.swiper-button-prev{ background: url(./bom_info_left.png) no-repeat; width: 72px; height: 111px; top: 45%; pointer-events: initial; }
.swiper-button-next{ background: url(./bom_info_right.png) no-repeat; width: 72px; height: 111px; top: 45%; pointer-events: initial; }
.swiper-button-prev::after, .swiper-button-next::after{ display: none; }
 .swiper-team .swiper-button-prev{ background: url(./bom_info_left.png) no-repeat; left: 88px; width: 72px; height: 111px; top: 45%; pointer-events: initial; }
.swiper-team .swiper-button-next { background: url(./bom_info_right.png) no-repeat; width: 72px; height: 111px; top: 45%; pointer-events: initial; }
.swiper-team .swiper-button-prev::after, .swiper-team .swiper-button-next::after{ display: none; }
.firm-warp{ margin-left:70px; }
.firm-list{ color: #FFF; height: 100%; display:block; }
.firm-bg01{ background: #7f4f21; }
.firm-bg02{ background: #b8925a; }
.firm-bg03{ background: #c8bb9c; }
.firm-bg04{ background: #b8925a; }
.firm-bg05{ background: #717070; }
.firm-bg06{ background: #7f4f21; }
.firm-bg07{ background: #b8925a; }
.firm-bg08{ background: #c8bb9c; }
.firm-bg09{ background: #b8925a; }
.firm-bg010{ background: #717070; }
.firm-bg011{ background: #7f4f21; }
.firm-bg012{ background: #b8925a; }
.firm-bg013{ background: #c8bb9c; }
.firm-bg014{ background: #b8925a; }
.firm-bg015{ background: #717070; }
.firm-bg016{ background: #7f4f21; }
.firm-bg017{ background: #b8925a; }
.firm-bg018{ background: #c8bb9c; }

.firm-bg01:hover { background: url(../img/sy_rw_01.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg02:hover { background: url(../img/sy_rw_02.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg03:hover { background: url(../img/sy_rw_03.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg04:hover { background: url(../img/sy_rw_04.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg05:hover { background: url(../img/sy_rw_05.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg06:hover { background: url(../img/sy_rw_06.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg07:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg08:hover { background: url(../img/sy_rw_08.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.firm-bg09:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg010:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg011:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg012:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg013:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg014:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg015:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg016:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg017:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-bg018:hover { background: url(../img/sy_rw_07.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.firm-list:hover { -moz-animation: imageIn .3s linear forwards; -webkit-animation: imageIn .3s linear forwards; -o-animation: imageIn .3s linear forwards; animation: imageIn .3s linear forwards }
	
	.firm-list .art_title { width: 80%; margin:0 auto; padding-top:40px; color: #fff; }
	.firm-list .art_p1 { font-size:24px; width: 100%; line-height: 30px;  /*20180321*/}
	.firm-list .art_p2 { font-size: 14px;  margin-top: 14px;     }
	.firm-list .art_p3	{ position: absolute; bottom: 50px; left: 30px;}
	.firm-list .art_logo { width: 100%; display: block; margin-top: 16px; }
	.firm-list .art_logo:hover { -moz-animation: huxiimg 1s linear forwards; -webkit-animation: huxiimg 1s linear forwards; -o-animation: huxiimg 1s linear forwards; animation: huxiimg 1s linear forwards }
	.firm-list .art_logo img { width: 100%; display: block }
	.firm-list .art_title a{ color: #fff;  }


	 @keyframes animatedBackground {
		 from {
		 background-position: right center
		}
		 to {
		 background-position: center center
		}
		}
		 @-moz-keyframes animatedBackground {
		 from {
		 background-position: right center
		}
		 to {
		 background-position: center center
		}
		}
		 @-webkit-keyframes animatedBackground {
		 from {
		 background-position: right center
		}
		 to {
		 background-position: center center
		}
		}
		 @-o-keyframes animatedBackground {
		 from {
		 background-position: right center
		}
		 to {
		 background-position: center center
		}
	}
    @keyframes imageIn {
		 0% {
		 width: 320px;
		 opacity: .6
		}
		 25% {
		 width: 325px;
		 opacity: .7
		}
		 50% {
		 width: 330px;
		 opacity: .8
		}
		 75% {
		 width: 335px;
		 opacity: .9
		}
		 100% {
		 width: 340px;
		 opacity: 1
		}
	}
	@keyframes huxiimg {
		 0% {
		 width: 100%;
		 opacity: 1
		}
		 20% {
		 width: 110%;
		 opacity: .96
		}
		 40% {
		 width: 105%;
		 opacity: .93
		}
		 60% {
		 width: 110%;
		 opacity: .93
		}
		 80% {
		 width: 105%;
		 opacity: .96
		}
		 100% {
		 width: 100%;
		 opacity: 1
		}
	}

.swiper-mob {width: 100%; height: 90%; color:#000;  }
.swiper-mob .firm-mob{ color: #FFF; display:block; height:100%; }
.swiper-mob .bg01{ background: url(../img/m_rw_01.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.swiper-mob .bg02{ background: url(../img/m_rw_02.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.swiper-mob .bg03{ background: url(../img/m_rw_03.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.swiper-mob .bg04{ background: url(../img/m_rw_04.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.swiper-mob .bg05{ background: url(../img/m_rw_05.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.swiper-mob .bg06{ background: url(../img/m_rw_06.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.swiper-mob .bg07{ background: url(../img/m_rw_07.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
.swiper-mob .bg08{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg09{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg10{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg11{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg12{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg13{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg14{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg15{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg16{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg17{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg18{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg19{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	
.swiper-mob .bg20{ background: url(../img/m_rw_08.jpg) no-repeat; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	

    .firm-mob .art_title { width: 80%; margin:0 auto; padding-top:40px; color: #fff; }
	.firm-mob .art_p1 { font-size:24px; width: 100%; line-height: 30px;  /*20180321*/}
	.firm-mob .art_p2 { font-size: 14px;  margin-top: 14px;     }
	.firm-mob .art_p3	{ position: absolute; bottom: 50px; left: 30px;}
	.firm-mob .art_logo { width: 100%; display: block; margin-top: 16px; }
	.firm-mob .art_logo:hover { -moz-animation: huxiimg 1s linear forwards; -webkit-animation: huxiimg 1s linear forwards; -o-animation: huxiimg 1s linear forwards; animation: huxiimg 1s linear forwards }
	.firm-mob .art_logo img { width: 100%; display: block }
	.firm-mob .art_title a{ color: #fff;  }

/*关于我们*/	
.aboutLeft{ width: 40%; float: left; background: url("./about01.png") no-repeat; height: 100%; background-position: top center; background-size: cover }
.aboutRight{ width: 60%; position: relative; height: 100%; float: left; background: url("./background.png") no-repeat; height: 100%; background-position: center center;background-size: 100% 100%;}
	.aboutBox{ width: 75%; text-align: justify;  position: absolute; left: 50%; top: 50%; margin-left: -40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
	
	.line01{ width:38px;  height: 4px;  background: #2C3F8B;  margin-bottom:15px; }
	.line02{ width:240px;  height:1px; background: #2C3F8B;  margin-top:15px; margin-bottom:40px; }
    .title01{ font-size: 22px; color: #000; line-height: 42px;  }
    .title02{ font-size: 22px; color: #000; line-height: 42px;  }
	.article { max-height: 600px; overflow-y: auto; padding-right: 15px; }
    .article::-webkit-scrollbar {
		width: 6px;
	}
	.article::-webkit-scrollbar-track {
		background: transparent;
	}
	.article::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0, 0.1);
		border-radius: 3px;
	}
	.article::-webkit-scrollbar-thumb:hover {
		background: rgba(0, 0, 0, 0.3);
	}
    .article p{ font-size: 14px; color: #979090; line-height: 28px; margin-bottom:30px; }
    .article span{ font-size: 14px; }

.aboutBox .info{ font-size:14px; line-height: 28px; }
.aboutBox .info p{ margin-bottom: 20px; color: #000; }
	
/*真格团队*/	
.swiper-team{ width:100%; height:100%; color:#000; }


/*教育基金*/
.eduFund{ width:100%; height: 100%; }
.eduFund .eduLeft{ width: 40%; height: 100%; float: left; background: url("./edubg01.png") no-repeat; background-position: center center; background-size: cover}
.eduFund .eduLeft img { display: none }
.eduFund .eduRight { width: 60%; position: relative; height: 100%; float: left; background: url("./background.png") no-repeat; height: 100%; background-position: center center; background-size: cover }

.eduFund .eduBox{ width: 75.949367%; position: absolute; left: 50%; top: 50%; margin-left: -37.974684%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }


/*联系我们*/
.contactWarp{ background:url(./contact.png) no-repeat; background-position: center center;  background-size: 100% 100%;  }

.contactBg01{ position:absolute; top:25px; left:70px; }
.contactBg02{ position:absolute; top:60px; right:60px; }
.contactBg03{ position:absolute; bottom:0px; right:70px; }
.contactBg04{ position:absolute; bottom:0px; right:0px; width:96%; }
.contactBg04 img{ width:100%; }

.flexcenter { display: flex; justify-content: center; align-items: center; }
.contactTop{ height:62%; }
	.contactTop .title{ position: relative; z-index: 2; font-size:32px; color: #000; padding-top:60px; padding-left:60px; }
	.contactTop .listBox{ padding-top:100px; }
	.contactTop .listBox .list{ width:215px; height:215px; border: 1px solid #fff; border-radius:215px; text-align:center; background:#fff; }
	.contactTop .listBox .icon{ width:40px; margin-top:26px; }	
	.contactTop .listBox .p01{ font-size:16px; margin-top:4px; }
	.contactTop .listBox .p02{ font-size:14px; border-top: 1px solid #000;  width:75%; display:inline-block;  padding-top:4px; margin-top:4px; color:#979090; }
	.contactTop .listBox a{ color:#000; }
	
.contactBot{ /*background:#eae7dc;*/ height:38%; padding-top:80px;  }
.contactBot .cityBox{ max-width:320px;  }
.contactBot .cityBox li{  text-align:center; }
.contactBot .cityBox li p{ font-size:16px; margin-top:10px;}

.contactBot .wxwbBox li{ float:left; text-align:center; margin-right:25px; cursor:pointer; }
.contactBot .wxwbBox a{ color:#fff;}
.contactBot .wxwbBox a:hover{ color:#717070;}

.wxwbBox .ewm { display:none; position: absolute; bottom: 110px; left:0px; z-index: 99; }

.contactBot .goOrder{ font-size:14px; display: block; width:150px; padding:5px 0px; border: 1px solid #dcd5c2; color:#804e21; text-align: center;  cursor: pointer; }
.contactBot .copy{ margin-top:20px; }

.ma_an_an { height: 130px; width: 100%; background-image: url(../img/about_anan.jpg); background-size: cover; position: relative }
.na_an_bn { width: 665px; height: 100%; margin: 0 auto; }
.na_an_bn li { float: left; line-height: 150px; }
.mu_an_bn.mu_an_bn img { display: block; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }

.e-mail{ margin-top:20px; width: 96%; border: 1px solid #717070; font-size: 14px; text-align: left; height: 50px; padding: 2%; color: #8d8d8d } 
 


/*加入真格人才库*/
.job_cont { width: 100%;height: 100%;background: #f5f3ee; position: relative; }
.jcBox{ width: 880px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.jcBox .jc_h2 { font-size: 22px; color: #c8bb9c; border-bottom: 2px solid #cbbfa0; font-weight: normal; line-height: 56px }
.jcBox .jc_p1 { font-size: 14px; color: #777777; border-bottom: 4px solid #c9bb9d; margin-top: 12px; padding-bottom: 12px }
.jcBox .ic_put_01 { width: 100%; border-bottom:1px solid #cbbfa0; overflow: hidden; padding-bottom: 12px }
.jcBox .ic_put_01 dd { float: left; width: 280px; height:34px; margin-right: 14px; margin-top: 12px; margin-left: 3px }
.jcBox .ic_put_01 dd:nth-child(3), .ic_put_01 dd:nth-child(6) { margin-right: 0 }
.jcBox .ic_put_01 dd input { width: 100%; height: 100%; border: 0; background: #717070; display: block; color: #939290; text-indent:10px }
.jcBox .put_02_cont_li input[type="radio"] { border-radius: 50% }
.jcBox .put_02_cont_li { font-size: 12px; color: #777777 }
.jcBox .job_put_p1 { font-size: 14px; color: #7f4f21; }
.jcBox .ic_input_up { display: block; font-size: 14px; cursor: pointer; width: 150px; height: 30px; background: #717070; color: #717070; line-height: 30px; text-align: center; font-weight: normal; float: left }
.jcBox .ic_input_sub { font-size: 14px; cursor: pointer; width: 150px; height: 30px; background: #86572c; color: #717070; line-height: 30px; text-align: center; font-weight: normal; float: right }
.jcBox .ic_put_02 { width: 100%; border-bottom: 1px solid #cbbfa0 }
.jcBox .ic_put_02_l { width: 55%; float: left }
.jcBox .job_put_p1 { line-height: 42px }
.jcBox .put_02_cont { overflow: hidden; padding-left: 5px }
.jcBox .put_02_cont_li { display: block; height: 24px; float: left; margin-right: 1px }
.jcBox .put_02_cont_li input { width: 12px; height: 12px; background: #717070; border-radius: 50% }
.jcBox .put_02_cont_li input[type="checkbox"] { border-radius: 0;  vertical-align: text-bottom;}
.jcBox .ic_put_03_area textarea { width: 100%; height: 88px; display: block; resize: none; font-size: 12px; line-height: 24px; color: #939290; background: #717070; border: 0 }
.jcBox .ic_put_sub { margin-top: 14px;  overflow: hidden;     padding-bottom: 30px;}

/*真格活动*/
.activity{background: #f4f2ec;}
.act_nav { width: 100%; padding:25px 0px;  background: #e9e4d9; }
.act_nav_title{ font-size: 22px; margin-left:100px; color: #7f4f21; }
.act_cont{ width:80%; height:60%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); overflow:hidden}
	.cant_new_a{ width: 100%; height: 100%; background-image: url(./ant_new_1.svg); background-size: cover; }
	.cant_new_b { width: 60%; float: right; font-size: 14px; color: #7d4f25; position: absolute; top: 9%;    left: 38%;}
	.cant_new_b li { height: 40px; width: auto; text-align: center; float: left; line-height:40px; margin-right:30px; padding: 0 15px}
	.cant_new_c { width: 60%; float: right; font-size: 14px; color: #a38c73; position: absolute; top: 31%; left: 38%}
	.cant_new_c li { height:40px; width: auto; text-align: center; float: left; line-height:40px; margin-right:50px; padding: 0 15px; margin-bottom:20px; }
	.cant_new_d { width: 60%; float: right; font-size: 14px; color: #717171; position: absolute; top: 67%; left: 38%}
	.cant_new_d li { min-width: 126px; float: left; line-height:50px; margin-right:60px; padding: 0 15px; }
	
	.acm_a { background-color: #d8ceba; border-radius: 20px; cursor: pointer}
	.acm_a:hover { background-color: #f6f3f0}
	.acm_b { background-color: #e3ddce; border-radius: 20px; cursor: pointer}
	.acm_b:hover { background-color: #f6f3f0}
	
/*来真格的*/
.zhenBg{ width: 100%; height: 100%;  position: relative; background:url(./keepad.png) no-repeat; background-position: center center; background-size: 100% 100%;}
.zhenBox{ width: 80%; text-align: justify;  position: absolute; left: 50%; top: 50%; margin-left: -42%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.zhenList .title{ font-size:20px;  color:#000; }
.zhenList ul{ margin-bottom:40px; }
.zhenList ul li{margin-top:15px; float:left; padding:12px 0px;  text-align:center;  border:1px solid #202122; cursor:pointer; border-radius: 10px;}
.zhenList .list01 li{ width:18.8%; margin-right:1%; border-radius: 10px;}
.zhenList .list02 li{ width:18.8%; margin-right:1%; } 
.zhenList .showTit{ color:#202122; }
.zhenList a{ color:#000; }

.zhenList ul.list03{ margin-bottom:20px; }
.zhenList .more{ font-size:14px; }


.zhenList ul li.checked{ background:#fff;  }
.zhenList ul li.checked .showTit{ color:#1c1b1a; }
.zhenList .showInfo{ display:none; }



.laybg{ display:none; width:100%; height:100%; background:rgba(244,242,236,0.8); position:fixed; top:0px; left:0px; z-index:999;   }
.layout{ background:#fff; width:550px; min-height:330px; padding:30px 50px; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
.layout .title{ text-align:left; padding-bottom:20px; font-size:20px; color:#000000; border-bottom:1px solid #141424; }
.layout .laycont{ font-size:12px; color:#717070;  margin-top:20px; text-align:justify; line-height:22px; }
.layout .goApply{ font-size:14px; display:block; width: 160px; padding:14px 0px; background: #2C3F8B; color: #fff; text-align: center; margin:0 auto; margin-top:30px;}
.closeBtn{ position: absolute; right: 15px; top: 15px; z-index:999; }

/*真格团队*/
.teamlist{ height:50%; cursor: pointer; }
.teamlist .art_p1{ font-size:24px; width: 100%; line-height: 30px; color:#717071; }
.teamlist .art_p2{ display: none;  /*20180321*/ }
.teamlist .art_title {  width: 90%; margin: 0 auto; padding-top: 20px; }
.teamlist .more{ display: none; }
.teamlist .peoDesc{ display:none; }

.peo01{ background: url(../img/cn1.jpg) no-repeat center center; background-size: cover;  }

.peo02{ background: url(../img/cq1.jpg) no-repeat center center; background-size: cover;  }

.peo03{ background: url(../img/cxc1.jpg) no-repeat center center; background-size: cover;  }

.peo04{ background: url(../img/cys1.jpg) no-repeat center center; background-size: cover;  }

.peo05{ background: url(../img/df1.jpg) no-repeat center center; background-size: cover;  }

.peo06{ background: url(../img/dys1.jpg) no-repeat center center; background-size: cover;  }

.peo07{ background: url(../img/faz1.jpg) no-repeat center center; background-size: cover;  }

.peo08{ background: url(../img/gdj1.jpg) no-repeat center center; background-size: cover;  }

.peo09{ background: url(../img/gmm1.jpg) no-repeat center center; background-size: cover;  }

.peo10{ background: url(../img/gr1.jpg) no-repeat center center; background-size: cover;  }

.peo11{ background: url(../img/gsx1.jpg) no-repeat center center; background-size: cover;  }

.peo12{ background: url(../img/jm1.jpg) no-repeat center center; background-size: cover;  }

.peo13{ background: url(../img/jw1.jpg) no-repeat center center; background-size: cover;  }

.peo14{ background: url(../img/ly1.jpg) no-repeat center center; background-size: cover;  }

.peo15{ background: url(../img/sll1.jpg) no-repeat center center; background-size: cover;  }

.peo16{ background: url(../img/wq1.jpg) no-repeat center center; background-size: cover;  }

.peo17{ background: url(../img/wsp1.jpg) no-repeat center center; background-size: cover;  }

.peo18{ background: url(../img/xxp1.jpg) no-repeat center center; background-size: cover;  }

.peo19{ background: url(../img/yl1.jpg) no-repeat center center; background-size: cover;  }

.peo20{ background: url(../img/zd1.jpg) no-repeat center center; background-size: cover;  }

.peo21{ background: url(../img/zqy1.jpg) no-repeat center center; background-size: cover;  }

.peo22{ background: url(../img/zxs1.jpg) no-repeat center center; background-size: cover;  }

.peo23{ background: url(../img/zxy1.jpg) no-repeat center center; background-size: cover;  }

.peo24{ background: url(../img/zyz1.jpg) no-repeat center center; background-size: cover;  }

.peo25{ background: url(../img/zzt1.jpg) no-repeat center center; background-size: cover;  }

.peo26{ background: url(../img/zzy1.jpg) no-repeat center center; background-size: cover;  }

@media (min-width:768px){ 
	
	.peo01:hover { background: url(../img/cn2.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }	.peo02{ background: url(../img/cq1.jpg) no-repeat center center; background-size: cover;  }
	.peo02:hover { background: url(../img/cq2.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo03:hover { background: url(../img/cxc2.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo04:hover { background: url(../img/cys2.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo05:hover { background: url(../img/df2.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo06:hover { background: url(../img/dys2.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo07:hover { background: url(../img/faz2.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo08:hover { background: url(../img/gdj2.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo09:hover { background: url(../img/gmm2.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo10:hover { background: url(../img/gr2.jpg) no-repeat center center; background-size: cover; -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo11:hover{ background: url(../img/gsx2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo12:hover{ background: url(../img/jm2.jpg) no-repeat center center; background-size: cover;   -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo13:hover{ background: url(../img/jw2.jpg) no-repeat center center; background-size: cover;   -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo14:hover{ background: url(../img/ly2.jpg) no-repeat center center; background-size: cover;   -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo15:hover{ background: url(../img/sll2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo16:hover{ background: url(../img/wq2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo17:hover{ background: url(../img/wsp2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo18:hover{ background: url(../img/xxp2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo19:hover{ background: url(../img/yl2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo20:hover{ background: url(../img/zd2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo21:hover{ background: url(../img/zqy2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo22:hover{ background: url(../img/zxs2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo23:hover{ background: url(../img/zxy2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo24:hover{ background: url(../img/zyz2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo25:hover{ background: url(../img/zzt2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
	.peo26:hover{ background: url(../img/zzy2.jpg) no-repeat center center; background-size: cover;  -moz-animation: animatedBackground .2s linear 1 forwards; -webkit-animation: animatedBackground .2s linear 1 forwards; -o-animation: animatedBackground .2s linear 1 forwards; animation: animatedBackground .2s linear 1 forwards }
}

.searchList{ display: none; }
.teamLay{ background:#f4f2ec; width:54%; max-width: 800px; margin: 0 auto; position:absolute;top: 50%;left: 50%; 
          -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%);  transform: translateY(-50%) translateX(-50%); box-sizing: border-box; }
.teamLay .peoImg{ width:43%; float:left; }
.teamLay .peoImg img{ width:100%; }
.teamLay .laycont{ width:56%; float:left; padding:0px 6%; font-size:12px; color:#717070; text-align:justify; line-height:22px;  position: absolute;top: 50%; right: 0%; margin-left: 0%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.teamLay .title{ font-size:14px; }
.teamLay .name{ margin-top:5px; padding-bottom:20px; font-size:20px; color:#000000; }
.teamLay .laycont .desc{ max-height: 260px; overflow-y: auto; }

@media (max-width:1200px) and (min-width:768px) 
{
     .teamLay{  width: 80%; }   
}

/*投资案例*/
#main_case .swiper-slide{ width: auto; min-width:350px; text-align:center }


#main_case{ color:#000; height: 100%; width:100%; }
#main_case img { width:100%; max-width:129px; display:inline-block; mix-blend-mode: multiply; } 
#main_case img:hover { -moz-animation: huxitm 1s linear forwards; -webkit-animation: huxitm 1s linear forwards; -o-animation: huxitm 1s linear forwards; animation: huxitm 1s linear forwards }
.case_slide:nth-child(n){ background:#f9f9f9;}
.case_slide:nth-child(2n) { background: #fff;}
	.case_title { font-size:20px; color: #fff; line-height: 60px; text-align: center }
	.case_slide:nth-child(n) .case_title{ background:#0c1835;;}
	.case_slide:nth-child(2n) .case_title { background:#2f354f;}
	.case_slide ul{margin-left:auto; margin-right:auto; text-align: left;     max-width: 333px; padding-left:5px;}
	.case_slide li{ height:60px; text-align: center; margin-top:10px; display:inline-block; margin-right:6px; }
/*	.case_slide li img{mix-blend-mode:multiply;}*/

@keyframes huxitm {
	
}