@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}
.container-fluid{max-width:1230px !important}
.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{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.sizeContain{ background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; }

.main-pad-1{ padding:50px 0 0;}
.main-pad-2{ padding:0 0 50px;}
.main-pad-3{ padding: 55px 40px;}
.main-pad-4{ padding:25px 0 0;}
.main-Background-1{ background:url(../images/bg1.png) no-repeat calc(50% + 180px) 50% #104795;}
.main-Background-2{ background: #f5f5f5;}

header{ position: relative; z-index:99999;}
header .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 .swiper-pagination{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width: 10px; height: 10px; background: #fff; opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #104795;}

.title-1{ padding: 0 30px; line-height: 36px;}
.title-1 .biaoti{ font-size: 35px; color: #333;}
.title-1 .right a{ display: block; font-size: 16px; color: #666666;}
.title-3{ margin-bottom: 20px;}
.title-3 .biaoti{ font-size: 24px; color: #333; font-weight: bold; line-height: 30px;}
.title-3 .time{ margin-top:5px; font-size: 12px; color: #999; line-height: 24px;}

.text-1 .left{ font-size: 0;}
.text-1 .left .biaoti{ margin-bottom: 20px;}
.text-1 .right .biaoti{ margin-bottom: 10px; line-height:39px;}
.text-1 .right .biaoti .icon{ font-size: 0;}
.text-1 .right .biaoti .icon img{ width: 39px;}
.text-1 .right .biaoti .mc{ margin-left: 10px; font-size: 25px; color: #ffcc00; font-style:italic;}
.text-1 .right .shuzi a{ font-family:'Impact'; font-size: 44px; color: #ffcc00; text-shadow: 0 5px 3px rgba(0,0,0,0.8); line-height: 50px;}
.text-2{ width: 420px;}
.text-2 .logo{ margin-bottom: 30px; font-size: 0;}
.text-2 .logo a img{ max-width: 100%;}
.text-2 .jieshao{ margin-bottom: 40px; height: 96px; color: #777777; line-height: 24px; overflow: hidden; text-indent: 2em;}
.text-2 .more{ font-size: 0;}
.text-2 .more a{ display: inline-block; vertical-align: top; font-size: 12px; color: #666666; line-height: 24px;}
.text-3{ padding: 0 20px; width: calc(100% - 420px - 320px); font-size: 0;}
.text-3 .box{ display: inline-block; vertical-align: top; width: 100%; max-width: 270px;}
.text-3 .box .biaoti{ margin-bottom: 35px; font-size: 20px; color: #333; line-height: 24px;}
.text-3 .box ul li:nth-child(n+2){ margin-top: 2px;}
.text-3 .box ul li{ border:solid 1px #d8d8d8;}
.text-3 .box ul li .mc{ width: 56px; font-size: 14px; color: #333; line-height: 36px; text-align:center;}
.text-3 .box ul li .right{ width: calc(100% - 56px);}
.text-3 .box ul li .right input{ display: block; padding: 0 10px 0 0; width: 100%; height: 36px; font-size: 14px; color: #333; line-height: 36px; background: none; border:none;}
.text-3 .box ul li .right textarea{ display: block; padding: 5px 10px 5px 0; width: 100%;max-width: 100%;min-width: 100%; height: 80px;min-height: 80px; font-size: 14px; color: #333; line-height:26px; background: none; border:none;}
.text-3 .box ul button{ display: block; padding: 0; margin-top: 10px; width: 70px; height: 30px; font-size: 14px; color: #fff; line-height: 30px; background: #104795; border:none;}
.text-4{ width: 320px;}
.text-4 .biaoti{ margin-bottom: 35px; font-size: 20px; color: #333; line-height: 24px;}
.text-4 .shuzi{ margin-bottom: 10px; font-family: 'Impact'; font-size: 30px; color: #104795; line-height: 34px;}
.text-4 .jieshao{ color: #333333; line-height: 24px;}
.text-5{ font-size: 16px; color: #333; line-height: 30px;}
.text-6{ padding-right: 30px; width: 55%; color: #333; line-height: 26px;}
.text-7{ width: 45%;}
.text-7 ul li:nth-child(n+2){ margin-top: 15px;}
.text-7 ul li .biaoti{ width: 60px; color: #333; line-height: 35px;}
.text-7 ul li .right{ width: calc(100% - 60px);}
.text-7 ul li .right input{ display: block; padding: 0 10px; width: 100%; height: 35px; color: #333; line-height: 33px; background: none; border:solid 1px #e1e1e1;}
.text-7 ul li .right textarea{ display: block; padding:3px 10px; width: 100%;max-width: 100%;min-width: 100%; height: 120px;min-height: 120px; color: #333; line-height:27px; background: none; border:solid 1px #e1e1e1;}
.text-7 ul li .right button{ display: block; padding: 0; width: 126px; height: 40px; color: #fff; line-height: 40px; background: #104795; border:none;}
.text-8{ font-size: 16px; color: #333; line-height: 36px;}
.text-8 table { max-width:100%;}

.picture-1-list a{ display: block; padding-top: 15px; margin:0 auto; width: 152px; height: 152px; border-radius: 50%;}
.picture-1-list a .icon{ position: relative; margin-bottom: 10px; font-size: 0; line-height: 74px;}
.picture-1 .swiper-slide:nth-child(1) .picture-1-list a .icon img{ width:71px;}
.picture-1 .swiper-slide:nth-child(2) .picture-1-list a .icon img{ width:60px;}
.picture-1 .swiper-slide:nth-child(3) .picture-1-list a .icon img{ width:78px;}
.picture-1 .swiper-slide:nth-child(4) .picture-1-list a .icon img{ width:58px;}
.picture-1 .swiper-slide:nth-child(5) .picture-1-list a .icon img{ width:68px;}
.picture-1-list a .icon span{ display: block; position: absolute; left: 0; top: 0; width: 100%; opacity: 0;}
.picture-1-list a .mc{ font-size: 20px; color: #104795; line-height: 24px;}
.picture-2{ margin-bottom: 20px;}
.picture-2 .box{ position:relative; padding-top:35%;}
.picture-2 .box .more{ position:absolute; left:30px; bottom:40px;}
.picture-2 .box .more a{ display:block; width:100px; color: #333; line-height: 40px; background:rgba(255,255,255,0.8); text-align:center;}
.picture-3-list a{ display: block;}
.picture-3-list a .imgbox{ overflow: hidden;}
.picture-3-list a .imgbox span{ display: block; padding-top: 58%;}
.picture-3-list a .textbox{ padding: 20px; border:solid 1px #d8d8d8;}
.picture-3-list a .textbox .biaoti{ margin-bottom: 10px; line-height: 24px;}
.picture-3-list a .textbox .biaoti .mc{ padding-right: 10px; width: calc(100% - 60px); font-size: 20px; color: #333;}
.picture-3-list a .textbox .biaoti .time{ width: 60px; color: #777777;}
.picture-3-list a .textbox .jieshao{ margin-bottom: 15px; height: 72px; color: #777777; line-height: 24px; overflow: hidden;}
.picture-3-list a .textbox .more{ width: 85px; color: #fff; line-height: 28px; background: #104795; border-radius: 14px;}
.picture-4{ position: relative; margin:0 30px; padding: 0 80px;}
.picture-4-list a{ display:flex; justify-content: center; align-items: center; height: 115px; font-size: 0; background: #fff; border:solid 1px #d8d8d8; overflow: hidden;}
.picture-4-list a img{ max-width: 100%; max-height: 100%;}
.picture-4 .swiper-button{ margin-top: -22px; width: 44px; height: 44px; background: url(../images/jt.png) no-repeat 50% 50% / 10px auto #dfdfdf; border-radius: 50%;}
.picture-4 .swiper-button.swiper-button-prev{ left: 0;}
.picture-4 .swiper-button.swiper-button-next{ right: 0; transform: rotateY(180deg);}
.picture-5 ul{ margin:0 -10px -20px;}
.picture-5 ul li{ padding: 0 10px; margin-bottom: 20px; width: calc(100% / 3);}
.picture-5 ul li a{ display: block;}
.picture-5 ul li a .imgbox{ margin-bottom: 3px; overflow: hidden;}
.picture-5 ul li a .imgbox span{ display: block; padding-top: 80%;}
.picture-5 ul li a .textbox{ padding: 0 10px; font-size: 16px; color: #333; line-height: 37px; background: #f5f5f5;}
.picture-6{ margin-bottom: 20px; font-size: 0;}
.picture-6 img{ max-width: 100%;}
.picture-7 ul li:nth-child(n+2){ margin-top: 30px;}
.picture-7 ul li a{ display: block; border:solid 1px #d8d8d8;}
.picture-7 ul li a .imgbox{ width: 272px; overflow: hidden;}
.picture-7 ul li a .imgbox span{ display: block; padding-top: 188px;}
.picture-7 ul li a .textbox{ padding:20px 30px; width: calc(100% - 272px);}
.picture-7 ul li a .textbox .biaoti{ margin-bottom:20px; line-height: 24px;}
.picture-7 ul li a .textbox .biaoti .mc{ padding-right: 10px; width: calc(100% - 80px); font-size: 20px; color: #333;}
.picture-7 ul li a .textbox .biaoti .time{ width: 80px; color: #777777;}
.picture-7 ul li a .textbox .jieshao{ margin-bottom: 10px; height: 48px; color: #777777; line-height: 24px; overflow: hidden;}
.picture-7 ul li a .textbox .more span{ display: block; width: 85px; color: #fff; line-height: 28px; background: #104795; border-radius: 14px;}
.picture-8 ul{ margin:0 -10px -20px;}
.picture-8 ul li{ padding: 0 10px; margin-bottom: 20px; width: calc(100% / 5);}
.picture-8 ul li a{ display: block;}
.picture-8 ul li a .imgbox{ margin-bottom: 3px; overflow: hidden;}
.picture-8 ul li a .imgbox span{ display: block; padding-top: 80%;}
.picture-8 ul li a .textbox{ padding: 0 10px; font-size: 16px; color: #333; line-height: 37px; background: #f5f5f5;}

.subnav .biaoti{ background: #104795;}
.subnav .biaoti .cn{ color: #fff;}
.subnav ul{ margin:0 0 20px; border:solid 1px #e8e8e8; border-bottom: none;}
.subnav ul li a{ position: relative; display: block; padding: 0 15px 0 35%; font-size: 16px; color: #333; line-height: 44px; border-bottom: solid 1px #e8e8e8;}
.subnav ul li a:before{ content:""; position: absolute; left:15%; top: 50%; z-index: 1; margin-top: -4px; width:3px; height: 9px; border-top: solid 3px #0580d2; border-bottom: solid 3px #0580d2; transition: all 0.3s;}
.subnav ul li a:after{ content:""; position: absolute; left: calc(15% + 3px); top: 50%; z-index: 1; margin-top: -1px; width:3px; height:3px; border-top: solid 3px #0580d2; transition: all 0.3s;}
.subnav ul li.active a{ color: #fff; background: #336cbe;}
.subnav ul li.active a:before{ border-top-color: #fff; border-bottom-color: #fff;}
.subnav ul li.active a:after{ border-top-color: #fff;}
.subnav .ul{ display: none;}
.subnav .ul .li a{ display: block; padding-left: 35%; font-size: 16px; color: #0580d2; line-height: 44px; background: #f5f5f5; border-bottom: solid 1px #e8e8e8;}
.subnav .ul .li.active a{ color: #fff; background: #336cbe;}

footer{ padding: 23px 0; border-top: solid 1px #e9e9e9;}
footer .menu ul li{ position: relative; margin-right: 10px; padding-right: 10px;}
footer .menu ul li:last-child{ margin-right: 0; padding-right: 0;}
footer .menu ul li:before{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #8c8c8c;}
footer .menu ul li:last-child:before{ display: none;}
footer .menu ul li a{ display: block; color: #333; line-height: 24px;}
footer .copyright{ color: #333; line-height: 24px; width:100%; text-align:center;}

@media (min-width:992px){
	.main-1{  float:right; width: calc(100% - 240px - 30px);}
	header .logo{ width: 50%;}
	header .logo a{line-height:135px;}
	header .right{ padding-top: 25px; width: 50%;}
	header .right .search{ margin-bottom:20px;}
	header .right .search form input{ display: block; margin-right: 10px; width:30px; height: 24px; color: #333; line-height: 24px; background: none; border:none}	
	header .right .search form:hover input{ padding: 0 10px; width: 200px; background: #f2f2f2;}
	header .right .search form button{ display: block; padding: 0; width: 20px; height: 24px; background: url(../images/fdj.png) no-repeat 50% 50% / 14px auto; border:none}
	header .menu ul li:nth-child(n+2){ margin-left: 17px;}
	header .menu ul li a{ display:block; font-size:16px; color:#333; line-height:30px;}
	header .menu ul li:hover a{ color:#104795;text-decoration: underline !important;}
	header .menu ul li.active a{ color:#104795;}
	.title-1 .right a:hover{ color:#104795;text-decoration: underline !important;}
	.title-2{ padding-top: 15px; margin-bottom: 30px; line-height: 40px; border-bottom: solid 1px #e1e1e1;}
	.title-2 .left{ font-size: 16px; color: #333; font-weight: bold;}
	.title-2 .right a{ display: block; color: #333;}
	.title-2 .right a:hover{ color: #104795;text-decoration: underline !important;}	
	.text-3 .box ul li:hover{ border-color:#104795;}
	.text-3 .box ul button:hover{ background: #279fd9;}
	.text-7 ul li .right input:hover{ border-color: #104795;}
	.text-7 ul li .right textarea:hover{ border-color: #104795;}
	.text-7 ul li .right button:hover{background: #279fd9;}
	.picture-1-list a:hover{ background: #104795;}
	.picture-1-list a:hover .icon span{ opacity: 1;}
	.picture-1-list a:hover .mc{ color: #fff;}
	.picture-2 .box .more a:hover{color:#fff; background:#104795;}
	.picture-3-list a:hover .imgbox span{ transform: scale(1.05);}
	.picture-3-list a:hover .textbox .biaoti .mc{ color:#104795;}
	.picture-3-list a:hover .textbox .more{ background: #279fd9;}
	.picture-4-list a:hover{ border-color: #104795;}
	.picture-4 .swiper-button:hover{ background-color: #104795;}
	.picture-5 ul li a:hover .imgbox span{ transform: scale(1.05);}
	.picture-5 ul li a:hover .textbox{ color: #fff; background: #104795;}
	.picture-7 ul li a:hover{ background: #f4f4f4;}
	.picture-7 ul li a:hover .imgbox span{ transform: scale(1.05);}
	.picture-7 ul li a:hover .textbox .biaoti .mc{ color: #104795;}
	.picture-7 ul li a:hover .textbox .more span{ background: #336cbe;}
	.subnav{ float: left; width: 240px;}
	.subnav .biaoti{ padding: 15px;}
	.subnav .biaoti .cn{ margin-bottom: 10px; font-size: 24px; line-height: 30px;}
	.subnav .biaoti .en{ font-size: 0;}
	.subnav .biaoti .en span{ position: relative; display: inline-block; vertical-align: top; padding: 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: rgba(255,255,255,0.24); line-height: 22px; border:solid 1px rgba(255,255,255,0.24);}
	.subnav .biaoti .en span:before,.subnav .biaoti .en span:after{ content: ""; position: absolute; top: 50%; z-index: 1; width: 30px; height: 1px; background: rgba(255,255,255,0.24);}
	.subnav .biaoti .en span:before{ right: 100%;}
	.subnav .biaoti .en span:after{ left: 100%;}
	.subnav ul li:hover a{ color: #fff; background: #336cbe;}
	.subnav ul li:hover a:before{ border-top-color: #fff; border-bottom-color: #fff;}
	.subnav ul li:hover a:after{ border-top-color: #fff;}
	.subnav .ul .li:hover a{ color: #fff; background: #336cbe;}
	.subnav .jieshao{ margin-top: 3px; padding: 20px 10px; color: #333333; line-height:26px; border:solid 1px #e8e8e8;}
	footer .menu ul li a:hover{ color:#104795; text-decoration: underline !important;}
}

@media (max-width:1399px){
	header .logo{ width: 40%;}
	header .logo a{ line-height: 120px;}
	header .logo a img{ max-width: 100%;}
	header .menu ul li:nth-child(n+2){ margin-left:20px;}
	header .menu ul li a{ font-size: 15px;}
	header .right{ width:60%;}
	header .right .search{ margin-bottom: 15px;}
	
}

@media (max-width:1199px){
	.main-pad-1{ padding: 40px 0 0;}
	.main-pad-2{ padding: 0 0 40px;}
	.main-pad-3{ padding: 40px 30px;}
	.title-1{ padding: 0 20px;}
	.title-1 .biaoti{ font-size: 24px;}
	.title-2{ margin-bottom: 20px;}
	.text-2{ width:33%;}
	.text-2 .logo img{ max-width:90%;}
	.text-3{ width: 34%;}
	.text-4{ width:33%;}
	.text-8{ font-size: 14px; line-height: 30px;}
	.picture-1-list a{ padding-top: 20px; width: 145px; height: 145px; background:#f2f2f2;}
	.picture-1-list a .icon{ line-height: 64px;}
	.picture-1 .swiper-slide:nth-child(1) .picture-1-list a .icon img{ width:61px;}
	.picture-1 .swiper-slide:nth-child(2) .picture-1-list a .icon img{ width:50px;}
	.picture-1 .swiper-slide:nth-child(3) .picture-1-list a .icon img{ width:68px;}
	.picture-1 .swiper-slide:nth-child(4) .picture-1-list a .icon img{ width:48px;}
	.picture-1 .swiper-slide:nth-child(5) .picture-1-list a .icon img{ width:58px;}
	.picture-1-list a .mc{ font-size: 18px;}
	.picture-4{ margin:0 30px; padding: 0 50px;}
	.picture-4 .swiper-button{ margin-top: -20px; width: 40px; height: 40px;}
	.picture-7 ul li a .imgbox{ width: 220px;}
	.picture-7 ul li a .imgbox span{ padding-top: 150px;}
	.picture-7 ul li a .textbox{ padding:15px 20px; width: calc(100% - 220px);}
	.picture-7 ul li a .textbox .biaoti .mc{ font-size: 18px;}
	.picture-7 ul li a .textbox .biaoti{ margin-bottom: 10px;}
	.picture-7 ul li a .textbox .more span{ font-size: 12px;}
	.subnav .biaoti .cn{ font-size:20px; line-height: 24px;}
	.subnav .biaoti .en span{ padding: 0 10px;}
}

@media (max-width:991px){
	.main-pad-1{ padding:30px 0 0;}
	.main-pad-2{ padding:0 0 30px;}
	.main-pad-3{ padding: 30px;}
	header .logo{ width: auto;}
	header .logo a img{ width: 350px;}
	header .logo a{line-height:80px;}
	header .right{ display: none;}
	.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: #333; text-align:center; line-height:40px; background:rgba(255,255,255,0.8); }
	.menu-box ul li.active a{ color: #fff; background: #104795; }
	.menu-btn{ position: relative; top: 31px; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #104795;}
	.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{ margin:0 -15px;}
	.title-1{ padding: 0 15px; border-bottom:solid 1px #f2f2f2;}
	.title-1 .biaoti{ font-size: 18px;}
	.title-1 .right a{ font-size: 14px;}
	.title-3 .biaoti{ font-size: 18px; line-height: 24px;}
	.text-1{ text-align: center;}
	.text-1 .left{ margin-bottom: 10px; width: 100%;}
	.text-1 .left .biaoti{ margin-bottom: 15px;}
	.text-1 .right{ width: 100%;}
	.text-1 .right .biaoti .box{ float: none !important; display: inline-block; vertical-align: top;}
	.text-2{ margin-bottom:20px; width: 100%;}
	.text-2 .logo{ margin-bottom: 20px; text-align: center;}
	.text-2 .jieshao{ margin-bottom: 10px; height: auto;}
	.text-3{ padding-left: 0; width: 50%;}
	.text-3 .box{ max-width: initial;}
	.text-3 .box .biaoti{ margin-bottom: 10px; font-size: 18px;}
	.text-4{ width: 50%;}
	.text-4 .biaoti{ margin-bottom: 10px; font-size: 18px;}
	.text-5{ font-size: 14px; line-height: 26px;}
	.text-8{ font-size: 12px; line-height: 24px;}
	.picture-3-list a .textbox{ padding: 15px;}
	.picture-3-list a .textbox .biaoti .mc{ font-size: 18px;}
	.picture-3-list a .textbox .more{ font-size: 12px;}
	.picture-4{ margin:0 15px}
	.picture-5 ul li{ width: 50%;}
	.picture-5 ul li a .textbox{ font-size: 14px; line-height: 30px;}
	.picture-7 ul li:nth-child(n+2){ margin-top: 20px;}
	.picture-7 ul li a .textbox .biaoti .mc{ font-size: 16px;}
	.picture-7 ul li a .textbox .biaoti .time{ font-size: 12px;}
	.subnav{ margin-bottom: 20px;}
	.subnav .biaoti{ position: relative;}
	.subnav .biaoti:before{ content: ""; position: absolute; right: 15px; top: 50%; z-index: 1; margin-top: -6px; border-top: solid 6px transparent; border-bottom: solid 6px transparent; border-left: solid 6px #fff; transition: all 0.3s;}
	.subnav .biaoti.active:before{ transform: rotate(90deg);}
	.subnav .biaoti .cn{ padding: 0 15px; font-size: 18px; line-height: 50px; text-align:left;}
	.subnav ul li a{ font-size: 14px; line-height: 40px;}
	.subnav .ul .li a{ font-size: 14px; line-height: 40px;}
	footer{ padding: 15px 0;}
	footer .copyright{ width: 100%; text-align: center;}
}

@media (max-width:767px){
	body{ padding-bottom: 55px;}
	.main-pad-1{ padding:20px 0 0;}
	.main-pad-2{ padding:0 0 20px;}
	.main-pad-3{ padding:20px 15px;}
	.main-pad-4{ padding:20px 0 0;}
	.main-pad-1.main-Background-2{ padding:15px 15px 0;}
	header .logo a{line-height:60px;}
	header .logo a img{ width: 300px;}
	.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;}
	.title-1{ padding: 0 0 5px;}
	.title-1 .biaoti{ font-size: 16px;}
	.title-1 .right a{ font-size: 12px;}
	.title-3 .biaoti{ font-size: 16px;}
	.text-1 .left .biaoti img{ width: 150px;}
	.text-1 .left .jieshao img{ max-width:90%;}
	.text-1 .right .biaoti{ line-height: 30px;}
	.text-1 .right .biaoti .icon img{ width: 30px;}
	.text-1 .right .biaoti .mc{ font-size: 22px;}
	.text-1 .right .shuzi a{ font-size: 34px; line-height: 40px;}
	.text-2 .jieshao{ font-size: 12px;}
	.text-3 .box .biaoti{font-size: 14px;}
	.text-4 .biaoti{font-size: 14px;}
	.text-4 .jieshao{ font-size: 12px;}
	.text-5{ font-size: 12px; line-height: 24px;}
	.text-6{ padding-right: 0; margin-bottom: 20px; width: 100%; font-size: 12px; line-height: 24px;}
	.text-7{ width: 100%;}
	.text-7 ul li .biaoti{ line-height: 30px;}
	.text-7 ul li .right input{ height: 30px; line-height: 28px;}
	.text-7 ul li .right textarea{ padding: 2px 10px; line-height: 24px;}
	.text-7 ul li .right button{ width: 100%; height: 34px; line-height: 34px;}
	.picture-1-list a{ width: 120px; height: 120px;}
	.picture-1-list a .icon{ margin-bottom: 5px; line-height:54px;}
	.picture-1 .swiper-slide:nth-child(1) .picture-1-list a .icon img{ width:51px;}
	.picture-1 .swiper-slide:nth-child(2) .picture-1-list a .icon img{ width:40px;}
	.picture-1 .swiper-slide:nth-child(3) .picture-1-list a .icon img{ width:58px;}
	.picture-1 .swiper-slide:nth-child(4) .picture-1-list a .icon img{ width:38px;}
	.picture-1 .swiper-slide:nth-child(5) .picture-1-list a .icon img{ width:48px;}
	.picture-1-list a .mc{ font-size: 14px;}
	.picture-2 .box .more a{ width:80px; font-size: 12px; line-height:34px;}
	.picture-3-list a .textbox .biaoti .mc{ width: calc(100% - 50px); font-size: 14px;}
	.picture-3-list a .textbox .biaoti .time{ width: 50px; font-size: 12px;}
	.picture-3-list a .textbox .jieshao{ height: 48px; font-size: 12px;}
	.picture-4{ margin:0; padding: 0;}
	.picture-4 .swiper-button{ display: none;}
	.picture-4-list a{ height: 100px;}
	.picture-5 ul li a .textbox{ font-size: 12px;}
	.picture-7 ul li a .imgbox{ width: 200px;}
	.picture-7 ul li a .imgbox span{ padding-top: 140px;}
	.picture-7 ul li a .textbox{ padding:10px 15px; width: calc(100% - 200px);}
	.picture-7 ul li a .textbox .biaoti{ margin-bottom: 5px;}
	.picture-7 ul li a .textbox .biaoti .mc{ width: calc(100% - 60px);}
	.picture-7 ul li a .textbox .biaoti .time{ width: 60px;}
	.picture-7 ul li a .textbox .jieshao{ font-size: 12px;}
	.picture-7 ul li a .textbox .more span{ width:60px; line-height: 24px; border-radius: 12px;}
	.subnav .biaoti .cn{ font-size: 16px; line-height:40px;}
	.subnav ul li a{ line-height: 34px;}
	.subnav .ul .li a{ font-size: 12px; line-height: 34px;}
	footer .copyright{ font-size: 12px;}
	.tabBar{ position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; background: #104795; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.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: #17a8fd;}
	.tabBar ul li:nth-child(n+2) a{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.5);}
	.tabBar ul li a .icon{ font-size: 0; line-height: 24px;}
	.tabBar ul li:nth-child(1) a .icon img{ width: 20px;}
	.tabBar ul li:nth-child(2) a .icon img{ width: 18px;}
	.tabBar ul li:nth-child(3) a .icon img{ width: 16px;}		
	.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;}	 
}

@media (max-width:479px){
	.title-1{ padding-bottom: 10px; line-height: 20px;}
	.title-3 .time{ margin-top: 0;}
	.text-4 .shuzi{ font-size: 24px; line-height: 30px;}
	.text-7 ul li .biaoti{ width: 50px; font-size: 12px;}
	.text-7 ul li .right{ width: calc(100% - 50px);}
	.text-7 ul li .right input{ font-size: 12px;}
	.text-7 ul li .right textarea{ font-size: 12px;}
	.text-7 ul li .right button{ font-size: 12px;}
	.picture-1-list a{ padding-top: 15px; width: 100px; height: 100px;}
	.picture-1-list a .icon{line-height:44px;}
	.picture-1 .swiper-slide:nth-child(1) .picture-1-list a .icon img{ width:41px;}
	.picture-1 .swiper-slide:nth-child(2) .picture-1-list a .icon img{ width:30px;}
	.picture-1 .swiper-slide:nth-child(3) .picture-1-list a .icon img{ width:48px;}
	.picture-1 .swiper-slide:nth-child(4) .picture-1-list a .icon img{ width:28px;}
	.picture-1 .swiper-slide:nth-child(5) .picture-1-list a .icon img{ width:38px;}
	.picture-1-list a .mc{ font-size: 12px;}
	.picture-2 .box .more{ left:20px; bottom:20px;}
	.picture-3-list a .textbox{ padding: 10px;}
	.picture-3-list a .textbox .biaoti{ margin-bottom: 5px;}
	.picture-3-list a .textbox .biaoti .mc{ padding-right: 0; width: 100%;}
	.picture-3-list a .textbox .biaoti .time{ width: 100%; text-align: left; line-height: 16px;}
	.picture-3-list a .textbox .jieshao{ margin-bottom: 10px;}
	.picture-4-list a{ height: 80px;}
	.picture-7 ul li a .imgbox{ width:180px;}
	.picture-7 ul li a .textbox{ width: calc(100% - 180px);}
}

@media (max-width:399px){
	header .logo a img{ width: 220px;}
	.text-1 .left .biaoti img{ width: 120px;}
	.text-1 .right .biaoti .mc{ font-size: 18px;}
	.text-1 .right .shuzi a{ font-size: 30px;}
	.text-3{ margin-bottom: 20px; padding-right: 0; width: 100%;}
	.text-3 .box ul li .mc{ font-size: 12px;}
	.text-3 .box ul button{ width: 100%;}
	.text-4{ width: 100%;}
	.picture-4-list a{ height:70px;}
	.picture-7 ul li a .imgbox{ width:140px;}
	.picture-7 ul li a .imgbox span{ padding-top: 120px;}
	.picture-7 ul li a .textbox{ padding-right: 10px; width: calc(100% - 140px);}
	.picture-7 ul li a .textbox .biaoti .mc{ padding-right: 0; width: 100%; font-size: 14px;}
	.picture-7 ul li a .textbox .biaoti .time{ width: 100%; text-align: left; line-height: 16px;}
	.picture-7 ul li a .textbox .jieshao{ margin-bottom: 0;}
	.picture-7 ul li a .textbox .more{ display: none;}
 }

.clear { clear:both; }
.load-more { padding: 24px 0; text-align:center; }
.load-more a {  background: #fff; border: 1px solid #aaaaaa; border-radius: 9px; text-align: center; line-height: 48px; color: #727474; font-size: 14px; transition: all 0.5s; padding: 2px 5px; margin: 0 1px; }
.load-more a:hover { background:#c3c3c3b8; }
.load-more span { text-align: center; line-height: 48px; color: #727474; font-size: 14px; transition: all 0.5s; padding: 2px 5px; margin: 0 1px; }


/*浮动QQ*/
.dock { position: fixed; right: 0px; width: 50px; -moz-opacity: 0.7; opacity: 0.7; z-index: 200;}
.dock.close { z-index: 50;}
.dock ul.icons {position: absolute; list-style: none; right: 0px; padding: 0px; width: 50px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.dock.close ul.icons { right: -70px;}
.dock ul.icons li i { display: block; position: relative; width: 50px; height: 50px; background: url(../images/icons.png) no-repeat; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 210;}
.dock ul.icons li.active i { -moz-opacity: 0.4; opacity: 0.4;}
.dock ul.icons li.up i { background-position: -63px -150px;}
.dock ul.icons li.tel i { background-position: -62px -108px;}
.dock ul.icons li.im i { background-position: -63px -20px;}
.dock ul.icons li.wechat i { background-position: -59px -66px;}
.dock ul.icons li.down i { background-position: -63px -190px;}
.dock ul.icons li p { display: block; position: absolute; top: 50px; right: -260px; padding: 15px 20px; height: 120px; color: White; line-height: 30px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -ms-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; transition: all .4s ease-in-out .1s; overflow: hidden; z-index: 201;}
.dock ul.icons li.active p { right: 50px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
.dock ul.icons li.tel p { width: 143px; height:130px; line-height:30px}
.dock ul.icons li.im p { width: 140px; height:170px; line-height:30px}
.dock ul.icons li.im p a { display: block; margin-top: 12px; width: 100px; height: 35px; line-height: 32px; color: #00dfb9; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #00dfb9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.dock ul.icons li.im p a:hover { color: White; background: #0f8773; border: 1px solid #0f8773;}
.dock ul.icons li.wechat p { width: 180px; height:180px; line-height:30px}
.dock ul.icons li.wechat p img { border: 2px solid #000;}
.dock a.switch { position: absolute; display: block; top: 270px; right: 11px; width: 26px; height: 26px; background: url(../images/icons.png) no-repeat 0px -640px; cursor: pointer; -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s;}
.dock a.switch.off { background-position: -32px -640px;}
@media (max-width:479px){
.dock { display:none;}
}