@charset 'utf-8';
@font-face {
font-family: 'Conv_Roboto-Light';
src: url('../fonts/roboto-light.eot');
src: local('鈽�'), url('../fonts/roboto-light.woff') format('woff'), url('../fonts/roboto-light.ttf') format('truetype'), url('../fonts/roboto-light.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_HelveticaNeueLTPro-ThEx';
src: url('../fonts/helveticaneueltpro-thex.eot');
src: local('鈽�'), url('../fonts/helveticaneueltpro-thex.woff') format('woff'), url('../fonts/helveticaneueltpro-thex.ttf') format('truetype'), url('../fonts/helveticaneueltpro-thex.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {font-family: "iconfont";
src: url('../fonts/iconfont.eot'); /* IE9*/
src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/7a136058e2104a23b03c49e45c4a44bf.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-weibo:before { content: "\e64a"; }
.icon-xiasanjiao-copy:before { content: "\e609"; }
.icon-linkedin:before { content: "\e768"; }
.icon-QQ:before { content: "\e62a"; }
.icon-weixin:before { content: "\e6b5"; }
.icon-huaban:before { content: "\e62f"; }
.icon-tubiao20:before { }
.icon-weibo1:before { content: "\e61c"; }
.icon-twitter:before { content: "\e689"; }
.icon-weixin1:before { content: "\e618"; }
.icon-zanting:before { content: "\e614"; }
@font-face {font-family: "iconfont";
src: url('../fonts/iconfont.eot'); /* IE9*/
src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/6bba1c235d174137b0016b0a8f6d06c0.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-sousuo:before { }
@font-face {
font-family: 'SourceHanSerifSC-Heavy';
src: url('../fonts/SourceHanSerifSC-Heavy.otf');
font-weight: normal;
font-style: normal;
}
body{
/*overflow: hidden;*/
/*max-width: 1920px;*/
margin:0 auto;
}
.nav{
width:100%;
position:fixed;
top:0;
z-index: 99;
border-bottom:1px solid rgba(255,255,255,0.18);
height:86px;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.nav.act{
border-bottom: 1px solid rgba(255,255,255,0);
background:rgba(0,0,0,0);
z-index: 117;
}
.pcdaohangwai {
background: #fff;
width: 100%;
height: 86px;
position: fixed;
top: 0;
left: 0;
z-index: 99;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.pcdaohangwai.act{
border-bottom: 1px solid rgba(255,255,255,0);
background:rgba(0,0,0,0);
}
.pcdaohangwai.act .navbox{
display:none;
}
.pcdaohangwai.act .sousuoa{
display:none;
}
.navcon{
padding:0px 153px 0px 100px;
position:relative;
height:86px;
}
.navitem>a{
display:block;
color:#ffffff;
font-size:16px;
font-family:"寰蒋闆呴粦";
padding:35px 30px;
}
.navitem>:hover a{
display:block;
color:#337ab7;
font-size:16px;
font-family:"寰蒋闆呴粦";
padding:35px 30px;
}
.navitem.act a{
color:#333333;
}
.nav_asida.active a{
color:#009cff;
}
.navitem.active a{
color:#009cff;
}
.navitem.active .lanjian{
opacity: 1;
}
.logo{
width:180px;
position:absolute;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.logo.act{
}
.logo_b{
/*opacity: 0;*/
display:none;
/*position:absolute;*/
/*top:0;*/
/*left:0;*/
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.logo_a{
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.logo_b.act{
opacity: 1;
}
.logo_a.act{
opacity:01;
}
.logo img{
width:100%;
}
.sousuoa{
width:27px;
position:absolute;
top:50%;
right:151px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.sousuoa.act{
display:none;
}
.sousuo_b{
display:none;
}
.sousuo_a{
display:block;
}
.sousuo_a.act{
display:none;
}
.sousuo_b.act{
display:block;
}
.navbox {
margin-right:51px;
}
.navbox.act{
display: none;
}
.sousuoa img{
width:100%;
}
.menu_a{
width:100px;
height:86px;
background:#009cff;
position:absolute;
top:0;
right:0;
}
.openmenu{
display: block;
position: relative;
width: 28px;
height: 50px;
-webkit-transition: all .4s ease-in-out 0s;
-moz-transition: all .4s ease-in-out 0s;
-ms-transition: all .4s ease-in-out 0s;
-o-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s;
top:50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.openmenu span {
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 2px;
-webkit-transition: all .5s ease-out 0s;
-moz-transition: all .5s ease-out 0s;
-ms-transition: all .5s ease-out 0s;
-o-transition: all .5s ease-out 0s;
transition: all .5s ease-out 0s;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background: #fff;
}
.openmenu span::after, .openmenu span::before {
position: absolute;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transition: all .5s ease-out 0s;
-moz-transition: all .5s ease-out 0s;
-ms-transition: all .5s ease-out 0s;
-o-transition: all .5s ease-out 0s;
transition: all .5s ease-out 0s;
background: #fff;
}
.openmenu span::after{
top:-10px;
}
.openmenu span::before{
bottom:-10px;
}
.openmenu.act span {
background: rgba(255,255,255,0);
}
.openmenu.act span::before {
top: 0;
-webkit-transform: rotate(43deg);
-ms-transform: rotate(43deg);
-moz-transform: rotate(43deg);
-o-transform: rotate(43deg);
transform: rotate(43deg);
}
.openmenu.act span::after {
top: 0;
-webkit-transform: rotate(-43deg);
-moz-transform: rotate(-43deg);
-o-transform: rotate(-43deg);
-ms-transform: rotate(-43deg);
transform: rotate(-43deg);
}
.anniucon{
position:absolute;
bottom:260px;
left:360px;
z-index: 80;
background:#4e5965;
width:72px;
height:72px;
border-radius: 50%;
text-align: center;
/*line-height: 72px;*/
animation: myfirst 2s;
-webkit-animation: myfirst 2s; /* Safari 涓� Chrome */
}
@keyframes myfirst
{
from {left: -100%;}
to {left: 360px;}
}
.anniucon::after{
position:absolute;
content: '';
width:360px;
height:1px;
background:#ffffff;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left:-360px;
}
.anniu{
background:#ff0000;
width:54px;
height:54px;
border-radius:50%;
text-align: center;
line-height: 54px;
display:inline-block;
cursor: pointer;
position:relative;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.hide{
opacity: 0;
}
.san_a{
color: #fff;
font-size: 16px;
position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
/***鎼滅储***/
.search{
position: fixed;
top: 86px;
left: 0;
width: 100%;
height: 80px;
z-index: 302;
display:none;
background-color:rgba(0,91,170,1);
/* box-shadow: -1px 2px 16px #8c8c8c;*/
}
#cdk::-webkit-input-placeholder{color:#fff;} /* 浣跨敤webkit鍐呮牳鐨勬祻瑙堝櫒 */
#cdk::-moz-placeholder{color:#fff;} /* Firefox鐗堟湰4-18 */
#cdk::-moz-placeholder{color:#fff;} /* Firefox鐗堟湰19+ */
#cdk::-ms-input-placeholder{color:#fff;} /* IE娴忚鍣� */
.search .pcbb{
position: absolute;
top:0px;
left: 0px;
width: 100%;
/*height: 100%;*/
height:80px;
}
.pcs_close{
position: absolute;
top: 2px;
left: 0px;
cursor: pointer;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
width:16px;
display:none;
z-index: 50;
}
.pcs_close img{
width:100%;
}
.search .pcs_close:hover{
transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.search .pcs_close img{
width: 26px;
}
.search .pcsearch {
position: absolute;
left: 50%;
top: 50%;
max-width: 100%;
text-align: center;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.search .pcsearch .pstitle{
/*margin-bottom: 35px;*/
display:none;
}
.search .pcsearch .pstitle img{
width: 210px;
}
.search .pcsearch h5{
/* margin-bottom: 90px;*/
font-size: 28px;
color: #ffffff;
text-transform: uppercase;
/* font-family: 'Century Gothic'; */
font-family: '氓戮庐猫陆炉茅鈥衡€γ┞烩€�';
display:none;
}
.search .pcsearch .sebox{
width: 850px;
max-width: 100%;
position:relative;
}
.search .pcsearch .sebox input{
float: left;
width: calc(100% - 96px);
height: 80px;
padding-left: 30px;
margin-right: 17px;
color: #fff;
font-size: 18px;
}
.cuohao{
color: #fff;
font-size: 30px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
display:none;
}
.cuohaoa{
color:#333;
}
.cuohao.act{
color:#333;
}
.search .pcsearch .sebox span{
display: inline-block;
width: 79px;
height: 79px;
/*background-color: #50e2d7;*/
text-align: center;
line-height: 79px;
cursor: pointer;
}
.search .pcsearch .seword{
text-align: center;
}
.search .pcsearch .seword ul li{
display: inline-block;
padding: 0 15px;
font-size: 16px;
font-family: "Microsoft JhengHei";
}
.search .pcsearch .seword ul li a{
color: #e2e2e2;
}
.search .pcsearch .seword ul li a:hover{
color: #ff4343;
}
.search .phsearch{
display: none;
}
.search .phsearch input{
width: 84%;
height: 45px;
padding-left: 20px;
color: #515151;
letter-spacing: 1px;
background-color: #fff;
border-radius: 8px;
}
.search .phsearch .seclose{
position: absolute;
top: 49px;
right: 46px;
color: #b9b9b9;
cursor: pointer;
}
.search .phsearch ul {
padding-top: 15px;
}
.search .phsearch ul li{
padding: 12px 0;
}
.search .phsearch ul li a{
font-size: 16px;
color: #ffffff;
font-family: "Microsoft JhengHei";
}
.search .phsearch .searching{
margin: 20px 0;
}
.search .phsearch .searching button{
width: 118px;
height: 48px;
font-family: "Microsoft JhengHei";
font-size: 18px;
border-radius: 8px;
}
.search .phsearch .searching a:nth-child(1) button{
background-color: #ffffff;
color: #464646;
margin-right: 5px;
}
.search .phsearch .searching a:nth-child(2) button{
border:1px solid #ffffff;
color: #ffffff;
}
.banner{
width:100%;
position:relative;
overflow: hidden;
}
.ban_b{
display:none;
}
.banner_item{
position:relative;
}
.banner_item video{
width:100%;
}
.banner_item>img{
width: auto;
max-width: 100%;
min-height: 100%;
height: 100%;
position:relative;
top:0;
left:50%;
transform: translateX(-50%);
}
.asidenav{
position:absolute;
bottom:0;
right:0;
width:100px;
height:100%;
z-index: 48;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
/*.asidenav.act{
display:none;
}*/
.banner_txt{
top:43%;
left:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
position:absolute;
z-index: 10;
width:1200px;
text-align: left;
}
.banner_txt h2{
font-size:64px;
font-family:"SourceHanSerifSC-Heavy";
color:#ffffff;
}
.hexin{
width:100%;
padding-bottom:100px;
position:relative;
background:#fff;
}
.hexincon{
width:1500px;
margin:0 auto;
padding:100px 0 90px;
}
.heleft{
width:450px;
visibility: visible;
animation-duration: 1s;
animation-name: fadeInUp;
}
.heleft h3{
font-size:48px;
/*font-family:'SourceHanSerifSC-Heavy';*/
font-family: "寰蒋闆呴粦";
color:#464646;
}
.heright{
width:calc(100% - 450px);
position:relative;
visibility: visible;
animation-duration: 1s;
animation-name: fadeInUp;
}
.heright::after{
position:absolute;
content: '';
width:1px;
height:140px;
background:#e5e5e5;
top:50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateY(-50%);
left:-34px;
}
.heright p{
font-size:16px;
font-family:"寰蒋闆呴粦";
color:#333333;
line-height: 30px;
letter-spacing: 1px;
height: 90px;
overflow: hidden;
}
.news{
width:100%;
position:relative;
/*height:919px;*/
/*height:1070px;*/
overflow: hidden;
}
.news::after{
position:absolute;
content:'';
width:100%;
height:100%;
/*background:;*/
z-index: 1;
/*background: url(../images/fangkuaiyi.png) repeat rgba(0,0,0,0.27);*/
}
.videobox img{
width:auto;
height:100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.videobox video{
min-height: 100%;
width:100%;
position:absolute;
top:0;
left:50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.news_con{
/*padding:97px 100px 0;
position:absolute;*/
padding: 100px 227px 105px 10px;
position: relative;
width: 1690px;
z-index: 5;
/* top:0;
left:50%;*/
/* -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);*/
}
.neconright{
width:1230px;
/*background:linear-gradient(#133183,#267cc0);*/
position:relative;
}
.neconleft{
/*width:calc(100% - 1300px);*/
visibility: visible;
animation-duration: 1s;
animation-name: fadeInUp;
}
.neconleft h3{
font-size:48px;
/* font-family:"SourceHanSerifSC-Heavy";*/
font-family: "寰蒋闆呴粦";
color:#ffffff;
}
.nelist{
width:33.333333%;
position:relative;
background:linear-gradient(#133183,#267cc0);
/* height:399px;*/
}
.neitem{
width:100%;
height:100%;
padding:74px 0 80px 54px;
}
.neleft{
width:290px;
padding-right:0;
}
.neright{
width:calc(100% - 315px);
}
.neright p{
/*writing-mode:tb-rl;*/
color:#f9f9f9;
font-size:14px;
font-family:"寰蒋闆呴粦";
letter-spacing: 1px;
width: 16px;
text-align: center;
}
.lianjie{
display:block;
width:287px;
height:43px;
border:1px solid #ffffff;
text-align: center;
transition: all 0.8s;
}
.lianjie span{
color:#ffffff;
line-height: 43px;
font-size: 16px;
transition: all 0.8s;
}
.lianjie span:nth-child(2){
margin-left: 2px;
transition: all 0.8s;
}
.neleft h2{
font-size:24px;
font-family:"寰蒋闆呴粦";
color:#ffffff;
margin-bottom:44px;
position: relative;
height:24px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.neleft h2::after{
position:absolute;
content:'';
width:25px;
height:2px;
background:#7bd8ff;
left:0;
bottom:-18px;
}
.newshengxian{
width:25px;
height:2px;
background:#7bd8ff;
transform: translate(1px,-20px);
}
.neleft p{
font-size:14px;
font-family:"寰蒋闆呴粦";
color:#97d4ff;
line-height: 24px;
margin-bottom:50px;
height:74px;
overflow: hidden;
padding-right: 35px;
}
.nelistboxx{
width:100%;
}
.neconright .nelist{
position: relative;
visibility: visible;
animation-duration: 1s;
animation-name: fadeInUp;
}
.neconright .nelist::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color:rgba(255,255,255,0.11);
}
.neconright .nelist:nth-child(1)::after{
display: none;
}
.neconright .nelist:nth-child(4)::after{
display: none;
}
.neconright .nelist:nth-child(6){
background:none;
animation-delay: 1s;
}
.neconright .nelist:nth-child(5){
/* background:-webkit-linear-gradient(left, #173e8e, #1f62ab);
background:-o-linear-gradient(left, #173e8e, #1f62ab);
background:linear-gradient(left, #173e8e, #1f62ab);*/
/*border-left:1px solid rgba(255,255,255,0.11);*/
background:-webkit-linear-gradient(left, #1a4d9a, #226eb5);
background:-o-linear-gradient(left, #1a4d9a, #226eb5);
background:linear-gradient(left, #1a4d9a, #226eb5);
animation-delay: 0.8s;
}
.neconright .nelist:nth-child(4){
/*background:-webkit-linear-gradient(left, #102579,#174190);
background:-o-linear-gradient(left, #102579,#174190);
background:linear-gradient(left, #102579,#174190);*/
background:-webkit-linear-gradient(left, #122b7e, #1a4d9a);
background:-o-linear-gradient(left, #122b7e, #1a4d9a);
background:linear-gradient(left, #122b7e, #1a4d9a);
animation-delay: 0.6s;
}
.neconright .nelist:nth-child(3){
background:-webkit-linear-gradient(left, #226eb5,#2885c7);
background:-o-linear-gradient(left, #226eb5,#2885c7);
background:linear-gradient(left, #226eb5,#2885c7);
animation-delay: 0.4s;
}
.neconright .nelist:nth-child(2){
background:-webkit-linear-gradient(left, #1a4d9a, #226eb5);
background:-o-linear-gradient(left, #1a4d9a, #226eb5);
background:linear-gradient(left, #1a4d9a, #226eb5);
/*border-right:1px solid rgba(255,255,255,0.11);
border-left:1px solid rgba(255,255,255,0.11);*/
animation-delay: 0.2s;
}
.neconright .nelist:nth-child(1){
background:-webkit-linear-gradient(left, #122b7e, #1a4d9a);
background:-o-linear-gradient(left, #122b7e, #1a4d9a);
background:linear-gradient(left, #122b7e, #1a4d9a);
}
.neconright .nelist:nth-child(6) .nelistboxx{
/* background:-webkit-linear-gradient(left, #2065ad, #2780c3);
background:-o-linear-gradient(left, #2065ad, #2780c3);
background:linear-gradient(left, #2065ad, #2780c3);*/
width:100%;
height:185px;
background:-webkit-linear-gradient(left, #226eb5,#2885c7);
background:-o-linear-gradient(left, #226eb5,#2885c7);
background:linear-gradient(left, #226eb5,#2885c7);
}
.lianjiea{
position:relative;
top: 70px;
left:50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width:255px;
height:62px;
line-height: 62px;
background:-webkit-linear-gradient(left, rgba(14,35,120,0.6), rgba(40,133,199,0.6));
background:-o-linear-gradient(left, rgba(14,35,120,0.6), rgba(40,133,199,0.6));
background:linear-gradient(left, rgba(14,35,120,0.6), rgba(40,133,199,0.6));
border:none;
}
.earthmap{
width:1035px;
margin:0 auto 0px;
visibility: visible;
animation-duration: 1s;
animation-delay: 0.8s;
animation-name: fadeIn;
position:relative;
/* padding-bottom:43px;*/
}
.earth{
padding-bottom:43px;
}
.lianhua{
width:100%;
position:relative;
/* height:501px;*/
}
.lianhua::after{
position:absolute;
content:'';
width:100%;
height:100%;
background:rgba(0,0,0,0.72);
z-index: 0;
top:0;
left:0;
background: url(../images/fangkuaiyi.png) repeat rgba(0,0,0,0.27);
}
.videoboxa video{
height:496px;
}
.lianhuacon{
width:1460px;
margin:0 auto;
top:0;
right:100px;
position:absolute;
padding-top:116px;
z-index: 1;
}
.lianhuaitem h4{
font-size:60px;
font-family:"Arial";
color:#fff;
visibility: visible;
animation-duration: 1s;
animation-name: fadeInUp;
}
.lianhuaitem h4 i{
font-size:18px;
font-family:"Arial";
color:#fff;
font-style:normal;
}
.lianhuaitem p{
font-size:16px;
font-family:"寰蒋闆呴粦";
color:#ffffff;
margin-top: 20px;
visibility: visible;
animation-duration: 1s;
animation-name: fadeInUp;
animation-delay: 0.2s;
}
.lianhuaitem{
padding:0 65px;
visibility: visible;
animation-duration: 1s;
animation-name: fadeInUp;
}
.lianhuaitem:nth-child(1){
animation-delay: 0.1s;
}
.lianhuaitem:nth-child(2){
animation-delay: 0.2s;
}
.lianhuaitem:nth-child(3){
animation-delay: 0.3s;
}
.lianhuaitem:nth-child(4){
animation-delay: 0.4s;
}
.videobox{
width:100%;
height:100%;
/* position:relative;*/
position: absolute;
z-index: 1
}
.videobox video{
min-height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.lianhuabt h3{
font-size:48px;
font-family:"寰蒋闆呴粦";
color:#ffffff;
line-height: 60px;
}
.lianhuabg img{
width:100%;
}
.lianhuamore{
display:block;
width:150px;
height:40px;
border:1px solid rgba(255,255,255,0.5);
text-align: center;
margin-top:85px;
transition: all 0.8s;
visibility: visible;
animation-duration: 1s;
animation-name: fadeInUp;
}
.lianhuamore span{
font-size:16px;
font-family:"寰蒋闆呴粦";
color:#ffffff;
line-height: 40px;
transition: all 0.8s;
}
.lianhuamore span:nth-child(2){
margin-left: 2px;
transition: all 0.8s;
}
.footer{
width:100%;
background:#1c2d39;
padding-top:50px;
border-top:1px solid rgba(255,255,255,0.18);
position:relative;
margin-top:50px;
}
.lianhuabg{
position:absolute;
left:0;
top:-188px;
width:100%;
background:url(../images/beijing.png) no-repeat center;
background-size:cover;
height:187px;
}
.ft_con{
width:1200px;
margin:0 auto;
position:relative;
}
.ft_itembox a{
font-size:14px;
font-family:"寰蒋闆呴粦";
color:#ffffff;
display:block;
padding:11px 0;
}
.ft_itemboxa{
margin-left:100px;
}
/*鍒嗕韩*/
.d2-f-fenx{
display: inline-block;
}
/*鍥炬爣鍒嗕韩*/
.bshare_box{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.bshare_box a{
width: 100% !important;
height: 100% !important;
display: block;
opacity: 0 !important;
}
.bsPromo{
width: 100%;
height: 100%;
display: block !important;
opacity: 0 !important;
position:absolute;
top:0;
left:0;
}
.l-r-topb{
position: relative;
height:100%;
width:42px;
height:42px;
text-align: center;
line-height: 42px;
margin-right:8px;
transition: all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
border-radius: 50%;
border:1px solid rgba(255,255,255,0.15);
}
.l-r-topba{
margin-right: 0;
}
.l-r-topb i{
color:#fff;
font-size:38px;
}
.bsTop {
width: 100%!important;
padding-top: 5px;
}
.linkedin{
color:#999999!important;
font-size:50px!important;
}
.weibo{
color:#999999!important;
font-size:22px!important;
}
.wx{
color:#999999!important;
font-size:18px!important;
position:absolute;
top:50%;
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
left:50%;
}
.fenxianga{
position:relative;
bottom:0;
right:0;
margin:133px auto 12px;
}
.fenxianga .l-r-topb{
width:50px;
height:50px;
border:2px solid #999999;
text-align: center;
line-height:50px;
margin-right:44px;
position:relative;
}
.fenxianga .fenicont{
width:300px;
}
.footer .item4
{
/*width: 285px;*/
/*margin: 50px 0 50px 0px;*/
margin-top: 36px;
width:100%;
}
.footer .item4 .link
{
position: relative;
width: 150px;
margin-right: auto;
}
.footer .item4 .link span
{
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.footer .item4 .link span.act
{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.footer .item4 .link .head
{
width: 150px;
padding-top: 14px;
padding-right: 18px;
padding-bottom: 14px;
padding-left: 14px;
cursor: pointer;
color: #fff;
border: 1px solid rgba(255,255,255,0.5);
}
.footer .item4 .link .drop
{
position: absolute;
bottom: 44px;
left: 0;
overflow: hidden;
width: 100%;
max-height: 100px;
height: 100px !important;
/* -webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;*/
border: 1px solid #fff;
border-bottom: none;
display: none;
}
.footer .item4 .link .drop li
{
padding-top: 14px;
padding-right: 20px;
padding-bottom: 14px;
padding-left: 15px;
text-align: left;
background: #2f333d;
}
.footer .item4 .link .drop li a
{
color: #fff;
}
.footer .item4 .link2
{
padding-top: 33px;
text-align: right;
}
.footer .item4 .link2 a
{
font-size: 18px;
line-height: 30px;
display: inline-block;
width: 30px;
height: 30px;
margin-left: 8px;
text-align: center;
vertical-align: middle;
color: #fff;
border-radius: 50%;
}
.footer .item4 .link2 .a1
{
background: #57c839;
}
.footer .item4 .link2 .a2
{
line-height: 26px;
background: #118fd1;
}
.footer .item4 .link2 .a3
{
background: #63b3f0;
}
.footer .item4 .link2 .a4
{
background: #3b5998;
}
.footer .item4 .link2 .a5
{
background: #ec3335;
}
.footer .left,
.footer .right
{
display: inline-block;
vertical-align: top;
}
.footer .right
{
width: calc(100% - 38px);
width: -webkit-calc(100% - 38px);
padding-left: 24px;
}
.footer .right
{
width:calc(100% - 50px);
width: -webkit-calc(100% - 50px);
padding-left: 24px;
}
.footer p
{
line-height: 1.85;
letter-spacing: .75px;
color: rgba(255,255,255,.5);
}
.footer h4
{
font-family: '寰蒋闆呴粦';
color: #fff;
font-size: 16px;
}
.fenicont{
/*width:103px;*/
display:inline-block;
}
.foot_right {
text-align: right;
}
.footp{
text-align: center;
padding:25px 0 34px;
}
.footp p{
color:#bbbec0;
/* color:rgba(157,187,210,0.6);*/
font-size:14px;
font-family:"寰蒋闆呴粦";
}
.footp p a{
color:#bbbec0;
/*color:rgba(157,187,210,0.6);*/
font-size:14px;
font-family:"寰蒋闆呴粦";
}
.footp img{
margin-left:10px;
}
.ftlogo{
}
.ftlogo img{
width:100%;
}
.heixinlistbox{
position:relative;
}
.heixinlist{
width:100%;
visibility: visible;
animation-duration: 1s;
animation-name: fadeInUp;
}
.heixinlist .slick-dots {
bottom:-81px;
}
.heixinlist .slick-dots li{
width:16px;
height:16px;
background:#e5e5e5;
border-radius: 0;
margin: 0 9px;
}
.heixinlist .slick-dots li.slick-active{
background:#005599;
}
.hxin_item{
position:relative;
width:1200px;
margin:0 54px;
}
.heixinlist .slick-active .hxin_txt{
display:block;
}
.hitbox{
width: 100%;
opacity: 0.3;
}
.heixinlist .slick-active .hitbox{
opacity: 1;
}
.hxin_txt{
position:absolute;
background:#fff;
width:380px;
height:422px;
bottom:10px;
left:10px;
padding:56px 53px 42px;
display:none;
z-index: 1;
}
.hxin_txt h2{
color:#333333;
font-size:30px;
font-family:"寰蒋闆呴粦";
position:relative;
animation-duration: 1s;
animation-name: fadeInUp;
visibility: visible !important;
}
.hxin_txt h2::after{
position: absolute;
top:8px;
content: '';
width:73px;
height: 2px;
background:#0067da;
left:-97px;
}
.hxin_txt> p{
color:#666666;
font-size:16px;
font-family:"寰蒋闆呴粦";
margin:30px 0 76px;
line-height: 30px;
animation-duration: 1s;
animation-name: fadeInUp;
visibility: visible !important;
}
.hxin_txt a{
color:#0067da;
font-size:20px;
font-family:"寰蒋闆呴粦";
animation-duration: 1s;
animation-name: fadeInUp;
visibility: visible !important;
}
.gengduo span{
color:#0067da;
font-size:20px;
font-family:"寰蒋闆呴粦";
}
.pagebox{
width:100%;
text-align: center;
margin-top:66px;
}
.pagebox p{
color:#999999;
font-size:24px;
font-family:"Arial";
}
.pagebox p i{
font-style:normal;
color:#333333;
font-size:36px;
font-family:"Arial";
}
.lianhuabt{
width:192px;
visibility: visible;
animation-duration: 1s;
animation-name: fadeInUp;
}
.lianhuarighta{
width: calc(100% - 227px);
}
.earthmap img{
max-width: 100%;
}
.videoaa{
width:100%;
position:relative;
height:496px;
overflow: hidden;
}
.videoaa video{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: auto;
height: auto;
}
.videoaa img{
width:100%;
}
.lianjie:hover{
color:#fff;
}
.heixinlist .slick-prev, .heixinlist .slick-next{
background:#b2b2b2;
width:91px;
height:56px;
z-index: 50;
}
.heixinlist .slick-prev{
left:13.3%;
background:url(../images/prev.png) no-repeat center #b2b2b2;
}
.heixinlist .slick-next{
right:13.3%;
background:url(../images/next.png) no-repeat center #b2b2b2;
}
.jian{
margin-left: 12px;
display: inline-block;
line-height: 62px;
transition: all 0.8s;
width: 9px;
}
.jian img{
width: 100%;
}
.liaojie{
font-family: "寰蒋闆呴粦";
font-size: 18px;
color: #fff;
display: inline-block;
line-height: 62px;
}
.jk{
display: inline-block;
}
.hxin_txt .gengduo span:nth-child(2){
margin-left: 2px;
transition: all 0.8s;
}
.hitbox a{
display: block;
overflow: hidden;
}
.hitbox img{
transition: all 1s;
}
@media screen and (min-width:1200px){
.xailabox a:hover{
color:#000;
}
.navitem a:hover{
color:#009cff;
}
.lianhuamore:hover span{
color:#009cff;
transition: all 0.8s;
}
.lianhuamore:hover .lianhuaspana{
margin-left:10px;
}
.lianhuamore:hover{
/* border-color:#009cff;*/
background-color: #fff;
transition: all 0.8s;
}
.ft_itembox a:hover{
color:#009cff;
}
.hxin_txt:hover .gengduo span:nth-child(2){
margin-left: 20px;
transition: all 0.5s;
}
.lianjie:hover span:nth-child(2){
margin-left: 20px;
transition: all 0.5s;
}
.lianjie:hover span{
color: #009cff;
transition: all 0.5s;
}
.lianjie:hover{
background-color: #fff;
transition: all 0.5s;
}
.lianjiea:hover .jian{
margin-left: 30px;
transition: all 0.5s;
}
.neleft h2:hover{
color:#ffffff;
transition:all 0.3s;
}
.neleft p:hover{
color:#ffffff;
transition:all 0.3s;
}
.lianjiea:hover span:nth-child(2){
margin-left: 10px;
transition: all 0.8s;
}
.hxin_item:hover img{
transition: all 1s;
transform: scale(1.1);
}
.lianjiebox:hover a{
background:linear-gradient(to right,#132d81,#2169b1);
}
.lianjiebox:hover span{
color:#fff;
}
.lianjiebox:hover .jia{
margin-left: 15px;
}
.chuan:hover{
z-index: 3;
transform: scale(1.1);
}
.xingkong:hover{
z-index: 3;
transform: scale(1.1);
}
.wenua_item:hover{
margin-top:-50px;
}
/* .wenhu_list .wenua_item:hover img{
transform: scale(1.1);
}*/
/* .wenhu_list .wenua_item:hover .wenhua_txt::after{
height:100%;
}*/
/* .wenhu_list .wenua_item:hover h3{
color:#fff;
}*/
/*.wenhu_list .wenua_item:hover h3::after{
background:#fff;
}*/
.newslist:hover .c1lianjie .jiac1{
margin-left:10px;
}
.newslist:hover .c1lianjie{
background:#122b7f;
border-color:#122b7f;
}
.newslist:hover .c1lianjie span{
color:#fff;
}
.newslist:hover h3{
color:#122b7f;
transform: translateX(10px)
}
.newslist:hover .c1newsp{
transform: scale(1.1);
}
.c1riitem:hover h4{
transform: translateX(10px)
}
.c1riitem:hover a{
background:-webkit-linear-gradient(right, #122b7f, #267dc1);
background:-o-linear-gradient(right, #122b7f, #267dc1);
background:linear-gradient(to left, #122b7f, #267dc1);
}
.e1news .news_list .news_itema:hover {
background: url(../images/newse1a.jpg) no-repeat center;
background-size: cover;
}
.e1news .news_list .news_itema:hover h3{
color:#fff;
font-weight: bold;
}
.e1news .news_list .news_itema:hover p{
color:#fff;
}
.e1news .news_list .news_itema:hover span{
color:#fff;
}
.e1news .news_list .news_itema:hover i{
color:#fff;
}
.e1news .news_list .news_itema:hover .news_item{
border-bottom:1px solid rgba(255,255,255,0);
}
.d4ccase a:hover .d4lian{
margin-left:10px;
}
.d4ccase a:hover{
background:-webkit-linear-gradient(right, #11267a, #2884c6);
background:-o-linear-gradient(right, #11267a, #2884c6);
background:linear-gradient(to left, #11267a, #2884c6);
}
.d5listbox .d5item:hover img{
transform: scale(1.1);
}
.d5listbox .d5item:hover h3{
color:#009cff;
}
.d5listbox .d5item:hover p{
color:#009cff;
}
.d7list .d7item:hover img{
filter: grayscale(100%)
}
.ifitem:hover .e1timea h4{
color:#009cff;
}
.ifitem:hover .e1rileft h2{
color:#009cff;
}
.ifitem:hover .e1timea{
transform: translateX(28px)
}
.ifitem:hover .e1rileft{
transform: translateX(28px)
}
.ifitem:hover h4::before{
background:#009cff;
}
.ifitem:hover{
background:#fff;
/* width:1285px;*/
box-shadow: 0px 1px 23px #e6e6e6;
border:none;
}
.iflist .ifitem:nth-child(1):hover{
border-top: none;
}
.e2body .ifitem:hover{
background:none;
box-shadow: 0px 1px 23px #fff;
border-bottom: 1px solid #e5e5e5;
}
.e2body .ifitem:hover .e1timea h4{
color:#fff;
}
.c2neipic:hover img{
transform: scale(1.1);
}
.d1picbox:hover img{
transform: scale(1.1);
}
.inter_right:hover img{
transform: scale(1.1);
}
.dongchitem:hover .e3lianhuameng{
top:0;
}
.nav_asida:hover .lanjian{
opacity: 1;
}
.f3btnleftbox:hover{
background: linear-gradient(to left,#122a7e,#277fc2);
}
.lianhuaitemaa:hover .f3toumnga{
transform: scale(1.1);
}
.lianhuaitemaa:hover .f3jia{
margin-left:10px;
}
.lianhuam_lianjie:hover .lhu_aa::after{
height:100%;
}
.lianhuam_lianjie:hover a{
color:#fff;
}
.g2itema:hover{
background:url(../images/g2bgg.jpg) no-repeat center;
background-size:cover;
}
.g2itema:hover h3{
color:#fff;
}
.g2itema:hover p{
color:#d2e8f3;
}
.g2itema:hover .rencai01{
opacity: 0;
}
.g2renbtitem:hover{
border-color:#009cff;
}
.g2renbtitem:hover h5:after{
opacity: 1;
}
}
#drop .mCSB_inside > .mCSB_container{
margin-right: 0;
}
.slick-vertical .banner_item.slick-slide {
border: none !important;
overflow: hidden;
}
.youqing {
width: 100%;
height: 40px;
padding: 0 25px 0 12px;
background-image: url(../images/anniu.png);
background-size: 11px 6px;
background-repeat: no-repeat;
background-position: 94% 50%;
position: relative;
cursor: pointer;
}
.youqingsanjiao{
}
.jian_b{
display:none;
}
.youqingsanjiao.active .jian_b{
display:block;
}
.youqingsanjiao.active .jian_a{
display:none;
}
.youqingsanjiao img{
width:100%;
}
.youqingbox {
width: 100%;
line-height: 38px;
font-family: "氓戮庐猫陆炉茅鈥衡€γ┞烩€�";
font-size: 14px;
color: #d4d8e0;
text-align: left;
}
.xailabox {
width: 90%;
text-align: left;
}
.xailabox a{
font-size: 14px;
line-height: 30px;
color: #fff;
font-family: "寰蒋闆呴粦";
font-size: 14px;
line-height: 30px;
}
.youqingbox2 {
position: absolute;
bottom: 40px;
left: 0;
width: 100%;
height: 155px;
overflow: hidden;
background-color: #005baa;
display: none;
padding: 10px 5px 0 15px;
}
/***b1***/
.b1_banner{
width:100%;
overflow: hidden;
background:#fff;
min-height:789px;
}
.bg video{
width:100%;
}
video{
object-fit: cover;
}
.b1banner{
width:100%;
position:relative;
}
.bav_txt{
position:absolute;
width:1200px;
/*top:calc(50% + 86px);*/
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.b1bt{
text-align: center;
width:928px;
margin:0 auto;
}
.b1bt h2{
color:#ffffff;
font-size:48px;
font-family:"寰蒋闆呴粦";
}
.b1bt p{
color:#ffffff;
font-size:16px;
font-family:"寰蒋闆呴粦";
line-height: 30px;
margin-top:36px;
/* height:60px;*/
overflow: hidden;
}
.b1_box h3{
color:#009cff;
font-size:18px;
font-family:"寰蒋闆呴粦";
}
.b1_box h3 span{
color:#009cff;
font-size:60px;
font-family:"寰蒋闆呴粦";
font-weight: bold;
}
.b1_box p{
color:#ffffff;
font-size:16px;
font-family:"寰蒋闆呴粦";
line-height: 30px;
margin-top:10px;
}
.b1_list{
width:100%;
margin-top:80px;
}
.b1_item{
width:25%;
text-align: center;
}
.b1_item:nth-child(1){
animation:fadeInUp 1.8s;
}
.b1_item:nth-child(2){
animation:fadeInUp 2.4s;
}
.b1_item:nth-child(3){
animation:fadeInUp 3s;
}
.b1_item:nth-child(4){
animation:fadeInUp 3.6s;
}
.lianhuabig{
width:100%;
padding:170px 0 120px;
overflow: hidden;
}
.lianhua_con{
width:1200px;
margin:0 auto;
}
.lihua_left{
width:50%;
position:relative;
height:705px;
}
.chuan{
position:absolute;
top:0;
left:0;
width:601px;
z-index: 2;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
overflow: hidden;
animation: fadeInUp 1.6s;
}
.lan {
animation:fadeInUp 2.8s;
}
.xingkong{
position:absolute;
bottom:0;
right:-80px;
width:268px;
z-index: 3;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
overflow:hidden;
animation:fadeInUp 1.6s;
}
.lan{
width:602px;
position:absolute;
bottom:174px;
right:-104px;
z-index: 1;
}
.santu img{
width:100%;
}
.lihua_right{
width:50%;
}
.lihua_txt{
width:100%;
padding-left:160px;
padding-top:80px;
}
.lihua_txt h2{
color:#333333;
font-weight: bold;
font-family:"寰蒋闆呴粦";
letter-spacing: 1px;
font-size:18px;
animation:fadeInUp 1.8s;
}
.lihua_txt h3{
color:#009cff;
font-family:"寰蒋闆呴粦";
letter-spacing: 1px;
font-size:36px;
margin:22px 0 93px;
position:relative;
animation:fadeInUp 2s;
}
.lihua_txt h3::after{
position:absolute;
content: '';
width:36px;
height:1px;
background:#009cff;
left:0;
bottom:-50px;
}
.lihua_txt p{
color:#333333;
font-family:"寰蒋闆呴粦";
letter-spacing: 1px;
font-size:16px;
line-height: 30px;
animation:fadeInUp 2.5s;
padding-right: 103px;
}
.lianjiebox{
margin-top:67px;
}
.lianjiebox a{
display:block;
width:150px;
height:50px;
line-height: 50px;
color:#2885c7;
border:1px solid #2885c7;
text-align: center;
}
.lianjiebox a span{
color:#2885c7;
font-size:16px;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.douhao{
width:51px;
margin:107px 0 0 65px;
}
.douhao img{
width:100%;
}
.wenhua{
width:100%;
height:562px;
overflow: hidden;
}
.wenhuacon{
width:1200px;
margin:0 auto;
padding:111px 0 8px;
transform: translateX(24px);
}
.wenhaunt{
width:100%;
text-align: right;
margin-bottom:92px;
}
.wenhaunt h2{
color:#ffffff;
font-family:"寰蒋闆呴粦";
font-size:30px;
position:relative;
padding-right:18px;
}
.wenhaunt h2::after{
position:absolute;
content: '';
width:243px;
height:1px;
background:#ffffff;
right:46px;
bottom:-20px;
}
.wenhu_list{
width:100%;
margin: 0 -10px;
}
.wenua_item{
width:33.333333%;
padding:0 10px;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.wenua_item:nth-child(1){
animation:fadeInUp 2.4s;
}
.wenua_item:nth-child(2){
animation:fadeInUp 2s;
}
.wenua_item:nth-child(3){
animation:fadeInUp 1.8s;
}
.wenhua_box{
width:100%;
height:100%;
}
.wenhu_pic{
position:relative;
overflow: hidden;
background:#fff;
}
.wenhu_pic img{
width:100%;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.wen_a{
position:absolute;
top:0;
left:0;
}
.wenhua_txt{
height:112px;
text-align: center;
padding-top:40px;
background:#fff;
position:relative;
}
.wenhua_txt::after{
position:absolute;
content: '';
width:100%;
height:0;
background:#2885c7;
bottom:0;
left:0;
z-index: 5;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.wenhua_txt h3{
color:#333333;
font-family:"寰蒋闆呴粦";
font-size:20px;
height:20px;
padding:0 5px;
position:relative;
z-index: 10;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.wenhua_txt h3::after{
position:absolute;
content: '';
width:33px;
height:1px;
background:#009cff;
bottom:-14px;
left:50%;
transform: translateX(-50%);
}
.b1body .earth{
width:100%;
padding:152px 0 136px;
background:#fff;
}
.earth_bt h2{
text-align: center;
color:#009cff;
font-size:30px;
font-family:"寰蒋闆呴粦";
letter-spacing: 1px;
margin-bottom:56px;
}
.bg_boxa{
position:relative;
z-index: 10;
}
.bggu{
width:100%;
position:fixed;
z-index: 5;
top:0;
left:0;
opacity: 0;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.bggu.act{
opacity: 1;
}
.bggu img{
width:100%;
}
.padmap{
width:100%;
display:none;
}
.padmap img{
width:100%;
}
/***b2***/
.introduce{
width:100%;
padding-top:109px;
background:#f4f9fc;
overflow: hidden;
}
.introduce_con{
width:1200px;
margin:0 auto;
background:#fff;
}
.inter_shang{
padding:57px 40px 34px;
width:100%;
animation:fadeInUp 2s;
}
.inter_shang h3{
color:#009cff;
font-size:18px;
font-family:"寰蒋闆呴粦";
font-weight:bold;
line-height: 1.5;
}
.inter_shang p{
color:#999999;
font-size:14px;
font-family:"寰蒋闆呴粦";
line-height:24px;
height:72px;
overflow: hidden;
margin-top:53px;
}
.inter_left{
width:552px;
padding:0 37px;
}
.inter_left p{
color:#999999;
font-size:14px;
font-family:"寰蒋闆呴粦";
line-height:24px;
height:144px;
overflow: hidden;
}
.b2wenbe{
margin-top:30px;
height:48px!important;
overflow:hidden;
}
.inter_right{
width:648px;
overflow: hidden;
}
.inter_right img{
max-width:100%;
transition: all .3s ease-out 0s;
width:100%;
}
.b2_lianhua{
width: 100%;
}
.b2_lianhua_con{
width:1200px;
margin:0 auto;
}
.lianhuaright{
width:648px;
}
.value{
width:100%;
height:100%;
}
.valuecon{
width:1200px;
margin:0 auto;
/* padding-top:240px;*/
position: relative;
top: 50%;
transform: translateY(-50%);
}
.heixnzhi{
width:153px;
padding-top:68px;
}
.heyou{
width:calc(100% - 153px);
}
.heyoubox{
width:875px;
}
.heixnzhi h4{
color:#ffffff;
font-size:14px;
font-family:"寰蒋闆呴粦";
position:relative;
}
.heixnzhi h4::after{
position: absolute;
content: '';
width:346px;
height:1px;
background:#fff;
opacity: 0.3;
top:50%;
transform:translateY(-50%);
left:-358px;
}
.heyoubox h2{
color:#ffffff;
font-size:36px;
font-family:"寰蒋闆呴粦";
margin-bottom:92px;
position:relative;
animation:fadeInUp 2.1s;
}
.heyoubox h2::after{
position:absolute;
content: '';
height:1px;
width:54px;
bottom:-42px;
left:0;
background:#fff;
}
.heyoubox p{
line-height: 36px;
position:relative;
height:36px;
}
.heyoubox p span{
color:#ffffff;
font-size:16px;
font-family:"寰蒋闆呴粦";
line-height: 36px;
display:block;
}
.heyoubox p .spana{
width:48px;
position:relative;
}
.heyoubox p .spana::after{
position:absolute;
content:'';
left:-10px;
top:17px;
width:2px;
height:2px;
background:#fff;
}
.heyoubox p{
animation:fadeInUp 2.5s;
}
.heyoubox p .sapnb{
width:calc(100% - 48px);
}
.scroll{
width:23px;
margin:115px auto 0;
cursor: pointer;
cursor: pointer;
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
}
.dian{
width:12px;
height:12px;
background:#009cff;
border-radius:50%;
margin-top:43px;
margin-left:10px;
}
.vision{
height:100%;
}
.vision .valuecon {
/*padding-top:185px;*/
}
.vision .valuecon .heyoubox p{
line-height:30px;
height:60px;
overflow: hidden;
color:#fff;
font-size:16px;
}
.Mission .valuecon .heyoubox p{
font-size:24px;
}
.vision .heixnzhi h4::after{
display:none;
}
.diana{
margin-top: 0;
position:relative;
}
.diana::after{
position: absolute;
content: '';
width: 346px;
height: 1px;
background: #fff;
opacity: 0.3;
top: 50%;
transform: translateY(-50%);
left: -358px;
}
.vision .heixnzhi h4{
margin-top:40px;
}
.dianab{
margin-top:40px;
}
.vision .heixnzhi {
padding-top: 37px;
}
.vision .scroll{
margin-top:245px;
}
.Mission{
height:100%;
}
.Mission .valueco{
padding-top:240px;
}
.map-dot{
width:9px;
height:9px;
background:#005599;
border-radius: 50%;
position:absolute;
opacity:0;
}
.map-dot--0{
top:26.367187%;
right:15.072464%;
width:60px;
height:60px;
background:rgba(0,85,153,0.2);
}
.map-dot--1{
top:39.0625%;
right:16.714976%;
animation-delay: 1.04s;
}
.map-dot--2{
top:57.421875%;
right:21.449275%;
animation-delay: 1.4s;
}
.map-dot--3{
top:42.382812%;
right:39.42029%;
animation-delay: 1.76s;
}
.map-dot--4{
bottom:23.4375%;
right:50.048309%;
animation-delay: 2.12s;
}
.map-dot--5{
top:61.132812%;
right:78.26087%;
animation-delay: 2.48s;
}
.map-dot--6{
top:17.1875%;
right:55.652174%;
animation-delay: 2.84s;
}
.map-dot--7{
width:33px;
height:33px;
background:rgba(0,85,153,0.3);
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.map-dot--8{
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.map-lines{
position:absolute;
top:0;
left:0;
z-index: 10;
fill: none;
-webkit-stroke: #005599;
-moz-stroke: #005599;
-ms-stroke: #005599;
-o-stroke: #005599;
stroke: #005599;
-webkit-stroke-width: .6px;
-moz-stroke-width: .6px;
-ms-stroke-width: .6px;
-o-stroke-width: .6px;
stroke-width: .6px;
}
@keyframes animation-line{
0%{stroke-dashoffset:700px}
14.28571%{stroke-dashoffset:0px}
61.42857%{stroke-dashoffset:0px}
85.71429%{stroke-dashoffset:-700px}
to{stroke-dashoffset:-700px}
}
@-webkit-keyframes animation-line{
0%{-webkit-stroke-dashoffset:700px}
14.28571%{-webkit-stroke-dashoffset:0px}
61.42857%{-webkit-stroke-dashoffset:0px}
85.71429%{-webkit-stroke-dashoffset:-700px}
to{-webkit-stroke-dashoffset:-700px}
}
@-moz-keyframes animation-line{
0%{-moz-stroke-dashoffset:700px}
14.28571%{-moz-stroke-dashoffset:0px}
61.42857%{-moz-stroke-dashoffset:0px}
85.71429%{-moz-stroke-dashoffset:-700px}
to{-moz-stroke-dashoffset:-700px}
}
@-o-keyframes animation-line{
0%{-o-stroke-dashoffset:700px}
14.28571%{-o-stroke-dashoffset:0px}
61.42857%{-o-stroke-dashoffset:0px}
85.71429%{-o-stroke-dashoffset:-700px}
to{-o-stroke-dashoffset:-700px}
}
/****/
@keyframes animation-linea{
0%{stroke-dashoffset:-700px}
14.28571%{stroke-dashoffset:0px}
61.42857%{stroke-dashoffset:0px}
85.71429%{stroke-dashoffset:700px}
to{stroke-dashoffset:700px}
}
@-webkit-keyframes animation-linea{
0%{-webkit-stroke-dashoffset:-700px}
14.28571%{-webkit-stroke-dashoffset:0px}
61.42857%{-webkit-stroke-dashoffset:0px}
85.71429%{-webkit-stroke-dashoffset:700px}
to{-webkit-stroke-dashoffset:700px}
}
@-moz-keyframes animation-linea{
0%{-moz-stroke-dashoffset:-700px}
14.28571%{-moz-stroke-dashoffset:0px}
61.42857%{-moz-stroke-dashoffset:0px}
85.71429%{-moz-stroke-dashoffset:700px}
to{-moz-stroke-dashoffset:700px}
}
@-o-keyframes animation-linea{
0%{-o-stroke-dashoffset:-700px}
14.28571%{-o-stroke-dashoffset:0px}
61.42857%{-o-stroke-dashoffset:0px}
85.71429%{-o-stroke-dashoffset:700px}
to{-o-stroke-dashoffset:700px}
}
.map-line--6{
animation: animation-linea 10.04s ease-in!important;
animation-fill-mode: forwards!important;
animation-iteration-count: infinite!important;
animation-delay: 2.66s!important;
}
/****/
svg:not(:root) {
overflow: hidden;
}
/*.map-line .scrollTip.animate{animation: animation-line 800ms;}*/
.map-line {
stroke-dashoffset: 700px;
stroke-dasharray: 700px;
animation: animation-line 10.04s ease-in;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
.is-ie .map-line{
stroke-dashoffset: 0!important;
animation-name:animation-line-fallback;
}
.map-line--1 {
animation-delay: .86s;
}
.map-line--2 {
animation-delay: 1.22s;
}
.map-line--3 {
animation-delay: 1.58s;
}
.map-line--4 {
animation-delay: 1.94s;
}
.map-line--5 {
animation-delay: 2.3s;
}
.map-line--6 {
animation-delay: 2.66s;
}
.is-ie .map-dot{
stroke-dashoffset: 0!important;
animation-name:animation-line-fallback-box;
}
@keyframes animation-line-fallback-box
{0%{opacity:1}14.28571%{opacity:1}61.42857%{opacity:1}85.71429%{opacity:0}to{opacity:0.5}}
@-webkit-keyframes animation-line-fallback-box
{0%{-webkit-opacity:1}
14.28571%{-webkit-opacity:1}
61.42857%{-webkit-opacity:1}
85.71429%{-webkit-opacity:0}
to{-webkit-opacity:0.5}
}
@-moz-keyframes animation-line-fallback-box
{0%{-moz-opacity:1}
14.28571%{-moz-opacity:1}
61.42857%{-moz-opacity:1}
85.71429%{-moz-opacity:0}
to{-moz-opacity:0.5}
}
@-o-keyframes animation-line-fallback-box
{0%{-o-opacity:1}
14.28571%{-o-opacity:1}
61.42857%{-o-opacity:1}
85.71429%{-o-opacity:0}
to{-o-opacity:0.5}
}
.map-dot {
-webkit-animation: animation-dot 4.04s cubic-bezier(.25,.74,.22,.99);
-moz-animation: animation-dot 4.04s cubic-bezier(.25,.74,.22,.99);
-ms-animation: animation-dot 4.04s cubic-bezier(.25,.74,.22,.99);
-o-animation: animation-dot 4.04s cubic-bezier(.25,.74,.22,.99);
animation: animation-dot 4.04s cubic-bezier(.25,.74,.22,.99);
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes animation-dot{
0%{-webkit-opacity: 0;opacity: 0;}
14.28571%{-webkit-opacity: 1;opacity: 1}
26.42857%{-webkit-opacity: 1; opacity: 1}
40.71429%{-webkit-opacity: 0;opacity: 0}
to{-webkit-opacity: 0;opacity: 0}
}
@-moz-keyframes animation-dot{
0%{-moz-opacity: 0;opacity: 0}
14.28571%{-moz-opacity: 1;opacity: 1}
26.42857%{-moz-opacity: 1; opacity: 1}
40.71429%{-moz-opacity: 0;opacity: 0}
to{-moz-opacity: 0;opacity: 0}
}
@-o-keyframes animation-dot{
0%{-o-opacity: 0;opacity: 0}
14.28571%{-o-opacity: 1;opacity: 1}
26.42857%{-o-opacity: 1; opacity: 1}
40.71429%{-o-opacity: 0;opacity: 0}
to{-o-opacity: 0;opacity: 0}
}
@keyframes animation-dot{
0%{opacity: 0;}
14.28571%{opacity: 0.5;}
26.42857%{opacity: 1; }
40.71429%{opacity: 0;}
to{opacity: 1;}
}
.map-dot--1{
animation-delay: 1.04s;
}
.map-dot--2{
animation-delay: 1.4s;
}
.map-dot--3{
animation-delay: 1.76s;
}
.map-dot--4{
animation-delay: 2.12s;
}
.map-dot--5{
animation-delay: 2.48s;
}
.map-dot--6{
animation-delay: 2.84s;
}
.map-dot--0 {
-webkit-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-moz-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-ms-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-o-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-ms-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.map-dot--7{
-webkit-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-moz-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-ms-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-o-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-ms-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.map-dot--8{
-webkit-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-moz-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-ms-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-o-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-ms-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes fade-in{
0%{
-webkit-opacity: 0;
opacity: 0;
}
to{
-webkit-opacity: 1;
opacity: 1;
}
}
@-moz-keyframes fade-in{
0%{
-moz-opacity: 0;
opacity: 0;
}
to{
-moz-opacity: 1;
opacity: 1;
}
}
@-o-keyframes fade-in{
0%{
-o-opacity: 0;
opacity: 0;
}
to{
-o-opacity: 1;
opacity: 1;
}
}
@keyframes fade-in{
0%{
opacity: 0;
}
to{
opacity: 1;
}
}
@keyframes animation-line-fallback
{0%{opacity:0}14.28571%{opacity:1}26.42857%{opacity:1}40.71429%{opacity:0}to{opacity:0}}
@-webkit-keyframes animation-line-fallback
{0%{-webkit-opacity:0}
14.28571%{-webkit-opacity:1}
26.42857%{-webkit-opacity:1}
40.71429%{-webkit-opacity:0}
to{-webkit-opacity:0}
}
@-moz-keyframes animation-line-fallback
{0%{-moz-opacity:0}
14.28571%{-moz-opacity:1}
26.42857%{-moz-opacity:1}
40.71429%{-moz-opacity:0}
to{-moz-opacity:0}
}
@-o-keyframes animation-line-fallback
{0%{-o-opacity:0}
14.28571%{-o-opacity:1}
26.42857%{-o-opacity:1}
40.71429%{-o-opacity:0}
to{-o-opacity:0}
}
/*****************b4***********************/
.b4banner{
width:100%;
position:relative;
margin-top:86px;
}
.b4banner img{
width:100%;
position:relative;
top:0;
left:50%;
transform: translateX(-50%);
}
/**闈㈠寘灞慶ss*/
.wj_pb_bottom{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
border-top: 1px solid rgba(255,255,255,0.2);
z-index: 10;
}
.wj_pb_b_cont{
width: 1200px;
margin: 0 auto;
height: 100%;
line-height: 50px;
}
.wj_pb_bc_list{
float: left;
padding: 17px 30px;
border-right: 1px solid rgba(255,255,255,0.2);
line-height: 50px;
height: 100%;
cursor: pointer;
position: relative;
}
.wj_pb_bc_list:hover p{
color:#009cff;
}
.wj_pb_bc_list:hover i{
color:#009cff;
}
.wj_pb_bc_list:nth-child(1){
padding-left: 0;
padding-top: 0;
}
.wj_pb_bc_list img{
display: inline-block;
width: 13px;
}
.wj_pb_bc_list i{
transition: all .3s ease-out 0s;
}
.wj_pb_bc_list p{
color:#ffffff;
font-size: 14px;
font-family: "寰蒋闆呴粦";
font-weight: lighter;
float: left;
transition: all .3s ease-out 0s;
}
.wj_pb_bc_list i{
float: right;
font-size: 13px;
color: #ffffff;
margin-left: 20px;
line-height: 15px;
}
.dns_navs_ul{
width: 100%;
position: absolute;
top:49px;
/*background: linear-gradient(to right,#234e95,#46a9d6 ); */
/*background: #47acd8;*/
left: 0;
display: none;
background: #009cff;
}
.dns_navs_ul li{
padding-left:30px;
font-size: 14px;
font-family: "寰蒋闆呴粦";
color: #ffffff;
line-height: 50px;
overflow: hidden;
}
.dns_navs_ul li a{
/*color: #ffffff;*/
color: #ffffff;
position: relative;
left: 0;
transition: all 0.2s ease;
}
.dns_navs_ul li:hover a{
left: 20px;
}
.structure{
width:100%;
padding-bottom:221px;
}
.jiegoubt{
width: 100%;
text-align: center;
}
.jiegoubt h2{
font-size: 30px;
font-family: "寰蒋闆呴粦";
color: #464646;
position:relative;
width:100%;
padding:60px 0 37px;
letter-spacing: 1px;
}
.jiegoubt h2::after{
position:absolute;
content:'';
width:100%;
height:1px;
background:rgba(222,222,222,0.5);
bottom:16px;
left:0;
}
.jiegoubt h2::before{
position:absolute;
content:'';
width:124px;
height:1px;
background:#009cff;
bottom:16px;
left:50%;
transform:translateX(-50%);
}
.jiegoubt p{
font-size: 18px;
font-family: "Conv_Roboto-Light","寰蒋闆呴粦";
color: #464646;
text-transform: uppercase;
letter-spacing: 1px;
}
.strupic{
width:1200px;
margin:55px auto 0;
}
.strupic img{
max-width:100%;
}
.structure_a{
padding-bottom:250px;
}
/**c1***/
.bannerli{
margin-top:86px;
}
.c1news{
width:100%;
}
.c1newscon{
width:1200px;
margin:55px auto 0;
}
.newslist{
padding:36px 0;
border-bottom:1px solid #eeeeee;
animation: fadeInUp 2.2s;
}
.newslist:nth-child(1){
border-top:1px solid #eeeeee;
}
.c1nleft{
width:860px;
}
.c1right{
width:calc(100% - 860px);
padding-left:35px;
}
.c1right h3{
margin-bottom:20px;
color:#464646;
font-size:18px;
font-family: '寰蒋闆呴粦';
padding-left:24px;
height:18px;
overflow: hidden;
position:relative;
}
.c1right h3::after{
position:absolute;
content:'';
top:50%;
transform: translateX(-50%);
left:0;
width:30px;
height:2px;
background:#009cff;
}
.c1newspic{
width:300px;
position:relative;
overflow: hidden;
}
.c1newspic img{
width:100%;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.c1newsp{
position:absolute;
top:0;
left:0;
}
.c1newstxt{
width:calc(100% - 300px);
padding:0 30px;
}
.c1newstxt.active{
width:100%;
padding-left:0;
}
.c1newstxt h3{
font-size: 18px;
font-family: "寰蒋闆呴粦";
color: #333333;
letter-spacing: 1px;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.5;
height: 27px;
overflow: hidden;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.c1time{
margin: 17px 0 20px;
}
.c1time span{
font-size: 14px;
font-family: "Arial";
color: #999999;
}
.c1newstxt p{
font-size: 14px;
font-family: "寰蒋闆呴粦";
color: #848484;
line-height: 24px;
overflow: hidden;
letter-spacing: 1px;
height:48px;
overflow: hidden;
margin-bottom:16px;
}
.c1lianjie{
width:150px;
height:40px;
border:1px solid #93c2e3;
text-align: center;
line-height: 40px;
}
.c1lianjie .jiac1{
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.c1lianjie a{
font-size: 16px;
font-family: "寰蒋闆呴粦";
color: #2885c7;
}
.c1riitem{
width:100%;
margin-bottom:5px;
animation: fadeInUp 1.7s;
}
.c1riitem:nth-child(1){
animation: fadeInUp 1.7s;
}
.c1riitem:nth-child(2){
animation: fadeInUp 2.1s;
}
.c1riitem:nth-child(3){
animation: fadeInUp 2.5s;
}
.c1riitem a{
display:block;
background:linear-gradient(to right,#122b7f,#267dc1);
padding: 28px 27px 47px 27px;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.c1riitem h4{
font-size: 18px;
font-family: "寰蒋闆呴粦";
color: #fff;
line-height: 1.5;
height:27px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
letter-spacing: 1px;
position:relative;
-webkit-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.c1hengxian{
width:25px;
height:2px;
background:#7bd8ff;
margin:20px 0;
}
.c1riitem p{
font-size: 14px;
font-family: "寰蒋闆呴粦";
color: #97d4ff;
line-height: 24px;
height:72px;
overflow: hidden;
}
/*********************鍒嗛〉绗�************************/
.page {
text-align: center;
padding:80px 0 222px;
}
.page li {
display: inline-block;
width: 28px;
height: 28px;
line-height: 28px;
font-size: 14px;
color: #333;
position:relative;
margin:0 4px;
}
.page li img {
margin-top: 0px;
}
.page li img:last-child {
display: none;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.page li:hover img:last-child {
display: block;
}
.page li.activepage {
color: #075fa2;
border: 1px solid #2aa3eb;
color:#2aa3eb;
}
.page li:hover{
color:#2aa3eb;
border: 1px solid #2aa3eb;
}
.fenye_ph .fp_btn a {
color: #2885c7;
}
.fenye_ph .fp_btn {
padding: 5px 10px;
font-size: 14px;
color: #2885c7;
border: 1px solid #2885c7;
}
.fenye_ph {
display:none;
}
.page li:hover img:last-child {
display: block;
}
.lrs_a{
transform: translateY(-3px);
}
.page li:hover .lrs_a{
opacity: 0;
}
/**鍒嗛〉绗︾粨鏉�**/
/**c2寮€濮�***/
.c2nei{
width:100%;
}
.c2neicon{
width:1200px;
margin:95px auto 0;
}
.c2neicon.act .c2neileft {
width:60px;
}
.c2neicon.act .c2neiright {
width:calc(100% - 100px);
}
.c2neicon.act .c2neiright .fenxianga{
margin: 0 auto 0px;
}
.c2neileft{
width:464px;
}
.c2neipic{
width:100%;
overflow: hidden;
}
.c2neipic img{
width:100%;
transition: all .3s ease-out 0s;
}
/*鍒嗕韩*/
.fenxianga{
position:relative;
bottom:0;
right:0;
margin:52px auto 0px;
}
.fenxianga .l-r-topb{
width:50px;
height:50px;
text-align: center;
line-height:50px;
position:relative;
border:none!important;
}
.fenxianga .fenicont{
width:56px;
border:1px solid #e5e5e5;
}
.d2-f-fenx{
display: inline-block;
}
/*鍥炬爣鍒嗕韩*/
.bshare_box{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.bshare_box a{
width: 100% !important;
height: 100% !important;
display: block;
opacity: 0 !important;
}
.bsPromo{
width: 100%;
height: 100%;
display: block !important;
opacity: 0 !important;
position:absolute;
top:0;
left:0;
}
.l-r-topb{
position: relative;
height:100%;
width:42px;
height:42px;
text-align: center;
line-height: 42px;
margin-right:8px;
transition: all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
}
.c2nei .l-r-topb i{
color:#cccccc;
font-size:22px;
}
.bsTop {
width: 100%!important;
padding-top: 5px;
}
.c2neiright{
width:calc(100% - 552px);
}
.c2neiright h2{
font-size: 24px;
font-family: "寰蒋闆呴粦";
color: #464646;
line-height: 1.5;
height: 36px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.c2timelist{
padding:40px 0 20px;
border-bottom:1px solid #dddddd;
}
.c2item span{
font-size: 14px;
font-family: "寰蒋闆呴粦";
color: #666666;
margin-left:17px;
}
.c2timelist .c2item:nth-child(2){
margin:0 50px;
}
.c2text p{
color:#666666;
font-size:14px;
font-family:"寰蒋闆呴粦";
line-height: 28px;
letter-spacing: 1px;
margin:39px 0;
}
.c2fenye{
width:100%;
position:relative;
margin:34px 0 235px;
}
.c2fenbox{
width:45px;
height:45px;
border:1px solid #d2d2d2;
position:relative;
}
.c2fenbox a{
display:block;
width:100%;
height:100%;
line-height: 42px;
text-align: center;
}
.c2menue{
width:20px;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.c2menue img{
width:100%;
}
/****/
.c3news .news{
width:100%;
position:relative;
z-index: 99;
transition: all .7s ease-out 0s;
-webkit-transition: all .7s ease-out 0s;
-moz-transition: all .7s ease-out 0s;
-o-transition: all .7s ease-out 0s;
-ms-transition: all .7s ease-out 0s;
}
.c3news .e1news{
z-index: 96;
}
.c3news .newsbox{
margin-top:95px;
width:100%;
}
.c3news .news_list{
margin:0 auto;
}
.c3news .nw_time{
width:150px;
transform: translateY(68%);
}
.c3news .nw_time span{
color:#009cff;
font-size:36px;
font-family:"Ebrima";
text-transform: capitalize;
transition: all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
}
.c3news .nw_time i{
color:#009cff;
font-size:18px;
font-family:"Arial";
font-style: normal;
margin-left:10px;
transition: all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
}
.c3news .nw_txt{
width:calc(100% - 220px);
position:relative;
}
.c3news .changjiana{
position:absolute;
top:0px;
left:0;
opacity: 0;
}
.c3news .nw_txt h3{
color:#333333;
font-size:20px;
font-family:"寰蒋闆呴粦";
margin-bottom:13px;
/* transition: all .3s ease-out 0s;*/
/* -webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;*/
line-height:1.5;
letter-spacing: 1px;
height:30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.c3news .nw_txt p{
color:#666666;
font-size:14px;
font-family:"寰蒋闆呴粦";
line-height: 30px;
transition: all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
height:54px;
overflow: hidden;
}
.c3news .nw_jiantou{
width:50px;
transform: translateY(50%);
margin-top:32px;
}
.c3news .nw_txta{
width:calc(100% - 173px);
}
.c3news .news_item{
padding:50px 30px;
border-bottom:1px dashed rgba(220,220,220,0.1);
transition: all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
width:1255px;
margin:0 auto;
border-bottom:1px solid #dcdcdc;
}
.c3news .nitbox:nth-child(1) .news_item{
border-top:1px dashed rgba(220,220,220,0.1);
}
.c3news .news_itema{
width:100%;
}
.c3news .news_list .news_itema{
border-bottom:0.5px solid rgba(220,220,220,0);
transition: all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
position:relative;
cursor: pointer;
}
.c3news .news_list .news_itema::after{
position:absolute;
content:"";
width:2%;
height:1px;
bottom:0;
left:50%;
transform: translateX(-50%);
background:rgba(220,220,220,0.6);
transition: all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
opacity: 0;
}
/*.news_list .news_itema:hover{
border-bottom:0.5px solid rgba(220,220,220,0.6);
}*/
.c3news .nitbox{
animation:fadeInUp 2s;
}
.c3news .newsc{
width:1400px;
margin:0 auto;
}
.c3news .more{
width:178px;
margin:67px 0 108px;
position:relative;
}
.c3news .more a{
display:block;
width:100%;
height: 100%;
line-height:46px;
}
.c3news .more span{
text-transform:uppercase;
color:#ffffff;
font-size:16px;
font-family:"Arial";
transform: translateY(-2px);
letter-spacing: 1px;
}
.e1news .news_list .news_itema {
transition: all .3s ease-out 0s;
}
/***c4**/
.c4neiye .c2neileft {
width: 100%;
float: none;
position:relative;
}
.c4neiye .c2neipic{
position:relative;
}
.c4neiye .c2neipic::after{
position:absolute;
content:'';
width:4px;
height:100%;
background:linear-gradient(#102378,#2884c6);
top:0;
left:0;
}
.c4neiye .fenxianga{
position:absolute;
margin:0;
top:0;
right:-96px;
}
.c4neiye .c2neiright{
width:100%;
margin-top:50px;
}
/**d1***/
.d1body .introduce{
padding-top:0;
background:#fff;
}
.d1body .introduce_con{
margin-top:60px;
}
.d1picbox{
width:100%;
overflow: hidden;
}
.d1picbox img{
width:100%;
transition:all .3s ease-out 0s;
}
.inter_xia{
animation:fadeInUp 2.5s;
}
.d1body .inter_xia .inter_left{
width:386px;
background:#f7f9fb;
padding:0;
}
.d1body .inter_xia .inter_left img{
width:100%;
}
.d1body .inter_xia .inter_right{
width:calc(100% - 446px);
/*padding-top:57px;*/
padding-top:85px;
}
.d1body .inter_xia .inter_right h3{
color:#333333;
font-size:16px;
font-family:"寰蒋闆呴粦";
font-weight:bold;
margin-bottom:39px;
}
.d1body .inter_xia .inter_right p{
color:#333333;
font-size:14px;
font-family:"寰蒋闆呴粦";
line-height: 30px;
letter-spacing: 1px;
padding-right:45px;
height:90px;
overflow: hidden;
}
.d1bigtxt{
color:#f0f0f0!important;
font-size:48px!important;
font-family:"Arial";
text-transform: uppercase;
font-weight: bold;
margin-top:36px;
text-align: right;
padding-right:0!important;
height:auto!important;
overflow: unset!important;
line-height: 1.5!important;
}
.d1lianhualeft{
width:387px;
padding-top:70px;
padding-right:33px;
}
.d1lianhualeft h3{
color:#ffffff;
font-size:26px;
font-family:"Arial";
text-transform:uppercase;
line-height:36px;
}
.d1lianhualeft p{
color:#ffffff;
font-size:18px;
font-family:"寰蒋闆呴粦";
font-weight:bold;
margin-top:30px;
letter-spacing: 1px;
}
.lrtxt h3{
animation:fadeInUp 2.1s;
}
.lrtxt p{
animation:fadeInUp 2.4s;
}
.lelist {
animation:fadeInUp 2.6s;
}
.d1body .lianhuaright{
width:calc(100% - 387px);
background:#f7f9fb;
padding-left:60px;
padding-top:50px;
padding-bottom:210px;
padding-right:48px;
}
.d1body .lianhuaright h3{
color:#333333;
font-size:16px;
font-family:"寰蒋闆呴粦";
font-weight:bold;
margin-bottom:24px;
animation:fadeInUp 1.5s;
}
.d1body .lianhuaright p{
color:#333333;
font-size:14px;
font-family:"寰蒋闆呴粦";
font-weight:lighter;
margin-bottom:24px;
line-height: 28px;
animation: fadeInUp 1.6s;
}
.lelist .leitem{
margin-right:40px;
}
.d2body .lelist{
margin-top:54px;
animation: fadeInUp 1.8s;
}
.d4body .lianhuaright{
margin-bottom:210px;
padding-bottom:60px;
position:relative;
}
.d4ccase {
/*position: absolute;*/
left:0;
bottom:-50px;
}
.d4ccase a{
display:block;
width:240px;
height:50px;
color:#ffffff;
font-size:14px;
font-family: '寰蒋闆呴粦';
font-weight: bold;
line-height: 50px;
background:linear-gradient(to right,#11267a,#2884c6);
text-align: center;
}
.d4lian{
transition:all .3s ease-out 0s;
}
.d5list{
width:1200px;
margin:60px auto 0;
}
.d5listbox{
margin:0 -15px;
}
.d5item{
width:50%;
padding:0 15px;
animation: fadeInUp 1.9s;
}
.d5itempic{
position:relative;
width:100%;
height:100%;
overflow: hidden;
}
.d5itempic img{
width:100%;
transition: all .3s ease-out 0s;
}
.d5pix{
position:absolute;
top:0;
left:0;
}
.d5itemtxt{
padding:23px 15px 29px;
text-align:center;
}
.d5itemtxt h3{
color:#464646;
font-size:18px;
font-family: '寰蒋闆呴粦';
line-height: 18px;
overflow: hidden;
height:18px;
}
.d5itemtxt p{
color:#848484;
font-size:14px;
font-family: '寰蒋闆呴粦';
margin-top:15px;
letter-spacing: 1px;
line-height: 14px;
overflow: hidden;
height:14px;
}
.d7listbox{
width:1200px;
margin:58px auto 255px;
}
.d7list{
margin:0 -10px;
}
.d7item{
width:25%;
position:relative;
padding:0 10px;
text-align: center;
margin-bottom:20px;
}
.d7item img{
width:100%;
}
.d7item a{
display:block;
width:100%;
height:100%;
}
/*.d7picaa{
position:absolute;
top:0;
left:0;
}*/
.d7itembox{
border:1px solid #e5e5e5;
}
.iflist{
width:1200px;
margin:65px auto 0;
}
.e1timea{
width:67px;
transition: all .3s ease-out 0s;
}
.e1timea h4{
color:#333333;
font-size:24px;
font-family:"Conv_HelveticaNeueLTPro-ThEx";
letter-spacing: 1px;
position:relative;
}
.e1timea h4::before{
position:absolute;
content: '';
width:88px;
height:1px;
background:#a0a0a0;
top:50%;
transform: translateY(-50%);
right:-107px;
}
.e1rightbox{
width:calc(100% - 197px);
}
.e1rileft{
width:calc(100% - 125px);
padding-right:46px;
transition: all .3s ease-out 0s;
}
.e1rileft h2{
color:#333333;
font-size:18px;
font-family:"寰蒋闆呴粦";
margin-bottom:25px;
height:18px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.e1rileft p {
color:#848484;
font-size:14px;
font-family:"寰蒋闆呴粦";
line-height: 24px;
letter-spacing: 1px;
height:48px;
overflow: hidden;
}
.e1titight{
width:125px;
padding-left:37px;
position:relative;
height:56px;
line-height: 56px;
transform: translateY(13px);
transition: all .3s ease-out 0s;
}
.e1titight::after{
position:absolute;
content: '';
top:50%;
transform:translateY(-50%);
width:1px;
height:54px;
background:#d2d2d2;
left:0;
}
.ifitem {
padding:42px 0 36px;
border-bottom:1px solid #e5e5e5 ;
animation: fadeInUp 1.6s;
}
.iflist .ifitem:nth-child(1){
border-top:1px solid #e5e5e5 ;
}
.e2body .e1timea{
width:106px;
height:89px;
background:#3488ea;
text-align:center;
}
.e2body .e1timea h4{
line-height: 89px;
color:#fff;
}
.e2body .e1timea h4::before{
display:none;
}
.e2body .e1titight{
width:150px;
height:38px;
border:1px solid #93c2e3;
line-height: 38px;
transform: translateY(20px)!important;
}
.e2body .e1rightbox {
width: calc(100% - 165px);
}
.e2body .e1titight::after{
display:none;
}
.e2body .e1rileft{
width: calc(100% - 150px);
padding-right:100px;
}
/*e3*/
.dongchae2{
width:1200px;
margin:65px auto 325px;
}
.dongchitem{
width:25%;
position:relative;
overflow: hidden;
}
.dongchitem a{
display:block;
}
.dongchitem img{
width:100%;
}
.e3pica{
position:absolute;
top:0;
left:0;
}
.e3lianhuameng{
position:absolute;
top:-400px;
left:0;
width:100%;
height:100%;
z-index: 10;
text-align: center;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.e3lianjiebox{
position:relative;
top:50%;
transform: translateY(-50%);
}
.e3lianhuameng h3{
color:#fff;
font-family:"寰蒋闆呴粦";
font-weight:bold;
font-size:18px;
margin-bottom:25px;
line-height: 1.5;
padding:0 10px;
}
.e3lianjie span{
color:#fff;
font-family:"寰蒋闆呴粦";
font-weight:bold;
}
.f1btbox{
width:100%;
text-align: center;
}
.f1btbox img{
max-width:100%;
animation: fadeInUp 1.6s;
}
.ifbox{
overflow: hidden;
}
.f1list{
width:1200px;
margin:65px auto 130px;
}
.filista{
width:963px;
margin:70px auto 0;
}
.fiitem{
width:33.333333%;
text-align: center;
}
.fiitem h3{
color:#215dab;
font-family:"寰蒋闆呴粦";
font-size:18px;
font-weight:bold;
margin-bottom:20px;
animation: fadeInUp 1.6s;
}
.fiitem p{
color:#464646;
font-family:"寰蒋闆呴粦";
font-size:14px;
line-height: 24px;
letter-spacing: 1px;
animation: fadeInUp 1.9s;
}
/**棣栭〉鏍稿績浜т笟**/
.wrap_textbox {
position: absolute;
top: 185px;
left: 11.6%;
}
.wrap_textbox .box {
position: absolute;
left: 140px;
top: 0;
width: 380px;
height: 299px;
background: #ffffff4a;
box-shadow: 10px 15px 50px rgba(0,0,0,0.25);
-webkit-box-shadow: 10px 15px 50px rgba(0,0,0,0.25);
padding: 55px 50px;
}
.wrap_textbox .box .wrap_txt li.active {
display: block;
}
.wrap_textbox .box .wrap_txt li {
display: none;
}
.wrap_textbox .box .wrap_txt li .tit {
font-family: "寰蒋闆呴粦";
font-size: 30px;
color: #fff;
line-height: 30px;
position:relative;
}
.wrap_textbox .box .wrap_txt li .tit::after{
position:absolute;
content:'';
top:7px;
width:73px;
height:2px;
background:#0067da;
left:-98px;
}
.wrap_textbox .box .wrap_txt li .wrap_desc {
margin-top: 20px;
color:#666666;
font-size:16px;
font-family:"寰蒋闆呴粦";
line-height: 30px;
}
.wrap_textbox .box .wrap_txt li .btn_text_6 {
margin-top: 77px;
display:block;
}
.btn_text_6 span {
display: inline-block;
font-family: "寰蒋闆呴粦";
font-size: 20px;
color: #0067da;
}
.btn_text_6 span:after {
display: inline-block;
content: "";
width: 6px;
height: 9px;
background: url(../images/d4pic00100.png) no-repeat;
margin-left: 10px;
}
.slide_page {
position: absolute;
bottom: 40px;
left: 10.6%;
}
.slide_page .slides_log {
padding-left: 285px;
font-family: nbr;
font-size: 20px;
color: #666;
letter-spacing: 2px;
}
.slide_page .slides_log .slide_num {
font-size: 36px;
color: #333;
font-family:"Arial";
}
.slide_page .slides_log .slide_num span {
font-family: nbb;
}
.slide_total_num{
font-size: 24px;
color: #999999;
font-family:"Arial";
}
.mapboxa{
display:none;
width:100%;
}
.mapboxa img{
width:100%;
}
.video_boxoo{
display:none;
width:auto;
position:relative;
height:100%;
top:0;
left:0;
}
.pcxiala{
width:100%;
height:400px;
background:rgba(255,255,255,0.92);
position:absolute;
top:86px;
left:0;
display:none;
}
.pcxialacon{
width:1200px;
margin:0 auto;
padding:65px 0px;
}
.pcxialaa h3{
color:#333333;
font-size: 36px;
font-family:"寰蒋闆呴粦";
position:relative;
}
.pcxialaa h3::after{
position:absolute;
content:'';
width:51px;
height:3px;
background:#1785ff;
left:0;
bottom:-37px;
}
.pcxialaa p{
color:#333333;
font-size: 16px;
font-family:"寰蒋闆呴粦";
line-height: 36px;
margin-top:75px;
}
.pcxialacon .pcxialaa:nth-child(1){
width:304px;
overflow: hidden;
}
.pcxialacon .pcxialaa:nth-child(2){
width:592px;
overflow: hidden;
}
.pcxialacon .pcxialaa:nth-child(3){
width:303px;
overflow: hidden;
}
.pxialapic{
width:100%;
}
.pxialapic img{
width:100%;
}
.pcxialaa h4{
color:#333333;
font-size: 18px;
font-family:"寰蒋闆呴粦";
margin-top:27px;
}
.pcxialaaboxa a{
display:block;
color:#666666!important;
font-size: 18px;
font-family:"寰蒋闆呴粦";
margin-bottom:25px;
}
.nav_aside{
width:260px;
text-align: center;
/*padding-left:12px;*/
position:absolute;
top:86px;
right:-260px;
background:#fff;
height:100vh;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
z-index: 66;
}
.nav_aside.active{
right:0;
}
.nav_asida{
/*border-bottom:1px solid #eaebeb;*/
padding-left:12px;
}
.nav_asida a{
display:block;
padding:30px 0;
color:#666666;
font-size:16px;
font-family:"寰蒋闆呴粦";
border-bottom: 1px solid #eaebeb;
}
.lanjian{
transform: translateX(-65px);
opacity: 0;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.nav_asida:hover .nav_cela{
display:block;
}
.nav_cela{
width: 258px;
padding:0 25px;
background:rgba(255,255,255,0.92);
position:absolute;
top:0;
right:260px;
height:100vh;
display:none;
}
.nav_class{
border-bottom:1px solid rgba(0,0,0,0.06);
}
/*鎵嬫満涓嬫媺*/
.phxia{
position: fixed;
z-index: 10;
margin-top: 60px;
width: 100%;
z-index: 110;
}
.xialaph{
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding-bottom: 30px;
background-color: #f1f1f1;
font-family: '寰蒋闆呴粦';
}
@media screen and (max-width: 992px)
{
.xialaph .container{
width: 100%;
padding: 0 40px;
}
}
@media screen and (max-width: 768px)
{
.xialaph .container{
width: 100%;
padding: 0 20px;
}
}
.xialaph h4{
position: relative;
}
.xialaph h4::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
opacity: .1;
background-color: #000;
}
.xialaph h4 a{
font-size: 16px;
font-weight: bold;
line-height: 60px;
text-transform: uppercase;
color: #999;
}
.xialaph h4 img{
position: absolute;
top: 50%;
right: 5px;
width: 13px;
cursor: pointer;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.xialaph .ul2{
display: none;
padding-top: 7px;
padding-bottom: 8px;
}
.xialaph .ul2 .container{
max-width: 100%;
}
.xialaph h5{
position: relative;
}
.xialaph h5::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
opacity: .05;
background-color: #000;
}
.xialaph h5 a{
font-family: '寰蒋闆呴粦';
font-size: 14px;
line-height: 40px;
text-transform: uppercase;
color: #999;
}
.xialaph h5 img{
position: absolute;
top: 50%;
right: 5px;
width: 13px;
cursor: pointer;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
display: block;
}
.xialaph .ul3{
display: none;
padding-left: 15px;
}
.xialaph h6 a{
font-family: '寰蒋闆呴粦';
font-size: 12px;
line-height: 40px;
text-transform: uppercase;
color: #999;
}
/**鎵掍晶瀵艰埅**/
body.active_right #header_right {
z-index: 998;
visibility: visible;
}
#header_right {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
width: 100%;
visibility: hidden;
}
#header_right .header_inner_wrap {
position: relative;
max-width: 2000px;
margin: 0 auto;
height: 100%;
overflow: hidden;
}
#header_right .header_inner_wrap .dimmed_area {
position: absolute;
right: 480px;
top: 0;
bottom: 0;
left: 0;
}
body.stop.active_right #header_right .header_inner_wrap .header_inner {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
#header_right .header_inner_wrap .header_inner {
-webkit-transform: translateX(480px);
-moz-transform: translateX(480px);
-ms-transform: translateX(480px);
-o-transform: translateX(480px);
transform: translateX(480px);
}
#header_right .header_inner_wrap .header_inner {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 480px;
text-align: left;
}
.header_inner_wrap .header_inner {
background: #fff;
overflow-y: auto;
}
.gnb_mot {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.header_inner_wrap .header_inner h3 {
background: url(../images/header_side_bg.png) repeat-y center top;
background-size: 100%;
color: #fff;
padding: 37px 0 15px 40px;
font-size: 18px;
line-height: 18px;
letter-spacing: 0.8px;
font-weight: bold;
}
.eng {
font-family: 'Arial', sans-serif;
background-color: transparent;
-webkit-font-smoothing: antialiased;
}
#header_right .header_inner_wrap .header_inner .block.first {
background: url(../images/header_right_block1_bg.jpg) no-repeat center bottom;
}
.header_inner_wrap .header_inner .block {
padding: 30px 37px;
border-bottom: 8px solid #ececec;
}
.header_inner_wrap .header_inner .block {
padding: 30px 37px;
border-bottom: 8px solid #ececec;
}
.header_inner_wrap .header_inner .block.block3 {
border: 0;
}
.header_inner_wrap .header_inner .block {
padding: 30px 37px;
border-bottom: 8px solid #ececec;
}
/**鎵掍晶瀵艰埅缁撴潫*/
/**f1**/
.f1linianlie{
width:1200px;
margin:0 auto;
}
.f1linanitem{
margin:0 -11px;
}
.f1itemaa{
width:33.333333%;
padding:0 11px;
}
.f1itemaa:nth-child(1){
animation: fadeInUp 1.5s;
}
.f1itemaa:nth-child(2){
animation: fadeInUp 1.8s;
}
.f1itemaa:nth-child(3){
animation: fadeInUp 2.1s;
}
.f1senction{
width:100%;
padding:250px 0 245px;
}
.f1lininabox{
width:100%;
height:100%;
background:#fff;
padding:0 45px;
position:relative;
height:356px;
}
.f1weli{
width:159px;
margin:0 auto;
position: absolute;
top:-103px;
left:50%;
transform: translateX(-50%);
}
.f1weli img{
width:100%;
}
.f1wenyxy p{
color:#666666;
font-size:14px;
font-family:"寰蒋闆呴粦";
line-height: 30px;
text-align: justify;
text-align-last:center;
}
.f1linanitem .f1itemaa:nth-child(1) .f1lininabox{
height:356px;
}
.f1linanitem .f1itemaa:nth-child(1) .f1lininabox p{
height:150px;
overflow: hidden;
}
.f1linanitem .f1itemaa:nth-child(2) .f1lininabox{
height:437px;
}
.f1linanitem .f1itemaa:nth-child(2) .f1lininabox p{
height:270px;
overflow: hidden;
}
.f1linanitem .f1itemaa:nth-child(3) .f1lininabox{
height:356px;
}
.f1linanitem .f1itemaa:nth-child(3) .f1lininabox p{
height:150px;
overflow: hidden;
}
.f1wenyxy{
padding-top:125px;
}
.f2pic01{
width:1200px;
margin:67px auto 0;
}
.f2pic01 img{
width:100%;
}
.pioneer{
width:1200px;
margin:0 auto;
}
.pionerbox{
padding-left:193px;
width:calc(100% - 843px);
}
.pioneright{
width:843px;
padding-left:25px;
position:relative;
}
.pioneright::after{
position:absolute;
content:'';
height:92px;
width:1px;
background:#000000;
top:50%;
transform: translateY(-50%);
left:0;
}
.pioneer h3{
font-size:36px;
font-family:"寰蒋闆呴粦";
color:#009cff;
font-weight:bold;
line-height: 48px;
text-transform: uppercase;
margin:151px 0 80px;
animation: fadeInLeft 1.8s;
}
.pioneer h3 p{
font-size:36px;
font-family:"寰蒋闆呴粦";
color:#009cff;
font-weight:bold;
line-height: 48px;
text-transform: uppercase;
}
.pionerbox h4{
font-size:24px;
font-family:"寰蒋闆呴粦";
color:#333333;
font-weight:bold;
animation: fadeInLeft 1.6s;
}
.pioneright p{
font-size:14px;
font-family:"寰蒋闆呴粦";
color:#333333;
font-weight:lighter;
line-height: 24px;
animation: fadeInRight 1.9s;
}
.pioneerleft{
margin-bottom: 94px;
}
.sanyuanze{
padding:83px 0 268px;
}
.sanyuanzecon{
width:1200px;
margin:0 auto;
}
.sanyuanbbt{
padding:22px 0;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
width:358px;
padding-left:2px;
}
.sanyuanbbt h2{
color:#ffffff;
font-size:30px;
font-family:"寰蒋闆呴粦";
}
.anyuanleft{
width:634px;
}
.anyuanleft img{
width:100%;
animation: fadeInLeft 1.6s;
}
.anyuanright{
width:calc(100% - 670px);
}
.aritshang{
animation: fadeInRight 1.6s;
}
.aritshang h2{
color:#cae2ff;
font-size:48px;
font-weight:bold;
font-family:"寰蒋闆呴粦";
opacity: 0.64;
text-align: right;
text-transform: uppercase;
}
.aritshang p{
color:#ffffff;
font-size:18px;
font-weight:bold;
font-family:"寰蒋闆呴粦";
line-height: 30px;
margin:67px 0 54px;
}
.arxia{
margin-bottom:45px;
}
.arxia:nth-child(1){
animation: fadeInRight 1.8s;
}
.arxia:nth-child(2){
animation: fadeInRight 2.2s;
}
.arxia:nth-child(3){
animation: fadeInRight 2.6s;
}
.arxia:nth-child(4){
animation: fadeInRight 3s;
}
.arxia h3{
color:#ffffff;
font-size:14px;
font-weight:bold;
font-family:"寰蒋闆呴粦";
margin-bottom:16px;
padding-left:15px;
position:relative;
}
.arxia h3::after{
position:absolute;
content: '';
width:6px;
height:6px;
background:#fff;
border-radius: 50%;
top:50%;
transform: translate(-50%);
left:0;
}
.f3bt1{
animation: fadeInUp 1.6s;
}
.f3bt2{
animation: fadeInUp 1.6s;
}
.arxia p{
color:#ffffff;
font-size:14px;
font-family:"寰蒋闆呴粦";
letter-spacing: 1px;
line-height: 1.5;
}
.sanyuanxia{
margin-top:80px;
overflow: hidden;
}
.f3lianhuacon{
width:1200px;
margin:67px auto 0;
}
.f3shangwenbve p{
color:#464646;
font-size:16px;
font-family:"寰蒋闆呴粦";
line-height:36px;
margin:37px 0 115px;
animation: fadeInUp 1.6s;
}
.f3piccc{
width:573px;
position:relative;
margin-left:53px;
}
.f3piccc img{
width:100%;
}
.xiaocaoaa{
position:absolute;
left:-50px;
bottom:-25px;
}
.f3cnright{
width:510px;
}
.f3cnright img{
width:100%;
}
.f3cnleft {
padding-top:48px;
}
.f3bt2{
margin-top:44px;
}
.fupinbt{
width:100%;
text-align: center;
}
.fupin{
padding-top:130px;
width:100%;
}
.fupinbt p{
font-size:16px;
font-family:'寰蒋闆呴粦';
color:#333333;
margin-top:23px;
margin-bottom:47px;
letter-spacing: 1px;
line-height: 1.5;
}
.fupintupianlist{
width:1125px;
margin:0 auto;
}
.fupintupianlist img{
width:100%;
}
.f3btn{
width:1200px;
margin:43px auto 0;
position:relative;
}
.fupitxt{
width:100%;
position:absolute;
top:0;
left:0;
z-index: -2;
}
.fupitxt::after{
position:absolute;
content:'';
width:100%;
height:6px;
background:#f7f7f7;
left:0;
top:50%;
transform:translateY(-50%);
z-index: -2;
display:none;
}
.fupitxt p{
color:#999999;
font-size:24px;
font-family:"寰蒋闆呴粦";
text-align: center;
line-height: 47px;
}
.f3btnleftbox{
width:47px;
height:47px;
background:linear-gradient(to right,#122a7e,#277fc2);
text-align: center;
line-height: 47px;
cursor: pointer;
}
.lanfengpic{
width:100%;
margin:82px 0 126px;
}
.lanfengpic img{
width:100%;
}
.chengciaobt h3{
color:#333333;
font-size:30px;
font-family:"寰蒋闆呴粦";
}
.chengciaocon{
width:1200px;
margin:0 auto;
}
.chengciaobt{
text-align: center;
}
.chengciaobt p{
color:#333333;
font-size:16px;
font-family:"寰蒋闆呴粦";
margin-top:33px;
line-height: 1.5;
}
.lianhualist{
width:100%;
margin:0 -19px;
}
.lianhuaitemaa{
width:33.333333%;
padding:0 19px;
}
.lianhuaitemaa:nth-child(1){
animation: fadeInUp 1.5s;
}
.lianhuaitemaa:nth-child(2){
animation: fadeInUp 1.9s;
}
.lianhuaitemaa:nth-child(3){
animation: fadeInUp 2.3s;
}
.lianhuaitem a{
width:100%;
height:100%;
display:block;
}
.liitpic{
width:100%;
position:relative;
overflow: hidden;
}
.liitpic img{
width:100%;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.f3toumnga{
position:absolute;
top:0;
left:0;
}
.lihuatxt{
padding-top:15px;
}
.lihuatxt h6{
color:#009cff;
font-size:14px;
font-family:"寰蒋闆呴粦";
}
.lihuatxt h3{
color:#333333;
font-size:18px ;
font-family:"寰蒋闆呴粦";
margin:17px 0 32px;
}
.f3more a span{
color:#0067da;
font-size:20px ;
font-family:"寰蒋闆呴粦";
}
.lianhualistbb {
margin:48px 0 70px;
overflow: hidden;
}
.lianhuam_lianjie{
width:1200px;
height:95px;
background:#eeeeee;
margin-bottom:243px;
}
.lhu_aa{
width:100%;
height:100%;
position:relative;
}
.lhu_aa::after{
position:absolute;
content:'';
width:100%;
height:0;
background:#009cff;
bottom:0;
left:0;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
z-index: 9;
}
.lianhuam_lianjie a{
width:100%;
height:100%;
display:block;
color:#333333;
font-size:18px ;
font-family:"寰蒋闆呴粦";
font-weight: bold;
text-align: center;
line-height: 95px;
z-index: 10;
position: relative;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.f3jia{
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.g2con{
width:1200px;
margin:0 auto;
}
.g2list{
width:100%;
margin:65px -5px 0;
}
.g2item{
width:33.333333%;
padding:0 5px;
}
.g2itema{
background:#fff;
width:100%;
height:222px;
-webkit-transition:all .3s ease-out 0s;
cursor: pointer;
}
.g2pic{
width:106px;
text-align: center;
position:relative;
height:100%;
z-index: 1;
}
.rencai01{
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
z-index: 10;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.rencai02{
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.g2text{
width:calc(100% - 106px);
padding:49px 0 37px;
}
.g2text h3{
color:#333333;
font-size:18px ;
font-family:"寰蒋闆呴粦";
font-weight: bold;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.g2textxia{
margin-top:35px;
}
.g2textxia p{
color:#666666;
font-size:14px ;
font-family:"寰蒋闆呴粦";
line-height: 24px;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
}
.g2tanchuang{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.75);
z-index: 80;
display:none;
}
.g2wenbenshang h2{
font-family:"寰蒋闆呴粦";
font-size:18px;
font-weight:bold;
}
.tanchuang{
width:655px;
background:#fff;
position:relative;
top:56%;
left:50%;
transform: translate(-50%,-50%);
padding:40px 75px 75px;
border-bottom:4px solid #009cff;
height: 550px;
}
.g2btn{
position:absolute;
top:26%;
right:29%;
width:28px;
cursor: pointer;
}
.g2btn img{
width:100%;
}
.g2txta{
margin:38px 0 40px;
}
.g2txta p{
font-family:"寰蒋闆呴粦";
font-size:18px;
color:#666666;
line-height: 30px;
}
.gebfboxx{
display:inline-block;
width:180px;
height:52px;
background:#efefef;
}
.gebfboxx.active{
background:#009cff;
}
.gebfboxx.active a{
color:#fff;
}
.gebfboxx a{
color:#009cff;
font-size:18px;
font-family:"寰蒋闆呴粦";
font-weight: lighter;
display:block;
width:100%;
height:100%;
text-align: center;
line-height: 52px;
}
.contactus{
width:100%;
}
.cont_con{
width:1200px;
margin:65px auto 230px;
}
.cont_left{
width:693px;
}
#map{
width:100%;
height:435px;
}
.cont_right{
width:calc(100% - 753px);
padding-top:50px;
}
.right_txtx{
margin-bottom:18px;
}
.right_txtx p{
color:#464646;
font-size: 16px;
font-family:"寰蒋闆呴粦";
font-weight:lighter;
}
.weizhi{
margin-left:15px;
width:11%;
}
.ttxtpic{
display:inline-block;
width:19px;
}
.right_txtx span{
display:block;
}
.h1txt {
width:78%;
}
.rtxta{
margin-left:28px;
text-align: center;
width:161px;
margin-top:27px;
}
.rtxta p{
color:#464646;
font-size: 14px;
font-family:"寰蒋闆呴粦";
}
.rtabox{
width:157px;
margin-bottom:16px;
}
.rtabox img{
width:100%;
}
.policycon{
width:1200px;
margin:66px auto 0;
}
.policbt{
width:175px;
height:201px;
}
.policbt h2{
color:#464646;
font-size: 72px;
font-family:"Arial";
font-weight:bold;
text-transform: uppercase;
}
.policleft{
width:688px;
position: relative;
}
.poliright{
width:calc(100% - 826px);
padding-top:50px;
}
.poliright h3{
animation: fadeInUp 1.6s;
}
.policypic1{
margin-top:65px;
margin-right: 27px;
}
.porigtone{
animation: fadeInUp 1.6s;
}
.g1lianaa{
animation: fadeInUp 1.6s;
}
.porigttwo{
animation: fadeInUp 1.6s;
}
.policypic2{
width:385px;
height:634px;
background:rgba(0,126,255,0.5);
position:absolute;
top:0;
right:0;
z-index: 25;
}
.poliright h3{
color:#333333;
font-size:24px;
font-family:"寰蒋闆呴粦";
}
.porigt{
margin-top:25px;
}
.porigt p{
color:#666666;
font-size:14px;
font-family:"寰蒋闆呴粦";
line-height: 28px;
}
.g1lian{
margin-top:25px;
margin-bottom: 57px;
}
.g1lianji{
animation: fadeInUp 1.6s;
}
.g1lianbb span{
color:#009cff;
font-size:16px;
font-family:"寰蒋闆呴粦";
}
.g1guihua{
width:100%;
}
.g1huihuacon{
width:1200px;
margin:170px auto 140px;
}
.g1guileft{
width:363px;
}
.g1guihuaright{
width:calc(100% - 363px);
padding-left:30px;
position:relative;
}
.g1guihuaright::after{
position:absolute;
top:50%;
transform: translateY(-50%);
left:0;
width:1px;
height:136px;
content: "";
background:#1b1b1b;
}
.g1guileft h2{
color:#333333;
font-size:30px;
font-family:"寰蒋闆呴粦";
font-weight:bold;
}
.g1guihuaright p{
color:#333333;
font-size:14px;
font-family:"寰蒋闆呴粦";
font-weight:lighter;
line-height: 24px;
}
.g2item{
animation: fadeInUp 1.8s;
}
.g1boxa{
margin-bottom:79px;
}
.g1boxa:nth-child(1){
animation: fadeInUp 1.6s;
}
.g1boxa:nth-child(2){
animation: fadeInUp 1.9s;
}
.g1boxa:nth-child(3){
animation: fadeInUp 2.3s;
}
.spanbt{
color:#009cff;
font-weight:bold;
font-family:"寰蒋闆呴粦";
font-size:14px;
display:block;
width:70px;
line-height:24px;
}
.sanantxt{
width:calc(100% - 70px);
line-height:24px;
}
.g2p1{
margin-top:20px;
}
.g2p2{
margin-top:34px;
}
.g1boxa_b .g1guihuaright::after{
height:190px;
}
.g2rencai{
width:100%;
background:#f9fafa;
padding-bottom: 242px;
}
.g2rencai_con{
width:1200px;
margin:0 auto;
padding-top:72px;
}
.g2rencai_con h3{
font-family:"寰蒋闆呴粦";
font-size:30px;
color:#333333;
font-weight: bold;
}
.g2renbtlist{
margin-top:65px;
margin-bottom: 40px;
width:524px;
}
.g2renbtitem{
width:127px!important;
}
.g2renbtitem h5{
font-family:"寰蒋闆呴粦";
font-size:18px;
color:#333333;
position:relative;
line-height: 1.5;
text-align: center;
}
.g2renbtitem h5::after{
position: absolute;
content: "";
width:0;
height:0;
border-width:0 5px 5px;
border-style:solid;
border-color:transparent transparent #009cff;/*閫忔槑 閫忔槑 鐏�*/
bottom:-9px;
left:50%;
transform: translateX(-50%);
opacity: 0;
}
.g2renbtlist .g2renbtitem:nth-child(2){
margin:0 40px;
}
.g2renbtitem{
border-bottom: 2px solid #f9fafa;
padding-bottom:9px;
cursor:pointer;
/* display:none;*/
}
.g2renbtitem.active{
border-color:#009cff;
}
.g2renbtitem.active h5{
color:#009cff;
}
.g2renbtitem.active h5:after{
opacity: 1;
}
.g2luboleft>p{
font-family:"寰蒋闆呴粦";
font-size:14px;
color:#999999;
line-height: 24px;
margin-bottom:50px;
}
.g2luboleft{
width:100%;
padding-top: 27px;
}
.g2_text h2{
font-family:"寰蒋闆呴粦";
font-size:14px;
color:#009cff;
font-weight:bold;
}
.g2_text p{
font-family:"寰蒋闆呴粦";
font-size:14px;
color:#333333;
margin-top:11px;
line-height: 1.5;
}
.g2_text{
margin-bottom:37px;
}
.g2lunboright{
width:50%;
text-align:center;
}
.g2_lunboright img{
max-width:100%;
}
.g2lunboright .f3btn {
width: 100%;
margin: 15px auto 0;
position: relative;
}
.g2lunboright .f3btn {
z-index: 10;
}
.g2lunboright .fupitxt p{
color:#666666;
font-size:18px;
}
.g2_lunboright{
display:none;
}
.b2html{
position: relative;
z-index: 100;
top:0;
left:0;
}
.b2fixed{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
}
.b2fixed img{
width:100%;
height:100%;
}
.lianjie a{
display:block;
}
.d5body .page li.activepage{
background:#2aa3eb;
color:#fff;
}
.e1body .page li.activepage{
background:#2aa3eb;
color:#fff;
}
.e2body .page li.activepage{
background:#2aa3eb;
color:#fff;
}
.bavideo img{
width:100%;
position:relative;
top:0;
left:50%;
transform: translateX(-50%);
}
.b2_lianhua .lianhuaright img{
max-width: 100%;
}
.padpicc{
display:none;
width:100%;
}
.padpicc img{
width:100%;
}
.policypic1 img{
width:100%;
}
.sousuoend{
}
.sousuoend.act{
color:#999999;
}
.b1fa{
width:100%;
}
.b1facon{
width:1200px;
/*height:815px;*/
margin:0 auto;
position:relative;
padding-top:122px;
}
.b1fabt{
width:454px;
height:200px;
background:#11287c;
position:absolute;
top:0;
}
.b1fabt h2{
color:#ffffff;
font-size:30px;
font-family:"寰蒋闆呴粦";
line-height: 200px;
padding-left:111px;
position:relative;
}
.b1fabt h2::after{
position:absolute;
content:'';
width:242px;
height:1px;
background: #fff;
bottom:70px;
left:-35px;
}
.slick_contiont{
width:100%;
display:none;
}
.slick_item{
}
.slickright{
width:100%;
margin-top:18px;
}
.slickright.active{
width:713px;
height:454px;
}
.slickleft {
width: 100%;
position: relative;
}
.slickleft h3{
color:#fff;
font-size:18px;
font-family:"寰蒋闆呴粦";
font-weight:bold;
}
.slicklefttxt{
margin-top:15px;
}
.slickleft p{
color:#fff;
font-size:14px;
font-family:"寰蒋闆呴粦";
line-height: 24px;
}
.slickright img{
width:100%;
}
.slick_contiontbox{
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.ceshia{
width:1200px;
float: right;
}
.b1ceshi{
width:1200px;
float: right;
}
.b1ceshiitem{
width:350px;
height:227px;
}
.b1ceshiitem img{
width:350px;
height:227px;
}
.b1ceshiitem.slick-current{
width:711px!important;
height:456px!important;
}
.b1ceshiitem.slick-current .b1ceshiitempic{
width:711px!important;
height:456px!important;
}
.b1ceshiitem.slick-current img{
width:711px;
height:456px;
}
.b1ceshiitem.slick-current .slickleft{
display:block;
}
.bl02::before{
position: absolute;
left: 0;
top: 0;
width: 23px;
height: 23px;
border-radius: 23px;
background: #fff;
opacity: 0.2;
content: "";
}
.bl02::after{
content:'';
text-align: left;
}
.bl03::before{
position: absolute;
left: 0;
top: 0;
width: 23px;
height: 23px;
border-radius: 23px;
background: #fff;
opacity: 0.2;
content: "";
}
.bl03::after{
content:'';
text-align: left;
}
.bl01{
margin-left:-8px;
}
#container .content.history-view .section02 > .wrap .swiper-button-prev {
width: 44px;
height: 26px;
bottom:181px!important;
top:auto!important;
}
#container .content.history-view .section02 > .wrap .swiper-button-next{
width: 44px;
height: 26px;
bottom:181px!important;
top:auto!important;
}
#container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl dt{
color:#fff;
font-size: 18px;
font-family:"寰蒋闆呴粦";
font-weight: bold;
}
#container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl dd {
font-size: 14px;
color: #c6daff;
line-height: 24px;
margin-top: 35px;
padding-left: 40px;
}
#wrap {
position: absolute;
width: 100%;
min-width: 1200px;
top: 373px;
}
.b1fa {
height:815px;
position:relative;
}
.slicktime{
margin: 18px 0 25px;
}
.slicktime p{
color: #fff;
font-size: 14px;
font-family: "寰蒋闆呴粦";
line-height: 24px;
text-align: center;
}
.slick-dots li.slick-active {
background: #999;
}
#container .content.history-view .section02 > .wrap .swiper-pagination .bl span::after{
content: "";
position: absolute;
width:91px;
height:1px;
background:#fff;
left: -9px;
bottom: -40px;
opacity: 0;
}
#container .content.history-view .section02 > .wrap .swiper-pagination .bl span{
overflow: unset;
}
#container .content.history-view .section02 > .wrap .swiper-pagination .bl.active span::after{
/* opacity: 1;*/
}
.wj_pb_bc_list.act p{
color:#009cff
}
.wj_pb_bc_list.act i{
color:#009cff
}
.c3body .c3news .nw_txta{
width:100%;
padding-right:72px;
}
.c2text{
padding-top: 41px;
padding-bottom: 29px;
}
.d1body .lianhuaright p{
margin-bottom:0;
}
.lrtxt p:nth-child(3){
margin-bottom:50px;
}
.d3body .d1bigtxt{
margin-top:10px;
line-height: 1.1!important;
}
.d3body .lianhuaright {
width: calc(100% - 387px);
background: #f7f9fb;
padding-left: 60px;
padding-top: 50px;
padding-bottom: 40px;
padding-right: 48px;
margin-bottom: 295px;
}
.d3body .lianhuaright p{
margin-bottom:24px;
}
.e2rileft h2{
margin-bottom:23px;
}
.fiitema h3{
color:#215dab;
}
.fiitemb h3{
color:#009cff;
}
.fiitemc h3{
color:#102078;
}
.pioneerleftcc{
margin-bottom: 172px;
}
.g2body .page li.activepage{
background:#2aa3eb;
color:#fff;
}
.right_txtx span{
font-size:16px;
color:#464646;
font-family:"寰蒋闆呴粦";
font-weight: lighter;
}
.pcdaohangwai .logo_b {
display:block;
}
.bannerindex{
/* position:fixed; */
top:0;
left:0;
}
.indexboxa{
background:#fff;
}
.earth{
background:#fff;
position: relative;
}
.earth_con{
background:#fff;
}
.banner_item video{
position:relative;
top:0;
left:50%;
transform: translateX(-50%);
width:auto;
height:auto;
}
.slick-vertical .slick-slide{
height:100vh;
}
.ban_a{
min-width: 100%;
}
.b1_bannera{
display:none;
}
.bavideo video{
height:100vh;
position:relative;
top:0;
left:50%;
transform: translateX(-50%);
width:100%;
}
.bavideo{
position:relative;
}
.bavideo::after{
position:absolute;
content:'';
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
}
.ban_a{
transition: all 1s ease-out 0s;
position:relative;
top:0;
left:50%;
transform: translateX(-50%) scale(1.1);
}
.banner_item video{
transition: all 1s ease-out 0s;
position:relative;
top:0;
left:50%;
transform: translateX(-50%) scale(1.1);
}
.banner_pic .banner_item.slick-active .ban_a{
transform: translateX(-50%) scale(1);
}
.banner_pic .banner_item.slick-active video{
transform: translateX(-50%) scale(1);
}
.b3body .footer{
/* bottom:0;
position:absolute;
bottom:0;*/
}
@keyframes myfirstaa{
0%{transform: translateY(0);}
100%{transform: translateY(10px);}
}
.scroll img{
animation: myfirstaa 1s infinite alternate ease-in;
}
.sectionbox{
height:200px!important;
}
.sectionbox .fp-tableCell{
height:200px!important;
}
#fullpage .section:nth-child(4){
height:200px!important;
}
#fullpage .section:nth-child(4) .fp-tableCell{
height:200px!important;
}
.w_g_wapcen {
width: 100vw;
height: 100vh;
background: #0154b4;
position: fixed;
left: 0;
top: 0;
z-index: 99999999999999999999999999999999;
}
.g_wapcen {
position: fixed;
left: 50vw;
top: 50vh;
transform: translate(-50%,-50%);
}
.g_wap {
width: 148px;
height: 168px;
position: relative;
margin: auto;
}
#g_swg4 {
transition: all 3s;
}
.spinner6 {
margin: 10px auto 0;
width: 150px;
text-align: center;
}
.spinner6 > div {
width: 10px;
height: 10px;
background-color: #00A2E9;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner6 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner6 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.lvceng{
width:148px;
margin-bottom:27px;
}
.lvceng img{
width:100%;
}
.w_php{
opacity: 0;
}
.g_infrxbox{
overflow: hidden !important;
width: 100vw;
height: 100vh;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/*.g2bbbb{
display:none;
}
.g2bbbb.active{
display:block;
}*/
.g2bbbbmoij{
width:50%;
}
/*.g2renbtlist .slick-current h5{
color: #009cff;
}
.g2renbtlist .slick-current h5::after{
position: absolute;
content: "";
width: 0;
height: 0;
border-width: 0 5px 5px;
border-style: solid;
border-color: transparent transparent #009cff;
bottom: -9px;
left: 50%;
transform: translateX(-50%);
opacity: 1;
}
.g2renbtlist .slick-current.g2renbtitem{
border-color: #009cff;
} */
.bsFrameDiv div{
overflow: hidden!important;
}
.bsFrameDiv {
overflow: hidden;
}
.bsFrameDiv img{
width:170px!important;
height:170px!important;
}
.f3btnleftbox{
display:none;
}
.g2lunboright {
transform: translateY(-79px);
}
.bl {
position:relative;
}
.yuandiani {
position: absolute;
font-size: 0;
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
top: 50%;
left: 53%;
transform: translate(-52%,-50%);
opacity: 0.9;
}
.bl.active .yuandiani{
background:#11287c;
}
.yuandiani::after{
content: "";
position: absolute;
width: 91px;
height: 1px;
background: #fff;
left: -9px;
bottom: -45px;
opacity: 0;
}
.bl.active .yuandiani::after{
opacity: 1;
}
.g_list {
overflow: hidden;
height:62px;
}
.g_box {
transition: all 0.3s;
}
#container .content.history-view .section02 > .wrap .swiper-pagination{
/* padding-left:50px;*/
bottom:-8px;
}
#container .content.history-view .section02 > .wrap .swiper-pagination .bl {
position: relative;
width: 23px;
height: 23px;
/* opacity: 0.8; */
margin-right: 100px;
overflow: visible;
background: rgba(255,255,255,0.3);
border-radius: 50%;
margin-left: 100px;
}
#container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(4), #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(7), #container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(10) {
margin-left: 93px;
}
.e2jianjie{
width:1200px;
margin:0 auto;
padding:65px 0 0;
}
.e2jianjie p{
color: #464646;
font-size: 18px;
font-family: "寰蒋闆呴粦";
line-height: 1.75
}
.sbbb{
color:#fff;
}
.beijing{
background-color: #096ac9;
}
.sy_section2 {
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.w_1300 {
max-width: 1500px;
margin-right: auto;
margin-left: auto;
}
/*浜у搧涓績*/
.yin { padding: 60px 0 60px; background-color: #fff;
height: 900px;}
.yin_t { font-size: 40px; color: #000; font-weight: normal; text-align: center; line-height: 45px; margin-bottom: 0;overflow: hidden; float:left;}
.yin_t a { color: #000; }
.yin_t b { color: #0c6baf; }
.yin_t i { color: #0c6baf; padding: 0 15px; }
.yin .yin_pro { margin-top: 0; }
.blk-xs { width: 240px; }
.blk { margin-bottom: 20px; }
.fdh-01-tit { background: #0c6baf; height: 80px; }
.fdh-01-tit h3 { height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; }
.fdh-01-tit h3 span { font-size: 14px; text-transform: uppercase; }
.fdh-01-nav-one h3 { height: 50px; line-height: 50px; background: url(../images/p14-icon5.png) no-repeat right center #ececeb; margin-bottom: 6px; overflow: hidden; }
.fdh-01-nav-one h3 a { display: block; height: 50px; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #666; }
.fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover { background: url(../images/p14-icon2.png) no-repeat right center #0c6baf; }
.fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a { color: #fff; }
.contact-z1 { height: 200px; background: url("../images/contact-z1.jpg") no-repeat; color: #333; margin-bottom: 30px; }
.contact-z1 p { font-size: 20px; line-height: 30px; padding: 37px 0 0 95px; background: url(../images/contact-z1_tel.png) no-repeat 74px 44px; }
.contact-z1 span { display: block; font-weight: bold; font-size: 18px; line-height: 22px; padding-left: 73px; }
#lx { float: right; width: 932px; overflow: hidden; }
.lx_menu{float:left;width:932px;height:52px; background:#f1f1f1; }
.lx_menu h2{float:left;width:140px;text-align:center;font-size:18px;height:52px; color:#fff;line-height:52px; background:#0c6baf;}
.lx_menu ul{float:left; margin-left:1px;font-size:12px;}
.lx_menu li{float:left;display:block;cursor:pointer;width:160px;text-align:center; margin-left:35px; color:#333; margin-top:9px;font-size:16px;height:35px;line-height:35px;}
.lx_menu li.hover{padding:0px;width:160px; color:#fff;height:35px;line-height:35px; background:#f68100;border-radius:25px;}
#lx .product { float: left; width: 100%; overflow: hidden; line-height: 26px; margin-top: 10px; }
#lx .product ol { width: 932px; float: left; padding-top: 5px; }
#lx .product ol li { width: 300px;height: 275px; float: left; margin: 0 16px 16px 0;overflow:hidden; }
#lx .product ol li a { display: block;width: 100%;height: 225px; overflow: hidden;}
#lx .product ol li:nth-child(3n+3){ margin-right: 0; }
#lx .product ol li img { float: left;font-size: 0;margin: 0;transition: all ease-in-out 1s; }
#lx .product ol li:hover img { transform: scale(1.2);
銆€銆€-ms-transform: scale(1.1); /* IE 9 */
銆€銆€-moz-transform: scale(1.1); /* Firefox */
銆€銆€-webkit-transform: scale(1.1); /* Safari 鍜� Chrome */
銆€銆€-o-transform: scale(1.1);
}
#lx .product ol li:hover {
box-shadow:0 0 20px #ccc;
}
#lx .product ol li p { float: left;width: 100%;line-height: 50px; height: 50px; text-align: center; font-size: 14px; color: #333; background: #f1f1f1; }
/*瀹氬埗鎵€闇€*/
.cptz{background:url(../images/cptzbg.jpg) no-repeat center top;height: 963px;padding-top: 60px;}
.f_pr {position: relative;}
.cptz .til01{background:none;}
.cptz h3{position: absolute;left:-10px;top:822px;font-size: 22px;font-weight: bold;color: #fff}
.cptz h3 em{display: block;font-size: 18px;color: #fff;padding-top: 5px;font-weight: normal;}
.cptz .yftel{position: absolute;left:828px;top:818px;font-size: 14px;color: #fff;width: 440px;}
.cptz .yftel span{display: block; float: left;margin:0 20px; text-align: center;}
.cptz .yftel img{display: block;width:37px; height: 29px; margin:0 auto; }
.cptz .yftel i{display: block;font-size: 16px; color: #ffffff; line-height: 30px;}
.cptz .yftel span:hover i{font-weight: bold; border-bottom: 1px solid #80b0d7;}
.cptz .m_jsyf1{width: 205px;left:50px;top:578px;}
.cptz .m_jsyf2{width: 288px;left:140px;top:334px;}
.cptz .m_jsyf3{width: 300px;left:450px;top:210px;}
.cptz .m_jsyf4{width: 272px;left:777px;top:334px;}
.cptz .m_jsyf5{width: 230px;left:931px;top:578px;}
.cptz .jsgy{position: absolute;z-index: 11;transition: all 0.3s linear 0s;}
.cptz .jsgy:hover{transform: translateX(-5px);}
.cptz .jsgy h4{height: 48px;text-align: center;font-size: 28px;font-weight: bold;color: #0c6baf;}
.cptz .jsgy h4 em{font-family: "Times New Roman"; font-size: 30px; margin-right: 10px;}
.cptz .jsgy p{font-size: 16px;color: #666666;text-align: center;line-height: 26px;}
.cptz .m_jsyf1 p{text-align: justify;}
.cptz .m_jsyf2 p{text-align: justify;}
.cptz .m_jsyf4 p{text-align: right;}
.cptz .m_jsyf5 p{text-align: justify;}
.cptz .gyico{position: absolute;width: 146px;height: 146px;transition: all 0.6s linear 0s;}
.cptz .gyico b{width: 114px;height: 114px;overflow: hidden;margin: 16px auto 0;display: block;}
.cptz .gyico:hover{transform:rotateY(180deg);}
.cptz .yfico1{left:242px;top:595px;}
.cptz .yfico2{left:320px;top:412px;}
.cptz .yfico3{left:528px;top:324px;}
.cptz .yfico4{left:720px;top:412px;}
.cptz .yfico5{left:786px;top:595px;}
.sy_section2{width: 100%;padding-top: 65px;padding-bottom: 106px;border-bottom: 2px solid #2881c414;}
.sy_section2 .content{margin-top: 58px;}
.sy_section2 .content .top{width: 100%;font-size: 0;text-align: center;margin-bottom: 60px;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;}
.sy_section2 .content .top::-webkit-scrollbar{ height: 3px;}
.sy_section2 .content .top::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;}
.sy_section2 .content .top::-webkit-scrollbar-thumb{ height: 3px; background-color: #2881c4; border-radius: 3px;}
.sy_section2 .content .top li{display: inline-block;vertical-align: middle;font-size: 18px;color: #333333;line-height: 48px;margin: 0 12px;width: 100px;cursor: pointer;}
.sy_section2 .content .top li.on{
/*background-color: #2881c4;color: #fff;*/
border-bottom: 2px solid #2881c4;
}
.sy_section2 .content .bottom{width: 100%;}
.sy_section2 .content .bottom ul{margin: 0 -18px;
width: calc(100% + 36px);
width: -ms-calc(100% + 36px);
width: -o-calc(100% + 36px);
width: -moz-calc(100% + 36px);
width: -webkit-calc(100% + 36px);}
.sy_section2 .content .bottom ul li{padding: 0 18px;}
.sy_section2 .content .bottom ul li a{display: block;width: 100%;border: 1px solid rgba(255,255,255,0);}
.sy_section2 .content .bottom ul li a:hover{border-color: #2881c414;}
.sy_section2 .content .bottom ul li a .pic{ width: 100%; padding-bottom: 55%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sy_section2 .content .bottom ul li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.sy_section2 .content .bottom ul li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.sy_section2 .content .bottom ul li a .wordsbox{padding: 25px;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 .content .bottom ul li a:hover .wordsbox{}
.sy_section2 .content .bottom ul li a .wordsbox .words{font-size: 24px;color: #000;line-height: 36px;text-align: center;}
.sy_section2 .content .bottom ul li a:hover .wordsbox .words{color: #2881c4;}
.sy_section2 .content .more{width: 100%; margin-top: 0;}
.sy_section2 .content .more a{width: 200px;border: 1px solid #096ac9;font-size: 0;text-align: center;display: block;background-color: #fff;margin: 0 auto;
border-radius: 5vw;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 .content .more a:hover{border-color: #096ac9;background-color: #096ac9;}
.sy_section2 .content .more a .words{font-size: 18px;color: #096ac9;line-height: 52px;display: inline-block;vertical-align: middle;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 .content .more a:hover .words{color: #fff;}
.sy_section2 .content .more a .ico{display: inline-block;vertical-align: middle;height: 16px;opacity: 0;width: 0;
transition: All 0.6s ease-in-out;
-webkit-transition: All 0.6s ease-in-out;
-moz-transition: All 0.6s ease-in-out;
-o-transition: All 0.6s ease-in-out;}
.sy_section2 .content .more a:hover .ico{opacity: 1; margin-left: 24px;width: 18px;}
.sy_section2 .content .bottom ul .slick-prev{width: 45px;height: 45px;background: url(../images/img29.png) no-repeat center center; background-size: cover;left: -56px;top: 50%;}
.sy_section2 .content .bottom ul .slick-next{width: 45px;height: 45px;background: url(../images/img30.png) no-repeat center center; background-size: cover;right: -56px;top: 50%;}
.sy_section2 .content .bottom ul .slick-prev:hover{background: url(../images/img13.png) no-repeat center center; background-size: cover;}
.sy_section2 .content .bottom ul .slick-next:hover{background: url(../images/img14.png) no-repeat center center; background-size: cover;}
@media screen and (max-width:1600px) {
.sy_section2{padding-top: 60px;padding-bottom: 60px;}
.sy_section2 .content{margin-top: 34px;}
.sy_section2 .content .top{margin-bottom: 26px;}
.sy_section2 .content .top::-webkit-scrollbar{ height: 2px;}
.sy_section2 .content .top::-webkit-scrollbar-thumb{ height: 2px;}
.sy_section2 .content .top li{;font-size: 16px;line-height: 36px;margin: 0;width: 100px;}
.sy_section2 .content .bottom ul{margin: 0 -10px;
width: calc(100% + 20px);
width: -ms-calc(100% + 20px);
width: -o-calc(100% + 20px);
width: -moz-calc(100% + 20px);
width: -webkit-calc(100% + 20px);}
.sy_section2 .content .bottom ul li{padding: 0 10px;}
.sy_section2 .content .bottom ul li a .wordsbox{padding: 16px;}
.sy_section2 .content .bottom ul li a .wordsbox .words{font-size: 26px;line-height: 24px;}
.sy_section2 .content .more{margin-top: 0;}
.sy_section2 .content .more a{width: 160px;}
.sy_section2 .content .more a .words{font-size: 14px;line-height: 40px;}
.sy_section2 .content .more a .ico{height: 14px;}
.sy_section2 .content .more a:hover .ico{ margin-left: 16px;width: 16px;}
.sy_section2 .content .bottom ul .slick-prev{width: 34px;height: 34px;left: -40px;}
.sy_section2 .content .bottom ul .slick-next{width: 34px;height: 34px;right: -40px;}
}
@media screen and (max-width:1280px) {
.sy_section2{padding-top: 40px;padding-bottom: 40px;}
.sy_section2 .content{margin-top: 26px;}
.sy_section2 .content .top{margin-bottom: 20px;}
.sy_section2 .content .top li{;font-size: 14px;line-height: 30px;margin: 0 8px;width: 100px;}
.sy_section2 .content .bottom ul{margin: 0 -6px;
width: calc(100% + 12px);
width: -ms-calc(100% + 12px);
width: -o-calc(100% + 12px);
width: -moz-calc(100% + 12px);
width: -webkit-calc(100% + 12px);}
.sy_section2 .content .bottom ul li{padding: 0 6px;}
.sy_section2 .content .bottom ul li a .wordsbox{padding: 12px;}
.sy_section2 .content .bottom ul li a .wordsbox .words{font-size: 16px;line-height: 20px;}
.sy_section2 .content .more{margin-top: 26px;}
.sy_section2 .content .more a{width: 140px;}
.sy_section2 .content .more a .words{font-size: 14px;line-height: 36px;}
.sy_section2 .content .more a .ico{height: 12px;}
.sy_section2 .content .more a:hover .ico{margin-left: 10px;width: 14px;}
.sy_section2 .content .bottom ul .slick-prev{width: 30px;height: 30px;left: -30px;}
.sy_section2 .content .bottom ul .slick-next{width: 30px;height: 30px;right: -30px;}
}
@media screen and (max-width:1024px) {
.sy_section2{padding-top: 30px;padding-bottom: 30px;}
.sy_section2 .content{margin-top: 16px;}
.sy_section2 .content .top{margin-bottom: 14px;}
.sy_section2 .content .top::-webkit-scrollbar{ height: 0;}
.sy_section2 .content .top::-webkit-scrollbar-thumb{ height: 0;}
.sy_section2 .content .top li{font-size: 14px;line-height: 30px;margin: 0 8px 0 0;width: auto;padding: 0 12px;}
.sy_section2 .content .top li.on{
/*background-color: #2881c4;color: #fff;*/
border-bottom: 2px solid #2881c4;
}
.sy_section2 .content .bottom ul{margin: 0 -5px;
width: calc(100% + 10px);
width: -ms-calc(100% + 10px);
width: -o-calc(100% + 10px);
width: -moz-calc(100% + 10px);
width: -webkit-calc(100% + 10px);
}
.sy_section2 .content .bottom ul li{padding:0 5px;}
.sy_section2 .content .bottom ul li a .wordsbox{padding: 6px 10px;}
.sy_section2 .content .bottom ul li a .wordsbox .words{font-size: 16px;line-height: 24px;}
.sy_section2 .content .more{margin-top: 16px;}
.sy_section2 .content .more a{width: 140px;}
.sy_section2 .content .more a .words{font-size: 14px;line-height: 36px;}
.sy_section2 .content .more a .ico{height: 12px;}
.sy_section2 .content .more a:hover .ico{margin-left: 10px;width: 14px;}
.sy_section2 .content .bottom ul .slick-prev{width: 30px;height: 30px;left: -15%;}
.sy_section2 .content .bottom ul .slick-next{width: 30px;height: 30px;right: -15%;}
}
.w_1300 {
max-width: 1500px;
margin-right: auto;
margin-left: auto;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
/* margin-left: -14px;
margin-right: -14px;*/
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
min-height: 1px;
outline: 0;
/* padding-left: 14px;
padding-right: 14px;*/
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
/*display: block;*/
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
/*border: 1px solid transparent;*/
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-loading .slick-list
{
background: #fff center center no-repeat;
}
/*鍏充簬鎴戜滑鏁板瓧*/
.pro-title{ position: relative;}
.pro-title b{font-size:35px;font-weight:bold}
.pro-title b em{color:#1367ab}
.pro-title b{ position: absolute;bottom:0;width:100%;left:0;text-indent: 2px;}
.about-number{ background: url(../images/ys-bg.jpg) no-repeat center;height:300px}
.about-number dl{float:left;width:25%;text-align: center;padding-top:30px}
.about-number dl dt{margin:30px 0}
.about-number dd b{font-size:60px;font-family: impact;text-align: center;display: block;color:#fff}
.about-number dd span{display: block;color:#fff;margin-top: 15px;}
.about{ position: relative;margin:10px 0;height: 100%;background: url(../images/about-bg.jpg) no-repeat center left;height:580px}
.about .container{height: 100%;}
.about .about-right{width: 50%; position: absolute;right:0;background: url(../images/about.jpg) no-repeat center;height:580px; background-size: cover;}
.about .about-right span img{width: 100%;}
.about .about-right b{ position: absolute;left:0;top:0}
.about .about-left{width:40%;height: 100%;}
.about .about-bg{width:50%; position: absolute;left:0;z-index: -1;}
.about .about-bg img{width: 100%;}
.about .about-left .pro-title{margin:90px 0 50px 0}
.about .about-left p{margin-bottom:25px;line-height: 24px;color:#666666}
.about-left .about-more{width:175px;height:55px;margin-top:40px}
.about-left .about-more a{display: block;width:175px;height:55px;line-height: 55px;text-align: center; background: #096ac9;color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.4);font-size:16px ;}
.title{ position: relative;max-width:900px;margin:0 auto;text-align: center;margin-bottom: 15px;}
.title b{font-size:35px;font-weight:bold}
.title b em{color:#1367ab}
.title b{ position: absolute;bottom:30px;width:100%;left:0;text-indent: 2px;}
.title p{font-size:14px;color:#666;line-height: 24px;font-weight:normal;text-align: center;margin-top:8px;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.case-list{margin:60px 0}
.case-list li{width:calc(100%/4 - 7.5px);margin-right:10px;margin-bottom:10px;float:left;position: relative;overflow: hidden;}
.case-list li:nth-child(4n){margin-right:0}
.case-list li .pic{width: 100%;overflow: hidden;}
.case-list li .pic img{width: 100%;transition: all 1s;}
.case-list li .info{ background: rgba(0,126,217,0.8); position: absolute;bottom:-100%;left:0;width:100%;height:100%;transition: all .5s;}
.case-list li .info em,.case-list li .info span{display: block;text-align: center;}
.case-list li .info span{font-size:18px;font-weight:bold;color:#fff;margin:auto;position: absolute;left:0;right:0;top:0;bottom:0;height: 82px;}
.case-list li .info span:before{content: '';display: block;background: url(../images/case-more.png) no-repeat center;width:40px;height: 40px;margin:0 auto 20px auto;}
.case-list li:hover .info{bottom:0}
.case-list li:hover .pic img{transform: scale(1.05);}