@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family: "微软雅黑"; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none; font-family: "微软雅黑";}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:0px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#dedede}
::-webkit-scrollbar-thumb:vertical{background-color:#004383;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#004383}
::-webkit-scrollbar-corner:vertical{background-color:#004383}
::-webkit-scrollbar-resizer:vertical{background-color:#004383;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}


/*首页*/
.section{ width:100%; height:100vh; overflow:hidden;}
.ping{ width:100%; height:100vh; position:relative; overflow:hidden;}
.fp-auto-height{ height:350px;}


.header{ width:100%; height:70px; text-align: center; cursor:pointer; position:absolute; top:0; z-index:999; background-color:#fff;}
.head{ width:94%; height:70px; margin:auto;}
.head_logo{ float:left; height:70px;}
.head_logo a{ display:block; cursor:pointer;}
.head_logo img{ padding-top:10px;}
.header_menu { position:absolute; top:31px; right:56px; box-sizing:border-box; cursor:pointer; }
.header_menu i,.header_menu span { display:block; width:24px; height:24px; text-align:center; }
.header_menu span { display:none; }
.header_menu img { height:24px; width:24px; }
.header_menu:hover{ height:100%;}
.header_menu:hover i { display:none; }
.header_menu:hover span { display:block; }
.header_menu:hover .navigation { transform:translateX(0); -webkit-transform:translateX(0); -o-transform:tarnslateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); }


.navigation { position:fixed; right:-0px; top:70px; z-index:999; bottom:0; width:200px; background:rgba(34,34,34,0.8); transform:translateX(200px); -webkit-transform:translateX(200px); -o-transform:tarnslateX(200px); -ms-transform:translateX(200px); -moz-transform:translateX(200px); -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; overflow:hidden; margin:0; height:auto; overflow-y:auto; }
.navigation.translate { transform:translateX(0); -webkit-transform:translateX(0); -o-transform:tarnslateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); }
.navigation ul { position:absolute; width:100%; padding:0 0 38px 25px; box-sizing:border-box; }
.navigation ul li ul { padding:0; position:relative; }
.navigation ul li { margin:38px 0 0; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; list-style:none;}
.navigation ul li a { display:block; line-height:16px; color:#9E9E9E; font-size:16px; text-align:left;}
.navigation ul li a:hover { color:#fff; padding:0 0 0 25px; border-left:2px solid #fff; }


.myContent{ width:100%; height:350px; background-color:#fff; position:relative; z-index:999; cursor:pointer;}
.footer{ width:100%; height:350px; background-color:#fff; position:absolute; z-index:9;}
.foot{ width:1200px; height:240px; margin:auto; padding-top:20px;}
.foot_top{ width:1200px; height:190px;}
.foot_left{ float:left; height:190px; border-right:1px solid #e2e2e2; padding-right:5px;}
.foot_wei{ float:left; width:127px; height:190px; margin-right:40px;}
.foot_wei_1{ width:127px; height:127px;}
.foot_wei_2{ width:127px; text-align: center; font-size:14px; color:#000; height:35px; line-height:35px; margin-top:10px;} 
.foot_right{ float:right; width:640px; height:190px;}
.foot_1{ float: left; width:87px; height:190px;}
.foot_tit{ width:100%; height:32px;}
.foot_tit a{ display:block; width:100%; height:32px; line-height:32px; font-size:16px; color:#000; opacity:0.5; cursor:pointer; text-align:right;}
.foot_tit span{ display:inline-block; background:url(../images/index_10.jpg) no-repeat left; padding-left:18px;}
.foot_tit a:hover{ opacity:1; -webkit-transition: all 0.4s ease-in-out;}
.foot_con{ width:100%; height: auto; overflow:hidden; margin-top:7px;}
.foot_con a{ display:block; width:100%; height:24px; line-height:24px; font-size:12px; color:#a6a6a6; cursor:pointer; text-align: right;}
.foot_con a:hover{ color:#000; -webkit-transition: all 0.4s ease-in-out;}
.foot_2{ float: left; width:130px; height:190px; margin-left:42px;}
.foot_3{ float: left; width:86px; height:190px; margin-left:42px;}
.foot_4{ float: right; width:105px; height:190px;}
.foot_bottom{ width:1200px; text-align: center; font-size:12px; color:#000000; opacity:0.2; border-top:1px solid #e2e2e2; height:40px; line-height:40px;}


.story{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.story_1{ width:100%; text-align: center; font-size:24px; color:#fff; height:60px; line-height:60px; position:relative; opacity:0; top:-80px;}
.story_2{ font-size:16px; color:#fff; margin:auto; text-align: center; width:1000px; line-height:40px; position:relative; opacity:0; top:-50px;}
.story_xia{ width:100%; height:44px; text-align: center; position:absolute; bottom:-40px; opacity:0;}
.story_xia a{ display:block; width:100%; height:44px; cursor:pointer;}

.field{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.field_con{ width:1200px; height:auto; overflow:hidden; text-align:center; font-size:16px; color:#fff; line-height:32px; margin-top:35px; position:relative; opacity:0; top:-30px;}


.big{ width:1200px; height:100%; position:relative; overflow:hidden; margin:auto;}
.big .swiper-container { width: 100%;height: 100%;overflow:hidden;}
.big .swiper-slide{ overflow:hidden;}

.big .pagination{ position: absolute; bottom:20px; width:100%; z-index:100; text-align: center;}
.big .swiper-pagination-bullet { display: inline-block; width:8px;  height:8px; margin:0px 3px;  cursor: pointer; opacity: 1; background-color:#fff; border-radius:50%; border:1px solid rgba(255,255,255,0);}
.big .swiper-pagination-bullet-active{ background-color: transparent; border:1px solid #fff; -webkit-transition: all 0.4s ease-in-out;}


.big_con{ width:100%; height:310px; position:relative; top:-100px; opacity:0;}
.story1_1{ width:100%; text-align: center; font-size:24px; color:#fff; height:60px; line-height:60px;}
.big_1{ width:100%; text-align: center; font-size:16px; color:#fff; line-height:32px; height:160px; overflow:hidden; margin-top:25px; margin-bottom:50px;}
.big_more{ border-radius:30px; font-size:16px; color:#fff; text-align: center; border:1px solid rgba(255,255,255,0.8); width:160px; height:45px; line-height:45px; margin:auto;}

.big1{ width:1200px; height:100%; position:relative; overflow:hidden; margin:auto;}




.repine{ margin:auto; width:420px; height:469px; overflow:hidden;}
.repine_tit{ width:100%; text-align:center; font-size:24px; color:#fff; height:110px; line-height:110px; position:relative; opacity:0; top:-80px;}
.repine_1{ width:100%; height:auto; overflow:hidden; position:relative; opacity:0; top:-50px;}
.repine_text{ width:100%; border:none; font-size:16px; color:#fff; font-family:"微软雅黑"; text-align:center; height:50px; background-color:rgba(0,0,0,0.3); margin-bottom:10px;}
.repine_textarea{ width:94%; border:none; font-size:16px; color:#fff; font-family:"微软雅黑"; text-align:center; height:90px; background-color:rgba(0,0,0,0.3); margin-bottom:10px; padding:10px 3%;}
.repine_2{ width:100%; height:auto; overflow:hidden; margin-top:15px; text-align:center; position:relative; opacity:0; top:-20px;}
.repine_btn{ border:none; border-bottom:1px solid #fff; background-color:transparent; font-size:16px; color:#fff; margin:auto; font-family:"微软雅黑"; height:40px; width:85px;}

.yu_kong{ width:100%; height:45px; overflow:hidden;}
.yu{ width:1200px; height:42px; background:url(../images/yu_16.jpg) repeat-x center; margin:auto; margin-bottom:10px;}
.yu a{ display:block; width:122px; height:42px; margin:auto; font-size:16px; color:#fff; line-height:42px; background:#2c2c2c url(../images/sky_40.png) no-repeat 4px; padding-left:55px; border-radius:30px; cursor:pointer;}
.yu a:hover{-moz-box-shadow:2px 2px 5px #2c2c2c; -webkit-box-shadow:2px 2px 5px #2c2c2c; box-shadow:2px 2px 5px #2c2c2c; -webkit-transition: all 0.4s ease-in-out;}

@media screen and (max-width:1919px)and (min-width:1600px){
	.header {width: 100%;height: 60px;text-align: center;cursor: pointer;position: absolute;top: 0;z-index: 999;background-color: #fff;}
	.head {width: 94%;height: 60px;margin: auto;}
	.head_logo {float: left;height: 60px;}
	.head_logo img {padding-top: 14px; height:35px;}
	.header_menu {position: absolute;top: 16px;right: 56px;box-sizing: border-box;cursor: pointer;}
	.join_more {width: 195px;height: 50px;margin: auto;margin-top: 30px;position: relative;opacity: 0;top: -10px;}
	
	}

@media screen and (max-width:1599px)and (min-width:1440px){
	.header {width: 100%;height: 60px;text-align: center;cursor: pointer;position: absolute;top: 0;z-index: 999;background-color: #fff;}
	.head {width: 94%;height: 60px;margin: auto;}
	.head_logo {float: left;height: 60px;}
	.head_logo img {padding-top: 14px; height:35px;}
	.navigation { top:60px; }
	.header_menu {position: absolute;top: 16px;right: 56px;box-sizing: border-box;cursor: pointer;}
	.join_more {width: 195px;height: 50px;margin: auto;margin-top: 30px;position: relative;opacity: 0;top: -10px;}
	
	}


@media screen and (max-width:1439px)and (min-width:1366px){
	.header {width: 100%;height: 60px;text-align: center;cursor: pointer;position: absolute;top: 0;z-index: 999;background-color: #fff;}
	.head {width: 94%;height: 60px;margin: auto;}
	.head_logo {float: left;height: 60px;}
	.head_logo img {padding-top: 14px; height:35px;}
	.header_menu {position: absolute;top: 16px;right: 56px;box-sizing: border-box;cursor: pointer;}
	.navigation { top:60px; }
	.join_more {width: 195px;height: 50px;margin: auto;margin-top: 30px;position: relative;opacity: 0;top: -10px;}
	
	.repine_tit {font-size: 20px; height: 70px; line-height: 70px;}
	
	}
@media screen and (max-width:1365px)and (min-width:1024px){
	.header {width: 100%;height: 60px;text-align: center;cursor: pointer;position: absolute;top: 0;z-index: 999;background-color: #fff;}
	.head {width: 94%;height: 60px;margin: auto;}
	.head_logo {float: left;height: 60px;}
	.head_logo img {padding-top: 14px; height:35px;}
	.header_menu {position: absolute;top: 16px;right: 56px;box-sizing: border-box;cursor: pointer;}
	.navigation { top:60px; }
	.join_more {width: 195px;height: 50px;margin: auto;margin-top: 30px;position: relative;opacity: 0;top: -10px;}
	
	}


@media screen and (max-width:1023px)and (min-width:300px){
	
.header{ width:100%; height:60px; text-align: center; cursor:pointer; position:absolute; top:0; z-index:999; background-color:#fff;}
	.head{ width:94%; height:60px; margin:auto;}
	.head_logo{ float:left; height:60px;}
	.head_logo a{ display:block; cursor:pointer;}
	.head_logo img{ padding-top:15px; height:30px; width:auto;}
	.header_menu { position:absolute; top:18px; right:3%; box-sizing:border-box; cursor:pointer; }
	.header_menu i,.header_menu span { display:block; width:20px; height:20px; text-align:center; }
	.header_menu span { display:none; }
	.header_menu img { height:20px; width:20px; }
	
	.navigation { position:fixed; right:-0px; top:60px; z-index:999; bottom:0; width:180px; background:rgba(34,34,34,0.8); transform:translateX(180px); -webkit-transform:translateX(180px); -o-transform:tarnslateX(180px); -ms-transform:translateX(180px); -moz-transform:translateX(180px); }
	
	.navigation ul { position:absolute; width:100%; padding:0 0 38px 25px; box-sizing:border-box; }
	.navigation ul li { margin:20px 0 0; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; list-style:none;}
	.navigation ul li a { display:block; line-height:16px; color:#9E9E9E; font-size:14px; text-align:left;}
	.navigation ul li a:hover { color:#fff; padding:0 0 0 15px; border-left:2px solid #fff; }


	.yu_kong{ width:100%; height:25px; overflow:hidden; background-color:#fff;}
	.yu{ width:100%; height:42px; background:#fff url(../images/yu_16.jpg) repeat-x center; margin:auto; margin-bottom:0px;}
	.yu a{ display:block; width:122px; height:42px; margin:auto; font-size:16px; color:#fff; line-height:42px; background:#2c2c2c url(../images/sky_40.png) no-repeat 4px; padding-left:55px; border-radius:30px; cursor:pointer;}
	
	.fp-auto-height{ height:560px;}
	.myContent{ height:560px;}

	.foot{ width:96%; height: auto; margin:auto; background-color:#fff; padding:0px 2%; padding-top:15px;}
	.foot_top{ width:100%; height: auto;}
	.foot_left{ float:none; height:auto; border-right:none; padding-right:0px; text-align:center;}
	.foot_wei { float:left; width: 90px; height: 120px; margin-right:20px;}
	.foot_wei_1{ width:90px; height:90px;}
	.foot_wei_1 img{ width:90px; height:90px;}
	.foot_wei_2 { width: 90px;  text-align: center; font-size: 14px; color: #000; height: 30px; line-height: 30px; margin-top:0px;}
	
	.foot_right{ float:none; width:100%; height: auto; overflow:hidden;}
	.foot_1{ float:none; width: 100%; height: auto; display:inline-block;}
	.foot_tit{ width:100%; height:35px; margin:0px 0px;}
	.foot_tit a{ display:block; width:100%; height:35px; line-height:35px; font-size:15px; color:#000; opacity:0.5; cursor:pointer; text-align:left;}
	.foot_tit span{ display:inline-block;  padding-left:15px;}
	.foot_con{ width:100%; height: auto; overflow:hidden; margin-top:0px; }
	.foot_con a{ display: inline-block; width: auto; height: 24px; line-height: 24px;text-align:left; margin-right:8px;}
	
	.foot_2{ float: none; width:100%; height: auto; margin-left:0px; display:inline-block;}
	.foot_3{ float: none; width:100%; height:auto; margin-left:0px; display:inline-block;}
	.foot_4{ float: none; width:100%; height:auto; display:inline-block;}
	.foot_bottom{ width:100%; text-align: center; font-size:12px; color:#000000; opacity:0.2; border-top:1px solid #e2e2e2; height:35px; line-height:35px;  margin-top:10px; overflow:hidden;}


	
	
	.story{ width:96%; height:auto; overflow:hidden; margin:auto;}
	.story_1{ width:100%; text-align: center; font-size:20px; color:#fff; height:50px; line-height:50px; position:relative; opacity:0; top:-80px;}
	.story_2{ font-size:14px; color:#fff; margin:auto; text-align: center; width:96%; line-height:24px; position:relative; opacity:0; top:-50px;}
	.story_xia{ width:100%; height:20px; text-align: center; position:absolute; bottom:-40px; opacity:0;}
	.story_xia a{ display:block; width:100%; height:20px; cursor:pointer;}
	.story_xia img{ width: auto; height:20px;}

	.field{ width:96%; height:auto; overflow:hidden; margin:auto;}
	.field_con{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:14px; color:#fff; line-height:24px; margin-top:35px; position:relative; opacity:0; top:-30px;}


.big{ width:96%; height:100%; position:relative; overflow:hidden; margin:auto;}

	
	.big_con{ width:100%; height:310px; position:relative; top:-100px; opacity:0;}
	.story1_1{ width:100%; text-align: center; font-size:20px; color:#fff; height:50px; line-height:50px;}
	.big_1{ width:100%; text-align: center; font-size:14px; color:#fff; line-height:24px; height:160px; overflow:hidden; margin-top:25px; margin-bottom:50px;}
	.big_more{ border-radius:30px; font-size:14px; color:#fff; text-align: center; border:1px solid rgba(255,255,255,0.8); width:140px; height:40px; line-height:40px; margin:auto;}

.big1{ width:96%; height:100%; position:relative; overflow:hidden; margin:auto;}




.repine{ margin:auto; width:96%; height:469px; overflow:hidden;}
.repine_tit{ width:100%; text-align:center; font-size:20px; color:#fff; height:110px; line-height:110px; position:relative; opacity:0; top:-80px;}
.repine_1{ width:100%; height:auto; overflow:hidden; position:relative; opacity:0; top:-50px;}



	
	
	}