@charset "utf-8";
html { width:100%; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -o-text-size-adjust:100%; text-size-adjust:100%; }
/*body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }*/
body,button,input,select,textarea { font:14px"Roboto-Light",Tmicrosoft yahei,Courier New, Arial, Console, Verdana, 宋体; font-size:13px; color:#666; word-wrap:break-word; }
textarea {resize:none;}
a:link,a:visited,a:focus,a:hover { text-decoration:none; outline-style:none; color:#666; }
/*h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }*/
a,label{blr:expression_r(this.onFocus=this.blur());outline:none;}
address,cite,dfn,em,var{font-style:normal}
ul,ol{list-style:none}
fieldset,img{border:0;vertical-align:bottom;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
table{width:100%;border-collapse:collapse;border-spacing:0;}

.tranAll, a { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.tranAll:hover, a:hover { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
*,*:after,*:before { -weibkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;  -o-box-sizing:border-box; box-sizing:border-box; }
*:after, *:before { display:block; }
*:focus { outline:none; }
.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}

/*input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline:#153379 solid 2px; }*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#bbb; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#bbb; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#bbb; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#bbb; }
input[type="checkbox"] { width:14px; height:14px; border:1px solid #ddd; background:#fff /*url(_blank);*/ }

.hidden{display:none;}
.invisible{visibility:hidden;}
.noBg{background:none !important;}
.noBd{border:none !important;}
/*
display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex;
margin:auoto
*/

@font-face {
    font-family: 'Rockwell';
    src: url('../fonts/Rockwell.eot');
    src: url('../fonts/Rockwell.eot') format('embedded-opentype'),
         url('../fonts/Rockwell.woff2') format('woff2'),
         url('../fonts/Rockwell.woff') format('woff'),
         url('../fonts/Rockwell.ttf') format('truetype'),
         url('../fonts/Rockwell.svg#Rockwell') format('svg');
}
@font-face {
    font-family: 'RockwellBold';
    src: url('../fonts/RockwellBold.eot');
    src: url('../fonts/RockwellBold.eot') format('embedded-opentype'),
         url('../fonts/RockwellBold.woff2') format('woff2'),
         url('../fonts/RockwellBold.woff') format('woff'),
         url('../fonts/RockwellBold.ttf') format('truetype'),
         url('../fonts/RockwellBold.svg#RockwellBold') format('svg');
}

body { min-width:1210px; font-family:"arial","Microsoft Yahei"; color:#666; margin:0 auto; background:#fff; }
input, textarea, button, select { font-family:"Microsoft Yahei","arial"; }
a { color:#666; }
a:hover { color:#153379; }
img { vertical-align:bottom; }
.wrap { width:1400px; margin:0 auto; }

/*箭头向下移动*/
@keyframes moveBottom
{
0%   { transform:translate(0,-20px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,10px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,20px); opacity:100; filter:alpha(opacity=50); }
}
@-webkit-keyframes moveBottom
{
0%   { transform:translate(0,-20px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,10px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,20px); opacity:100; filter:alpha(opacity=50); }
}
@-moz-keyframes moveBottom
{
0%   { transform:translate(0,-20px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,10px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,20px); opacity:100; filter:alpha(opacity=50); }
}
@-o-keyframes moveBottom
{
0%   { transform:translate(0,-20px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,10px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,20px); opacity:100; filter:alpha(opacity=50); }
}


/*箭头向下移动 短距离*/
@keyframes moveBottomShot
{
0%   { transform:translate(0,-10px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,0px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,5px); opacity:100; filter:alpha(opacity=50); }
}
@-webkit-keyframes moveBottomShot
{
0%   { transform:translate(0,-10px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,0px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,5px); opacity:100; filter:alpha(opacity=50); }
}
@-moz-keyframes moveBottomShot
{
0%   { transform:translate(0,-10px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,0px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,5px); opacity:100; filter:alpha(opacity=50); }
}
@-o-keyframes moveBottomShot
{
0%   { transform:translate(0,-10px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,0px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,5px); opacity:100; filter:alpha(opacity=50); }
}


/*箭头向上移动*/
@keyframes moveTop
{
0%   { transform:translate(0,20px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,-10px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,-20px); opacity:100; filter:alpha(opacity=50); }
}
@-webkit-keyframes moveTop
{
0%   { transform:translate(0,20px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,-10px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,-20px); opacity:100; filter:alpha(opacity=50); }
}
@-moz-keyframes moveTop
{
0%   { transform:translate(0,20px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,-10px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,-20px); opacity:100; filter:alpha(opacity=50); }
}
@-o-keyframes moveTop
{
0%   { transform:translate(0,20px); opacity:0; filter:alpha(opacity=0); }
50% { transform:translate(0,-10px); opacity:100; filter:alpha(opacity=100); }
100% { transform:translate(0,-20px); opacity:100; filter:alpha(opacity=50); }
}

/* 层摆动 */
@keyframes swing
{
0%   { transform:perspective(200px) rotateX(0deg); }
20% { transform:perspective(200px) rotateX(-45deg); }
40% { transform:perspective(200px) rotateX(45deg); }
50% { transform:perspective(200px) rotateX(-25deg); }
60% { transform:perspective(200px) rotateX(25deg); }
70% { transform:perspective(200px) rotateX(-5deg); }
80% { transform:perspective(200px) rotateX(5deg); }
90% { transform:perspective(200px) rotateX(-3deg); }
95% { transform:perspective(200px) rotateX(3deg); }
100% { transform:perspective(200px) rotateX(0); }
}
@-webkit-keyframes swing
{
0%   { transform:perspective(200px) rotateX(0deg); }
20% { transform:perspective(200px) rotateX(-45deg); }
40% { transform:perspective(200px) rotateX(45deg); }
50% { transform:perspective(200px) rotateX(-25deg); }
60% { transform:perspective(200px) rotateX(25deg); }
70% { transform:perspective(200px) rotateX(-5deg); }
80% { transform:perspective(200px) rotateX(5deg); }
90% { transform:perspective(200px) rotateX(-3deg); }
95% { transform:perspective(200px) rotateX(3deg); }
100% { transform:perspective(200px) rotateX(0); }
}
@-moz-keyframes swing
{
0%   { transform:perspective(200px) rotateX(0deg); }
20% { transform:perspective(200px) rotateX(-45deg); }
40% { transform:perspective(200px) rotateX(45deg); }
50% { transform:perspective(200px) rotateX(-25deg); }
60% { transform:perspective(200px) rotateX(25deg); }
70% { transform:perspective(200px) rotateX(-5deg); }
80% { transform:perspective(200px) rotateX(5deg); }
90% { transform:perspective(200px) rotateX(-3deg); }
95% { transform:perspective(200px) rotateX(3deg); }
100% { transform:perspective(200px) rotateX(0); }
}
@-o-keyframes swing
{
0%   { transform:perspective(200px) rotateX(0deg); }
20% { transform:perspective(200px) rotateX(-45deg); }
40% { transform:perspective(200px) rotateX(45deg); }
50% { transform:perspective(200px) rotateX(-25deg); }
60% { transform:perspective(200px) rotateX(25deg); }
70% { transform:perspective(200px) rotateX(-5deg); }
80% { transform:perspective(200px) rotateX(5deg); }
90% { transform:perspective(200px) rotateX(-3deg); }
95% { transform:perspective(200px) rotateX(3deg); }
100% { transform:perspective(200px) rotateX(0); }
}


/* 层模糊到清晰，背景图层由小变大 */
@keyframes blurToClear
{
0%   { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); background-size:100% 100%; }
100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); background-size:120% 120%; }
}
@-webkit-keyframes blurToClear
{
0%   { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); background-size:100% 100%; }
100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); background-size:120% 120%; }
}
@-moz-keyframes blurToClear
{
0%   { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); background-size:100% 100%; }
100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); background-size:120% 120%; }
}
@-o-keyframes blurToClear
{
0%   { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); background-size:100% 100%; }
100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); background-size:120% 120%; }
}

