@charset "utf-8";
*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
p{ margin:0;}
ol, ul{ margin:0;}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0;}
.cor_red{ color:#c7000a;}
.cor_yellow{ color:#f5fb47;}
.cor_blue{ color:#12aeb0;}
.f22{ font-size:22px;}
.clear{ clear:both;}
.shows{ display:block;}
.hides{ display:none;}
ol{ padding-left:25px;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html {
  height: 100%;
}

body { font-family:Arial,"微软雅黑"; position:relative; height:100%;}
@font-face {
    font-family:'FZLTZHK';
	src:url(../fonts/FZLTZHK.TTF);
    font-weight: normal;
    font-style: normal;
}
.swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  z-index:0;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-scrollbar {
	background:none;
    position: absolute;
    right: 0px;
    top: 40px;
    height: 90%;
    width: 2px;
}
.swiper-scrollbar .swiper-scrollbar-drag {
    background:#d2af73;
}
#IndexPage{ opacity:0; -webkit-opacity:0;}
/*~~header~~*/
.LoadingBox{ background:url(../images/loadBg.jpg) center center #000000 no-repeat; background-size:cover; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1031; display:none;}
.loadLogo{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
#preloader6{ position:absolute; width:42px; height:42px; left:50%; margin-left:-21px; bottom:10%; animation:preloader_6 5s infinite linear; -webkit-animation: preloader_6 5s infinite linear;}
#preloader6 span{
	width:20px;
	height:20px;
	position:absolute;
	background:red;
	display:block;
	-webkit-animation: preloader_6_span 1s infinite linear;
	-moz-animation: preloader_6_span 1s infinite linear;
	-ms-animation: preloader_6_span 1s infinite linear;
	animation: preloader_6_span 1s infinite linear;
}
#preloader6 span:nth-child(1){ background:#2ecc71;}
#preloader6 span:nth-child(2){ left:22px; background:#9b59b6; 
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-ms-animation-delay: .2s;
	animation-delay: .2s;
}
#preloader6 span:nth-child(3){ top:22px; background:#3498db;
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	animation-delay: .4s;
}
#preloader6 span:nth-child(4){ top:22px; left:22px; background:#f1c40f;
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	animation-delay: .6s;
}

@-webkit-keyframes preloader_6 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes preloader_6_span {
   0% { -webkit-transform:scale(1); }
   50% { -webkit-transform:scale(0.5); }
   100% { -webkit-transform:scale(1); }
}
@-moz-keyframes preloader_6 {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
@-moz-keyframes preloader_6_span {
   0% { -moz-transform:scale(1); }
   50% { -moz-transform:scale(0.5); }
   100% { -moz-transform:scale(1); }
}

@-ms-keyframes preloader_6 {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}
@-ms-keyframes preloader_6_span {
   0% { -ms-transform:scale(1); }
   50% { -ms-transform:scale(0.5); }
   100% { -ms-transform:scale(1); }
}

@-ms-keyframes preloader_6 {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}
@keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}

header{ background:none; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.navbar-header{ padding-left:6.25%;}
.logo{ height:auto; padding:10px 0 0 0%; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.logo img{ transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.navList{}
nav.navbar.bootsnav{ border:none; background:none;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0 10px; margin:0 15px; font-weight:normal; line-height:90px; height:90px; position:relative; color:#FFFFFF; font-size:18px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#FFFFFF; border-bottom:2px solid #ffffff;}

.navRig{ line-height:90px; height:90px; font-size:14px; color:#a4a4a4; right:34px !important; margin:0 6.25% 0 50px;}
.navRig > ul > li > a.EN{ font-size:12px; color:#FFFFFF; display:inline-block; line-height:28px; padding:0; min-width:28px; text-align:center; border-radius:50%; background:rgba(255,255,255,0.27);}
.navRig > ul > li > a:hover{ color:#246ac5;}
.searchBox{ display:inline-block; position:relative; width:206px; height:28px; line-height:28px; padding:0 30px 0 10px; border-radius:15px; background:rgba(255,255,255,0.27); margin-right:10px;}
.searchInput{ height:28px; line-height:28px; width:100%; border:none; background:none; color:#FFFFFF;}
.searchBtn{ position:absolute; right:0; top:0; width:30px; height:28px; line-height:28px; text-align:center; color:#FFFFFF; cursor:pointer;}

nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#FFFFFF;}
header.active{ background:#FFFFFF; box-shadow:0 0 6px rgba(0,0,0,0.18);}
header.active .logo img.show{ display:none !important;}

header.active .logo img.hidden{ display:block !important;width: 200px}
header.active nav.navbar.bootsnav ul.nav > li > a{ color:#000000;}
header.active nav.navbar.bootsnav .navbar-toggle{ color:#246ac5;}
header.active .navRig > ul > li > a.EN{ background:#eeeff0; color:#b7b1b1;}
header.active .searchBox{ background:#eeeff0;}
header.active .searchInput{ color:#000000;}
header.active .searchBtn{ color:#b7b1b1;}
header.active nav.navbar.bootsnav ul.nav > li.active > a{ color:#246ac5;}
header.active .navbar-default .navbar-nav > .active > a,header.active  .navbar-default .navbar-nav > .active > a:focus, header.active .navbar-default .navbar-nav > .active > a:hover{ color:#246ac5; border-bottom:2px solid #246ac5;}

.section { text-align:center; overflow:hidden;}
.mainbox1{ background:#f3f3f3;}
.mainbox2{ background:#f3f3f3;}
.mainbox3{ background:#f7f6f4;}
.mainbox4{ background:url(../images/box4bg.jpg) right bottom no-repeat; background-size:cover;}
.mainbox5{ background:url(../images/box5bg.jpg) right bottom no-repeat; background-size:cover;}
.main_box{ padding-top:90px; overflow:hidden;}
.headerSpace{ height:90px; font-size:0; width:100%;}

/*~~banner~~*/
.mainbox0 .swiper-container{ z-index:1;}
.banner{ height:100%;}
.banner .swiper-slide{ position:relative; height:100%; background:#ffffff; z-index:1;}
.banPcImg,.banMobImg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; z-index:1;}
.banMobImg{ display:none;}
.banner .swiper-pagination{ bottom:30px;}
.banner .swiper-pagination-bullet{ width:16px; height:16px; opacity:1; background:#FFFFFF;}
.banner .swiper-pagination-bullet-active{ background:none; border:2px solid #FFFFFF;}
.banner_btn{ position:absolute; left:50%; margin-left:-16px; bottom:65px; z-index:1; width:32px; height:56px; border:2px solid #FFFFFF; border-radius:15px; cursor:pointer;}
.banner_btn:after{ display:block; content:""; position:absolute; top:10px; left:50%; margin-left:-3px; width:6px; height:6px; border-radius:50%; background:#FFFFFF;}
.banner_btn:before{ display:block; content:""; position:absolute; bottom:16px; left:50%; margin-left:-8px; width:16px; height:16px; background:url(../images/banner_btn.png) center center no-repeat;
animation:mymove 1.5s infinite;
-webkit-animation:mymove 1.5s infinite;
}
@keyframes mymove
{
0 { bottom:16px; opacity:1;}
100%{ bottom:2px; opacity:0;}
}

@-webkit-keyframes mymove
{
0 { bottom:16px; opacity:1;}
100%{ bottom:2px; opacity:0;}
}
.banTextBg{ position:absolute; left:10%; height:100%; width:32%; z-index:1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
}
.banText{ text-align:left; width:100%; margin:0 auto;}
.banTit{ font-size:50px; color:#FFFFFF;}
.banLine{ display:block; width:116px; height:7px; background:#FFFFFF; font-weight:0; margin:30px 0;}
.banBrief{ font-size:22px; font-family:Arial; line-height:30px; text-align:justify;}

.ban1 .banTextBg{ left:0; width:34%; background:url(../images/banner01TextBg.png) right center no-repeat; background-size:cover;}
.ban1 .banText{ width:75%;}

/*~~box1~~*/
.box1Lef,.box1Rig{ position:absolute; top:0; width:50%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease-in 0.3s; -webkit-transition:all 0.3s ease-in 0.3s;}
.box1Lef{ left:-50%;}
.box1Rig{ right:-50%; top:0; width:50%; height:100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
}
.box1RigCon{ text-align:left; width:80%; margin:0 auto;}
.box1H3{ font-size:36px; color:#246ac5; text-align:left;}
.box1Line{ display:block; width:100%; height:4px; background:#246ac5; font-size:0; margin:30px 0;}
.box1H4{ font-size:36px; color:#313131; margin-bottom:30px;}
.box1Brief{ font-size:16px; color:#313131; line-height:26px;}

.active .box1Lef{ left:0;}
.active .box1Rig{ right:0;}

/*~~box2~~*/
.box2Big{ position:absolute; left:0; top:0; width:100%; height:100%;}
.box2Big .swiper-slide{ height:100%; background-position:center center; background-size:cover;}
.box2PcImg,.box2MImg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-size:cover;}
.box2MImg{ display:none;}
.box2TextBg{ position:absolute; left:0; top:0; height:100%; width:30%; font-size:14px; color:#c0a06f; line-height:26px; background:rgba(0,0,0,0.45);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
}
.box2Text{ text-align:left; padding:0 8%;}
.box2Tit{ font-size:50px;}
.box2zhiwei{ font-size:44px;}
.box2brief p{ padding:15px 0;}

.box2Mini{ position:absolute; right:-15%; top:15%; width:90px; height:80%; transition:all 0.3s ease-in 0.3s; -webkit-transition:all 0.3s ease-in 0.3s;}
.box2Mini .swiper-slide{ cursor:pointer;}
.box2Mini .swiper-slide img{ border:1px solid #FFFFFF; max-width:100%; max-height:100%;}
.box2Mini .swiper-slide-active img{ border-width:2px;}
.box2MiniBtn{ position:absolute; display:block; width:100%; height:24px; text-align:center; color:#FFFFFF; line-height:24px; background:rgba(0,0,0,0.4); z-index:1; cursor:pointer;}
.box2MiniBtn1{ left:0; top:-30px;}
.box2MiniBtn2{ left:0; bottom:-30px;}
.box2MiniBtn3,.box2MiniBtn4{ width:30px; height:50px; text-align:center; line-height:50px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:none;}
.box2MiniBtn3{ left:15px;}
.box2MiniBtn4{ right:15px;}
.active .box2Mini{ right:5%;}

.box2scroll{ font-size:16px; color:#787878; line-height:30px; height:auto; max-height:400px;}

/*~~box3~~*/
.box3Img{ float:right; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.box3Text{ position:relative; font-size:16px; color:#787878; line-height:30px; overflow:hidden;}
.box3Tcon{position: absolute; left: 0px; top: 50%; width: 100%; padding: 0px 10%; transform: translateY(-43%); -webkit-transform: translateY(-43%);}
.box3H4{ font-weight:bold; font-size:38px; color:#393939; padding-bottom:20px;}
.box3Time{ display:block; width:115px; height:30px; line-height:30px; background:#cacaca; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; text-align:center; border-radius:4px;}
.box3Tit{ padding:10px 0 20px;}
.box3Tit a{ display:block; font-size:34px; line-height:42px; color:#246ac5;}
.box3Brief{}
.box3more{ display:block; text-transform:uppercase; text-align:center; background:#246ac5; color:#ffffff; font-size:20px; border-radius:4px; width:196px; height:48px; line-height:48px; margin-top:35px; font-family:"Times New Roman", Times, serif;}
.box3more:hover,.box3more:focus{ color:#FFFFFF; text-decoration:underline;}

/*~~box4~~*/
.box4Logo{ display:block; position:relative; overflow:hidden; background:rgba(0,0,0,0.5);}
.box4Logo img{ margin:0 auto; opacity:1; width:100%;}
.box4TextBg{ position:absolute; left:0; top:-100%; width:100%; height:100%; background:#246ac5; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.box4Tit{ font-size:16px; color:#ffffff; line-height:36px; position:absolute; left:0; width:100%; padding:0 15px; top:250%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.box4List{ padding:0 6.25%;}
.box4List .swiper-slide{ transform:translate(-50%,0); -webkit-transform:translate(-50%,0); transition:all 0.3s ease 0.3s; -webkit-transition:all 0.3s ease 0.3s;}
.box4List .swiper-slide:nth-child(2n){ transform:translate(50%,0); -webkit-transform:translate(50%,0);}
.box4Logo:hover img{ opacity:0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.box4Logo:hover .box4TextBg{ top:0;}
.box4Logo:hover .box4Tit{ top:50%;}
.box4MoreBg{ width:148px; height:36px; line-height:36px; background:#ffffff; border-radius:4px; text-align:center; margin:100px auto 0;}
.box4More{ display:block; font-size:16px; color:#246ac5;}
.box4More:hover,.box4More:focus{ color:#246ac5;}
.active .box4List .swiper-slide{ transform:translate(0,0); -webkit-transform:translate(0,0);}
.box4List .swiper-pagination{ position:static; display:none;}
.box4List .swiper-pagination-bullet{ background:#ffffff; opacity:1;}
.box4List .swiper-pagination-bullet-active{ background:none; border:1px solid #ffffff;}

/*~~box5~~*/
.box5Tit{ font-size:24px; color:#5a5a5a; font-family:'FZLTZHK';}
.box5List{ padding:0 6.25%;}
.box5List .swiper-slide{ padding:0px 30px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.box5Bg{ height:276px; background:rgba(36,106,197,0.8); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; position:relative;}
.box5Tit{ font-size:26px; color:#ffffff; padding:18px 0;}
.box5Con{ text-align:left; padding:0 40px; font-size:16px; color:#ffffff; line-height:28px;}
.box5List .swiper-pagination{ position:static;}
.box5List .swiper-pagination-bullet-active{ background:#246ac5;}

.box5logo{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.box5logo img{ margin:0 auto; max-width:80%;}

/*~~footer~~*/
.footerCon{ position:absolute; left:0; width:100%; bottom:0; padding:15px 0; background:#1a1a1a; color:#6e7077;}
.footerCon a{ color:#6e7077; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.footerCon a:hover{ color:#6e7077;}
.footerCon a.footTop{ background:url(../images/TopBg.png) center top no-repeat; width:73px; height:33px; color:#ffffff; text-transform:uppercase; line-height:23px; padding-top:15px; text-align:center; font-weight:bold; position:absolute; left:50%; margin-left:-36px; top:-33px; cursor:pointer;}

.fenlei{ border-bottom:1px solid #d7d7d7;}
.fenleiList{ margin:0;}
.fenleiList li{ padding:0 50px;}
.fenleiList li a{ display:block; font-size:18px; color:#141414; line-height:30px; padding:25px 0; margin-bottom:-1px;}
.fenleiList li a.active{ color:#246ac5; border-bottom:1px solid #246ac5;}

.opBox{ font-size:20px; color:#5a5a5a; line-height:35px; overflow:hidden;}
.gray{ background:#f7f6f4;}
.opBox img{ max-width:100%; margin:0 auto;}
.op1{ padding:65px 0 115px; text-align:center;}
.op1Wrap{ position:relative;}
.op1Wrap h1{ font-size:48px;color:#F47405;font-weight:500;}
.op1Ico{ position:absolute;}
.op1Ico1{ right:0; top:0; background:url(../images/op1Ico1.png) right top no-repeat; background-size:cover; width:69px; height:67px;}
.op1Ico2{ left:-20px; bottom:-20px; background:url(../images/op1Ico2.png) right top no-repeat; background-size:cover; width:46px; height:44px;}
.op1 img.op1Logo{ max-width:50%;}
.op1En{ font-size:46px; color:rgba(20,20,20,0.06); font-weight:bold; transform:scaleY(0.8); -webkit-transform:scaleY(0.8); font-family:Arial, Helvetica, sans-serif;}
.op1Line{ display:block; margin:0 auto; width:42px; height:8px; font-size:0; background:#d2a415;}
.op1Text{ padding:20px 0;}
.op1Bot{ margin:0 -1px;}
.op1Bot li{ padding:0 1px 2px;}

.op2{ padding:95px 0 40px;}
.op2Con{ margin:0;}
.op2Text{ color:#5a5a5a;}
.op2En{ font-size:112px; font-family:Arial, Helvetica, sans-serif; color:rgba(20,20,20,0.03); font-weight:bold; transform:scaleY(0.8); -webkit-transform:scaleY(0.8);}
.op2Tit{ font-size:36px; color:#141414; margin-top:-70px;}
.op2Brief{ padding:15px 0;}
.op2Wrap .swiper-pagination{ position:static; padding:40px 0;}
.op2Wrap .swiper-pagination-bullet{ width:22px; height:22px; background:#444443; opacity:1;}
.op2Wrap .swiper-pagination-bullet-active{ background:#246ac5;}

.op3{ padding:60px 0 120px;}
.op3En{ font-size:106px; font-family:Arial, Helvetica, sans-serif; color:rgba(20,20,20,0.03); font-weight:bold; transform:scaleY(0.8); -webkit-transform:scaleY(0.8); text-align:center; position:relative;}
.op3Tit{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) scaleY(1.2); -webkit-transform:translateY(-50%) scaleY(1.2); text-align:center; font-size:36px; color:#141414; font-weight:normal;}
.op3Tit span{ display:inline-block; background:#ffffff; padding:0 20px;}
.op3Brief{ padding:0 16.5%;}
.op3Text,.op3Img{ padding:0;}
.op3Text{ padding:40px;}
.op3TextTit{ font-size:30px; color:#246ac5; line-height:150%; padding-bottom:30px;}

footer .footerCon{ position:relative;}

.teamBox{ padding:70px 0 50px; min-height:700px;}
.Fleft{ float:left;}
.teamList{ margin:0 -12px;}
.teamList li{ padding:0 12px;}
.teamList li a{ display:block;}
.teamImg{ position:relative;}
.img-responsiveHover{ position:absolute; opacity:0; top:0; left:0; z-index:5; width:100%; height:100%; padding:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.teamImg img{ width:100%;}
.teamImg:after,.teamImg:before{ position:absolute; display:block; content:""; width:0%; height:0%; opacity:0; border:3px solid #246ac5; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.teamImg:after{ left:0; bottom:0; border-top:none; border-right:none;}
.teamImg:before{ right:0; top:0; border-left:none; border-bottom:none;}
.teamTit{ font-size:24px; color:#2a2a2a; line-height:200%; padding-bottom:15px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.teamTit span{ font-size:16px; color:#8e8e8e; padding-left:5px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.teamList li a:hover .teamTit,.teamList li a:hover .teamTit span{ color:#246ac5;}
.teamList li a:hover .teamImg:after,.teamList li a:hover .teamImg:before{ opacity:1; width:100%; height:100%;}
.teamList li a:hover .img-responsiveHover{ opacity:1;}
.teamList li a:hover .img-responsive{ opacity:0;}

.teamdetailImg{ padding-bottom:20px;}
.teamName{ font-size:40px; color:#246ac5; font-weight:bold;}
.teamName span{ padding-left:5px; font-size:26px; color:#8e8e8e; font-weight:normal;}
.teamText{ padding-top:15px;}
.teamText li{ font-size:16px; color:#3d3d3d; line-height:200%; border-top:1px solid #b3b3b3; padding-bottom:10px;}
.teamText li h4{ font-size:24px; color:#246ac5; line-height:150%; padding:10px 0;}
.teamBack{ display:block; width:155px; height:40px; line-height:40px; font-size:16px; color:#ffffff; text-align:center; background:#246ac5; border-radius:5px; margin:10px auto;}
.teamBack:hover,.teamBack:focus{ color:#ffffff;}

.teamBuild{ padding:0 13%;}
.BuildTit{ font-size:30px; color:#246ac5;}
.BuildTit span{ font-size:32px; color:#474747; padding-left:5px;}
.BuildBrief{ text-align:center; padding:20px 0; text-transform:uppercase;}
.BuildBrief span{ color:#246ac5;}
.BuildBot{ text-align:center; margin:50px 0 30px; font-size:0;}
.BuildBox{ display:inline-block; vertical-align:top; width:350px; font-size:16px; color:#656565; line-height:30px; text-align:center;}
.BuildCircle{ width:295px; height:295px; border-radius:50%; margin:0 auto 30px; border:9px solid #4d75c0; text-align:center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
}
.BuildBox1 .BuildCircle{ color:#4d75c0;}
.BuildBox2 .BuildCircle{ color:#ffffff; background:#4d75c0;}
.BuildBox2 .BuildCircle .BuildName{ font-size:16px;}
.BuildBox2 .BuildCircle .BuildName h4{ font-size:38px;}
.BuildName{ font-size:36px; padding:20px 10% 0;}
.BuildName h4{ font-size:30px;}
.BuildAdd{ display:inline-block; vertical-align:top; width:100px; height:295px; background:url(../images/BuildAdd.png) center center no-repeat;}

.newsTopCon{ background:#f3f3f3; padding-left:50%; position:relative;}
.newsTopImg{ position:absolute; left:0; top:0; width:50%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.newsTopImg img{ display:none;}
.newsTopText{ text-align:left; padding:130px 12.5% 130px 80px;}
.newsTopTit a{ display:block; font-size:30px; color:#246ac5; line-height:48px;}
.newsTopBrief{ padding:20px 0 30px; font-size:16px; color:#787878; line-height:30px;}
.newsTopMore{ display:block; width:148px; height:40px; line-height:40px; font-size:14px; color:#333333; text-align:center; border:1px solid #c3c3c3; border-radius:5px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.newsTopMore img{ vertical-align:middle; padding-left:5px;}
.newsTopMore:hover,.newsTopMore:focus{ border-color:#333333; color:#333333;}
.newsPrev,.newsNext{ display:block; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:31px; height:57px; z-index:1; cursor:pointer; opacity:0.5; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.newsPrev{ left:2%; background:url(../images/newsPrev.png) left center no-repeat; background-size:cover;}
.newsNext{ right:2%; background:url(../images/newsNext.png) right center no-repeat; background-size:cover;}
.newsPrev:hover,.newsNext:hover{ opacity:1;}

.newsList{ background:url(../images/newsListBg.jpg) 240px top repeat-y;}
.newsList li{ padding-bottom:30px;}
.newsList li a{ display:block; position:relative; min-height:30px; padding-left:260px; background:url(../images/newsLiBg.png) 232px 15px no-repeat;}
.newsTime{ position:absolute; left:0; top:10px; text-align:right; font-size:30px; color:#242424; font-family:Arial, Helvetica, sans-serif; width:220px;}
.newsText{ position:relative;}
.newsText h3{ font-size:24px; color:#333333; padding:10px 0; line-height:180%;}
.newsBrief{ font-size:14px; color:#787878; line-height:24px;}
.newsList li a:hover{ background-image:url(../images/newsLiBga.png);}
.newsList li a:hover .newsTime{ color:#246ac5;}
.newsList li a:hover .newsText h3{ color:#246ac5;}
.page{ padding:40px 0;}

.newsDetTop{ background:url(../images/bannerNews.jpg) center center no-repeat; text-align:center; background-size:cover; padding:30px 12.5% 20px;}
.newsDetTit{ text-align:center; font-size:30px; color:#FFFFFF; line-height:40px;}
.newsDeTime{ text-align:center; line-height:16px; color:#FFFFFF; font-size:0; padding:15px 0;}
.newsDeTime span{ display:inline-block; vertical-align:middle; font-size:16px; padding:0 15px;}
.newsShare{ display:inline-block; vertical-align:middle;}
.newsShareList{ display:inline-block; vertical-align:middle;}
.newsShareList li{ vertical-align:middle;}
.newsShareList li a{ display:block; width:34px; height:25px; background-position:center center; background-repeat:no-repeat;}
.newsShareIco1{ background-image:url(../images/newsShareIco1.jpg);}
.newsShareIco2{ background-image:url(../images/newsShareIco2.jpg);}
.newsShareIco3{ background-image:url(../images/newsShareIco3.jpg);}
.newsDeBot{ padding:0 0 20px; font-size:16px; color:#787878; line-height:30px;}
.newsDeBot p{ padding:10px 0;}

.newsPager{ padding:20px 0; margin:20px 0; border-top:1px solid #d3d3d3;}
.newsPagerLef{ font-size:14px; color:#3c3c3c; line-height:30px; padding:0;}
.newsPagerLef a{ color:#3c3c3c; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.newsPagerLef a:hover{ color:#246ac5;}
.newsPagerRig{ padding:10px 0 0;}
.newsReturn{ display:block; width:100px; height:36px; line-height:36px; background:#babbbb; color:#ffffff; float:right; font-size:14px; border-radius:5px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.newsReturn img{ margin-top:-1px;}
.newsReturn:hover{ color:#ffffff; background:#246ac5;}

.companyBrief{ text-align:center;}
.companyList{ margin:0 -19px; padding-top:40px; overflow:hidden;}
.companyList li{ padding:0 19px 40px;}
.companyList li a .box4Tit{ font-size:20px; line-height:35px;}
.companyList li a .box4Tit h3{ font-size:30px;}
.loadMore{ display:block; width:257px; height:77px; line-height:77px; border-radius:10px; border:3px solid #cfcfcf; font-size:24px; color:#6f6f6f; text-align:center; margin:20px auto 40px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.loadMore:hover,.loadMore:focus{ border-color:#246ac5; color:#246ac5;}

.contactTop{ overflow:hidden; padding:100px 0;}
.contactTopList{ text-align:left; font-size:0;}
.contactTopList .media{ display:inline-block; vertical-align:top; margin:0 0 50px; width:33.33%; font-size:24px; color:#454545; line-height:36px;}
.contactTopList .media span{ line-height:36px;}
.contactTopList .media-heading{ font-size:24px;line-height:36px; margin-bottom:0; display:inline-block; font-weight:bold; text-transform:uppercase;}
.contactTopList a,.contactTopList a:hover,.contactTopList a:focus{ color:#454545;}

.map{ height:413px;}

.conBotTit{ font-size:50px; color:#000000;}
.conBotBrief{ font-size:16px; color:#000000; line-height:30px; padding:30px 0;}
.conBotBrief a,.conBotBrief a:hover{ color:#246ac5; font-size:20px; text-transform:uppercase;}
.contactBot{ padding:0 0 100px;}
.joinList{ overflow:hidden;}
.joinList li{ float:left; display:block; width:33.33%; padding:20px 15px 50px; text-align:center;}
.joinList li > img{ border-radius:50%; cursor:pointer;}
.joinTit{ display:block; vertical-align:middle; color:#FFFFFF; font-size:20px; color:#FFFFFF; position:relative; z-index:1; cursor:pointer; padding:30px 0 0;}
.joinList li:first-child .joinTit{ color:#189c9b;}
.joinList li:nth-child(2) .joinTit,.joinText:nth-child(2) h3{ color:#fab634;}
.joinList li:nth-child(3) .joinTit,.joinText:nth-child(3) h3{ color:#3da3de;}
.joinText{ background:#ffffff; padding:40px 70px; font-size:16px; color:#787878; line-height:180%; display:none;}
.joinText h3{ font-size:20px; color:#199c9b; padding-bottom:20px;}
.joinMob{ background:#f4f4f4; padding:15px; font-size:14px; color:#787878; line-height:180%; text-align:left; display:none;}
.joinMob h3{ font-size:16px; color:#199c9b; padding-bottom:10px;}
.xinline_a{ line-height:1.5em;}
.xinDis_tab{ display:table; height:100%;}
.xinDis_tabCell{ display:table-cell; vertical-align:middle;}

@media (min-width:768px){
}
@media (min-width:992px){
}
@media (min-width:1600px){
	.opBox .container { width:1440px; padding:0;}
}
@media (min-width:1230px){
}
@media (max-width:1600px){	
	.logo{ padding:15px 0 0 0px;}
	.logo img{ width:170px;}	
	.navbar-header{ padding-left:3%;}
	.navRig{ margin:0 3% 0 20px; height:80px; line-height:80px;}
	nav.navbar.bootsnav ul.nav > li > a{ height:80px; line-height:80px; font-size:16px;}
	
	.main_box{ padding-top:80px;}	
	.headerSpace{ height:80px;}
	
	.banTit{ font-size:40px;}
	.banLine{ margin:20px 0;}
	.banBrief{ font-size:18px; line-height:26px;}
	
	.box1RigCon{ width:90%;}
	.box1H3{ font-size:28px;}
	.box1Line{ margin:15px 0;}
	.box1H4{ font-size:24px; margin-bottom:15px;}
	.box1Brief{ font-size:14px; line-height:22px;}
	
	.box2Mini{ height:74%; top:20%;}
	.box2Text{ padding:0 15px;}
	.box2Tit{ font-size:28px;}
	.box2zhiwei{ font-size:20px;}
	.box2brief{ max-height:380px; overflow:hidden;}
	.box2brief p{ padding:5px 0;}
	
	.box3H4{ font-size:30px; padding-bottom:10px;}
	.box3Tit{ padding:5px 0 10px;}
	.box3Tit a{ font-size:26px; line-height:32px;}
	.box3Time{ width:90px; height:26px; line-height:26px;}
	.box3Brief{ max-height:150px; overflow:hidden;}
	.box3more{ width:140px; height:36px; line-height:36px; font-size:16px;}
	
	.box4Tit{ font-size:14px; line-height:28px;}
	.box4MoreBg{ margin:40px auto 0;}
	
	.box5Bg{}
	.box5Tit{ padding:15px 0;}
	.box5Con{ padding:0 15px;}
	
	.bannerTit h2 p{ font-size:40px;}
	.bannerTit h2 span{ font-size:30px;}
	
	.fenleiList li a{ padding:15px 0;}
	.opBox{ font-size:16px; line-height:30px;}
	.op1{ padding:45px 0 85px;}
	.op1En{ font-size:36px;}
	
	.op2{ padding:65px 0 0;}
	.op2En{ font-size:80px;}
	.op2Tit{ font-size:30px; margin-top:-50px;}
	
	.op3{ padding:40px 0 80px;}
	.op3Brief{ padding:0 16.5%}
	.op3En{ font-size:80px;}
	.op3Tit{ font-size:30px;}
	.op3Tit span{ padding:0 10px;}
	.op3TextTit{ font-size:24px;}
	
	.teamBox{ padding:50px 0 30px;}
	.teamTit{ font-size:18px;}
	.teamTit span{ font-size:14px;}
	
	.teamName{ font-size:30px;}
	.teamName span{ font-size:20px;}
	.teamText li{ font-size:14px;}
	.teamText li h4{ font-size:20px; padding:5px 0;}
	
	.newsTopText{ padding:80px 12.5% 80px 50px;}
	.newsTopTit a{ font-size:24px; line-height:36px;}
	.newsList{ background-position:160px 0;}
	.newsList li a{ padding-left:180px; background-position:152px 15px;}
	.newsTime{ font-size:20px; width:140px;}
	.newsText h3{ font-size:20px;}
	
	.newsDetTit{ font-size:24px; line-height:36px;}
	.newsDeTime{ font-size:14px;}
	.newsDeTime span{ font-size:14px;}
	.newsDeBot{ font-size:14px; line-height:28px;}
	
		
	.companyList{ margin:0 -15px;}
	.companyList li{ padding:0 15px 30px;}
	.companyList li a .box4Tit{ font-size:16px; line-height:30px;}
	.companyList li a .box4Tit h3{ font-size:24px;}
	.loadMore{ width:200px; height:60px; line-height:60px; border-width:2px; border-radius:5px;}
	
	.contactTop{ padding:60px 0;}
	.contactTopList .media{ font-size:20px; line-height:32px;}
	.contactTopList .media-heading{ font-size:20px;}
	.map{ height:380px;}
	
	.conBotTit{ font-size:40px;}
	.conBotBrief{ padding:20px 0;}
	.conBotBrief a,.conBotBrief a:hover{ font-size:18px;}
	.joinTit{ font-size:18px;}
	
}
@media (max-width:1400px){
	nav.navbar.bootsnav ul.nav > li > a{ padding:0 5px; margin:0 10px;}
	.navRig > ul > li:first-child{ padding-right:0;}
	
	.fenleiList li a{ padding:10px 0; font-size:18px;}
}
@media (max-height:900px) and (min-height:769px){
	
}
@media (max-width:1367px),(max-height:769px){
}
@media (max-width:1200px){	
	.logo{ padding:15px 0 0 0px;}
	.logo img{ width:130px;}
	.navRig{ margin:0 0 0 15px; height:70px; line-height:70px;}
	.navbar-header{ padding-left:0;}
	nav.navbar.bootsnav ul.nav > li > a{ height:70px; line-height:70px; font-size:16px;}
	
	.main_box{ padding-top:70px;}
	.headerSpace{ height:70px;}
	
	.box2brief{ max-height:260px;}
	
	.box2scroll{ max-height:240px;}
	
	.box5List{ margin:0;}
	.box5List .swiper-slide{ padding:0 15px;}	
	.box5Tit{ font-size:20px;}
	
	.fenleiList li{ padding:0 30px;}
	.fenleiList li a{ padding:0; font-size:18px;}
	
	.opBox{ font-size:14px;}
	
	.op2{ padding:45px 0 0;}
	
	.op3Brief{ padding:0 10%}
	.op3Text{ padding:20px;}
	.op3TextTit{ font-size:20px;}
	
	.teamBuild{ padding:0%;}
	.newsTopText{ padding:50px 12.5% 50px 30px;}
	.newsTopTit a{ font-size:20px; line-height:32px;}
	.newsTopBrief{ font-size:14px; line-height:26px; padding:15px 0;}
	
	
	.contactTopList .media{ font-size:18px; line-height:30px;}
	.contactTopList .media-left img{ width:35px;}
	.contactTopList .media-heading{ font-size:18px;}
	.map{ height:300px;}
	
	.conBotTit{ font-size:30px;}
	.conBotBrief{ padding:15px 0;}
	.conBotBrief a,.conBotBrief a:hover{ font-size:16px;}
	.joinTit{ font-size:16px; padding:15px 0 0;}
}

@media (max-width:1023px) and ( min-width:993px){
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin:0 auto; display:table; table-layout:fixed; left:20px;}
}
@media (max-width:1023px){
}
@media (max-width:1200px) and ( min-width:992px){
	
}
@media (max-width:992px) and ( min-width:767px){
}
@media (max-width:992px){	
	header{ background:rgba(0,0,0,0.4);}
	nav.navbar.bootsnav .navbar-header{ padding:0;}
	.logo{ position:static; padding:12px 0; width:120px; margin-left:15px;}
	.logo img{ width:120px; height:32px;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important;}
	nav.navbar.bootsnav ul.nav > li > a:after{  height:1px; bottom:-2px; display:none;}
	.navRig{ height:56px; line-height:56px; right:40px !important;}
	.navRig > ul > li > a{ min-width:30px; line-height:26px;}
	nav.navbar.bootsnav .navbar-toggle{ float:right; position:static; margin:0; margin-top:18px;}
	nav.navbar.bootsnav .navbar-nav{ margin:0; left:0; padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ height:40px; line-height:40px; padding:0; margin:0; border-bottom:none;}
	#navbar-menu{ padding:0; border-top:1px solid #246ac5;}	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#ffffff; border-bottom:none; border-color:#ffffff;}
	header.active .navbar-default .navbar-nav > .active > a,header.active  .navbar-default .navbar-nav > .active > a:focus, header.active .navbar-default .navbar-nav > .active > a:hover{ color:#246ac5; border-bottom:none; border-color:#246ac5;}
	
	.ban1 .banTextBg{ width:50%;}
	.banTit{ font-size:30px;}
	.banLine{ width:80px; height:5px; margin:10px 0;}
	.banBrief{ font-size:16px; line-height:26px;}
	
	.box2Mini{ display:none;}
	.box2MiniBtn3,.box2MiniBtn4{ display:block;}
	.box2TextBg{ top:auto; bottom:0; height:auto; width:100%;}
	.box2TextBg .main_box{ padding:15px 0;}
		
	.main_box{ padding-top:56px;}
	.headerSpace{ height:56px;}
	
	.box4List{ padding:0 15px;}
	.box4List .swiper-pagination{ display:block;}
	
	.box5List{ padding:0 0 40px;}
	.box5Tit{ font-size:18px; padding:15px 0 5px;}
	.box5Tit img{ width:25px; vertical-align:middle;}
	
	
	.banner2{ padding:70px 0 50px;}
	
	.op3En{}
	.op3Brief{ padding:0 15px;}
	.op3TextTit{ padding-bottom:15px;}
	
	.BuildBox{ width:100%;}
	.BuildAdd{ width:100%; height:80px;}
	
	.newsTopText{ padding:15px 12.5% 15px 15px;}
	.newsTopBrief{ padding:0; max-height:130px; overflow:hidden; margin:15px 0;}
	.newsPrev,.newsNext{ width:20px;}
	.newsTopMore{ height:32px; line-height:32px; width:120px;}
	
	
	.newsPager{ padding:10px 5px 15px; margin:10px 0;}
	.newsReturn{ float:none; height:34px; line-height:34px;}
	
	
	.contactTopList .media{ font-size:16px; line-height:24px;}
	.contactTopList .media-left img{ width:30px;}
	.contactTopList .media-heading{ font-size:16px;}
	
	
	.joinList li{ padding:20px 4% 30px;}
	.joinText{ font-size:14px;}
}
@media (max-width:767px){	
	.banTextBg{ width:80%; left:10%;}
	.ban1 .banTextBg{ width:80%; left:10%; background:none;}
	.ban1 .banText{ width:100%; background:rgba(0,0,0,0.2); padding:15px;}
		
	.box1Lef{ height:30%; width:100%;}
	.box1Rig{ height:70%; top:30%; width:100%;}
	.box1Rig .main_box{ padding-top:10px;}
	.box1H3{ font-size:18px;}
	.box1Line{ margin:10px 0;}
	.box1H4{ font-size:16px; margin-bottom:10px;}
	.box1Brief{ max-height:286px; overflow:hidden;}
	
	.box2brief{ max-height:130px;}
	.box2scroll{ max-height:200px; font-size:14px;}
	
	.box3Img{ float:none; width:100%; height:40%;}
	.box3Text{ float:none; width:100%; height:60%;}
	.bb-custom-wrapper > nav{ top:35%;}	
	.box3Tcon{ padding:0 15px;}	
	.box3H4{ font-size:20px;}
	.box3Tit{ padding:0;}
	.box3Tit a{ font-size:16px; line-height:28px;}
	.box3more{ margin-top:10px;}
	
	.banner2{ padding:50px 0 40px;}
	.bannerTit h2 p{ font-size:24px;}
	.bannerTit h2 span{ font-size:20px;}
	
	.op1Ico2{ left:-10px; bottom:-10px;}
	.op2Wrap .swiper-pagination{ padding:20px 0;}
	.op2Wrap .swiper-pagination-bullet{ width:15px; height:15px;}
	
	.BuildTit{ font-size:22px;}
	.BuildTit span{ font-size:20px;}
	.BuildBot{ margin:30px auto 20px;}
	.BuildBox{ font-size:14px;}
	.BuildCircle{ width:200px; height:200px; border-width:4px; margin:0 auto 15px;}
	.BuildName{ font-size:26px;}
	.BuildName h4{ font-size:20px;}
	.BuildBox2 .BuildCircle .BuildName{ font-size:14px;}
	.BuildBox2 .BuildCircle .BuildName h4{ font-size:26px;}
	
	.newsTopCon{ padding:0;}
	.newsTopImg{ background:none !important; width:100%; position:static; display:none;}
	.newsTopImg img{ display:block; margin:0 auto;}
	.newsTopText{ padding:15px 30px;}
	.newsTopTit a{ font-size:18px;}
	.newsPrev, .newsNext{ width:15px;}
	
	.newsList{ background-position:15px 0;}
	.newsList li{ padding-bottom:15px;}
	.newsList li a{ padding-left:30px; background-position:7px 7px;}
	.newsTime{ position:static; width:100%; text-align:left;}
	.newsText h3{ font-size:18px;}
	
	.newsDetTop{ padding:20px 15px 10px;}
	.newsDetTit{ font-size:20px; line-height:32px;}
	.newsDeTime{ padding:10px 0;}
	
	.companyList{ margin:0 -5px;}
	.companyList li{ padding:0 5px 10px;}
	.companyList li a .box4Tit{ font-size:14px; line-height:28px;}
	.companyList li a .box4Tit h3{ font-size:20px;}
	.loadMore{ width:150px; height:40px; line-height:40px; font-size:18px; border-width:1px; border-radius:5px;}
	
	.contactTopList .media{ width:100%; margin:0 0 15px;}
	/*.banTextBg{ 
        -webkit-box-align: top;
        -ms-flex-pack: top;
        -webkit-justify-content: top;
        justify-content: top;
        -webkit-box-pack: top;
    }
    .banText{ margin:100px auto;}
*/
}
@media (max-width:640px){
	nav.navbar.bootsnav{ min-height:40px;}
	.logo{ padding:10px 0; width:100px;}
	.logo img{ width:100px; height:27px;}
	.navRig{ height:47px; line-height:47px;}
	nav.navbar.bootsnav .navbar-toggle{ margin-top:13px;}
		
	.banTit{ font-size:24px;}
	.banLine{ width:60px; height:3px; margin:10px 0;}
	.banBrief{ font-size:14px; line-height:22px;}
	
	.main_box{ padding-top:47px;}
	.headerSpace{ height:47px;}
	
	.fenleiList li{ padding:0 10px;}
	.fenleiList li a{ font-size:16px;}
	
	.op1{ padding:35px 0 50px;}
	.op1Ico1{ width:50px; height:49px;}
	.op1En{ font-size:16px;}
	
	.op2En{ font-size:50px;}
	.op2Tit{ font-size:20px; margin-top:-35px;}
	
	.op3En{ font-size:50px;}
	.op3Tit{ font-size:20px;}
	.op3TextTit{ font-size:16px;}
	
	.teamBox{ padding:30px 0;}
	.teamTit{ font-size:16px;}
	.teamTit span{ font-size:12px;}
	.teamImg:after,.teamImg:before{ border-width:1px;}
	
	.newsShare{ display:block; padding-top:10px;}
	
	
	.joinList li{ float:none; width:100%; padding:0 0 10px;}
	.joinList li > img{ display:none;}
	.joinTit{ height:auto !important; border-radius:2px; border:1px solid #199c9b; background:#FFFFFF; padding:2px; font-size:14px; line-height:36px;}
	.joinList li:nth-child(2) .joinTit,.joinList li:nth-child(2) .joinMob h3{ border-color:#fab634; color:#fab634;}
	.joinList li:nth-child(3) .joinTit,.joinList li:nth-child(3) .joinMob h3{ border-color:#3da3de; color:#3da3de;}
	.joinText{ display:none !important;}
	
}
@media (max-width:460px){
	.searchBox{ display:none;}	
	.banner .swiper-pagination{ bottom:10px;}
	.banner .swiper-pagination-bullet{ width:14px; height:14px;}
	.banner_btn{ bottom:40px; width:24px; height:42px; margin-left:-12px;}
	.banner_btn:before{ background-size:10px;}
	.box1Brief{ max-height:242px;}
	
	.box2Tit{ font-size:20px;}
	.box2zhiwei{ font-size:16px;}
	.box2brief{ max-height:52px;}
	
	.box2scroll{ height:150px;}
	.box3Tit a{ font-size:14px; line-height:24px; max-height:48px; overflow:hidden;}
	.box3Brief{ max-height:60px;}
	.box3more{ width:120px; height:30px; line-height:30px;}
	
	.box4Tit{ font-size:12px; line-height:24px;}
	.footerCon{ padding:8px 0;}
	
	.teamList{ margin:0 -2px;}
	.teamList li{ padding:0 2px;}
	
	.newsBrief{ max-height:72px; overflow:hidden;}
	
	.companyList li a.box4Logo:hover img{ opacity:1;}
	.companyList li a.box4Logo:hover .box4TextBg{ top:-100%;}
	.companyList li a.box4Logo:hover .box4Tit{ top:250%;}
	.map{ height:200px;}
	
}
@media (max-width:760px) and ( max-height:420px){
	
}
@media (max-width:360px){
	.box1Brief{ max-height:220px;}
}
@media (max-width:320px){
	.box1Brief{ max-height:198px;}
}
@media (max-height:414px){
}
@media (max-height:240px){
		
}
@media all and (orientation : landscape){
	.box2MImg,.banMobImg{ display:none;}
	.box2PcImg,.banPcImg{ display:block;}
}
@media all and (orientation : portrait){ 
	.box2MImg,.banMobImg{ display:block;}
	.box2PcImg,.banPcImg{ display:none;}
} 


/***新**************************************************************/
/***加**************************************************************/
/***的**************************************************************/
/***css**************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
.box2Big .swiper-slide{ position:relative;}
.box2Big_prev{ background:url(../images/a_index_13.png) left center no-repeat; width:80px; height:101px; left:0; margin-top:-50px;}
.box2Big_next{ background:url(../images/a_index_16.png) left center no-repeat; width:80px; height:101px; right:-3px; margin-top:-50px;}
.xin_textBox{ position:absolute; bottom:0; left:0; z-index:2; width:100%; padding:10px 55px; text-align:left; color:#fff;}
.xin_pp1{ font-size:47px; }
.xin_HtextBox{ position:absolute; color:#fff; left:0; top:0; z-index:3; background:rgba(0,0,0,0.7); width:100%; height:100%; padding:20px 80px; display:table;    
	filter:alpha(opacity=0);
    -moz-opacity:0;
    -webkit-opacity:0;
    /* 老版Safari */
    -khtml-opacity:0;
    -o-opacity:0;
    opacity:0;
}
.BoxCell{ display:table-cell; vertical-align:middle;}
.xin_pp3{ padding-top:40px; position:relative;}
.xin_pp3:before{ position:absolute; width:30px; height:4px; background:#ebc84c; top:15px; left:50%; margin-left:-15px; content:"";}
.box2Big .swiper-slide:hover .xin_HtextBox{
	filter:alpha(opacity=100);
    -moz-opacity:1;
    -webkit-opacity:1;
    /* 老版Safari */
    -khtml-opacity:1;
    -o-opacity:1;
    opacity:1;
}
.box2Big .swiper-slide:hover .xin_textBox{ display:none;}
.op3Bot{ background:#f7f6f4; margin:30px 0 0; position:relative;}
.op3Bot .swiper-slide{ text-align:left;}
.op3Bot_prev{ background:url(../images/a_about2.png) left center no-repeat; width:42px; height:43px; left:50%; margin-top:-22px;}
.op3Bot_next{ background:url(../images/a_about1.png) left center no-repeat; width:42px; height:43px; right:50%; margin-top:-22px;}
.Col5a{ color:#5a5a5a;}
@media (max-width:1200px){
.xin_textBox{ padding:10px 15px;}
.xin_HtextBox{ padding:20px 25px;}
.op3Text{ padding:20px 15px 20px 45px;}
}
@media (max-width:991px){
.op3Bot{ padding-top:50px;}
.op3Bot_prev{ margin-top:0; top:0;}
.op3Bot_next{ margin-top:0; top:0;}
.op3Text{ padding:10px;}
}




/*5-22*/
/*.banText{ text-align:left; width:100%; margin:0 auto;}
.banTit{ font-size:100px; color:#FFFFFF;}
.banLine{ display:block; width:116px; height:7px; background:#FFFFFF; font-weight:0; margin:30px 0;}
.banBrief{ font-size:56px; font-family:Arial; line-height:30px; text-align:justify;}

.ban4 .banTextBg{ left:0; width:40%; background:none !important; background-size:cover;}
.ban4 .banText{ width:75%;}
.ban2 .banTextBg{ left:70%; width:30%;}
.ban3 .banTextBg{ left:70%; width:30%;}
.ban1 .banTextBg{ left:70%; width:30%;}
@media (max-width:1400px){
.banTit{ font-size:80px;}
.banBrief{ font-size:45px;}
}
@media (max-width:1024px){
.banTit{ font-size:60px;}
.banBrief{ font-size:40px;}
}
@media (max-width:767px){
.ban1 .banText{ background:none;}
.banTit{ font-size:36px;}
.banBrief{ font-size:20px;}
.banTextBg{ width:60% !important;}
.ban4 .banText{ width:85%;}
.ban2 .banTextBg{ left:2%;}
.ban3 .banTextBg{ left:2%;}
.ban1 .banTextBg{ left:2%;}
}*/

.main.step img,.main.stepmo img{width:100%;}	
@media screen and (max-width:1200px){
	.main{margin-left:15px;margin-right:15px;width:auto;}	
}
.step1{width:22%;float:left;margin-right:-3%;opacity: 0; position:relative; z-index:1}
.step2{width:16%;float:left;margin-right:-3%;opacity: 0; position:relative; z-index:2}
.step3{width:16%;float:left;margin-right:-3%;opacity: 0; position:relative; z-index:3}
.step4{width:16%;float:left;margin-right:-3%;opacity: 0; position:relative; z-index:4}
.step5{width:16%;float:left;margin-right:-3%;opacity: 0; position:relative; z-index:5}
.step6{width:16%;float:left;margin-right:-3%;opacity: 0; position:relative; z-index:6}
.step7{width:16%;float:left;margin-right:-3%;opacity: 0; position:relative; z-index:7}
.stepmo{display:none;}
@media screen and (max-width:640px){
	.main.step{display:none;}
	.main.stepmo{display:block;}
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation: fadeInRight 0.1s;
  animation: fadeInRight 0.1s;
  opacity: 1;
}
.fadeInRight2 {
  -webkit-animation: fadeInRight 0.4s;
  animation: fadeInRight 0.4s;
  opacity: 1;
}
.fadeInRight3 {
  -webkit-animation: fadeInRight 0.7s;
  animation: fadeInRight 0.7s;
  opacity: 1;
}
.fadeInRight4 {
  -webkit-animation: fadeInRight 1s;
  animation: fadeInRight 1s;
  opacity: 1;
}
.fadeInRight5 {
  -webkit-animation: fadeInRight 1.3s;
  animation: fadeInRight 1.3s;
  opacity: 1;
}
.fadeInRight6 {
  -webkit-animation: fadeInRight 1.6s;
  animation: fadeInRight 1.6s;
  opacity: 1;
}
.fadeInRight7 {
  -webkit-animation: fadeInRight 1.9s;
  animation: fadeInRight 1.9s;
  opacity: 1;
}