*, html, body {
	padding: 0;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Microsoft Yahei", sans-serif;
	color: #333;
	font-size:16px;
}
ul, ol, dl, li, dt, dd {
	padding: 0;
	margin: 0;
	list-style: none;
}
img {
	vertical-align: middle;
	border: 0;
}
a {
	text-decoration: none;
}
input, a, img, select {
	outline: none;
}
.secwen.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: 1s;
}

.secwen {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(30px);
  transition: .8s;
}

.secwen_left.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: 1s;
}

.secwen_left {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(-30px);
  transition: .8s;
}

img {
  max-width: 100%;
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.animate.add4 {
  transition-delay: .4s;
}

.animate.add5 {
  transition-delay: .5s;
}

.animate.add6 {
  transition-delay: .6s;
}

.animate.add7 {
  transition-delay: .7s;
}

.animate.add8 {
  transition-delay: .8s;
}

.animate.add9 {
  transition-delay: .9s;
}

.animate.add10 {
  transition-delay: 1.0s;
}

.animate.add11 {
  transition-delay: 1.1s;
}
/*=========
	common
===============================*/

.fl{ float:left;}
.fr{ float:right;}
.w1520 {
  width: 84%;
  margin: 0 auto;
}
@media (max-width:1440px){
.w1520 {
  width: 90%;
  margin: 0 auto;
}}
@media (max-width:1199px){
.w1520 {
  width: 92%;
  margin: 0 auto;
}}
.f-cb {

  zoom: 1;

}

.f-cb:after {

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  overflow: hidden;

  content: ".";

}
.index-title {
	position: relative;
}
.sq_more {
	position: absolute;
	right: 0;
	top: 130px;
	border: 2px solid #292929;
	padding: 5px 37px;
	font-weight: bold;
	font-size: 15px;
	color: #292929;
}
.sq_more:hover {
	background: #014ea3;
	border: 2px solid #014ea3;
	color: #fff;
}

.indMore {
    margin: 40px 0;
    display: inline-block;
    padding: 10px 34px;
    background: #014ea3;
	font-size: 16px;
	color:#fff;
    position: relative;
    z-index: 11;
}

.indMore:hover {
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
	background: #ec992d;
}


.indMore_1 {
    margin: 40px 0;
    display: inline-block;
    padding: 10px 34px;
	border:1px #fff solid;
	font-size: 16px;
	color:#fff;
    position: relative;
    z-index: 11;
}

.indMore_1:hover {
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
	background: #014ea3;
}


/**/
.index-title h1 {
	position: relative;
	color: #333;
	text-transform: uppercase;
	margin-top: 0;
	/*font-weight: 500;*/
	line-height: 60px;
	margin-bottom: 3%;
	font-size: 36px;
	letter-spacing: 1px;
	font-family: 微软雅黑;
	/*padding: 6px 10px 20px;*/
}
.index-title h1 span {
	display: block;
	font-size: 3.6rem;
	line-height: 1.2;
	text-transform: uppercase;
	vertical-align: top;
	letter-spacing: -2px;
	color: #014ea3;
	/*font-family: 'BEBAS';*/
	position: relative;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif
}
.index-title-1 h1 {
	position: relative;
	color: #333;
	margin-top: 0;
	line-height: 60px;
	margin-bottom: 3%;
	margin-top:3%;
	text-align:center;
	font-size: 36px;
}
.index-title-1 h1 span {
	display: block;
	font-size: 18px;
	line-height: 1.2;
	color:#666;
	vertical-align: top;
	position: relative;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif
}
.index-title-2 h1 {
	position: relative;
	color: #333;
	text-transform: uppercase;
	margin-top: 0;
	line-height: 60px;
	margin-bottom: 3%;
	font-size: 36px;
	letter-spacing: 1px;
	text-align:center;
}
.index-title-2 h1 span {
	display: block;
	font-size: 40px;
	line-height: 1.2;
	text-transform: uppercase;
	vertical-align: top;
	letter-spacing: -2px;
	color: #014ea3;
	text-align:center;
	position: relative;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif
}
.index-title-3 h1 {
	position: relative;
	color: #fff;
	margin-top: 0;
	line-height: 60px;
	margin-bottom: 3%;
	margin-top:3%;
	text-align:center;
	font-size: 36px;
}
.index-title-3 h1 span {
	display: block;
	font-size: 18px;
	line-height: 1.2;
	color:#fff;
	vertical-align: top;
	position: relative;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif
}
/*main-title*/
.main-title {
	position: relative;
}
.main-title h1 {
	position: relative;
	color: #292929;
	text-transform: uppercase;
	margin-top: 0;
	/* font-weight: 500; */
	line-height: 60px;
	margin-bottom: 30px;
	font-size: 36px;
	letter-spacing: 1px;
	font-family: 微软雅黑;
	padding: 6px 10px 20px;
}
.main-title h1 span {
	display: block;
	font-size: 2.6rem;
	line-height: 1.2;
	text-transform: uppercase;
	vertical-align: top;
	color: #014ea3;
	position: relative;
	font-weight: 500;
}
/*main-banner*/
.main-banner {
}
.main-banner img {
	width: 100%;
}
.main-banner .main-banner-imgs {
	display: none;
}
/*inner-wrap*/
.inner-wrap {
	width: 86%;
	margin: 0 auto;
	max-width: 1400px;
}
/*page*/
.page {
	clear: both;
	margin: 3% auto 0;
	text-align: center;
}
.page ul {
}
.page ul li {
	display: inline-block;
	border: 1px solid #eee;
	padding: 4px 10px;
}
.page ul li.active {
	background: #014ea3;
}
.page ul li.active a {
	color: #fff;
}
.page ul li a {
	font-size: 14px;
}
.page ul li:hover {
	background: #014ea3;
	cursor: pointer;
}
.page ul li:hover a {
	color: #fff;
}

/**/
.page a{
	display: inline-block;
	border: 1px solid #eee;
	padding: 4px 10px;
}
.page a.info{
	display: none;
}
.page a.current
{
	background: #014ea3;
	color: #fff;
}
.page a:hover {
	background: #014ea3;
	cursor: pointer;
	color: #fff;
}
/*=========
	header
===============================*/
.head { width: 100%; position: fixed; left: 0; top: 0; z-index: 999; transition: all .8s; background:#fff;box-shadow: 0 1px 20px rgba(0,0,0,0.15);}
.head .logo { display: inline-block; z-index: 3; float: left; vertical-align: middle; width: 230px; position: absolute; left: 3%; top: 16px; }
.head .logo img { vertical-align: middle; width: 100% }
.head .nav { float:right;position: relative; padding-right:5% }
.head .nav ul li { height: 100px; display: block; float:left; margin: 0 2.0vw; }
.head .nav ul li:last-child { margin-right: 0; }
.head .nav li a { display: block; font-size: 16px; height: 100px; line-height: 100px; position: relative; }
.head .nav li a span { display: block; color: #333; font-size:18px; position: relative; transition: all ease-out .5s; }
.head .nav li a em { position: absolute;  top: 0; color: #014ea3; text-align: center; transform: translate(-50%, 100%); transition: ease .65s; white-space: nowrap; opacity: 0; visibility: hidden; }
.head .nav li a:hover span { color: #014ea3 }
.head .down_con { position: absolute;  top: 100px; min-width:126px; margin-left:-30px;  background: rgba(255, 255, 255, 0.88); text-align: left; display: none }
.head .down_con:before { content: ""; display: block; width: 0; height: 2px; position: absolute; left: 50%; top: 0; background: #014ea3; transition: all .8s; -webkit-transition: all .8s; }
.head .down_con.on:before { width: 100%; left: 0; }
.head .down_con .content { width: 100%; }
.head .down_con .content .left { width: 60%; float: left; }
.head .down_con .content .right { width: 40%; float: right; text-align: right; }
.head .down_con .content .right img { width: 100%; opacity: 0.88; }
.head .down_con .content h3 { font-size: 20px; font-weight: bold; margin-bottom: 20px; letter-spacing: 1px }
.head .down_con .content p { color: #9aa1b2; line-height: 24px; }
.head .down_con .content .subnav { width: 100% }
.head .down_con .content .subnav a { display: block; position: relative; padding:0 30px; height:48px; line-height:48px;}
.head .down_con .content .subnav a:hover { background:#014ea3; color:#fff; }
.head .down_con .content .right { font-size: 36px; }


.lang_container{display:block;position:absolute;top:0px;right:0px;z-index:551;-webkit-transition:top 300ms;transition:top 300ms}
.lang_menu{display:block}
.lang_menu li{float:left;margin-top:40.5px;-webkit-transition:all 300ms;transition:all 300ms}
.minimize .lang_menu li{margin-top:24.5px;-webkit-transition:all 300ms;transition:all 300ms}
.header-open .lang_menu li a{position:relative;z-index:9;color:#fff}
.lang_menu li a{display:block;padding:0 15px;position:relative;font-size:22px;font-weight:600;color:#666;cursor:pointer;line-height: 1;}
.lang_menu li.active a{color:#22478e}
.search_container{position:absolute;top:38px;right:50px;z-index:551;-webkit-transition:top 300ms;transition:top 300ms}
.search_btn{display:block;width:20px;height:20px;position:relative;font-size:0}
.search_btn:after{display:block;width:100%;height:100%;position:absolute;top:0;left:0;font-family:'jt-font';content:'\e932';font-size:20px;line-height:1;font-weight:normal;text-align:center;color:#000;-webkit-transition:color 300ms;transition:color 300ms}
.search_btn:hover:after{color:#22478e}


.header-search-wrap{position:fixed;z-index:4;left:50%;top:40%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;width:600px;height:60px;margin-left:-300px;border:1px solid rgba(0,0,0,0.2);color:#666;line-height:60px;transition:all 0.5s;background:#fff;padding-right:50px}
element.style{}
.show1{z-index:999;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.header-search-wrap2{position:fixed;z-index:4;left:50%;top:20%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;width:600px;margin-left:-300px;color:#666;line-height:60px;transition:all 0.5s;padding-right:50px}
.header-search-wrap2 a{color:#fff;display:block;border-bottom:1px solid rgba(255,255,255,.3)}
.header-search-wrap2 .search-close2{position:absolute;display:block;right:-60px;top:50%;margin-top:-30px;width:30px;height:60px;cursor:pointer;transition-duration:.5s}
.header-search-wrap .submit{position:absolute;top:0;right:0;z-index:5;width:36px;height:60px;background:url(../images/ser1.png) no-repeat center;border:none;box-sizing:border-box}
.header-search-wrap .ser-input{width:100%;height:60px;position:relative;border:none;background:none;box-sizing:border-box;text-indent:20px}
/* WebKit browsers */
.header-search-wrap .ser-input::-webkit-input-placeholder {
    color: #666;
}
/* Mozilla Firefox 4 to 18 */
.header-search-wrap .ser-input:-moz-placeholder {
    color: #666;
    opacity: 1;
}
/* Mozilla Firefox 19+ */
.header-search-wrap .ser-input::-moz-placeholder {
    color: #666;
    opacity: 1;
}
/* Internet Explorer 10+ */
.header-search-wrap .ser-input:-ms-input-placeholder {
    color: #666;
}
.header-search-wrap .search-close{position:absolute;display:block;right:-60px;top:50%;margin-top:-30px;width:30px;height:60px;cursor:pointer;transition-duration:.5s}
.header-search-wrap .search-close i,.header-search-wrap2 .search-close2 i{font-size:24px;color:#fff}
.header-search-wrap .search-close:hover{transform:rotate(90deg)}
.search-bg{overflow:visible;position:fixed;z-index:552;left:0;top:0;width:100%;height:0;background:#004098;transition-duration:.5s;opacity:0}
.search-bg.hide1{opacity:1;height:100%;overflow:visible}

/*footer*/
.footer{ height:auto; overflow:hidden; background:#1d1d1f;}
.footer .footnav{ height:100%; overflow:hidden; padding:4% 0px;}
.footer .footnav .box{border-right:1px solid #484848;}
.footer .footnav ul{float:left;}
.footer .footnav ul li{line-height:14px;font-size:14px;color:#fff;}
.footer .footnav ul li.dt{margin-bottom:20px;}
.footer .footnav ul li.dt a{color:#fff; font-size:18px;}
.footer .footnav ul li a{color:#999; font-size:14px;}
.footer .footnav ul li a:hover{color:#fff;}
.footer .footnav ul li.dd{line-height:30px;height:30px;}
.footer .contact{min-height:161px;float:right; width:10%;}
.footer .contact p{line-height:35px;color:#fff; font-size:16px; text-align:center;}
.footer .contact dl{font-size:14px;line-height:28px;margin-top:17px;}
.copyright{height:80px;line-height:80px;text-align:left;color:#fff;font-size:14px; background:#000000;clear:both;}
.copyright a{color:#fff;}
.copyright-txt p{color:#999; text-align:center;}
.copyright-txt a{color:#999;}
.footertel{font-size:18px;font-family:arial;height:35px;line-height:35px;padding-left:20px;background:url(../img/tel3.jpg) no-repeat left center;float:left;margin-top:23px;margin-left:20px;}
.footerindex ul{width:18%;}
.footerindex ul:nth-child(2){}

@media (max-width: 1024px) {
.footer{ padding: 10px 0 0;background:#1d1d1f;}
.footer .footnav{padding:20px 0 15px 0;overflow:hidden;}
.footer .footnav ul{float:left; width:100%; display:block; padding:0px 10px;}
.footer .footnav ul li{ float:left;line-height:14px;font-size:14px;color:#fff;padding-right:15px;}
.footer .footnav ul li.dt{ display:block; width:100%; margin-top:25px;margin-bottom:5px;color:#fff; font-size:18px;}
.footer .footnav ul li a{color:#fff; font-size:14px;}
.footer .footnav ul li a:hover{color:#fff;}
.footer .footnav ul li.dd{display:block;line-height:30px;height:30px;}
.footer .contact{ display:none;}
.copyright{ display:block; line-height:26px; padding-top:15px;}
.m_copyright{ display:block;height:80px;line-height:26px;text-align:center;color:#fff;font-size:14px; background:#192b4e;}
.m_copyright a{color:#fff;}
.footerindex ul{width:19%;}
.footer .footnav .ul1{border-left:none !important;}
.footer .footnav .ul1 li{padding-left:0;}
.copyright-link{ display:none;}
}

/*=========
	banner
===============================*/
.banner {
	position: relative;
	width: 100%;
	height: 100vh !important;
	min-height: 538px;
	overflow: hidden;
}
/**/
.banner .item{
	min-height: 538px;
}
.banner .slick-arrow {
	width: 60px;
	height: 52px;
	z-index: 105;
	bottom: 100px;
	-webkit-transition: all 800ms;
	-moz-transition: all 800ms;
	-ms-transition: all 800ms;
	-o-transition: all 800ms;
	transition: all 800ms;
}
.banner .slick-arrow i {
	width: 100%;
	height: 100%;
	display: block;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.banner .slick-prev {
	background: #666 url(../images/i_banner_l.png) no-repeat center;
	left: 7%;
}
.banner .slick-next {
	background: #666 url(../images/i_banner_r.png) no-repeat center;
	left: 7%;
	margin-left: 74px;
}
.banner .slick-prev:hover {
	background: url(../images/i_banner_l1.png) no-repeat center;
}
.banner .slick-next:hover {
	background: url(../images/i_banner_r1.png) no-repeat center;
}
.banner .slick-prev:hover i {
	transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
}
.banner .slick-next:hover i {
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
}
.banner-yy {
	background: url(../images/bg_yy.png) repeat-x scroll left bottom;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.banner .slick-active .pimg {
	visibility: visible !important;
	-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.binbox {
	position: absolute;
	left: 6%;
	bottom:200px;
	color: #fff;
}
.banner .slick-active .binbox {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: fadeInRightBig 1.2s 1;
	animation: fadeInRightBig 1.2s 1;
}
/*字体*/
.banner .item .pimg {
	position: absolute;
	right: 0;
	left: 0 !important;
	top: 0;
	width: 100%;
	display: block;
}
.binbox .t {
	color: #fff;
	font-size: 2.6vw;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: "微软雅黑", sans-serif;
	margin-top: 1%;
	line-height: 4vw;
	margin-bottom: 2%;
	opacity: 0.88;
}
.binbox .en {
	line-height: 1.2;
	font-size: 20px;
	font-family: 'Proxima', sans-serif;
	text-transform: uppercase;
	color: #fff;
}
.binbox .con {
	overflow: hidden;
}
.binbox .moreBox {
	font-family: "pf_din_text_comp_proregular";
}
/**/
.banner .slick-dots {
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: 1%;
	margin-bottom: 0;
	width: 100%;
	text-align: center;
	-webkit-transition: all 800ms;
	-moz-transition: all 800ms;
	-ms-transition: all 800ms;
	-o-transition: all 800ms;
	transition: all 800ms;
}
.banner .slick-dots li {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.banner .slick-dots li a {
	height: 8px;
	width: 8px;
	line-height: 8px;
	display: block;
	overflow: hidden;
	margin: 3px;
	cursor: pointer;
	border-radius: 50%;
	background: #fff;
}
.banner .slick-dots li.slick-active a {
	background: #014ea3;
}
/*=========
	index
===============================*/
/*about*/

.v-about{position:relative;background: #f3f3f3 url('../images/index_about_bg.jpg') no-repeat center top;}
.v-about canvas{position:absolute;top:0;left:0;z-index:2}
.v-about .v-about-bottom{padding:0.1666666667% 0 4.1666666667% 0;position:relative}
.v-about .v-about-bottom .content{ height:auto; overflow:hidden;}
.v-about .v-about-bottom .v-left{width:48%;position:relative;z-index:3}
.v-about .v-about-bottom .v-left .v-title{line-height:60px;font-size:30px;font-weight:400;color:#333; text-align:left;margin-bottom:21px}
.v-about .v-about-bottom .v-left .v-title-line{width:78px;height:4px;background:#005bac;position:relative}
.v-about .v-about-bottom .v-left .v-title-line .vs{width:29px;left:0;height:100%;background:#ec992d;left:0;position:absolute;-webkit-animation:lin 3s ease-in-out 0s infinite normal both;animation:lin 3s ease-in-out 0s infinite normal both}.v-about .v-about-bottom .v-left .v-text{font-size:16px;font-weight:400;color:#454545;line-height:36px; text-align:left;overflow:hidden;margin-top:38px}
.v-about .v-about-bottom .v-left .v-space{height:1px;background:#e0e0e0;margin-top:6.8376068376%}
.v-about .v-about-bottom .v-bottom{text-align:justify;padding-top:62px}
.v-about .v-about-bottom .v-bottom img{width:38px;display:inline-block;vertical-align:bottom;margin-right:12px}
.v-about .v-about-bottom .v-bottom .v-jus .v-item{float:left}
.v-about .v-about-bottom .v-bottom .v-num{font-size:60px;font-family:Metal,Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-weight:normal;color:#3b3b3b;line-height:72px;padding-left:51px}
.v-about .v-about-bottom .v-bottom .sub{font-size:16px;font-weight:400;color:#7d7064}
.v-about .v-about-bottom .v-bottom .v-b{line-height:28px;margin-top:-20px;font-size:16px;font-weight:400;color:#392f25}
.v-about .v-about-bottom .v-right{width:49%;position:relative;z-index:3}
.v-about .v-about-bottom .v-right>.media-wrap{/*height:370px;*/margin-bottom:29px;position:relative}
.v-about .v-about-bottom .v-right>.media-wrap .video-btn{ position:relative;background-color: rgba(255,255,255,0.6);border-radius: 10px;margin-right: 50px; margin-top:30px;}
.v-about .v-about-bottom .v-right>.media-wrap .Img_pc{

    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .23);
	
    border-radius: 10px;
	
    position: relative;
    
	top: -30px;
    
	left: 30px;

}

.v-about .v-about-bottom .v-right .v-con .swiper-slide,.v-about .v-about-bottom .v-right .v-con .swiper-container,.v-about .v-about-bottom .v-right .v-con .swiper-wrapper{width:100%;height:100%}
.v-about .v-about-bottom .v-right .v-con .v-l{width:54.4117647059%;height:177px}
.v-about .v-about-bottom .v-right .v-con .v-r{height:177px;width:42.6470588235%;background-size:cover;padding:10px 20px 0 20px;position:relative;background-position:right bottom}
.v-about .v-about-bottom .v-right .v-con .v-r .v-t1{font-size:20px;font-weight:bold;color:#fff;line-height:40px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}
.v-about .v-about-bottom .v-right .v-con .v-r .v-line{width:32px;height:3px;background:#fcfcfc;margin-top:7px;margin-bottom:15px}
.v-about .v-about-bottom .v-right .v-con .v-r .v-t2{font-size:16px;font-weight:400;color:#fff;line-height:26px;height:52px;overflow:hidden}
.v-about .v-about-bottom .v-right .v-ab-btn-con{height:35px;position:absolute;bottom:100%;right:0}
.v-about .v-about-bottom .v-right .v-ab-btn-con .v-ab-btn{width:13px;height:35px;float:right;background-size:10px;cursor:pointer}
.v-about .v-about-bottom .v-right .v-ab-btn-con .v-ab-btn-next{background-position:center;background-repeat:no-repeat;}
.v-about .v-about-bottom .v-right .v-ab-btn-con .v-ab-btn-prev{background-position:center;background-repeat:no-repeat;margin-right:15px}
.v-about .v-about-bottom .v-right .v-about-pa{font-size:0;line-height:0;position:absolute;bottom:15px;left:0;right:auto;z-index:2;padding-right:4.3243243243%;text-align:left}
.v-about .v-about-bottom .v-right .v-about-pa .swiper-pagination-bullet{background:transparent;width:10px;height:10px;background:rgba(255,255,255,0);border:1px solid #fbfbfb;border-radius:50%;margin:0 5px;opacity:1}
.v-about .v-about-bottom .v-right .v-about-pa .swiper-pagination-bullet-active{background:#fff}


.lh-about-item{max-width:1380px; margin:60px auto 0 auto;}
.lh-about-item li{ float:left;color:#fff; padding-right:15%;}
.lh-about-item li:first-child{border:none;}
.lh-about-item li:last-child{ padding-right:0;}
.lh-about-item li h2 img{ float:left;}
.lh-about-item li h2 span{font-size:52px; line-height:52px; padding-left:10px; font-family:Metal,Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}
.lh-about-item li h3{font-size:16px; margin-top:10px; font-weight:normal;}
.lh-about-item li h2 i{font-size:42px;}
@media screen and (max-width: 1600px){
.v-about .v-about-bottom .v-left .v-title{font-size:24px;margin-bottom:18px}
.v-about .v-about-bottom .v-left .v-text{font-size:15px;line-height:32px;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:left;
	}
.lh-about-item li{ padding-right:14%;}
.v-about .v-about-bottom .v-right .media-wrap{/*height:290px*/}
.v-about .v-about-bottom .v-right>.media-wrap .Img_pc{

    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .23);
	
    border-radius: 10px;
	
    position: relative;
    
	top: -18px;
    
	left: 18px;

}

}
@media screen and (max-width: 1400px){
.v-about .v-about-bottom .v-bottom .v-b{font-size:14px}
.v-about .v-about-bottom .v-right .media-wrap{/*height:260px*/}
.v-about .v-about-bottom .v-right .v-con .v-r .v-t1{font-size:16px}
.v-about .v-about-bottom .v-right .v-con .v-r .v-t2{font-size:14px}
.lh-about-item li{ padding-right:10%;}
}
@media screen and (max-width: 1300px){
.v-about .v-about-bottom .v-left .v-top .v-space{margin-top:50px}
.v-about .v-about-bottom .v-bottom{padding-top:50px}
.v-about .v-about-bottom .v-bottom .v-num{font-size:30px;line-height:56px}
.v-about .v-about-bottom .v-bottom img{width:30px}
.v-about .v-about-bottom .v-bottom .v-b{line-height:22px}
.v-about .v-about-bottom .v-right .media-wrap{height:210px}
.lh-about-item li{ padding-right:8%;}
}
@media screen and (max-width: 900px){
.v-about .v-about-bottom .v-left{width:100%}
.v-about .v-about-bottom .v-right{width:100%}
.v-about .v-about-bottom .v-right>.media-wrap{padding-top:12.25%;position:relative}
.v-about .v-about-bottom .v-right>.media-wrap .video-btn{ position:relative;background-color: rgba(255,255,255,0.7);border-radius: 10px;margin-right: 0px; margin-top:0px;}
.v-about .v-about-bottom .v-right>.media-wrap .Img_pc{

    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
	
    border-radius: 10px;
	
    position: relative;
    
	top: 0px;
    
	left: 0px;

}
.v-about .v-about-bottom .v-right>.media-wrap img,.v-about .v-about-bottom .v-right>.media-wrap video{width:100%;height:100%;position:absolute;top:0;left:0}
.index-title-1 h1{ font-size:28px;}
}
@media screen and (max-width: 900px){
.v-about .v-about-bottom .v-right{margin-bottom:35px}
.v-about .v-about-bottom .v-right>.media-wrap{height:auto;margin-bottom:3%}
.v-about .v-about-bottom .v-right .v-con .v-l{width:100%;padding-top:47.8378378378%;position:relative;height:auto}
.v-about .v-about-bottom .v-right .v-con .v-l .swiper-container{width:100%;height:100%;position:absolute;top:0;left:0}
.v-about .v-about-bottom .v-right .v-con .v-r{width:100%;margin-top:3%}
.v-about .v-about-bottom .v-right .v-con .v-r .v-t1{font-size:20px}
.v-about .v-about-bottom .v-right .v-con .v-r .v-t2{font-size:16px}
.v-about .v-about-bottom .v-right .v-ab-btn-con{top:100%;bottom:auto;margin-top:6px}
.v-about .v-about-bottom .v-left{margin-bottom:20px}
.v-about .v-about-bottom .v-left .v-title{font-size:20px;line-height:1.75}
.v-about .v-about-bottom .v-left .v-text{margin-top:18px;height:auto;font-size:14px;line-height:1.75}
.v-about .v-about-bottom .v-left .v-top .v-space{margin-top:30px}
.v-about .v-about-bottom .v-bottom{margin-top:-30px;text-align:center}
.v-about .v-about-bottom .v-bottom .v-num{font-size:42px;line-height:50px;padding-left:0}
.v-about .v-about-bottom .v-bottom .v-num sub{font-size:12px}
.v-about .v-about-bottom .v-bottom .v-b{font-size:14px;margin-top:-6px}
.v-about .v-about-bottom .v-bottom img{width:22px;margin-right:4px;display:none}
.lh-about-item li{ float:left; width:50%; color:#fff; padding-bottom:5%;}
}

@media screen and (max-width: 766px){
.lh-about-item{ padding:0 0; margin:10px auto;}
.lh-about-item li{ width:50%;}
.lh-about-item li h2 span{font-size:36px; line-height:52px; }
.lh-about-item li h2 img{ width:60px;}
}

.index-main .module2{
	position: relative;
	background-color: #302f37;
}

.index-module2-bg{
	max-width: 100%;
	width: 100%;
	z-index: 1;
}
.swiper-container-index2 .swiper-slide{
	font-size: 0;
	background-color: #fff;
}
.index-module2-logo{
	position: absolute;
	right: 0;
	top: 0;
	max-height: 100%;
	z-index: 2;
}
.swiper-container-index2 .swiper-slide .content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	margin: auto;
	color: #fff;
	z-index: 5;
}
.swiper-container-index2 .swiper-slide .content h2{
	font-size: 36px;
	color:#292929;
}
.swiper-container-index2 .swiper-slide .content span{
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 40px;
	color:#003a79;
	font-weight:bold;
	display: block;
	font-family:Arial, Helvetica, sans-serif
}
.swiper-container-index2 .swiper-slide .content p{
	font-size: 16px;
}
.index-module2-cp{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.swiper-pagination-index2{
	position: absolute;
	right: 0;
	left: 0;
	top: 10%;
	margin: auto;
	text-align: right;
	z-index: 4;
	bottom: auto;
}
.swiper-pagination-index2 a{
	display: inline-block;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.5);
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	opacity: 1;
	border-radius: 60px;
	margin: 0 5px;
}
.swiper-pagination-index2 a span{ color:#fff;}
.swiper-pagination-index2 .selected{
	background-color: #014ea3;
	color:#fff;
}

.swiper-container-index2 img.index-module2-cp{
	max-height: 75%;
	left: 0;
	margin: auto;
}
.swiper-index2-img{
	position: absolute;
	right: 0;
	top: 0;
	height:75%;
	width: 45%;
	text-align: center;
}
.swiper-container-index2 .swiper-slide .content .content-text{
	position: relative;
	z-index: 2;
}

.module2 .more{
	width: 170px;
	height: 50px;
	line-height: 50px;
	background-color: #e2e2e2;
	color: #3b4245;
	display: block;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	transition: all .5s;
	-webkit-transition: all .5s;
	margin-top:80px;
}
.middle:after{
	content:'';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

/*index-work*/
.index-items{ text-align:center; clear:both;}
.p-case-list-index {
	position: relative;
	overflow: hidden; }
.p-case-list-index .areas {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch; }
.p-case-list-index .areas .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	z-index: 1;
	height: 85vh;
	min-height: 538px;
}
.p-case-list-index .areas .item a {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
.p-case-list-index .areas .item a:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	border-left: solid 1px rgba(245, 245, 245, 0.3);
}
.p-case-list-index .areas .item:first-child a:before {
	content: none;
}
.p-case-list-index .areas .item.disp .txt-wrap .lead {
	opacity: 1;
	height: auto; }
.p-case-list-index .areas .item .txt-wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	z-index: 10;
	color: #fff;
	padding: 0 12%; }
.p-case-list-index .areas .item .txt-wrap .ttl {
	position: relative;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-align:left;
	padding-top: 40px;
}
.p-case-list-index .areas .item .txt-wrap .ttl span {
	color: #fff;
}
.p-case-list-index .areas .item .txt-wrap .ttl:before {
	content: "";
	display: block;
	position: absolute;
	width: 32px;
	height: auto;
	top: 0;
	border-top: solid 2px #fff;
	-webkit-transition: all 800ms; -moz-transition: all 800ms; -ms-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms;
}
.p-case-list-index .areas .item .txt-wrap .ttl .em {
	display: block;
	font-size: 22px;
	position: relative;
	letter-spacing: 2px;
}
.p-case-list-index .areas .item .txt-wrap .ttl span:last-child {
	text-transform: uppercase;
	line-height: 23px;
	margin-top: 12px;
	display: inline-block;
}
.p-case-list-index .areas .item .txt-wrap .lead {
	overflow: hidden;
	font-size: 24px;
	font-weight: bold;
	opacity: 0;
	width: 100%;
	height: 0;
	line-height: 1.5; }
.p-case-list-index .areas .item .txt-wrap .lead span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	width: 100%;
	padding-top: 36px;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:left;
}
.p-case-list-index .areas .item .txt-wrap .more {
	display: inline-block;
	margin-top: 36px;
	float:left;
	width: 43px;
	height: 43px;
	background: url(../images/ico_plus.png) no-repeat 0 0;
	background-size: 40px 40px;
	font-weight: bold;
	font-size: 14px; }
.p-case-list-index .areas .item .txt-wrap .more span {
	-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.25, 1.01);
	transition: all 300ms cubic-bezier(0.4, 0, 0.25, 1.01);
	display: inline-block;
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
	vertical-align: middle;
	color: #fff }
.p-case-list-index .areas .item .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
.p-case-list-index .areas .item .img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9;
}
.p-case-list-index .areas .item .img img {
	width: 100vw;
	max-width: 100vw;
	height: auto;
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	transform:translate(-35%,0)
}
.p-case-list-index .areas .item.item--itokin1 .img img {
	-webkit-transform:translate(-35%,-10%);
	transform:translate(-35%,-10%) }
.p-case-list-index .areas .item.item--itokin2 .img img {
	-webkit-transform: translate(-21%,-10%);
	transform:translate(-21%,-10%) }
.p-case-list-index .areas .item.item--itokin3 .img img {
	-webkit-transform: translate(-45%,-10%);
	transform: translate(-45%,-10%); }
.p-case-list-index.active .imgs li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; }
.p-case-list-index .imgs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	letter-spacing: -0.4em;
	white-space: nowrap; }
.p-case-list-index .imgs img {
	width: 100vw;
	height: auto; }
.p-case-list-index .imgs li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; }
.p-case-list-index .imgs li > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0, 0, 0, .48);
	-webkit-transition: -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
}
.p-case-list-index .imgs li.is-hover {
	-webkit-transition: -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1); }
.p-case-list-index .imgs li.is-hover div {
	opacity: 1;
}
.p-case-list-index .imgs li span {
	display: block; }


/*index-news*/
.index-news {
	padding: 3% 0;
	background: #ffffff;
}
.index-news .index-title h1 {
	display: inline-block;
}
.index-news .index-title .index-more {
	margin-top: 2%;
	display: inline-block;
	float: right;
}
.index-news-more {
	display: none;
	text-align: center;
}
.index-news-more .index-more {
	margin: 6% 0;
}
.index-news .l-contents {
	width: 80%;
	margin: 0 auto;
	max-width: 1400px;
}
.index-news-img {

}
.index-news-img img {
	width: 100%;
	height:16vw;
	object-fit:cover;
	transition:transform 0.3s ease 0s
}
.index-news-img:hover img {
	transform:scale(1.05, 1.05);
	transition:transform 0.6s ease 0s
}
@media (max-width: 1440px) {
	.index-news .l-contents {
		width: 80%;
		margin: 0 auto;
		max-width: 1080px;
	}
}
@media (max-width: 1366px) {
	.index-news .l-contents {
		width: 80%;
		margin: 0 auto;
		max-width: 968px;
	}
}
@media screen and (max-width: 766px) {
.index-news-img img {
	height:56vw;
	object-fit:cover;
}
}
.index-news .index-title { }
.s-home_service .service_header {
	padding: 75px 0 75px 200px;
	background: #fff;
	line-height: 1.2
}
.s-home_service .service_body {
	padding-bottom: 32px;
}
.m-service_lines {
	position: relative;
}
.m-service_lines .unit {
	display: block;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.m-service_lines .unit_header {
	position: relative;
	z-index: 2;
	padding: 30px;
	-webkit-transition: color 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: color 550ms cubic-bezier(.23, 1, .32, 1);
	transition: color 550ms cubic-bezier(.23, 1, .32, 1)
}
.m-service_lines .unit_header:before {
	position: absolute;
	top: 40px;
	width: 16px;
	height: 3px;
	background: #1e72d6;
	content: " ";
	-webkit-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
	transition: background 550ms cubic-bezier(.23, 1, .32, 1)
}
.m-service_lines .unit_header .en {
	margin-bottom: 20px;
	padding-top: 30px;
	font-size: 22px;
	max-height:88px;
	line-height: 145%;
	font-weight: 500;
	letter-spacing: 1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.m-service_lines .unit_header .jp {
	font-size: 13px;
	font-weight: 700
}
.m-service_lines .unit_header .jp img {
	display: none;
	width: 24px;
	float: right;
}
.m-service_lines .unit_body {
	height: 280px;
	left: 0;
	z-index: 1;
	width: 100%;
	-webkit-transition: top 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: top 550ms cubic-bezier(.23, 1, .32, 1);
	transition: top 550ms cubic-bezier(.23, 1, .32, 1)
}
.m-service_lines .unit_body:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: 0 0;
	content: ""
}
.m-service_lines .body_inner {
	position: relative;
	z-index: 2;
	height: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	-webkit-transition: height 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: height 550ms cubic-bezier(.23, 1, .32, 1);
	transition: height 550ms cubic-bezier(.23, 1, .32, 1);
}
.m-service_lines .body_inner:after,
.m-service_lines .body_inner:before {
	top: 0;
	-webkit-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
	transition: background 550ms cubic-bezier(.23, 1, .32, 1);
	width: 100%;
	position: absolute;
	left: 0;
	height: 100%;
	content: " "
}
.m-service_lines .body_inner:before {
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 50%;
	-moz-background-size: auto 580px;
	background-size: auto 580px
}
.m-service_lines .body_inner:after {
	z-index: 2;
	background: 0 0
}
.m-service_lines .body_inner .lead {
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 3;
	width: 100%;
	padding: 0 30px;
	text-align: justify;
	color: #fff;
	font-size: 13px;
	line-height: 1.85;
	-webkit-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
	transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
	opacity: 0;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.m-service_lines .body_inner .list {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	padding: 0 40px 40px
}
.m-service_lines .body_inner .list li {
	-webkit-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1);
	transition: opacity 550ms cubic-bezier(.23, 1, .32, 1);
	opacity: 0
}
.m-service_lines .body_inner .list a {
	font-family: "Inter UI", sans-serif
}
.m-service_lines .unit_body:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 0;
	height: 100%;
	background: #e5e5e5;
	content: " "
}
.m-detail_header:after,
.m-kv_header:after {
	content: ""
}
.m-service_lines .unit_inner.app_is_active .unit_body:after {
	-webkit-animation: to100per .4s cubic-bezier(.25, .46, .45, .94) both .3s;
	-moz-animation: to100per .4s cubic-bezier(.25, .46, .45, .94) both .3s;
	animation: to100per .4s cubic-bezier(.25, .46, .45, .94) both .3s
}
.m-service_lines .unit_inner.app_is_active .body_inner:before {
	-webkit-animation: bgmask_mov .7s cubic-bezier(.25, .46, .45, .94) both .6s;
	-moz-animation: bgmask_mov .7s cubic-bezier(.25, .46, .45, .94) both .6s;
	animation: bgmask_mov .7s cubic-bezier(.25, .46, .45, .94) both .6s
}
.m-service_lines .unit.is_active .unit_header .en,
.m-service_lines .unit.is_active .unit_header .jp {
	
}
.m-service_lines .unit.is_active .unit_header:before {
	
}
.m-service_lines .unit.is_active .unit_body {
	top: 0
}
.m-service_lines .unit.is_active .unit_body:before {
	
}
.m-service_lines .unit.is_active .body_inner {
	
}
.m-service_lines .unit.is_active .body_inner:before {
	background-position: 50% 0
}
.m-service_lines .unit.is_active .body_inner:after {
	
}
.m-service_lines .unit.is_active .body_inner .lead {
	top: 180px;
	opacity: 1
}
.m-service_lines .unit.is_active .body_inner .list li {
	opacity: 1
}
.m-service_lines .unit.is_active .body_inner .list li:nth-child(1) {
	-webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .1s;
	-moz-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .1s;
	transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .1s
}
.m-service_lines .unit.is_active .body_inner .list li:nth-child(2) {
	-webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .2s;
	-moz-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .2s;
	transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .2s
}

.i-sec-wrap {
  background-color: #fff;
  margin-bottom:4%;
  height:auto;
  overflow:hidden;
}
.i-sec-wrap .img-box {
  width: 64%;
  display: block;
  position: relative;
  overflow: hidden;
}
.i-sec-wrap .img-box img {
  width: 100%;
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.i-sec-wrap .img-box:hover img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.i-sec-wrap .img-box:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.i-sec-wrap .right-cont {
  width: 29%;
  margin-right: 3.9%;
  color: #fff;
  padding-top: 88px;
}
.i-sec-wrap .right-cont .stit {
  font-size: 36px;
  font-weight:bold;
  color:#333;
  line-height: 60px;
}
.i-sec-wrap .right-cont .mtit{
  line-height: 32px;
  font-size:18px;
  color:#555;
}

.i-sec-wrap .left-cont {
  width: 29%;
  margin-left: 3.9%;
  color: #fff;
  padding-top: 88px;
}
.i-sec-wrap .left-cont .font{
  line-height: 32px;
  font-size:18px;
  color:#666;
}
.i-sec-wrap .left-cont .stit {
  font-size: 26px;
  color:#333;
  line-height: 36px;
  padding:12px 0;
}
.i-sec-wrap .left-cont .line {
  display:block;
  width:46px;
  height:2px;
  background-color:#7c7c7c;
  margin-bottom:20px;
}
.i-sec-wrap .left-cont .mtit{
  line-height: 32px;
  font-size:16px;
  color:#555;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
	overflow: hidden;
	text-overflow: ellipsis;
}
.i-sec-wrap .left-cont .link-box{
  margin-top: 66px;
}
.i-sec-wrap .left-cont .link-box h3{
  display: inline-block;
}
.i-sec-wrap .left-cont .link-box a{
  display: inline-block;
  line-height: 40px;
  height: 40px;
  font-size: 18px;
  margin-bottom: 14px;
  border: 1px solid #555;
  padding: 0 32px;
  border-radius: 25px;
  margin-right: 10px;
  color: #555;
  transition: all 0.3s ease 0s;
  float: left;
}
.i-sec-wrap .left-cont .link-box a:hover{
  border: 1px solid #0149ab;
  background-color: #0149ab;
  color: #fff;
}

@media screen and (max-width: 1440px) {
.i-sec-wrap .left-cont {
  padding-top: 0;
}
}
@media screen and (max-width: 1040px) {
.i-sec-wrap .left-cont{ width:94%; margin-left:3%; margin-right:3%; padding-top:40px;}
.i-sec-wrap .img-box{ width:100%;}
}

@media screen and (max-width: 766px) {
.i-sec-wrap .left-cont{  padding-top:40px;}
}

.i-wrap .up-graybox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease 0s;
}
.i-wrap .up-graybox .bgbox {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.i-wrap .up-graybox .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff;
}
.i-wrap .up-graybox .line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
}
.i-wrap .up-graybox .linet {
  top: 0;
}
.i-wrap .up-graybox .lineb {
  bottom: 0;
}
.i-wrap .up-graybox .out-ico {
  display: none;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.i-wrap .up-graybox:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.partner{ background-image: url('../images/index_partner_bg.jpg'); padding:15px 0 30px 0;}
.logo-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background:rgba(255, 255, 255, .6);
  padding:2% 5% 6% 5%;
  margin-bottom:4%;
  position:relative;
}

.logo-list:before {
	content: "";
	display: block;
	position: absolute;
	width:224px;
	height:224px;
	left:-1.4%;
	top:-1.2%;
	background-image: url('../images/index_partner_line.png');
}
.logo-list:after {
	content: "";
	display: block;
	position: absolute;
	width:224px;
	height:224px;
	right:-1.4%;
	bottom:-1.2%;
	background-image: url('../images/index_partner_line_1.png');
}

.logo-item {
  display: flex;
  /* width: 24.5%;
  margin-right: 0.66%; */
  width: calc(18% - 0px);
  margin-right: 2%;
  padding-bottom: 12%;
  /* background-color: rgba(255, 255, 255, .5); */
  border-radius: 15px;
  margin-top: 4%;
  /* filter: grayscale(); */
  box-shadow: 11px 16px 32px rgba(0, 0, 0, .1);
  opacity: 1;
  background:#fff;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover !important;
  align-items: flex-start;
  transition: .5s;
}

.logo-item img {
  width: 100%;
  display: inline-block;
  height: auto;
  position: absolute;
  top: 15%;
  transform: translate(-50%, -50%);
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.logo-item img:nth-child(2) {
  opacity: 0;
}

.logo-item:nth-child(5) {
  margin-right: 0;
}
.logo-item:nth-child(10) {
  margin-right: 0;
}

.logo-item:hover img {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}


@media screen and (max-width:1000px) {

.logo-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: none;
  padding:4% 0 4% 0; 
  margin-bottom:4%;
  position:relative;
}
.logo-item:nth-child(-n + 4) {
    margin-top: 0;
  }

  .logo-item {
    width: 49%;
    margin-right: 2%;
    margin-top: 10px !important;
    padding-bottom: 34%;
    border-radius: 5px;
    /* filter: grayscale(); */
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .1);
  }

  .logo-item:nth-child(2n) {
    margin-right: 0;
  }
  
  .logo-item:nth-child(5) {
    margin-right: 2%;
}
.logo-item:nth-child(10) {
  margin-right: 0;
}

  .logo-item:nth-child(-n + 2) {
    margin-top: 0 !important;
  }
  
  .logo-list:before {
   display:none
}
.logo-list:after {
	display:none
}

}


/**/
.unitDemo { padding: 0 6px; }
.unitDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0 7px; display: block; text-align: center; }
.unitDemo .item:hover, .unitDemo .item.act { background-color: #cc0000; color: #fff; }
.unitDemo .slick-arrow { width: 40px;
	height: 68px;
	display: block;
	background-color: rgba(188, 159, 95, 1);
	top: 50%;
	margin-top: -30px; }
.unitDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.unitDemo .slick-prev { left: 6px; }
.unitDemo .slick-next { right: 6px; }
.unitDemo .slick-prev i { background: url("../images/arrow-left-light.png") no-repeat center; background-size: 38%; }
.unitDemo .slick-next i { background: url("../images/arrow-right-light.png") no-repeat center; background-size: 38%; }
.unitDemo .itemA { display: block; margin: 0 5px; cursor: pointer; }
.unitDemo .unitDemo-img { position: relative; overflow: hidden; }
.unitDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.unitDemo .slick-dots { text-align: center; margin-top: 4%; padding-bottom:4%;}
.unitDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 25px;
	height: 25px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.unitDemo .slick-dots li a {
}
.unitDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
.unitDemo .slick-dots li.slick-active a{
    color:#fff;
}


.con-banner {
  position: relative;
  overflow: hidden;
  margin-top:90px;
}
.con-banner .serve-words {
  color: #fff;
  line-height: 1.1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 115px;
}
.con-banner .serve-words .cnm {
  margin-top: 23px;
}
.con-banner .glass-words {
  text-align: center;
}
.con-banner .glass-words .cn60 {
  text-transform: uppercase;
  font-weight: bold;
}
.con-banner .glass-words .cn60 span {
  color: #04a7a1;
}
.con-banner .glass-words .cnm30 {
  margin-top: 40px;
}
.con-banner .mimg {
  width: 100%;
}
.con-banner .con-tit {
  line-height: 80px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.con-banner .con-tit .conbox a {
  display: block;
  color: #ffffff;
}
.con-banner .con-tit .conbox .items {
  float: left;
  width: 33.33%;
  font-size: 17px;
  color: #fafafa;
  text-align: center;
  transition: .5s ease-in-out;
}
.con-banner .con-tit .conbox .items:hover a, .con-banner .con-tit .conbox .items.active a {
  background: #0aadb1;
  transition: .5s ease-in-out;
}
.con-banner .con-tit .conbox .items img {
  display: inline-block;
  vertical-align: middle;
}
.con-banner .images {
  height: 518px;
  position: relative;
}
.con-banner .images:after {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 148px;
  content: "";
  background-size: cover;
}
.con-banner .words {
  width: 100%;
  line-height: 1;
  text-align: center;
  height: 167px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #ffffff;
}
.con-banner .words .en {
  margin-top: 15px;
  line-height: 1;
}
.con-banner .words .span {
  width: 12px;
  height: 20px;
  background: url(../img/o15.png) no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  margin-top: 60px;
}
.con-banner .wordsdetail {
  font-size: 48px;
  color: #ffffff;
  position: absolute;
  height: 105px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.con-banner .wordsdetail .line {
  width: 75px;
  height: 5px;
  background: #ffffff;
  margin-bottom: 50px;
}
.con-banner .wordsdetail .cn {
  line-height: 50px;
  height: 50px;
}

.con-banner .con-tit.con-titswiper .conbox .items {
  width: 100%;
  float: none;
}
.profile-wrap .cont{
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-top: 65px;
  font-size: 16px;
  color:#333333;
  line-height: 2.3;
}

.profile-wrap{
  padding-top: 115px; 
     padding-bottom: 135px; 
    transition: normal;
}
.profile-wrap .f48 {
    font-size: 40px;
    color: #0149AB;
    line-height: 50px;
	font-weight:bold;
    margin-bottom: 10px;
}
.wrap{ padding:0 0; width:100%;}
.profile-wrap .f36{
	font-size: 40px;
	line-height: 40px;
	color: #dddddd;
	font-family: Arial;
	text-transform: uppercase;
}
.profile-wrap.m-wrap .f36{
	font-size: 15px;
	line-height: 18px;
}
.profile0-about-wrap .left-images{
	width: 45%;
	margin-left:3%;
	height:auto;
}
.profile0-about-wrap .left-images img{
	transition:.5s ease;
}
.profile0-about-wrap .left-images:hover img{
	transition:.5s ease;
	transform:scale3d(1.05,1.05,1);
}
.profile0-about-wrap .right-words{
	width: 100%!important;
	float:none;
}

.profile0-about-wrap .right-words p{ text-indent:2em; text-align:justify;}


.profile-wrap .cont:after{
	content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.profile-wrap .cont .boxs{
	width: 43%;
	margin-right: 6%;
	font-size: 14px;
	line-height: 26px;
	float: left;
}

@media screen and (max-width: 1850px){
   .profile0-about-wrap .left-images{
    width:45%;
    height: auto;
  }
  .profile0-about-wrap .left-images img{
    width: 100%;
  }
  .profile0-about-wrap .right-words{
    width: 53%;
  }
  .profile-wrap {
      padding-top: 0px;
      padding-bottom: 0px;
  }
  .profile-wrap .cont{
    margin-top:50px;
  }
  .profile-wrap .f48{
    font-size: 45px;
    line-height: 1;
  }
  .profile-wrap .f36{
    font-size: 35px;
    line-height: 1;
  }
}

@media screen and (max-width: 1023px) {
.con-banner {
  margin-top:70px;
}
.con-banner .images {
  height: 220px;
}
.profile0-about-wrap .left-images{
  	margin-right:0;
  }
  .profile-wrap .f48{
    font-size: 25px;
  }
  .profile-wrap .f36{
    font-size: 20px;
  }
  .profile0-about-wrap .left-images{
    width:100%;
  }
  .profile0-about-wrap .right-words{
    width: 100%;
    margin-top: 20px;
  }

}

.abHor {
    padding:0 0;
}

.abHor .abHor_bg {
    background: #f4f4f4;
    padding: 38px;
}

.abHor_img {
    width: 100%;
    height: 34vh;
    margin-bottom: 14px;
    padding-bottom: 28px;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px dotted rgba(27, 47, 95, 0.28);
}

.abHor_img img {
    width: 90%;
    height: 100%;
    object-fit: contain;
    transition: all .3s ease;
}

.abHor_p {
    font-size: 15px;
    line-height: 1.6;
    transition: all .3s ease;
    text-align: center;
}


.abHor .swiper-button {
    margin-top: 28px;
    text-align: center;
}

.abHor .swiper-button-next::after,
.abHor .swiper-button-prev::after {
    content: none;
}

.abHor .swiper-button-next,
.abHor .swiper-button-prev {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px dotted rgba(27, 47, 95, 0.28);
    left: auto;
    display: inline-block;
    margin: 0px 10px;
    background: rgba(27, 47, 95, 0);
    transition: all 0.8s;
}

.abHor .swiper-button-next img,
.abHor .swiper-button-prev img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    margin: 0 auto;
}

.abHor .swiper-button-next:hover,
.abHor .swiper-button-prev:hover {
    background: rgba(27, 47, 95, 1);
}

.abHor .swiper-button-next:hover .abDeve_arr_ico,
.abHor .swiper-button-prev:hover .abDeve_arr_ico {
    display: none;
}

.abHor .swiper-button-next:hover .abDeve_arr_hover,
.abHor .swiper-button-prev:hover .abDeve_arr_hover {
    display: block;
}

.abHor .swiper-button-next .abDeve_arr_hover,
.abHor .swiper-button-prev .abDeve_arr_hover {
    display: none;
}



img.w100 {
  width: 100%;
}
.pcbox {
  display: block;
}

.mbox {
  display: none;
}

.con-column {
  background: #f5f5f5;
}

.column-swiper {
  line-height: 90px;
  height: 90px;
  text-align: center;
  position: relative;
}
.column-swiper .swiper-button-prev, .column-swiper .swiper-button-next {
  width: 15px;
  height: 26px;
  background: transparent;
  margin: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.column-swiper .swiper-button-prev {
  background: url(../images/j13.png) no-repeat center;
  background-size: 100%;
  left: -45px;
}
.column-swiper .swiper-button-prev:hover {
  background: url(../images/j14.png) no-repeat center;
  background-size: 100%;
}
.column-swiper .swiper-button-next {
  background: url(../images/j15.png) no-repeat center;
  background-size: 100%;
  right: -45px;
}
.column-swiper .swiper-button-next:hover {
  background: url(../images/j16.png) no-repeat center;
  background-size: 100%;
}
.column-swiper .swiper-button-disabled {
  display: none;
}
.column-swiper .swiper-slide:nth-child(1) .items:before {
  display: none;
}
.column-swiper .items {
  display: block;
  font-size: 16px;
  color: #666666;
  position: relative;
  padding: 0 2%;
}
.column-swiper .items .span {
  display: inline-block;
  vertical-align: middle;
  line-height: 90px
}
.column-swiper .items:hover, .column-swiper .items.active {
  color: #004a9a;
}
.column-swiper .items:hover:after, .column-swiper .items.active:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.column-swiper .items:after {
  position: absolute;
  width: 100%;
  content: "";
  height: 4px;
  background: #004a9a;
  left: 0;
  bottom: 0;
  transition: .5s ease-in-out;
  opacity: 0;
}
.column-swiper .items:before {
  position: absolute;
  width: 1px;
  content: "";
  height: 15px;
  max-height: 30%;
  background: #cccccc;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

@media (max-width: 1024px) {


  .column-swiper .swiper-button-prev {
    left: 0;
  }

  .column-swiper .swiper-button-next {
    right: 0;
  }

  .con-banner .words {
    padding-top: 0;
  }

  .column-swiper .items {
    font-size: 14px;
  }

  .column-swiper {
    line-height: 90px;
    height: 90px;
  }

}



@media (max-width: 767px) {

  .con-swiper .buts .swiper-pagination {
    line-height: 1;
  }

  .con-swiper .buts .swiper-pagination-bullet {
    width: .15rem;
    height: .15rem;
  }

  .con-swiper .buts .swiper-pagination-bullet-active {
    width: .5rem;
  }
}

@media (max-width: 767px) {

  .con-swiper .buts .swiper-pagination-bullet-active {
    width: .15rem;
  }

}


.con-banner .brand-words {
  position: absolute;
  text-align:center;
  line-height: 1.5;
  height: 100px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  text-shadow: 0 0 8px #333;
}
.con-banner .brand-words .en {
  text-transform: uppercase;
  margin-top: -15px;
}

@media screen and (max-width: 1920px) {
  .con-banner .images{
  	
  }
  .con-banner .brand-words .en {
    font-size: 44px;
	color:#fff;
  }
  .con-banner .brand-words .cn {
	color:#fff;
	font-size:22px;
	padding-top:12px;
  }
}
@media screen and (max-width: 900px) {
.con-banner .brand-words .en {
    font-size: 40px;
  }
}
@media screen and (max-width: 750px) {
 .con-banner .brand-words .en {
    font-size: 25px;
  }

  .con-banner .brand-words {
    /*height: 60px;*/
  }

  .con-banner .brand-words .en {
    font-size: 22px;
    margin-top: 10px;
  }
  .con-banner .brand-words .cn {
	font-size:16px;
	padding-top:12px;
  }
}

.small-nav{ background:#f2f4f6; height:auto; overflow:hidden;}
.p_breadcrumbList {
	margin:25px 0px;
	width:30%;
	float:left;
	display:flex;
}
.p_breadcrumbList span .iconfont {
	width:13px;
	height:28px;
	left:0px;
	float:left;
}
.p_breadcrumbList span.weizhi {
	padding-left:15px;
}
@media only screen and (max-width: 768px) {
.p_breadcrumbList {
text-align: left;
margin: 10px 0px;
width:100%;
}
.small-nav{ font-size:14px;}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.p_breadcrumbList {
	width:100%;
}
.p_breadcrumbList {
text-align: left;
margin: 10px 0px;
}
}
.NavList_a1 {
	text-transform:capitalize;
	width:100%;
}
.NavList_a1 ul {
	text-align:center;
	display:block;
	font-size:0px;
}
.NavList_a1 a {
	position:relative;
	font-size:18px;
	height:80px;
	line-height:80px;
	padding:0px 40px;
	color:#333;
	font-weight:600;
	display:block;
	transition:0.3s ease 0s;
}
.NavList_a1 a:after {
	content:"";
	position:absolute;
	width:1px;
	height:15px;
	display:block;
	background:#ccc;
	top:50%;
	margin-top:-7px;
	right:0px;
}
.NavList_a1 li:last-child a:after {
	content:"";
	position:absolute;
	width:1px;
	height:15px;
	display:block;
	background: none;
	top:50%;
	margin-top:-7px;
	right:0px;
}
.NavList_a1 .more:after {
	content:"";
	position:absolute;
	width:1px;
	height:15px;
	display:block;
	background:#ccc;
	top:50%;
	margin-top:-7px;
	right:0px;
}
.NavList_a1 li:last-child .more:after {
	background:none;
}
.NavList_a1 li a.on {
border-bottom:3px #0e46ac solid;
color:#0e46ac;
}
.NavList_a1 li a.on:hover{border-bottom: none;}
.NavList_a1 a:before {
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	width:0%;
	height:3px;
	background-color:none;
    transition:all .3s;
}
.NavList_a1 a:hover:before {
	width:100%;
	left:0%;
	background-color:#0e46ac;
}
.NavList_a1 li {
	position:static;
	display:inline-block;
	color:#fff;
	width:auto;
	vertical-align:top;
}
.menu-slide {
	z-index:-1;
	position:absolute;
	background:#0e46ac;
	bottom:0px;
	display:none;
	transition:0.5s cubic-bezier(0.21, 0.8, 0.31, 1.21) 0s;
}
.swiper-container .swiper-notification {
	position:absolute;
	left:0px;
	top:0px;
	pointer-events:none;
	opacity:0;
	z-index:-1000;
}

.position{ padding:25px 0;}
.position a {
	position:relative;
	font-size:18px;
	height:80px;
	line-height:30px;
	padding:0px 5px;
	color:#333;
	font-weight:600;
	transition:0.3s ease 0s;
}

@media screen and (min-width: 769px) {
.NavList_a1 a:hover {
color:#0e46ac;
}
}
@media screen and (max-width: 1400px) {
.NavList_a1 a {
padding: 0px 30px;
}
}
@media screen and (max-width: 1200px) {
.NavList_a1 a {
padding: 0px 30px;
font-size: 14px;
}
}
@media screen and (max-width: 1024px) {
.NavList_a1 {
border-bottom:1px solid #ddd;
display:none;
}
.NavList_a1 a {
padding: 0px 30px;
font-size: 14px;
}
.menu-slide {
display: none;
}
}
@media screen and (max-width: 768px) {
.NavList_a1 {
width:100%;
}
.NavList_a1 ul {
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 0;
}
.NavList_a1 a {
padding: 0px 20px;
font-size: 14px;
height:62px;
line-height:62px;
}
.NavList_a1 a:hover {
color: #0e46ac;
}
.NavList_a1 a:active {
color: #0e46ac;
}
}

/**下载专区**/
#DownBlock{ padding:40px 0 60px; }
#DownBlock .ul{ padding-bottom: 30px; }
#DownBlock .ul li{ padding:15px; }
#DownBlock .ul .Box{ background-color: #f6f6f6; display: block; position: relative; padding:6%; }
#DownBlock .ul .time{ position: absolute; color:#666666; text-align: center; padding:18px 0 20px; }
#DownBlock .ul .year{ font-size: 26px; line-height: 28px; }
#DownBlock .ul .date{ font-size: 16px; line-height: 22px; }
#DownBlock .ul .cont{ margin-left:80px; padding-left: 30px; border-left: 1px solid #e5e5e5; }
#DownBlock .ul .title{ font-size: 18px; line-height: 22px; color:#666666; margin-bottom:15px; }
#DownBlock .ul .down{ line-height: 40px; padding:0 35px; background-color: #e3e3e3; font-size: 16px; color:#666666; display: inline-block; }
#DownBlock .ul .down .icons{ width: 18px; height: 22px; vertical-align: middle; background-position: -285px 1px; margin-right: 10px; }
#DownBlock .ul .Box:hover .down{ background-color: #333333; color:#f5f5f5; }
#DownBlock .ul .Box:hover .down .icons{ background-position: -331px 1px; }


.mation5{
margin-top:0;
	width: 100%;
	height:100%;
	overflow:hidden;
	position: relative;
	background: url(../images/i15.png) center no-repeat #f9f9f9; padding-top:50px; padding-bottom:50px;
}
.mation5 .text{ text-align:center; font-size:30px; font-weight:bold; letter-spacing:5px; font-style:oblique}
.mation5 img{ max-width:100%;}

@media screen and (max-width: 1200px) {
.mation5 .text{ font-size:20px; line-height:30px; letter-spacing:0px; padding-bottom:20px;}
}

.wrap2{
	background: #f6f6f6 url("../images/7.jpg") no-repeat center -26px;
	padding-bottom: 60px;
	margin-top:60px;
}
.wrap2 h3.tit{
	font-size: 36px;
	color: #333;
	position: relative;
	padding-bottom: 18px;
}
.wrap2 h3.tit i{
	position: absolute;
	width: 28px;
	height: 3px;
	background-color: #ec992d;
	bottom: 0;
	left: 0;
}
.wrap2 .imgs{
	position: relative;
	padding: 0 86px 75px 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.wrap2 .imgs .img1{
	width: 425px;
	position: relative;
	z-index: 2;
}
.wrap2 .imgs .img2{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 374px;
}
.wrap2 .left{ width:45%;}
.wrap2 .right{
	margin-left: 3%;
	margin-top: -30px;
	width:52%;
}
.wrap2 .right .con{
	font-size: 15px;
	color: #666666;
	line-height: 30px;
	margin-top: 36px;
}
.wrap2 .right .con p{ text-indent:2em; padding-bottom:15px;}
.wrap2 .right .con-red{
	color: #c80200;
	font-size: 18px;
	margin-top: 14px;
	line-height: 30px;
}
.wrap2 .right .con-red + .con{
	margin-top: 14px;
}
.wrap2 .right .autograph{
	margin-top: 40px;
	position: relative;
	font-size: 18px;
}
.wrap2 .right .autograph span,
.wrap2 .right .autograph img{
	vertical-align: bottom;
}
.wrap2 .right .autograph .brush{
	position: absolute;
	bottom: -30px;
	left: -244px;
}

@media screen and (max-width: 769px) {
.wrap2 .left{ width:100%;}
.wrap2 .right{
	margin-left: 3%;
	margin-top: -30px;
	width:100%;
}
}

.honor .tit{
  text-align:center; 
  padding:30px 0px;
}

.honor .tit h2{ 
  font-size:32px;
  color:#333;
  font-weight:600;
}

.honor .tit p{ 
  font-size:16px;
  padding-bottom:15px;
}

.honor .detail p{
  text-align:center;
  font-size:20px;
  font-weight:600;
  padding-bottom:10px;
}
.honor_con{ height:100%; overflow:hidden;}

.pages { margin-bottom:40px; clear:both;}
.pages .pagination {
  text-align: center;
  height: auto;
}
.pages .pagination a {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  font-size:14px;
  float: none;
  display: inline-block;
}
.pages .pagination p {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  font-size:14px;
  float: none;
  display: inline-block;
}

/*=========
	media
===============================*/
.media-box {
	overflow: hidden;
	padding: 3% 0;
}
.media-div {
	overflow: hidden;
}
.media-items {
	display: block;
	width: 31.33%;
	margin: 1%;
	float: left;
}
.media-img {
	overflow: hidden;
	
}
.media-img img {
	width: 100%;
	height: 16vw;
	object-fit:cover;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.media-con {
	padding: 6% 8%;
	height: 200px;
	border: 1px solid #eee;
	text-align: left;
	background: #f5f5f5;
}
.media-con h3 {
	font-size: 16px;
	margin-bottom: 4%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 0.5px;
}
.media-con p {
	font-size: 14px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	letter-spacing: 0.5px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.media-con span {
	display: block;
	margin: 20px 0 10px;
	font-size: 13px;
}
.media-con span img {
	display: inline-block;
	margin-right: 6px;
	vertical-align: sub;
}
.media-items:hover .media-img img {
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.media-items:hover .media-con h3 {
	color: #014ea3;
}

/*=========
	news-con
===============================*/
.news-details {
	padding: 3% 0;
	text-align: center;
}
.news-details img
{
	margin-top: 20px;
	max-width: 100%;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.news-details .inner-wrap {
	min-height: 600px;
	margin: 0 auto;
	background: #fff;
}
.news-details-title {
	border-bottom: 1px solid #eeeeee;
	padding: 2% 3%;
	margin-bottom: 4%;
}
.news-details-title h1 {
	font-size: 22px;
	line-height: 40px;
	margin-bottom: 3%;
}
.news-details-title p {
	font-size: 13px;
}
.news-details-title span {
	color: #666;
	font-size: 14px;
	margin: 0 4px;
}
.news-details-title img {
	margin-left: 0;
	vertical-align: middle;
	left: 0;
	margin-top: 0;
	display:inline-block;
}
.news-details-con {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 5%;
}
.news-details-con video
{
	max-width: 820px;
    border: 1px solid #eee;
    padding: 5px;
    background: #f8f8f8;
}
.news-details-con > p {
	text-indent: 2em;
	text-align: left;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 42px;
}
.news-details-con div {
	text-align: center;
	display: inline-block;
	width: 46%;
	vertical-align: top;
	margin: 1%;
}
.news-details-con div.one {
	width: 100%;
}
.news-details-con div img {
	max-width: 72%;
	display: inline-block;
}
.news-details-con div p {
	margin-top: 2%;
	line-height: 23px;
	color: #333;
	letter-spacing: 0.4px;
}
.news-details-back {
	text-align: center;
	margin-top: 5%;
}
.news-details-back a {
	display: inline-block;
	background: #014ea3;
	color: #fff;
	padding:5px 30px;
	margin-top: 0;
}

@media (max-width: 1040px) {
/*news*/
	.media-items {
		width: 48%;
	}
	.video-items {
		width: 48%;
	}
	.video-items h3 {
		font-size: 0.875rem;
	}
	.video-items-icon img {
		width: 48px;
	}
	/*news-con*/
	.news-details-con div {
		display: block;
		width: 100%;
		margin: 2% 0 3%;
	}
	.news-details-title {
		padding: 2%;
		margin-bottom: 3%;
	}
	.news-details-title h1 {
		font-size: 20px;
		margin-bottom: 2%;
	}
	.news-details-con>p {
		font-size: 15px;
		line-height: 36px;
	}
	.news-details-con div img {
		max-width: 90%;
	}
}

@media (max-width: 768px) {
.media-items {
		width: 48%;
	}
.media-img img {
	height: 46vw;
}
}

.downloads{ height:100%; padding:4% 0; overflow:hidden;}
.av_one_fourth{ width:23%; float:left; text-align:center; margin:1.5% 1%;}
.av_one_fourth .text{ font-size:15px; margin:20px 0;}
.avia-color-theme-color{ background:#ed1c23; color:#ffffff; border-color:#cb0a01;}
.avia-color-theme-color:hover{color:#ffffff;}
.avia-button.avia-size-large{
padding: 15px 30px 13px;
font-size: 13px;
min-width: 139px;
}
.avia-button{font-weight: normal;}

.avia-button:hover{opacity: 0.9;}
.avia-button:active{border-bottom-width: 0px; border-top-width: 1px; border-top-style: solid;}
.avia-button.avia-color-theme-color-subtle{background-image: none;}
.avia-button.avia-color-theme-color-subtle:hover{}

@media (max-width: 1040px) {
.av_one_fourth{ width:31.33%;}
}
@media (max-width: 768px) {
.av_one_fourth{ width:48%;}
}

.j-structure {

  padding-top: 2.875rem;

  position: relative;

  overflow: hidden;

}

.j-structure .structure-box {

  position: relative;

  z-index: 4;

  margin-bottom:30px;

}

.j-structure .structure-box .tit {

  position: absolute;

  left: 0;

  top: 0;

  line-height: 1;

}

.j-structure .nmimg{ text-align:center;}

.j-structure:after {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  content: "";

  z-index: 1;

}

.j-structure .z-span {

  z-index: 0;

  bottom: 0;

}

.z-span {

  line-height: .8;

  font-size: 100px;

  text-align:center;

  font-weight: bold;

  color: rgba(0, 0, 0, 0.03);

  text-transform: uppercase;

  z-index: -2;

  letter-spacing:6px;

}

@media (max-width: 767px){

.z-span {

  line-height: .8;

  font-size: 40px;

  text-align:center;

  font-weight: bold;

  color: rgba(0, 0, 0, 0.03);

  text-transform: uppercase;

  z-index: -2;

  letter-spacing:2px;

}

}

.talent {
  padding: 5%;
}
.talent .talbox {
  width: 50%;
  box-sizing: border-box;
  padding: 0 6%;
}
.talent .talbox.strategy {
  position: relative;
}
.talent .talbox.strategy::before {
  content: "";
  display: block;
  width: 1px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -50px;
  background-color: #e5e5e5;
}
.talent .taltit {
  margin-bottom: 2%;
}
.talent .taltit em {
  display: block;
  width: 52px;
  height: 52px;
  margin-right: 10px;
}
.talent .taltit em img {
  width: 100%;
  height: 100%;
}
.talent .taltit .tittx {
  padding-top: 8px;
}
.talent .taltit .tittx h2 {
  font-size: 20px;
  color: #333;
  line-height: 1;
  margin-bottom: 3px;
  text-align:left;
}
.talent .taltit .tittx h3 {
  font-size: 12px;
  color: #999;
  line-height: 1;
  text-align:left;
}
.talent .talp {
  font-size: 13px;
  color: #666;
  line-height: 24px;
  text-align:left;
}

.recruitbg {
  padding: 5% 10%;
  background-color: #f5f5f5;
}
.recruitbg .job {
  width: 100%;
}
.recruitbg .hotrec {
  width: 23%;
}

.join2{
    position: relative;
}
.join2 .font48{
    margin-bottom: 1.5rem;
    color: #333;
	font-size:32px;
	font-weight:bold;
    text-align: center;
}
.join2 li{
    width: calc(50% - 25px);
    width: -webkit-calc(50% - 25px);
    float: left;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    margin-bottom: 40px;
    position: relative;
    
}
.join2 li a{display: block;padding: 34px 80px 35px 30px;}
.join2 li:nth-child(2n){
    margin-left: 50px;
}
.join2 li .font24{
    color: #333333;
	font-size:24px;
    margin-bottom: 15px;
}
.join2 li .font16{
     color: #666666;
     overflow:hidden; 
display:-webkit-box; 
-webkit-box-orient:vertical; 
-webkit-line-clamp:2;
text-overflow:ellipsis;
  word-break: break-all;
}
.join2 li p{
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.join2 li  i{
    font-size: 30px;
}
.join2 li  .img{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.join2 li  .img img:last-child{
    display: none;
}
.join2 .text-center a{
    color: #ffffff;
    font-size: 16px;
    padding: 10px 35px;
    border-radius: 4px;
    border: solid 1px #ffffff;
}
.djion{
    position: relative;
    width: 100%;
    height: 100%;
	margin:30px auto;
    background-color: rgba(255,255,255,0.98);
    z-index:8;
}
.djions{
    position: relative;
    height: 100%;
}
.djions .text-right a{
    color: #333333;
    border-radius: 4px;
    border: solid 1px #dddddd;
    padding: 8px 26px;
}
.djion .cont{
    margin: auto;
      margin-bottom: 20px;
}
.djion .cont .font32{
    margin-bottom: 20px;
    color: #333333;
	font-size:32px;
}
.djion .cont div.font16{
    margin-bottom: 20px;
    color: #666666;
}
.djion .cont p{
    color: #666666;
	line-height:34px;
}
.djion .cont p.font20{
    color: #333333;
    margin: 2rem auto 1rem;
}
.djion .cont p.font16{
    line-height: 2;
}
.djion .cont .font18{
    color: #666666;
    margin-top: 2rem;
}
.djion .cont .font18 a{
    display: inline-block;
    color: #bfa160;
}
.wid100{ width:100%; overflow: hidden;}
.text-left{ text-align: left; }
.text-right{ text-align: right; }
@media screen and (max-width: 766px) {
 .talent {
    padding: 5%;
  }
  .talent .talbox {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
  }
  .talent .talbox.strategy {
    margin-bottom: 20px;
  }
  .talent .talbox.strategy::before {
    display: none;
  }

  .join2 li{width: 100%;margin-bottom: 15px;}
    .join2 li:nth-child(2n){margin-left: 0}
    .join2 li a{padding: 20px 50px 20px 19px;}
    .join2 li a .img{height: 30px;right: 10px;}
    .join2 li .font24{margin-bottom: 6px;}
    .join2 .font48{margin-bottom: 1rem}
    .join2 .text-center a{font-size: 13px;padding: 8px 20px;line-height: 1}
  
}

.lxwm{ background:#f9f9f9; padding:60px 0px;}
.contact_t{ text-align:center; color:#333; font-weight:bold; margin-bottom:3%; margin-top:4.5%;}
.contact_t span{ display:block; color:#999999; font-weight:normal; font-size:16px; margin-top:1%;}
.contact_one{ overflow:hidden; background:#fff; position:relative;}
.contact_one .contact_one_l{ max-width:550px; width:50%; float:left; overflow:hidden; color:#666666; font-size:16px;}
.contact_one .contact_one_l .cons{ max-width:490px; width:94%; margin:0 auto; overflow:hidden;}
.contact_one .contact_one_l .h2{ font-weight:bold; color:#333; margin-bottom:30px; padding-bottom:20px; margin-top:60px; position:relative;}
.contact_one .contact_one_l .h2:after{ content:""; position:absolute; left:0; bottom:0; height:2px; width:25px; background:#cccccc;}
.contact_one .contact_one_l .ul li{ line-height:48px; overflow:hidden; background-repeat:no-repeat; background-position:left center; padding-left:67px; margin-bottom:30px;}
.contact_one .contact_one_l .ul li a{color:#666666;}
.contact_one .contact_one_l .ul li a:hover{color:#e94001;}
.contact_one .contact_one_l .ul li.bgs1{ background-image:url(../images/contact_pic1.png);}
.contact_one .contact_one_l .ul li.bgs2{ background-image:url(../images/contact_pic2.png);}
.contact_one .contact_one_l .ul li.bgs3{ background-image:url(../images/contact_pic3.png);}
.contact_one .contact_one_l .ul li.bgs4{ background-image:url(../images/contact_pic4.png);}

.contact_one .contact_map{ overflow:hidden;}
.contact_map iframe{height: 578px;}

.contact_bg{ overflow:hidden; background:#fff;}
.feedback_div{ margin:0 auto; padding-top:3%; padding-bottom:5%; overflow:hidden; text-align:center; width:94%;}
.feedback_div label{ display:block; color:#333; text-align:left; margin-bottom:2%; font-size:16px;}
.feedback_div label.bgs2{ margin-bottom:1%;}
.feedback_div .divs{float:left; width:49%; margin-right:2%;margin-bottom:2%;}
.feedback_div .divs:nth-child(2n+0){ margin-right:0;}
.feedback_div .inputs2{ width:99%;  background:#f2f2f2; height:54px; line-height:54px; font-size:14px; color:#999; border:none; outline:none;  text-indent:3%; font-family:"微软雅黑";}
.feedback_div .inputs2:focus{ color:#333;}
.feedback_div select::-ms-expand { display: none; } 
.feedback_div .textarea{ padding:1%; width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ background:#f2f2f2; font-size:14px; font-family:"微软雅黑";border:none; outline:none;margin-bottom:2%; color:#999; height:170px;  }
.feedback_div .textarea:focus{ color:#333;}
.feedback_div .bnts2{-webkit-tap-highlight-color: transparent;  border: none; width:30%; float:right; max-width:150px;font-size: 14px; height: 46px; background: #dc6520; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; margin:0 auto;transition:all 0.3s;}
.feedback_div .bnts2:hover{opacity:0.8;filter:Alpha(opacity=80);}
.feedback_div .yzm{ line-height:46px; padding:0 20px; border:1px #f2f2f2 solid;}

@media screen and (max-width: 960px) {

/*联系我们*/
.contact_one .contact_one_l{ float:none; width:100%; margin-bottom:2%;}
.contact_one .contact_one_l .h2{ margin-top:7%; margin-bottom:5%;}
.contact_one .contact_one_l .ul li{ margin-bottom:4%;}
.contact_map iframe{ height:400px;}

}

.font28{ font-size:28px;}
.join .font36{
    text-align: center;
    color: #333333;
}
.join .xian{
    width: 65px;
    height: 3px;
    background-color: rgba(153, 153, 153, 0.5);
    margin: 17px auto 50px;
}
.join .form-group{
    width: 28.33333%;
    float: left;
    margin-left: 7.5%;
    margin-bottom: 32px;
}
.join .form-group:nth-child(4){
    margin-left: 0;
}
.join .form-group:nth-child(8){
    margin-left: 0;
}
.join .form-group .form-group input{
    height: 40px;
    border: solid 1px #cccccc;
    border-radius: 0;
}
.join textarea{
    border-radius: 0;
    margin-bottom: 32px;
}
.join button{
    background: none;
    border-radius: 4px;
    border: solid 1px #cccccc;
    color: #666666;
	padding:6px 12px;
    display: block;
	float:right;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.join{
    background: url("../images/contact9_10.png") no-repeat center;
    background-size: cover;
	padding-bottom:50px;
	overflow:hidden;
}
.join .form-control{
    background: none;
	display: block;
    width: 100%;
	border:1px #ccc solid;
    border-radius: 5px;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	padding:6px 12px;
	line-height:1.42857143;
}
.font36{ font-size:36px;}

@media screen and (max-width: 766px) {
.contact .cont{min-height: inherit;padding: 30px 0}
.jion li{width: 100%;float: none;margin-left: 0;height: auto;margin-bottom: 20px}

.join .xian{margin: 10px auto 20px;}
.join .form-group{width: 100%;margin-left: 0;margin-bottom: 15px;}
.join textarea{margin-bottom: 32px;}
.join .form-group img{ width:120px;}
.join button{ float:none;}
}


.m2menu { text-align: center; padding-top: 57px; }
.m2menu_a { margin: 0px 15px 15px; line-height: 68px; height: 68px; background: #EEEEEE; display: inline-block; font-size: 24px; padding: 0px 55px; border-radius: 0.1em; letter-spacing: 1px; }
.m2micon { display: inline-block; height: 40px; width: 40px; margin-right: 7px; position: relative; top:-3px; }
.m2menu_a text,.m2micon{vertical-align:middle;}
.m2micon img{position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.m2menu_a:hover img{opacity:1;}
.m2menu_a:hover img.iOpacity{opacity:0;}
.m2menu_a.on img.iOpacity{opacity:1;}
.m2menu_a:hover,.m2menu_a.on{ color: #FFF; background: #005bac; }

@media (max-width:1599px){
.m2menu { padding-top: 50px; }
.m2menu_a { margin: 0px 12px 14px; line-height: 58px; height: 58px; font-size: 20px; padding: 0px 35px;}
.m2micon {height: 30px; width: 30px; margin-right: 6px; top:-3px; }
}
@media (max-width:1199px){
.m2menu_a { margin: 0px 7px 14px; }
}
@media (max-width:767px){
.m2menu { padding-top: 40px; }
.m2menu_a { margin: 0px 5px 10px; line-height: 48px; height: 48px; font-size:16px; padding: 0px 20px;}
}

.pub-con{
	font-size: .4rem;
	line-height: .9rem;
	color: #666;
}
.buts{
	margin-top: 2rem;
}
.con-swiper .buts {
	font-size: 0;
	text-align: center;
}

.con-swiper .buts .swiper-pagination {
	width: 100%;
	text-align: center;
}

.con-swiper .buts .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #989a97;
	margin: 0 5px;
	transition: .5s ease-in-out;
	display: inline-block;
	vertical-align: middle;
}

.con-swiper .buts .swiper-pagination-bullet:hover {
	background: #004a9a;
	transition: .5s ease-in-out;
}

.con-swiper .buts .swiper-pagination-bullet-active {
	background: #004a9a;
	width: 35px;
	transition: .5s ease-in-out;
}


.solution-list {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-top: 1.84rem;
}

.solution-number {
    font-size: 40px;
    color: #737373;
    letter-spacing: 0.03rem;
    margin-top: -0.03rem;
    font-weight: 400;
}

.solution-number:after {
    content: "";
    width: 38px;
    height: 2px;
    background: #cfcfcf;
    margin: auto;
    margin-top: 70px;
    margin-left: -42px;
    position: absolute;
}

.solution-content {
    margin-top: 60px;
    height: 25.38rem;
    margin-bottom: 90px;
    position: relative;

}

.solution-img {
    height: 100%;

    width: 50%;
    color: #fff;
    text-align: left;
    letter-spacing: 0.01rem;
    word-spacing: 1px;
    float: left;
    font-size: .38rem;
    line-height: .58rem;
    font-weight: 900;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.left-style .solution-img {
    float: left;
}

.right-style .solution-img {
    float: right;
}

.solution-img .bg {
    width: 100%;
    height: 100%;

}

.solution-img:hover .bg {
    opacity: 0.99;
}

.solution-list .green .read-more-content {
    background-color: #3CA6AB;
}

.solution-list .green .read-more-m:before {
    border-color: #6dbcc0
}

.solution-list .blue .read-more-content {
    background-color: #4688CA;
}

.solution-list .blue .read-more-m:before {
    border-color: #80addb
}

.blue .bg {
}

.green .bg {
}

.yellow .bg {
}

.solution-title {
    width: 4.2rem;
    height: 2.25rem;
    padding: 0;
    font-weight: 500;
}

.right-style .solution-title {
    margin-top: -.2rem;
}

.solution ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.solution li::before {
    content: "";
    display: inline-block;
    width: .07rem;
    height: .07rem;
    background-color: #616161;
    border-radius: 50%;
    margin-left: -.22rem;
    margin-right: .15rem;
    margin-top: -10px;
    position: relative;
    top: -.08rem;

}

.title-line {
    width: .56rem;
    height: .02rem;
    background: #fff;
    margin-top: .42rem;
    display: none;
}

.left-style .solution-info {
    float: right;
    text-align: right;
    padding-right: 45px;
}

.right-style .solution-info {

}

.solution-info {
    padding-top: 45px;
    font-size: 28px;
    float: left;
	width:50%;
    padding-left: 45px;
	padding-right:45px;
    text-align: left;
    line-height: 40px;
    color: #696969;
    letter-spacing: 0.015rem;
    word-spacing: 0.01rem;
    font-family: SourceHanSansCN-Light;

}

.solution-number-bottom {
    position: absolute;
    bottom: 0;
    font-family: SourceHanSansCN-Bold;
    font-size: 25px;
    left: 50px;
    bottom: 40px;
}

.left-style .solution-number-bottom {
    position: absolute;
    bottom: 40px;
    font-family: SourceHanSansCN-Bold;
    font-size: 25px;
    right: 50px;
	text-align:right;
}

.green .solution-number-bottom {
    color: #3CA6AB
}

.yellow .solution-number-bottom {
    color: #A78875
}

.blue .solution-number-bottom {
    color: #4688CA
}

.btn-more-lgg {
    width: 3.01rem;
    height: 0.8rem;

    background-repeat: no-repeat;
    background-size: 100% auto;
}

.blue .btn-more-lgg {
    background-image: url(style/more-5.png);
}

.green .btn-more-lgg {
    background-image: url(style/more-6.png);
}

.yellow .btn-more-lgg {
    background-image: url(style/more-7.png);
}

.solution .btn-more {
    margin: auto;
}

.solution-box {

}

.solution-box-lg .solution-content {
    height: 25.38rem !important;
}

.yellow .solution-content {
    border: 1px solid #A78875;
}

.green .solution-content {
    border: 1px solid #79C2C5;
}

.blue .solution-content {
    border: 1px solid #8eb4d5;
}

.solution-detail-box {
    width: 10.06rem;
    margin: 0 auto;
    text-align: left;
    font-size: .24rem;
}

.read-more-m {
    display: block;
    position: relative;
    padding: 0;
    width: 200px;
    height: 62px;
	margin:0 auto 50px auto;
}

.read-more-m .read-more-content {
    background: #998073;
    font-style: italic;
    z-index: 2;
    padding-top: .05rem;
    padding-left: 25px;
    padding-right: .25rem;
    letter-spacing: .025rem;
    color: #ffffff !important;
    position: relative;
    width: 200px;
    height: 62px;
    font-size: 20px;
    line-height: 55px;

    text-align: left;
}

.read-more-m:before {
    width: 200px;
    height: 62px;
    content: "";
    margin-left: 5px;
    margin-top: 5px;
    border: 1px solid #C4C4C4;
    position: absolute;
    z-index: 1;
    left: 0;
}

.read-more-m:hover {
    opacity: .9;
}
.read-more-m .arrow-right {
    width: 34px;
    height: 8px;
    margin-top: 20px;
    margin-right:20px;
}
.my-i {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
    margin-top: .10rem;
}

.arrow-right {
    width: 0.27rem;
    height: 0.06rem;
    background-image: url(../images/right-arrow.png);
}

.block-title {
    font-size: 44px;
    text-align: center;
    line-height: 86px;
    vertical-align: middle;
    letter-spacing: 0.072rem;
    color: #0e46ac;
    margin: 32px auto;
}

.line {
    width: 1px;
    height: 55px;
    background: #d0d0d0;
    overflow: hidden;

}
.box-center {
    margin: 0 auto;

}

.center-line {
    margin: 0 auto;
    height: 55px;
    margin-top: .25rem;
}

@media (max-width: 768px) {
.solution-img {
    height: 15.38rem;
    width: 100%;
}
.solution-info {
	width:100%;
	padding-top: 25px;
	padding-left: 25px;
	padding-right:25px;

}
.solution-content {
    height: auto!important;
	overflow:hidden;
}
.solution-box-lg .solution-content {
    height: auto!important;
	overflow:hidden;
}
.left-style .solution-info {
    float: left;
    text-align: left;
    padding-right: 25px;
}
.solution-number-bottom {
    position: relative;
    font-family: SourceHanSansCN-Bold;
    font-size: 25px;
	text-align:left;
    left: 25px;
    bottom: 0px;
	margin-bottom:25px;
}
.left-style .solution-number-bottom {
    position: relative;
    bottom: 0px;
    font-family: SourceHanSansCN-Bold;
    font-size: 25px;
    right: 50px;
	text-align:left;
}
}
#w_grid-1603598219964{ padding-left:8%; padding-top:2%;}
#w_grid-1603598219964 > div > .p_gridbox{ display:flex; background-color:#014ea3; } #w_grid-1603598219964 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1603598219964 >div{ animation-fill-mode:both; } #w_grid-1603598219964 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } 
 @media only screen and (min-width: 769px){ #w_grid-1603598219964> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1603598219964> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } 
 #w_grid-1603598219964> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; }
 }
 .demo{ text-align:left; margin-top: 0px; margin-left: 0px; padding-top:10px; } 
 .demo .left{ float:left; width:50%; text-align:right; vertical-align:middle; padding-top:34px; padding-right:15px;}
 .demo .right{ float:right; width:50%; text-align:left;}
 span.counter{ font-size: 72px; font-family: Arial; font-weight:bold; color: #fff; } 
 span.jieshao{font-size: 15px;color: #fff;display: block;margin-top: -8px; padding-bottom:30px;} 
 .demo #demo01{width:25%;text-align:center;float:left;} 
 .demo #demo02{width:25%;text-align:center;float:left;} 
 .demo #demo03{width:25%;text-align:center;float:left;} 
 .demo #demo04{width:25%; text-align:center; float:left; }
  @media only screen and (max-width: 769px){
 .demo #demo01{width:50%;text-align:center;float:left;} 
 .demo #demo02{width:50%;text-align:center;float:left;} 
 .demo #demo03{width:50%;text-align:center;float:left;} 
 .demo #demo04{width:50%; text-align:center; float:left; }
 span.counter{ font-size: 38px; font-family: Arial; font-weight:bold; color: #fff; } 
   }
 
 .about-inner-fir {

	padding:0 0;

}

.about-inner-fir .a-fir-left {

	float: right;

	width:45%;

	text-align: justify;

}

.about-inner-fir .line {

	width: 42px;

	height: 1px;

	background-color: #b5b5b5;

	margin: 5% 0;

}

.about-inner-fir .thr{display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;}
	
@media screen and (max-width: 1600px){
.about-inner-fir .thr{display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;}
}

.about-inner-fir .thr p{

	color: #fff;

	font-size: 16px;

	line-height: 30px;

	margin-top: 2%;

	text-indent:2em;

}

.about-inner-fir .imgbox {

	width: 49%;

	overflow: hidden;

	float: left;
	
	border:1px #696969 solid;
	
	-webkit-box-shadow: 5px 5px 10px rgba(255,255,255,0.2); box-shadow: 5px 5px 10px rgba(255,255,255,0.2);

}

.about-inner-fir .imgbox .img {

	width:100%;

}

.about-inner-fir .imgbox .img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.swiper-container-com-img .swiper-pagination-bullet-active {

	background: #ec6305;

}

.about-inner-sec {

	padding:4% 0;

	background:url("../images/about-inner-sec-bg.jpg") no-repeat center / cover;

}

.about-inner-sec .about-inner-title .fir {

	color:#fff;

}

.about-inner-sec .about-inner-title .sec {

	color:#fff;

	margin: 1.5% 0 5% 0;

}

.about-inner-sec .devep {

	margin-top: 5%;

	position: relative;

}

.swiper-container-devop .devep-inner {

	width:100%;

	text-align:center;

}

.swiper-container-devop .devep-inner .fir {

	font-family: thyFont2;

	color:#fff;

	font-size: 44px;

}

.swiper-container-devop .devep-inner .yuanbox {

	width:100%;

	background: url("../images/about-inner-devep-line.png") no-repeat center;

	background-size: 100% auto;

}

.swiper-container-devop .devep-inner .yuan {

	width:12px;

	height: 12px;

	background: #0359ac;

	border:2px solid #fff;

	border-radius: 10px;

	margin:8% auto;

	position: relative;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

	-webkit-transition-timing-function: ease;

	-moz-transition-timing-function: ease;

	-o-transition-timing-function: ease;

	transition-timing-function: ease;

}

.swiper-container-devop .devep-inner:hover .yuan {

	box-shadow: 0px 0px 10px #fff;

}

.swiper-button-prev-devep {

	width:31px;

	height: 31px;

	background: url("../images/devep-left.png") no-repeat center;

	top:43%;

	margin-top: 0;

	left:-28px;

}

.swiper-button-prev-devep:after {

	display: none;

}

.swiper-button-next-devep:after {

	display: none;

}

.swiper-button-next-devep {

	width:31px;

	height: 31px;

	background: url("../images/devep-right.png") no-repeat center;

	top:43%;

	margin-top: 0;

	right:-28px;

}

.swiper-container-devop .devep-inner .con {

	color:#fff;

	font-size: 16px;

	line-height: 26px;

	padding: 0px 5%;

}

.about-inner-title .fir {

	color: #fff;

	font-size: 32px;


}

.about-inner-title .fir span {

	color:#fff;

}

.about-inner-title .sec {

	color: #fff;

	font-size: 18px;

	margin:1% 0 2% 0;

}
@media screen and (max-width: 767px) {

.about-inner-fir {

padding:4% 4%;

}

.about-inner-fir .a-fir-left {

 width: 100%;

 margin-top: 5%;

}

 .about-inner-fir .line {

 margin-bottom: 3%;

}

 .about-inner-fir .thr {

 font-size: 14px;

 line-height: 28px;

}

 .about-inner-fir .imgbox {

 width: 100%;

 height: auto;

}

 .about-inner-thr .top-right a {

 padding: 0 3.4%;

}

 .about-inner-thr .top-right a.active {

 padding: 0 4%;

}

 .about-inner-thr .top-right a:last-child {

 margin-left: 0;

}

 .about-inner-thr .top-left {

 width: 100%;

 text-align: center;

}

 .about-inner-thr .top-left .fir {

 font-size: 20px;

}

 .about-inner-thr .top-left .sec {

 font-size: 14px;

}

 .about-inner-thr .top-right {

 width: 100%;

 margin-top: 6%;

}

 .about-inner-thr .swiper-container-list .imgbox {

 height: 165px;

}

 .about-inner-thr .swiper-button-prev {

 width: 20px;

 height: 44px;

 left: 6px;

}

 .about-inner-thr .swiper-button-next {

 width: 20px;

 height: 44px;

 right: 6px;

}
.about-inner-title .fir{ font-size:24px;}
}