@charset "utf-8";
/* CSS Document */

/*base begin*/
*{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{font-family:"Microsoft YaHei","微软雅黑","宋体","Lantinghei SC","Open Sans","Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,Arial,sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"Microsoft YaHei","微软雅黑","宋体","Lantinghei SC","Open Sans","Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,Arial,sans-serif; font-size:14px; line-height:1.42857143em; color:#040404; width:100%; background:#fff;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
input,button,select,textarea{font-family:inherit; font-size:inherit; line-height:inherit; outline:none;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cit,code,del,dfn,em,ins,q,samp,small,sub,sup,i,hr,dl,dt,dd,ol,ul,li,fieldset,legend,label{border:0; font-size:100%; vertical-align:baseline; font-weight:normal;}
dl,dt,dd,ol,ul,li{list-style:none;}
a{color:#333; text-decoration:none; cursor:pointer;}
a:hover,a:focus{text-decoration:none; outline:0; -moz-outline:0;}
img{border:0}
table{border-collapse:collapse;}
*:focus{outline:none;}
.hide{display:none;}
.clear{clear:both;}
.clearfloat{}
.clearfloat:before,.clearfloat:after{content:" "; display:table; clear:both; font-size:0px;}
.cleardisi-b{font-size:0px;}
.transparent{-moz-opacity:0; opacity:0; filter:alpha(opacity=0);}
button{text-align:center; white-space:nowrap; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:1px solid transparent; border-radius:4px}
.btn-success{color:#fff; background-color:#5cb85c; border-color:#4cae4c}
input[type="button"],input[type="submit"]{-ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:none; -webkit-appearance:none;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}
input[type="checkbox" i]{-webkit-appearance:none;}
/*base end*/

.video{width:800px; height:400px; position:fixed; overflow:hidden; margin:100px auto 0; left:0; right:0; z-index:1000; background-color:#fff; background-image:url(../images/loading.gif); background-size:400px 400px; background-position:center; background-repeat:no-repeat; display:none;}
.video .close{width:20px; height:20px; position:absolute; overflow:hidden; right:5px; top:5px; z-index:1001; cursor:pointer; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); text-align:center; line-height:20px; font-size:18px; border:1px solid #fff; color:#fff;}
.video .close:hover{-moz-opacity:1; opacity:1; filter:alpha(opacity=100);}

.head{width:1380px; height:624px; margin:0 auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center top;}
.head .logo{width:100%; margin:0 auto; overflow:hidden;}
.head .logo img{width:136px; height:45px; float:left; display:inline; margin-left:173px; margin-top:61px; overflow:hidden;}
.head .play{width:48px; height:48px; margin:256px auto 0; overflow:hidden; cursor:pointer; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); background:url(../images/play.png) no-repeat center;}
.head .play:hover{-moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
.head a{width:108px; height:36px; display:block; background:#db0007; margin:30px auto 0; overflow:hidden; line-height:36px; text-align:center; font-size:20px; color:#fff;}

.wrap{width:1380px; margin:32px auto 0; overflow:hidden; padding-left:8px;}
.nav_wrap{width:133px; height:221px; float:left; float:left; margin-right:9px; overflow:hidden; position:relative;}
.nav{width:133px; overflow:hidden; border-bottom:#db0007 17px solid; background:#1f4382; padding:10px 0; position:fixed; top:656px; z-index:999;}
.nav ul{overflow:hidden; display:block;}
.nav ul li{width:100%; height:40px; line-height:40px; overflow:hidden; display:block; text-align:center; font-size:16px; color:#b5c6e5; cursor:pointer;}
.nav ul li:hover{color:#fff;}
.nav ul li.hover{color:#fff;}
.main{width:1080px; float:left; overflow:hidden;}
.main1{width:100%; height:517px; margin:0 auto; background:#1f4382; overflow:hidden;}
.main1 .left{width:304px; height:517px; float:left; overflow:hidden;}
.main1 .left h2{width:100%; margin:90px auto 0; overflow:hidden; text-align:center; font-size:55px; font-weight:bold; color:#80b2fc; line-height:60px;}
.main1 .left h3{width:100%; margin:10px auto 0; overflow:hidden; text-align:center; font-size:18px; color:#80b2fc; line-height:20px;}
.main1 .left h4{width:100%; margin:70px auto 0; overflow:hidden; text-align:center; font-size:24px; color:#fff; line-height:30px;}
.main1 .left p{width:100%; margin:25px auto 0; overflow:hidden; text-align:center; font-size:14px; color:#fff; line-height:24px;}
.main1 .right{width:734px; height:357px; float:left; overflow:hidden; margin-top:73px; background:url(../images/main1_right.jpg) no-repeat;}
.main1 .right h2{width:100%; margin:150px auto 0; overflow:hidden; text-align:center; font-size:20px; color:#db0007; line-height:24px;}
.main1 .right p{width:100%; margin:15px auto 0; overflow:hidden; text-align:center; font-size:16px; color:#fff; line-height:24px;}
.main1 .right a{width:104px; height:35px; display:block; background:#db0007; margin:14px auto 0; overflow:hidden; line-height:35px; text-align:center; font-size:14px; color:#fff; border-radius:5px;}

.main2{width:100%; height:803px; margin:0 auto; background:url(../images/main2.jpg) no-repeat; overflow:hidden; position:relative;}
.main2 .title1{width:100%; margin:50px auto 0; overflow:hidden; text-align:center; font-size:24px; color:#fff; line-height:30px;}
.main2 .title2{width:100%; margin:10px auto 0; overflow:hidden; text-align:center; font-size:16px; color:#fff; line-height:20px;}
.main2 .borderbg{width:393px; height:286px; border:#fff 3px solid; overflow:hidden; position:absolute; z-index:1; left:72px; top:276px;}
.main2 .vediocon{width:393px; height:286px; overflow:hidden; position:absolute; z-index:2; left:54px; top:294px;}
.main2 .vediocon .play{width:48px; height:48px; overflow:hidden; cursor:pointer; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); background:url(../images/play.png) no-repeat center; position:absolute; left:172px; top:120px;}
.main2 .vediocon .play:hover{-moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
.main2 .vediocon img{width:393px; height:286px; display:block;}
.main2 .txtcon{width:378px; overflow:hidden; position:absolute; z-index:1; left:545px; top:206px;}
.main2 .txtcon h2{width:100%; overflow:hidden; margin-top:15px; font-weight:bold; font-size:18px; color:#fff; line-height:24px;}
.main2 .txtcon h2 a{color:#fff;}
.main2 .txtcon p{width:100%; overflow:hidden; font-size:14px; color:#fff; margin-top:7px; line-height:22px;}
.main2 .qhd{width:129px; overflow:hidden; position:absolute; z-index:1; cursor:pointer;}
.main2 .qhd.po1{left:544px; top:552px;}
.main2 .qhd.po2{left:747px; top:427px;}
.main2 .qhd.po3{left:926px; top:600px;}
.main2 .qhd .imgcon{width:129px; height:129px; overflow:hidden; border-radius:50%;}
.main2 .qhd .imgcon img{width:113px; height:113px; display:block; margin:8px auto 0; overflow:hidden;}
.main2 .qhd .imgcon.hover{background:rgba(82,113,149,0.8)}
.main2 .qhd .imgcon.hover2{background:rgba(82,113,149,0.8)}
.main2 .qhd p{width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#fff; text-align:center; line-height:20px; margin-top:15px;}

.main3{width:100%; height:536px; margin:37px auto 0; background:url(../images/main3.jpg) no-repeat; overflow:hidden;}
.main3 .title1{width:100%; margin:10px auto 0; overflow:hidden; text-align:center; font-size:55px; color:#fff; font-weight:bold; line-height:60px;}
.main3 .title2{width:100%; margin:10px auto 0; overflow:hidden; text-align:center; font-size:18px; color:#fff; line-height:20px;}
.main3 .daohang{width:100%; height:240px; margin:15px auto 0; overflow:hidden; padding-left:60px;}
.main3 .daohang .vediocon{width:314px; height:240px; overflow:hidden; margin-right:11px; position:relative; float:left;}
.main3 .daohang .vediocon img{width:314px; height:240px; display:block;}
.main3 .daohang .vediocon .play{width:48px; height:48px; overflow:hidden; cursor:pointer; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); background:url(../images/play.png) no-repeat center; position:absolute; left:134px; top:96px;}
.main3 .daohang .vediocon .play:hover{-moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
.main3 .daohang .vediocon h2{width:100%; overflow:hidden; left:0; top:160px; text-align:center; line-height:24px; font-size:20px; color:#fff; position:absolute; z-index:1;}
.main3 h3{width:100%; overflow:hidden; margin-top:50px; font-weight:bold; font-size:16px; color:#fff; line-height:24px; padding-left:60px;}
.main3 h3 a{color:#fff;}
.main3 p{width:100%; overflow:hidden; font-size:12px; color:#fff; margin-top:9px; line-height:20px; padding-left:60px;}

.main4{width:100%; margin:0 auto; overflow:hidden;}
.main4 .title1{width:100%; margin:45px auto 0; overflow:hidden; text-align:center; font-size:55px; color:#080f33; font-weight:bold; line-height:60px;}
.main4 .title2{width:100%; margin:5px auto 0; overflow:hidden; text-align:center; font-size:24px; color:#080f33; line-height:30px;}
.main4 .title3{width:100%; margin:20px auto 0; overflow:hidden; text-align:center; font-size:22px; color:#1f4382; font-weight:bold; line-height:30px;}
.main4 p{width:100%; margin:5px auto 0; overflow:hidden; text-align:center; font-size:16px; color:#113169; line-height:46px;}
.main4 p span{margin-right:30px;}
.main4 .rotate{width:100%; height:195px; margin:0 auto; -moz-user-select:none; -webkit-user-select:none; position:relative; overflow:hidden;}
.main4 .rotate .rotate_img{position:absolute; left:190px; top:-200px; z-index:1;}
.main4 .rotate .rotate_img2{position:absolute; left:480px; top:130px; z-index:2;}
.main4 .rotate .rotate_wrap{cursor:pointer; position:absolute; left:0; top:0; width:100%; height:195px; z-index:2; -moz-user-select:none; -webkit-user-select:none;}

.foot{width:100%; height:268px; margin:0 auto; overflow:hidden; background:#252525; padding-top:54px; padding-left:370px; text-align:center;}
.foot .fmain{width:125px; height:268px; float:left; overflow:hidden; margin-right:100px;}
.foot .fmain img{width:125px; height:125px; display:block; overflow:hidden;}
.foot .fmain p{width:125px; line-height:24px; overflow:hidden; font-size:18px; font-weight:bold; color:#fff; margin-top:15px;}

.screen_grey{position:fixed; left:0; top:0; width:100%; height:100%; display:none; background:#000; -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); z-index:1999;}
.regis{width:618px; height:90%; position:fixed; overflow:hidden; margin:2% auto 0; left:0; right:0; top:0; z-index:2000; background-color:#1f4282; border-radius:10px; display:none; overflow-y:scroll;}
.regis .close{width:26px; height:26px; position:absolute; overflow:hidden; right:10px; top:10px; z-index:2001; cursor:pointer; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); text-align:center; line-height:26px; font-size:24px; font-weight:bold; color:#fff;}
.regis .close:hover{-moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
.regis form{width:100%; overflow:hidden; padding:0 40px 20px; margin-top:40px;}
.regis .form_wrap{width:100%; overflow:hidden; margin-bottom:15px; position:relative;}
.regis .form_wrap label{width:100%; overflow:hidden; display:block; line-height:28px; font-size:16px; color:#fff;}
.regis .form_wrap input[type="text"]{width:100%; height:36px; overflow:hidden; line-height:36px; padding:0 1%; display:block; background:#fff; border-radius:8px; font-size:16px; color:#333;}
.regis .form_wrap p{width:100%; line-height:18px; font-size:12px; color:red; margin-top:5px;}
.regis .form_wrap textarea{width:100%; height:120px; line-height:24px; padding:2px 1%; background:#fff; border-radius:8px; display:block;}
.regis .form_wrap input[type="submit"]{width:110px; height:38px; line-height:38px; text-align:center; background:#db0008; color:#fff; display:block; font-size:18px; font-weight:bold; margin:0 auto;}


@-moz-keyframes myanimate{
	0%{background-size:100% 100%}
	50%{background-size:95% 95%}
	100%{background-size:100% 100%}
}
@-webkit-keyframes myanimate{
	0%{background-size:100% 100%}
	50%{background-size:95% 95%}
	100%{background-size:100% 100%}
}
@-o-keyframes myanimate{
	0%{background-size:100% 100%}
	50%{background-size:95% 95%}
	100%{background-size:100% 100%}
}
@-ms-keyframes myanimate{
	0%{background-size:100% 100%}
	50%{background-size:95% 95%}
	100%{background-size:100% 100%}
}
@keyframes myanimate{
	0%{background-size:100% 100%}
	50%{background-size:95% 95%}
	100%{background-size:100% 100%}
}

.animate{
	-moz-animation:myanimate 1s infinite linear;
	-o-animation:myanimate 1s infinite linear;
	-webkit-animation:myanimate 1s infinite linear;
	animation:myanimate 1s infinite linear;
}