@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; }

.main-pad-1{ padding:10px 0 0;}
.main-pad-2{ padding:0 0 10px;}
.main-pad-3{ padding:60px 0 0;}
.main-pad-4{ padding:0 0 60px;}
.main-pad-5{ padding:50px 0 0;}
.main-pad-6{ padding:0 0 50px;}
.main-pad-7{ padding:40px 0 0;}
.main-border-1{ border-bottom:solid 1px #f1f1f1;}
.main-border-2{ border:solid 1px #e9e9e9;}
.main-background-1{ background:#f8f8f8;}
.main-background-2{ background:#fff;}

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 .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; transition: all 0.3s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #0552aa;}

.title-1{ display: flex; justify-content: center; overflow: hidden;}
.title-1 .box{ position: relative; color: #000000;}
.title-1 .box b{ display: block; position: absolute;}
.title-1 .box b:nth-child(1),.title-1 .box b:nth-child(2){ top:17px; width: 140px; height: 2px; background: #0552aa;}
.title-1 .box b:nth-child(1){ right: calc(100% + 15px);}
.title-1 .box b:nth-child(2){ left: calc(100% + 15px); transform: rotateY(180deg);}
.title-1 .box b:nth-child(1):before,.title-1 .box b:nth-child(2):before{ content: ""; position: absolute; left: 10px; top: 3px; z-index: 1; width: 130px; height: 1px; background: #0552aa;}
.title-1 .box .cn{ margin-bottom: 5px; font-size:28px; font-weight: bold; line-height: 34px;}
.title-1 .box .en{ font-family: 'Arial'; font-size:16px; line-height: 24px;}
.title-1.active .box b{ background: rgba(255,255,255,0.15);}
.title-1.active .box b:before{ background: rgba(255,255,255,0.15);}
.title-1.active .box .cn{ color: #fff;}
.title-1.active .box .en{ color: #fff;}
.title-2{ margin-bottom: -10px;}
.title-2 ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.title-2 ul li{ margin: 0 5px 10px;}
.title-2 ul li a{ display: flex; justify-content: center; align-items: center; padding: 0 10px; min-width: 110px; height: 46px; color: #333; border:solid 1px #f2f2f2; box-shadow: 0 3px 5px rgba(0,0,0,0.05);}
.title-2 ul li.active a{ color: #fff !important; background: #0552aa; border-color: #0552aa; box-shadow: 0 3px 5px rgba(0,0,0,0.2);}
.title-2-nr-box{ position: relative; margin: -12px;}
.title-2-nr{ position: relative; z-index: 1;opacity: 0; visibility: hidden;}
.title-2-nr:nth-child(n+2){ position: absolute; left: 0; top: 0; width: 100%;}
.title-2-nr.active{ z-index: 2; opacity: 1; visibility: visible;}
.title-3 .biaoti{ margin-bottom: 15px; font-size: 0;}
.title-3 .biaoti img{ width: 222px;}
.title-3 .jieshao{ display: flex; justify-content: center; overflow: hidden;}
.title-3 .jieshao .text{ position: relative; padding: 0 15px; color: #333; line-height: 30px; text-align: center; border:solid 1px #efefef; border-radius: 16px;background:rgb(247,247,247);background:-moz-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(243,243,243,1) 100%);background:-webkit-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(243,243,243,1) 100%);background:linear-gradient(to bottom,rgba(247,247,247,1) 0%,rgba(243,243,243,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7',endColorstr='#f3f3f3',GradientType=0 );}
.title-3 .jieshao .text:before,.title-3 .jieshao .text:after{ content: ""; position: absolute; top: 50%; z-index: 1; width: 600px; height: 1px; background: #efefef;}
.title-3 .jieshao .text:before{ right: 100%;}
.title-3 .jieshao .text:after{ left: 100%;}
.title-5{ margin-bottom: 10px;}
.title-5 .biaoti{ font-size: 18px; color: #333; font-weight: bold; line-height: 24px;}
.title-5 .time{ color: #999; line-height: 24px; margin-top:10px;}

.text-1 .right form{ display: flex; justify-content: space-between; align-items: center;}
.text-1 .right form input{ display:block; padding: 0 15px; width:calc(100% - 58px); height:40px; font-size: 12px; color: #333; line-height: 38px; background: #fff; border:solid 1px #e9e9e9; border-right: none;}
.text-1 .right form button{ display:flex; justify-content: center; align-items: center; padding: 0; width: 58px; height: 40px; font-size: 18px; color: #fff; background: #0552aa; border:none;}
.text-2 form ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.text-2 form ul li:nth-child(n+3){ margin-top: 10px; width: 100%;}
.text-2 form ul li:nth-child(-n+2){ width: calc(50% - 5px);}
.text-2 form ul li input{ display: block; padding: 0 10px; width: 100%; height: 40px; font-size: 12px; color: #333; line-height: 38px; border:solid 1px #bfbfbf;}
.text-2 form ul li textarea{ display: block; padding:6px 10px; width: 100%;max-width: 100%;min-width: 100%; height:120px;min-height:120px; font-size: 12px; color: #333; line-height:26px; border:solid 1px #bfbfbf;}
.text-2 form ul li button{ display: block; padding: 0; width: 100%; height: 40px; color: #fff;background: #0552aa; border:none; }
.text-3{ display: flex; justify-content: space-between;}
.text-3 .left{ width:calc(100% - 48px);}
.text-3 .right{ width:126px;}
.text-3 .right ul li{ font-size: 0; text-align: center;}
.text-3 .right ul li:nth-child(n+2){ margin-top: 10px;}
.text-3 .right ul li img{ width: 100%; max-width: 128px; border:solid 1px #e6e6e6;}
.text-3 .jieshao{ margin-bottom: 15px; color: #333; line-height: 25px;}
.text-3 .contact{ margin-bottom: 15px; color: #333; line-height: 24px;}
.text-3 .more a{ display: flex; justify-content: center; align-items: center; width: 128px; height: 40px; color: #fff; background: #333333;}
.text-4 .biaoti{ display: flex; align-items: center; padding: 0 20px; margin-bottom: 25px; height: 55px; background: #fff; border:solid 1px #e9e9e9; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.text-4 .biaoti .icon{ font-size: 26px; color: #0552aa;}
.text-4 .biaoti .mc{ margin-left: 10px; font-size: 18px; color: #333; font-weight: bold;}
.text-4 ul{ display: flex; flex-wrap: wrap; margin-bottom: -15px;}
.text-4 ul li{ margin-bottom: 15px; margin-right: 15px; padding-right: 15px; max-width:calc(50% - 20px); height: 14px; line-height: 14px; border-right: solid 1px #000;}
.text-4 ul li a{ display: block; color: #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-6{ color: #333; line-height: 28px;}
.text-7{ margin:0 auto; max-width: 600px; }
.text-7 form{ display: block; }
.text-7 form .hang{ margin-bottom: 13px; }
.text-7 form .mc{ width: 60px; color: #333; line-height: 42px; }
.text-7 form input{ display: block; padding: 0 10px; width:calc(100% - 60px); height: 42px; color: #333; line-height: 40px; background: #fff; border:solid 1px #e9e9e9; }
.text-7 form textarea{ display: block;  padding:8px 10px; width:calc(100% - 60px); max-width:calc(100% - 60px);min-width:calc(100% - 60px); height: 107px;min-height: 107px; color: #333; background: #fff; line-height: 24px; border:solid 1px #e9e9e9; }
.text-7 form button{ display: block; padding: 0; margin-left: 60px; width: 90px; height: 45px; color: #fff; line-height: 45px; background: #0552aa;border:none; }

.picture-1{ position: relative;}
.picture-1-list a{ display: block; margin:12px; background: #fff; border: solid 1px #e8e8e8; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.picture-1-list a .imgbox{ position: relative; padding-top: calc(213 / 280 * 100%);}
.picture-1-list a .imgbox span{ position: absolute; left: 0; top: 0; z-index: 1; display: flex; justify-content: center; align-items: center; padding: 10px; width: 100%; height: 100%; font-size: 0;}
.picture-1-list a .imgbox span img{ max-width: 100%; max-height: 100%;}
.picture-1-list a .imgbox1{ position: relative; padding-top: calc(390 / 280 * 100%);}
.picture-1-list a .imgbox1 span{ position: absolute; left: 0; top: 0; z-index: 1; display: flex; justify-content: center; align-items: center; padding: 10px; width: 100%; height: 100%; font-size: 0;}
.picture-1-list a .imgbox1 span img{ max-width: 100%; max-height: 100%;}
.picture-1-list a .textbox{ padding: 0 10px; height: 49px; font-size: 15px; color: #333; line-height: 48px; border-top: solid 1px #e8e8e8;}
.picture-1 ul{ width:100%;}
.picture-1 ul li{ width:31.333%; margin:1%; float:left;}{ width:100%;}
.picture-1 ul li .picture-1-list a{ margin: 0;}
.picture-2 .left .imgbox{ overflow: hidden;}
.picture-2 .left .imgbox span{ display: block; }
.picture-2 .right .biaoti{ margin-bottom: 20px; font-size: 25px; color: #000; font-weight: bold; line-height: 30px;}
.picture-2 .right .jiangexian{ margin-bottom: 20px; width: 20px; height: 1px; background: #0552aa;}
.picture-2 .right .jieshao{ margin-bottom: 20px; max-height:130px; color: #252525; line-height: 26px; overflow: hidden;}
.picture-2 .right .more a{ display: flex; align-items: center; justify-content: center; width: 140px; height: 48px; color: #fff; background: #0552aa;}
.picture-2 .right .more a .mc{ margin-right: 10px;}
.picture-2 .right .more a .icon{ font-size: 12px;}
.picture-3{ position: relative; margin: -12px;}
.picture-3-list a{ display: block; margin:12px; background: #fff; border: solid 1px #e8e8e8; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.picture-3-list a .imgbox{ position: relative; margin:4px; overflow: hidden;}
.picture-3-list a .imgbox span{display: block; padding-top: calc(205 / 272 * 100%);}
.picture-3-list a .textbox{ padding: 0 10px; height: 49px; font-size: 15px; color: #333; line-height: 48px; border-top: solid 1px #e8e8e8;}
.picture-4 ul{ display: flex; justify-content: space-between;}
.picture-4 ul li{ padding:4px; width: calc(50% - 15px); background: #fff; border:solid 1px #ededed; box-shadow: 0 0 15px rgba(0,0,0,0.05);}
.picture-4 ul li .biaoti{ display: flex; justify-content: center; align-items: center; padding: 0 10px; height: 60px; font-size: 18px; color: #fff; background: #0552aa;}
.picture-4 ul li .bot{ display: flex; justify-content: space-between; align-items: center; padding: 35px;}
.picture-4 ul li .bot .imgbox{ width: 220px;}
.picture-4 ul li .bot .imgbox span{ display: block; padding-top: 185px;}
.picture-4 ul li .bot .textbox{ width: calc(100% - 240px); color: #333; line-height: 24px;}
.picture-5{ margin: -10px;}
.picture-5-list a{ display:flex; justify-content: space-between; align-items: center; margin:10px; padding: 20px; background: #fff; border:solid 1px #eeeeee; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.picture-5-list a .imgbox{ width: 245px; overflow: hidden;}
.picture-5-list a .imgbox span{ display: block; padding-top: 207px;}
.picture-5-list a .textbox{ width: calc(100% - 265px);}
.picture-5-list a .textbox .biaoti{ font-size: 17px; color: #000000; font-weight: bold; line-height: 24px;}
.picture-5-list a .textbox .time{ font-size: 12px; color: #b1b1b1; line-height: 24px;}
.picture-5-list a .textbox .jieshao{ margin-bottom: 20px; height: 75px; color: #555555; line-height: 25px; overflow: hidden;}
.picture-5-list a .textbox .more{ display: flex; justify-content: center; align-items: center; width: 95px; height: 30px; font-size: 12px; color: #333; background: #fff; border:solid 1px #d9d9d9; border-radius: 15px;}
.picture-5-list a .textbox .more span{ margin-left:5px;}
.picture-9{ margin-bottom: 20px; font-size: 0;}
.picture-9 img{ max-width: 100%;}
.picture-10 ul li:nth-child(n+2){ margin-top: 30px;}
.picture-10 ul li a{ display: flex; align-items: center; padding: 20px; border:solid 1px #e9e9e9; box-shadow: 5px 10px 15px rgba(0,0,0,0.1);}
.picture-10 ul li a .imgbox{ width: 245px; overflow: hidden;}
.picture-10 ul li a .imgbox span{ display:block; padding-top: 75%;}
.picture-10 ul li a .textbox{ padding-left: 20px; width: calc(100% - 245px);}
.picture-10 ul li a .textbox .biaoti{ margin-bottom:5px; font-size: 17px; color: #333; font-weight: bold; line-height:24px;}
.picture-10 ul li a .textbox .time{ margin-bottom:5px; font-size: 12px; color: #b1b1b1; line-height:24px;}
.picture-10 ul li a .textbox .jieshao{ margin-bottom:20px; height: 75px; color: #333; line-height: 25px; overflow: hidden;}
.picture-10 ul li a .textbox .more{ display: flex; justify-content: center; align-items: center; width: 95px; height: 30px; font-size: 12px; color: #333; background: #fff; border:solid 1px #d9d9d9; border-radius: 15px;}

.subnav .biaoti{ color: #fff; background: #0552aa;}
.subnav ul li:nth-child(n+2){ margin-top: 2px;}
.subnav ul li{ padding: 1px; border:solid 1px #e5e5e5;}
.subnav ul li a{ display: flex; align-items: center; padding: 0 20px; height: 36px; background: #e5e5e5;}
.subnav ul li a .icon{ display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; font-size: 12px; color: #333; background: #fff; border-radius: 50%;}
.subnav ul li a .icon:before{ transform: scale(0.8); font-weight: bold;}
.subnav ul li a .mc{ padding-left: 20px; width: calc(100% - 16px); color: #333; line-height:24px;}
.subnav ul li.active{ border-color: #0552aa;}
.subnav ul li.active a{ background: #0552aa;}
.subnav ul li.active a .mc{ color: #fff;}
.subnav .ul{ display: none; margin-top:2px; border:solid 1px #e5e5e5;}
.subnav .ul .li a{ display: flex; align-items: center; padding: 0 20px 0 56px; height: 36px; color: #333;}
.subnav .ul .li:nth-child(n+2) a{ border-top: solid 1px #e5e5e5;}
.subnav .ul .li.active a{ color: #fff; background: #0552aa;}

footer .top{ padding:50px 0; background: #1e1e1e;}
footer .top .box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .top .box .menu{ padding-right: 20px; width: 52%;}
footer .top .box .menu ul{ display: flex;}
footer .top .box .menu ul li:nth-child(n+2){ margin-left:8%;}
footer .top .box .menu ul li .biaoti{ margin-bottom: 20px; font-size: 18px; color: #fff; font-weight: bold; line-height: 24px;}
footer .top .box .menu ul li .jiangexian{ margin-bottom: 15px; width: 30px; height: 1px; background:rgba(255,255,255,0.15);}
footer .top .box .menu ul li .ul .li{ display: flex;}
footer .top .box .menu ul li .ul .li a{ color: rgba(255,255,255,0.5); line-height: 28px;}
footer .top .box .contact{ display: flex; justify-content: center; padding: 0 20px; width: 30%;}
footer .top .box .contact .boxs{ max-width: 100%;}
footer .top .box .contact .tel{ display: flex; margin-bottom:15px;}
footer .top .box .contact .tel a{ font-family: 'Impact'; font-size: 34px; color: #fff; line-height: 40px;}
footer .top .box .contact .biaoti{ margin-bottom: 10px;}
footer .top .box .contact .biaoti .cn{ color: #fff; line-height: 16px;}
footer .top .box .contact .biaoti .en{ color: rgba(255,255,255,0.15); line-height: 16px;}
footer .top .box .contact .textbox{ color: rgba(255,255,255,0.5); line-height: 28px;}
footer .top .box .ewm{ display: flex; justify-content: flex-end; padding-left: 20px; width:calc(18% - 2px);}
footer .top .box .ewm .boxs{ max-width: 100%;}
footer .top .box .ewm .imgbox{ margin-bottom: 5px; font-size: 0;}
footer .top .box .ewm .imgbox img{ width: 139px;}
footer .top .box .ewm .mc{ color: #fff; line-height: 21px;}
footer .top .box .jiangexian2{ width: 1px; height: 185px;background:rgba(255,255,255,0.07);}
footer .bot{ padding: 15px 0; color: #fff; line-height: 24px; background: #0552aa;}

@media (min-width:992px){
	.col-md-3-cz-1{ width:280px;}
	.col-md-9-cz-1{ width:calc(100% - 280px);}
	header{ margin-bottom:56px;}
	header .qita .left{ display: flex; align-items: center;}
	header .qita .logo a{line-height:160px;}
	header .qita .biaoyu{ margin-left: 20px; padding-left: 20px; font-size: 0; line-height: 36px; border-left: solid 1px #0552aa;}
	header .qita .tel{ display: flex; align-items: center;}
	header .qita .tel .icon{ margin-right: -5px; font-size: 0;}
	header .qita .tel .text .shuzi{ padding-left: 15px; font-family: 'Arial'; font-size: 24px; color: #0552aa; line-height: 24px;}
	header .qita .tel .text .mc{ font-size: 12px; color: #777777; line-height: 14px;}
	header .menu{ position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; background: #f6f6f6;}
	header .menu ul{ display: flex; align-items: center;}
	header .menu ul li{ position:relative; width: calc(100% / 6);}
	header .menu ul li > a{ position: relative; display:block; color:#333; line-height:56px; font-size:16px;}
	header .menu ul li > a:before{ content: ""; position: absolute; left: 50%; top: 0; z-index: 1; width: 0; height: 3px; background: #0552aa; transition: all 0.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:0; top:100%; width:100%; 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:#333; line-height:24px; background:rgba(255,255,255,0.8);}
	header .menu ul li .ul .li:hover > a{ color:#fff; background:#0552aa;}
	header .menu ul li:hover > a{ color: #0552aa; background:#fff;}
	header .menu ul li.active > a{ color: #0552aa; background:#fff;}
	header.active .menu{ position: fixed; top: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
	header.active .menu ul li .ul{box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
	.title-2 ul li:hover a{ color: #0552aa; border-color: #0552aa; }
	.title-4{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; height: 58px; border-bottom: solid 1px #ebebeb;}
	.title-4 .left{ font-size: 18px; color: #333; font-weight: bold;}
	.title-4 .right{color: #333;}
	.title-4 .right a:hover{ color: #0552aa; text-decoration: underline !important;}
	.title-4 .right a{color: #333;}
	.title-4 .right span{color: #0552aa;}
	.text-1{ display: flex; justify-content: space-between; align-items: center;}
	.text-1 .left{ display: flex; align-items: center; width: calc(100% - 300px);}
	.text-1 .left .mc{ color: #333; font-weight: bold; width: 100px;}
	.text-1 .left ul{ display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 100px);}
	.text-1 .left ul li{ margin-right: 5px;}
	.text-1 .left ul li a{ display: block; color: #656565;}
	.text-1 .left ul li a:hover{ color: #0552aa; text-decoration: underline !important;}
	.text-1 .right{ width:285px;}
	.text-1 .right form:hover input{ border-color:#0552aa;border-right:none;}
	.text-1 .right form:hover button{ background: #0552aa;}
	.text-2 form ul li input:hover{border-color: #0552aa;box-shadow: inset 5px 5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(0,0,0,0.1);}
	.text-2 form ul li textarea:hover{border-color: #0552aa;box-shadow: inset 5px 5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(0,0,0,0.1);}
	.text-2 form ul li button:hover{ background:#ff9c00;box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
	.text-3 .more a:hover{ background: #ff9c00;box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
	.text-4 ul li a:hover{color: #0552aa; text-decoration: underline !important;}
	.text-7 form input:hover{ border:solid 1px #0552aa; }
	.text-7 form textarea:hover{ border:solid 1px #0552aa; }
	.text-7 form button:hover{ background: #ff9c00; }
	/*.picture-1 ul li{ width: calc((100% - 48px) / 3);}*/
	.picture-1 ul li:nth-child(n+4){ margin-top: 24px;}	
	.picture-1-list a:hover{ border-color: #0552aa; box-shadow:0 5px 10px rgba(0,0,0,0.3);}
	.picture-1-list a:hover .imgbox span img{ opacity: 0.8;}
	.picture-1-list a:hover .textbox{ color: #fff; background: #0552aa;border-color: #0552aa;}
	.picture-1 .swiper-button{ display: flex; justify-content: center; align-items: center; margin-top: -25px; width: 50px; height: 50px; font-size:25px; color: #fff; background: #151515;}
	.picture-1 .swiper-button.swiper-button-prev{ left: -100px; transform: rotateY(180deg);}
	.picture-1 .swiper-button.swiper-button-next{ right: -100px;}
	.picture-1 .swiper-button:hover{ background: #0552aa; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
	.picture-2{ display: flex; align-items: center; justify-content: space-between; position: relative; padding:44px;}
	.picture-2:before{ content: ""; position: absolute; left: 50%; top: 0; z-index: 1; width: 1px; height: 100%; background: #ededed;}
	.picture-2 .left{width: calc(50% - 35px);}
	.picture-2 .left .imgbox span{padding-top: 370px;}
	.picture-2 .right{ width: calc(50% - 35px);}
	.picture-2 .left .imgbox:hover span{ transform: scale(1.08);}
	.picture-2 .right .more a:hover{ background: #ff9c00;}
	.picture-3-list a:hover{ border-color: #0552aa; box-shadow:0 5px 10px rgba(0,0,0,0.3);}
	.picture-3-list a:hover .imgbox span{ transform: scale(1.08);}
	.picture-3-list a:hover .textbox{ color: #fff; background: #0552aa;border-color: #0552aa;}
	.picture-3 .swiper-button{ display: flex; justify-content: center; align-items: center; margin-top: -25px; width: 50px; height: 50px; font-size:25px; color: #fff; background: #151515;}
	.picture-3 .swiper-button.swiper-button-prev{ left: -100px; transform: rotateY(180deg);}
	.picture-3 .swiper-button.swiper-button-next{ right: -100px;}
	.picture-3 .swiper-button:hover{ background: #0552aa; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
	.picture-4 ul li:hover .bot .imgbox span{ opacity: 0.8;}
	.picture-5-list a:hover{ border-color: #0552aa; box-shadow:0 0 10px rgba(0,0,0,0.2);}
	.picture-5-list a:hover .imgbox span{ transform: scale(1.08);}
	.picture-5-list a:hover .textbox .biaoti{color: #0552aa;}
	.picture-5-list a:hover .textbox .more{ color: #fff; background: #0552aa;border-color: #0552aa;}	
	.picture-10 ul li a:hover .imgbox span{ transform: scale(1.08);}
	.picture-10 ul li a:hover .textbox .biaoti{color: #0552aa;}
	.picture-10 ul li a:hover .textbox .more{ color: #fff; background: #0552aa;border-color: #0552aa;}	
	.subnav .biaoti{ display: flex; align-items: center; padding: 0 20px; margin-bottom: 3px; height: 85px; border-top:solid 5px #0470eb;}
	.subnav .biaoti .cn{ font-size: 20px; font-weight: bold;}
	.subnav .biaoti .en{ margin-left: 10px; margin-top:12px; font-family:'Arial'; font-size:12px;}
	.subnav ul{ margin:0 0 20px;}
	.subnav ul li:hover{ border-color: #0552aa;}
	.subnav ul li:hover a{ background: #0552aa;}
	.subnav ul li:hover a .mc{ color: #fff;}
	.subnav .ul .li:hover a{ color: #fff; background: #0552aa;}
	.subnav .qita{ margin-top: 3px; border:solid 1px #e5e5e5;}
	.subnav .qita .tel{ display: flex; align-items: center; padding: 0 15px; height: 79px; border-bottom: solid 1px #e5e5e5;}
	.subnav .qita .tel .icon{ margin-right: 5px; font-size:40px; color: #333;}
	.subnav .qita .tel .text{ width: calc(100% - 50px);}
	.subnav .qita .tel .text .mc{ color: #333; line-height: 24px;}
	.subnav .qita .tel .text .shuzi{ font-family: 'Arial'; font-size: 24px; color: #0552aa; line-height: 24px; font-weight: bold;}
	.subnav .qita .contact{ padding:15px 15px;}
	.subnav .qita .contact .mc{ margin-bottom: 10px; font-size: 15px; color: #333; font-weight: bold; line-height:24px;}
	.subnav .qita .contact .textbox{ color: #333; line-height:24px;}
	footer .top .box .menu ul li .ul .li a:hover{ color: #ff9c00; text-decoration: underline !important;}
}

@media (max-width:1439px){
	.picture-1 .swiper-button{ display: none;}
	.picture-3 .swiper-button{ display: none;}
}

@media (max-width:1360px){
	.picture-2{padding: 25px;}
	.picture-2 .left{ width: calc(50% - 30px);}
	.picture-2 .right{ width: calc(50% - 30px);}
}

@media (max-width:1199px){
	.main-pad-3{padding: 50px 0 0;}
	.main-pad-4{ padding:0 0 50px;}
	.main-pad-5{padding: 30px 0 0;}
	header{ margin-bottom: 50px;}
	header .qita .logo a{ line-height: 120px;}
	header .qita .logo a img{ width: 400px;}
	header .qita .biaoyu{ margin-left: 15px; padding-left: 15px;}
	header .qita .biaoyu img{ width: 300px;}
	header .menu ul li > a{ line-height: 50px;}
	.title-2 ul li a{ min-width: 100px; height: 40px;}
	.picture-1-list a .textbox{ height: 40px; font-size: 14px; line-height: 39px;}
	.picture-2{padding: 20px;}
	.picture-2 .left{ width: calc(50% - 20px);}
	.picture-2 .left .imgbox span{ padding-top: 320px;}
	.picture-2 .right{ width: calc(50% - 20px);}
	.picture-2 .right .biaoti{font-size: 22px;line-height: 26px;}
	.picture-2 .right .more a{height: 40px;}
	.picture-3-list a .textbox{height: 40px; font-size: 14px; line-height: 39px;}
	.picture-4 ul li .biaoti{ height: 50px; font-size: 16px;}
	.picture-4 ul li .bot{ padding:20px;}
	.picture-4 ul li .bot .imgbox{ width: 45%;}
	.picture-4 ul li .bot .textbox{ width: calc(55% - 20px);}
	.picture-5-list a .imgbox{ width: 200px;}
	.picture-5-list a .imgbox span{ padding-top: 180px;}
	.picture-5-list a .textbox{ width: calc(100% - 220px);}
	.picture-5-list a .textbox .biaoti{ font-size: 16px;}
	.picture-5-list a .textbox .jieshao{ margin-bottom: 15px; height: 72px; line-height: 24px;}
	.picture-10 ul li:nth-child(n+2){margin-top: 20px;}
	.picture-10 ul li a{padding: 15px;}
	footer .top{padding:25px 0 30px;}
	footer .top .box .menu ul li:nth-child(n+2){margin-left: 10%;}
}

@media (max-width:991px){
	.main-pad-3{padding: 30px 0 0;}
	.main-pad-4{ padding:0 0 30px;}
	.main-pad-5{padding: 20px 0 0;}
	.main-pad-6{ padding:0 0 30px;}
	.main-pad-7{ padding:30px 0 0;}
	header{ margin-bottom: 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: #333; text-align:center; line-height:40px; background:rgba(255,255,255,0.8); }
	.menu-box ul li.active a{ color: #fff; background: #0552aa; }
	.menu-btn{ position: relative; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #0552aa;}
	.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 .box .cn{font-size: 24px;line-height: 30px;}
	.title-1 .box .en{font-size: 16px;}
	.text-1 .right{ width: 100%;}
	.text-3{ margin-bottom: 20px;}
	.text-6{font-size: 14px; line-height: 26px;}
	.picture-1 ul li{ width: calc(50% - 10px);}
	.picture-1 ul li:nth-child(n+3){ margin-top: 20px;}
	.picture-2{flex-wrap: wrap; padding: 15px;}
	.picture-2:before{ display: none;}
	.picture-2 .left{ margin-bottom:20px; width: 100%;}
	.picture-2 .left .imgbox span{ padding-top:calc(370 / 595 * 100%);}
	.picture-2 .right{ width: 100%;}
	.picture-2 .right .biaoti{ font-size: 18px;}
	.picture-2 .right .jieshao{ max-height: initial; line-height: 24px;}
	.picture-4 ul{ flex-wrap: wrap;}
	.picture-4 ul li{ width: 100%;}
	.picture-4 ul li:nth-child(n+2){ margin-top: 20px;}
	.picture-4 ul li .biaoti{ height: 40px; font-size: 14px;}
	.picture-10 ul li a .textbox .biaoti{font-size: 16px;}
	.picture-10 ul li a .textbox .jieshao{height: 72px; line-height: 24px;}
	.subnav{ margin-bottom: 20px;}
	.subnav .biaoti{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 15px; height: 50px;}
	.subnav .biaoti .cn{ font-size: 18px;}
	.subnav .biaoti.active .icon{ transform: rotate(90deg);}
	.subnav ul{ margin:2px 0 0;}
	footer .top .box .contact{ justify-content: flex-start; padding-left: 0; width: 50%;}
	footer .top .box .ewm{ width: calc(50% - 1px);}
	footer .top .box .ewm .boxs{ display: flex; align-items: center;}
	footer .top .box .ewm .imgbox img{ width: 120px;}
	footer .top .box .ewm .mc{ padding-left: 20px;}
	footer .top .box .jiangexian2{ height: auto;}
}

@media (max-width:767px){
	body{ padding-bottom:54px;}
	.main-pad-3{ padding:20px 0 0;}
	.main-pad-4{ padding:0 0 20px;}
	.main-pad-6{ padding:0 0 20px;}
	.main-pad-7{ padding:20px 0 0;}
	header .qita .logo a{line-height:60px;}
	header .qita .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{ width: 30px;}
	.title-1 .box .cn{font-size: 20px; line-height: 24px;}
	.title-1 .box .en{ font-size: 12px; line-height: 14px;}
	.title-2 ul li a{ min-width: 80px; height: 34px; font-size: 12px;}
	.title-2-nr-box{ margin: -10px;}
	.title-3 .biaoti img{ width: 180px;}
	.title-3 .jieshao .text{ padding: 0 10px; font-size: 12px; line-height: 24px; border-right: 13px;}
	.title-5 .biaoti{font-size: 16px;}
	.text-2 form ul li input{height: 34px; font-size: 12px; line-height: 32px;}
	.text-2 form ul li textarea{ padding: 4px 10px; height: 80px; min-height: 80px; font-size: 12px; line-height: 24px;}
	.text-2 form ul li button{ height:34px; font-size: 12px; line-height: 34px;}
	.text-3 .jieshao{ margin-bottom: 10px; font-size: 12px; line-height: 24px;}
	.text-3 .contact{ margin-bottom: 10px; font-size: 12px;}
	.text-3 .more a{ width: 120px; height: 34px; font-size: 12px;}
	.text-4 .biaoti{margin-bottom: 20px; padding: 0 10px; height: 44px;}
	.text-4 .biaoti .icon{ font-size: 20px;}
	.text-4 .biaoti .mc{ font-size: 16px;}
	.text-4 ul li{ height: 12px; line-height: 12px; margin-right: 10px; padding-right: 10px;}
	.text-4 ul li a{ font-size: 12px;}
	.text-6{font-size: 12px; line-height: 24px;}
	.text-7 form .mc{ width: 50px; font-size: 12px; line-height: 34px;}
	.text-7 form .right{ width: calc(100% - 50px);}
	.text-7 form input{ height: 34px; font-size: 12px; line-height: 32px;}
	.text-7 form textarea{ padding: 3px 10px; height: 80px; min-height: 80px; font-size: 12px; line-height: 26px;}
	.text-7 form button{ margin-left: 50px; width: calc(100% - 50px); height: 34px; font-size: 12px; line-height: 34px;}
	.picture-1-list a{ margin: 10px;}
	.picture-1-list a .textbox{ height: 34px; font-size: 12px; line-height: 33px;}
	.picture-2{padding: 10px;}
	.picture-2 .right .biaoti{ margin-bottom: 15px; font-size: 16px;}
	.picture-2 .right .jiangexian{ margin-bottom: 15px; }
	.picture-2 .right .jieshao{ font-size: 12px;}
	.picture-2 .right .more a{ width: 120px; height: 34px; font-size: 12px;}
	.picture-3{ margin: -10px;}
	.picture-3-list a{margin: 10px;}
	.picture-3-list a .textbox{ height: 34px; font-size: 12px; line-height: 33px;}
	.picture-4 ul li .bot{padding: 10px; flex-wrap: wrap;}
	.picture-4 ul li .bot .imgbox{ margin-bottom: 10px; width: 100%;}
	.picture-4 ul li .bot .imgbox span{ padding-top: calc(185 / 220 * 100%);}
	.picture-4 ul li .bot .textbox{ width: 100%; font-size: 12px;}
	.picture-5-list a{padding: 10px;}
	.picture-5-list a .imgbox span{ padding-top: 150px;}
	.picture-5-list a .textbox .biaoti{ font-size: 14px;}
	.picture-5-list a .textbox .jieshao{ height: 48px; font-size: 12px;}
	.picture-5-list a .textbox .more{ width: 90px;}
	.picture-10 ul li a{padding: 10px;}
	.picture-10 ul li a .imgbox{ width: 40%;}
	.picture-10 ul li a .imgbox span{ padding-top: 150px;}
	.picture-10 ul li a .textbox{ width: 60%;}
	.picture-10 ul li a .textbox .biaoti{font-size: 14px;}
	.picture-10 ul li a .textbox .jieshao{ margin-bottom: 10px; height: 48px; font-size: 12px;}
	.picture-10 ul li a .textbox .more{ width: 60px; height: 24px; font-size: 12px; border-radius: 12px;}
	.tabBar{ position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; background: #0552aa; 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: #ff9c00;}
	.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: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;}
	.subnav .biaoti{height:40px;}
	.subnav .biaoti .cn{ font-size: 16px;}
	footer .top{padding: 20px 0;}
	footer .top .box .contact{ width: calc(100% - 141px);}
	footer .top .box .contact .textbox{ font-size: 12px;}
	footer .top .box .ewm{ width: 140px;}
	footer .top .box .ewm .boxs{ display: block; text-align: center;}
	footer .top .box .ewm .imgbox img{ width: 100px;}
	footer .top .box .ewm .mc{padding-left: 0; font-size: 12px; line-height: 24px;}
	footer .bot{font-size: 12px;}	 
}

@media (max-width:479px){
	.title-1 .box .cn{font-size: 18px;}
	.title-5 .time{font-size: 12px;}
	.text-1 .right form input{height: 34px;font-size: 12px; line-height: 32px;}
	.text-1 .right form button{height: 34px; line-height: 34px;}
	.picture-2{padding: 10px;}
	.picture-2 .right .biaoti{ margin-bottom: 10px; font-size: 14px;}
	.picture-2 .right .jiangexian{ margin-bottom: 10px;}
	.picture-2 .right .jieshao{font-size: 12px;}
	.picture-2 .right .more a{ width: 120px; height: 34px; font-size: 12px;}
	.picture-10 ul li a .imgbox span{padding-top: 125px;}
	.picture-10 ul li a .textbox{padding-left: 15px;}
	.picture-10 ul li a .textbox .biaoti{margin-bottom: 0;}
	.picture-10 ul li a .textbox .time{margin-bottom: 0;}
	.picture-10 ul li a .textbox .jieshao{margin-bottom:5px;}
}

@media (max-width:399px){
	header .qita .logo a img{ width:240px;}
	.title-1 .box .cn{ font-size: 16px;}
	.title-2 ul li a{ min-width: 70px; height: 30px;}
	.title-3 .biaoti img{ width: 150px;}
	.title-3 .jieshao .text{ line-height: 20px; border-radius: 20px;}
	.text-3{ flex-wrap: wrap;}
	.text-3 .left{ width: 100%;}
	.text-3 .right{ margin-top: 20px; width: 100%;}
	.text-3 .right ul{ display: flex;}
	.text-3 .right ul li:nth-child(n+2){ margin:0 0 0 10px;}	
	.text-3 .right ul li img{ max-width: 100px;}
	.picture-2 .right .more a{ width: 100px; height: 30px; font-size: 12px;}	
	.picture-5-list a{ flex-wrap: wrap;}
	.picture-5-list a .imgbox{ margin-bottom: 10px; width: 100%;}
	.picture-5-list a .imgbox span{ padding-top: calc(207 / 245 * 100%);}
	.picture-5-list a .textbox{ width: 100%;}
	footer .top .box .contact{ padding: 0; width: 100%; text-align: center;}
	footer .top .box .contact .boxs{ width: 100%;}
	footer .top .box .contact .tel{ justify-content: center; margin-bottom: 10px;}
	footer .top .box .contact .tel a{font-size:30px; line-height: 30px;}
	footer .top .box .jiangexian2{ margin:15px 0; width: 100%; height: 1px;}
	footer .top .box .ewm{padding: 0; width: 100%;}
	footer .top .box .ewm .boxs{ width: 100%;}
}

.contactMap{ width:100%; height:350px;}