@charset "gb2312";
/* CSS Document */
body{ background:#0b0b0b;}
.header{ height:1075px; background:url(/www1../images/header.gif) top center no-repeat;}
.main{ width:1240px; margin:0px auto; position:relative;}
.main,.main a{ font:12px/24px Microsoft YaHei; color:#fff; }
.overflow-x{ overflow-x:hidden}

.fl{float:left;}
.fr{float:right;}

.p12{font: 12px/22px "simsun","microsoft yahei","Arial";color:#fff;}

.a1{text-decoration: none;color:#;}
.a1:hover{text-decoration: underline;color:#;}


body .g-footer{ background:none; margin-top:-150px; border-top:0;}
body .g-footer .gft-links,
body .g-footer .gft-links a{ color:#fff;}

body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a{ color:#fff;} 

.title{margin:0px auto 42px; padding-bottom:35px; position:relative;}
.title a::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; display: block; content: " "; background:#194aaf; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .4s ease-out; transition: .4s ease-out }
.title a:hover::after { -webkit-transform: scale(0); transform: scale(0); }
.title img{display: block;}

.header .tit1{ width:690px; height:271px; position: absolute; left:260px; +top:155px;top:155px\9\0; background:url(/www1../images/banner_tit01.png) no-repeat;-webkit-animation:run1 2s both ease-in-out 3s;animation:run1 2s both ease-in-out 3s;}
.header .tit2{ width:672px; height:233px; position:absolute; left:260px; +top:455px;top:455px\9\0; background:url(/www1../images/banner_tit02.png) no-repeat;-webkit-animation:run2 2s both ease-in-out 3s;animation:run2 2s both ease-in-out 3s;}
.header .tit3{ width:672px; height:550px; position:absolute; left:260px; +top:155px;top:155px\9\0; z-index:99;-webkit-animation:run1 2s both ease-in-out 3s;animation:run1 2s both ease-in-out 3s;}
.header .tit3 a { position: absolute; bottom:175px; left: 0; width: 100%; height: 5px; display: block;background:#194aaf;-webkit-animation:run3 0.6s both ease-in-out 5s;animation:run3 0.6s both ease-in-out 5s; }

.con1{ margin:-150px auto 80px;}
.con1 .title{ width:421px; }
.con1 .main{ height:830px;}

.con1 .a-btn1{width:62px; height:66px;  background:url(/www1../images/btn.png) no-repeat; position:absolute; top:50%; left:15px; z-index:999; margin-top:-33px;}
.con1 .a-btn2{width:62px; height:66px; background:url(/www1../images/btn.png) no-repeat right top; position:absolute; top:50%; right:15px; z-index:999;margin-top:-33px;}
.con1 .nav{width:1240px;height:80px;background:#0b0b0b;}
.con1 .nav a{float:left;font:22px/80px Microsoft YaHei;color:#1744a0;margin-right:65px; text-decoration:none;margin-left:5px}
.con1 div,.con1 p,.con1 span,.con1 a{ box-sizing: border-box; }
.con1 a:hover{ text-decoration:none;}

.skw-pages { overflow: hidden; position: relative;width:1240px; margin:0px auto; height: 750px;box-sizing: border-box; }
.skw-page { position: absolute; left: 0; top: 0; width: 1240px; display:none\9; }
.skw-page__half { position: absolute; top: 0; width: 50%; height: 750px; -webkit-transition: -webkit-transform 1s; transition: transform 1s; }
.skw-page__half--left { left: 0; -webkit-transform: translate3d(32.4vh, 100%, 0); transform: translate3d(32.4vh, 100%, 0); }
.skw-page__half--right { left: 50%; -webkit-transform: translate3d(-32.4vh, -100%, 0); transform: translate3d(-32.4vh, -100%, 0); }
.skw-page.active{ display:block\9;}
.skw-page.active .skw-page__half { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.skw-page__skewed {overflow: hidden; position: absolute; top: 0; width: 140%; height: 100%; -webkit-transform: skewX(18deg); -ms-transform: skewX(18deg); transform: skewX(18deg); background: #000; }
.skw-page__half--left .skw-page__skewed { left: -40%; }
.skw-page__half--right .skw-page__skewed { right: -40%; }
.skw-page__content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 30%; padding-top: 30%; color: #fff; -webkit-transform: skewX(-18deg); -ms-transform: skewX(-18deg); transform: skewX(-18deg); -webkit-transition: -webkit-transform 1s, opacity 1s; transition: transform 1s, opacity 1s; background-size: cover; }
.skw-page__half--left .skw-page__content { padding-left: 30%; padding-right: 30%; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; }
.skw-page__half--right .skw-page__content { padding-left: 30%; padding-right: 30%; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }
.skw-page.inactive .skw-page__content { opacity: 0.5; -webkit-transform: skewX(-18deg) scale(0.5); -ms-transform: skewX(-18deg) scale(0.5); transform: skewX(-18deg) scale(0.5); }
.skw-page__description { font: 15px/28px Microsoft YaHei; }
.skw-page__description span { display: block; font: 38px/63px Microsoft YaHei; text-align: right; padding-bottom: 15px; margin-bottom: 15px; background: url(#) right bottom no-repeat; }
.skw-page__half--right .skw-page__description { text-align: right; font-size: 16px; }
.skw-page__half--right .skw-page__description span { text-align: right; background: url(/www1../images/3.jpg) right bottom no-repeat; }
.skw-page__half--left .skw-page__description { text-align: left; font-size: 16px; }
.skw-page__half--left .skw-page__description span { text-align: left; background: url(/www1../images/3.jpg) left bottom no-repeat; }
.skw-page__link { color: #FFA0A0; }
.skw-page-1 .skw-page__half--right .skw-page__content,.skw-page-2 .skw-page__half--left .skw-page__content,.skw-page-3 .skw-page__half--right .skw-page__content,.skw-page-4 .skw-page__half--left .skw-page__content,.skw-page-5 .skw-page__half--right .skw-page__content,.skw-page-6 .skw-page__half--left .skw-page__content,.skw-page-7 .skw-page__half--right .skw-page__content,.skw-page-8 .skw-page__half--left .skw-page__content,.skw-page-9 .skw-page__half--right .skw-page__content{ background: #191515; }
.nav a.current, .nav a:hover { color: #fff }
.skw-page__description:hover span{ color:#194aaf;}


.box2{height:1012px;background: #0b0b0b;}
.box2 .title {width: 675px;}
#slide02 {position:relative; height:698px; }
#slide02 .slide {width:896px;}
#slide02 ul {list-style:none}
#slide02 ul img {display: block;}
#slide02 .pics li {width:896px; height:698px; position: relative;}
#slide02 a{display: block; position: absolute;}
#slide02 .watch{ width:354px; height:695px; position:absolute; top:0px; right:6px;}
#slide02 a.p2{right:0px; bottom:0;}
#slide02 a.p3{width: 354px; height: 350px; right:0px; top:0; background: #1b3a79;}
#slide02 p.txt{position: absolute; left: 0; top:0; width: 500px; height: 348px; padding-top: 347px; padding-right: 34px; display: none; background-color:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#70000000',endColorStr='#70000000'); font: 16px/30px "microsoft yahei";color:#fff; text-align: right;}
#slide02 p.txt em{display: block; font-size: 38px; line-height: 52px; margin-bottom: 40px;}
#slide02 p.txt i{position: absolute; right: 34px;top:470px; display: block; width: 60px; height: 6px; background: #194aaf;}
#slide02 p.mask{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #000; opacity: 0.7; filter:alpha(opacity=40);}
#slide02 .p2 i{position: absolute; right: 162px; top:0; display: block; width: 30px; height: 26px; background: url(/www1../images/icon.png) no-repeat;}
#slide02 .p3 p.txt1{display: none; position: absolute; width: 140px; height: 105px; padding: 10px; font: 16px/28px "microsoft yahei";color:#fff; border: 1px solid #fff; left: 92px; top:100px;}
#slide02 .p3 p.txt2{ position: absolute; width: 140px; height: 105px; padding: 11px; background: url(/www1../images/txt2.png) no-repeat; left: 92px; top:100px; font: 16px/28px "microsoft yahei";color:#fff;}
#slide02 .p3 p.txt2 em{display: block; font: 14px/22px "Arial"; margin-bottom: 10px;}
#slide02 a:hover p.txt{display: block;}
#slide02 .btn {position:absolute; top:50%; width:62px; height:66px; margin-top:-30px; background:url(/www1../images/btn.png) no-repeat;}
#slide02 .btn1{left: 10px;}
#slide02 .btn2{right: 10px; background-position: right top;}

.box2 .adv{ width:344px; position:relative;}
.box2 .adv .bg{ width:344px; height:698px; background:#000;filter:alpha(opacity=80);opacity:0.8; position:absolute; top:0px; left:0px; display:none;}
.box2 .adv .des{ width:240px; padding:0 52px;font: 14px/30px "microsoft yahei"; color:#b4b2b3; position:absolute; top:200px; left:0px; display:none;}
.box2 .adv .des em{ margin-bottom:10px; font-size:18px; color:#fff; display:block; text-align:center;}



.box3{ height:1036px; margin-bottom:100px; padding-top:40px; background:url(/www1../images/con3_bg.jpg) no-repeat center 0;}
.box3 .title{width: 658px;}

#slide18 {position:relative; width:1240px; font-size:16px; line-height:30px; color:#fff;}
#slide18 .pics {height:800px;}
#slide18 .pics .dp {display:none; width:1240px; height:800px; position:relative;}
#slide18 .dp .bigPic { width:360px; height:640px; border:1px solid #2e2e2f; position:absolute; right:330px; top:60px;}
#slide18 .dp .bigPic .sj{ width:94px; height:58px; position:absolute; }
#slide18 .dp .bigPic .sj1{ top:0; left:0; background:url(/www1../images/sj1.png) no-repeat;}
#slide18 .dp .bigPic .sj2{ bottom:0; right:0; background:url(/www1../images/sj2.png) no-repeat;}
#slide18 .dp .dec-tit { width:540px; text-align:center;  line-height:50px; position:absolute; left:0px; top:0px;}
#slide18 .dp .dec-tit a{font-size:40px;}
#slide18 .dp .dec-tit a:hover{ text-decoration:none;color:#194aaf;}
#slide18 .dp .dec-nav { width:470px; height:189px; padding:15px 34px; position:absolute; left:0px; top:60px; background:url(/www1../images/dec_bg.png) no-repeat center 0;}
#slide18 .dp .dec-nav span,#slide18 .dp .dec-nav span a{color:#194aaf;font-size:16px;text-decoration:none;}
#slide18 ul {list-style:none}
#slide18 ul img {vertical-align:middle}
#slide18_control { width:318px; height:640px; border:1px solid #2e2e2f; position:absolute; right:0px; top:60px;}
#slide18_control .slide { height:640px; overflow:hidden;}
#slide18_control li {width:314px; height:66px; padding-top:10px; margin:0 auto 4px; text-align:center; cursor:pointer; color:#2e2e2f;background:url(/www1../images/xxx1.jpg) no-repeat center bottom;line-height:56px;}
#slide18_control .db {line-height:28px;}
#slide18_control li.current{ color:#fff; border:2px solid #fff; border-top:none; border-bottom:none; background:url(/www1../images/xxx2.jpg) no-repeat center bottom;}
#slide18_control .prev,#slide18_control .next{width: 32px;height: 20px;position: absolute; left:143px;background: url(/www1../images/sec_btns.png) no-repeat;z-index: 1;}
#slide18_control .prev{ top:-38px;background-position:0 0;}
#slide18_control .next{ bottom:-38px; background-position:0 -20px;}

.mulSlide{width:400px;height:390px; position:absolute; left:130px; bottom:70px;}
.mulSlide .tab{position:relative;width:400px;height:360px; overflow:hidden; }
.mulSlide .tab img {vertical-align:middle} 
.mulSlide .tab span{ position:relative;width:400px;height:360px;}  
.mulSlide .control {width:200px;position:absolute; bottom:0px; left:134px; list-style:none; z-index:5}
.mulSlide .control i {width:13px;height:13px; float:left;_display:inline; margin-right:37px;cursor:pointer;background:url(/www1../images/sec_btns1.png) no-repeat;}  
.mulSlide .control .current{ background-position:right bottom;}
.mulSlide .btn1 {position:absolute;  width:52px; height:51px; z-index:10;background:url(/www1../images/jt_btn.png) no-repeat;}
.mulSlide .btn-next1{ bottom:0; right:0;}

.con4{ margin-bottom:80px;}
.con4 .title{ width:673px;}
.con4 .tab{ width:1240px; position:relative;}
.con4 .tab .btn01{ width:61px; height:66px; background:url(/www1../images/btn01.png) no-repeat; position:absolute; top:300px; left:15px; z-index:999;}
.con4 .tab .btn02{ width:61px; height:66px; background:url(/www1../images/btn02.png) no-repeat; position:absolute; top:300px; right:15px; z-index:999;}
.con4 .tab .slide{ width:1240px; height:637px; overflow:hidden;}
.con4 .tab .slide .slideTB{ width:1240px;}
.con4 .tab .slide .slideTB ul{ width:1248px; margin-right:-8px;}
.con4 .tab .slide li{ width:300px; height:635px; border:1px solid #0b0b0b; float:left; margin-right:10px; position:relative;}
.con4 .tab .slide li.hov{ border:1px solid #373737;}
.con4 .tab .slide li .d-bg{ width:300px; height:635px; background:#0b0b0b;filter:alpha(opacity=80);opacity:0.8; position:absolute; top:0px; left:0px; display:none;}
.con4 .tab .slide li .d-tit{ width:240px; font:normal 16px/30px Microsoft YaHei; text-align:center; color:#b9b9b9; position:absolute; top:200px; left:30px; display:none;}
.con4 .tab .slide li .d-tit em{ display:block; font-size:18px; margin-bottom:10px; color:#fff;}
.con4 .tab .slide li.hov .d-bg,.con4 .tab .slide li.hov .d-tit{ display:block;}


/*.el__index{font-family: 'Open Sans', Helvetica, Arial, sans-serif;overflow: hidden; +display:none; position:absolute;left: 0;bottom:0px;width: 100%;height: 100%;min-height: 250px;text-align: center;font-size: 200px;line-height: 0.85;-webkit-transition: opacity 0.3s 1.4s, -webkit-transform 0.5s;transition: opacity 0.3s 1.4s, -webkit-transform 0.5s;transition: transform 0.5s, opacity 0.3s 1.4s;transition: transform 0.5s, opacity 0.3s 1.4s, -webkit-transform 0.5s;-webkit-transform: translate3d(0, 1vw, 0);transform: translate3d(0, 1vw, 0);}
.el__index-back,.el__index-front {position: absolute;left: 0;bottom: 0;width: 100%;}
.el__index-back {color: #194aaf;+color: #fff; opacity: 0;-webkit-transition: opacity 0.25s 0.25s;transition: opacity 0.25s 0.25s;}
.el__index-overlay {overflow: hidden;position: relative;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);-webkit-transition: -webkit-transform 0.5s 0.1s;transition: -webkit-transform 0.5s 0.1s;transition: transform 0.5s 0.1s;transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;color: transparent;}
.el__index-overlay:before {content: attr(data-index);position: absolute;left: 0;bottom: 0; width: 100%;height: 100%;color: #fff; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);-webkit-transition: -webkit-transform 0.5s 0.1s;transition: -webkit-transform 0.5s 0.1s;transition: transform 0.5s 0.1s;transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;}
.con4 .tab .slide li.hov .el__index {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); +display:block;}
.con4 .tab .slide li.hov .el__index-back {-webkit-transition: opacity 0.25s;transition: opacity 0.25s;opacity: 1;}
.con4 .tab .slide li.hov .el__index-overlay {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.con4 .tab .slide li.hov .el__index-overlay:before {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

*/
.box5{height:998px;background: url(/www1../images/box05.jpg) no-repeat center top;}
.box5 .title{width:667px;}
.box5 a:hover{text-decoration: none;}
#slide06 {position:relative; height:688px;}
#slide06 .slide {width:1240px;}
#slide06 ul {list-style:none}
#slide06 ul img {display: block;}
#slide06 .pics li {width: 1240px; height:688px; text-align:center}
#slide06 .pics li a{display: block; float: left; position: relative;}
#slide06 .pics li a:nth-child(1){padding-right: 4px;}
#slide06 .pics li a p{ width: 100%; position: absolute; left: 0; bottom: 0; font: 18px/42px "microsoft yahei";color:#fff; text-align: center; display: none; background-color:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#70000000',endColorStr='#70000000');}
#slide06 .pics li a i{display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter:alpha(opacity=40);}
#slide06 .pics li a:hover i{display: none;}
#slide06 .pics li a:hover p{display: block;}
#slide06 .pics li a.fir i{display: none;}
#slide06 .pics li a.fir p{display: block;}
#slide06 .btn {position:absolute; top:50%; width:62px; height:66px; margin-top:-30px; background:url(/www1../images/btn.png) no-repeat;}
#slide06 .btn1{left: 10px;}
#slide06 .btn2{right: 10px; background-position: right top;}


.box6{ height:787px;background: url(/www1../images/box06.jpg) no-repeat center top;}
.box6 .title{width: 674px; padding-top:26px; margin:0;}
.box6 .main{position: relative;}
.box6 a:hover{text-decoration: none;}
.box6 .col-a{width: 1240px; height: 208px;}
.box6 .col-b{width: 1240px; height: 256px;}
.box6 .col-a a{padding-right: 20px;}
.box6 .col-b a.a-link{padding-right: 26px;}
.box6 .col-c a{padding-right: 18px;}
.box6 .col-c a.end{padding-right: 0;}
.box6 a{display: block; float: left; position: relative;}
.box6 a.p4{position: absolute; top:0; right: 0;}

.box6 i{display: none; position: absolute; opacity: 0.8; filter:alpha(opacity=80); left: 0; top:0; width:100%; height: 100%; }
.box6 i.mask1{background: url(/www1../images/mask6_1.png) no-repeat;}
.box6 i.mask2{background: url(/www1../images/mask6_2.png) no-repeat;}
.box6 i.mask3{background: url(/www1../images/mask6_3.png) no-repeat;}
.box6 i.mask4{background: url(/www1../images/mask6_4.png) no-repeat;}
.box6 i.mask5{background: url(/www1../images/mask6_5.png) no-repeat;}
.box6 i.mask6{background: url(/www1../images/mask6_6.png) no-repeat;}
.box6 i.mask7{background: url(/www1../images/mask6_7.png) no-repeat;}
.box6 i.mask8{background: url(/www1../images/mask6_8.png) no-repeat;}
.box6 i.mask9{background: url(/www1../images/mask6_9.png) no-repeat;}

.box6 p{display: none; position: absolute; left: 0; top:0; width: 72%; padding: 20px 14% 0; font: 16px/28px "microsoft yahei";color:#d5d5d5; text-align: center;}
.box6 p em{display: block; font-size: 18px; color: #fff; text-align: center;}
.box6 a:hover i,.box6 a:hover p{display: block;}




.box7{ height:1408px; background:url(/www1../images/box07.jpg) top center no-repeat;}
.box7 .main{ position:relative;}
.box7 .btn1{ width:46px; height:55px; background:url(/www1../images/jt02.png) no-repeat; position:absolute; top:-55px; left:597px; z-index:999;}
.box7 .btn2{ width:46px; height:55px; background:url(/www1../images/jt01.png) no-repeat; position:absolute; bottom:-55px; left:597px; z-index:999;}
.box7 .title{width: 249px; margin-bottom:65px;}
.box7 .slide{ height:870px; overflow:hidden;}
.box7 li{ width:1180px; padding:0 30px; float:left; position:relative;}
.box7 .p-data{ width:28px; height:23px; padding-top:30px; font-size:14px; text-align:center; position:absolute; top:130px; left:605px; background:url(/www1../images/dd.png) no-repeat; z-index:99;}
.box7 .pic-txt{ width:509px; padding:20px 0; float:left;}
.box7 .bd{ padding-right:80px; border-right:1px solid #e2e2e2;}
.box7 .rd{ padding-left:80px;}
.box7 .pic-txt .txt{ padding-top:40px;}
.box7 .pic-txt .txt a{ display:block; padding-left:15px; font: normal 16px/40px microsoft yahei; background:url(/www1../images/icon2.png) center left no-repeat;}

.box7 li.into{ width:1240px; padding:0; height:420px;}
.box7 li.into .pic-txt{ width:539px; height:420px; position:relative;}
.box7 li.into .pic-txt .p-logo{ width:280px; text-align:center;}
.box7 li.into .pic-txt .p-tit{ width:240px; height:50px; margin-bottom:10px; padding-left:40px; font: normal 18px/50px microsoft yahei; border-bottom:1px dashed #828282; background:url(/www1../images/tp.png) left center no-repeat;}
.box7 li.into .pic-txt .p-des{ width:280px; font: normal 14px/24px microsoft yahei;}
.box7 li.into .pic1{ position:absolute; top:20px; right:50px;}
.box7 li.into .pic2{ position:absolute; top:250px; right:90px;}
.box7 li.into .rd{ width:570px; padding-left:50px;}
.box7 li.into .rd  .pic1{ right:20px;}
.box7 li.into .rd  .pic2{ right:60px;}


@-webkit-keyframes run1 {
    0%{ 
    	opacity: 0; top:0px;

	}
	100%{
		opacity: 1; top:155px;
	}
}
@keyframes run1 {
    0%{ 
    	opacity: 0; top:0px;

	}
	100%{
		opacity: 1; top:155px;
	}
}
@-webkit-keyframes run2 {
    0%{ 
    	opacity: 0; top:755px;

	}
	100%{
		opacity: 1; top:455px;
	}
}
@keyframes run2 {
    0%{ 
    	opacity: 0; top:755px;

	}
	100%{
		opacity: 1; top:455px;
	}
}
@-webkit-keyframes run3 {
    0%{ 
    	opacity: 0; top:0px;

	}
	100%{
		opacity: 1; top:155px;
	}
}
@keyframes run3 {
    0%{ 
    	 -webkit-transform: scale(0); transform: scale(0);
	}
	100%{
		-webkit-transform: scale(1);transform: scale(1)
	}
}