/* CSS Document */
body { background: #FFF }
/*header样式*/
.header { width: 1210px; height: 130px; margin: 0 auto; overflow: hidden }
.logo { float: left; margin-top: 15px }
.logo img { width: 380px; height: 100px }
.nav { float: right }
.nav li { width: 130px; height: 130px; line-height: 130px; float: left; overflow: hidden; display: block }
.nav li a { color: #000; font-size: 20px; display: block; text-align: right }
.nav li a:hover { color: #00528b }
/*banner样式*/
.clear { clear: both; }
.pull-left { float: left; }
.text-center { text-align: center; }
.tr { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.banner { position: relative; }
.banner .nrbox .nrli { position: relative; display: none; height: 600px; }
.banner .nrbox .nrli.active { display: block; }
.banner .nrbox .nrli .left { position: absolute; right: 45%; top: 30px; z-index: 2; animation-duration: 1.5s; animation-fill-mode: forwards; }
.banner .nrbox .nrli.active .left { animation-name: rights; }
.animated p { display: block; margin-top: 28px; font-size: 35px; color: #FFF; }
.animated span { display: block; font-size: 25px; color: #FFF }
.animated>a { display: block; float: left;  border: 1px solid #FFF; border-radius: 30px; font-size: 18px; padding: 10px 85px; color: #fff; margin-top: 50px; }
.animated>a:hover { color: #000; background: #FFF }
.banner .nrbox .nrli .right { position: absolute; left: 50%; top: 0; z-index: 1; width: 770px; height: 100%; animation-duration: 1.5s; animation-fill-mode: forwards; }
.banner .nrbox .nrli.active .right { animation-name: lefts; }
.banner .anbox { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#4d000000', GradientType=0 );
}
.banner .anbox .container { position: relative; height: 100px; }
.banner .anbox .container .anli { position: relative; padding: 30px 0 0; width: 25%; height: 70px; font-size: 12px; color: #7ecef4; line-height: 24px; cursor: pointer; }
.banner .anbox .container .anli.active { background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#4d000000', GradientType=0 );
}
.banner .anbox .container .anli:after { content: ""; position: absolute; right: 0; top: 0; z-index: 1; width: 1px; height: 100%; background: #004d84; }
.banner .anbox .container .anli:first-child:before { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 1px; height: 100%; background: #004d84; }
/*left经过*/
@keyframes lefts {
 0% {
margin:0 0 0 -805px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
 100% {
margin:0 0 0 -605px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
}
@-webkit-keyframes lefts {
 0% {
margin:0 0 0 -805px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
 100% {
margin:0 0 0 -605px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
}
@-moz-keyframes lefts {
 0% {
margin:0 0 0 -805px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
 100% {
margin:0 0 0 -605px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
}
@-o-keyframes lefts {
 0% {
margin:0 0 0 -805px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
 100% {
margin:0 0 0 -605px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
}
/*left离开*/
@keyframes leftsLK {
 0% {
margin:0 0 0 -605px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
 100% {
margin:0 0 0 -805px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
}
@-webkit-keyframes leftsLK {
 0% {
margin:0 0 0 -605px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
 100% {
margin:0 0 0 -805px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
}
@-moz-keyframes leftsLK {
 0% {
margin:0 0 0 -605px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
 100% {
margin:0 0 0 -805px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
}
@-o-keyframes leftsLK {
 0% {
margin:0 0 0 -605px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
 100% {
margin:0 0 0 -805px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
}
/*right经过*/
@keyframes rights {
 0% {
margin:0 -805px 0 0;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
 100% {
margin:0 -605px 0 0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
}
@-webkit-keyframes rights {
 0% {
margin:0 -805px 0 0;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
 100% {
margin:0 -605px 0 0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
}
@-moz-keyframes rights {
 0% {
margin:0 -805px 0 0;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
 100% {
margin:0 -605px 0 0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
}
@-o-keyframes rights {
 0% {
margin:0 -805px 0 0;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
 100% {
margin:0 -605px 0 0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
}
/*left离开*/
@keyframes rightsLK {
 0% {
margin:0 -605px 0 0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
 100% {
margin:0 -805px 0 0;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
}
@-webkit-keyframes rightsLK {
 0% {
margin:0 -605px 0 0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
 100% {
margin:0 -805px 0 0;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
}
@-moz-keyframes rightsLK {
 0% {
margin:0 -605px 0 0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
 100% {
margin:0 -805px 0 0;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
}
@-o-keyframes rightsLK {
 0% {
margin:0 -605px 0 0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
 100% {
margin:0 -805px 0 0;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
}
/*banner样式*/
.container { width: 1210px; overflow: hidden; margin: 0 auto }
.gg_two { width: 1210px; height: 77px; overflow: hidden;  margin-top: 40px }
.gg_two_text { float: right; font-size: 18px; color: #000; margin: 268px 60px 0 0; line-height: 32px }
.gg_three_l { float: left; margin-top: 10px }
.gg_three_r { float: right; width: 404px; height: 267px; background: url(../images/duihua.jpg) no-repeat; position: relative; top: -60px }

.gg_text { color: #FFF; font-size: 18px; line-height: 30px; float: right; margin: 42px 18px 0 80PX }

.four_gg { width: 1210px; overflow: hidden; clear: both; margin-top: 20px }
.img1 { display: block; float: left; width: 390px; height: 150px; background: url(../images/1.jpg) no-repeat }
.img2 { display: block; float: left; width: 390px; height: 150px; background: url(../images/2.jpg) no-repeat; margin-left: 20px }
.img3 { display: block; float: right; width: 390px; height: 150px; background: url(../images/3.jpg) no-repeat }
.img_text { display: block; float: right; margin-top: 50px; margin-right: 16px }
.img_text p { font-size: 18px; color: #535353; font-weight: bold }
.img_text span { font-size: 14px; color: #535353; line-height: 16px; position: relative; top: 5px }
.five_c { width: 1210px; overflow: hidden; margin-top: 30px; }
.five_one { width: 455px; height: 167px; float: left; border-right: 1px solid #dadada }
.five_title { width: 455px; height: 36px; line-height: 36px }
.five_title span { color: #0096e6; font-size: 18px; font-weight: bold }
.five_title>a { float: right; color: #535353; margin-right: 50px }
.five_title>a:hover { color: #00528b }
.five_one ul { width: 445px; overflow: hidden; margin-top: 5px }
.five_one ul li { width: 440px; height: 24px; line-height: 24px; display: block; float: left; overflow: hidden }
.five_one ul li a { width: 440px; height: 24px; display: block; color: #535353 }
.five_one ul li a:hover { color: #00528b }
.five_two { width: 420px; height: 167px; overflow: hidden; border-right: 1px solid #dadada; float: left }
.five_two_n_l { float: left; margin-left: 55px; margin-top: 5px }
.five_two_n_r { float: right; margin-right: 55px }
.five_two_n_r p { font-size: 14px; color: #535353; margin-bottom: 5px }
.five_two_n_r p span { float: left; font-size: 14px; margin-top: 4px }
.five_three { width: 300px; height: 167px; overflow: hidden; float: right }
.five_three img { float: right; display: block; margin-top: 16px }
.five_three span { color: #00a0e9; font-size: 18px; font-weight: bold; float: left; margin: 78px 0 0 30px }
/*footer*/
.footer { width: 100%; height: 155px; background: #1b1b1b; margin-top: 40px; overflow: hidden }
.footer_n { width: 1210px; overflow: hidden; margin: 0 auto; text-align: center; font-size: 12px; line-height: 20px; color: #FFF; padding-top: 50px }
.footer_n img { display: block; float: left; position: absolute; z-index: 9999; margin-left: 30px }
/*详细页样式*/
.j_banner { height: 271px; background: url(../images/j_beijing.jpg) repeat-x }
.j_banner_n { width: 1500px; height: 270px; background: url(../images/j_banner.jpg) no-repeat; margin: 0 auto }
.j_banner_title { width: 1210px; overflow: hidden; margin: 0 auto; line-height: 271px }
.j_banner_title p { float: left; font-size: 36px; font-weight: bold; color: #FFF; padding-left: 10px }
.j_banner_title span { float: left; position: relative; margin-top: 110px; margin-right: 30px; color: #fff }
.j_banner_title span a { color: #FFF }
.j_banner_title span a:hover { color: #00528b }
.new_show { width: 1210px; overflow: hidden; margin: 30px auto 0 } 
.new_show_l { width: 1208px; overflow: hidden; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.new_show_title { width: 1190px; height: 120px; line-height: 120px; font-size: 24px; font-weight: bold; color: #5b5b5b; text-align: center; border-bottom: 1px solid #eaeaea }
.new_show_n { width: 1140px; min-height: 500px; margin: 40px auto; font-size: 14px; color: #5b5b5b; line-height: 28px }
.new_show_r { float: right; width: 320px; overflow: hidden }
/*qq客服浮动*/
#Floatingbar { width: 60px; position: fixed; top: 50%; right: 0px; margin-top: -5%; }
#Floatingbar ul li { position: relative; margin-bottom: 0px; height: 60px; }
#Floatingbar ul li a { width: 60px; height: 60px; text-indent: -99em; overflow: hidden; background-color: #002f5b; display: block; position: relative; z-index: 1500; }
#Floatingbar ul li a i { display: block; }
#Floatingbar ul li.change a, #Floatingbar ul li a:hover { background-color: #0070c0; transition: none; }
#Floatingbar ul li span { position: absolute; right: -250px; background-color: #0070c0; top: 0px; width: 120px; text-align: center; color: #fff; height: 59px; line-height: 59px; border-bottom: 1px solid #009fe2; }
#Floatingbar ul li span.pic { width: 150px; height: 145px; padding-top: 10px; padding-right: 12px; top: auto; bottom: 0 }
#Floatingbar ul li span.pic img { width: 130px; }
#Floatingbar ul li#btn_backtop { width: 60px; height: 22px; }
#Floatingbar ul li#btn_backtop a { height: 22px; }
#Floatingbar ul li#btn_backtop .floating_icon_ { height: 22px; }
.floating_icon_ { width: 60px; height: 60px; background: url(../images/icon.png) no-repeat left top; display: inline-block; }
.floating_icon_.floating_icon_1x1 { background-position: 0 0; }
#Floatingbar ul li.change .floating_icon_1x1, .floating_icon_.floating_icon_1x1:hover { background-position: -61px 0; }
.floating_icon_.floating_icon_1x2 { background-position: 0 -60px; }
#Floatingbar ul li.change .floating_icon_1x2, .floating_icon_.floating_icon_1x2:hover { background-position: -61px -60px; }
.floating_icon_.floating_icon_1x3 { background-position: 0 -120px; }
#Floatingbar ul li.change .floating_icon_1x3, .floating_icon_.floating_icon_1x3:hover { background-position: -61px -120px; }
.floating_icon_.floating_icon_1x4 { background-position: 0 -180px; }
#Floatingbar ul li.change .floating_icon_1x4, .floating_icon_.floating_icon_1x4:hover { background-position: -61px -180px; }