@charset "utf-8";

body{ font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1760px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.overflowhidden{ overflow: hidden; }

.main-pad-1{ padding:60px 0 0;}
.main-pad-2{ padding:0 0 60px;}
.main-pad-3{ padding:80px 0 0;}
.main-pad-4{ padding:0 0 100px;}
.main-pad-5{ padding:100px 0 0;}
.main-pad-6{ padding:0 0 50px;}
.main-pad-7{ padding:200px 0 0;}
.main-pad-8{ padding:0 0 120px;}
.main-pad-9{ padding:30px 0 0;}
.main-pad-10{ padding:0 0 30px;}
.main-pad-11{ padding:20px 0 0;}
.main-pad-12{ padding:50px 0 0;}
.main-border-1{ border-bottom: solid 1px rgba(255,255,255,0.1); }
.main-Background-1{ position: relative; background-image:url(../images/bg1.jpg);}
.main-Background-2{ background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.main-Background-3{ background: rgba(0,0,0,0.4); }
.main-Background-4{ background: #414141; }
.main-Background-5{ background: #1c1c1c; }

header{ position:fixed; left: 0; top: 0; z-index:99999; width: 100%; background: rgba(0,0,0,0.7);}
header .logo a{ display:block; font-size:0; line-height: 80px;}
header .search{ position: relative; cursor: pointer; }
header .search .searchBtn{ font-size: 19px;color:#fff; line-height: 80px;}
header .search p{ display:none; position: absolute; right: 0; top:calc(100% + 10px); width: 250px; }
header .search p input{ display: block; padding: 0 10px; width: calc(100% - 30px); height: 30px; color: #666; line-height: 30px; background: #f2f2f2; border:none; }
header .search p input::-webkit-input-placeholder{ color: #666; }
header .search p input:-moz-placeholder{color: #666;}
header .search p input::-moz-placeholder{color: #666;}
header .search p input:-ms-input-placeholder{color: #666;}
header .search p button{ display: block; padding: 0; width: 30px; height: 30px; color: #fff; line-height: 30px; text-align: center; background:#000; border:none; }

.banner{ position:fixed; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.banner .swiper-container{ height: 100%; }
.banner .imgbox{ position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items:center; width: 100%; height: 100%; font-size: 0; }
.banner2{ padding-top: 255px; }

.content{ position: relative; z-index: 2; }

.title-1{ color: #fff; }
.title-1 .top{ position: relative; margin-bottom: 10px; line-height: 36px; }
.title-1 .top:before{ content: ""; position: absolute; bottom: 10px; right: calc(100% + 10px); z-index: 1; width: 10000px; height: 1px; background:rgba(255,255,255,0.2); }
.title-1 .top .en{ font-size: 36px; }
.title-1 .top .cn{ margin-left: 10px; font-family: '微软雅黑'; font-size: 30px; }
.title-1 .minen{ font-family: '微软雅黑'; line-height: 12px; }
.title-2 .biaoti{ font-family: '微软雅黑'; font-size: 20px;color:rgba(255,255,255,0.8); line-height: 24px; letter-spacing: 3px; }
.title-2 .jiangexian{ margin:20px auto; width: 1px; height: 15px; background: #fff; }
.title-2 .cn{ margin-bottom: 10px; font-family: '微软雅黑'; font-size: 30px;color: #fff; line-height: 32px; }
.title-2 .en{ font-family: '微软雅黑'; color: rgba(255,255,255,0.6); line-height: 16px; }
.title-3{ padding: 15px 0; border-bottom: solid 1px rgba(255,255,255,0.2); }
.title-3 .left .cn{ font-size: 22px;color: #fff; line-height: 30px; }
.title-3 .left .en{ margin-left: 10px; margin-top:12px; font-family: '微软雅黑'; color: rgba(255,255,255,0.6); line-height: 16px; }
.title-3 .right ul li:nth-child(n+2){ margin-left: 10px; }
.title-3 .right ul li a{ display: block; padding: 0 10px; min-width: 80px; color: #bebebe; line-height: 28px; border:solid 1px transparent; }
.title-3 .right ul li.active a{ color: #fff; border:solid 1px #6a6a6a; }

.text-1-list{ color: #e0e0e0;}
.text-1-list .top{ margin-bottom: 10px;}
.text-1-list .top .box{ position: relative; padding-right: 25px; padding-top: 15px; }
.text-1-list .top .box .shuzi{ font-family: arial; font-size: 30px; font-weight: bold; line-height: 30px; }
.text-1-list .top .box .cn{ margin-left: 5px; margin-top:8px; font-size:18px; line-height: 18px; }
.text-1-list .top .box b{ position:absolute; right: 0; top: 0; display: block; width: 16px; height: 16px; }
.text-1-list .top .box b:before,.text-1-list .top b:after{ content: ""; position: absolute; background: #e0e0e0; }
.text-1-list .top .box b:before{ left: 0; top: 7px; width: 100%; height: 2px; }
.text-1-list .top .box b:after{ left: 7px; top: 0; width: 2px; height: 100%; }
.text-1-list .jieshao{ font-size: 18px; line-height: 20px; }
.text-2 .logo{ position: relative; width: 190px; font-size: 0; }
.text-2 .logo:before{ content: ""; position:absolute; top: 0; right: calc(100% + 20px); width: 10000px; height: 1px; background: rgba(255,255,255,0.2); }
.text-2 .textbox{ padding-top: 35px; width:75%; }
.text-2 .textbox .jieshao{ margin-bottom: 80px; font-size: 15px;color: #fff; line-height: 26px; font-weight: lighter; letter-spacing: 1px;}
.text-2 .textbox .more a{ display: block; padding-bottom: 15px; width: 90px; font-size: 15px; color: rgba(255,255,255,0.8); line-height: 24px; border-bottom: solid 1px rgba(255,255,255,0.5); }
.text-3 { font-family: '微软雅黑'; color: rgba(255,255,255,0.9); }
.text-3 .jieshao{ margin-bottom:5px; font-size: 18px; line-height: 24px; letter-spacing: 8px; }
.text-3 .biaoti{ font-size: 20px; line-height: 30px; }
.text-4 .swiper-slide:before{ content: ""; position: absolute; right: -6px; top: 50%; z-index: 1; margin-top: -6px; width: 12px; height: 12px; background: rgba(255,255,255,0.8); border-radius: 50%; }
.text-4 .swiper-slide:last-child:before{ display: none; }
.text-4-list{ margin:0 auto; max-width: 147px; }
.text-4-list .box{ display: block; position: relative;padding-top: 100%; }
.text-4-list .box:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border:solid 2px rgba(255,255,255,0.5); border-radius: 50%;  transition: all 0.3s;}
.text-4-list .box:after{ content: ""; position: absolute; left: 15px; top: 15px; z-index: 1; width: calc(100% - 15px * 2); height: calc(100% - 15px * 2); border:solid 1px rgba(255,255,255,0.2); border-radius: 50%;  transition: all 0.3s;}
.text-4-list .box span{ display: block; position: absolute; left: 0; top: 0; z-index: 3; display: flex; justify-content: center;align-items: center; width: 100%; height: 100%; font-size: 18px;color: rgba(255,255,255,0.8); line-height: 24px; }
.text-4-list .box span:before{ content: ""; position: absolute; left:40px; top:40px; z-index: 1; width: calc(100% - 40px * 2); height: calc(100% - 40px * 2); border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; opacity: 0; transition: all 0.3s; }
.text-5 .left{ width: calc(50% - 85px); }
.text-5 .left ul li{ line-height: 24px; }
.text-5 .left ul li:nth-child(n+2){ margin-top: 5px; }
.text-5 .left ul li .icon{ width: 35px; font-size:24px;color: #a0a0a0; }
.text-5 .left ul li .mc{ width:calc(100% - 35px); color: rgba(255,255,255,0.8); }
.text-5 .left ul li .mc b{ color: #fff; }
.text-5 .logo{ width: 130px; text-align: center; }
.text-5 .logo a{ display: block; font-size: 0; line-height: 60px; }
.text-5 .logo a img{ width: 129px; }
.text-5 .right{ width: calc(50% - 85px); }
.text-5 .right .fenxiang{ margin-bottom:10px; }
.text-5 .right .fenxiang .box ul li:nth-child(n+2){ margin-left:10px; }
.text-5 .right .fenxiang .box ul li a{ position:relative; display: block; color: rgba(200,200,200,0.8); line-height: 24px; }
.text-5 .right .fenxiang .box ul li a.icon-weixin{ font-size: 22px;}
.text-5 .right .fenxiang .box ul li a.icon-weibo{ font-size: 24px;}
.text-5 .right .fenxiang .box ul li a.icon-qq{ font-size: 20px;}
.text-5 .right .fenxiang .box ul li a.icon-youjian{ font-size: 30px;}
.text-5 .right .fenxiang .box ul li a .imgbox{ display:none; position:absolute; left:calc((100% - 100px) / 2); bottom:100%; z-index:1; padding-bottom:10px;}
.text-5 .right .fenxiang .box ul li a .imgbox:before{ content:""; position:absolute; left:50%; bottom:4px; z-index:1; margin-left:-6px; width:0; height:0; border-left:solid 6px transparent;border-right:solid 6px transparent;border-top:solid 6px #fff;}
.text-5 .right .fenxiang .box ul li a .imgbox span{ display:block; width:100px; font-size:0; padding:5px; background:#fff;}
.text-5 .right .fenxiang .box ul li a .imgbox img{ width:100%;}
.text-5 .right .menu ul li a{ display: block; height: 14px; color:rgba(255,255,255,0.8); line-height: 14px; }
.text-5 .right .menu ul li:nth-child(n+2) a{ margin-left: 20px; padding-left: 20px; border-left: solid 1px #5b5b5b; }
.text-6 .biaoti{ width: 90px; font-size: 12px;color: #a7a7a7; font-weight: bold; line-height:60px; }
.text-6 .right{ width: calc(100% - 90px); }
.text-6 .right .swiper-slide{ width: auto !important; }
.text-6-list a{ display: block; height:60px; font-size: 0; line-height:60px; background: #fff; }
.text-6-list a img{ max-height: 100%;}
.text-7{ padding-right: 20px; width: 320px; }
.text-7 .biaoti{ color: #fff; line-height: 30px; }
.text-7 .jieshao{ color: #d1d1d1; line-height: 30px; }
.text-8{ width: 100%; height:auto;}
.text-8 .biaoti{ color: #fff; line-height: 30px; }
.text-8 .jieshao{ color:#fff; line-height: 30px; }

.picture-1{ margin-left:-45px;}
.picture-1 .swiper-slide{ width:auto !important; }
.picture-1 .swiper-slide:nth-child(even) .picture-1-list a{ margin-top:68px; }
.picture-1-list a{ position: relative; display: block; padding-top: 100%; width: 300px;}
.picture-1-list a:before,.picture-1-list a:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position: left top; transition: all 0.3s; }
.picture-1-list a:before{ z-index: 1; }
.picture-1-list a:after{ z-index: 2; opacity: 0; }
.picture-1 .swiper-slide:nth-child(odd) .picture-1-list a:before,
.picture-1 .swiper-slide:nth-child(odd) .picture-1-list a:after{ background-image: url(../images/p1_bg.png); }
.picture-1 .swiper-slide:nth-child(even) .picture-1-list a:before,
.picture-1 .swiper-slide:nth-child(even) .picture-1-list a:after{ background-image: url(../images/p1_bg2.png); }
.picture-1-list a .box{ position: absolute; left: 0; z-index: 3; padding: 0 0 0 0; width: 100%; }
.picture-1 .swiper-slide:nth-child(odd) .picture-1-list a .box{ top: 170px; }
.picture-1 .swiper-slide:nth-child(even) .picture-1-list a .box{ bottom: 168px; }
.picture-1-list a .box .biaoti{ display: inline-block; vertical-align: top; max-width: 100%; text-align: left; }
.picture-1-list a .box .biaoti .cn{ margin-bottom:5px; font-family: '微软雅黑'; font-size: 19px;color:#fff; line-height: 24px; }
.picture-1-list a .box .biaoti .en{ font-family: '微软雅黑'; font-size: 12px; color: rgba(255,255,255,0.5); line-height:16px; }
.picture-3-list{ padding-top:35px; }
.picture-3-list a{ display: block; position: relative; }
.picture-3-list a .imgbox{ position: relative; z-index: 2; overflow: hidden; }
.picture-3-list a .imgbox span{ display: block; padding-top: 112%; }
.picture-3-list a .textbox{ position: absolute; left: 15px; top: 15px; right: 15px; bottom: 15px; z-index: 3; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.8); transform: scale(0); opacity: 0; transition:all 0.5s; }
.picture-3-list a .textbox .kuang{ position: absolute; left: 20px; top:-50px; z-index: 1; width: calc(100% - 40px); height: calc(100% - 16px);}
.picture-3-list a .textbox .kuang b{ display: block; position: absolute; background: rgba(255,255,255,0.2); transition: all 0.5s; }
.picture-3-list a .textbox .kuang b:nth-child(1){ left: 0; top: 0; width: 0; height: 1px; }
.picture-3-list a .textbox .kuang b:nth-child(2){ right: 0; top: 0; width: 1px; height: 0; }
.picture-3-list a .textbox .kuang b:nth-child(3){ right: 0; bottom: 0; width: 0; height: 1px; }
.picture-3-list a .textbox .kuang b:nth-child(4){ left: 0; bottom: 0; width: 1px; height: 0; }
.picture-3-list a .textbox .box{ position: relative; z-index: 2; max-width: 100%; padding: 0 50px; text-align: center; }
.picture-3-list a .textbox .box .biaoti{ font-size: 18px; color:#fff; line-height: 24px; }
.picture-3-list a .textbox .box .jiangexian{ margin:35px auto 30px; width: 40px; height: 2px; background: #959290; }
.picture-3-list a .textbox .box .jieshao{ margin-bottom:40%; height: 48px; color: rgba(255,255,255,0.7); line-height: 24px; overflow: hidden; }
.picture-3-list a .textbox .box .more{ position: relative; margin:0 auto; width: 109px; height: 34px; border:solid 1px rgba(255,255,255,0.3); }
.picture-3-list a .textbox .box .more:before{ content: ""; position: absolute; left: 50%; top: calc((100% - 9px) / 2); z-index: 1; width: 1px; height: 9px; background: #b5b5b5; }
.picture-3-list a .textbox .box .more:after{ content: ""; position: absolute; left: calc(50% - 4px); top:calc(50% - 1px); z-index: 1; width: 9px; height: 1px; background: #b5b5b5; }
.picture-4 .logo{ position: relative; margin-top: 20px; }
.picture-4 .logo:before{ content: ""; position: absolute; top: 15px; right: calc(100% + 20px); z-index: 1; width: 10000px; height: 1px; background: rgba(255,255,255,0.2); }
.picture-4 .logo .box .cn{ margin-bottom: 10px; font-size: 30px;color:rgba(255,255,255,0.8); line-height: 34px; }
.picture-4 .logo .box .en{ font-family: '微软雅黑'; color:rgba(255,255,255,0.6); line-height: 16px; }
.picture-4 .right{ position: relative; padding-right: 40px; width:75%; }
.picture-4 .right .swiper-button{ left: initial; right: 0; width: 33px; height: 33px; font-size: 33px;color: #fff; line-height: 33px; background: none; }
.picture-4 .right .swiper-button.swiper-button-prev{ margin-top: 10px; }
.picture-4 .right .swiper-button.swiper-button-next{ margin-top: -43px; transform: rotateY(180deg); }
.picture-4-list a{ display: block; }
.picture-4-list a .imgbox{ margin-right: -50px; width: 295px; border-radius: 50%; overflow: hidden; }
.picture-4-list a .imgbox span{ display: block; padding-top: 100%; border-radius: 50%; }
.picture-4-list a .textbox{ padding:80px 0; width: calc(100% - 295px); }
.picture-4-list a .textbox .biaoti{ position: relative; width: 135px; height: 135px; text-align: center; background:rgba(0,0,0,0.6); border-radius: 50%; }
.picture-4-list a .textbox .biaoti .box:before{ content: ""; position: absolute; right: -30px; top: 50%; z-index: 1; width: 40px; height: 1px; background: rgba(255,255,255,0.5); }
.picture-4-list a .textbox .biaoti .box:after{ content: ""; position: absolute; right: -35px; top: 50%; z-index: 1; margin-top: -3px; width: 6px; height: 6px; border:solid 1px rgba(255,255,255,0.5); transform: rotate(45deg); }
.picture-4-list a .textbox .biaoti .cn{ margin-bottom:4px; font-size: 14px; color: #fff; }
.picture-4-list a .textbox .biaoti .en{ font-size: 18px; color: #858585; line-height: 20px; }
.picture-4-list a .textbox .text{ padding-top: 43px; padding-left: 55px; width: calc(100% - 135px); }
.picture-4-list a .textbox .text .jieshao{ font-size: 15px;color: rgba(255,255,255,0.7); line-height: 24px;}
.picture-5{ position: relative; padding-top:350px; }
.picture-5 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.picture-6{ overflow: hidden; }
.picture-6 ul{ margin:0 -20px -40px; }
.picture-6 ul li{ padding: 0 20px; margin-bottom:40px; width: calc(100% / 3); }
.picture-6 ul li a{ display: block; }
.picture-6 ul li a .imgbox{ position: relative; background: #000; overflow: hidden; }
.picture-6 ul li a .imgbox span{ display: block; padding-top: 63%; }
.picture-6 ul li a .imgbox .mb{ position: absolute; left: 0; bottom: -100%; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 35px;color: #fff; background: rgba(0,0,0,0.5); }
.picture-6 ul li a .textbox{ padding: 0 20px; line-height: 65px; background: #393939; }
.picture-6 ul li a .textbox .mc{ padding-right: 15px; width: calc(100% - 20px); font-family: '微软雅黑'; font-size: 16px;color: #fff; }
.picture-6 ul li a .textbox .icon{ width: 20px; font-size: 20px; color: #8e8e8e; }
.picture-7 .top{ position: relative; }
.picture-7 .top .imgbox{ padding-top:60%; }
.picture-7 .top .swiper-button{ margin-top: -21px; width: 43px; height: 43px; font-size: 20px;color: #fff; line-height: 43px; background: rgba(0,0,0,0.8); border-radius: 50%; opacity: 1; }
.picture-7 .top .swiper-button.swiper-button-prev{ left: 20px; transform: rotateY(180deg); }
.picture-7 .top .swiper-button.swiper-button-next{ right: 20px; }
.picture-7 .bot{ font-family: '微软雅黑'; font-size: 16px;color: #fff; line-height: 65px; background: #090909; }
.picture-7 p{ font-family:'微软雅黑'; color: #fff;  background: #090909; line-height:25px;}
.picture-8{ width: calc(100% - 320px); border:solid 1px #9e9e9e; }
.picture-8 .imgbox{ position: relative; padding-top: 52%; }
.picture-8 .imgbox .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.picture-9{ overflow: hidden; }
.picture-9 ul{ margin:0 -20px -40px; }
.picture-9 ul li{ padding:0 20px; margin-bottom: 40px; width: 25%; }
.picture-9 ul li a{ display: block; }
.picture-9 ul li a .imgbox{ overflow: hidden; }
.picture-9 ul li a .imgbox span{ display: block; padding-top: 100%; }
.picture-9 ul li a .textbox{ padding: 0 10px; color: #fff; line-height: 40px; background: #000; }
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.pagination a {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	padding: 8px 10px;
	margin: 0 2px;
	border-radius: 3px; line-height:100%
}
.pagination span {
	color: #333;
	font-size: 12px;
	padding: 7px 2px;
	margin: 0 2px;
	border-radius: 3px;
}
.pagination a:hover {
	color: #333;
	border: 1px solid #333;
}
.pagination a.page-num-current {
	color: #fff;
	background: #333;
	border: 1px solid #333;
}
.pagination .st{ font-family:"微软雅黑"}
.text-secondary{ text-align:center; padding:20px 0}
footer{ position: relative; z-index: 3; padding: 25px 0; color: #fff; line-height: 24px; text-align: center; background: #000; }

@media (min-width:992px){
	header .menu ul li{margin-right: 75px; }
	header .menu ul li a{ position: relative; display:block; padding-top:25px; height: 80px; font-size:16px; line-height:20px; color:#d2d2d2; text-align: center;}
	/*header .menu ul li a:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 0; height: 2px; background: #e9e9e9; transition: all 0.5s; }*/
	header .menu ul li a span{ display: block; margin-top: 5px; font-size: 12px; color: rgba(255,255,255,0.5); line-height: 12px; transform: scale(0.8);  }
	header .menu ul li:hover a{ color:#fff;}
	header .menu ul li.active a{ color:#fff;}
	header .menu ul li.active a:before{ width: 100%; }
	header .search form button:hover{ background:#414141; }
	.title-3 .right ul li a:hover{ color: #fff; border:solid 1px #6a6a6a; }
	.text-4-list .box:hover:before{ background: rgba(255,255,255,0.1); border:transparent; box-shadow: 0 0 0 15px rgba(255,255,255,0.2); }
	.text-4-list .box:hover:after{left: 0; top: 0;width: 100%; height: 100%; border:solid 1px rgba(255,255,255,1);}
	.text-4-list .box:hover span:before{left: 15px; top: 15px; width: calc(100% - 15px * 2); height: calc(100% - 15px * 2);opacity: 1;}
	.text-5 .right .fenxiang .box ul li a:hover{ color: #fff; }
	.text-5 .right .menu ul li a:hover{ color: #fff; }
	.text-5 .right .fenxiang .box ul li a:hover .imgbox{ display:block;}
	.text-6-list a:hover img{ transform: rotateY(360deg); }
	.picture-1-list a:hover:after{ opacity: 1; }
	.picture-2{ position: relative;}
	.picture-2:before,.picture-2:after{ content: ""; position: absolute; top: 0; z-index: 1; width: 10000px; height: 50%; background:rgba(0,0,0,0.7); }
	.picture-2:before{ right: 100%; }
	.picture-2:after{ left: 100%; }
	.picture-2-list a{ position: relative; display: block; overflow: hidden; }
	.picture-2-list a .imgbox{ background: #000; overflow: hidden; }
	.picture-2-list a .imgbox span{ display: block; padding-top: 66%;}
	.picture-2-list a .textbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
	.picture-2-list a .textbox .biaoti{ position: absolute; left: 14%; top:calc((100% - 70px) / 2); z-index: 1; width: 72%; height: 70px; font-family: '微软雅黑'; font-size: 16px;color: #fff; line-height: 66px; text-align: center; border:solid 2px rgba(255,255,255,0.17);  transform: translate(0,30px); opacity: 0; transition: all 0.5s; }
	.picture-2-list a .textbox .biaoti b{ position: absolute; display: block; background: #979797; transition: all 0.5s; }
	.picture-2-list a .textbox .biaoti b:nth-child(1){ left: -2px; top: -2px; width:20%; height: 2px; }
	.picture-2-list a .textbox .biaoti b:nth-child(2){ left: -2px; top: 0; width: 2px; height: 100%;}
	.picture-2-list a .textbox .biaoti b:nth-child(3){ left: -2px; bottom: -2px; width: 10%; height: 2px; }
	.picture-2-list a .textbox .biaoti b:nth-child(4){ right: -2px; bottom: -2px; width: 30%; height: 2px; }
	.picture-2-list a .textbox .biaoti b:nth-child(5){ right: -2px; bottom: 0; width: 2px; height: 100%; }
	.picture-2-list a .textbox .biaoti b:nth-child(6){ right: -2px; top: -2px; width: 20%; height: 2px; }
	.picture-2-list a .jiantou{ position: absolute; right: 20px; bottom: 15px; z-index: 1; width: 18px; height: 9px; overflow: hidden; transform: translate(-10px,0); opacity: 0; }
	.picture-2-list a .jiantou:before{ content: ""; position: absolute; left: -100%; top: 0; z-index: 1; width: 200%; height: 100%; background: url(../images/p2_jt.png) repeat-x; animation: p2jiantou 1s 0s infinite linear; }
	@keyframes p2jiantou{ 0%{left: -100%;} 100%{ left: 0; } }
	.picture-2 .item{ position: relative; padding-top: 66%; background:rgba(0,0,0,0.7); overflow: hidden; }
	.picture-2 .item .biaoti{ position: absolute; left: 0; bottom: 125px; width: 100%; }
	.picture-2 .item .biaoti .cn{ margin-bottom:10px; font-family: '微软雅黑'; font-size: 30px; color: #fff; line-height: 32px; }
	.picture-2 .item .biaoti .en{ font-family: '微软雅黑'; color:rgba(255,255,255,0.6); line-height: 14px; }
	.picture-2 .item b{ display: block; position: absolute; }
	.picture-2 .item b:nth-child(1){ animation:xian1 0.5s 0.5s linear forwards; left: 0; bottom: 95px; z-index: 1; width: 0; height: 1px; background:#5a5a5a; }
	.picture-2 .item b:nth-child(2){ animation:xian2 0.5s 1s linear forwards; left: 50%; top: calc(100% - 96px); z-index: 1; width: 1px; height: 0; background:#5a5a5a; }
	.picture-2 .item b:nth-child(3){ animation:xian3 0.5s 0.5s linear forwards; transform: translate(0,100px); left: calc((100% - 96px) / 2); bottom: 20px; z-index: 1; width: 96px; height: 96px; border:solid 1px rgba(255,255,255,0.15); border-radius: 50%; }
	.picture-2 .item b:nth-child(4){ animation:xian4 0.5s 0.5s linear forwards; left: calc((100% - 222px) / 2); bottom: 0; z-index: 1; width: 1px; height: 0; background: rgba(90,90,90,0.5);}
	.picture-2 .item b:nth-child(5){ animation:xian5 0.5s 1s linear forwards; left: calc((100% - 222px) / 2); bottom: 40px; z-index: 1; width: 0; height: 1px; background: rgba(90,90,90,0.5);}
	.picture-2 .item b:nth-child(6){ animation:xian6 0.5s 1.5s linear forwards; left: calc(100% - (100% - 222px) / 2); top: calc(100% - 41px); z-index: 1; width: 1px; height: 0; background: rgba(90,90,90,0.5);}
	.picture-2 .item b:nth-child(7){ animation:xian7 0.5s 0.5s linear forwards; left: calc((100% - 222px) / 2 + 30px); bottom: 0; z-index: 1; width: 1px; height: 0; background: rgba(90,90,90,0.25);}
	.picture-2 .item b:nth-child(8){ animation:xian8 0.5s 1s linear forwards; left: calc((100% - 222px) / 2 + 30px); bottom: 60px; z-index: 1; width: 0; height: 1px; background: rgba(90,90,90,0.25);}
	.picture-2 .item b:nth-child(9){ animation:xian9 0.5s 1.5s linear forwards; left: calc(100% - ((100% - 222px) / 2 - 30px)); top: calc(100% - 61px); z-index: 1; width: 1px; height: 0; background: rgba(90,90,90,0.25);}
	@keyframes xian1{ 0%{width: 0;} 100%{ width: 50%; } }
	@keyframes xian2{ 0%{height: 0;} 100%{ height: 96px; } }
	@keyframes xian3{ 0%{transform: translate(0,100px);} 100%{transform: translate(0,0);} }
	@keyframes xian4{ 0%{height: 0;} 100%{ height: 40px; } }
	@keyframes xian5{ 0%{width: 0;} 100%{ width: 222px; } }
	@keyframes xian6{ 0%{height: 0;} 100%{ height: 41px; } }
	@keyframes xian7{ 0%{height: 0;} 100%{ height: 60px; } }
	@keyframes xian8{ 0%{width: 0;} 100%{ width: 222px; } }
	@keyframes xian9{ 0%{height: 0;} 100%{ height: 61px; } }
	.picture-2-list a:hover .imgbox span{ transform: scale(1.05); opacity: 0.2; }
	.picture-2-list a:hover .textbox .biaoti{ transform: translate(0,0); opacity: 1; }
	.picture-2-list a .textbox .biaoti:hover b:nth-child(1),
	.picture-2-list a .textbox .biaoti:hover b:nth-child(4){ width: calc(100% + 4px);}
	.picture-2-list a .textbox .biaoti:hover b:nth-child(3),
	.picture-2-list a .textbox .biaoti:hover b:nth-child(6){ width: 0%;}
	.picture-2-list a:hover .jiantou{ transform: translate(0,0); opacity: 1; }
	.picture-3-list a:hover .textbox .kuang b:nth-child(1){ width: 100%; }
	.picture-3-list a:hover .textbox .kuang b:nth-child(2){ height: 100%; }
	.picture-3-list a:hover .textbox .kuang b:nth-child(3){ width: 100%; }
	.picture-3-list a:hover .textbox .kuang b:nth-child(4){ height: 100%; }
	.picture-3-list a:hover .imgbox span{ transform: scale(1.05); }
	.picture-3-list a:hover .textbox{ transform: scale(1); opacity: 1; }
	.picture-3-list a:hover .textbox .box .more{ background:rgba(0,0,0,0.5) }
	.picture-4-list a:hover .imgbox span{ transform: scale(1.05); }
	.picture-6 ul li a:hover .imgbox span{ transform: scale(1.05); }
	.picture-6 ul li a:hover .imgbox .mb{ bottom: 0; }
	.picture-6 ul li a:hover .textbox{ background: #090909; }
	.picture-7 .top .swiper-button:hover{ color: #000; background:rgba(255,255,255,0.8); box-shadow: 0 0 10px rgba(0,0,0,0.1); }
	.picture-9 ul li a:hover .imgbox span{ transform: scale(1.05); }
	.picture-9 ul li a:hover .textbox{ background: #414141; }
}

@media (max-width:1199px){
	.main-pad-1{ padding: 40px 0 0; }
	.main-pad-2{ padding: 0 0 40px; }
	.main-pad-3{ padding: 60px 0 0; }
	.main-pad-4{ padding: 0 0 60px; }
	.main-pad-5{ padding: 60px 0 0; }
	.main-pad-7{ padding: 100px 0 0; }
	.main-pad-8{ padding: 0 0 100px; }
	.text-4-list{ max-width: 127px; }
	.text-4-list .box span{ font-size: 16px; }
	.picture-1{ margin-left: 0; margin-right:-15px; }
	.picture-4-list a .imgbox{ width: 265px; }
	.picture-4-list a .textbox{ padding: 75px 0; }
	.picture-4-list a .textbox .biaoti{ padding-top: 33px; width: 115px; height: 115px; }
	.picture-4-list a .textbox .biaoti .cn{ font-size: 18px; line-height: 24px; }
	.picture-4-list a .textbox .biaoti .en{ font-size: 16px; }
	.picture-4-list a .textbox .text{ padding-top: 33px; }
	.picture-5{ padding-top: 300px; }
	.picture-6 ul{ margin:0 -15px -30px; }
	.picture-6 ul li{ padding: 0 15px; margin-bottom: 30px; }
	.picture-6 ul li a .textbox{ line-height: 50px; }
	.picture-9 ul{ margin:0 -15px -30px; }
	.picture-9 ul li{ padding: 0 15px; margin-bottom: 30px;  width: 25%; }
	footer{ padding: 20px 0; }
}

@media (max-width:991px){
	.main-pad-1{ padding:30px 0 0; }
	.main-pad-2{ padding:0 0 30px; }
	.main-pad-3{ padding: 30px 0 0; }
	.main-pad-4{ padding:0 0 30px; }
	.main-pad-5{ padding: 30px 0 0; }
	.main-pad-6{ padding:0 0 30px; }
	.main-pad-7{ padding: 30px 0 0; }
	.main-pad-8{ padding:0 0 30px; }
	.main-pad-12{ padding: 30px 0 0; }
	.main-Background-2{background-attachment:scroll;}
	header .logo a{line-height:80px;}
	header .logo a img{}
	header .search{ margin-right: 20px; }
	header .search .searchBtn{ color: rgba(255,255,255,0.5); }
	header .search form{ position: fixed; top: 80px; width: 100%; box-shadow: 0 3px 5px rgba(0,0,0,0.1); }
	header .search form input{ width: calc(100% - 40px); height: 40px; background: rgba(255,255,255,0.8) }
	header .search form button{ width: 40px; height: 40px; line-height: 40px; }
	.menu-box{ display: none; position:fixed;top: 80px; right: 0; z-index:2147483645; width: 120px; }
	.menu-box ul li{ margin-bottom:1px;}
	.menu-box ul li a{ display: block; font-size: 14px; color: #fff; text-align:center; line-height:40px; background:rgba(0,0,0,0.8); }
	.menu-box ul li.active a{ color: #000; background:rgba(255,255,255,0.8); }
	.menu-btn{ position: relative; top: 31px; width:30px; }
	.menu-btn b{ display: block; height:2px; background: #fff;}
	.menu-btn b:nth-child(2){ margin:6px 0; }
	.menu-btn.active b:nth-child(1){ transform:rotate(45deg) translate(5px,6px); }
	.menu-btn.active b:nth-child(2){ opacity: 0; }
	.menu-btn.active b:nth-child(3){ transform:rotate(-45deg) translate(5px,-6px); }
	.banner .imgbox img{ max-width: 80%; }
	.banner2{ padding-top:50%; }
	.title-1 .top{ line-height: 30px; }
	.title-1 .top .en{ font-size: 24px; }
	.title-1 .top .cn{ font-size: 24px; }
	.title-2 .biaoti{ font-size: 18px; }
	.title-2 .cn{ font-size: 24px; line-height: 30px; }
	.title-3{ padding: 0; border-bottom: none; }
	.title-3 .left{ width: 100%;}
	.title-3 .left .cn{ font-size: 18px; line-height: 20px; }
	.title-3 .left .en{ margin-top: 8px; font-size: 12px; line-height: 14px; }
	.title-3 .right{ padding-top: 15px; margin-top: 15px;  margin-bottom: -10px; width: 100%; border-top: solid 1px rgba(255,255,255,0.2);}
	.title-3 .right ul li{ margin-right: 10px; margin-bottom: 10px; }
	.title-3 .right ul li:nth-child(n+2){ margin-left: 0; }
	.title-3.active{ padding-bottom: 15px; border-bottom: solid 1px rgba(255,255,255,0.2);}
	.text-1-list .jieshao{ font-size: 16px; }
	.text-2 .logo{ float: none !important; margin:0 auto; width:190px; }
	.text-2 .textbox{ padding-top: 20px; width: 100%; }
	.text-2 .textbox .jieshao{ margin-bottom: 30px; font-size: 14px; line-height: 24px; }
	.text-2 .textbox .more a{ width: 70px; font-size: 14px; }
	.text-4 .swiper-slide:nth-child(n+3){ margin-top: 50px !important; }
	.text-4 .swiper-slide:nth-child(even):before{ display: none; }
	.text-5 .logo{ float: left !important; }
	.text-5 .left{ float: right !important; width:auto; max-width: calc(100% - 130px); }
	.text-5 .right{ display: none; }
	.text-7{ padding-right: 0; margin-bottom: 20px; width: 100%; }
	.picture-1-list a{ width:280px; }
	.picture-1 .swiper-slide:nth-child(even) .picture-1-list a{ margin-top: 63px; }
	.picture-1-list a .box{ padding: 0 0 0 64px; }
	.picture-1 .swiper-slide:nth-child(odd) .picture-1-list a .box{ top: 90px; }
	.picture-1 .swiper-slide:nth-child(even) .picture-1-list a .box{ bottom: 90px; }
	.picture-1-list a .box .biaoti .cn{ font-size: 18px; }
	.picture-3{padding:0 15px; padding-bottom: 30px; }
	.picture-3-list{ padding-top: 0; }
	.picture-3-list a .textbox{ left: 0; bottom: 0; top: initial; right: initial; display: block; width: 100%; transform: scale(1); opacity: 1; }
	.picture-3-list a .textbox .kuang{ display: none; }
	.picture-3-list a .textbox .box{ padding: 0; }
	.picture-3-list a .textbox .box .biaoti{ padding: 0 10px; font-size: 14px; line-height:50px; }
	.picture-4 .logo{float: none !important; margin:0 auto; width: 120px;}
	.picture-4 .right{float: none !important; margin-top: 20px; padding-right: 0; width: 100%;}
	.picture-4 .right .swiper-button{ display: none; }
	.picture-4-list a .imgbox{ margin-right: 0; width: 240px; }
	.picture-4-list a .textbox{ padding:50px 0 0 30px; width: calc(100% - 240px); }
	.picture-4-list a .textbox .biaoti{ float: none !important; padding: 0; margin-bottom: 20px; width: auto; height: auto; background: none; }
	.picture-4-list a .textbox .biaoti .box{ float: left; position: relative;}
	.picture-4-list a .textbox .biaoti .box:before{ right: initial; left: calc(100% + 30px); }
	.picture-4-list a .textbox .biaoti .box:after{ right: initial; left: calc(100% + 70px); }
	.picture-4-list a .textbox .text{ padding-left: 0; padding-top: 0; width: 100%; }
	.picture-4-list a .textbox .text .jieshao{ height: 72px; }
	.picture-5{ padding-top: 35%; }
	.picture-6 ul{ margin:0 -10px -20px; }
	.picture-6 ul li{ padding: 0 10px; margin-bottom: 20px; width: 50%; }
	.picture-6 ul li a .textbox{ padding: 0 10px; line-height: 40px; }
	.picture-6 ul li a .textbox .mc{ font-size: 14px; }
	.picture-6 ul li a .textbox .icon{ font-size: 16px; }
	.picture-7 .bot{ font-size: 14px; line-height: 50px; }
	.picture-7 .top .swiper-button{ margin-top: -17px; width: 34px; height: 34px; font-size: 16px; line-height: 34px; }
	.picture-7 .top .swiper-button.swiper-button-prev{ left: 15px; }
	.picture-7 .top .swiper-button.swiper-button-next{ right: 15px; }
	.picture-8{ width: 100%; }
	.picture-9 ul{ margin:0 -10px -20px; }
	.picture-9 ul li{ padding: 0 10px; margin-bottom: 20px; width: 50%; }
	footer{ padding:15px 0; font-size: 12px; }
}

@media (max-width:767px){
	.main-pad-1{ padding:20px 0 0;}
	.main-pad-2{ padding:0 0 20px;}
	.main-pad-3{ padding: 20px 0 0; }
	.main-pad-4{ padding:0 0 20px; }
	.main-pad-5{ padding: 20px 0 0; }
	.main-pad-6{ padding:0 0 20px; }
	.main-pad-7{ padding: 20px 0 0; }
	.main-pad-8{ padding:0 0 20px; }
	.main-pad-9{ padding: 20px 0 0; }
	.main-pad-10{ padding:0 0 20px; }
	.main-pad-12{ padding: 20px 0 0; }
	header .logo a{line-height:60px;}
	header .search .searchBtn{ line-height: 60px; }
	header .search form{ top: 60px; }
	header .search form input{ font-size: 12px;}
	.banner .swiper-pagination{ bottom: 10px; }
	.banner .swiper-pagination span{ width: 8px; height: 8px; }
	.menu-box{top: 60px; width: 100px; }
	.menu-box ul li a{ font-size: 12px; line-height: 34px;}
	.menu-btn{ top: 21px; width: 30px;}
	#tabBar{ position: fixed; right:20px; bottom:20px; z-index: 99; width:50px; height: 50px;}
	#tabBar.active{ width: calc(100% - 40px); animation: tabBarAnimation 3s 1s infinite linear; -webkit-animation: tabBarAnimation 3s 1s infinite linear; -moz-animation: tabBarAnimation 3s 1s infinite linear; -o-animation: tabBarAnimation 3s 1s infinite linear;  }
	#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
	#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
	#tabBar .clickbtn img{ width: 22px; }
	#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; -moz-animation:clickbtnAnimation 10s 0s infinite linear; -webkit-animation:clickbtnAnimation 10s 0s infinite linear; -o-animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
	#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
	#tabBar .clickbtn.active{ background:url(../images/xian2.png) #000; background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0; }
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px;
		background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px; }
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; -webkit-animation: navigationAnimation 0.5s 0s linear forwards; -moz-animation: navigationAnimation 0.5s 0s linear forwards; -o-animation: navigationAnimation 0.5s 0s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.5s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.5s linear forwards; -o-animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.6s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.6s linear forwards; -o-animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.7s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.7s linear forwards; -o-animation:navigationAAnimation 0.3s 0.7s linear forwards; }

	@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-webkit-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-moz-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-o-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

	@keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-webkit-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-moz-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-o-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}

	@keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-moz-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-webkit-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-o-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-moz-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-webkit-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-o-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	.title-1 .top{ line-height: 24px; }
	.title-1 .top .en{ font-size: 18px; }
	.title-1 .top .cn{ font-size: 18px; }
	.title-1 .minen{ font-size: 12px; }
	.title-2 .jiangexian{ margin:15px auto; }
	.title-2 .cn{ font-size: 18px; line-height: 24px; }
	.title-2 .en{ font-size: 12px; }
	.title-3 .left .cn{ font-size: 16px; }
	.title-3 .left .en{ margin-top: 5px; }
	.title-3 .right ul li a{ padding: 0 5px; font-size: 12px; }
	.text-1-list .top .box{ padding-right: 20px; padding-top: 10px; }
	.text-1-list .top .box .shuzi{ font-size: 24px; line-height: 24px; }
	.text-1-list .top .box .cn{ margin-top: 7px; font-size: 14px; line-height: 14px; }
	.text-1-list .top .box b{ width: 14px; height: 14px; }
	.text-1-list .top .box b:before{ top: 6px; }
	.text-1-list .top .box b:after{ left: 6px; }
	.text-1-list .jieshao{ font-size: 14px; }
	.text-2 .logo{ width: 140px; }
	.text-2 .logo img{ width: 140px; }
	.text-2 .textbox .jieshao{ margin-bottom: 20px; font-size: 12px; }
	.text-2 .textbox .more a{ padding-bottom: 10px; width: 60px; font-size: 12px; }
	.text-3 .jieshao{ font-size: 14px; letter-spacing: 1px; }
	.text-3 .biaoti{ font-size: 18px; line-height: 24px; }
	.text-4 .swiper-slide:nth-child(n+3){ margin-top: 30px !important; }
	.text-4-list{ max-width: 120px; }
	.text-4-list .box span{ font-size: 14px; }
	.text-5 .logo{ width: 100px; }
	.text-5 .logo a{ line-height: 50px; }
	.text-5 .logo a img{ width: 100px; }
	.text-5 .left{ padding-left: 15px; max-width: calc(100% - 100px) }
	.text-5 .left ul li .mc{ font-size: 12px; }
	.text-6 .biaoti{ width: 70px; line-height: 40px; }
	.text-6-list a{ height: 40px; line-height: 40px; }
	.text-7 .biaoti{line-height: 24px; }
	.text-7 .jieshao{ font-size: 12px; line-height: 24px; }
	.picture-1-list a{ width: 250px; }
	.picture-1 .swiper-slide:nth-child(even) .picture-1-list a{ margin-top: 56px; }
	.picture-1-list a .box{ padding-left: 58px; }
	.picture-1 .swiper-slide:nth-child(odd) .picture-1-list a .box{ top:80px; }
	.picture-1 .swiper-slide:nth-child(even) .picture-1-list a .box{ bottom:80px; }
	.picture-1-list a .box .biaoti .cn{ font-size: 16px; }
	.picture-3{ padding-bottom: 20px; }
	.picture-3-list a .textbox .box .biaoti{font-size: 12px; line-height: 40px; }
	.picture-4 .logo .box .cn{ margin-bottom: 5px; font-size:18px; line-height:24px; }
	.picture-4 .logo .box .en{ font-size: 12px; }
	.picture-4-list a .imgbox{ width: 200px; }
	.picture-4-list a .textbox{ padding-left: 20px; padding-top:30px; width: calc(100% - 200px); }
	.picture-4-list a .textbox .biaoti .cn{ font-size: 16px; }
	.picture-4-list a .textbox .biaoti .en{ font-size: 14px; }
	.picture-4-list a .textbox .text .jieshao{ font-size: 12px; }
	.picture-6 ul li a .textbox { line-height: 34px; }
	.picture-6 ul li a .textbox .mc{ font-size: 12px; }
	.picture-7 .bot{ font-size: 12px; line-height: 40px; }
	.picture-7 .top .swiper-button{ margin-top: -15px; width: 30px; height: 30px; line-height: 30px; opacity: 0.6; }
	.picture-7 .top .swiper-button.swiper-button-prev{ left: 10px; }
	.picture-7 .top .swiper-button.swiper-button-next{ right: 10px; }
	.picture-9 ul li a .textbox{ font-size: 12px; line-height: 34px; }
}

@media (max-width:479px){
	.text-4 .swiper-slide:nth-child(n+3){ margin-top: 20px !important; }
	.picture-1-list a{ width: 200px; }
	.picture-1 .swiper-slide:nth-child(even) .picture-1-list a{ margin-top: 45px; }
	.picture-1-list a .box{ padding-left: 46px; }
	.picture-1 .swiper-slide:nth-child(odd) .picture-1-list a .box{ top: 60px; }
	.picture-1 .swiper-slide:nth-child(even) .picture-1-list a .box{ bottom: 60px; }
	.picture-1-list a .box .biaoti{ display: block; padding-left: 10px; }
	.picture-1-list a .box .biaoti .cn{ margin-bottom: 0; font-size: 14px; }
	.picture-4-list a .imgbox{ width: 180px; }
	.picture-4-list a .textbox{ padding-top: 27px; width: calc(100% - 180px); }
	.picture-4-list a .textbox .biaoti{ margin-bottom:10px; }
	.picture-4-list a .textbox .biaoti .cn{ margin-bottom: 0; font-size: 14px; }
	.picture-4-list a .textbox .biaoti .en{ font-size: 12px; }
	.picture-4-list a .textbox .text .jieshao br{ display: none; }
	.picture-5{ padding-top:50%; }
}

@media (max-width:413px){
	.title-1 .top .en{ font-size: 14px; }
	.title-1 .top .cn{ font-size: 14px; }
	.text-5 .logo{ margin-bottom: 15px; width: 100%; }
	.text-5 .logo a{line-height: inherit; }
	.text-5 .logo a img{ width: 80px; }
	.text-5 .left{ padding-left: 0; max-width: inherit; width: 100%; }
	.picture-4-list a .imgbox{ width: 150px; }
	.picture-4-list a .textbox{ padding-top: 24px; width: calc(100% - 150px); }
	.picture-4-list a .textbox .text .jieshao{ height: 48px; }
	.picture-6 ul li{ width: 100%; }
}
#maximg img{ max-width:100%; height:auto !important}