@charset "utf-8";
body{font-family:"微软雅黑"}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important; color:#222}
a:hover{ color:#f00}
.container-fluid{max-width:1230px !important}
.container-fluid-cz-1{ padding:0 60px; max-width:100% !important}
.container-fluid-cz-2{max-width:1530px !important}
::-webkit-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
::-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-ms-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button,video{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
/*select{border:solid 1px #000;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("https://raw.githubusercontent.com/ourjs/static/gh-pages/2015/arrow.png") no-repeat scroll right center transparent;padding-right:14px}
select::-ms-expand{display:none}下拉框的样式修改*/

.main-pad-1{ padding:50px 0 0;}
.main-pad-2{ padding:0 0 40px;}
.main-pad-3{ padding:50px 0 0;}
.main-pad-4{ padding:65px 0 0;}
.main-pad-5{ padding:0 0 65px;}
.main-background-1{ background:#ebebeb;}

header{ position: relative; z-index:99999;}
header .box{ display: flex; justify-content: space-between; align-items: center;}
header .qita .logo a{ display:block; font-size:0;}

.banner{ position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;}
.banner a img{ width: 100%;}
.banner .caozuo{ position: absolute; left: 50%; bottom:-35px; z-index: 5; display: flex; justify-content: space-between; align-items: center; margin-left:-115px; padding:0 20px; width: 230px; height: 70px; background: #fff; box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.banner .caozuo .swiper-button{ position: initial; top: initial; display: flex; align-items: center; margin:0; font-size: 15px; color: #333; font-weight: bold; background: none;}
.banner .caozuo .swiper-button.swiper-button-prev{ transform:rotateY(180deg);}
.banner .caozuo .swiper-pagination{ position: initial; left: initial; bottom: initial; font-family: 'Arial'; font-size: 24px; color: #acacac; font-weight: bold;}
.banner .caozuo .swiper-pagination span.swiper-pagination-current{ color: #252525;}
.banner .caozuo .swiper-pagination span.swiper-pagination-bullet-active{ background: #005dc4;}

.title-1 .biaoti{ margin-bottom:20px; font-size: 24px; color: #171717; line-height: 30px;}
.title-1 .jiangexian{ margin:0 auto 20px; width:52px; height: 3px; background: #005dc4;}
.title-1 .jieshao{ margin-bottom:20px; font-size: 36px; color: #202020; line-height: 40px;}
.title-1 .jieshao span{ color: #005dc4; font-weight: bold;}
.title-1 .jieshao span i{ position: relative; top:-10px; display: inline-block;}
.title-1 .jieshao span i img{ width:36px;}
.title-1 .text{ font-size: 18px; color: #686868; line-height: 24px;}
.title-3{ margin-bottom: 20px;}
.title-3 .biaoti{ font-size: 20px; color: #333; line-height: 24px;}
.title-3 .time{ margin-top: 5px; color: #999; line-height: 24px;}

.text-1{ color: #000000; line-height: 32px; padding-bottom:15px;}
.text-5{ padding:30px 30px 0; height: 330px;}
.text-5 ul li:nth-child(n+2){ margin-top:10px;}
.text-5 ul li input{ display: block; padding:0 10px; width: 100%; height: 44px; font-size: 16px; color: #999999; line-height: 42px; border: solid 1px #e5e5e5; border-left:solid 3px #005dc4;}
.text-5 ul li textarea{ display: block; padding:6px 10px; width: 100%;max-width: 100%;min-width: 100%; height: 104px;min-height: 104px; font-size: 16px; color: #999999; line-height: 30px; border: solid 1px #e5e5e5; border-left:solid 3px #0351b0;}
.text-5 ul li button{ display: block; padding:0; width: 100%; height: 44px; font-size: 16px; color: #fff; line-height: 44px; background: #005dc4; border: none;}
.text-5.active{ height: auto;}

.picture-1 ul{ display: flex; justify-content: space-between;}
.picture-1 ul li a{ display: block;}
.picture-1 ul li .icon{ position: relative; display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; margin-bottom: 30px; width: 173px; height: 201px; font-size: 0;}
.picture-1 ul li .icon:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/p1_bg.png) no-repeat 50% 50% / 100% 100%;}
.picture-1 ul li .icon img{ position: relative;  z-index: 2;transition: all 1s;}
.picture-1 ul li:nth-child(1) .icon img{ width:84px;}
.picture-1 ul li:nth-child(2) .icon img{ width:76px;}
.picture-1 ul li:nth-child(3) .icon img{ width:85px;}
.picture-1 ul li .biaoti .cn{ margin-bottom: 5px; font-size: 24px; color: #383838; line-height: 30px;}
.picture-1 ul li .biaoti .en{ font-family:'Arial'; color: rgba(137,137,137,.5); line-height: 30px;}
.picture-2-list{ overflow: hidden; border:solid 1px #e5e5e5;}
.picture-2-list a{ display: block; position: relative; top: 0;}
.picture-2-list a .textbox{ display: flex; justify-content: space-between; align-items: center; padding:0 40px; height: 124px;}
.picture-2-list a .textbox .icon{ position: relative; width: 32px; height: 32px; border: solid 1px #e5e5e5;}
.picture-2-list a .textbox .icon:before,.picture-2-list a .textbox .icon:after{ content: ""; position: absolute; left:8px; top:13px; z-index: 1; width: 15px; height: 3px; background: #005dc4;}
.picture-2-list a .textbox .icon:before{ transform:rotate(90deg);}
.picture-2-list a .textbox .biaoti{ width: calc(100% - 52px);}
.picture-2-list a .textbox .biaoti .cn{ margin-bottom: 5px; font-size: 24px; color: #474747; line-height: 30px;}
.picture-2-list a .textbox .biaoti .en{ font-family:'Arial'; color: #d5d5d5; line-height: 24px;}
.picture-2-list a .imgbox{ overflow: hidden;border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5;}
.picture-2-list a .imgbox span{ display: block;padding-top: calc(299 / 477 * 100%);}
.picture-2-list a .textbox2{ position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 124px; background: #005dc4;}
.picture-2-list a .textbox2 .cn{ font-size: 24px; color: #fff; line-height: 30px;}
.picture-2-list a .textbox2 .en{ font-family:'Arial'; color: #d5d5d5; line-height: 24px;}
.picture-3 .right{ position: relative; background: #000;}
.picture-3 .right .imgbox,.picture-3 .right video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.picture-3 .right .imgbox{ z-index: 2; background: #000; overflow: hidden; cursor: pointer;}
.picture-3 .right .imgbox span{ display: block; position: relative; height: 100%;}
.picture-3 .right .imgbox .bofang{ position: absolute; left:50%; top: 50%; z-index: 1; margin:-55px 0 0 -55px; width: 110px; height: 110px; border: solid 4px #fff; border-radius: 50%;}
.picture-3 .right .imgbox .bofang:before{ content:""; position: absolute; left: 50%; top: 50%; z-index: 1; margin:-25px 0 0 -15px; border-top:solid 25px transparent; border-bottom:solid 25px transparent; border-left:solid 35px #fff;}
.picture-3 .right video{ z-index: 1; display: none;}
.picture-3 .left{ padding:70px 0; background: #f5f5f5;}
.picture-3 .left .box{ position: relative; display: flex; justify-content: flex-end; padding-left:15px; height:100%; background: #fff;}
.picture-3 .left .box .textbox{ padding-top:40px; padding-right: 55px; width: 100%; max-width: 630px;}
.picture-3 .left .box .textbox .biaoti{ margin-bottom: 25px;}
.picture-3 .left .box .textbox .biaoti .en{ margin-bottom:-25px; font-family: 'Arial'; font-size: 55px; color: rgba(4,40,3,.16); font-weight: bold; line-height: 55px;}
.picture-3 .left .box .textbox .biaoti .cn{ margin-bottom: 25px; font-size: 30px; color: #333; line-height: 34px;}
.picture-3 .left .box .textbox .biaoti .jiangexian{ width: 45px; height: 6px; background: #005dc4;}
.picture-3 .left .box .textbox .jieshao{ margin-bottom: 20px; height:270px; font-size: 16px; color: #042803; line-height: 30px; overflow: hidden;}
.picture-3 .left .box .textbox .other{ display: flex; justify-content: space-between; align-items: center;}
.picture-3 .left .box .textbox .other .shuoming{ width:calc(100% - 130px); font-size: 16px; color: #005dc4;}
.picture-3 .left .box .textbox .other .more{ width: 110px;}
.picture-3 .left .box .textbox .other .more a{ display: block; font-size: 16px; color: #a0a0a0; line-height: 32px; border: solid 1px #d4d4d4;}
.picture-4{ position: relative; min-height: 390px;}
.picture-4 .tops{ position: absolute; left: 50%; top:50%; z-index: 1; margin:-195px 0 0 -195px; width: 390px; height: 390px; animation: fudong 3s 0s linear infinite;}
.picture-4 .tops .box{ position: absolute; left: 50%; top: 50%; z-index:1;display: flex; justify-content: center; align-items: center; margin:-138px 0 0 -138px; padding-bottom:30px; width: 276px; height: 276px; font-size: 0; background: #005dc4; border-radius: 50%;}
.picture-4 .tops .box:before,.picture-4 .tops .box:after{ content:""; position: absolute; left: -36px; right: -36px; top: 50%; z-index: 1; height: 1px; background: #005dc4;}
.picture-4 .tops .box:before{ transform:rotate(90deg);}
.picture-4 .tops .box img{ position: relative; z-index: 2; width: 186px;}
.picture-4 .tops .huan{ position: absolute; left:0; top:0; z-index: 1; width: 100%; height: 100%; border: dashed 2px #005dc4; border-radius: 50%;}
.picture-4 .tops .huan .item{ position: absolute; display: flex; justify-content: center; align-items: center; color: #fff; text-align: center; background: #005dc4; border-radius: 50%;}
.picture-4 .tops .huan .item.item1{ left: -44px; top: 21px; width: 110px; height: 110px; font-size: 24px; line-height: 30px;}
.picture-4 .tops .huan .item.item2{ right: -10px; top: 32px; width: 78px; height: 78px; font-size: 18px; line-height: 24px;}
.picture-4 .tops .huan .item.item3{ right: -45px; bottom: 22px; width: 125px; height: 125px; font-size: 22px; line-height:30px;}
.picture-4 .tops .huan .item.item4{ left: -6px; bottom: 28px; width:93px; height:93px; font-size: 22px; line-height: 30px;}
.picture-4 .bots{ display: flex; flex-direction:column; justify-content: center; height:390px;}
.picture-4 .bots ul{ display: flex; justify-content: space-between; align-items: center;}
.picture-4 .bots ul:nth-child(even){ flex-direction: row-reverse;}
.picture-4 .bots ul:nth-child(odd) li:nth-child(odd){ flex-direction: row-reverse; padding-right:300px;}
.picture-4 .bots ul:nth-child(odd) li:nth-child(even){ padding-left:300px;}
.picture-4 .bots ul:nth-child(even) li{ margin-top:40px;}
.picture-4 .bots ul:nth-child(even) li:nth-child(odd){ padding-left:300px;}
.picture-4 .bots ul:nth-child(even) li:nth-child(even){ flex-direction: row-reverse; padding-right:300px;}
.picture-4 .bots ul li{ display: flex; justify-content: space-between; width: 50%;}
.picture-4 .bots ul li .shuzi{ font-size: 0;}
.picture-4 .bots ul:nth-child(1) li:nth-child(1) .shuzi img{ width:51px;}
.picture-4 .bots ul:nth-child(1) li:nth-child(2) .shuzi img{ width:62px;}
.picture-4 .bots ul:nth-child(2) li:nth-child(1) .shuzi img{ width:62px;}
.picture-4 .bots ul:nth-child(2) li:nth-child(2) .shuzi img{ width:64px;}
.picture-4 .bots ul li .textbox{ width:calc(100% - 80px);}
.picture-4 .bots ul li .textbox .biaoti{ display: flex; align-items: center; padding-bottom:15px; margin-bottom: 15px; border-bottom:solid 1px #d4d4d4;}
.picture-4 .bots ul li .textbox .biaoti .mc{ max-width: calc(100% - 54px); font-size: 26px; color: #232323; font-weight: bold; line-height: 30px;}
.picture-4 .bots ul li .textbox .biaoti .icon{ margin-left:10px; border-left:solid 12px transparent; border-right:solid 12px transparent; border-top:solid 12px #1e57b5;}
.picture-4 .bots ul li .textbox .jieshao{ height: 120px; color: #434343; line-height: 24px; overflow: hidden;}
.picture-5 ul{ display: flex; flex-wrap: wrap;}
.picture-5 .swiper-slide{ position: relative; padding-bottom:40px;}
.picture-5 .swiper-slide:before{ content:""; position: absolute; top:0; z-index: 1; width:calc((1500px - 101px * 8) / 7); height: 117px; background-position: center center; background-repeat: no-repeat; background-size: 24px auto;}
.picture-5 .swiper-slide .icon{ font-size: 0;}
.picture-5 .swiper-slide .icon img{ width: 100%;}
.picture-5 .swiper-slide .mc{ position: absolute; left:-50%; bottom: 0; z-index: 1; width: 200%; font-size: 16px; color: #3d3d3d; line-height: 24px;}
.picture-6{ position: relative;}
.picture-6:before{ content: ""; position: absolute; left:50%; top:64px; z-index: 1; margin-left:-50vw; width: 100vw; height: 1px; background: #d2d2d2;}
.picture-6-list a{ display: block;}
.picture-6-list a .time{ margin-bottom:20px; font-family: 'Georgia'; font-size:30px; color: #b6b6b6; line-height: 34px;}
.picture-6-list a .icon{ position: relative; margin-bottom:20px; width: 21px; height: 21px; background: #fff; border: solid 1px #005dc4; border-radius: 50%;}
.picture-6-list a .icon:before{ content: ""; position: absolute; left:5px; top: 5px; right: 5px; bottom: 5px; background: #005dc4; border-radius: 50%;}
.picture-6-list a .textbox { margin-bottom: 20px;}
.picture-6-list a .textbox .biaoti{ margin-bottom:15px; font-size: 24px; color: #4d4d4d; font-weight: bold; line-height: 30px;}
.picture-6-list a .textbox .jieshao{ height:90px; font-size: 16px; color: #909090; line-height:30px; overflow: hidden;}
.picture-6-list a .imgbox{ overflow: hidden;}
.picture-6-list a .imgbox span{ display: block; padding-top: calc(232 / 416 * 100%);}
.picture-6-list a .more{ position: relative; z-index: 2; margin:-22px auto 5px; width: 160px; font-size: 16px; color: #909090; line-height: 44px; background: #fff; box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.picture-7 ul{ display: flex; flex-wrap: wrap;}
.picture-7 ul li a{ display: block; border: solid 1px #ebebeb;}
.picture-7 ul li a .imgbox{ overflow: hidden;}
.picture-7 ul li a .imgbox span{ display: block; padding-top: calc(210 / 273 * 100%);}
.picture-7 ul li a .textbox{ padding:0 10px; font-size: 16px; color: #323232; line-height: 42px;}
.picture-8 ul li:nth-child(n+2){ margin-top:20px;}
.picture-8 ul li a{ display: flex; justify-content: space-between; align-items: center; padding:20px; background: #f4f4f4;}
.picture-8 ul li a .imgbox{ width: 214px; overflow: hidden;}
.picture-8 ul li a .imgbox span{ display: block; padding-top: 142px;}
.picture-8 ul li a .textbox{ padding-left: 35px; width: calc(100% - 214px);}
.picture-8 ul li a .textbox .biaoti{ margin-bottom:15px; font-size: 18px; color: #262626; line-height: 24px;}
.picture-8 ul li a .textbox .jieshao{ margin-bottom:20px; height: 52px; color: #6c6c6c; line-height: 26px; overflow: hidden;}
.picture-8 ul li a .textbox .more{ width: 85px; font-size: 13px; color: #fff; line-height: 24px; background: #d4d4d4;}
.picture-9{ margin-bottom: 20px; font-size: 0;}
.picture-9 img{ max-width: 100%;}



.subnav .biaoti{ color: #fff; background: #005dc4;}
.subnav ul li{ margin-top: 8px;}
.subnav ul li:first-child{ margin-top: 0;}
.subnav ul li a{ position: relative; display: block; padding-left:40px; font-size:16px; color: #333; line-height: 44px; background: #ececec; border:solid 1px #dddddd;}
.subnav ul li a:before{ content:"》"; position: absolute; left: 20px; top: 0; color: #b1b1b1; transition: all .3s;}
.subnav ul li.active a{ color: #fff; background: #005dc4;}
.subnav ul li.active a:before{ color: #fff;}
.subnav .ul{ display: none; margin-top:1px; background: #ececec; border:solid 1px #dddddd;}
.subnav .ul .li a{ display: block; padding-left:46px; font-size:14px; color: #333; line-height:36px;background: #ececec;}
.subnav .ul .li:nth-child(n+2) a{ border-top: solid 1px rgba(0,0,0,0.05);}
.subnav .ul .li:hover{background: #ececec;}
.subnav .ul .li:hover a{ color: #005dc4;}
.subnav .ul .li.active a{ color: #005dc4;}


footer{ background: #1e1e1e;}
footer .tops{ padding:40px 0;}
footer .tops .col-xs-12{ display: flex; justify-content: space-between;}
footer .tops .menu{ width: 40%;}
footer .tops .menu ul{ display: flex;}
footer .tops .menu ul li:nth-child(1){ padding-right: 30px; width: 53%;}
footer .tops .menu ul li:nth-child(2){ width: 47%;}
footer .tops .menu ul li .biaoti{ margin-bottom: 20px; font-size: 18px; color: #fff; line-height: 24px;}
footer .tops .menu ul li:nth-child(1) .ul{ display: flex; flex-wrap: wrap;}
footer .tops .menu ul li:nth-child(1) .ul .li{ width: 50%;}
footer .tops .menu ul li:nth-child(2){ display: flex; justify-content: center; border-left:solid 1px #2e2e2e; border-right: solid 1px #2e2e2e;}
footer .tops .menu ul li .ul .li{ display: flex; line-height: 36px;}
footer .tops .menu ul li .ul .li a{ font-size: 16px; color: #848484;}
footer .tops .contact{ display: flex; justify-content: center; width:calc(60% - 325px);}
footer .tops .contact .box{ max-width: 370px;}
footer .tops .contact .biaoti{ margin-bottom: 20px; font-size: 18px; color: #fff; line-height: 24px;}
footer .tops .contact .textbox ul{ display: flex; flex-wrap: wrap;}
footer .tops .contact .textbox ul{ font-size:14px; line-height:30px; color:#888}
footer .tops .contact .textbox ul li{font-size: 16px; color: #848484; line-height: 36px;} 
footer .tops .contact .textbox ul li:nth-child(1){ width: 165px;}
footer .tops .contact .textbox ul li:nth-child(2){ width: calc(100% - 165px);}
footer .tops .contact .textbox ul li:nth-child(n+3){ width: 100%;}
footer .tops .wechat{ display: flex; align-items: center; padding:15px; width: 325px; background: #2a2a2a;}
footer .tops .wechat .imgbox{ font-size: 0;}
footer .tops .wechat .imgbox img{ width: 135px;}
footer .tops .wechat .textbox{ padding-left: 20px;}
footer .tops .wechat .textbox .mc{ margin-bottom: 5px; color: #fff; line-height: 24px;}
footer .tops .wechat .textbox .time{ font-family:'Times New Roman'; font-size: 43px; color: #fff; line-height: 43px;}
footer .tops .wechat .textbox .shuzi{ display: flex;}
footer .tops .wechat .textbox .shuzi a{ font-family:'Arial'; font-size: 20px; color: #005dc4; font-weight: bold; line-height: 24px;}
footer .bots{ padding:30px 0; border-top:solid 1px #2e2e2e;}
footer .bots .copyright{ color: #676767; line-height: 24px; text-align: center;}
footer .bots .text{ margin-top:5px; display: flex; justify-content: center; color: #676767; line-height: 24px;}
footer .bots .text .text2{ margin:0 20px;}
footer .bots .text .fanhui{ cursor: pointer;}

@keyframes xuanzhuan {
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
}

@keyframes fudong {
	0%{ transform:translateY(0px);}
	50%{ transform:translateY(10px);}
	100%{ transform:translateY(0px);}
}

@media (min-width:992px){
	.col-md-3-cz-1{ padding-right:20px; width:305px;}
	.col-md-9-cz-1{ padding-left:20px; width:calc(100% - 305px);}
	header .top_bar{ border-bottom:solid 1px #e9e9e9;}
	header .top_bar .biaoyu{ font-size: 12px; color: #979797; line-height: 33px;}
	header .top_bar .right{ display: flex; align-items: center; margin-right: -60px; padding-right: 60px; padding-left: 20px; background: #005dc4;}
	header .top_bar .right ul{ display: flex;}
	header .top_bar .right ul li:nth-child(n+2){ margin-left: 25px;}
	header .top_bar .right ul li a{ display: block; font-size: 12px; color: #fff; line-height: 33px;}
	header .top_bar .right ul li a:hover{ text-decoration: underline !important;}
	header .top_bar .right .tel{ display: flex; align-items: center; margin-left: 30px; color: #fff; line-height: 33px;}
	header .top_bar .right .tel .mc{ font-size: 12px; }	
	header .top_bar .right .tel .shuzi{ font-family: 'Arial'; font-size: 18px; }	
	header .qita .left{ display: flex; align-items: center;}
	header .qita .logo a{line-height:100px;}
	header .qita .logo a:hover img{ opacity: .8;}
	header .qita .biaoyu{ display: flex; flex-direction: column; justify-content: center; padding-left: 20px; margin-left: 20px; height:100px; border-left:solid 1px #e9e9e9;}
	header .qita .biaoyu .biaoti{ margin-bottom: 5px; font-size: 18px; color: #333; line-height: 24px;}
	header .qita .biaoyu .jieshao{ color: #969696; line-height: 24px;}
	header .menu ul{ display: flex; align-items: center;}
	header .menu ul li{ position:relative;}
	header .menu ul li:nth-child(n+2){ margin-left: 30px;}
	header .menu ul li > a{ position: relative; display:flex; flex-direction: column; justify-content: center; padding:0 10px; height:100px;}
	header .menu ul li > a .cn{ font-size: 16px; color: #474747; line-height: 24px;}
	header .menu ul li > a .en{ font-family: 'Arial'; font-size: 12px; color: #c9c9c9; line-height: 24px;}
	header .menu ul li > a:before{ content:""; position: absolute; left: 50%; bottom: 0; z-index: 1; margin-left:0; width: 0; height:6px; background: #005dc4; transition: all .3s;}
	header .menu ul li:hover > a:before{ margin-left: -50%; width: 100%;}
	header .menu ul li.active > a:before{ margin-left: -50%; width: 100%;}
	header .menu ul li .ul{ position:absolute; left:50%; top:100%; margin-left:-60px; width:130px; visibility: hidden; opacity: 0; transform: translateY(10px);}
	header .menu ul li:hover .ul{ visibility: visible; opacity: 1; transform: translateY(0px);}	
	header .menu ul li .ul .li > a{ display:block; padding: 10px; color:#fff; line-height:24px; background:rgba(0,93,196,0.8);}
	header .menu ul li .ul .li:hover > a{ color:#005dc4; background:#fff;}
	.banner .caozuo .swiper-button:hover{ color: #005dc4;}
	.title-2{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border: solid 1px #dddddd;}
	.title-2 .left{ display: flex; align-items: center; padding:0 30px; margin:-1px; height: 46px; background: #005dc4;}
	.title-2 .left .icon{ font-size: 0;}
	.title-2 .left .icon img{ width:20px;}
	.title-2 .left .mc{ margin-left: 10px; font-size: 18px; color: #fff;}
	.title-2 .right{ display: flex; align-items: center; padding-right: 20px;}
	.title-2 .right .icon{ font-size: 0;}
	.title-2 .right .icon img{ width:16px;}
	.title-2 .right .mc{ margin-left:10px; color: #a8a8a8;}
	.title-2 .right .mc a{ color: #a8a8a8;}
	.title-2 .right .mc a:hover{ color: #005dc4; text-decoration: underline !important;}
	.text-5 ul li input:hover{ border: solid 1px #ff6d00;}
	.text-5 ul li textarea:hover{ border: solid 1px #ff6d00;}
	.text-5 ul li button:hover{background: #ff6d00;}
	.picture-1 ul li a:hover .icon:before{ animation:xuanzhuan 5s 0s linear infinite;}
	.picture-1 ul li a:hover .icon img{ transform:rotateY(360deg);}
	.picture-1 ul li a:hover .biaoti .cn{ color: #005dc4;}
	.picture-2-list a:hover{ top:-124px;}
	.picture-2-list a:hover .imgbox span{ transform:scale(1.1);}
	.picture-3{ display: flex; justify-content: space-between; flex-direction: row-reverse;}
	.picture-3 .right{ width:56%; height:660px;}
	.picture-3 .right .imgbox:hover span{ transform:scale(1.1); opacity: .8;}
	.picture-3 .left{ width:44%;}
	.picture-3 .left .box .textbox .other .more a:hover{ color: #fff; background: #005dc4; border-color: #005dc4;}
	.picture-5 .swiper-wrapper{ flex-wrap: wrap;}
	.picture-5 .swiper-slide:before{ background-image: url(../images/p5_jt.png);}
	.picture-6-list a:hover .textbox .biaoti{ color: #005dc4;}
	.picture-6-list a:hover .imgbox span{ transform:scale(1.1);}
	.picture-6-list a:hover .more{ color: #fff; background: #005dc4;}	
	.picture-7 ul li{ margin-right: 33px; width: calc((100% - 34px * 2) / 3);}
	.picture-7 ul li:nth-child(n+4){ margin-top: 24px;}
	.picture-7 ul li:nth-child(3n+3){ margin-right: 0;}
	.picture-7 ul li a:hover .imgbox span{ transform:scale(1.1);}
	.picture-7 ul li a:hover .textbox{ color: #fff; background: #005dc4;}
	.picture-8 ul li a:hover{ background: #e6e6e6;}
	.picture-8 ul li a:hover .imgbox span{transform:scale(1.1);}
	.picture-8 ul li a:hover .textbox .more{ background: #005dc4;}
	.subnav .biaoti{ display: flex; flex-direction: column; justify-content: center; margin-bottom: 6px; height: 86px; text-align: center;}
	.subnav .biaoti .cn{ font-size: 24px; line-height: 30px;}
	.subnav .biaoti .en{ font-family:'Arial'; line-height: 24px;}
	.subnav ul{ margin:0 0 28px;}	
	.subnav ul li:hover a{ color: #fff; background: #005dc4;}
	.subnav ul li:hover a:before{ color: #fff;}	
	/*.subnav .ul .li a:hover{ color: #fff; background: #005dc4;}*/
	.subnav .contact{ padding:25px 10px; color: #222222; line-height: 30px; border:solid 1px #dddddd;}	
	footer .tops .menu ul li .ul .li a:hover{color: #005dc4; text-decoration: underline !important;}
	footer .bots .text .fanhui:hover{ color: #005dc4;text-decoration: underline !important;}
}

@media (min-width:1200px){
	.picture-5 .swiper-slide{ width: 101px;}
	.picture-5 .swiper-slide:nth-child(-n+8){ margin-left:calc((100% - 101px * 8) / 7);}
	.picture-5 .swiper-slide:nth-child(n+9){ margin-top:45px; margin-right:calc((100% - 101px * 8) / 7);}
	.picture-5 .swiper-slide:nth-child(1){ margin-left: 0;}
	.picture-5 .swiper-slide:nth-child(9){order: 16;-webkit-order: 16;margin-right: 0;}
	.picture-5 .swiper-slide:nth-child(10){order: 15;-webkit-order: 15;}
	.picture-5 .swiper-slide:nth-child(11){order: 14;-webkit-order: 14;}
	.picture-5 .swiper-slide:nth-child(12){order: 13;-webkit-order: 13;}
	.picture-5 .swiper-slide:nth-child(13){order: 12;-webkit-order: 12;}
	.picture-5 .swiper-slide:nth-child(14){order: 11;-webkit-order: 11;}
	.picture-5 .swiper-slide:nth-child(15){order: 10;-webkit-order: 10;}
	.picture-5 .swiper-slide:nth-child(16){order: 9;-webkit-order: 9;}
	.picture-5 .swiper-slide:nth-child(-n+8):before{ left: 100%;}
	.picture-5 .swiper-slide:nth-child(n+9):before{ right: 100%; transform:rotateY(180deg);}
	.picture-5 .swiper-slide:nth-child(8):before{ left:50%; top:100%; margin-left:-23px; width:45px; height:45px; transform:rotate(90deg);}
	.picture-5 .swiper-slide:nth-child(16):before{ display: none;}
}

@media (max-width:1529px) and (min-width:992px){
	.picture-5 .swiper-slide:before{ width: calc((100vw - 101px * 8) / 7);}
}

@media (max-width:1439px){
	.main-pad-1{ padding:70px 0 0;}
	.main-pad-2{ padding:0 0 50px;}
	.main-pad-3{ padding:30px 0 0;}
	.main-pad-4{ padding:40px 0 0;}
	.main-pad-5{ padding:0 0 40px;}
	.container-fluid-cz-1{ padding:0 15px;}
	header .top_bar .right{ margin-right: -15px; padding-right: 15px;}
	header .qita .biaoyu{ margin-left: 20px; padding-left: 20px;}
	header .qita .biaoyu .biaoti{ font-size: 16px;}
	header .qita .biaoyu .jieshao{ font-size: 12px;}
	header .qita .logo a img{ width:260px;}
	header .menu ul li:nth-child(n+2){ margin-left: 20px;}
	header .menu ul li > a .cn{ font-size: 14px;}
	.banner .caozuo{ margin-left:-100px; bottom:-30px; width: 200px; height: 60px;}
	.title-1 .jieshao{ margin-bottom: 10px; font-size: 26px; line-height: 30px;}
	.title-1 .text{ font-size: 16px;}
	.picture-1 ul li .biaoti .cn{ font-size:20px; line-height: 24px;}
	.picture-1 ul li .biaoti .en{line-height: 24px;}
	.picture-2-list a .textbox{ height:100px;}
	.picture-2-list a .textbox .biaoti .cn{ font-size: 18px; line-height: 24px;}
	.picture-2-list a .textbox2{ height: 100px;}
	.picture-2-list a .textbox2 .cn	{font-size: 18px; line-height: 24px;}
	.picture-4 .bots ul:nth-child(odd) li:nth-child(odd){ padding-right: 260px;}
	.picture-4 .bots ul:nth-child(odd) li:nth-child(even){ padding-left: 260px;}
	.picture-4 .bots ul:nth-child(even) li:nth-child(even){ padding-right: 260px;}
	.picture-4 .bots ul:nth-child(even) li:nth-child(odd){ padding-left: 260px;}
	.picture-4 .bots ul li .textbox{ width: calc(100% - 70px);}
	.picture-4 .bots ul li .textbox .biaoti .mc{ font-size: 18px;}
	.picture-5 .swiper-slide{ padding-bottom: 0;}
	.picture-5 .swiper-slide .mc{ position: initial; left: initial; margin:10px 0 0; width: auto; font-size: 14px;}
	footer .tops .menu{ width: 35%;}
	footer .tops .contact{ width: calc(65% - 325px);}
}

@media (max-width:1439px) and (min-width:992px){
	.picture-2-list a:hover{ top:-100px;}
	.picture-3 .left{ padding:30px 0;}
	.picture-3 .left .box .textbox .biaoti .cn{ font-size: 24px;}
	.picture-3 .right{ height:560px;}
}

@media (max-width:1199px){
	.main-pad-1{ padding:60px 0 0;}
	.main-pad-2{ padding:0 0 30px;}
	header .qita .biaoyu{ display: none;}
	.picture-1 ul{ justify-content: space-around;}
	.picture-1 ul li .icon{ margin-bottom: 20px;}
	.picture-1 ul li .biaoti .cn{ font-size: 18px;}
	.picture-3 .left .box .textbox{ padding:30px 30px 0 0;}
	.picture-3 .left .box .textbox .other .more a{ font-size: 14px;}
	.picture-3 .left .box .textbox .biaoti .cn{ font-size: 18px;}
	.picture-3 .left .box .textbox .jieshao{ font-size: 14px;}
	.picture-3 .right .imgbox .bofang{ transform: scale(.8);}
	.picture-4 .tops{ margin:-150px 0 0 -150px; width: 300px; height: 300px;}
	.picture-4 .tops .box{ margin:-110px 0 0 -110px; width: 220px; height: 220px;}
	.picture-4 .tops .box img{ width: 150px;}
	.picture-4 .tops .box:before, .picture-4 .tops .box:after{ left: -20px; right: -20px;}
	.picture-4 .tops .huan .item.item1{ width: 90px; height: 90px; font-size: 18px; line-height: 24px;}
	.picture-4 .tops .huan .item.item2{ top: 10px;}
	.picture-4 .tops .huan .item.item3{ width: 100px; height: 100px; font-size:18px; line-height:24px;}
	.picture-4 .tops .huan .item.item4{ left: -20px; bottom: 15px; width:70px; height:70px; font-size: 18px; line-height: 24px;}
	.picture-4 .bots ul:nth-child(odd) li:nth-child(odd){ padding-right:200px;}
	.picture-4 .bots ul:nth-child(odd) li:nth-child(even){ padding-left:200px;}
	.picture-4 .bots ul:nth-child(even) li:nth-child(even){ padding-right:200px;}
	.picture-4 .bots ul:nth-child(even) li:nth-child(odd){ padding-left:200px;}
	.picture-4 .bots ul:nth-child(1) li:nth-child(1) .shuzi img{ width:41px;}
	.picture-4 .bots ul:nth-child(1) li:nth-child(2) .shuzi img{ width:52px;}
	.picture-4 .bots ul:nth-child(2) li:nth-child(1) .shuzi img{ width:52px;}
	.picture-4 .bots ul:nth-child(2) li:nth-child(2) .shuzi img{ width:54px;}
	.picture-4 .bots ul li .textbox{ width: calc(100% - 60px);}
	.picture-4 .bots ul li .textbox .biaoti .mc{ font-size: 16px;}
	.picture-6-list a .time{ font-size: 24px; line-height: 30px;}
	.picture-6-list a .textbox .biaoti{ font-size: 18px; line-height: 24px;}
	.picture-6-list a .textbox .jieshao{ height:72px; font-size: 14px; line-height: 26px;}
	.picture-7 ul li{ margin-right: 20px; width: calc((100% - 20px * 2) / 3);}
	.picture-7 ul li:nth-child(n+4){ margin-top:20px;}
	.picture-7 ul li a .textbox{ font-size: 14px; line-height: 44px;}
	.subnav ul li a{ padding-left: 50px; font-size: 14px; line-height: 40px;}
	.subnav .ul .li a{ padding-left:50px; font-size: 14px; line-height: 34px;}
	.subnav .contact{ padding:10px; line-height: 30px;}
	footer .tops{ padding:30px 0;}
	footer .tops .col-xs-12{ align-items: flex-start;}
	footer .tops .menu{ width: auto;}
	footer .tops .menu ul li:nth-child(1){ padding:0; width: auto;}
	footer .tops .menu ul li:nth-child(1) .ul{ display: block;}
	footer .tops .menu ul li:nth-child(1) .ul .li{ width:auto;}
	footer .tops .menu ul li:nth-child(2){ padding:0 30px; margin-left: 50px; width: auto;}
	footer .tops .menu ul li .biaoti{ margin-bottom: 15px; font-size: 16px;}
	footer .tops .menu ul li .ul .li{ line-height: 30px;}
	footer .tops .menu ul li .ul .li a{ font-size: 14px;}
	footer .tops .contact{ width: auto;}
	footer .tops .contact .box{ max-width: initial;}
	footer .tops .contact .textbox ul{ display: block;}
	footer .tops .contact .textbox ul li{ font-size: 14px; line-height: 30px;}
	footer .tops .contact .textbox ul li:nth-child(1){ width: auto;}
	footer .tops .contact .textbox ul li:nth-child(2){ width: auto;}
	footer .tops .contact .textbox ul li:nth-child(n+3){ width: auto;}
	footer .tops .contact .biaoti{ margin-bottom: 15px; font-size: 16px;}
	footer .tops .wechat{ width: auto;}
	footer .bots{ padding:20px 0;}
}

@media (max-width:1199px) and (min-width:992px){
	.col-md-3-cz-1{ padding-right:15px; width:250px;}
	.col-md-9-cz-1{ padding-left:15px; width:calc(100% - 250px);}
	.picture-3 .left{ width: 50%;}
	.picture-3 .right{ width: 50%; height:550px;}
	.picture-5 .swiper-slide{ width:80px;}
	.picture-5 .swiper-slide:nth-child(n+7){margin-top:35px; }
	.picture-5 .swiper-slide:nth-child(2){ margin-left:calc((100% - 80px * 6) / 5);}
	.picture-5 .swiper-slide:nth-child(3){ margin-left:calc((100% - 80px * 6) / 5);}
	.picture-5 .swiper-slide:nth-child(4){ margin-left:calc((100% - 80px * 6) / 5);}
	.picture-5 .swiper-slide:nth-child(5){ margin-left:calc((100% - 80px * 6) / 5);}
	.picture-5 .swiper-slide:nth-child(6){margin-left:calc((100% - 80px * 6) / 5);}
	.picture-5 .swiper-slide:nth-child(7){margin-right:0;order: 12;}
	.picture-5 .swiper-slide:nth-child(8){margin-right:calc((100% - 80px * 6) / 5);order: 11;}
	.picture-5 .swiper-slide:nth-child(9){margin-right:calc((100% - 80px * 6) / 5);order: 10;}
	.picture-5 .swiper-slide:nth-child(10){margin-right:calc((100% - 80px * 6) / 5);order: 9;}
	.picture-5 .swiper-slide:nth-child(11){ margin-right:calc((100% - 80px * 6) / 5);order: 8;}
	.picture-5 .swiper-slide:nth-child(12){ margin-right:calc((100% - 80px * 6) / 5);order: 7;}
	.picture-5 .swiper-slide:nth-child(13){ margin-left:0;order: 13;}
	.picture-5 .swiper-slide:nth-child(14){ margin-left:calc((100% - 80px * 6) / 5);order: 14;}
	.picture-5 .swiper-slide:nth-child(15){ margin-left:calc((100% - 80px * 6) / 5);order: 15;}
	.picture-5 .swiper-slide:nth-child(16){ margin-left:calc((100% - 80px * 6) / 5);order: 16;}
	.picture-5 .swiper-slide:before{ height:92.67px; background-size:18px auto;}
	.picture-5 .swiper-slide:nth-child(1):before{ left: 100%;}
	.picture-5 .swiper-slide:nth-child(2):before{ left: 100%;}
	.picture-5 .swiper-slide:nth-child(3):before{ left: 100%;}
	.picture-5 .swiper-slide:nth-child(4):before{ left: 100%;}
	.picture-5 .swiper-slide:nth-child(5):before{ left: 100%;}
	.picture-5 .swiper-slide:nth-child(6):before{ left:50%; top:100%; margin-left:-15px; width:30px; height:30px; transform:rotate(90deg);}
	.picture-5 .swiper-slide:nth-child(7):before{ right: 100%; transform:rotateY(180deg);}
	.picture-5 .swiper-slide:nth-child(8):before{ right: 100%; transform:rotateY(180deg);}
	.picture-5 .swiper-slide:nth-child(9):before{ right: 100%; transform:rotateY(180deg);}
	.picture-5 .swiper-slide:nth-child(10):before{ right: 100%; transform:rotateY(180deg);}
	.picture-5 .swiper-slide:nth-child(11):before{ right: 100%; transform:rotateY(180deg);}
	.picture-5 .swiper-slide:nth-child(12):before{ left:50%; top:100%; margin-left:-15px; width:30px; height:30px; transform:rotate(90deg);}
	.picture-5 .swiper-slide:nth-child(13):before{ left: 100%;}
	.picture-5 .swiper-slide:nth-child(14):before{ left: 100%;}
	.picture-5 .swiper-slide:nth-child(15):before{ left: 100%;}
	.picture-5 .swiper-slide:nth-child(16):before{ display: none;}
	.picture-5 .swiper-slide:before{ width: calc((100vw - 30px - 80px * 6) / 5);}
	.picture-5 .swiper-slide .mc{ margin-left:-15px; margin-right: -15px; font-size: 12px;}
}

@media (max-width:991px){
	.main-pad-1{ padding:50px 0 0;}
	header .qita .logo a{line-height:80px;}
	.menu-box{ display: none; position: absolute;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,93,196,0.8); }
	.menu-box ul li.active a{ color: #000; background: #fff; }
	.menu-btn{ position: relative; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #005dc4;}
	.menu-btn b:nth-child(2){ margin:4px 0;}
	.menu-btn.active b:nth-child(1){ transform:rotate(45deg) translate(0,10px); }
	.menu-btn.active b:nth-child(2){ opacity: 0;}
	.menu-btn.active b:nth-child(3){ transform:rotate(-45deg) translate(0,-10px); }
	.banner .caozuo{ margin-left:-70px; bottom:-25px; padding:0 10px; width: 140px; height: 50px;}
	.title-1 .biaoti{ margin-bottom:15px; font-size: 18px; line-height: 24px;}
	.title-1 .jiangexian{ margin-bottom: 15px;}
	.title-1 .jieshao{ font-size:18px; line-height: 26px;}
	.title-1 .text{ font-size:14px;}
	.title-3 .biaoti{ font-size: 18px;}
	.text-1{ line-height: 26px;}
	.text-5{ padding:20px; height: auto;}
	.text-5.active{ padding:0;}
	.picture-1 ul li .icon{ width:120px; height: 140px;}
	.picture-1 ul li:nth-child(1) .icon img{ width:64px;}
	.picture-1 ul li:nth-child(2) .icon img{ width:56px;}
	.picture-1 ul li:nth-child(3) .icon img{ width:65px;}
	.picture-1 ul li .biaoti .cn{ font-size: 16px;}
	.picture-2-list a .imgbox{ border-bottom:none;}
	.picture-2-list a .textbox{ padding:0 20px; height: 80px;}
	.picture-2-list a .textbox .biaoti .cn{ font-size: 16px;}
	.picture-2-list a .textbox2{ display: none;}
	.picture-3 .right{ padding-top:calc(3 / 4 * 100%);}
	.picture-3 .left{ padding:20px 15px;}
	.picture-3 .left .box{ display: block; padding:20px;}
	.picture-3 .left .box .textbox{ padding:0; max-width: initial; width: auto;}
	.picture-3 .left .box .textbox .biaoti{ margin-bottom: 20px;}
	.picture-3 .left .box .textbox .biaoti .en{ font-size:50px; line-height: 50px;}
	.picture-3 .left .box .textbox .biaoti .cn{ margin-bottom:15px;}
	.picture-3 .left .box .textbox .jieshao{ height: auto; line-height: 26px;}
	.picture-3 .left .box .textbox .other .shuoming{ font-size: 14px;}
	.picture-4{ min-height: initial;}
	.picture-4 .tops{ position: relative; left: initial; top: initial; margin: 0 auto 40px;}
	.picture-4 .bots{ display: block; height: auto;}
	.picture-4 .bots ul{ display: block; }
	.picture-4 .bots ul:nth-child(n+2){ margin-top: 20px !important;}
	.picture-4 .bots ul li{ flex-direction: row !important; padding:0 !important; margin:0 !important; width: auto;}
	.picture-4 .bots ul li:nth-child(n+2){ margin-top: 20px !important;}
	.picture-4 .bots ul li .shuzi{ text-align: center;}
	.picture-4 .bots ul li .textbox{ padding-left:20px;}
	.picture-4 .bots ul li .textbox .jieshao{ height: auto;}
	.picture-4 .bots ul li .textbox .biaoti{ padding-bottom: 10px;}
	.picture-5 .swiper-slide .icon{ margin-bottom: 10px;}
	.picture-5 .swiper-slide .icon img{ width:100px;}
	.picture-7 ul li{ width: calc(50% - 10px);}
	.picture-7 ul li:nth-child(even){ margin-right: 0;}
	.picture-7 ul li:nth-child(n+3){ margin-top: 20px;}
	.picture-8 ul li a{ padding:15px;}
	.picture-8 ul li a .textbox{ padding-left: 20px;}
	.picture-8 ul li a .textbox .biaoti{ font-size: 16px;}
	.subnav{ margin-bottom: 20px;}
	.subnav .biaoti{ display: flex; justify-content: space-between; align-items: center; text-align: left; padding:0 15px; height: 50px;}
	.subnav .biaoti .cn{ font-size: 18px; font-weight: bold;}
	.subnav .biaoti.active .icon{ transform:rotate(90deg);}
	.subnav ul li{ margin-top:5px;}	

}

@media (max-width:767px){
	body{ padding-bottom:54px !important;}
	.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:20px 0 0;}
	.main-pad-5{ padding:0 0 20px;}
	header .qita .logo a{line-height:60px;}
	header .qita .logo a img{ width: 200px;}
	.banner .caozuo{ left: 0; bottom:15px; width: 100%; height: auto; margin: 0; background: none; box-shadow: none;}
	.banner .caozuo .swiper-button{ display: none;}
	.banner .caozuo .swiper-pagination{ width: 100%; display: flex; justify-content: center; font-size: 0;}
	.banner .caozuo .swiper-pagination span{ margin:0 3px; background: #fff; opacity: 1;}
	.banner .caozuo .swiper-pagination span.swiper-pagination-bullet-active{ background: #005dc4;}
	.menu-box{top: 60px; width: 100px; }
	.menu-box ul li a{ font-size: 12px; line-height: 34px;}
	.menu-btn{ width: 30px;}
	.title-1 .jieshao{ font-size: 16px;}
	.text-5 ul li input{ height: 40px; font-size: 14px; line-height: 38px;}
	.text-5 ul li textarea{ padding:4px 10px; font-size: 14px;}
	.text-5 ul li button{ height: 40px; font-size: 14px; line-height: 40px;}
	.picture-1 ul li .icon{ width: 100px; height: 120px;}
	.picture-1 ul li:nth-child(1) .icon img{ width:50px;}
	.picture-1 ul li:nth-child(2) .icon img{ width:44px;}
	.picture-1 ul li:nth-child(3) .icon img{ width:50px;}
	.picture-1 ul li:nth-child(4) .icon img{ width:50px;}
	.picture-1 ul li .biaoti .cn{ margin-bottom: 0;}
	.picture-1 ul li .biaoti .en{ font-size: 12px;}
	.picture-2-list a .textbox{ padding:0 15px;}
	.picture-3 .right .imgbox .bofang{ transform:scale(.6);}
	.picture-4 .bots ul li .textbox .biaoti .icon{ transform:scale(.6);}
	.picture-6-list a .more{ margin:-20px auto 5px; width: 140px; font-size: 14px; line-height: 40px;}
	.picture-7 ul li a .textbox{ line-height: 40px;}
	.picture-8 ul li a{ padding:10px;}
	.picture-8 ul li a .imgbox{ width: 180px;}
	.picture-8 ul li a .imgbox span{ padding-top:130px;}
	.picture-8 ul li a .textbox{ width: calc(100% - 180px);}
	.picture-8 ul li a .textbox .biaoti{ margin-bottom: 10px;}
	.picture-8 ul li a .textbox .jieshao{ font-size: 12px;}
	.picture-8 ul li a .textbox .more{ font-size: 12px;}
	.subnav .biaoti{ height: 44px;}
	.subnav .biaoti .cn{ font-size: 16px;}
	.subnav ul li{ margin-top: 2px;}
	.subnav .ul{ margin-top: 2px;}
	.tabBar{ position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; background: #1d0d34; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.tabBar ul{ display: flex; align-items: center;}
	.tabBar ul li{ width: calc(100% / 3);}
	.tabBar ul li a{ display: block; padding:5px 0; transition: all 0.3s;}
	.tabBar ul li.active a{ background: #005dc4;}
	.tabBar ul li:nth-child(n+2) a{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.1);}
	.tabBar ul li a .icon{ font-size:18px; color: #fff; line-height: 24px;}
	.tabBar ul li a .mc{ font-size: 12px; color: #fff; line-height: 20px;}
	.tabBar ul li .tanchuang{ position: absolute; left: 15px; bottom: 100%; z-index: 1; padding-bottom: 10px; width: calc(100% - 30px); transform: translateY(10px); opacity: 0; visibility: hidden; transition: all 0.3s;}
	.tabBar ul li .tanchuang:before{ content: ""; position: absolute; right: calc(((100% + 30px) / 3 - 30px - 12px) / 2); bottom: 4px; z-index: 1; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px rgba(23,168,253,0.8);}
	.tabBar ul li.active .tanchuang{ transform: translateY(0px); opacity: 1; visibility: visible;}
	.tabBar ul li .tanchuang .imgbox{ padding: 10px; font-size: 0; background: rgba(23,168,253,0.8); border-radius: 5px;}
	.tabBar ul li .tanchuang .imgbox img{ max-width: 100px;}	 
	footer .tops{ padding:20px 0;}
	footer .tops .col-xs-12{ display: block;}
	footer .tops .contact{ display: block; margin-bottom: 20px; text-align: center;}
	footer .tops .contact .biaoti{ margin-bottom: 10px;}
	footer .tops .wechat{ padding:10px; margin:0 auto; max-width:320px;}
	footer .tops .wechat .imgbox img{ width: 130px;}
	footer .bots .text{ display: block; text-align: center;}
	footer .bots .text .text2{ margin:0;}

}

@media (max-width:479px){
	.title-1 .text{ font-size: 12px;}
	.title-3 .biaoti{ font-size: 16px;}
	.text-1{ font-size: 12px; line-height: 24px;}
	.text-5{ padding:15px;}
	.picture-3 .left .box .textbox .biaoti .en{ font-size: 40px; line-height: 40px;}
	.picture-3 .left .box .textbox .biaoti .cn{ font-size: 16px;}
	.picture-3 .left .box .textbox .jieshao{ font-size: 12px;}
	.picture-3 .left .box .textbox .other .shuoming{ font-size: 12px;}
	.picture-3 .left .box .textbox .other .more a{ font-size: 12px;}
	.picture-4 .tops{ margin: 0 auto 30px;width:260px; height: 260px;}
	.picture-4 .tops .box{ margin:-90px 0 0 -90px; width:180px; height:180px;}
	.picture-4 .tops .box img{ width: 100px;}
	.picture-4 .tops .huan .item.item1{ width:80px; height:80px; font-size: 16px;}
	.picture-4 .tops .huan .item.item2{width:70px; height: 70px; font-size: 16px;}
	.picture-4 .tops .huan .item.item3{ width:80px; height:80px; font-size:16px;}
	.picture-4 .tops .huan .item.item4{font-size: 16px;}
	.picture-4 .bots ul:nth-child(1) li:nth-child(1) .shuzi img{ width:38px;}
	.picture-4 .bots ul:nth-child(1) li:nth-child(2) .shuzi img{ width:42px;}
	.picture-4 .bots ul:nth-child(2) li:nth-child(1) .shuzi img{ width:42px;}
	.picture-4 .bots ul:nth-child(2) li:nth-child(2) .shuzi img{ width:44px;}
	.picture-4 .bots ul li .textbox{ width: calc(100% - 45px);}
	.picture-4 .bots ul li .textbox .jieshao{ font-size: 12px;}
	.picture-5 .swiper-slide .icon img{ width: 80px;}
	.picture-5 .swiper-slide .mc{ font-size: 12px;}
	.picture-6:before{ top:54px;}
	.picture-6-list a .time{ font-size: 18px; line-height: 24px;}
	.picture-6-list a .textbox .biaoti{ font-size: 16px;}
	.picture-6-list a .textbox .jieshao{ height: 72px; font-size: 12px; line-height: 24px;}
	.picture-6-list a .more{ width:120px;}
	.picture-8 ul li:nth-child(n+2){ margin-top: 10px;}
	.picture-8 ul li a .imgbox{ width: 160px;}
	.picture-8 ul li a .textbox{ width: calc(100% - 160px);}
	footer .tops .contact .textbox ul li{ font-size: 12px; line-height: 24px;}
	footer .bots .copyright{ font-size: 12px;}
	footer .bots .text{ font-size: 12px;}
}

@media (max-width:399px){
	.picture-1 ul li{ width: calc(100% / 3);}
	.picture-1 ul li .icon{ margin-bottom:10px; width: 80px; height: 100px;}
	.picture-1 ul li .biaoti .cn{ font-size: 14px;}
	.picture-3 .left .box{ padding:10px;}
	.picture-3 .left .box .textbox .other{ display: block;}
	.picture-3 .left .box .textbox .other .shuoming{ margin-bottom: 10px; width: auto;}
	.picture-4 .tops .huan .item.item1{ left:-15px; top: 0;}
	.picture-4 .tops .huan .item.item3{ right: -20px; bottom:-10px;}
	.picture-7 ul li a .textbox{ font-size: 12px; line-height: 34px;}
	.picture-8 ul li a{ display: block;}
	.picture-8 ul li a .imgbox{ margin-bottom: 10px; width: auto;}
	.picture-8 ul li a .imgbox span{ padding-top: calc(180 / 273 * 100%);}
	.picture-8 ul li a .textbox{ padding:0; width: auto;}
	.picture-8 ul li a .textbox .biaoti{ margin-bottom: 5px;}
	.picture-8 ul li a .textbox .jieshao{ margin-bottom: 10px;}
	footer .tops .wechat .imgbox img{ width: 120px;}
	footer .tops .wechat .textbox{ padding-left: 10px;}

}