@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:1230px !important}
.tr{transition:all 0.3s;}
.tr3{transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button{ outline: none; }
.sizeCover{ background-position: 50% 50%; background-size: cover; }

.main-1{ padding: 0 7px; }
.main-1-list{ padding: 0 8px; }
.main-pad-3{ padding: 10px; }
.main-bor-1{ border:solid 1px #e6e6e6; }
.main-Background-1{ background:#f6f6f6;}
.main-Background-2{ background:#fff;}
.main-Background-3{ background:#eef3f9;}
.main-Background-4{ background:#006dc2;}

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{ max-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: #006dc2;}

.title-1{ margin-bottom: 15px; }
.title-1 a{ position: relative; display: block; padding-right:15px; font-size: 16px;color: #2266b1; font-weight: bold; line-height: 24px; }
.title-1 a:before{ content: ""; position: absolute; right: 0; top: 50%; z-index: 1; margin-top: -5px; width: 0; height: 0; border-top: solid 5px transparent; border-bottom: solid 5px transparent; border-left: solid 5px #b3dae9; }
.title-2{ margin-bottom: 40px; font-size: 0; }
.title-2 a{ display: inline-block; vertical-align: top; }
.title-2 a .en{ font-size: 55px; color: #fff; line-height: 55px; }
.title-2 a .text{ padding-left: 10px; color: #fff; text-align: left;}
.title-2 a .text .cn{ margin-bottom: 10px; font-size: 25px; line-height: 27px; }
.title-2 a .text .minen{ font-size: 14px; line-height: 14px; }
.title-2.active a .en{ color: #2266b1; }
.title-2.active a .text .cn{ color: #333333; }
.title-2.active a .text .minen{ color: #d0d0d0; }
.title-3{ margin-bottom: 40px; font-size: 0; }
.title-3 ul li{ display: inline-block; vertical-align: top; margin:0 8px 10px; }
.title-3 ul li a{ display:block; padding:0 10px; min-width: 200px; font-size: 16px;color: #1277c7; line-height: 40px; background: #fff; border-radius: 20px; }
.title-3 ul li.active a{ color: #333; background: #f5d737; }
.title-4{ margin-bottom: 40px; font-size: 0; }
.title-4 ul li{ display: inline-block; vertical-align: top; margin:0 8px 10px; }
.title-4 ul li a{ display:block; padding:0 10px; min-width:150px; font-size: 16px;color: #fff; line-height: 40px; background: #006dc2; border-radius: 20px; }
.title-4 ul li.active a{ color: #333; background: #f5d737; }
.title-6{ font-size: 16px; color: #333; line-height: 24px; }
.title-7{ margin-bottom: 20px; }
.title-7 .biaoti{ font-size: 24px; color: #333; line-height: 30px; }
.title-7 .time{ margin-top:5px; font-size: 12px; color: #999; line-height: 20px; }


.text-1 a{ display: block; height: 96px; color: #333; line-height: 24px; overflow: hidden; }
.text-2{ overflow: hidden;}
.text-2 .left{ width: calc(100% - 240px); height: 180px; }
.text-2 .left .box{ position: relative; display: flex; justify-content:flex-end; align-items: center; max-width: 600px; height: 100%;}
.text-2 .left .textbox{ text-align: center; }
.text-2 .left .textbox .jieshao{ margin-bottom: 10px; font-size: 20px;color: #006dc2; line-height: 24px; }
.text-2 .left .textbox .biaoti{ margin-bottom: 10px; font-size: 31px;color: #006dc2; line-height: 34px; font-weight: bold; }
.text-2 .left .textbox .tel .icon,.text-2 .left .textbox .tel .shuzi{ display: inline-block; vertical-align: top; line-height: 40px;}
.text-2 .left .textbox .tel .icon img{ width: 38px; }
.text-2 .left .textbox .tel .shuzi{ margin-left: 10px; font-family:Impact; font-size: 36px; color: #333; }
.text-2 .right{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 240px; height: 180px; }
.text-2 .right:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 300px; height: 300px; background: #006dc2; transform-origin:left top; transform: rotate(20deg); }
.text-2 .right .textbox{ position: relative; z-index: 2; }
.text-2 .right .textbox .cn{ margin-bottom: 5px; font-size: 30px;color: #fff; line-height: 34px; }
.text-2 .right .textbox .en{ font-size: 30px;color: #fff; line-height: 34px; }
.text-3 ul li:nth-child(n+2){ margin-top: 10px; }
.text-3 ul li a{ display: block; line-height: 24px; }
.text-3 ul li a .mc{ position: relative; padding-right: 10px; padding-left: 15px; width:calc(100% - 90px); color: #333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; transition: all 0.3s; }
.text-3 ul li a .mc:before{ content: ""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -2px; width: 4px; height: 4px; background: #333333; border-radius: 50%; transition: all 0.3s; }
.text-3 ul li a .time{ width: 90px; color: #333333; transition: all 0.3s; }
.text-4{ color: #333333; line-height: 24px; }

.more-1 a{ display: block; margin:0 auto; width: 170px; font-size: 16px;color: #2266b1; line-height: 40px; background: #fff; border-radius: 20px; }
.more-1.active a{ box-shadow: inset 0 0 0 2px #2266b1; }

.pictrue-1{ margin-bottom: 15px; overflow: hidden; }
.pictrue-1 a{ display: block; padding-top: 70px; }
.pictrue-2{ background: #fff; border:solid 1px #e6e6e6; overflow: hidden; }
.pictrue-2 a{ display: block; padding-top:240px; }
.pictrue-3-list a{ display: block; }
.pictrue-3-list a .imgbox{ position: relative; margin-bottom: 5px; padding-top: 80%; background: #fff; overflow:hidden; }
.pictrue-3-list a .imgbox img{ display: block; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; transition: all 1s; }
.pictrue-3-list a .textbox{ padding:0 10px; font-size: 16px;color: #333; line-height: 40px; background: #fff; }
.pictrue-4{ position:relative; }
.pictrue-4-list a{ display: block; }
.pictrue-4-list a .imgbox{ margin-bottom: 5px; overflow: hidden; }
.pictrue-4-list a .imgbox span{ display: block; padding-top: 80%; }
.pictrue-4-list a .textbox{ padding:0 10px; font-size: 16px;color: #333; line-height: 40px; background: #fff; }
.pictrue-4 ul{ margin:0 -10px -20px; }
.pictrue-4 ul li{ padding: 0 10px; margin-bottom: 20px; width: calc(100% / 3); }
.pictrue-5-list a{ display: block; padding: 8px; background: #f6f6f6; }
.pictrue-5-list a .imgbox{ width: 194px; overflow: hidden; }
.pictrue-5-list a .imgbox span{ display: block; padding-top: 136px; }
.pictrue-5-list a .textbox{ padding-left: 10px; width: calc(100% - 194px); height: 136px; }
.pictrue-5-list a .textbox .biaoti{ margin-bottom: 10px; line-height: 24px; }
.pictrue-5-list a .textbox .biaoti .mc{ padding-right: 10px; width: calc(100% - 70px); font-size: 16px;color: #333333; }
.pictrue-5-list a .textbox .biaoti .time{ width: 70px; font-size: 12px;color: #999999; }
.pictrue-5-list a .textbox .jieshao{ height: 72px; color: #333333; line-height: 24px; text-align: justify; overflow: hidden; }
.pictrue-5-list a .textbox .more span{ display: block; width: 66px; height: 25px; font-size: 12px;color: #fff; line-height: 25px; background: #006dc2; border-radius: 13px; }
.pictrue-5 ul li:nth-child(n+2){ margin-top: 40px; }
.pictrue-6 ul{ margin:0 -10px -20px; }
.pictrue-6 ul li{ padding: 0 10px; margin-bottom: 20px; width: calc(100% / 3); }
.pictrue-6 ul li a{ display: block; }
.pictrue-6 ul li a .imgbox{ position: relative; margin-bottom: 5px; padding-top: 80%; border:solid 1px #eaeaea; }
.pictrue-6 ul li a .imgbox img{ position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; transition: all 1s; }
.pictrue-6 ul li a .textbox{ padding: 0 10px; font-size: 16px;color: #333; line-height: 40px; background: #eaeaea; }
.pictrue-7{ margin-bottom: 20px; font-size: 0; }

.subnav .biaoti{ font-size: 30px;color: #fff; line-height: 54px; background: #006dc2; border-top: solid 6px #f5d737; }
.subnav ul{ background: #f6f6f6; }
.subnav ul li{ border-bottom: solid 1px #fff; border-top: solid 1px #eaeaea; }
.subnav ul li a{ display: block; padding: 0 20px; font-size: 16px;color: #333; line-height: 40px; }
.subnav ul li.active a{ color: #fff; background: #006dc2; }

footer .top{ padding: 30px 0; background: #006dc2; }
footer .top .qita{ width:270px; }
footer .top .qita .logo{ margin-bottom: 20px; }
footer .top .qita .logo a{ display: block; font-size: 0; }
footer .top .qita .tel{ margin-bottom: 20px; padding-top: 5px; border-top: solid 1px #fff; }
footer .top .qita .tel .mc{ color: #fff; line-height: 24px; }
footer .top .qita .tel .shuzi{ font-size: 35px; color: #fff; line-height: 40px; }
footer .top .qita .ewm .imgbox{ width: 115px;font-size: 0; }
footer .top .qita .ewm .imgbox img{ width: 115px; height: 115px; }
footer .top .qita .ewm .mc{ padding:15px 10px; width: 34px; height: 115px; font-size: 12px;color: #fff; line-height: 14px; background: #035a9e; }
footer .top .menu{ padding-left:5%; width:calc(100% - 270px); }
footer .top .menu ul{ float: right; max-width: 100%; }
footer .top .menu ul li{ min-width: 120px; }
footer .top .menu ul li:nth-child(n+2){ margin-left:50px; }
footer .top .menu ul li .mc{ font-size: 16px;color: #fff; line-height: 24px; }
footer .top .menu ul li .jiangexian{ position: relative; margin:10px 0 15px; height: 6px; }
footer .top .menu ul li .jiangexian:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 6px; height: 6px; background: #fff; border-radius: 50%; }
footer .top .menu ul li .jiangexian:after{ content: ""; position: absolute; right: 0; top: 2px; z-index: 1; width: calc(100% - 9px); height: 1px; background: #fff; opacity: 0.2; }
footer .top .menu ul li .ul .li:nth-child(n+2){ margin-top: 10px; }
footer .top .menu ul li .ul .li a{ color: #fff; }
footer .bot{ padding:15px 0; color: #fff; line-height: 24px; background: #035a9e; }


@media (min-width:992px){
	.col-md-3-cz-1{ width: 23%; }
	.col-md-9-cz-1{ width: 77%; }
	.main-pad-1{ padding:20px 0 0;}
	.main-pad-2{ padding:0 0 20px;}
	.main-pad-4{ padding:50px 0 0;}
	.main-pad-5{ padding:0 0 50px;}
	.main-pad-7{ padding: 0 0 30px; }
	header .top_bar{ background: #f5d737; }
	header .top_bar .right ul li a{ display: block; padding: 0 10px; color: #736c03; line-height: 30px; border-left:solid 1px rgba(115,108,3,0.3); }
	header .top_bar .right ul li:last-child a{ border-right:solid 1px rgba(115,108,3,0.3);}
	header .top_bar .right ul li a:hover{ color: #fff; }
	header .qita{ background: #006dc2; }
	header .logo a{line-height:100px;}
	header .tel{ line-height: 100px; }
	header .tel .icon{ font-size: 0; }
	header .tel .icon img{ width: 35px; }
	header .tel .mc{ margin:0 10px; color: #fff; }
	header .tel .shuzi{ font-size: 30px; color: #fff; }	
	header .menu{ background: #035a9e; }
	header .menu ul li{ position:relative; width: calc(100% / 9);}
	header .menu ul li:before{ content: ""; position: absolute; left: -1px; top: calc((100% - 17px) / 2); z-index: 1; width: 2px; height: 17px; border-left: solid 1px #2266b1; border-right: solid 1px #084487; }
	header .menu ul li:last-child:after{ content: ""; position: absolute; right: -1px; top: calc((100% - 17px) / 2); z-index: 1; width: 2px; height: 17px; border-left: solid 1px #2266b1; border-right: solid 1px #084487; }	
	header .menu ul li > a{ display:block; padding:0 20px; font-size:16px; line-height:50px; color:#fff;}
	header .menu ul li .ul{ display:none; position:absolute; left:0; top:100%; padding: 8px 5px; width:100%; background:#006dc2;}
	header .menu ul li .ul .li:nth-child(n+2){ margin-top: 5px; }
	header .menu ul li .ul .li > a{ display:block; color:#fff; line-height:28px;}
	header .menu ul li .ul .li:hover > a{ color:#333; background:#f5d737;}
	header .menu ul li:hover > a{ color:#f5d737;}
	header .menu ul li.active > a{ color:#f5d737;}
	.title-5{ margin-bottom: 20px; padding-bottom: 10px; line-height: 24px; border-bottom: solid 1px #eaeaea; }
	.title-5 .left{ font-size: 16px;color: #333; }
	.title-5 .right a{ display: block; font-size: 12px;color: #afafaf; }
	.title-5 .right a:hover{color: #006dc2;  text-decoration: underline !important;}
	.more-1 a:hover{ color: #333; background: #f5d737; }
	.more-1.active a:hover{ box-shadow: inset 0 0 0 2px #f5d737; }
	.text-3 ul li a:hover .mc{ color: #006dc2; }
	.text-3 ul li a:hover .mc:before{ background: #006dc2; }	
	.text-3 ul li a:hover .time{ color: #006dc2; }
	.pictrue-1 a:hover{ transform: scale(1.05); }
	.pictrue-2 a:hover{ transform: scale(1.05); }
	.pictrue-3-list a:hover .imgbox img{ transform:translate(-50%,-50%) scale(1.05); }
	.pictrue-3-list a:hover .textbox{ background: #f5d737; }
	.pictrue-4 .swiper-button{ margin-top: -24px; width: 48px; height: 48px; font-size: 0; line-height: 48px; background: #2266b1; border-radius: 50%; }
	.pictrue-4 .swiper-button img{ width: 13px; }	
	.pictrue-4 .swiper-button.swiper-button-prev{ left: -64px; }
	.pictrue-4 .swiper-button.swiper-button-next{ right: -64px; transform: rotateY(180deg); }
	.pictrue-4-list a:hover .imgbox span{ transform: scale(1.05); }
	.pictrue-4-list a:hover .textbox{ color: #fff; background: #2266b1; }
	.pictrue-4 .swiper-button:hover{ background: #f5d737; }
	.pictrue-5-list a:hover .imgbox span{ transform: scale(1.05); }
	.pictrue-5-list a:hover .textbox .biaoti .mc{ color: #006dc2; }
	.pictrue-5-list a:hover .textbox .more span{ background: #f5d737; }
	.pictrue-6 ul li a:hover .imgbox img{ transform:translate(-50%,-50%) scale(1.05); }
	.pictrue-6 ul li a:hover .textbox{ background: #f5d737; }
	.subnav ul li:hover a{ color: #fff; background: #006dc2; }
	footer .top .menu ul li .ul .li a:hover{ color: #f5d737; text-decoration: underline !important; }

}

@media (max-width:1329px){
	.pictrue-4 .swiper-button{ display: none; }
}

@media (max-width:1199px){
	footer .top .menu ul li{ min-width:100px; }
	footer .top .menu ul li:nth-child(n+2){ margin-left:20px; }
}

@media (max-width:991px){
	.main-pad-1{ padding:30px 0 0;}
	.main-pad-2{ padding:0 0 30px;}
	.main-pad-4{ padding:30px 0 0;}
	.main-pad-5{ padding:0 0 30px;}
	.main-pad-6{ padding:20px 0 0;}
	.main-pad-7{ padding:0 0 20px;}
	.main-mar-1{ margin-bottom: 20px; }
	header{ background: #006dc2; }
	header .logo a{line-height:80px;}
	header .logo a img{ width: 350px; }
	.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(3,90,158,0.6); }
	.menu-box ul li.active a{ color: #035a9e; background: #fff; }
	.menu-btn{ position: relative; top: 31px; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #fff;}
	.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); }
	.title-1 a{ font-size: 14px; }
	.title-2{ margin-bottom: 20px; }
	.title-2 a .en{ font-size: 40px; line-height: 40px; }
	.title-2 a .text .cn{ margin-bottom:5px; font-size: 18px; line-height: 20px; }
	.title-2 a .text .minen{ font-size: 12px; line-height: 12px; }
	.title-3{ margin-bottom: 20px; }
	.title-3 ul li a{ min-width: 120px; font-size: 14px; line-height: 34px; border-radius: 17px; }
	.title-4{ margin-bottom: 20px; }
	.title-4 ul li a{ min-width: 120px; font-size: 14px; line-height: 34px; border-radius: 17px; }
	.title-6{ font-size: 14px; }
	.title-7 .biaoti{ font-size: 18px; line-height: 24px; }
	.text-1 a{ font-size: 12px; }
	.text-2{ margin-left:-15px; margin-right: -15px; }
	.text-2 .left{ padding-left: 15px; padding-right: 15px; width: 100%; }
	.text-2 .left .box{ max-width: inherit;justify-content:center; }
	.text-2 .left .textbox .jieshao{ font-size: 18px; }
	.text-2 .left .textbox .biaoti{ font-size: 24px; line-height: 30px; }
	.col-md-6:nth-child(2) .text-3 ul li:first-child{ margin-top: 10px; }
	.text-3 ul li a{ font-size: 12px; }
	.text-4{ font-size: 12px; }
	.more-1 a{ width: 150px; font-size: 14px; }
	.pictrue-1 a{ padding-top: 30%; }
	.pictrue-2 a{ padding-top: 50%; }
	.pictrue-3-list a .textbox{ font-size: 14px; }
	.pictrue-4-list a .textbox{ font-size: 14px; }
	.pictrue-4 ul li{ width: 50%; }
	.pictrue-5-list a .textbox .biaoti .mc{ font-size: 14px; }
	.pictrue-5-list a .textbox .jieshao{ font-size: 12px; }
	.pictrue-5-list a .textbox .more span{ font-size: 12px; }
	.pictrue-5 ul li:nth-child(n+2){ margin-top: 20px; }
	.pictrue-6 ul li{ width: 50%; }
	.pictrue-6 ul li a .textbox{ font-size: 14px; }
	.subnav{ margin-bottom: 20px; }
	.subnav .biaoti{ position: relative; font-size: 18px; line-height: 50px; border-top-width: 2px; }
	.subnav .biaoti:before{ content: ""; position: absolute; right: 15px; top: 50%; z-index: 1; margin-top: -6px; width: 0; height: 0; border-top: solid 6px transparent; border-bottom: solid 6px transparent; border-left: solid 8px #fff; transition: all 0.3s; }
	.subnav .biaoti.active:before{ transform: rotate(90deg); }
	.subnav ul li a{ font-size: 14px; line-height: 34px; }
	footer .top .qita{ width: 200px; }
	footer .top .qita .logo a img{ width: 150px; }
	footer .top .qita .tel .mc{ font-size: 12px; }
	footer .top .qita .tel .shuzi{ font-size: 24px; line-height: 30px; }
	footer .top .menu{ padding-left: 20px; width: calc(100% - 200px); }
	footer .top .menu ul li{ min-width: inherit; }
	footer .top .menu ul li:nth-child(n+2){ margin-left:40px;}
	footer .top .menu ul li .mc{ font-size: 14px; }
	footer .top .menu ul li .ul .li:nth-child(n+2){ margin-top:5px; }
	footer .top .menu ul li .ul .li a{ font-size: 12px; }
	footer .bot{ font-size: 12px; }
	
}

@media (max-width:767px){
	.main-pad-1{ padding:20px 0 0;}
	.main-pad-2{ padding:0 0 20px;}
	.main-pad-4{ padding:20px 0 0;}
	.main-pad-5{ padding:0 0 20px;}
	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-2 a .en{ font-size: 34px; line-height: 34px; }
	.title-2 a .text .cn{ margin-bottom: 0; font-size: 14px; }
	.title-3{ margin-bottom: 10px; }
	.title-3 ul li{ margin:0 5px 10px; }
	.title-3 ul li a{ font-size: 12px; line-height: 30px; border-radius: 15px; }
	.title-4{ margin-bottom: 10px; }
	.title-4 ul li{ margin:0 5px 10px; }
	.title-4 ul li a{ font-size: 12px; line-height: 30px; border-radius: 15px; }
	.text-1 a{ height:72px; }
	.text-2 .left{ padding-top:20px; padding-bottom: 20px; height: auto; }
	.text-2 .left .textbox .jieshao{ font-size: 16px; }
	.text-2 .left .textbox .biaoti{ font-size: 18px; line-height: 24px; }
	.text-2 .left .textbox .tel .icon, .text-2 .left .textbox .tel .shuzi{ line-height: 30px;}
	.text-2 .left .textbox .tel .icon img{ width:24px; }
	.text-2 .left .textbox .tel .shuzi{ margin-left:5px; font-size: 24px; }
	.more-1 a{ width: 120px; font-size: 12px; line-height: 34px; }
	.pictrue-3-list a .textbox{ font-size: 12px; line-height: 30px; }
	.pictrue-4-list a .textbox{ font-size: 12px; line-height: 30px; }
	.pictrue-5-list a .imgbox { width: 160px; }
	.pictrue-5-list a .imgbox span{ padding-top: 117px; }
	.pictrue-5-list a .textbox{ width: calc(100% - 160px); height: 117px; }
	.pictrue-5-list a .textbox .biaoti .mc{ font-size: 12px; }
	.pictrue-5-list a .textbox .jieshao{ margin-bottom: 10px; height: 48px; }
	.pictrue-5-list a .textbox .more span{ line-height: 24px; border-radius: 12px; }
	.pictrue-6 ul li a .textbox{ font-size: 12px; line-height: 30px; }
	.subnav .biaoti{ font-size: 16px; line-height: 40px; }
	.subnav ul li a{ font-size: 12px; line-height: 30px; }
	footer .top{ padding-top: 20px; padding-bottom: 20px; }
	footer .top .qita{ width: 100%; }
	footer .top .qita .logo{ margin-bottom: 10px; }
	footer .top .qita .logo a{ text-align: center; }
	footer .top .qita .logo a img{ width:150px; }
	footer .top .qita .tel{ text-align: center; }
	footer .top .qita .ewm{ text-align: center; font-size: 0; }
	footer .top .qita .ewm .imgbox,footer .top .qita .ewm .mc{ float: none !important; display: inline-block; vertical-align: top; }
	#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/tabBar/xian2.png) #006dc2; 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); }
	}
}

@media (max-width:479px){
	header .logo a img{ width: 220px; }
	.title-1{ margin-bottom: 10px; }
	.title-3 ul li a{ min-width: inherit; }
	.text-1 a{ height: 48px; }
	.text-2 .left .textbox .jieshao{ font-size: 14px; }
	.text-3 ul li:nth-child(n+2),.col-md-6:nth-child(2) .text-3 ul li:first-child{ margin-top: 5px; }
	.pictrue-5-list a{ padding: 4px; }
	.pictrue-5-list a .imgbox{ width: 120px; }
	.pictrue-5-list a .imgbox span{ padding-top: 100px; }
	.pictrue-5-list a .textbox{ width: calc(100% - 120px); height: 100px; }
	.pictrue-5-list a .textbox .biaoti{ margin-bottom: 5px; line-height: 20px; }
	.pictrue-5-list a .textbox .biaoti .mc{ padding-right: 0; width: 100%; }
	.pictrue-5-list a .textbox .biaoti .time{ width: 100%; text-align: left; }
	.pictrue-5-list a .textbox .jieshao{ margin-bottom: 0; }
	.pictrue-5-list a .textbox .more{ display: none; }
	footer .top .qita .tel{ margin-bottom: 15px; }
	footer .top .qita .tel .shuzi{ font-size: 18px; line-height: 24px; }
}

@media (max-width:413px){
	.title-2 a .en{ font-size: 24px; }
}

/*清除样式*/
.clear {
    clear: both;
    font-family: '微软雅黑';
}

/*分页css scott style pagination*/
div.scott {
    padding: 3px;
    margin: 3px;
    text-align: center;
}

    div.scott a {
        border: #221616 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
        text-decoration: none;
    }

        div.scott a:hover {
            border: #221616 1px solid;
            color: white;
            background-color: #221616;
        }

        div.scott a:active {
            border: #221616 1px solid;
            color: #611985;
            background-color: #221616;
        }

    div.scott span.current {
        border: #221616 1px solid;
        padding: 2px 5px;
        font-weight: bold;
        color: #fff;
        margin: 0 2px 0 0;
        background-color: #221616;
    }

    div.scott span.disabled {
        border: #dfdfdf 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
    }

/*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: 200px;
        height: 130px;
        line-height: 90px
    }

    .dock ul.icons li.im p {
        width: 185px;
        height: 155px;
        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;
        }