@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:#00eaff;}
.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%;
  min-width:320px;
}
@font-face {
    font-family:'moreFont';
	src:url(../fonts/moreFont.TTF);
    font-weight: normal;
    font-style: normal;
}
.swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
.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;
}
/*header*/
header{ background:#FFFFFF; min-width:320px; transition:all 0.3s ease-in 0s;}
header.active{ background:rgba(255,255,255,0.85); box-shadow:0 0 6px rgba(0,0,0,0.06);}
.logo{ height:auto; padding:22px 0 0 23px; 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;}
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:86px; height:86px; position:relative; color:#333333; font-size:15px;}
nav.navbar.bootsnav ul.nav > li > a:after{ background:#ce0000; width:0; height:3px; display:block; content:""; position:absolute; bottom:%; left:50%; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li.on > a,nav.navbar.bootsnav ul.nav > li.active > a{ color:#ce0000;}
nav.navbar.bootsnav ul.nav > li > a:hover:after,nav.navbar.bootsnav ul.nav > li.on > a:after,nav.navbar.bootsnav ul.nav > li.active > a:after{ width:100%; left:0%; bottom:0;}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content:""; margin:0;}
nav.navbar.bootsnav li.dropdown .dropdown-menu{ width:160px; border:none; left:50%; margin-left:-80px; background:none; box-shadow:none; margin-top:0; padding:22px 0 0;}
nav.navbar.bootsnav li.dropdown .dropdown-menu:after{ position:absolute; left:50%; top:11px; margin-left:-11px; display:block; content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 0 11px 11px 11px;
border-color: transparent transparent rgba(0,0,0,0.6) transparent;
}
nav.navbar.bootsnav li.dropdown .dropdown-menu ul{ background:rgba(0,0,0,0.6); border-radius:5px; padding:20px 0 15px;}
nav.navbar.bootsnav li.dropdown .dropdown-menu ul > li{ padding:0 20px; text-align:center;}
nav.navbar.bootsnav li.dropdown .dropdown-menu ul > li > a{ border-bottom:1px solid #7f7f7f; font-size:14px; color:#FFFFFF; line-height:36px; white-space:nowrap;}
nav.navbar.bootsnav li.dropdown .dropdown-menu ul > li > a:hover{ font-weight:bold; background:none;}
nav.navbar.bootsnav li.dropdown .dropdown-menu ul > li:last-child > a{ border:none;}

.navRig{ line-height:86px; height:86px; font-size:14px; color:#777777; right:38px !important;}
.navRig > ul > li:first-child{ padding-right:10px;}
.navRig > ul > li{ padding-left:8px;}
.navRig > ul > li > a{ color:#777777; font-size:12px; color:#555555; border:1px solid #898989; display:inline-block; line-height:20px; padding:0; min-width:32px; text-align:center;}
.navRig > ul > li > a.CH{ background:#db0000; color:#FFFFFF; border-color:#db0000;}
.navRig > ul > li > a.EN:hover{ color:#db0000; border-color:#db0000;}

nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#db0000;}

.section { text-align:center; overflow:hidden;}
.mainbox3{ background:url(../images/mainbox3bg.jpg) center top no-repeat; background-size:cover;}
.mainbox4{ background:url(../images/mainbox4bg.jpg) right bottom no-repeat; background-size:cover;}
.mainbox5{ background:#f5f5f5;}
.mainbox6{ background:#f5f5f5;}
.main_box{ padding-top:86px;}

/*banner*/
.mainbox1{ padding:0 38px; display:block !important;}
.mainbox1 .fp-tableCell{ display:block;}
.banner{   height:100%;}
.banner .swiper-slide{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.banImg{ position:absolute; z-index:1; left:0; 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;
}
.banImg1{ width:26%; left:16%;}
.banImg2{ width:18%; left:41%; top:-5%;}
.banner .swiper-pagination{ margin:0; bottom:5%;}
.banner .swiper-pagination-bullet{ width:10px; height:10px; background:#FFFFFF; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#e10000;}

.mainbox1Bot{ padding:20px 11%; height:172px; position:absolute; left:0; width:100%; bottom:0; z-index:1; background:#FFFFFF; font-size:14px; color:#a9a8a8; line-height:26px; text-align:left; overflow:hidden;}
.mainbox1Bot a{ color:#a9a8a8;}
.mainbox1Bot a:hover{ color:#ce0000;}

.mainbox1BotCon1{ float:left; width:44%; padding:20px 50px 10px 10px; transform:translateX(-200%); -webkit-transform:translateX(-200%); transition:all 0.3s ease-out 0.5s; -webkit-transition:all 0.3s ease-out 0.5s;}
.mainbox1BotCon1 a{ display:block; height:100%;}
.mainbox1BotH3{ font-size:15px; color:#222222; padding-bottom:10px; overflow:hidden; line-height:22px;}
.mainbox1BotH3 i{ float:left; color:#ce0000; padding-right:8px; margin-top:4px;}
.main1Con1Tit{ color:#ce0000; float:left; padding-right:8px;}
.main1Con1More{ float:right; color:#555555; font-size:12px; text-transform:uppercase; font-family:'moreFont';}
.mainbox1Con1Text{ color:#a9a8a8; height:66px; overflow:hidden; padding-left:20px;}
.mainbox1BotCon1 a:hover h3,.mainbox1BotCon1 a:hover .main1Con1More,.main1Con1More:hover{ color:#ce0000; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}

.mainbox1BotCon2{ float:left; padding:20px 30px 10px; width:36%; border:1px solid #e5e5e5; border-top:none; border-bottom:none; min-height:110px; transform:translateY(200%); -webkit-transform:translateY(200%); transition:all 0.3s ease-out 0.3s; -webkit-transition:all 0.5s ease-out 0.5s;}
.mainbox1Con2List{ padding-left:20px;}
.mainbox1Con2List li a{ transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox1Con2List li span{ float:left; padding-right:15px;}

.mainbox1BotCon3{ float:left; padding:20px 0 0 30px; width:20%; transform:translateX(200%); -webkit-transform:translateX(200%); transition:all 0.3s ease-out 0.5s; -webkit-transition:all 0.3s ease-out 0.5s;}
.mainbox1BotCon3 h3{ font-size:15px; color:#666666;}
.mainbox1Con3{ padding:10px 0; color:#d00000; text-transform:uppercase; font-family:'moreFont';}
.mainbox1Con3num{ font-size:44px; line-height:44px; display:inline-block;}
.mainbox1Con3ico{ overflow:hidden;}
.mainbox1Con3ico i{
		animation:up 1.5s infinite linear;
-webkit-animation:up 1.5s infinite linear;
}
@keyframes up
{
from { transform:translateY(0); opacity:1;}
to {transform:translateY(-100%); opacity:0.2;}
}

@-webkit-keyframes up
{
from { transform:translateY(0); opacity:1;}
to {transform:translateY(-100%); opacity:0.2;}
}

.active .mainbox1BotCon1{ transform:translateX(0); -webkit-transform:translateX(0);}
.active .mainbox1BotCon2{ transform:translateY(0); -webkit-transform:translateY(0);}
.active .mainbox1BotCon3{ transform:translateX(0); -webkit-transform:translateX(0);}

.mainbox2Left{ position:absolute; left:0; top:0; width:50%; height:100%; padding-top:86px; font-size:32px; color:#FFFFFF; font-family:'moreFont'; overflow:hidden; cursor:pointer;
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;
}
.mainbox2LeftImg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:scale(1.1); -webkit-transform:scale(1.1);
transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox2LeftTit{ font-size:32px; color:#FFFFFF; font-family:'moreFont'; text-align:center; transform:scale(2); -webkit-transform:scale(2);
transition:all 0.9s ease-out 0.3s; -webkit-transition:all 0.9s ease-out 0.3s;
}
.mainbox2LeftTit span{ display:inline-block; position:relative; padding:35px 0; letter-spacing:15px; font-weight:bold;}
.mainbox2LeftTit span:after,.mainbox2LeftTit span:before{ position:absolute; left:0; width:100%; height:1px; background:#FFFFFF; display:block; content:""; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox2LeftTit span:before{ top:0;}
.mainbox2LeftTit span:after{ bottom:0;}
.mainbox2LeftBg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1); transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox2Left:hover .mainbox2LeftImg{ transform:scale(1); -webkit-transform:scale(1);}
.mainbox2Left:hover .mainbox2LeftBg{ background:rgba(0,0,0,0.05);}
.mainbox2Left:hover .mainbox2LeftTit span:before{
	-webkit-transform:rotate(45deg) translate(40px,30px);
	transform:rotate(45deg) translate(40px,30px);
}
.mainbox2Left:hover .mainbox2LeftTit span:after{
	-webkit-transform:rotate(-45deg) translate(50px,-40px);
	transform:rotate(-45deg) translate(50px,-40px);
}

.mainbox2Right{ position:absolute; right:0; top:0; width:50%; height:100%; padding:86px 12% 0; background:url(../images/mainbox2RigBg.jpg) right bottom #f3f3f3 no-repeat; background-size:cover;
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;
}
.mainbox2RightText{ width:100%; transform:translate(200px,200px) rotate(45deg); -webkit-transform:translate(200px,200px) rotate(45deg); opacity:0; transition:all 0.3s ease-out 0.5s; -webkit-transition:all 0.3s ease-out 0.5s;}
.mainTit{ line-height:36px;}
.mainTit h2{ font-size:26px; color:#222222; transform:translateY(-100px); -webkit-transform:translateY(-100px); opacity:0; transition:all 0.3s ease-out 0.5s; -webkit-transition:all 0.3s ease-out 0.5s;}
.mainTit span{ font-size:14px; color:#888888; font-family:'moreFont'; text-transform:uppercase;}
.active .mainTit h2{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.mainTitIco{ overflow:hidden;}
.mainTitIco span{ display:inline-block; vertical-align:middle; width:9px; height:9px; background:url(../images/mainTitIco.png) center center no-repeat; position:relative;}
.mainTitIco span:before,.mainTitIco span:after{ display:block; content:""; position:absolute; top:50%; width:70px; height:1px; background:#d3d3d3;}
.mainTitIco span:before{ left:-80px;}
.mainTitIco span:after{ right:-80px;}
.mainbox2RigCon{ font-size:14px; color:#555555; line-height:36px; margin:20px 0; max-height:360px; overflow:hidden; text-align:left; letter-spacing:1px;}
.mainbox2More{ font-size:14px; color:#ffffff; background:#d00000; font-family:'moreFont'; text-transform:uppercase; padding:9px 50px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox2More span{ display:inline-block; line-height:32px; vertical-align:middle;}
.mainbox2More i{ display:inline-block; background:url(../images/mainbox2More.png) center center no-repeat; vertical-align:middle; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox2More:hover,.mainbox2More:focus{ color:#FFFFFF; padding:9px 25px;}
.mainbox2More:hover i{ display:inline-block; width:7px; height:13px; margin-left:90px;}
.mainbox2Ico{ position:absolute; left:50%; margin-left:-90px; top:50%; margin-top:-90px; z-index:1; background:#ce0000; width:180px; height:270px; padding:20px; 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;
transition:all 0.3s ease-out 0.7s; -webkit-transition:all 0.3s ease-out 0.7s;
transform:scaleX(-1); -webkit-transform:scaleX(-1);
}
.mainbox2Ico img{ margin:0 auto;}
.mainbox2IcoLine{ width:80%; height:90%; border:1px solid rgba(255,255,255,0.4); position:absolute; left:10%; top:5%;}

.active .mainbox2LeftTit{ transform:scale(1); -webkit-transform:scale(1);}
.active .mainbox2Ico{ transform:scaleX(1); -webkit-transform:scaleX(1);}
.active .mainbox2RightText{ transform:translate(0,0) rotate(0); -webkit-transform:translate(0,0) rotate(0); opacity:1;}
.mainbox2Ico:hover img{
		animation:shake 5s infinite linear;
-webkit-animation:shake 5s infinite linear;
}

.mainbox3botBg{ position:absolute; left:0; bottom:0; width:100%; height:44%; background:url(../images/mainbox3botBg.jpg) center center no-repeat; background-size:cover; transform:scale(0.5); -webkit-transform:scale(0.5); transition:all 0.3s ease-out 0.3s; -webkit-transition:all 0.3s ease-out 0.3s;}
.mainbox3 .container{ padding-top:86px; position:relative; z-index:1;}
.mainbox3Brief{ font-size:15px; color:#666666; line-height:34px; max-height:102px; overflow:hidden; margin:20px 0 40px;}
.mainbox3Bot{ border:1px solid #c7c7c7; padding:130px 0 35px; position:relative;}
.mainbox3BotList{ padding:0 10%; overflow:hidden;}
.mainbox3BotList li{ transform:translateY(200px); -webkit-transform:translateY(200px); padding-bottom:15px;}
.mainbox3BotCon{ width:136px; height:136px; display:block; margin:0 auto; position:relative; z-index:1; overflow:hidden;
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;
}
.mainbox3BotCon:after{ display:block; content:""; position:absolute; left:0; top:100%; width:100%; height:100%; background:#db0000; z-index:-1; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox3BotCon img{ margin:0 auto 15px;}
.mainbox3BotCon h3{ font-size:16px; color:#FFFFFF; font-weight:bold;}

.mainbox3BotCon:hover:after{ top:0;}
.mainbox3BotCon:hover img{
		animation:swing 1s infinite linear;
-webkit-animation:swing 1s infinite linear;
}
.mainbox3More{ position:absolute; left:50%; margin-left:-80px; top:-18px; width:160px; height:36px; line-height:36px; font-size:13px; color:#ffffff; font-family:'moreFont'; background:#db0000; text-transform:uppercase; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox3More:hover,.mainbox3More:focus{ color:#FFFFFF; width:180px; margin-left:-90px;}
.active .mainbox3botBg{ transform:scale(1); -webkit-transform:scale(1);}
.active .mainbox3BotList li{ transform:translateY(0); -webkit-transform:translateY(0); transition:all 0.5s ease-out 0.3s; -webkit-transition:all 0.5s ease-out 0.3s;}
.active .mainbox3BotList li + li{ transition-delay:0.5s; -webkit-transition-delay:0.5s;}
.active .mainbox3BotList li + li + li{ transition-delay:1s; -webkit-transition-delay:1s;}
.active .mainbox3BotList li + li + li + li{ transition-delay:1.5s; -webkit-transition-delay:1.5s;}
.active .mainbox3BotList li + li + li + li + li{ transition-delay:2s; -webkit-transition-delay:2s;}

.mainbox4Con{ padding:0 6.5%; position:relative; z-index:1;}
.mainbox4TitLef{ float:left; line-height:36px; text-align:left;}
.mainbox4TitLef h2{ font-size:26px; color:#222222; transform:translateY(-100px); -webkit-transform:translateY(-100px); opacity:0; transition:all 0.3s ease-out 0.5s; -webkit-transition:all 0.3s ease-out 0.5s;}
.mainbox4TitLef span{ font-size:14px; color:#888888; font-family:'moreFont'; text-transform:uppercase; display:block; padding-bottom:15px;}
.mainbox4TitLine{ display:block; width:50px; height:2px; background:#d00000; font-size:0;}
.active .mainbox4TitLef h2{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}

.mainbox4TitRig{ float:right; font-size:0;}
.mainbox4TitRig li{ display:inline-block; vertical-align:middle; padding-left:10px;}
.mainbox4TitRig li a{ display:block; font-size:14px; color:#777777; background:#dddddd; line-height:32px; height:32px; padding:0 20px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox4TitRig li:last-child a{ background:#d00000; color:#FFFFFF; font-family:'moreFont'; text-transform:uppercase; width:140px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox4TitRig li a i{ display:inline-block; background:url(../images/mainbox2More.png) center center no-repeat; vertical-align:middle; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox4TitRig li a:hover{ color:#d00000;}
.mainbox4TitRig li:last-child a:hover{ padding:0 21px; color:#FFFFFF;}
.mainbox4TitRig li:last-child a:hover i{ display:inline-block; width:7px; height:13px; margin-left:40px;}

.mainbox4List{ margin-top:40px; position:relative;}
.mainbox4List .swiper-slide a{ display:block; height:100%;}
.mainbox4Img img{ width:100%;}
.mainbox4Time{ font-size:38px; color:#b2b2b2; text-align:left; font-family:'moreFont'; margin:20px 0 10px; line-height:38px; position:relative; padding-left:10px;}
.mainbox4Time:after{ display:block; content:""; position:absolute; left:0; top:50%; height:0; width:2px; background:#db0000; font-size:0; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox4H3{ font-size:16px; color:#555555; text-align:left; line-height:36px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox4Brief{ font-size:14px; color:#999999; line-height:26px; max-height:52px; overflow:hidden; text-align:left; margin:10px 0 15px;}
.mainbox4More{ width:70px; height:28px; line-height:28px; font-size:13px; color:#db0000; font-family:'moreFont'; position:relative; z-index:1;}
.mainbox4More:after{ display:block; content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:#db0000; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; z-index:-1;}
.mainbox4List .swiper-slide a:hover .mainbox4H3{ color:#d60000;}
.mainbox4List .swiper-slide a:hover .mainbox4Time:after{ height:100%; top:0;}
.mainbox4List .swiper-slide a:hover .mainbox4More{ color:#FFFFFF;}
.mainbox4List .swiper-slide a:hover .mainbox4More:after{ height:100%;}

.mainbox4BgIco{ position:absolute;}
#mainbox4BgIco1{ left:30%; top:30%;}
#mainbox4BgIco2{ right:10%; top:25%;}
#mainbox4BgIco3{ left:20%; top:90%;}

.mainbox4Btn{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#D00000; cursor:pointer; display:none;}
.mainbox4Btn i{ font-size:60px;}
.mainbox4Prev{ left:-30px;}
.mainbox4Next{ right:-30px;}
.mainbox4Btn.swiper-button-disabled{ color:#DDDDDD;}
.active .mainbox4List .swiper-slide{
		animation:bounceInLeft 1.5s linear 0.2s 1 alternate;
-webkit-animation:bounceInLeft 1.5s linear 0.2s 1 alternate;
}
.active .mainbox4List .swiper-slide + .swiper-slide{
		animation-name:bounceInUp;
-webkit-animation-name:bounceInUp;
}
.active .mainbox4List .swiper-slide + .swiper-slide + .swiper-slide{
		animation-name:bounceInRight;
-webkit-animation-name:bounceInRight;
}

.mainbox5List{ margin-top:40px; position:relative;}
.mainbox5List .swiper-slide{ transform:translateX(260px); -webkit-transform:translateX(260px); transition:all 0.3s ease-out 0.3s; -webkit-transition:all 0.3s ease-out 0.3s;}
.mainbox5List .swiper-slide:nth-child(2n){ transform:translateX(-260px); -webkit-transform:translateX(-260px);}
.mainbox5Link{ display:block; height:100%; position:relative; overflow:hidden;}
.mainbox5Img{ overflow:hidden;}
.mainbox5Img img{ width:100%; transform:scale(1.05); -webkit-transform:scale(1.05); transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox5Text{ position:absolute; left:5%; bottom:-100%; width:90%; height:62px; padding:19px 58px 19px 30px; background:rgba(208,0,0,0.8); text-align:left; overflow:hidden; transition:all 0.3s ease-out 0.1s; -webkit-transition:all 0.3s ease-out 0.1s;}
.mainbox5Text h3{ font-size:16px; color:#ffffff; margin:0; line-height:24px; transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all 0.3s ease-out 0.4s; -webkit-transition:all 0.3s ease-out 0.4s;}
.mainbox5Ico{ position:absolute; font-size:16px; color:#FFFFFF; top:19px; height:24px; border-left:1px solid #FFFFFF; padding-left:10px; right:-50px; transition:all 0.3s ease-out 0.4s; -webkit-transition:all 0.3s ease-out 0.4s;}
.mainbox5Bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25); z-index:1; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox5Link:hover .mainbox5Img img{ transform:scale(1); -webkit-transform:scale(1);}
.mainbox5Link:hover .mainbox5Bg{ top:-100%;}
.mainbox5Link:hover .mainbox5Text{ bottom:7%;}
.mainbox5Link:hover .mainbox5Text h3{ transform:translateX(0); -webkit-transform:translateX(0);}
.mainbox5Link:hover .mainbox5Ico{ right:20px;}
.active .mainbox5List .swiper-slide{ transform:translateX(0); -webkit-transform:translateX(0);}

.mainbox6 .main_box{ height:100%; padding-top:0;}
.mainbox6Con{ position:relative; height:100%; padding-top:86px;}
.mainbox6circle{ position:absolute; left:-50%; top:15%; width:21.35%; height:80%; background:url(../images/mainbox6circle.png) right center no-repeat; background-size:cover; transition:all 0.6s ease-out 0.3s; -webkit-transition:all 0.6s ease-out 0.3s;}
.mainbox6Con .mainbox4TitLef{ float:none; position:absolute; left:4%; top:53%; z-index:2;}

.mainbox6List{ height:100%;}
.mainbox6ListCon{ position:relative; height:100%;}
.mainbox6ListCon li{ height:33.33%; overflow:hidden; opacity:0; transition:all 0.5s ease-out 0.3s; -webkit-transition:all 0.5s ease-out 0.3s;}
.mainbox6ListCon li a{ display:block; height:100%; font-size:0; position:relative; z-index:1;}
.mainbox6Num{ width:10%; display:inline-block; vertical-align:middle; font-size:60px; color:#c7c7c7; text-align:center; font-family:'moreFont'; position:relative; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox6Num:after{ display:block; content:""; width:15px; height:15px; border:2px solid #d00000; border-radius:50%; background:#F5F5F5; position:absolute; right:-8px; top:50%; margin-top:-7px;}
.mainbox6Rig{ width:50%; padding-left:5%; height:100%; display:inline-block; vertical-align:middle; min-height:30px; font-size:12px; color:#888888; line-height:26px; border-left:1px solid #d8d8d8;}
.mainbox6RigBox{ 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;
}
.mainbox6RigCon{ text-align:left; position:relative; padding-left:80px; width:100%;}
.mainbox6RigCon h3{ font-size:17px; color:#111111; padding-bottom:10px;}
.mainbox6RigIco{ position:absolute; left:0; top:0;}
.mainbox6RigImg{ border-radius:50%; border:2px solid #b5b5b5; display:inline-block; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox6RigImg img{ padding:15px;}
.mainbox6RigImga{ position:absolute; left:2px; top:2px; border-radius:50%; border:2px solid #d00000; background:#d00000; opacity:0; transform:scale(0); -webkit-transform:scale(0); transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox6RigImga img{ padding:15px;}
.mainbox6More{ padding-left:15px; display:inline-block; vertical-align:middle; font-size:16px; color:#888888; line-height:26px; font-family:'moreFont'; text-transform:uppercase; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox6More i{ display:inline-block; vertical-align:middle; width:26px; height:2px; background:#bababa; font-size:0; margin-left:23px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mainbox6ListCon li a:after,.mainbox6ListCon li a:before{ display:block; content:""; position:absolute; left:0; width:100%; height:0%; background:#eeeeee; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; z-index:-1;}
.mainbox6ListCon li a:after{ top:0;}
.mainbox6ListCon li a:before{ bottom:0;}
.mainbox6ListCon li a:hover:after,.mainbox6ListCon li a:hover:before{ height:50%;}
.mainbox6ListCon li a:hover .mainbox6Num{ color:#d00000;}
.mainbox6ListCon li a:hover .mainbox6RigImg{ opacity:0;}
.mainbox6ListCon li a:hover .mainbox6RigImga{ opacity:1; transform:scale(1); -webkit-transform:scale(1);}
.mainbox6ListCon li a:hover .mainbox6More{ color:#d00000; transform:translateX(20px); -webkit-transform:translateX(20px);}
.mainbox6ListCon li a:hover .mainbox6More i{ background:#d00000;}

.mainbox6.cut .mainbox4TitLef h2{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.active .mainbox6ListCon li,.cut .mainbox6ListCon li{ opacity:1;}
.active .mainbox6ListCon li + li,.cut .mainbox6ListCon li + li{ transition-delay:0.7s;}
.active .mainbox6ListCon li + li + li,.cut .mainbox6ListCon li + li + li{ transition-delay:1.1s;}
.active .mainbox6circle,.cut .mainbox6circle{ left:0;}


.footer{ background:#b10c0c; color:#ea8a8a; overflow:visible;}
.footer a{ color:#ea8a8a; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.footer a:hover{ color:#e95959;}
.footerAdd p{ display:inline-block; padding:0 20px;}
.friendLink span{ padding:0 10px;}
.copyright{ font-size:13px; color:#ea8a8a; line-height:30px; padding:25px 15px;}
.footerShare{ padding:20px 0 0;}
.footerShare li{ position:relative;}
.footerShare li a{ font-size:18px;}
.wx{ padding:10px; background:#FFFFFF; border:1px solid #dcdcdc; font-size:13px; color:#666666; line-height:22px; width:164px; height:186px; position:absolute; left:-62px; top:-196px; z-index:1; display:none;}

.footerShare li:hover .wx{ opacity:1;}

#navPage{ position:fixed; right:1%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:right; transition:all 0.1s ease-out 0s; -webkit-transition:all 0.1s ease-out 0s;}
#navPage.noactive{ right:-10%;}
#navPage li{ position:relative; padding:15px 0;}
#navPage li:before{ display:block; content:""; position:absolute; right:1px; top:0; height:20px; width:1px; background:#d3d3d3;}
#navPage li:after{ display:block; content:""; position:absolute; right:1px; bottom:0; height:20px; width:1px; background:#d3d3d3;}
#navPage li:nth-child(1):before{ display:none;}
#navPage li:nth-child(6):after{ display:none;}
#navPage li a{ font-size:12px; color:#888888; padding-right:15px; display:block;}
#navPage li a:before{ width:3px; height:3px; display:block; content:""; position:absolute; right:0; top:50%; margin-top:-1px; background:#d3d3d3; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
#navPage li a:after{ width:9px; height:9px; display:block; content:""; position:absolute; right:-50px; top:50%; margin-top:-4px; background:url(../images/mainTitIco.png) center center no-repeat; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
#navPage li a span{ display:block; opacity:0; transform:translateX(-20px); -webkit-transform:translateX(-20px); transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
#navPage li.active a:before{ right:-50px;}
#navPage li.active a:after{ right:-3px;}
#navPage li.active a span,#navPage li a:hover span{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0);}

.mainTopBg{ background:url(../images/mainTopBg.jpg) center top #f5f5f5 no-repeat; background-size:cover;}
.mainTop{ padding-top:86px;}
.mainTopCon{ padding:40px 0;}
.breadcrumbCon{ float:right; line-height:34px; background:url(../images/mainTitIco.png) left 12px no-repeat; padding-left:13px; font-size:12px; color:#999999;}
.breadcrumbCon a{ color:#999999; padding:0 5px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.breadcrumbCon a:hover{ color:#CE0000;}

.classify{ float:left; overflow:hidden;}
.classify li{ float:left; margin-right:10px;}
.classify li a{ display:block; min-width:110px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#FFFFFF; background:#aaaaaa; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.classify li a:hover,.classify li a.active{ background:#ce0000;}

.bannerN{ position:relative; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.bannerN .container{ position:absolute; height:100%; top:0; left:0;}
.bannerN .mainbox4TitLef{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:15px;}
.bannerN .mainbox4TitLef h2{ color:#FFFFFF;}
.bannerN .mainbox4TitLef span{ color:#FFFFFF;}

.onepageBg{ font-size:14px; color:#777777; line-height:28px;}
.onepageBoxBg{ background:#FFFFFF; padding:50px 0;}
.onepageBoxBg1{ background:#FFFFFF; padding:50px 0;}
.gray{ background:#f5f5f5;}
.onepageBoxBg img{ max-width:100%;}
.onepageH3{ font-size:24px; color:#ce0000; line-height:28px; padding-bottom:20px;}
.onepageH3 span{ font-size:26px; font-family:Verdana, sans-serif; text-transform:uppercase;}
.onepageH4{ font-size:18px; color:#010101; line-height:28px;}
.onepageBotItem{ font-size:0; margin:0 -10px;}
.onepageBotItem li{ padding:0 10px 10px;}

.commonwealTopBg{ background:url(../images/commonwealTopBg.png) center top no-repeat;}
.commonwealTop{ text-align:center;}
.commonwealTit{ overflow:hidden; font-size:32px; color:#ce0000; line-height:36px; text-align:center; padding:22px 0;}
.commonwealTit span{ display:inline-block; position:relative;}
.commonwealTit span:before,.commonwealTit span:after{ display:block; content:""; width:100px; height:16px; position:absolute; top:50%; margin-top:-8px;}
.commonwealTit span:before{ left:-120px; background:url(../images/commonwealTitL.png) right center no-repeat;}
.commonwealTit span:after{ right:-120px; background:url(../images/commonwealTitR.png) left center no-repeat;}

.commonwealH4{ font-size:22px; color:#ce0000; padding-bottom:25px;}
.commonwealH4 img{ vertical-align:middle; margin-top:-2px;}
.commonwealList{ margin:0 -10px;}
.commonwealList li{ padding:0 10px 20px;}
.commonwealList li a{ display:block; height:100%;}
.commonwealImg{ position:relative; overflow:hidden; margin-bottom:10px;}
.commonwealImg img{ width:100%; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.commonwealShadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.commonwealName{ font-size:13px; color:#333333; line-height:30px; position:relative; padding-right:20px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.commonwealName:after{ display:block; content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:15px; height:15px; background:url(../images/commonwealNamebg.png) -15px center no-repeat; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.commonwealList li a:hover .commonwealImg img{ transform:scale(1.05);}
.commonwealList li a:hover .commonwealShadow{ background:rgba(0,0,0,0.1);}
.commonwealList li a:hover .commonwealName{ color:#ce0000;}
.commonwealList li a:hover .commonwealName:after{ background-position:0 center;}

.artlistBox{ margin-top:-12px;}
.artlistBox li{ border-bottom:1px solid #eaeaea;}
.artlistBox li a{ display:block; height:100%; padding:40px 140px 40px 388px; position:relative; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.artlistImg{ position:absolute; left:38px; top:40px; width:302px; height:168px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.artlistImg img{ display:none;}
.artlistTit{ font-size:18px; color:#222222; height:36px; line-height:36px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.artlistBrief{ font-size:13px; color:#9d9d9d; line-height:24px; height:72px; overflow:hidden; margin:15px 0;}
.artlistTime{ font-size:13px; color:#999999; line-height:22px;}
.artlistTime span{ padding-right:20px;}
.artlistIco{ position:absolute; right:30px; top:50%; margin-top:-20px; width:39px; height:39px; border:1px solid #cacaca; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.artlistIco:before,.artlistIco:after{ display:block; content:""; position:absolute; background:#cacaca; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.artlistIco:before{ width:15px; height:1px; left:50%; top:50%; margin-left:-7px;}
.artlistIco:after{ width:1px; height:15px; top:50%; left:50%; margin-top:-7px;}
.artlistBox li a:hover{ background:#f7f7f7;}
.artlistBox li a:hover .artlistTit{ color:#d00000;}
.artlistBox li a:hover .artlistIco{ background:#d00000; border-color:#d00000; transform:translateX(-10px); -webkit-transform:translateX(-10px);}
.artlistBox li a:hover .artlistIco:after,.artlistBox li a:hover .artlistIco:before{ background:#FFFFFF;}

.page{ padding:50px 0 10px;}
.page img{ margin:0 auto;}

.articleTop{ border-bottom:1px solid #eaeaea; padding-bottom:20px;}
.articleH1{ font-size:22px; color:#333333; line-height:160%;}
.articleTime{ padding:10px 0;}
.articleTime span{ font-size:13px; color:#999999; line-height:22px; padding:0 10px; display:inline-block;}
.articleCen{ padding:30px 0 0;}
.articleCen p{ text-indent:2em;}

.articleShare{ font-size:0; padding:55px 0;}
.articleShare i,.articleShare strong,.articleShare a{ display:inline-block; vertical-align:middle; font-size:15px; color:#555555; margin:0 4px;}
.articleShare a{ width:29px; height:28px; background:url(../images/shareIco.png) no-repeat; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.articleShare a.shareIco1{ background-position:0 0;}
.articleShare a.shareIco2{ background-position:-29px 0;}
.articleShare a.shareIco3{ background-position:-58px 0;}
.articleShare a.shareIco4{ background-position:-87px 0;}
.articleShare a.shareIco5{ background-position:-116px 0;}
.articleShare a.shareIco1:hover{ background-position:0 -28px;}
.articleShare a.shareIco2:hover{ background-position:-29px -28px;}
.articleShare a.shareIco3:hover{ background-position:-58px -28px;}
.articleShare a.shareIco4:hover{ background-position:-87px -28px;}
.articleShare a.shareIco5:hover{ background-position:-116px -28px;}

.pagerBox{ font-size:0;}
.pagerBox a{ display:inline-block; vertical-align:middle; font-size:13px; color:#333333; line-height:20px; padding:20px 0;}
.returnList{ width:12%; margin:0 0.5%; background:#ce0000; text-align:center; color:#FFFFFF !important; font-size:14px !important;}
.returnList i{ padding-right:5px;}
.pagerPrev,.pagerNext{ width:43.5%; background-color:#f1f1f1;}
.pagerPrev{ background-image:url(../images/pagerPrev.png); background-position:4% center; background-repeat:no-repeat; padding-left:5% !important;}
.pagerNext{ background-image:url(../images/pagerNext.png); background-position:96% center; background-repeat:no-repeat; padding-right:5% !important; text-align:right;}
.pagerBox a:hover{ color:#ce0000;}


.information{}
.information li{ padding-bottom:16px;}
.information li:last-child{ padding-bottom:0;}
.information li a{ display:block; height:100%; line-height:50px; background:url(../images/informationbg.png) 30px center #f6f6f6 no-repeat; padding-left:65px; font-size:14px; color:#555555; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.inforTime{ float:left; width:110px; color:#666666; font-family:'moreFont'; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.information li a:hover{ background-image:url(../images/informationbga.png); background-color:#ce0000; color:#FFFFFF;}
.information li a:hover .inforTime{ color:#FFFFFF;}

.noticeList li a{ padding:30px 140px 30px 360px;}
.noticeList .artlistImg{ width:300px; height:126px; left:20px; top:30px;}
.noticeList .artlistTit{ padding:8px 0; height:52px; font-size:16px;}
.noticeList .artlistBrief{ font-size:12px; line-height:25px; height:50px; margin:10px 0;}
.noticeTime{ position:absolute; right:20px; top:40px; font-size:30px; color:#888888; font-family:'moreFont';}
.noticeList .artlistIco{ width:25px; height:25px; right:65px; top:100px; opacity:0; transform:translateY(-20px); -webkit-transform:translateY(-20px);}

.noticeList li a:hover{ background:none;}
.noticeList li a:hover .artlistIco{ opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0); background:none; border-color:#dcdcdc;}
.noticeList li a:hover .artlistIco:after,.noticeList li a:hover .artlistIco:before{ background:#cacaca;}

.joinTop{ text-align:center; font-size:14px; color:#777777; line-height:36px; border-bottom:1px solid #dfdfdf; padding:10px 0 30px;}
.joinTop h3{ font-size:24px; color:#ce0000; line-height:30px; padding-bottom:20px;}
.joinTop strong{ color:#222222; font-size:16px;}

.joinBot{ font-size:0; padding:50px 13% 0; text-align:center;}
.joinBotLef{ width:57%; display:inline-block; vertical-align:top; font-size:14px; color:#666666; line-height:34px; text-align:left;}
.joinBotRig{ width:43%; display:inline-block; vertical-align:top; height:220px; font-size:14px; color:#666666; line-height:24px;}
#dituContent{ width:100%; height:200px;}

.joinSearch{ padding-bottom:50px; text-align:center;}
.joinSelect,.joinInput,.joinBtn{ display:inline-block; vertical-align:top;}
.joinSelect,.joinInput{ line-height:42px; background:#F2F2F2; height:42px; width:225px; margin:0 6px 8px 0; position:relative;}
.joinBtn{ line-height:42px; height:42px; width:96px; color:#FFFFFF; text-align:center; font-size:16px; font-weight:bold; background:#C81428;}
.joinBtn:hover,.joinBtn:focus{ background:#C81428; color:#FFFFFF;}
.joinInp1,.joinInp2{ padding:0px 10px; width:100%; height:42px; border:none; background:none; font-size:14px; line-height:42px; color:#333;}
.joinOption{ display:none; padding:5px 0px; width:100%; position:absolute; left:0px; top:42px; line-height:28px; text-align:left; background:#F2F2F2; border-top:1px solid #DDDDDD;}
.joinOption li{ padding:0 15px; font-size:12px; color:#333333; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer;}
.joinOption li:hover{ background:#E8E8E8;}


.joinlist{ border-top:3px solid #c81428;}
.joinlist li{}
.joinlist li h2{ background:#f8f8f8; border-bottom:1px solid #e2e2e2; font-size:15px; color:#262626; overflow:hidden; line-height:56px; font-weight:bold;}
.joinlist li h2 span i{ color:#c8c8c8; margin-right:8px;}
.joinS1{ float:left; padding-left:20px; width:38%;}
.joinS2{ float:left; padding-left:20px; width:15%;}
.joinS3{ float:left; padding-left:20px; width:17%;}
.joinS4{ float:left; padding-right:20px; width:15%; text-align:right;}
.joinlist li h3{ border-bottom:1px solid #dddddd; font-size:13px; color:#666666; overflow:hidden; line-height:56px; cursor:pointer;}
.joinlist li h3 span{ padding-left:40px;}
.joinS4Ico{ display:none; display:block; background:url(../images/joinS4Ico.jpg) 80% center no-repeat; height:56px;}
.joinText{ color:#666666; font-size:13px; line-height:30px; padding:50px 70px; background:#F5F5F5; display:none;}
.joinTextM{ padding-bottom:20px;}
.joinTextCen{ margin:0 -54px; padding-bottom:30px; overflow:hidden;}
.joinTextCenCon{ float:left; width:50%; padding:0 54px;}
.joinTextCenCon h4{ font-size:16px; color:#262626; line-height:30px;}
.joinTextBot{ overflow:hidden;}
.joinTextBotBtn{ width:200px; height:46px; line-height:46px; background:#ce0000; color:#FFFFFF; font-size:17px; display:block; text-align:center; border-radius:4px;}
.joinTextBotBtn:hover,.joinTextBotBtn:focus{ color:#FFFFFF;}
.joinTextBot p.pull-right{ font-weight:bold; color:#222222;}
.joinTextBot p.pull-right a{ color:#ce0000; font-weight:normal; text-decoration:underline;}
.joinlist li.active .joinS4Ico,.joinlist li:hover .joinS4Ico{ background-image:url(../images/joinS4Icoa.jpg);}

.contactWay{ font-size:0;}
.contactWay li{ display:inline-block; vertical-align:top; font-size:15px; color:#666666; line-height:28px; width:33.33%; padding:0 50px 20px;}
.contactWay li .media-left{ font-size:20px; color:#ce0000;}
.contactWay li:nth-child(2),.contactWay li:nth-child(5){ padding-left:100px;}
.contactWay li:hover .media-left{
		animation:flash 1s linear 1 alternate;
-webkit-animation:flash 1s linear 1 alternate;
}



.contactOther{ font-size:0;}
.contactWx,.contactSina,.contactQQ{ display:inline-block; vertical-align:top; padding-left:50px; width:33.33%;}
.contactSina,.contactQQ{ padding-left:100px;}

.contactWxL{ display:inline-block; vertical-align:middle;}
.contactWxL img{ border:1px solid #dddddd;}
.contactWXR{ display:inline-block; vertical-align:middle; font-size:15px; color:#888888; line-height:28px; padding-left:20px;}
.contactWXR img{
		animation:swing 2s linear infinite alternate;
-webkit-animation:swing 2s linear infinite alternate;
}

.contactQQ{ font-size:14px; color:#999999; line-height:22px;}
.contactQQ h4{ font-size:30px; color:#ce0000; font-family:'moreFont';}

.contactOthTit{ font-size:18px; color:#333333; line-height:22px; padding-bottom:20px;}
.contactOthTit i{ color:#ce0000; margin-right:10px;}

.contactMap{ height:370px !important;}

.caselist{ margin:0 -7px;}
.caselist li{ padding:0 7px 14px;}
.caselist .mainbox5Ico{ line-height:18px;}
.caselist .mainbox5Bg{ top:-100%;}
.caselist .mainbox5Text{ bottom:5%; padding:10px 58px 10px 15px; height:44px;}
.caselist .mainbox5Ico{ top:11px;}
.caselist .mainbox5Link:hover .mainbox5Text{ bottom:5%;}
.caselist .mainbox5Link .mainbox5Text h3{ transform:translateX(0); -webkit-transform:translateX(0);}
.caselist .mainbox5Link .mainbox5Ico{ right:20px;}

.caseName{ position:absolute; width:100%; text-align:center; bottom:30px;}

.history{ position:relative; padding-left:170px;}
.historyLef{ position:absolute; left:0; top:30px; width:95px; padding:20px 0;}
.historyLef .swiper-container{ height:400px; padding:30px 0 0;}
.historyLef .swiper-container:after{ display:block; content:""; position:absolute; top:0; right:7px; width:1px; height:100%; background:#d8d8d8;}
.historyLefYear{ font-size:18px; color:#333333; font-family:'moreFont'; font-weight:bold; position:relative; padding-right:25px; text-align:right; cursor:pointer;}
.historyLefYear:before{ display:block; content:""; position:absolute; right:0; top:50%; margin-top:-7px; width:15px; height:15px; border:2px solid #d00000; border-radius:50%; background:#FFFFFF;}
.historyLefYear:after{ display:block; content:""; position:absolute; right:4px; top:50%; margin-top:-3px; width:7px; height:7px; border-radius:50%; background:#d00000; opacity:0; transform:scale(0); -webkit-transform:scale(0); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.swiper-slide.active .historyLefYear{ color:#ce0000;}
.swiper-slide.active .historyLefYear:after{ opacity:1; transform:scale(1); -webkit-transform:scale(1);}

.historyLefUp,.historyLefDown{ position:absolute; width:11px; height:12px; right:2px; cursor:pointer;}
.historyLefUp{ background: url(images/historyLefUp.png) center center no-repeat; top:0;}
.historyLefDown{ background:url(images/historyLefDown.png) center center no-repeat; bottom:0;}

.historyItem{ border-bottom:1px solid #e5e5e5; padding:10px 0; position:relative;}
.historyIco{ width:24px; height:24px; background:url(../images/historyItemIco.png) center center no-repeat; position:absolute; right:0; top:30px; display:none;}
.historyItem.active .historyIco{ background-image:url(../images/historyItemIcoa.png);}
.historyItem.on .historyIco{ display:block;}
.historyItemYear{ font-size:38px; color:#222222; font-family:'moreFont'; padding:15px 0;}
.historyItemYear span{ font-size:22px; color:#777777; text-transform:capitalize; padding-left:15px;}
.historyList{ overflow:hidden;}
.historyList li{ font-size:16px; color:#777777; line-height:32px; padding-left:10px; position:relative;}
.historyList li:before{ display:block; content:""; width:4px; height:4px; border-radius:50%; background:#ce0000; position:absolute; left:0; top:13px;}

/*20170508*/
.navRig > ul > li > a.searchBtn{ border:none; font-size:15px; color:#db0000; min-width:20px;}
.navRig > ul > li > a.navRigLine{ border:none; font-size:15px; color:#db0000; min-width:20px;}
.searchBg{ display:none;}
.searchBox{ position:relative; height:86px;}
.colseSear{ position:absolute; right:0; top:50%; width:18px; height:18px; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:url(../images/colse.png) center center no-repeat; background-size:cover; cursor:pointer;}
.search{ float:right; width:60%; margin-right:12.5%; position:relative; height:42px; margin-top:23px;}
.searchInput{ border:1px solid red; background:#FFFFFF; background:none; width:100%; padding:5px 30px; line-height:32px;}
.searchLef{ position:absolute; left:10px; line-height:40px; font-size:18px; color:#db0000; text-align:left;}
.searchIco{ position:absolute; right:10px; top:0; width:20px; height:100%; background:url(../images/searchIco.png) center center no-repeat; cursor:pointer;}

.caseTop{ padding-bottom:35px;}
.caseTopSel{ float:left; width:236px; height:40px; margin:0 10px 15px 0; position:relative;}
.caseTopTit{ display:block; border:1px solid #b7b7b7; position:relative; padding:5px 30px 5px 10px; line-height:28px; cursor:pointer;}
.caseTopTit:after{ position:absolute; right:12px; top:17px; display:block; content:""; width:0; height:0; border-top:5px solid #b7b7b7; border-left:5px solid transparent; border-right:5px solid transparent;}
.caseTopUl{ position:absolute; left:0; top:40px; width:100%; border:1px solid #b7b7b7; background:#FFFFFF; z-index:2; display:none;}
.caseTopUl li{ padding:0 10px; cursor:pointer; line-height:36px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.caseTopUl li:hover{ background:#b7b7b7; color:#FFFFFF;}

.caseTopSea{ float:left; width:236px; height:40px; margin-bottom:15px; position:relative;}
.caseTopSeaBtn{ position:absolute; right:0; top:0; width:40px; color:#999999; font-size:14px; line-height:40px; text-align:center; z-index:1;}
.caseTopSeaBtn:hover,.caseTopSeaBtn:focus{ color:#999999;}
.caseTopInput{ display:block; width:100%; background:#FFFFFF; border:1px solid #b7b7b7; position:relative; padding:5px 0 5px 10px; line-height:28px; height:40px;}

.hgInput{ appearance:none; -webkit-appearance:none;}
.messageBox{ padding:30px 0;}
.messageList{ margin:0 -10px;}
.messageList li{ padding:15px 10px}
.messageList li label{ font-size:15px; color:#444444; font-weight:normal;}
.messItem{ position:relative;}
.messIco{ position:absolute; left:0; width:30px; top:0; padding-left:5px; line-height:40px; text-align:center; font-size:14px; color:#c7c7c7;}
.messInput,.messText{ border:1px solid #d8d8d8; background:#FFFFFF; padding:5px 1px 5px 30px; width:100%; line-height:30px;}
.messInput{ height:42px;}
.messItem .caseTopSel{ margin:0; float:none; width:100%; height:42px; background:#FFFFFF;}
.messItem .caseTopTit{ border-color:#d8d8d8;}
.messItem .caseTopUl li{ padding:0 10px;}
.messBtn{ display:block; height:45px; line-height:45px; color:#FFFFFF; text-align:center;}
.messBtn1{ background:#ce0000;}
.messBtn2{ background:#9b9b9b;}
.messBtn:hover,.messBtn:focus{ color:#FFFFFF;}

.registerBg{ background:url(../images/registerBg.jpg) center top no-repeat; background-size:cover;}
.register{ max-width:1100px; margin:90px auto; background:#FFFFFF; background:rgba(255,255,255,0.95); box-shadow:0 0 20px rgba(0,0,0,0.2); min-height:400px;}
.regLef{ float:left; width:57%; padding:30px 60px;}
.rigTit{ font-size:24px; color:#333333; line-height:150%; padding-bottom:10px;}
.regList{ padding:20px 0 0;}
.regList li{ position:relative; padding-bottom:15px;}
.regIco{ position:absolute; left:0; top:0; width:25px; line-height:42px; font-size:15px; color:#aaaaaa;}
.regIco2{ left:auto; right:0; text-align:right; cursor:pointer;}
.reginput{ display:block; width:100%; border:none; border-bottom:1px solid #cdcdcd; background:none; padding:5px 10px 5px 25px; line-height:32px; font-size:15px;}
.regYzm{ display:inline-block; vertical-align:middle; width:234px; margin-right:15px; position:relative;}
.regYzm .reginput{ padding:5px 25px;}
.yzmImg{ border:1px solid #cccccc; max-height:40px;}
.loginFor{ padding:10px 0 0;}
.regLef .pull-left,.regLef .pull-right{ color:#999999; font-weight:normal;}
.regBot{ padding-top:20px; font-size:13px; color:#777777;}
.regBot p{ display:inline-block;}
.regBtn{ display:inline-block; width:138px; height:42px; line-height:42px; color:#FFFFFF; text-align:center; background:#db0000; margin-right:5px; margin-bottom:10px;}
.regBtn:hover,.regBtn:focus{ color:#FFFFFF;}
.regBot a.cor_red{ color:#c7000a;}
.regRig{ float:right; width:43%; background:url(../images/regRigImg.png) right top no-repeat; background-size:contain;
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;
}
.regRig img{ margin:0 auto;}
.login{ margin:122px auto;}

.perTopBg{ background:url(../images/ban_personal.jpg) center center no-repeat; background-size:cover;}
.perBg{ background:url(../images/personalBg.png) center center no-repeat; background-size:cover;}
.perTop{ padding:55px 0; color:#FFFFFF; line-height:34px;}
.perTop a,.perTop a:hover,.perTop a:focus{ color:#FFFFFF;}
.exit{ float:right;}
.exit i{ display:inline-block; width:24px; height:24px; border-radius:50%; border:2px solid #FFFFFF; text-align:center; line-height:20px; margin-right:10px;}
.perTopText{}
.perTopText i{ font-size:22px;}
.perTopText span{ font-size:24px; padding:0 10px;}
.personal{ padding:35px 0 40px;}
.perLef{ float:left; width:150px; box-shadow:0 0 4px rgba(0,0,0,0.1); background:#FFFFFF; min-height:514px;}
.perLefTop{ background:#666666; padding:30px 0; font-size:20px; line-height:50px; color:#FFFFFF; text-align:center;}
.perLefList{ text-align:center;}
.perLefList li{ border-bottom:1px solid #f0f0f0;}
.perLefList li a{ display:block; line-height:50px; font-size:13px; color:#6d6d6d;}
.perLefList li a i{ padding-right:8px; font-size:14px; color:#9d9d9d;}
.perLefList li a:hover,.perLefList li a.active,.perLefList li a:focus{ color:#db0000; font-weight:bold;}
.perLefList li a:hover i,.perLefList li a.active i,.perLefList li a:focus i{ color:#db0000;}
.perRig{ margin-left:180px; box-shadow:0 0 4px rgba(0,0,0,0.1); background:#FFFFFF; padding:15px 40px; min-height:514px;}
.perRigH2{ font-size:16px; color:#000000; line-height:34px; padding:10px 0; border-bottom:1px solid #dedede;}
.perRigH2 i{ color:#db0000;}

.perList{ overflow:hidden; max-width:630px; font-size:14px; color:#666666; padding:40px 0 0;}
.perList li{ line-height:32px; padding-bottom:12px;}
.perLabel{ float:left; width:130px; text-align:right; padding-right:15px;}
.perRigCon{ margin-left:130px;}
.perInput{ border:1px solid #b9b9b9; width:100%; padding:5px 10px; line-height:22px; background:#FFFFFF;}
.perRigCon input[type="radio"]{ margin:9px 0 0 -20px;}
.perSelBox{}
.perSel{ width:32.8%; font-size:14px; border:1px solid #b9b9b9; line-height:32px; height:32px; padding-right:15px; background:url(../images/selectBg.png) 98% center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; position:relative; cursor:pointer;}
.perSel option{ appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.perBtn{ width:142px; height:38px; background:#db0000; border-radius:4px; color:#FFFFFF; text-align:center; border:none; margin-top:18px;}

.password{ max-width:484px;}
.password .cor_red{ position:relative; top:3px; padding-right:10px;}
.password .perLabel{ text-align:left; padding:0 0 0 15px;}

.resumeTop{ background:#f9f9f9; padding:15px; line-height:30px; border:1px solid #e5e5e5; font-size:14px; color:#808080; margin:30px 0;}
.resumeBot{ position:relative;}
.resumeBot input[type="file"]{ width:142px; height:38px; position:relative; z-index:1; opacity:0; -webkit-opacity:0; cursor:pointer; display:inline-block; vertical-align:middle; margin-right:10px;}
.fileBtn{ width:142px; height:38px; line-height:38px; background:#db0000; border-radius:4px; color:#FFFFFF; text-align:center; position:absolute; top:0; left:0;}
.resumeBot .help-block { display:inline-block; font-size:12px; color:#969696; line-height:38px; margin:0;}


.caseShadow{ position:absolute; left:0; bottom:0; width:100%; height:40%;
background: -webkit-linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.5));
background: -o-linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.5));
background: -moz-linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.5));
background: linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.5));
}
.caseTit{ color:#FFFFFF; position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:30px; padding:20px 0;background:rgba(0,0,0,0.5);}
.probar{ position:absolute; left:0; bottom:0; width:100%; height:5px; background:rgba(255,255,255,0.6); z-index:1;}
.probar i{ position:absolute; left:0; top:0; display:block; width:0; height:100%; background:#ce0000;}
.swiper-slide-active .probar i{ animation:probarLoad 5.7s linear 0s; -webkit-animation:probarLoad 5.7s linear 0s;}

.caseDtop{ position:relative;}
.caseDtop .swiper-slide{ background:url(../images/loading.gif) center center #FFFFFF no-repeat;}
.caseDImg{ position:relative; overflow:hidden;}
.caseDImg img{}
.swiper-slide-active .caseDImg img{ animation:imagebig 6s linear 0s; -webkit-animation:imagebig 6s linear 0s;}
.caseTopPrev,.caseTopNext{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:60px; height:60px; cursor:pointer; opacity:0.6; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s; z-index:1;}
.caseTopPrev{ left:4%; background:url(../images/caseTopPrev.png) center center rgba(206,0,0,0.7) no-repeat;}
.caseTopNext{ right:4%; background:url(../images/caseTopNext.png) center center rgba(206,0,0,0.7) no-repeat;}
.caseTopPrev:hover,.caseTopNext:hover{ opacity:1;}
.caseDbot{ padding:55px 0; background:#eaeaea;}
.caseBotImg{ background-position:center center; background-repeat:no-repeat; background-size:cover; height:114px; position:relative; cursor:pointer;}
.caseBotImg:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.caseBotImg img{ display:none;}
.swiper-slide-active .caseBotImg:after{ border:5px solid #ce0000;}
.caseDbot .container{ position:relative;}
.caseBotPrev,.caseBotNext{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:29px; height:51px; cursor:pointer; opacity:0.6; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.caseBotPrev{ left:-40px; background:url(../images/caseBotPrev.png) left center no-repeat; background-size:cover;}
.caseBotNext{ right:-40px; background:url(../images/caseBotNext.png) left center no-repeat; background-size:cover;}
.caseBotPrev:hover,.caseBotNext:hover{ opacity:1;}

/*20170518*/
.joinTit{ font-size:30px; color:#333333; line-height:120%;}
.joinapply .messIco{ font-size:18px; color:#bcbcbc;}
.joinapply .messInput,.joinapply .messText{ background:none; border-color:#c9c9c9;}
.joinapply .caseTopSel{ background:none;}
.joinapply .caseTopTit{ background:none; padding:5px 30px;}
.messItem .perSel{ width:49.2%; height:42px; line-height:42px; border:1px solid #c9c9c9; padding-left:5px; background-image:url(../images/selectBg2.png); background-position:96% center;}
.messItem .perSel option{ padding:5px;}

/*20180814*/
.fenleiBg{ border-top:1px solid #c9c9c9; padding:15px 0 0; margin-top:25px; margin-bottom:-20px;}
.fenlei{ font-size:0; margin:0 -15px;}
.fenlei li{ line-height:30px; padding:0 15px; font-size:14px;}
.fenlei li a{ display:block; color:#555555;}
.fenlei li a.active{ font-weight:bold; color:#ce0000;}

@keyframes imagebig { 
	0% {
	    transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% { 
	    transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
}
@-webkit-keyframes imagebig{
	0% {
	    transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
	    transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
}
@keyframes probarLoad { 
	0% {
		width:0;
	}
	100% {
		width:100%;
	}
}
@-webkit-keyframes probarLoad{
	0% {
		width:0;
	}
	100% {
		width:100%;
	}
}

@media (min-width:768px){
	.bannerN .container{ margin-left:-375px; left:50%;}
}
@media (min-width:992px){
	.bannerN .container{ margin-left:-485px;}
}
@media (min-width:1200px){
	.bannerN .container{ margin-left:-585px;}		
}
@media (min-width:1230px){
	.container{ width:1230px;}
	.bannerN .container{ margin-left:-615px;}
}
@media (max-width:1600px){
	.mainTit{ line-height:28px;}
	.mainbox2Right{ padding:86px 8% 0;}
	.mainbox3Brief{ margin:10px 0 30px;}
	.mainbox4TitLef{ line-height:26px;}
	.mainbox4TitLef span{ padding-bottom:5px;}
	.mainbox4List{ margin-top:25px;}
	.mainbox4Time{ font-size:28px; line-height:28px; margin:15px 0 5px;}
	.mainbox4Brief{ margin:0 0 10px;}
	.mainbox5List{ margin-top:25px;}
	.mainbox5Text{ height:52px; padding:14px 58px 14px 15px;}
	.mainbox5Text h3{ line-height:24px; font-size:14px;}
	.mainbox5Ico{ top:14px;}
	

}
@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;}
	.mainbox1Bot{ padding:20px 5%;}
	
	.mainTit h2{ font-size:22px;}
	.mainbox2LeftTit{ font-size:26px;}
	.mainbox2Ico{ width:140px; height:210px; margin-left:-70px; margin-top:-65px;}
	.mainbox2RigCon{ margin:0 0 15px;}
	
	.mainbox4TitLef h2{ font-size:22px;}
	.mainbox4H3{ font-size:14px; line-height:28px;}
	
	.caseDbot{ padding:40px 0;}
	.caseDbot .container{ padding:0 50px;}
	.caseBotPrev{ left:0;}
	.caseBotNext{ right:0;}
	
	.joinTit{ font-size:24px;}
		
}
@media (max-width:1230px) and (min-width:1200px){
	.historyLef.active{ margin-left:-50% !important;}
}
@media (max-width:1367px),(max-height:769px){
	.mainbox3Bot{ padding:100px 0 25px;}
}
@media (max-width:1200px){	
	.logo{ padding:25px 0 0 0px;}
	.logo img{ width:130px;}
	.navRig{ right:15px !important;}
	.navList{ position:relative; left:-30px;}
	nav.navbar.bootsnav ul.nav > li > a{ margin:0 5px;}
	
	.mainbox1{ padding:0 15px;}
	.mainbox1Bot{ padding:20px 1%;}
	.mainbox1BotCon1{ padding:20px 30px 10px 10px;}
	.mainbox1BotCon2{ padding:20px 20px;}
	.mainbox1BotCon3{ padding:20px 15px;}
	
	.active .mainbox2LeftTit{ transform:scale(0.8); -webkit-transform:scale(0.8);}
	.mainbox2Ico{ width:100px; height:150px; margin-left:-50px; margin-top:-35px;}
	.mainbox2Ico img{ max-width:60%;}
	.mainbox2Right{ padding:86px 6% 0;}
	.mainbox2RigCon{ max-height:288px;}
	
	.mainbox5Text{ height:42px; padding:10px 38px 10px 15px; width:94%; left:3%;}
	.mainbox5Text h3{ line-height:22px;}
	.mainbox5Ico{ top:10px; height:22px; font-size:14px;}
	.mainbox5Link:hover .mainbox5Text{ bottom:4%;}
	.mainbox5Link:hover .mainbox5Ico{ right:10px;}
	
	.onepageBotItem{ margin:0 -5px;}
	.onepageBotItem li{ width:33.33%; padding:0 5px;}
	
	.artlistBox li a{ padding:25px 100px 25px 330px;}
	.artlistImg{ top:20px; left:25px; width:280px;}
	.artlistIco{ right:15px;}
	.articleShare{ padding:35px 0;}
	
	.noticeList li a{ padding:25px 110px 25px 300px;}
	.noticeList .artlistImg{ width:260px;}
	
	.joinBot{ padding:50px 5% 0;}
	
	.joinText{ padding:40px;}
	.joinTextCen{ margin:0 -30px; padding-bottom:30px; overflow:hidden;}
	.joinTextCenCon{ padding:0 30px;}
	.joinS4Ico{ background-position:70% center;}
	
	.contactWay li{ padding:0 20px 20px;}
	.contactWay li:nth-child(2),.contactWay li:nth-child(5){ padding-left:50px;}
	
	.contactWx, .contactSina, .contactQQ{ padding-left:20px;}
	.contactWxL{ width:120px;}
	.contactWXR{ font-size:14px; padding-left:10px;}
	.contactSina, .contactQQ{ padding-left:40px;}
	.contactMap{ height:300px !important;}
	
	.history{ padding-left:130px;}
	.historyLef.active{ margin-left:-50% !important;}
	
	.regLef{ padding:20px 40px;}
	.rigTit{ font-size:20px;}
	
	.caseTit{ font-size:20px; padding-bottom:30px;}
	.probar{ height:3px;}
	.caseTopPrev, .caseTopNext{ width:40px; height:40px; background-size:12px;}
	.caseDbot{ padding:20px 0;}
	.caseBotImg{ height:80px;}
	.caseBotPrev, .caseBotNext{ width:22px; height:41px;}
	
	.messItem .perSel{ width:49%;}
}

@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;}
	nav.navbar.bootsnav ul.nav > li > a{ margin:0 1px;}
}
@media (max-width:1023px){
	.navRig{ margin-right:0;}
}
@media (max-width:1200px) and ( min-width:992px){
	
}
@media (max-width:992px) and ( min-width:767px){
}
@media (max-width:992px){
	#fp-nav{ display:none;}
	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;}
	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 #db0000;}
	
	nav.navbar.bootsnav li.dropdown .dropdown-menu{ width:100%; border:none; left:0; margin-left:0; margin-top:0; padding:0 !important;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu:after{ display:none;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul{ background:rgba(0,0,0,0); padding:0; border-top:1px solid #e0e0e0;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul li{ padding:0;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul li a{ color:#333333; border-color:#e0e0e0; text-align:left;}
	
	.banner{ padding-top:56px; padding-bottom:360px;}	
	.mainbox1Bot{ height:360px;}
	.mainbox1BotCon1{ float:none; width:100%; padding:0 15px;}
	.mainbox1BotCon2{ float:none; width:100%; padding:15px; border:none; min-height:0;}
	.mainbox1BotCon3{ float:none; width:100%; padding:0 15px 0 30px;}
	
	.mainbox2Left{ padding-top:56px; width:100%; height:30%;}
	.mainbox2Right{ padding:10px 15px 0; width:100%; height:70%; top:30%;}
	.mainbox2RigCon{ letter-spacing:0;}
	.mainbox2Ico{ display:none;}
	.mainTitIco{ line-height:normal;}
	.mainbox3 .container{ padding-top:56px;}
	
	.main_box{ padding-top:56px;}
	
	.mainbox4Btn{ display:block;}
	
	.mainbox6Con{ padding-top:56px;}
	.mainbox6Con .mainbox4TitLef{ width:30px;}
	.mainbox6Con .mainbox4TitLef span{ display:none;}
	.mainbox6Num{ font-size:40px;}
	.mainbox6RigIco img{ padding:10px;}
	
	#navPage{ display:none;}
	
	.bannerN{ height:280px;}
	.bannerN img{ display:none;}
	.mainTop{ padding-top:56px;}
	.mainTopCon{ padding:20px 0 10px;}
	.breadcrumbCon,.classify{ float:none;}
	.classify li{ padding-bottom:10px;}
	.classify li a{ min-width:86px;}
	
	.onepageBoxBg{ padding:30px 0;}
	.onepageBoxBg1{ padding:30px 0;}
	.onepageH3{ font-size:20px;}
	.onepageH3 span{ font-size:22px;}
	.onepageH4{ font-size:16px;}
	
	.commonwealTit{ font-size:24px;}
	.commonwealH4{ font-size:20px;}
	.commonwealH4 img{ max-width:30px;}
	
	.artlistBox li a{ padding:15px 60px 15px 300px;}
	.artlistImg{ top:15px; left:15px; width:260px; height:145px;}
	.artlistIco{ right:0; width:30px; height:30px; margin-top:-15px;}
	.artlistTit{ font-size:16px;}
	.artlistBrief{ margin:5px 0;}
	
	.articleH1{ font-size:18px;}
	
	.articleShare{ padding:25px 0;}
	.pagerBox a{ padding:10px 0;}
	
	.information li{ padding-bottom:10px;}
	.information li a{ line-height:40px;}
	
	.noticeList li a{ padding:15px 90px 15px 220px;}
	.noticeList .artlistImg{ width:200px; height:100px; left:10px;}
	.noticeTime{ font-size:24px; top:26px;}
	.noticeList .artlistIco{ right:50px;}
	
	.joinBot{ padding:50px 0% 0;}
	.joinBotLef{ font-size:12px;}
	
	.joinSearch{ padding-bottom:20px;}
	.joinTextCen{ margin:0; padding:0;}
	.joinTextCenCon{ width:100%; padding:0 0 20px;}
	.joinTextBotBtn{ width:160px; height:36px; line-height:36px;}
	
	.contactWay li{ width:50%; font-size:14px;}
	.contactWay li:nth-child(2),.contactWay li:nth-child(5){ padding-left:20px;}
	
	.contactWx{ width:100%; padding-bottom:30px;}
	.contactSina, .contactQQ{ padding-left:20px; width:50%;}
	.contactOthTit{ padding-bottom:10px;}
	
	.historyLef.active{ margin-left:-50% !important;}
	.historyItem{ padding:10px 0 20px;}
	.historyItemYear{ font-size:30px; padding-bottom:5px;}
	
	.searchBox{ height:56px;}
	.search{ margin-top:8px;}
	.searchBg .logo{ margin-left:0;}
	
	.caseTop{ padding-bottom:15px;}
	
	.messageList li{ padding:5px 10px}
	
	.register{ margin:20px auto;}
	.regLef,.regRig{ float:none; width:100%;}
	.regRig{ height:200px; min-height:0 !important;}
	
	.perTop{ padding:40px 0;}
	.exit{ float:none; padding-bottom:15px;}
	.perRig{ margin-left:165px; padding:15px;}
	.perLabel{ width:100px;}
	.perRigCon{ margin-left:100px;}
	.perSel{ width:32.6%;}
	
	.password .perLabel{ width:120px; padding:0;}
	.password .perRigCon{ margin-left:120px;}
	
	.caseDbot .container{ padding:0 30px;}	
	
	.fenleiBg{ border-top:1px solid #c9c9c9; padding:10px 0 0; margin-top:10px; margin-bottom:0;}
	.fenlei{ margin:0 -10px;}
	.fenlei li{ line-height:24px; padding:0 10px;}
	
}
@media (max-width:767px){
	.banner{ padding-top:56px; padding-bottom:348px;}	
	.mainbox1Bot{ height:348px;}	
	.mainbox1Con3num{ font-size:32px; line-height:32px;}
	
	.mainbox2LeftTit span:after, .mainbox2LeftTit span:before{ display:none;}
	.mainbox3Brief{ font-size:14px;}
	.mainbox3Bot{ margin-top:25px;}
	.mainbox3BotList{ padding:0 10px;}
	.mainbox3Bot{ padding:30px 0 15px;}
	.mainbox3BotCon{ width:120px;  height:120px;}
	.mainbox3BotCon img{ max-width:36px;}
	.mainbox3BotCon:after{ top:0;}
	.mainbox4{ background-image:url(../images/mainbox4bgm.jpg);}
	
	.mainbox5Img img{ transform:scale(1); -webkit-transform:scale(1);}
	.mainbox5Bg{ top:-100%;}
	.mainbox5Text{ bottom:4%;}
	.mainbox5Text h3{ transform:translateX(0); -webkit-transform:translateX(0);}
	.mainbox5Ico{ right:10px;}
	
	.bannerN{ height:240px;}
	.bannerN .container{ width:100%;}
	
	.artlistBox li a { padding:15px 60px 15px 260px;}
	.artlistImg{ width:220px;}
	.page{ padding:30px 0 10px;}
	
	.pagerBox a{ display:block; width:100%; background-image:none; text-align:center; padding:10px !important;}
	
	.information li a{ background-position:10px center; padding-left:30px;}
	.inforTime{ width:86px;}
	
	.noticeList li a{ padding:15px 90px 15px 220px;}
	
	.joinBot{ padding:30px 0 0;}
	.joinBotLef{ width:100%; padding-bottom:20px;}
	.joinBotRig{ width:100%;}
	
	.joinS1{ width:65%; padding-left:10px;}
	.joinlist li h3 span{ padding-left:30px;}
	.joinS4{ width:35%; position:relative;}
	.joinS4Ico{ position:absolute; width:20px; height:20px; display:block; background-position:center center; right:36px; top:14px;}
	
	.caseName{ bottom:10px;}
	.bootslider .bs-thumbnails ul .bs-thumbnail { margin:0 0 30px 0 !important;}
	.bootslider .bs-pagination { margin:0 0 30px 0 !important; }
	
	.history{ padding:0;}
	.historyLef{ display:none;}
	.historyItem{ padding:10px 0;}
	.historyItemYear{ padding:5px 0;}
	.historyIco{ top:15px;}
	
	.searchBg .container{ padding:0;}
	
	.perLef{ float:none; width:100%; min-height:0;}
	.perLefTop{ padding:10px; line-height:30px; font-size:18px;}
	.perLefList{ overflow:hidden;}
	.perLefList li{ float:left; width:50%;}
	.perLefList li:nth-child(2n){ border-left:1px solid #f0f0f0;}
	.perLefList li a{ line-height:40px;}
	.perRig{ margin-left:0; margin-top:10px; min-height:0;}
	.perList{ max-width:none; padding:20px 0 0;}
	
	.swiper-slide-active .caseBotImg:after{ border:3px solid #ce0000;}
	
}
@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;}
	.banner{ padding-top:47px;}
	.banImg1{ width:36%; left:10%;}
	.banImg2{ width:28%; left:43%;}
	
	.mainTop{ padding-top:47px;}
	.mainTit h2{ font-size:18px;}
	.active .mainbox2LeftTit{ transform:scale(0.6); -webkit-transform:scale(0.6);}
	.mainbox2RigCon{ line-height:26px; max-height:208px;}
	
	.mainbox3 .container{ padding-top:47px;}
	.mainbox3Brief{ line-height:26px; max-height:130px; margin:5px 0 15px;}
	.mainbox3Bot{ padding:30px 0 5px;}
	.mainbox3BotList{ margin:0 -2px;}
	.mainbox3BotList li{ padding:0 2px 4px;}
	.mainbox3BotCon{ width:100%; height:auto; padding:15px 0;}
	.mainbox3BotCon h3{ font-size:12px;}
	.mainbox3botBg{ display:none;}
	
	.main_box{ padding-top:47px;}
	
	.mainbox4TitLef{ float:none; padding-bottom:10px; line-height:22px;}
	.mainbox4TitLef h2{ font-size:18px;}
	.mainbox4TitLef span{ padding-bottom:5px;}
	.mainbox4TitRig{ float:none; text-align:left;}
	.mainbox4TitRig li{ padding:0 10px 0 0;}
	.mainbox4TitRig li a{ padding:0 10px;}
	.mainbox4TitRig li:last-child{ padding-right:0;}
	.mainbox4TitRig li:last-child a{ width:100px;}
	.mainbox4TitRig li:last-child a:hover{ padding:0 10px;}
	.mainbox4TitRig li:last-child a:hover i{ margin-left:20px;}
	.mainbox4List{ margin-top:15px;}
	.mainbox4Btn i{ font-size:40px;}	
	.mainbox4Prev{ left:-20px;}
	.mainbox4Next{ right:-20px;}
	.mainbox4Bg{ display:none;}
	.mainbox5List{ margin-top:15px;}
	
	.mainbox6Con{ padding-top:47px;}
	.mainbox6RigBrief p{ display:none;}
	.mainbox6RigBrief p:nth-child(1){ display:block;}
	.mainbox6ListCon li{ border-bottom:1px solid #d8d8d8;}
	.mainbox6ListCon li a{ padding-left:30px;}
	.mainbox6Rig{ border-left:none;}
	.mainbox6Num{ font-size:24px;}
	.mainbox6Num:after{ display:none;}
	.mainbox6Rig{ width:60%; padding-left:5px;}
	.mainbox6RigIco{ display:none;}
	.mainbox6RigCon{ padding-left:10px;}
	.mainbox6RigCon h3{ font-size:14px; padding:5px 0;}
	.mainbox6More{ font-size:12px;}
	.mainbox6ListCon li a:hover .mainbox6More{ transform:translateX(5px); -webkit-transform:translateX(5px);}
	.footerShare{ display:none;}
	
	.bannerN{ height:200px;}
	.onepageBotItem li{ width:100%;}
	.onepageBotItem li img{ margin:0 auto;}
	
	.artlistBox li a { padding:15px 40px 15px 15px;}
	.artlistImg{ display:none;}
	.artlistTit{ line-height:30px; height:30px;}
	.artlistIco{ width:20px; height:20px; margin-top:-10px;}
	.artlistIco:before{ width:10px; margin-left:-5px;}
	.artlistIco:after{ height:10px; margin-top:-4px;}
	
	.articleTime span{ padding:0 5px;}
	
	.noticeList li a{ padding:15px;}
	.noticeList .artlistTit{ height:30px;}
	.noticeTime{ position:static; font-size:18px;}
	.noticeList .artlistIco{ display:none;}
	
	.joinlist li h2{ font-size:14px;}
	.joinText{ padding:20px;}
	.joinTextBotBtn,.joinTextBot p.pull-right{ float:none !important;}
	.joinTextBotBtn{ margin-bottom:10px;}
	
	.joinSelect, .joinInput{ width:100%; margin:0 0 8px;}
	
	
	.contactWay li{ width:100%; font-size:14px;}
	.contactWay li:nth-child(2),.contactWay li:nth-child(5){ padding-left:20px;}
	
	.contactSina, .contactQQ{ width:100%;}
	.contactSina{ padding-bottom:20px;}
	
	.contactMap{ height:240px !important;}
	
	.searchBox{ height:47px;}
	.search{ margin-top:3px; margin-right:35px;}
	
	.messageBox{ padding:0;}
	
	.regLef{ padding:20px;}
	.rigTit{ font-size:18px;}
	.regList{ padding:0;}
	.regYzm{ width:60%;}
	.yzmImg{ max-width:30%;}
	.regBot{ padding:0;}
	
	.perTopBg{ background-position:left center;}
	.perTop{ padding:20px 0;}
	.perTopText span{ font-size:18px;}
	.perTopText i{ font-size:16px;}
	.perList li{ padding-bottom:5px;}
	.perList li:last-child .perLabel{ display:none;}
	.perLabel{ width:100%; padding:0; float:none; padding-bottom:10px;}
	.perRigCon{ margin:0;}
	.password .perRigCon{ margin:0;}
	
	.caseTopPrev, .caseTopNext{ transform:translateY(-70%); -webkit-transform:translateY(-70%);}
	.caseTit{ position:static; color:#CE0000; padding:15px 0; font-size:18px;}
	.caseShadow{ display:none;}
	
	.joinTit{ font-size:20px; padding-bottom:15px;}
	
}

@media (max-width:460px){
	.navRig > ul > li:first-child{ display:none;}
	.mainbox4Time{ display:none;}
	.mainbox4H3{ padding-top:5px;}
	
	.mainbox6More i{ display:none;}
	
	.bannerN{ height:180px;}
	.onepageH3 span{ display:block;}
	.commonwealList li{ width:100%;}
	
	.articleTop{ padding-bottom:0px;}
	.articleTime span{ display:block; text-align:left;}
	.articleCen{ padding-top:15px;}
	.contactMap{ height:200px !important;}
	
	.caselist li{ width:100%;}
	
	.historyItemYear{ font-size:22px;}
	.historyItemYear span{ font-size:16px;}
	
	.colseSear{ background-size:15px;}
	.search{ width:50%; margin-right:25px;}
	.searchLef{ display:none;}
	.searchInput{ padding:5px 25px 5px 0;}
	.searchIco{ background-size:15px;}
	
	.perSel{ width:100%; margin-bottom:10px;}
	.perBtn{ margin-top:0;}
	.password .perBtn{ margin-top:10px;}
	
	.caseTopPrev, .caseTopNext{ width:30px; height:30px; background-size:12px; transform:translateY(-100%); -webkit-transform:translateY(-100%);}
	.caseTit{ font-size:16px;}
	
}
@media (max-width:760px) and ( max-height:420px){
	
}
@media (max-width:360px){
	.mainbox2RigCon{ max-height:182px;}
	.bannerN{ height:160px;}
	.contactWxL{ width:100px;}
	.regLef{ padding:15px;}
	.regRig{ height:140px;}
	
	.caseBotImg{ height:60px;}
	.caseBotPrev, .caseBotNext{ background-size:15px;}
	
}	

@media (max-width:320px){
	.banner{ padding:47px 0 310px;}
	.mainbox1Bot{ padding:10px 1%; height:310px;}
	.mainbox1BotH3{ padding-bottom:5px; font-size:13px;}
	.mainbox1BotCon3 h3{ font-size:13px;}
	.mainbox1Con3num{ height:28px; line-height:28px;}
	
		
}
@media (max-height:414px){
	.banner{ padding:47px 0 0;}
	.banner .swiper-container{ display:none;}
	.mainbox1Bot{ position:static;}
	.mainbox1Con1Text{ display:none;}
	.mainbox1BotCon2{ padding-top:0;}
	
	.mainbox2Left{ display:none;}
	.mainbox2Right{ top:0; height:100%; padding-top:47px;}
	.mainbox2RigCon{ line-height:24px; max-height:96px;}
	
	.mainbox3BotList{ display:none;}
	.mainbox3botBg{ display:none;}
	.mainbox3Brief{ line-height:24px; max-height:96px;}
	
	.mainbox4Img,.mainbox4Time,.mainbox4Brief{ display:none;}
	
	.mainbox5Img{ display:none;}
	.mainbox5Text{ position:static; width:100%;}
	
	.mainbox6RigCon{ padding-left:0;}
	.mainbox6RigIco{ display:none;}
	.mainbox6RigCon h3{ font-size:14px; padding-bottom:3px;}
	.mainbox6RigBrief p{ display:none;}
	.mainbox6RigBrief p:nth-child(1){ display:block;}
	
		
}
@media (max-height:240px){
	.mainbox1BotCon2{ padding-bottom:0;}
	.mainbox1Con2List li{ display:none;}
	.mainbox1Con3{ padding:5px 0;}
	.mainbox2RigCon{ max-height:48px;}
	.mainbox3Brief{ max-height:48px;}
	.mainbox6RigBrief{ display:none;}
		
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
} 



/*底部*/
#footer {
    margin-top: 30px;
    font-size: 14px;
    font-style: normal;
    font-family: 宋体;
    color: rgb(0, 0, 0);
    padding: 5px 0px 10px;
}
#footer .footerCont {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    line-height: 22px;
    padding-bottom: 6px;
}
#footer .footerCont a {
    color: #000;
}