body{ background:url(../images/default/bg_77.jpg) no-repeat center center fixed;}
.banner{ width:100%; position:relative; background:url(../images/loader.gif) no-repeat center center;}
.swiper-container,.swiper-wrapper,.swiper-slide{ height:auto !important;}
.swiper-slide{ position:relative;}
.swiper-slide img{ display:block;}
/*.banner .arrow-left { background:url(../images/default/btn_03.png) no-repeat 0 0; position:absolute; left:0px; top:50%; margin-top:-18px; width:30px; height:37px; z-index:3;}
.banner .arrow-right { background:url(../images/default/btn_05.png) no-repeat 0 0; position:absolute; right:0px; top:50%; margin-top:-18px; width:30px; height:37px; z-index:3;}*/

/*子公司*/
.zigongsi{ background:#e5e5e5; overflow:visible; position:relative; z-index:10;}
.zigongsi span{ display:block; width:33.33333%; float:left; text-align:center; position:relative; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; cursor:pointer;}
.zigongsi span i{ position:absolute; width:0; height:0; left:50%; margin-left:-8px; top:100%; border-color:#033692 transparent transparent transparent; border-width:8px; border-style:solid; opacity:0; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.zigongsi span em{ display:block; padding:3.54% 0;}
.zigongsi span img{ transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; max-width:100%;}
.zigongsi span:hover img{ opacity:0.6;}
.zigongsi span.on{ background-color:#033692; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.zigongsi span.on i{ opacity:1; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.zigongsi span.on img{ opacity:0; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}

.zgsqu{ position:relative; padding:75px 0 30px;}
.dian1,.dian2,.dian3{ position:absolute; display:block; background:url(../images/default/xiaodian_07.png) repeat left top;}
.dian1{ left:0; top:0; width:35.21%; height:28.73%;}
.dian2{ right:0; top:0; width:48.75%; height:14.73%;}
.dian3{ left:0; bottom:0; width:35.21%; height:28.73%; background:url(../images/default/xiaodian_07.png) repeat left bottom;}
.zgsqu ul{ width:100%;}
.zgsqu ul li{ width:100%; display:none;}
.zgsqu ul li .zgstu{ width:48.77%; float:left; position:relative; overflow:hidden;}
.zgsqu ul li .zgstu .baibei{ position:absolute; left:24.05%; top:0; z-index:2; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transform:translateY(-400px); -moz-transform:translateY(-400px); -webkit-transform:translateY(-400px); -ms-transform:translateY(-400px); -o-transform:translateY(-400px); opacity:0;}
.zgsqu ul li .zgstu .huibei{ position:absolute; left:0; top:41.36%; z-index:1; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transform:translateX(-400px); -moz-transform:translateX(-400px); -webkit-transform:translateX(-400px); -ms-transform:translateX(-400px); -o-transform:translateX(-400px); opacity:0;}
.zgsqu ul li .zgstu .hongbei{ position:absolute; left:55.93%; top:24.82%; z-index:3; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;  transform:translateY(400px); -moz-transform:translateY(400px); -webkit-transform:translateY(400px); -ms-transform:translateY(400px); -o-transform:translateY(400px); opacity:0;}
.zgsqu ul li .zgswen{ width:48.77%; float:right; transform:translateX(400px); -moz-transform:translateX(400px); -webkit-transform:translateX(400px); -ms-transform:translateX(400px); -o-transform:translateX(400px); transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; opacity:0;}
.zgswen span{ display:block; font-size:40px; color:#033692; font-family:"微软雅黑"; font-weight:bold; line-height:2.675; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.zgswen em{ display:block; width:69px; height:4px; background:#bfbfbf; overflow:hidden;}
.zgswen p{ font-size:14px; color:#262626; line-height:2; font-family:"微软雅黑"; margin:4.2% 0 15.52%;}
.zgswen a{ color:#fff; display:inline-block; padding:0 7.888%; font-size:16px; font-family:"微软雅黑"; line-height:3.75; margin-right:25px;}
.zgswen a.chak{ background:#ee7700; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.zgswen a.guanf{ background:#033692; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.zgswen a.chak:hover{ background:#cfcfcf; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.zgswen a.guanf:hover{ background:#cfcfcf; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}

.zgsqu,.spzx{ background:#fff;}
.zgsqu ul li .zgstu .baibei.yundong{ transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); opacity:1;}
.zgsqu ul li .zgstu .huibei.yundong{  transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); opacity:1;}
.zgsqu ul li .zgstu .hongbei.yundong{  transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); opacity:1;}
.zgsqu ul li .zgswen.yundong{ transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); opacity:1;}

.video{ opacity:0; -moz-transform:scale(0.5); -webkit-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;}
.video.cur{ transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); opacity:1;}
.video .content{ position:relative;}
video#bgvid { position:absolute; min-height:100%; width: 100%; height:100%; left:0; top:0; z-index:2; background:none; opacity:0;}
video#bgvid.on{ opacity:1;}
.video em{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:rgba(255,255,255,0.1); opacity:0;}
/*.video:hover em{ opacity:1;}*/
.video i{ position:absolute; z-index:3; left:44%; top:40%; width:12%; height:auto; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; -o-transition:all .6s; opacity:0; cursor:pointer;}
.video i.on{ left:90%; top:78%; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; -o-transition:all .6s; }
.video i img.pause{ display:none;}
.video i.on img.pause{ display:block;}
.video i.on img.play{ display:none;}
.video .content:hover i{ width:6%; height:auto; left:47%; top:42%; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; -o-transition:all .6s; opacity:1;}
.video .content:hover i.on{ width:6%; height:auto; left:93%; top:80%; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; -o-transition:all .6s; opacity:1;}
.video span{ position:absolute; left:0; top:50%; line-height:1; width:100%; text-align:center; color:#fff; font-family:"微软雅黑"; font-weight:bold; font-size:32px; margin-top:-16px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; -o-transition:all .6s; }
.video .content:hover span{ top:65%; margin-top:0; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; -o-transition:all .6s; }

.tit{ margin-bottom:20px;}
.tit span{ font-size:40px; font-family:"微软雅黑"; font-weight:bold; color:#033692; line-height:2;}
.tit a{ float:right; color:#ee7700; font-family:"微软雅黑"; font-size:14px; line-height:1.1;; padding-right:35px; background:url(../images/default/jiantou_66.jpg) no-repeat right center; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; border-bottom:1px solid #ee7700; margin-top:2.077%;}
.tit a:hover{ padding-right:50px; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.newstit{ margin:1.8% 0;}

.newsqu{ margin-bottom:50px;}
.newsqu ul li{ float:left; width:48.46%; margin-right:1.54%; margin-bottom:3.086%; background:#fff; position:relative; opacity:0; transform:translateY(100px); -moz-transform:translateY(100px); -webkit-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px);transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;}
.newsqu ul li:nth-child(2n){ margin-right:0; float:right;}
.newsqu ul li.cur{ transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); opacity:1;}
.imgbox{ width:38.22%; overflow:hidden; float:left;}
.wenbox{ width:61.78%; box-sizing:border-box; border:1px solid #dbdbdb; padding:0 28px; height:100%; position:absolute; right:0; top:0; z-index:1;}
.wenbox span{ font-size:14px; color:#262626; font-family:"微软雅黑"; color:#262626; line-height:3; display:block; border-bottom:1px solid #dcdcdc; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; margin-top:1%;}
.wenbox em{ display:block; width:100%; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; font-family:"微软雅黑"; color:#033692; font-size:16px; line-height:3; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; font-weight:bold;}
.wenbox p{ display:block; width:100%; color:#262626; font-family:"微软雅黑"; font-size:14px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; line-height:3;}
.wenbox i{ display:block; font-family:"微软雅黑"; font-size:14px; color:#fff; line-height:2.1; text-align:center; width:120px; background:#ee7700; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; font-style:normal;}
.newsqu ul li:hover em{ color:#ee7700;}
.newsqu ul li:hover i{ background:#cfcfcf;}
.newsqu ul li a{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; background:url(../no.png);}
.newsqu ul li .imgbox img{ transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.newsqu ul li:hover .imgbox img{ transform:scale(1.12); -moz-transform:scale(1.12); -webkit-transform:scale(1.12); -ms-transform:scale(1.12); -o-transform:scale(1.12); transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.newsqu ul li i.bian1{ position:absolute; width:0; height:2px; background:#ee7700; left:0; top:0;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.newsqu ul li i.bian2{ position:absolute; width:2px; height:0; background:#ee7700; right:0; top:0;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.newsqu ul li i.bian3{ position:absolute; width:0; height:2px; background:#ee7700; right:0; bottom:0;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.newsqu ul li i.bian4{ position:absolute; width:2px; height:0; background:#ee7700; left:0; bottom:0;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}

.newsqu ul li:hover i.bian1{ width:100%; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.newsqu ul li:hover i.bian2{ height:100%; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.newsqu ul li:hover i.bian3{ width:100%; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.newsqu ul li:hover i.bian4{ height:100%; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}


@media(max-width:1440px){
	.wenbox p,.wenbox em{ line-height:2.5;}
}
@media(max-width:1280px){
	.wenbox i{ display:none;}
}
@media(max-width:768px){
  /*布局*/
  .zgsqu ul li .zgstu{ width:100%; float:none;}
  .zgsqu ul li .zgswen{ width:100%; float:none;}
  .newsqu ul li{ width:100%; float:none; margin-right:0;}
  .newsqu ul li:nth-child(2n){ float:none;}
  .wenbox{ padding:0 10px;}
  .wenbox i,.wenbox p{ display:none;}
  .tit a{ margin-top:6.077%;}
  /*细节*/
  .zgsqu{ padding:30px 0;}
  .zigongsi span em{ background-size:100% auto !important;}
  .zigongsi span em img{ display:block; width:100%;}
  .zgswen span{ font-size:25px; line-height:2;}
  .zgswen em{ height:2px;}
  .zgswen p{ line-height:1.8; font-size:12px; margin-bottom:8%;}
  .zgswen a{ font-size:14px; line-height:2.5;}
  .tit span{ font-size:30px;}
  .wenbox span{ line-height:2;}
  .wenbox em{ display:-webkit-box;  overflow:hidden;text-overflow:ellipsis; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient: vertical; white-space:normal;line-height:1.6; margin-top:3%; font-size:14px;}
  
}