.floatContact { position:fixed; left:0; top:200px; width:168px; z-index:8; display:none; }
.floatContact .bd {}
.floatContact .title { position:relative; height:60px; line-height:60px; text-align:center; font-family:"Rockwell"; font-size:21.11px; color:#fff; background:#0C53AB; border-bottom:1px solid #F5F5F5; }
.floatContact .title i { position:absolute; top:-11px; left:50%; width:22px; height:22px; line-height:18px; text-align:center; font-size:14px; margin-left:-11px; border:2px solid #0C53AB; background:#fff; color:#0C53AB; border-radius:22px; overflow:hidden; cursor:pointer; }
.floatContact .menuContact {}
.floatContact .menuContact .fc-ico { float:left; width:56px; text-align:center; height:20px; }
.floatContact .menuContact h2 { line-height:20px; background:#153379; color:#fff; padding:8px 0; cursor:pointer; }
.floatContact .menuContact h2 .fa { float:right; margin-right:20px; font-size:20px; }
.floatContact .menuContact h2.cur .fa { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); }
.floatContact .menuContact h2.fc-ico-01 .fc-ico { background:url(fc.png) no-repeat center 0; }
.floatContact .menuContact dt { font-size:13px; border-bottom:1px solid #fff; }
.floatContact .menuContact dt a { line-height:20px; background:#F5F5F5; padding:8px 0; color:#999; display:block; }
.floatContact .menuContact dt a .pic { display:none; }
.floatContact .menuContact dt a:hover { position:relative; background:#fff; color:#0c53ab; }
.floatContact .menuContact dt a:hover .pic { position:absolute; top:0; left:100%; display:block; background:#fff; padding:15px; }
.floatContact .menuContact dt.fc-ico-02 .fc-ico { background:url(fc.png) no-repeat center -20px; }
.floatContact .menuContact dt.fc-ico-02 a:hover .fc-ico { background:url(fc.png) no-repeat center -40px; }
.floatContact .menuContact dt.fc-ico-03 .fc-ico { background:url(fc.png) no-repeat center -60px; }
.floatContact .menuContact dt.fc-ico-03 a:hover .fc-ico { background:url(fc.png) no-repeat center -80px; }
.floatContact .menuContact dt.fc-ico-04 .fc-ico { background:url(fc.png) no-repeat center -100px; }
.floatContact .menuContact dt.fc-ico-04 a:hover .fc-ico { background:url(fc.png) no-repeat center -120px; }
.floatContact .menuContact dt.fc-ico-05 .fc-ico { background:url(fc.png) no-repeat center -140px; }
.floatContact .menuContact dt.fc-ico-05 a:hover .fc-ico { background:url(fc.png) no-repeat center -160px; }
.floatContact .menuContact dt.fc-ico-06 .fc-ico { background:url(fc.png) no-repeat center -180px; }
.floatContact .menuContact dt.fc-ico-06 a:hover .fc-ico { background:url(fc.png) no-repeat center -200px; }
.floatContact .menuContact dt.fc-ico-07 .fc-ico { background:url(fc.png) no-repeat center -220px; }
.floatContact .menuContact dt.fc-ico-07 a:hover .fc-ico { background:url(fc.png) no-repeat center -240px; }
.floatContact .menuContact dt.fc-ico-08 .fc-ico { background:url(fc.png) no-repeat center -260px; }
.floatContact .menuContact dt.fc-ico-08 a:hover .fc-ico { background:url(fc.png) no-repeat center -280px; }
.floatContact .backTop { line-height:20px; padding:25px 0; text-align:center; font-size:14px; background:#0C53AB; color:#fff; cursor:pointer; }
.floatContact .backTop span { display:inline-block; }
.floatContact .backTop i { float:left; width:20px; height:20px; background:url(fc.png) no-repeat center bottom; display:inline-block; margin-right:10px; }
.floatContact .backTop:hover i { animation: moveTop 1s linear 0s infinite normal; -webkit-animation: moveTop 1s linear 0s infinite normal; -moz-animation: moveTop 1s linear 0s infinite normal; -o-animation: moveTop 1s linear 0s infinite normal; }

.arrow {}
.arrow .prev { float:left; }
.arrow .next { float:right; }
.arrow a { width:36px; height:36px; font-size:36px; background:#FEEF03; color:#D8B60D; text-align:center; }
.arrow a:hover { background:#153379; color:#fff; }

.arrow2 {}
.arrow2 .prev { float:left; }
.arrow2 .next { float:right; }
.arrow2 a { width:46px; height:46px; line-height:44px; font-size:46px; color:#666; border:1px solid #666; border-radius:46px; text-align:center; overflow:hidden; }
.arrow2 a:hover { background:#153379; color:#fff; border:1px solid #153379; }

.intBtn { padding:60px 0; text-align:center; }
.intBtn li { display:inline-block; width:12px; height:12px; border-radius:12px; background:#C7C7C7; cursor:pointer; margin:0 12px; text-indent:-9999em; }
.intBtn li.on { background:#2C4786; }


.tips { padding:20px; line-height:24px; background:#F7F7F7; font-size:13px; color:#999; text-align:center; margin-bottom:30px; }
.tips span { color:#153379; }

.share { color:#F5E416; font-size:30px; }
.share a { float:left; text-align:left; color:#F5E416; margin-right:15px; }
.share a:hover { color:#153379; }

.hd { text-align:center; padding:60px 0; }
.hd h2 { height:38px; line-height:38px; display:inline-block; }
.hd h2 i { width:30px; height:2px; background:#666; margin-top:18px; }
.hd h2 i.ico-01 { float:left; }
.hd h2 i.ico-02 { float:right; }
.hd h2 span { font-size:36px; padding:0 15px; }
.hd p { line-height:24px; font-size:18px; font-family:"Rockwell","arial"; }

.hd2 { color:#fff; }
.hd2 h2 { height:56px; line-height:56px; font-size:42px; }
.hd2 p { line-height:44px; line-height:42px; font-size:24px; font-family:"Rockwell","arial"; border-top:2px solid #fff; }

.hd3 { text-align:center; padding:60px 0; }
.hd3 h2 { height:34px; line-height:34px; display:inline-block; }
.hd3 h2 i { width:30px; height:2px; background:#666; margin-top:16px; }
.hd3 h2 i.ico-01 { float:left; }
.hd3 h2 i.ico-02 { float:right; }
.hd3 h2 span { font-size:30px; padding:0 15px; }
.hd3 p { line-height:20px; font-size:14px; font-family:"Rockwell","arial"; }

.bgGray { background:#F5F5F5; }
.bgWhilte { background:#FFF; }
.bgMazarine { background:#153379; }

.moreBtn {}
.moreBtn a { display:block; height:38px; line-height:38px; text-align:center; border:1px solid #F3F3F3; color:#999; font-family:"arial"; }
.moreBtn a:hover { border:1px solid #153379; color:#153379; box-shadow:0 0 2px #153379; }

.toBtn { text-align:center; }
.toBtn a { height:130px; background:#FEEF03; background:rgba(254,239,3,0.9); margin:0 auto; color:#c69a12; text-align:center; padding:35px 100px; display:inline-block; overflow:hidden; }
.toBtn a span { float:left; font-size:30px; text-align:right; }
.toBtn a em { font-size:14px; font-family:"Rockwell","arial"; display:block; }
.toBtn a i { float:right; width:46px; height:46px; font-size:46px; line-height:44px; text-align:center; border:1px solid #C69A12; border-radius:46px; overflow:hidden; margin-left:20px; margin-top:5px; }
.toBtn a:hover { background:#0C53AB; background:rgba(21,51,121,0.9); color:#fff; }
.toBtn a:hover i { border:1px solid #fff; }
.toBtn:nth-child(2) a { background:#0C53AB; background:rgba(21,51,121,0.9); color:#fff; }
.toBtn:nth-child(2) a i { border:1px solid #fff; }


.miniMap { float:left; width:380px; height:225px; background:url(miniMap.png) no-repeat center; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; }
.miniMap a { display:inline-block; height:24px; line-height:24px; padding:0 10px; color:#fff; background:#00A0E2; margin:auto; }

.colPicTit { min-width:350px; background:#153379; background:rgba(21,51,121,0.9); padding:30px 40px; color:#fff; text-align:left; }
.colPicTit h2 { font-size:30px; line-height:34px; }
.colPicTit p { font-size:16px; font-family:"Rockwell","arial"; line-height:20px; }



.header {}
.header .topArea { background:#153379; }
.header .wrap { height:100%; }
.header .logo { float:left; width:173px; height:100%; height:75px; overflow:hidden; }
.header .nav { float:right; }
.header .nav li { float:left; font-size:13px; margin-left:10px; }
.header .nav li a { float:left; height:75px; line-height:72px; border-top:3px solid #153379; text-align:center; padding:0 15px; color:#ccc; }
.header .nav li a:hover, .header .nav li a.current { background:#0C53AB; color:#fff; border-top:3px solid #fff; padding-top:0; }
.header .userBar { float:right; font-size:14px; padding-top:17px; margin-left:20px; display:inline; }
.header .userBar .btn { float:left; background:#FEEF03; height:40px; line-height:40px; padding:0 15px; color:#c69a12; margin-right:1px; display:inline; }
.header .userBar .btn i { display:inline-block; height:20px; line-height:20px; text-align:center; background:#C69A12; color:#FEEF03; padding:0 2px; border-radius:2px; margin-right:5px; }
.header .userBar .btn a { color:#c69a12; }
.header .userBar .btn a:hover { text-decoration:underline; }
.header .userBar .close { float:right; background:#FEEF03; }
.header .userBar .close i { width:40px; height:40px; line-height:40px; text-align:center; font-size:30px; color:#C69A12; font-weight:lighter; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; }
.header .userBar .close i:hover { transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; cursor:pointer; }



.banner { position:relative; overflow:hidden; }
.banner .banner-bd { position:relative; z-index:2; }
.banner .banner-list { position:relative; background:#fff; }
.banner .banner-list .banner-pic { position:absolute; left:0; left:0; width:100%; height:100%; z-index:2; }
.banner .banner-list .wrap { position:relative; font-family:"Rockwell","arial"; }
.banner .banner-list .line1 { width:210px; height:5px; margin:0 auto 10px; background:#fff; }
.banner .banner-list .banner-txt { position:relative; z-index:3; height:860px; }
.banner .banner-list .banner-txt-list { height:860px; padding-bottom:280px; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; }
.banner .banner-list .txt { position:relative; text-align:center; color:#fff; z-index:3; margin:auto; }
.banner .banner-list .txt-01 { margin-bottom:10px; line-height:40px; }
.banner .banner-list .txt-02 { margin-bottom:10px; font-family:"Microsoft Yahei","arial"; }
.banner .banner-list .p-01 { font-size:35.48px; }
.banner .banner-list .p-02 { font-size:49.29px; }
.banner .banner-list .p-03 { font-size:47.23px; }
.banner .banner-list .p-04 { font-size:29.18px; }
.banner .banner-list .p-05 { font-size:24px; }
.banner .banner-list .cont { position:absolute; bottom:100px; right:0; text-align:right; font-family:"RockwellBold","arial"; color:#fff; font-size:12px; z-index:4; }
.banner .banner-list .cont h2 { font-size:56.38px; font-family:"Rockwell","arial"; }
.banner .banner-list .icon { position:relative; width:100%; height:30px; line-height:30px; margin:20px 0 20px; animation: moveBottom 1s linear 0s infinite normal; -webkit-animation: moveBottom 1s linear 0s infinite normal; -moz-animation: moveBottom 1s linear 0s infinite normal; -o-animation: moveBottom 1s linear 0s infinite normal; }
.banner .banner-list .icon .icon-01 { position:absolute; top:0; left:0; width:100%; height:100%; font-size:30px; }
.banner .banner-list .icon .icon-01:before { height:100%; line-height:15px; }
.banner .banner-list .icon .icon-02 { position:absolute; top:0; left:0; width:100%; height:100%; font-size:50px; }
.banner .banner-list .icon .icon-02:before { height:100%; line-height:30px; }
.banner .banner-list .more { height:40px; line-height:40px; font-size:22px; font-weight:bold; font-family:"RockwellBold","arial"; }
.banner .banner-list .more a { color:#fff; }
.banner .banner-list .more a:hover { border:2px solid #fff; padding:0 10px; text-shadow:0 0 2px #999; }

.banner .banner-form { position:absolute; left:0; top:580px; width:100%; z-index:3; }
.banner .banner-form .form1 { width:658px; margin:0 auto; }
.banner .banner-form .form1 input { float:left; width:502px; height:60px; border:1px solid #fff; background:#fff; font-size:16px; color:#153379; box-shadow:0 0 20px #000; padding:0 20px; }
.banner .banner-form .form1 button { float:right; width:154px; height:60px; font-size:18px; border:1px solid #FEEF03; background:#FEEF03; color:#c79b12; cursor:pointer; box-shadow:0 0 20px #000; }
.banner .banner-form .form1 button:hover { border:1px solid #153379; background:#153379;  }

.banner .banner-hd { position:absolute; left:0; bottom:26px; width:100%; z-index:4; }
.banner .banner-hd .share { float:left; }
.banner .banner-hd .arrow { float:right; }
.banner .banner-hd .arrow .prev { margin-right:5px; }



.banner .banner-list .banner-pic img { width:100%; height:auto; }
.banner .banner-list .plane { position:absolute; left:1.2%; top:30%; width:98%; animation: plane 1.2s linear 0s 1 normal; -webkit-animation: plane 1.2s linear 0s 1 normal; -moz-animation: plane 1.2s linear 0s 1 normal; -o-animation: plane 1.2s linear 0s 1 normal; z-index:4; }
.banner .banner-list .plane img { animation: blink 1s linear 1.2s infinite normal; -webkit-animation: blink 1s linear 1.2s infinite normal; -moz-animation: blink 1s linear 1.2s infinite normal; -o-animation:  blink 1s linear 1.2s infinite normal; }
.banner .banner-list .cloud-01 { position:absolute; left:66%; top:51%; width:5%; z-index:3; animation: cloud-01 30s linear 0s infinite normal; -webkit-animation: cloud-01 30s linear 0s infinite normal; -moz-animation: cloud-01 30s linear 0s infinite normal; -o-animation: cloud-01 30s linear 0s infinite normal; }
.banner .banner-list .cloud-02 { position:absolute; left:35%; bottom:0%; width:30%; z-index:5; animation: cloud-02 15s linear 0s infinite normal; -webkit-animation: cloud-02 15s linear 0s infinite normal; -moz-animation: cloud-02 15s linear 0s infinite normal; -o-animation: cloud-02 15s linear 0s infinite normal; }
.banner .banner-list .cloud-03 { position:absolute; left:20%; top:30%; width:15%; z-index:2; animation: cloud-03 30s linear 0s infinite normal; -webkit-animation: cloud-03 30s linear 0s infinite normal; -moz-animation: cloud-03 30s linear 0s infinite normal; -o-animation: cloud-03 30s linear 0s infinite normal; }
.banner .banner-list .cloud-04 { position:absolute; left:70%; top:10%; width:15%; z-index:3; animation: cloud-04 30s linear 0s infinite normal; -webkit-animation: cloud-04 30s linear 0s infinite normal; -moz-animation: cloud-04 30s linear 0s infinite normal; -o-animation: cloud-04 30s linear 0s infinite normal; }
.banner .banner-list .cloud-05 { position:absolute; left:0%; top:41%; width:5%; z-index:3; animation: cloud-05 70s linear 0s infinite normal; -webkit-animation: cloud-05 70s linear 0s infinite normal; -moz-animation: cloud-05 70s linear 0s infinite normal; -o-animation: cloud-05 70s linear 0s infinite normal; }
.banner .banner-list .cloud-06 { position:absolute; left:-0%; bottom:-0%; width:10%; z-index:5; animation: cloud-06 15s linear 0s infinite normal; -webkit-animation: cloud-06 15s linear 0s infinite normal; -moz-animation: cloud-06 15s linear 0s infinite normal; -o-animation: cloud-06 15s linear 0s infinite normal; }
.banner .banner-list .cloud-07 { position:absolute; left:10%; top:10%; width:15%; z-index:2; animation: cloud-07 70s linear 0s infinite normal; -webkit-animation: cloud-07 70s linear 0s infinite normal; -moz-animation: cloud-07 70s linear 0s infinite normal; -o-animation: cloud-07 70s linear 0s infinite normal; }
.banner .banner-list .cloud-08 { position:absolute; left:10%; top:60%; width:15%; z-index:3; animation: cloud-08 70s linear 0s infinite normal; -webkit-animation: cloud-08 70s linear 0s infinite normal; -moz-animation: cloud-08 70s linear 0s infinite normal; -o-animation: cloud-08 70s linear 0s infinite normal; }

/* 飞机 */
@keyframes plane
{
0%   { left:0%; top:70%; width:2%; }
100% { left:1%; top:30%; width:98%; }
}
@-webkit-keyframes plane
{
0%   { left:0%; top:70%; width:2%; }
100% { left:1%; top:30%; width:98%; }
}
@-moz-keyframes plane
{
0%   { left:0%; top:70%; width:2%; }
100% { left:1%; top:30%; width:98%; }
}
@-o-keyframes plane
{
0%   { left:0%; top:70%; width:2%; }
100% { left:1%; top:30%; width:98%; }
}

/* 抖动 */
@keyframes blink
{
0% { margin-top:0; margin-left:0; }
50% { margin-top:4px; margin-left:4px; }
100% { margin-top:0; margin-left:0; }
}
@-webkit-keyframes blink
{
0% { margin-top:0; margin-left:0; }
50% { margin-top:4px; margin-left:4px; }
100% { margin-top:0; margin-left:0; }
}
@-moz-keyframes blink
{
0% { margin-top:0; margin-left:0; }
50% { margin-top:4px; margin-left:4px; }
100% { margin-top:0; margin-left:0; }
}
@-o-keyframes blink
{
0% { margin-top:0; margin-left:0; }
50% { margin-top:4px; margin-left:4px; }
100% { margin-top:0; margin-left:0; }
}

/* 抖动 2*/
@keyframes blink2
{
0% { margin-top:0; margin-left:0; }
50% { margin-top:-1px; margin-left:-1px; }
100% { margin-top:0; margin-left:0; }
}
@-webkit-keyframes blink2
{
0% { margin-top:0; margin-left:0; }
50% { margin-top:-1px; margin-left:-1px; }
100% { margin-top:0; margin-left:0; }
}
@-moz-keyframes blink2
{
0% { margin-top:0; margin-left:0; }
50% { margin-top:-1px; margin-left:-1px; }
100% { margin-top:0; margin-left:0; }
}
@-o-keyframes blink2
{
0% { margin-top:0; margin-left:0; }
50% { margin-top:-1px; margin-left:-1px; }
100% { margin-top:0; margin-left:0; }
}

/* 云彩 1 */
@keyframes cloud-01
{
0%   { left:66%; }
31% { left:100%; width:5%; }
32% { left:100%; width:0%;  }
33% { left:-5%; width:0%;  }
34% { left:-5%; width:5%;  }
100% { left:66%; }
}
@-webkit-keyframes cloud-01
{
0%   { left:66%; }
31% { left:100%; width:5%; }
32% { left:100%; width:0%;  }
33% { left:-5%; width:0%;  }
34% { left:-5%; width:5%;  }
100% { left:66%; }
}
@-moz-keyframes cloud-01
{
0%   { left:66%; }
31% { left:100%; width:5%; }
32% { left:100%; width:0%;  }
33% { left:-5%; width:0%;  }
34% { left:-5%; width:5%;  }
100% { left:66%; }
}
@-o-keyframes cloud-01
{
0%   { left:66%; }
31% { left:100%; width:5%; }
32% { left:100%; width:0%;  }
33% { left:-5%; width:0%;  }
34% { left:-5%; width:5%;  }
100% { left:66%; }
}

/* 云彩 2 */
@keyframes cloud-02
{
0%   { left:35%; }
50% { left:100%; width:30%; }
51% { left:100%; width:0%; }
52% { left:-30%; width:0%; }
53% { left:-30%; width:30%; }
100% { left:35%; }
}
@-webkit-keyframes cloud-02
{
0%   { left:35%; }
50% { left:100%; width:30%; }
51% { left:100%; width:0%; }
52% { left:-30%; width:0%; }
53% { left:-30%; width:30%; }
100% { left:35%; }
}
@-moz-keyframes cloud-02
{
0%   { left:35%; }
50% { left:100%; width:30%; }
51% { left:100%; width:0%; }
52% { left:-30%; width:0%; }
53% { left:-30%; width:30%; }
100% { left:35%; }
}
@-o-keyframes cloud-02
{
0%   { left:35%; }
50% { left:100%; width:30%; }
51% { left:100%; width:0%; }
52% { left:-30%; width:0%; }
53% { left:-30%; width:30%; }
100% { left:35%; }
}

/* 云彩 3 */
@keyframes cloud-03
{
0%   { left:20%; }
73% { left:100%; width:15%; }
74% { left:100%; width:0%; }
75% { left:-15%; width:0%; }
76% { left:-15%; width:15%; }
100% { left:20%; }
}
@-webkit-keyframes cloud-03
{
0%   { left:20%; }
73% { left:100%; width:15%; }
74% { left:100%; width:0%; }
75% { left:-15%; width:0%; }
76% { left:-15%; width:15%; }
100% { left:20%; }
}
@-moz-keyframes cloud-03
{
0%   { left:20%; }
73% { left:100%; width:15%; }
74% { left:100%; width:0%; }
75% { left:-15%; width:0%; }
76% { left:-15%; width:15%; }
100% { left:20%; }
}
@-o-keyframes cloud-03
{
0%   { left:20%; }
73% { left:100%; width:15%; }
74% { left:100%; width:0%; }
75% { left:-15%; width:0%; }
76% { left:-15%; width:15%; }
100% { left:20%; }
}


/* 云彩 4 */
@keyframes cloud-04
{
0%   { left:70%; }
23% { left:100%; width:15%; }
24% { left:100%; width:0%; }
25% { left:-15%; width:0%; }
26% { left:-15%; width:15%; }
100% { left:70%; }
}
@-webkit-keyframes cloud-04
{
0%   { left:70%; }
23% { left:100%; width:15%; }
24% { left:100%; width:0%; }
25% { left:-15%; width:0%; }
26% { left:-15%; width:15%; }
100% { left:70%; }
}
@-moz-keyframes cloud-04
{
0%   { left:70%; }
23% { left:100%; width:15%; }
24% { left:100%; width:0%; }
25% { left:-15%; width:0%; }
26% { left:-15%; width:15%; }
100% { left:70%; }
}
@-o-keyframes cloud-04
{
0%   { left:70%; }
23% { left:100%; width:15%; }
24% { left:100%; width:0%; }
25% { left:-15%; width:0%; }
26% { left:-15%; width:15%; }
100% { left:70%; }
}

/* 云彩 5 */
@keyframes cloud-05
{
0%   { left:0%; }
96% { left:100%; width:5%; }
97% { left:100%; width:0%; }
98% { left:-5%; width:0%; }
99% { left:-5%; width:5%; }
100% { left:0%; }
}
@-webkit-keyframes cloud-05
{
0%   { left:0%; }
96% { left:100%; width:5%; }
97% { left:100%; width:0%; }
98% { left:-5%; width:0%; }
99% { left:-5%; width:5%; }
100% { left:0%; }
}
@-moz-keyframes cloud-05
{
0%   { left:0%; }
96% { left:100%; width:5%; }
97% { left:100%; width:0%; }
98% { left:-5%; width:0%; }
99% { left:-5%; width:5%; }
100% { left:0%; }
}
@-o-keyframes cloud-05
{
0%   { left:0%; }
96% { left:100%; width:5%; }
97% { left:100%; width:0%; }
98% { left:-5%; width:0%; }
99% { left:-5%; width:5%; }
100% { left:0%; }
}

.banner2 { position:relative; }
.banner2 img { max-width:100%; }
.banner2 .banner-hd { position:absolute; bottom:0; left:0; width:100%; }
.banner2 .colPicTit { float:left; }
.banner2 .toBtn { float:left; width:50%; }
.banner2 .toBtn a { width:100%; height:120px; padding:30px; display:block; }
.banner2 .toBtn a span { text-align:left; }
.banner2 .toBtn a em { text-align:left; }
.banner2 .toBtn a:hover { background:#fff; background:rgba(255,255,255,0.9); color:#0C53AB; }
.banner2 .toBtn a:hover i { border:1px solid #0C53AB; }

.footer {}
.footer .ft-logo { float:left; width:260px; max-width:260px; margin:auto 0; }
.footer .ft-nav { float:left; line-height:24px; font-size:12px; font-family:"arial"; margin:auto auto auto 0; max-width:50%; }
.footer .ft-nav a { color:#fff; }
.footer .ft-nav a:hover { text-decoration:underline; }
.footer .ft-nav em { margin:0 5px; }
.footer .ft-nav .copyright { color:rgba(255,255,255,0.3); }

.footer-01 { padding:40px 0 0; color:#fff; }
.footer-01 .ft-aArea { padding:90px 0; }
.footer-01 .ft-aArea .hd2 { float:left; }
.footer-01 .ft-aArea .ftTel { float:right; text-align:right; color:#FEEF03; }
.footer-01 .ft-aArea .ftTel h2 { line-height:34px; font-size:16px; }
.footer-01 .ft-aArea .ftTel p { line-height:48px; font-size:36px; font-family:"Rockwell","arial"; border-top:1px solid #FEEF03; border-bottom:1px solid #FEEF03; }
.footer-01 .ft-aArea .bd { padding:90px 0 0; }
.footer-01 .ft-aArea .bd .address { float:left; width:33.333333%; padding-right:20px; }
.footer-01 .ft-aArea .bd .address .title { line-height:26px; padding-bottom:8px; }
.footer-01 .ft-aArea .bd .address .pic { margin-bottom:15px; }
.footer-01 .ft-aArea .bd .address .txt { line-height:16px; color:rgba(255,255,255,0.3); font-size:13px; }
.footer-01 .ft-aArea .bd .address2 { float:left; width:33.333333%; padding-left:60px; }
.footer-01 .ft-aArea .bd .address2 dt { line-height:26px; padding-bottom:25px; font-size:13px; }
.footer-01 .ft-aArea .bd .address2 dt a { margin-left:10px; color:#fff; text-decoration:underline; }
.footer-01 .ft-aArea .bd .address2 dt a:hover { text-decoration:none; }
.footer-01 .ft-aArea .bd .miniMap { float:right; width:33.333333%; }
.footer-01 .ft-aArea .bd .miniMap a { display:inline-block; height:24px; line-height:24px; padding:0 10px; color:#fff; background:#00A0E2; margin:auto; }
.footer-01 .ft-bArea { border-top:1px solid rgba(255,255,255,0.3); padding:90px 0; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; }
.footer-01 .ft-bArea .share { float:right; color:#fff; margin:auto 0 auto auto; }
.footer-01 .ft-bArea .share a { color:#fff; }
.footer-01 .ft-bArea .share a:hover { color:#FEEF03; }


.footer-02 { padding:70px 0 90px; }
.footer-02 .wrap { display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; }
.footer-02 .ft-left { float:left; width:630px; margin:auto auto auto 0; }
.footer-02 .ft-right { float:right; margin:auto 0 auto auto; }
.footer-02 .ft-cArea { display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; padding-bottom:25px; border-bottom:1px solid rgba(255,255,255,0.3); }
.footer-02 .ft-cArea .share-txt { float:left; width:100px; margin:auto 0 auto 0; }
.footer-02 .ft-cArea .share-txt h2 { line-height:24px; padding-bottom:5px; color:#fff; }
.footer-02 .ft-cArea .share-txt p { line-height:16px; font-size:12px; font-family:"arial"; color:rgba(255,255,255,0.3); }
.footer-02 .ft-cArea .share-txt p { line-height:16px; font-size:12px; font-family:"arial"; color:rgba(255,255,255,0.3); }
.footer-02 .ft-cArea .share { float:left; margin:auto auto auto 0; }
.footer-02 .ft-cArea .share a { width:52px; height:52px; line-height:52px; text-align:center; background:#0C53AB; border-radius:52px; color:#fff; margin-right:10px; }
.footer-02 .ft-cArea .share a:hover { background:#fff; color:#153379; }
.footer-02 .ft-dArea { display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; }
.footer-02 .ft-dArea .ft-logo { width:200px; }
.footer-02 .ft-dArea .ft-nav { max-width:100%; }
.footer-02 .ft-eArea .ftTel2 { float:right; text-align:right; }
.footer-02 .ft-eArea .ftTel2 h2 { color:#fff; line-height:20px; }
.footer-02 .ft-eArea .ftTel2 p { line-height:44px; font-size:30px; color:#feef03; font-family:"Rockwell","arial"; }
.footer-02 .ft-eArea .ftTel2 span {}
.footer-02 .ft-eArea .ftTel2 span a { display:inline-block; height:36px; line-height:36px; padding:0 36px; background:#fff; border-radius:36px; color:#153379; }
.footer-02 .ft-eArea .ftTel2 span a:hover { text-shadow:0 0 5px #aaa; }
.footer-02 .ft-eArea .ewm { float:right; padding:10px; background:#fff; margin-left:30px; }


.function { padding:50px 0 60px; }
.function .function-list { float:left; width:33.33333%; color:#666; text-align:center; }
.function .function-list .icon { height:58px; line-height:58px; }
.function .function-list .txt { position:relative; width:266px; height:46px; line-height:46px; margin:0 auto; border:4px solid #666; margin-top:25px; transform-origin:center top; -webkit-transform-origin:center top; -moz-transform-origin:center top; -o-transform-origin:center top; }
.function .function-list .txt p { font-size:11px; font-family:"RockwellBold","arial"; }
.function .function-list .txt span { position:absolute; left:0; top:-16px; width:100%; height:28px; line-height:28px; font-size:24px; }
.function .function-list .txt span em { display:inline-block; padding:0 10px; background:#F5F5F5; }
.function .function-list:hover .txt { box-shadow:0 2px 5px #000; animation: swing 1s linear 0s 1 forwards; -webkit-animation: swing 1s linear 0s 1 forwards; -moz-animation: swing 1s linear 0s 1 forwards; -o-animation: swing 1s linear 0s 1 forwards; }


.news { padding:40px 0 140px; }
.news .slide { position:relative; float:left; width:523px; height:323px; overflow:hidden; }
.news .slide-hd { position:absolute; left:0; bottom:0; }
.news .slide-bd { position:relative; width:100%; height:100%; }
.news .slide-bd .pic-txt { position:absolute; top:0; left:0; width:100%; height:100%; }
.news .slide-bd .pic-txt .txt { position:absolute; bottom:0; left:0; width:100%; height:36px; line-height:36px; text-align:right; padding:0 12px 0 70px; background:rgba(0,0,0,0.5); font-size:16px; color:#fff; }
.news .news-list { float:right; width:570px; height:323px; }
.news .news-list dl { padding:24px 0 24px; border-bottom:1px dotted #ccc; }
.news .news-list dl:first-child { padding-top:0; }
.news .news-list dl:last-child { padding-bottom:0; border-bottom:0; }
.news .news-list dt { float:left; width:70px; }
.news .news-list dt p { height:46px; line-height:46px; }
.news .news-list dt p b { font-size:36px; font-weight:normal; }
.news .news-list dt span { display:block; height:30px; line-height:28px; font-size:16px; border-top:2px solid #666; }
.news .news-list dd { float:right; width:455px; }
.news .news-list dd h2 { height:46px; line-height:19px; font-size:16px; overflow:hidden; padding:8px 0 0; }
.news .news-list dd h2 a:hover { text-decoration:underline; }
.news .news-list dd p { height:30px; line-height:15px; font-size:12px; color:#bbb; overflow:hidden; }
.news .news-list dl:hover dt { animation: swing 1s linear 0s 1 forwards; -webkit-animation: swing 1s linear 0s 1 forwards; -moz-animation: swing 1s linear 0s 1 forwards; -o-animation: swing 1s linear 0s 1 forwards; }
.news .moreBtn { padding-top:60px; }


.responsibility { background:url(responsibility.jpg) no-repeat center; background-size:100% 100%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.responsibility .bd { height:580px; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; }
.responsibility .bd p { width:60%; height:64px; line-height:64px; text-align:center; font-size:48px; color:#fff; font-family:"Rockwell","arial"; background:rgba(254,239,3,0.8); letter-spacing:2px; margin:auto; }
.responsibility:hover { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;  background-size:110% 110%; }



.customers { padding:90px 0 140px; }
.customers .pic-txt { float:left; width:25%; height:416px; overflow:hidden; }
.customers .pic-txt * { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.customers .pic-txt .pic { height:50%; overflow:hidden; }
.customers .pic-txt .pic img { width:100%; }
.customers .pic-txt .txt { position:relative; height:50%; text-align:center; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; }
.customers .pic-txt .txt:before { content:''; position:absolute; top:-8px; left:50%; margin-left:-8px; border-top:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #FEEF03; display:none; }
.customers .pic-txt .txt:after { content:''; position:absolute; bottom:-8px; left:50%; margin-left:-8px; border-bottom:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #FEEF03; display:none; }
.customers .pic-txt .txt .center { margin:auto; }
.customers .pic-txt .txt em { font-size:24px; font-family:"arial"; color:#bbb; }
.customers .pic-txt .txt h2 { height:26px; line-height:26px; font-size:16px; margin-top:15px; overflow:hidden; }
.customers .pic-txt .txt span { line-height:16px; font-size:12px; color:#bbb; }
.customers .pic-txt:hover .pic { height:58%; }
.customers .pic-txt:hover .txt { height:42%; background:#FEEF03; }
.customers .pic-txt:hover .txt em { color:#c69a12; }
.customers .pic-txt:hover .txt h2 { color:#c69a12; }
.customers .pic-txt:hover .txt span { color:#c69a12; }
.customers .pic-txt:nth-child(1n):hover .txt:before { display:block; }
.customers .pic-txt:nth-child(2n):hover .txt:after { display:block; }


.article { line-height:28px; color:#999; }
.articleBox {}

.about { padding:60px 0; }
.about.bgGray { box-shadow:0 0 2px #000; }


.service { padding:110px 0; }
.service .service-list { float:left; width:340px; margin-right:90px; display:inline; text-align:center; }
.service .service-list:nth-child(3n) { margin-right:0; }
.service .service-list .num { line-height:34px; margin-bottom:40px; font-size:30px; color:#999; }
.service .service-list .txt { background:#999; color:#fff; padding:25px 0; transform-origin:center top; -webkit-transform-origin:center top; -moz-transform-origin:center top; -o-transform-origin:center top; }
.service .service-list .txt h2 { line-height:26px; font-size:22px; }
.service .service-list .txt p { line-height:20px; font-size:12px; font-family:"Rockwell","arial"; }
.service .service-list .icon { width:40px; height:4px; background:#999; margin:60px auto 0; }
.service .service-list:hover .num { color:#c69a12; }
.service .service-list:hover .txt { box-shadow:0 2px 5px #999; background:#FEEF03; color:#c69a12; animation: swing 1s linear 0s 1 forwards; -webkit-animation: swing 1s linear 0s 1 forwards; -moz-animation: swing 1s linear 0s 1 forwards; -o-animation: swing 1s linear 0s 1 forwards; }
.service .service-list:hover .icon { background:#c69a12; }



.download { padding:60px 0 100px; }
.download .bd { position:relative; }
.download .bd .arrow2 { position:absolute; top:50%; left:0; width:100%; margin-top:-50px; }
.download .bd .arrow2 .prev { position:absolute; left:-150px; top:0; }
.download .bd .arrow2 .next { position:absolute; right:-150px; top:0; }
.download .tempWrap { width:100% !important; }
.download .download-list { float:left; width:340px; margin-right:90px; display:inline;margin-bottom:30px; }
/* .download .download-list:nth-child(3n) { margin-right:0; } */
.download .download-list .date { height:36px; line-height:18px; font-size:12px; color:#999; margin-bottom:10px; letter-spacing:1px; overflow:hidden; }
.download .download-list .title { height:60px; line-height:20px; font-size:14px; color:#666; margin-bottom:10px; overflow:hidden; }
.download .download-list .title a { color:#666; }
.download .download-list .title em { font-size:12px; color:#999; margin-left:10px; }
.download .download-list .title a:hover { color:#153379; text-decoration:underline; }
.download .download-list .btn {}
.download .download-list .btn a { float:left; height:40px; line-height:40px; padding:0 15px; color:#666; border:1px solid #666; }
.download .download-list .btn a i { float:right; width:20px; font-size:24px; font-weight:bold; height:14px; overflow:hidden; margin-left:20px; text-align:center; margin-top:13px; }
.download .download-list .btn a i:before { margin-top:-10px; }
.download .download-list .btn a:hover { border:1px solid #153379; background:#153379; color:#fff; }
.download .download-list .btn a:hover i { animation: moveBottomShot 1.5s linear 0s infinite normal; -webkit-animation: moveBottomShot 1.5s linear 0s infinite normal; -moz-animation: moveBottomShot 1.5s linear 0s infinite normal; -o-animation: moveBottomShot 1.5s linear 0s infinite normal; }



.clause { padding:60px 0 100px; }
.clause .article { line-height:38px; font-size:13px; color:#666; }
.clause .article ol { margin-left:25px; padding-left:25px; color:#999; list-style:decimal; }
.clause .article ol li { line-height:30px; }


.notice { padding:60px 0 100px; }
.notice .tempWrap { width:100% !important; }
.notice .notice-list { float:left; width:340px; margin-right:90px; display:inline; margin-bottom:30px; }
.notice .notice-list .pic {}
.notice .notice-list .txt { background:#9D9D9D; padding:0 20px; }
.notice .notice-list .title { height:58px; line-height:58px; font-size:14px; color:#fff; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.3); }
.notice .notice-list .title a { color:#fff; }
.notice .notice-list .other { height:58px; line-height:20px; padding:19px 0; font-size:12px; color:#fff; }
.notice .notice-list .other span.moreBtn { float:right; }
.notice .notice-list .other span.moreBtn a { float:right; height:20px; line-height:20px; padding:0 5px; font-size:10px; border:1px solid #fff; color:#fff; }
.notice .notice-list .other span.moreBtn a:hover { background:#fff; color:#0C53AB; }
.notice .notice-list:hover .txt { background:#0C53AB; }



.toReg { height:2px; }
.toReg .wrap { position:relative; }
.toReg .bd { position:absolute; left:0; top:-65px; width:100%; }



/*.active { padding:60px 0 90px; }*/
.active .tempWrap { width:100% !important; }
.active .active-list { float:left; width:340px; margin-right:90px; display:inline; }
.active .active-list .date { height:18px; line-height:18px; font-size:12px; color:#999; margin-bottom:5px; letter-spacing:1px; overflow:hidden; }
.active .active-list .title { height:40px; line-height:20px; font-size:14px; color:#666; margin-bottom:5px; overflow:hidden; }
.active .active-list .title a {}
.active .active-list .title a:hover { text-decoration:underline; }
.active .active-list .txt { height:72px; line-height:24px; font-size:12px; color:#999; overflow:hidden; }
.active .active-list .btn { margin-top:88px; }
.active .active-list .btn a { width:42px; height:42px; font-size:40px; border:1px solid #999; color:#999; border-radius:42px; overflow:hidden; display:inline-block; text-align:center; line-height:40px; }
.active .active-list .btn a:hover { color:#fff; border:1px solid #153379; background:#153379; }



.contact { padding:110px 0; }
.contact .hdTab {}
.contact .areaTab-title { position:relative; margin-bottom:-1px; z-index:2; }
.contact .areaTab-title li { float:left; height:80px; line-height:20px; border-bottom:0; text-align:center; margin-right:1px; display:inline; border:1px solid #153379; background:#153379; color:#fff; padding:0 35px; cursor:pointer; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; }
.contact .areaTab-title li p { margin:auto; }
.contact .areaTab-title li.on { background:#fff; border:1px solid #DADADA; border-bottom:0; color:#153379; }
.contact .bdTab { border:1px solid #DADADA; padding:20px; }
.contact .areaTab-list {}
.contact .areaTab-list .title { line-height:30px; padding:10px 0; font-size:20px; border-bottom:1px dotted #DADADA; }
.contact .areaTab-list .way { line-height:25px; font-size:13px; color:#999; padding:15px 0; }
.contact .areaTab-list .way i { color:#999; font-size:14px; width:20px; text-align:center; padding-right:5px; }
.contact .areaTab-list .way span { color:#666; font-weight:bold; }
.contact .areaTab-list .way dl { float:left; min-width:380px; }



.cms { padding:90px 0; }
.cms .step { padding:70px 0; border-bottom:1px solid #DEDEDE; }
.cms .step .step-box { position:relative; width:60%; margin:0 auto; }
.cms .step .line { position:absolute; top:45px; width:100%; }
.cms .step .line i { margin:0 16.666666%; height:4px; background:#A7A7A7; display:block; }
.cms .step .step-list { float:left; width:33.333333%; text-align:center; padding:0 30px; }
.cms .step .step-list .num { height:30px; font-size:17.51px; color:#a7a7a7; font-family:"Rockwell","arial"; }
.cms .step .step-list .icon { position:relative; height:34px; }
.cms .step .step-list .icon i:first-child { position:absolute; left:50%; top:50%; width:16px; height:16px; border:2px solid #a7a7a7; background:#fff; border-radius:16px; margin-top:-8px; margin-left:-8px; z-index:1; }
.cms .step .step-list .icon i:last-child { position:absolute; left:50%; top:50%; width:28px; height:28px; border:14px solid #153379; border-radius:28px; margin-top:-14px; margin-left:-14px; display:none; }
.cms .step .step-list.cur .icon i:first-child { border:2px solid #FDF01B; background:#FDF01B; }
.cms .step .step-list.cur .icon i:last-child { display:block; }
.cms .step .step-list .txt { font-size:20px; }

.droplist { position:relative; }
.droplist:hover { box-shadow:0 0 2px #999; }
.droplist .droplist-default-text { position:relative; border:1px solid #ddd; height:100%; display:block; padding:0 10px; background:#fff; }
.droplist .droplist-default-text b { position:absolute; top:50%; right:10px; margin-top:-7px; font-size:14px; }
.droplist .droplist-default-text span { display:block; width:100%; }
.droplist .droplist-default-text input { display:none; }
.droplist .droplist-list { position:absolute; left:0; width:100% !important; top:100%; border:1px solid #ddd; border-radius:0 0 5px 5px; overflow:hidden; border-top:0; display:none; }
.droplist .droplist-list dt { border-top:1px solid #ddd; }
.droplist .droplist-list dt a { display:block; line-height:24px; padding:10px; background:#fff; }
.droplist .droplist-list dt a:hover { background:#eeeeee; }


.form2 { padding:80px 0; }
.form2 .row { margin-bottom:20px; }
.form2 .row .col { float:left; width:100%; display:inline; }
.form2 .col2 .col { width:49%; margin-right:2%; }
.form2 .col2 .col:last-child { margin-right:0; }
.form2 .col3 .col { width:32%; margin-right:2%; }
.form2 .col3 .col:last-child { margin-right:0; }
.form2 .col4 .col { width:23.5%; margin-right:2%; }
.form2 .col4 .col:last-child { margin-right:0; }
.form2 .row .label { line-height:20px; font-size:16px; margin-bottom:15px; }
.form2 .row .label em { font-size:12px; color:#ccc; display:block; }
.form2 .row .input-box { position:relative; line-height:38px; }
.form2 .row .input-box .text { width:100%; height:60px; line-height:58px; border:1px solid #DEDEDE; padding:0 10px; }
.form2 .row .input-box select { position:absolute; top:1px; right:1px; width:100px; height:58px; margin-top:; }
.form2 .row .input-box .droplist { position:absolute; top:10px; right:10px; }
.form2 .row .input-box .droplist .droplist-default-text { border:0; border-left:1px solid #ddd; }
.form2 .row-submit {}
.form2 .row-submit .submit { width:100%; height:60px; line-height:60px; border:1px solid #0C53AB; background:#0C53AB; color:#fff; font-size:18px; cursor:pointer; display:block; }
.form2 .row-submit .submit:hover { border:1px solid #0C53AB; background:none; color:#0C53AB; }



.moreArticle { line-height:28px; color:#999; text-align:center; }




.popup { position:fixed; top:0; left:0; width:100%; height:100%; z-index:88; }
.popup .mask { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; }
.popup .popup-bd { position:relative; z-index:2; width:100%; height:100%; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; }
.popup .popup-bd .wrap { background:#fff; margin:auto; }

.productPop { position:relative; }
.productPop .close { position:absolute; right:10px; top:10px; font-size:30px; }
.productPop .close i { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; }
.productPop .close:hover i { transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; cursor:pointer; }
.productPop .left { float:left; width:270px; }
.productPop .right { width:100%; padding-left:280px; text-align:center; }
.productPop .bd { padding-top:30px; }
.productPop .pro-cat { height:100px; margin-bottom:70px; }
.productPop .pro-cat-list { float:left; width:25%; height:100px; border-left:1px solid #E5E5E5; }
.productPop .pro-cat-list:first-child { border-left:0; }
.productPop .pro-cat-list .num { font-size:18px; color:#ccc; margin-bottom:18px; }
.productPop .pro-cat-list .name { font-size:18px; margin-bottom:18px; }
.productPop .pro-cat-list .name2 { font-size:10px; color:#ccc; font-family:"Rockwell","arial"; }
.productPop .article { height:90px; }
.productPop .moreBtn a { display:inline-block; font-size:16px; color:#666; border:1px solid #666; padding:0 30px; font-family:"Rockwell","arial"; }

.long-word-dropdown > li {
        width: 96%;
    }
.long-word-dropdown > li > a {
            width: 100%;
        }




table.diff tbody td {
    padding: 0px .4em;
    padding-top: .4em;
    padding-bottom: .4em;
    vertical-align: top;
    
}

table.diff tr {
    padding: 0px .4em;
    padding-top: .4em;
    vertical-align: top;
    border-bottom:1px solid darkgray;
    border-top:1px solid darkgray;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}


table.diff tbody {
    font-family: Courier, monospace;
}


table.diff {
    border-collapse: collapse;
    border: 1px solid darkgray;
    white-space: pre-wrap;
    width:100%;
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

.left-td{
    border-right: 1px solid darkgray;

}