@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}
::-webkit-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
::-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-ms-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button,video{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.main-pad-1{ padding:30px 0 0;}
.main-pad-2{ padding:0 0 30px;}
.main-pad-3{ padding:70px 0 0;}
.main-pad-4{ padding:0 0 70px;}
.main-pad-5{ padding:0 0 40px;}
.main-pad-6{ padding: 25px;}
.main-pad-7{ padding: 15px;}
.main-pad-8{ padding:25px 0;}
.main-boxshadow-1{ box-shadow: 0 13px 27px rgba(0,0,0,0.11),inset 0 0 0 1px #fff;}
.main-radius-1{ border-radius: 15px;}
.main-border-1{ border-bottom:solid 1px #e4e4e4;}
.main-border-2{ border:solid 1px #e3e3e3;}
.main-border-3{ border:solid 1px #e5e5e5;}
.main-border-4{ border-bottom:solid 1px #e5e5e5;}
.main-background-1{
	background:#efefef;background:-moz-linear-gradient(top,#efefef 0%,#ffffff 29%);background:-webkit-linear-gradient(top,#efefef 0%,#ffffff 29%);background:linear-gradient(to bottom,#efefef 0%,#ffffff 29%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef',endColorstr='#ffffff',GradientType=0 );}

header{ position: relative; z-index:99999; padding-top: 5px; box-shadow: inset 0 5px 0 #0081b9;}
header .qita .logo a{ display:block; font-size:0;}
header .qita .tel{ display: flex; align-items: center; height:137px;}
header .qita .tel .box .icon{ margin-right: 10px; font-size: 0; line-height: 47px;}
header .qita .tel .box .icon img{ width: 32px;}
header .qita .tel .box  .text .mc{ color: #333; line-height: 20px;}
header .qita .tel .box  .text .shuzi{ font-family: Arial, Helvetica, sans-serif; font-size: 27px;color: #c8000a; line-height:27px; font-weight: bold;}

.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: #0081b9;}

.title-1{ font-size: 0;}
.title-1 .box{ position: relative; display: inline-block; vertical-align: top; padding: 0 30px; overflow: hidden;}
.title-1 .box:before,.title-1 .box::after{ content:""; position: absolute; top:20px; z-index: 1; width: 3px; height: 33px; background: #e2e4e6;}
.title-1 .box:before{ left: 0;}
.title-1 .box:after{ right: 0;}
.title-1 .box .cn .item{ position: relative; display: inline-block; vertical-align: top; padding: 0 20px; font-weight: bold;}
.title-1 .box .cn .item:before,.title-1 .box .cn .item::after{ content: ""; position: absolute; top: 50%; z-index: 1; margin-top: -1px; width:500px; height: 3px; background: #e2e4e6;}
.title-1 .box .cn .item:before{ right:100%;}
.title-1 .box .cn .item::after{ left:100%;}
.title-1 .box .cn .item span{ display: inline-block; vertical-align: top;font-size: 29px;}
.title-1 .box .cn .item span:nth-child(1){color: #273747;}
.title-1 .box .cn .item span:nth-child(2){color: #0081b9;}
.title-1 .box .en .item{position: relative; display: inline-block; vertical-align: top; padding: 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;color: #777777; line-height: 20px;}
.title-1 .box .en .item:before,.title-1 .box .en .item::after{ content: ""; position: absolute; top: 50%; z-index: 1; margin-top: -1px; width:500px; height: 3px; background: #e2e4e6;}
.title-1 .box .en .item:before{ right:100%;}
.title-1 .box .en .item:after{ left:100%;}
.title-2{ padding-bottom:20px; margin-bottom: 30px; border-bottom:solid 1px #e8e8e8;}
.title-2 .left{ padding-left: 15px; border-left: solid 4px #c8000a;}
.title-2 .left .cn{ font-size:29px; color: #273747; font-weight: bold; line-height: 29px;}
.title-2 .left .cn span{ color: #0081b9;}
.title-2 .left .en{ margin-left: 10px; margin-top: 13px; font-family: Arial, Helvetica, sans-serif; font-size: 15px;color: #555555; line-height: 17px;}
.title-2 .right a{ display: block; width: 105px; font-size: 0; line-height: 36px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 18px;}
.title-2 .right a div{ display: inline-block; vertical-align: top;}
.title-2 .right a .icon{ position: relative; margin-top: 12px; margin-right: 10px; width: 12px; height: 11px; border-top:solid 1px #777777; border-bottom:solid 1px #777777;}
.title-2 .right a .icon:before{ content: ""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -1px; width: 100%; height: 1px; background: #777777; transition: all 0.3s}
.title-2 .right a .mc{ font-size:14px; color: #555555;}
.title-3{ margin-bottom: 20px; padding-bottom:2px; border-bottom:solid 1px #e8e8e8;}
.title-3 .biaoti{ position: relative; padding-left:40px; padding-right: 15px; font-size: 20px;color: #fff; font-weight: bold; line-height: 46px; background: #0081b9;}
.title-3 .biaoti:before{ content: ""; position: absolute; left: 25px; top: 50%; z-index: 1; margin-top: -10px; width: 3px; height: 20px; background: #fff;}
.title-3 .biaoti b{ display: block; position: absolute; left: 100%; bottom: 0; z-index: 1; width: 10px; height: calc(100% - 10px); background: #0081b9;}
.title-3 .biaoti b:before{ content: ""; position: absolute; left: 0; top: -7px; z-index: 1; width: 0; height: 0; border-top: solid 7px transparent; border-bottom: solid 7px transparent; border-right: solid 7px #0081b9; transform-origin:left; transform: rotate(-45deg)}
.title-3 .biaoti b:after{ content: ""; position: absolute; left: 0; top: -6px; z-index: 2; width: 0; height: 0; border-top: solid 6px transparent; border-bottom: solid 6px transparent; border-right: solid 6px #fff; transform-origin:left; transform: rotate(-45deg)}
.title-3 .more a{ display: block;}
.title-3 .more a .icon{ position: relative; margin:14px 10px 0 0; width: 17px; height: 17px; border:solid 1px #d1d1d1; border-radius: 50%;}
.title-3 .more a .icon:before,.title-3 .more a .icon::after{ content: ""; position: absolute; left: calc((100% - 7px) / 2); top: 50%; z-index: 1; margin-top: -1px; width: 7px; height: 1px; background: #000; transition: all 0.3s }
.title-3 .more a .icon::after{ transform: rotate(90deg)}
.title-3 .more a .mc{ color: #333; line-height:46px;}
.title-5{ background: #f6f6f6; box-shadow: inset 0 -1px 0 #e8e8ea;}
.title-5 ul li{ position: relative; z-index: 1; padding: 0 10px; min-width: 120px; color: #333; line-height: 46px; cursor: pointer; border-left: solid 1px #e8e8ea; border-right: solid 1px #e8e8ea;}
.title-5 ul li:first-child{ border-left: none;}
.title-5 ul li:nth-child(n+2){ margin-left: -1px;}
.title-5 ul li.active{ z-index: 1; background: #fff; color: #c8000a; box-shadow: inset 0 2px 0 #c8000a;}
.title-5-nr-box{ padding: 20px; }
.title-5-nr:nth-child(n+2){ display: none;}
.title-6{ margin-bottom:10px; font-size: 16px; color: #c8000a; font-weight: bold; line-height: 24px;}
.title-7{ margin-bottom: 20px;}
.title-7 .biaoti{ font-size: 18px;color: #333; font-weight:bold;}
.title-7 .time{ font-size: 12px;color: #999; line-height: 24px;}

.text-1{ width:360px;}
.text-1 .biaoti{ margin-bottom: 10px; font-size: 21px; color: #333; line-height: 24px;}
.text-1 .biaoti b{ color: #c8000a;}
.text-1 .jieshao{ padding: 0 10px; color: #fff; line-height: 26px; background: #0081b9;}
.text-2{ padding: 0 40px; margin:0 40px; width: calc(100% - 360px - 190px - 80px); border-left: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc;}
.text-2 .search{ margin-bottom: 10px;}
.text-2 .search form{ display:block; border-top: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc;}
.text-2 .search form input{ display: block; padding-right: 10px; width: calc(100% - 21px); height: 35px; font-size: 12px;color: #333; line-height: 35px; background: none; border:none}
.text-2 .search form button{ position: relative; display: block; padding: 0; width: 21px; height: 35px; font-size: 0; line-height: 35px; background: none; border:none}
.text-2 .search form button span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; opacity: 0;}
.text-2 .ziduan{font-size: 12px; line-height: 20px;}
.text-2 .ziduan span{ display: block; width:40px; color: #333;}
.text-2 .ziduan ul{ width: calc(100% - 40px); height: 20px; overflow: hidden;}
.text-2 .ziduan ul li{ margin-right: 10px;}
.text-2 .ziduan ul li a{ display: block; position: relative; color: #333;}
.text-2 .ziduan ul li a:before{ content: "、"; position: absolute; left: 100%; top: 0;}
.text-3{ padding-top: 10px; width:190px;}
.text-3 .biaoti { margin-bottom: 10px; line-height: 18px;}
.text-3 .biaoti .mc{ font-size: 12px;color: #525252;}
.text-3 .biaoti .icon{ margin-left:5px; font-size: 0;}
.text-3 .biaoti .icon img{ width: 18px;}
.text-3 .shuzi{ font-family: Arial, Helvetica, sans-serif; font-size: 30px;color: #000; font-weight: bold; line-height: 30px;}
.text-4 .biaoti .left{ padding-left: 15px; color: #fff; border-left: solid 4px #fff;}
.text-4 .biaoti .left .cn{ font-size: 29px; font-weight: bold; line-height: 29px;}
.text-4 .biaoti .left .en{ margin-left: 10px; margin-top: 13px; font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height: 16px;}
.text-4 .biaoti .right a{ position: relative; display: block; margin-top: 13px; padding-left: 20px; color: #fff; line-height: 14px; background: url(../images/text4_biaoti_right_jt.png) no-repeat left / 14px auto;}
.text-4 .jiangexian{ margin:20px 0; height: 1px; background:rgba(255,255,255,0.2);}
.text-4 .textbox{ height:192px; color: #fff; line-height: 24px; overflow: hidden;}
.text-4 .imgbox ul{ margin:0 -4px;}
.text-4 .imgbox ul li{ padding: 0 4px; width: calc(100% / 3);}
.text-4 .imgbox ul li span{ display: block; background-color: #fff; border:solid 2px #fff;}
.text-5 ul li:nth-child(n+2){ margin-top: 14px; padding-top: 14px; border-top: dashed 1px #d1d0ce;}
.text-5 ul li a{ display: block; padding:20px 25px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.text-5 ul li a .time{ padding-top:15px; width: 100px; color: #333; text-align: center;}
.text-5 ul li a .time .maxshuzi{ font-size: 26px; line-height: 30px;}
.text-5 ul li a .time .minshuzi{ font-size: 14px; line-height: 24px;}
.text-5 ul li a .textbox{ padding-left: 25px; width: calc(100% - 100px); border-left: solid 1px #e0e0e0;}
.text-5 ul li a .textbox .biaoti{ margin-bottom: 5px; font-size: 15px; color: #333; line-height: 24px;}
.text-5 ul li a .textbox .jieshao{ height: 48px;; font-size: 13px; color: #777777; line-height: 24px; overflow: hidden;}
.text-6 .textbox{ margin-bottom: 20px; height: 216px; font-size: 12px;color: #333; line-height: 24px; overflow: hidden;}
.text-6 .more a{ display: block; width: 128px; font-size: 12px; color: #fff; line-height: 40px; background: #333333;}
.text-7 form ul{ margin:0 -5px;}
.text-7 form ul li{ padding: 0 5px; width:100%;}
.text-7 form ul li:nth-child(-n+2){ width: 50%;}
.text-7 form ul li:nth-child(n+3){ margin-top: 12px;}
.text-7 form ul li input{ display: block; padding: 0 10px; width: 100%; height: 40px; font-size: 12px; color: #333; line-height: 38px; background: none; border:solid 1px #afb0b2;}
.text-7 form ul li input::-webkit-input-placeholder{color: #333;}
.text-7 form ul li input:-moz-placeholder{color: #333;}
.text-7 form ul li input::-moz-placeholder{color: #333;}
.text-7 form ul li input:-ms-input-placeholder{color: #333;}
.text-7 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; background: none; border:solid 1px #afb0b2;}
.text-7 form ul li textarea::-webkit-input-placeholder{color: #333;}
.text-7 form ul li textarea:-moz-placeholder{color: #333;}
.text-7 form ul li textarea::-moz-placeholder{color: #333;}
.text-7 form ul li textarea:-ms-input-placeholder{color: #333;}
.text-7 form ul li button{ display: block; padding: 0; width: 100%; height: 40px; color: #fff; line-height: 40px; background: #0081b9; border:none}
.text-8 .biaoti{ margin-bottom:15px; padding-bottom: 15px; border-bottom:solid 1px #e3e0e0;}
.text-8 .biaoti .mc{ font-size: 18px; color: #333; font-weight: bold; line-height: 24px;}
.text-8 .biaoti .jieshao{margin-top: 5px;  color: #333; line-height: 24px;}
.text-8 .textbox{ margin-bottom:50px; height: 238px; color: #333; line-height: 34px; overflow: hidden;}
.text-8 .caozuo{ max-width: 260px;}
.text-8 .caozuo ul{ margin:0 -8px 0 -7px;}
.text-8 .caozuo ul li{ padding: 0 8px 0 7px; width: 50%;}
.text-8 .caozuo ul li a{ display: block; width: 120px; font-size: 15px; line-height: 40px;}
.text-8 .caozuo ul li:nth-child(1) a{ color: #fff; background: #c8000a;}
.text-8 .caozuo ul li:nth-child(2) a{ color: #0081b9; background: #d9ecf5;}
.text-9{ color: #333; line-height: 24px;}
.text-10 ul li{ border-bottom: dashed 1px #dddddd;}
.text-10 ul li .textbox{ padding-right: 4%; width: calc(100% - 68px); line-height: 48px;}
.text-10 ul li .textbox .mc{ position: relative; padding: 0 20px 0 10px; width: calc(100% - 80px); color: #555555;}
.text-10 ul li .textbox .mc:before{ content: ""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -1px; width: 3px; height: 3px; background: #555555; border-radius: 50%;}
.text-10 ul li .textbox .time{ width: 80px; font-size: 13px;color: #555555;}
.text-10 ul li .more{ padding:12px 0; width: 68px;}
.text-10 ul li .more a{ display: block; font-size: 0; line-height: 24px; background: #999999; border-radius: 5px;}
.text-10 ul li .more a div{ display: inline-block; vertical-align: top;}
.text-10 ul li .more a .mc{ margin-right:5px; font-size: 13px;color: #fff;}
.text-10 ul li .more a .icon{ width: 15px; height: 24px; background: url(../images/text10_xiazai_pc.png) no-repeat center center / 100% auto;}
.text-11 ul li:nth-child(n+2){ margin-top: 20px; padding-top: 20px; border-top: solid 1px #d9d9d9;}
.text-11 ul li .biaoti{ font-size:0;}
.text-11 ul li .biaoti a{ display: inline-block; vertical-align: top; padding: 0 10px; font-size: 14px; color: #333; line-height:34px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);}
.text-11 ul li .ul{ padding-left: 10px; margin-top:10px;}
.text-11 ul li .ul .li{ margin-right: 30px;}
.text-11 ul li .ul .li > a{ display: block; font-size: 13px; color: #666; line-height: 24px;}
.text-11 ul li .ul .li .ul2{ position: relative; margin-top: 10px; padding-top: 10px;}
.text-11 ul li .ul .li .ul2:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 30px; height: 2px; background: #0081b9; border-right: solid 10px #c8000a;}
.text-11 ul li .ul .li .ul2 .li2 a{ display: block; font-size: 12px;color: #999; line-height: 24px;}

.subnav .biaoti{ position: relative;z-index: 2; padding: 20px 25px; background: #0081b9;}
.subnav .biaoti .icon{ position: relative; width: 36px; height: 36px;}
.subnav .biaoti .icon b{ display: block; position: absolute; z-index: 1; width: 16px; height: 16px; border:solid 2px #fff; border-radius: 5px;}
.subnav .biaoti .icon b:nth-child(1){ left: 0; top: 0;}
.subnav .biaoti .icon b:nth-child(2){ right: 0; top: 0;}
.subnav .biaoti .icon b:nth-child(3){ right: 0; bottom: 0;}
.subnav .biaoti .icon b:nth-child(4){ left: 0; bottom: 0;}
.subnav .biaoti .text{ padding-left: 15px; width: calc(100% - 36px);}
.subnav .biaoti .text .cn{ margin-bottom: 5px; font-size: 21px; color: #fff; font-weight: bold; line-height: 22px;}
.subnav .biaoti .text .en{ font-size: 12px; color: rgba(255,255,255,0.5); line-height: 14px;}
.subnav ul{ padding:0 20px 20px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.subnav ul li a{ position: relative; display: block; padding-left: 10px; padding-right: 25px; font-size: 15px;color: #333; line-height: 54px; border-bottom:dashed 1px #d9d9d9;}
.subnav ul li a:before{ content: ""; position: absolute; left: 0; top: 50%; z-index: 1; width: 20px; height: 1px; background: #c8000a; transition: all 0.3s; opacity: 0;}
.subnav ul li a .icon{ position: absolute; right: 10px; top: 50%; z-index: 1; margin-top: -7px; width: 15px; height: 15px; background: #adadad;}
.subnav ul li a .icon:before,.subnav ul li a .icon:after{ content: ""; position: absolute; left:4px; top:7px; z-index:1; width: 7px; height: 1px; background: #fff;}
.subnav ul li a .icon:after{ transform: rotate(90deg);}
.subnav ul .more{ margin-top: 20px;}
.subnav ul .more a{ display: block; font-size: 15px;color: #fff; line-height: 48px; background: #c8000a;}
.subnav ul li.active a{ padding-left: 40px;}
.subnav ul li.active a:before{ opacity: 1;}
.subnav ul li.active a .icon{ background: #c8000a;}

.subnav2 .biaoti{ margin-bottom: 15px;}
.subnav2 .biaoti .cn{ position: relative; margin-bottom: 5px; padding-left: 14px; font-size: 21px;color: #333; font-weight: bold; line-height: 21px;}
.subnav2 .biaoti .cn:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 4px; height: 100%; background: #0081b9;}
.subnav2 .biaoti .en{ overflow: hidden;}
.subnav2 .biaoti .en span{ position: relative; display: block; max-width: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 12px;color: #999999; line-height: 14px; font-style:italic;}
.subnav2 .biaoti .en span:before{ content: ""; position: absolute; left: calc(100% + 5px); bottom:3px; z-index: 1; width: 300px; height: 1px; background: #999999;;}
.subnav2 .biaoti.active .cn{ padding-left: 35px; padding-top: 4px; background-position: left bottom; background-repeat: no-repeat;}
.subnav2 .biaoti.active .cn:before{ display:none;}
.subnav2 .kuang{ margin-bottom: 20px; padding: 20px; border:solid 1px #e1e1e1;}
.subnav2 .kuang.active{ padding: 10px;}
.subnav2 .kuang:last-child{ margin-bottom: 0;}
.subnav2 .kuang ul li{ position: relative;}
.subnav2 .kuang ul li:before,.subnav2 .kuang ul li:last-child:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 1px; border-bottom:dashed 1px #b9b9b9;}
.subnav2 .kuang ul li:last-child:after{ top: initial; bottom: 0;}
.subnav2 .kuang ul li a{ display: block; position: relative; z-index: 2; padding-left: 30%; padding-right: 20px; color: #333; line-height: 39px;}
.subnav2 .kuang ul li a:before{ content: ""; position: absolute; left: 0; top: calc((100% - 12px) / 2); z-index: 1; width: 12px; height: 12px; border:solid 1px #aaaaaa; transition: all 0.3s;}
.subnav2 .kuang ul li a:after{ content: ">"; position: absolute; left: 0; top: calc((100% - 12px) / 2); z-index: 1; width: 12px; height: 12px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #aaaaaa; line-height: 12px; text-align: center; transition: all 0.3s;}
.subnav2 .kuang ul li.active a{ color: #fff; background: #c8000a; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);}
.subnav2 .kuang ul li.active a:before{ left: 20px; border-color: #fff;}
.subnav2 .kuang ul li.active a:after{ left: 20px; color: #fff; transform: rotate(90deg)}
.subnav2 .kuang .ul{ display: none;}
.subnav2 .kuang .ul .li a{ display: block; padding-left: 30%; padding-right: 20px; color: #777777; line-height: 39px;}
.subnav2 .kuang .ul .li:nth-child(n+2) a{ border-top:solid 1px #e1e1e1;}
.subnav2 .kuang .ul .li.active a{ color: #c8000a;}
.subnav2 .kuang .textbox{ color: #333; line-height: 24px;}

.picture-1:nth-child(n+2){ display: none;}
.picture-1 ul{ margin:0 -10px;}
.picture-1 ul li{ padding: 0 10px;  width: calc(100% / 3);}
.picture-1 ul li:nth-child(n+4){ margin-top: 20px;}
.picture-1 ul li a{ display: block; padding: 20px 20px 0; background: #fff; border:solid 1px #e9e9e9; box-shadow: 0 15px 22px rgba(0,0,0,0.1);}
.picture-1 ul li a .imgbox{ overflow: hidden;}
.picture-1 ul li a .imgbox span{ display: block; padding-top:206px;}
.picture-1 ul li a .textbox{ font-size: 17px;color: #000000; font-weight: bold; line-height: 68px;}
.picture-3-list a{ display: block;}
.picture-3-list a .imgbox{ position: relative; overflow: hidden;}
.picture-3-list a .imgbox span{ display: block; padding-top: 67%;}
.picture-3-list a .imgbox .number{ position: absolute; left: 0; top: 0; width:50px; text-align: center; font-style:italic; font-weight: bold; font-family: 'Aparajita'; font-size: 45px;color: #fff; height: 50px; background:rgba(200,0,10,0.8);}
.picture-3-list a .textbox{ padding: 25px 25px 30px; border:solid 1px #e9e9e9; border-bottom-width:6px}
.picture-3-list a .textbox .biaoti{ margin-bottom: 15px; font-size: 18px; color: #333; font-weight: bold; line-height: 24px;}
.picture-3-list a .textbox .jieshao{ margin-bottom: 15px; height: 72px; font-size: 13px;color: #777777; line-height: 24px; overflow: hidden;}
.picture-3-list a .textbox .more{ width: 110px; color: #273747; line-height: 40px; background: #e7e9eb;}
.picture-4 a{ position: relative; display: block; overflow: hidden;}
.picture-4 a .imgbox{ background: #fff;}
.picture-4 a .imgbox span{display: block;}
.picture-4 a .textbox{ position:absolute; left: 0; bottom: 0; z-index: 1; width: 100%; font-size: 16px; color: #fff; font-weight: bold; line-height:65px; background: rgba(0,0,0,0.8);}
.picture-5-list a{ display: block;}
.picture-5-list a .imgbox{ position: relative; margin-bottom: 10px; background: #000; overflow: hidden;}
.picture-5-list a .imgbox span{ display: block;}
.picture-5-list a .imgbox .icon{ position: absolute; left: 50%; top: 50%; z-index: 1; margin:-18px 0 0 -18px; width: 36px; height: 36px; background: #c8000a; border-radius: 50%; transform: scale(0);}
.picture-5-list a .imgbox .icon:before,.picture-5-list a .imgbox .icon:after{ content: ""; position: absolute; left: calc((100% - 11px) / 2); top: 50%; z-index: 1; width: 11px; height: 1px; background: #fff;}
.picture-5-list a .imgbox .icon:after{ transform: rotate(90deg)}
.picture-5-list a .textbox{ padding: 0 10px; font-size: 15px;color: #333; line-height: 24px;}
.picture-5 ul{ margin:0 -10px;}
.picture-5 ul li{ padding: 0 10px; width: calc(100% / 3);}
.picture-5 ul li:nth-child(n+4){ margin-top: 20px;}
.picture-6-list{ position: relative; background: #000;}
.picture-6-list .imgbox{ background: #000; overflow: hidden;}
.picture-6-list .imgbox,.picture-6-list video{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer;}
.picture-6-list .imgbox:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/bofang.png) no-repeat center center / 71px auto; opacity: 0.7; transition: all 0.3s}
.picture-6-list .imgbox span{ position: relative; display: block; height: 100%; opacity: 0.25;}
.picture-6-list video{ display: none;}
.picture-6 ul{ margin:0 -10px;}
.picture-6 ul li{ padding: 0 10px; width: calc(100% / 3);}
.picture-6 ul li:nth-child(n+4){ margin-top: 20px;}
.picture-6 ul li .textbox{ padding:0 10px; font-size: 16px; color: #333; line-height: 50px;}
.picture-6 ul li .picture-6-list{ padding-top: 64%;}
.picture-7 .maxbiaoti{ padding:20px 15px 0; width: 72px; height: 176px; font-size: 29px;color: #fff; font-weight: bold; line-height: 31px; background: #0081b9;}
.picture-7 .right{ padding: 25px 22px 0; width: calc(100% - 72px); height: 176px; background: url(../images/logo_bg.png); border:solid 1px #efefef; border-left: none;}
.picture-7-list a{ display: block;}
.picture-7-list a .imgbox{ position: relative; margin-bottom: 10px; padding-top: 98px; background: #fff; border:solid 1px #e1e1e1;}
.picture-7-list a .imgbox span{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; font-size: 0; overflow: hidden;}
.picture-7-list a .imgbox span img{ max-width: 100%; max-height: 100%;}
.picture-7-list a .textbox{ color: #273747; line-height: 24px;}
.picture-8 ul{ margin:0 -15px;}
.picture-8 ul li{ padding: 0 15px; width: 50%;}
.picture-8 ul li:nth-child(n+3){ margin-top: 30px;}
.picture-8 ul li a{ display: block; padding: 20px; background: #f5f5f5;}
.picture-8 ul li a .imgbox{ width:68%; overflow: hidden;}
.picture-8 ul li a .imgbox span{ display: block ; padding-top: 200px;}
.picture-8 ul li a .textbox{ padding-left: 20px; width:32%;}
.picture-8 ul li a .textbox .biaoti{ margin-bottom: 10px; font-size: 18px;color: #333; font-weight: bold; line-height: 24px;}
.picture-8 ul li a .textbox .jieshao{ margin-bottom: 10px; height: 120px; font-size: 13px;color: #777777; line-height: 24px; overflow: hidden;}
.picture-8 ul li a .textbox .more{ width: 80px; color: #333; line-height: 30px; background: #fff; border:solid 1px #dddcdc}
.picture-9 .top{ margin-bottom: 15px;}
.picture-9 .top .imgbox{ padding-top:357px;}
.picture-9 .bot{ position: relative; padding: 0 26px;}
.picture-9 .bot .imgbox{ position: relative; padding-top: 54px; cursor: pointer;}
.picture-9 .bot .imgbox:before{ content: ""; position:absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border:solid 2px #c8000a; transition: all 0.3s; opacity: 0;}
.picture-9 .bot .swiper-button{ top: 0; margin-top: 0; width: 17px; height: 100%; background: #f9f9f9; border:solid 1px #dfdfdf; opacity: 1;}
.picture-9 .bot .swiper-button.swiper-button-prev{ left: 0; transform: rotateY(180deg)}
.picture-9 .bot .swiper-button.swiper-button-next{ right: 0;}
.picture-9 .bot .swiper-button:before,.picture-9 .bot .swiper-button::after{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-size:6px; background-position: center center; background-repeat: no-repeat; transition: all 0.3s;}
.picture-9 .bot .swiper-button:before{ background-image: url(../images/jt.png);}
.picture-9 .bot .swiper-button:after{ background-image: url(../images/subnav_jt.png); opacity: 0;}
.picture-9 .bot .swiper-slide-thumb-active .imgbox:before{ opacity: 1;}
.picture-9 .bot .swiper-button:hover{ background: #c8000a; border-color: #c8000a;}
.picture-9 .bot .swiper-button:hover:before{ opacity: 0;}
.picture-9 .bot .swiper-button:hover:after{ opacity:1;}
.picture-10 ul li:nth-child(n+2){ padding-top: 30px; margin-top:30px; border-top: solid 1px #d9d9d9;}
.picture-10 ul li a{ display: block;}
.picture-10 ul li a .imgbox{ width:265px; overflow: hidden;}
.picture-10 ul li a .imgbox span{ display: block; padding-top: 175px;}
.picture-10 ul li a .textbox{ padding-left: 20px; width: calc(100% - 265px);}
.picture-10 ul li a .textbox .biaoti{ font-size: 16px;color: #4b4a4a; line-height: 24px;}
.picture-10 ul li a .textbox .time{ font-size: 12px;color: #999999; line-height: 24px;}
.picture-10 ul li a .textbox .jieshao{ margin-bottom: 3px; height: 96px; color: #333; line-height: 24px; overflow: hidden;}
.picture-10 ul li a .textbox .more{ margin-left: calc(100% - 90px); width: 90px; font-size: 13px;color: #fff; line-height: 28px; background: #999999;}
.picture-11 ul{ margin:0 -10px;}
.picture-11 ul li{ padding: 0 10px; width: calc(100% / 3);}
.picture-11 ul li:nth-child(n+4){ margin-top: 20px;}
.picture-11 ul li a{ display: block; padding: 20px 20px 0; background: #fff; border:solid 1px #ececec; box-shadow: 0 15px 22px rgba(0,0,0,0.12);}
.picture-11 ul li a .imgbox{ overflow: hidden;}
.picture-11 ul li a .imgbox span{ display: block; padding-top: 86%;}
.picture-11 ul li a .textbox{ font-size: 18px;color: #333; line-height:66px; font-weight: bold;}
.picture-12{ margin-bottom: 20px; font-size: 0;}
.picture-12 img{ max-width: 100%;}

footer .top{ padding: 45px 0; background: #1e1e1e;}
footer .top .menu{ padding: 15px 20px 14px 0; width: 44%;}
footer .top .menu ul li{ width: 25%; max-width: 135px;}
footer .top .menu ul li .biaoti{ margin-bottom: 20px; font-size: 18px;color: #fff; font-weight: bold; line-height: 24px;}
footer .top .menu ul li .jiangexian{ margin-bottom: 20px; width: 30px; height: 1px; background: rgba(255,255,255,0.15);}
footer .top .menu ul li .ul .li a{ display: block; color: rgba(255,255,255,0.5); line-height: 24px;}
footer .top .contact{ padding: 16px 20px; width:38%; font-size: 0; border-left: solid 1px rgba(255,255,255,0.07); border-right: solid 1px rgba(255,255,255,0.07);}
footer .top .contact .box{ display: inline-block; vertical-align: top; max-width: 100%;}
footer .top .contact .box .shuzi{ margin-bottom: 15px;}
footer .top .contact .box .shuzi a{ display: block; font-family: 'Impact'; font-size: 34px; color: #fff; line-height: 40px;}
footer .top .contact .box .biaoti{ margin-bottom: 15px;}
footer .top .contact .box .biaoti .cn{ font-size: 14px; color: #fff; line-height: 20px;}
footer .top .contact .box .biaoti .en{ font-size: 14px; color: rgba(255,255,255,0.15); line-height: 20px;}
footer .top .contact .box .jieshao{ font-size: 14px; color: rgba(255,255,255,0.5); line-height: 24px;}
footer .top .ewm{ padding-left: 20px; width: 18%;}
footer .top .ewm .box{ width: 100%; max-width: 140px;}
footer .top .ewm .box .imgbox{ margin-bottom:10px; font-size: 0;}
footer .top .ewm .box .imgbox img{ width: 100%;}
footer .top .ewm .box .jieshao{ color: #fff; line-height: 20px;}
footer .bot{ padding: 15px 0; color: #fff; line-height: 24px; background: #0081b9;}


@media (min-width:992px){
	.col-md-3-cz-2{ width: 21%;}
	.col-md-9-cz-2{ width: 79%;}
	.col-md-8-cz-1{ width: 66%;}
	.col-md-4-cz-1{ width: 34%;}
	header{ margin-bottom:56px;}
	header .top_bar .biaoyu{ font-size: 13px;color: #333; line-height: 38px;}
	header .top_bar .right ul li{ position: relative;}
	header .top_bar .right ul li:nth-child(n+2){ padding-left: 20px; margin-left: 20px;}
	header .top_bar .right ul li:nth-child(n+2):before{ content: ""; position: absolute; left:-2px; top: calc((100% - 13px) / 2); z-index: 1; width: 3px; height: 13px; background: #0081b9;}
	header .top_bar .right ul li a{ display: block; line-height: 38px;}
	header .top_bar .right ul li a .icon{ margin-right: 10px; font-size: 0;}
	header .top_bar .right ul li a .icon img{ width: 16px;}
	header .top_bar .right ul li a span{ display: block; font-size: 13px;color: #333;}
	header .top_bar .right ul li .imgbox{ position: absolute; right:0; top: 100%; z-index: 1; padding-top: 10px; width: 100px; opacity: 0; transform: translateY(-10px); visibility: hidden;}
	header .top_bar .right ul li .imgbox:before{ content: ""; position: absolute; left: 50%; top: 4px; z-index: 1; margin-left: -6px; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px #fff;}
	header .top_bar .right ul li .imgbox span{ display: block; font-size: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	header .top_bar .right ul li .imgbox span img{ width: 100%;}
	header .top_bar .right ul li:hover a span{ color: #c8000a; text-decoration: underline !important;}
	header .top_bar .right ul li:hover .imgbox{ opacity: 1; transform: translateY(0px); visibility: visible;}
	header .qita{ position: relative;}
	header .qita .biaoyu{ display: flex; align-items: center; height:137px;}
	header .qita .biaoyu .box .biaoti{ margin-bottom: 5px; font-size: 22px;color: #0081b9; font-weight: bold; line-height: 24px;}
	header .qita .biaoyu .box .jieshao{ color: #333; line-height: 24px;}
	header .qita .logo{ position: absolute; left: calc((100% - 306px) / 2); top: -43px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 306px; height: 180px; background:url(../images/logo_bg.png); border-left: solid 16px #0081b9; border-right: solid 16px #0081b9;}
	header .menu{ position:absolute; left: 0; top: 100%; z-index: 2; width: 100%; background: #fff; box-shadow: 0 -3px 5px rgba(0,0,0,0.05);}
	header .menu ul{ border-left: solid 1px #e8e8e8;}
	header .menu ul li{ position:relative; width: calc(100% / 7); border-right: solid 1px #e8e8e8;}
	header .menu ul li > a{ display:block; font-size:15px; line-height:56px; color:#333;}
	header .menu ul li .ul{ display:none; position:absolute; left:0; top:100%; width:100%; background:rgba(255,255,255,0.9); box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
	header .menu ul li .ul .li{ border-top: solid 1px #e8e8e8;}
	header .menu ul li .ul .li > a{ display:block; padding: 5px; color:#333; line-height:34px;}
	header .menu ul li .ul .li:hover > a{ color:#fff; background:#c8000a;}
	header .menu ul li:hover > a{ color:#fff; background: #c8000a;}
	header .menu ul li.active > a{ color:#fff; background: #c8000a;}
	header.active .menu{ position: fixed; top: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
	.title-2 .right a:hover{ background: #c8000a;}
	.title-2 .right a:hover .icon{ border-top-color: #fff; border-bottom-color: #fff;}
	.title-2 .right a:hover .icon:before{ background: #fff;}
	.title-2 .right a:hover .mc{ color: #fff;}
	.title-3 .more a:hover .icon{ background: #c8000a; border-color: #c8000a;}
	.title-3 .more a:hover .icon:before,.title-3 .more a:hover .icon::after{ background: #fff;}
	.title-3 .more a:hover .mc{ color: #c8000a;}
	.title-4{ padding-bottom: 12px; margin-bottom: 25px; line-height: 24px; border-bottom: solid 1px #e5e5e5;}
	.title-4 .left{ font-size: 18px;color: #333; font-weight: bold;}
	.title-4 .right{ color: #333333;}
	.title-4 .right a{ color: #333;}
	.title-4 .right a:hover{ color: #c8000a; text-decoration: underline !important;}
	.title-4 .right span{ color: #c8000a;}
	.text-2 .search form:hover{ border-top: solid 1px #c8000a; border-bottom: solid 1px #c8000a;}
	.text-2 .search form:hover button > img{ opacity: 0;}
	.text-2 .search form:hover button span{ opacity: 1;}
	.text-2 .ziduan ul li a:hover{ color: #c8000a; text-decoration: underline !important;}
	.text-4{ padding-right: 20px;}
	.text-4 .biaoti .right a:hover{ text-decoration: underline !important;}
	.text-4 .imgbox ul li span{ padding-top: 120px;}
	.text-5 ul li a:hover{ background: #0081b9;}
	.text-5 ul li a:hover .time{ color: #fff;}
	.text-5 ul li a:hover .textbox{ border-left: solid 1px rgba(255,255,255,0.35);}
	.text-5 ul li a:hover .textbox .biaoti{ color: #fff;}
	.text-5 ul li a:hover .textbox .jieshao{ color: #fff;}
	.text-6 .more a:hover{ background: #0081b9;}
	.text-7 form ul li input:hover{ background: #fff; border-color:#0081b9;}
	.text-7 form ul li textarea:hover{ background: #fff; border-color:#0081b9;}
	.text-7 form ul li button:hover{ background: #e92832;}
	.text-8 .caozuo ul li:nth-child(1) a:hover{ background: #ee1823;}
	.text-8 .caozuo ul li:nth-child(2) a:hover{ color: #fff; background: #0081b9;}
	.text-10 ul li .more a:hover{ background: #c8000a;}
	.text-11 ul li .biaoti a:hover{ color: #fff; background: #0081b9;}
	.text-11 ul li .ul .li > a:hover{ color:#0081b9; font-weight: bold; }
	.text-11 ul li .ul .li .ul2 .li2 a:hover{ color:#0081b9; text-decoration: underline !important;}
	.subnav ul .more a:hover{ background: #e92832;}
	.picture-1 ul li a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.picture-1 ul li a:hover .imgbox span{ transform: scale(1.05)}
	.picture-1 ul li a:hover .textbox{ color: #c8000a;}
	.picture-2{ position: relative; height: 426px;}
	.picture-2 .imgbox{ position: absolute; left: -15px; top: 0; z-index: 1; width: 50vw; height: 100%;}
	.picture-3-list a:hover .imgbox span{ transform: scale(1.05)}
	.picture-3-list a:hover .textbox .biaoti{ color: #0081b9;}
	.picture-3-list a:hover .textbox{ border-bottom-color:#0081b9;}
	.picture-3-list a:hover .textbox .more{ color: #fff; background: #0081b9;}
	.picture-4 a .imgbox span{ padding-top: 409px;}
	.picture-4 a:hover .imgbox span{transform: scale(1.05);}
	.picture-4 a:hover .textbox{ background: rgba(0,129,185,0.8);}
	.picture-5-list a .imgbox span{padding-top:214px;}
	.picture-5-list a:hover .imgbox span{transform: scale(1.05); opacity: 0.25;}
	.picture-5-list a:hover .imgbox .icon{ transform: scale(1)}
	.picture-5-list a:hover .textbox{ color: #016abb;}
	.picture-6-list{ padding-top:248px;}
	.picture-6-list:hover .imgbox:before{ opacity: 1;}
	.picture-6-list:hover .imgbox span{ transform: scale(1.05); opacity: 0.8;}
	.picture-7-list a:hover .imgbox{border:solid 1px #0081b9;}
	.picture-7-list a:hover .imgbox span img{transform: scale(1.05);}
	.picture-7-list a:hover .textbox{ color: #0081b9;}
	.picture-8 ul li a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2);}
	.picture-8 ul li a:hover .imgbox span{ transform: scale(1.05);}
	.picture-8 ul li a:hover .textbox .biaoti{ color: #0081b9;}
	.picture-8 ul li a:hover .textbox .more{ color: #fff; background: #0081b9; border-color:#0081b9;}
	.picture-9{ float: left; width: 48%;}
	.picture-10 ul li a:hover .imgbox span{transform: scale(1.05);}
	.picture-10 ul li a:hover .textbox .biaoti{ color: #0081b9;}
	.picture-10 ul li a:hover .textbox .more{ background: #0081b9;}
	.picture-11 ul li a:hover .imgbox span{transform: scale(1.05);}
	.picture-11 ul li a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.picture-11 ul li a:hover .textbox{ color: #0081b9;}
	.text-8{ float:right; padding-left:35px; width: 52%;}
	.subnav ul li a:hover{ color: #0081b9; text-decoration: underline !important;}
	.subnav2 .kuang ul li:hover a{ color: #fff; background: #c8000a; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);}
	.subnav2 .kuang ul li:hover a:before{ left: 20px; border-color: #fff;}
	.subnav2 .kuang ul li:hover a:after{ left: 20px; color: #fff; transform: rotate(90deg)}
	.subnav2 .kuang .ul .li:hover a{ color: #c8000a; text-decoration: underline !important;}
	footer .top .menu ul li .ul .li a:hover{color: #0081b9; text-decoration: underline !important;}

}

@media (max-width:1199px){
	.main-pad-3{ padding:40px 0 0;}
	.main-pad-4{ padding:0 0 40px;}
	.main-pad-6{ padding: 20px;}
	.main-pad-8{ padding: 20px 0;}
	.title-1 .box{ padding: 0 20px;}
	.title-1 .box .cn .item span{ font-size: 24px;}
	.title-1 .box:before, .title-1 .box::after{ top: 19px; height: 24px;}
	.title-2 .left .cn{ font-size: 24px;}
	.title-2 .left .en{ font-size: 12px;}
	.title-2 .right a{ line-height: 30px;}
	.title-2 .right a .icon{ margin-top: 9px;}
	.title-2 .right a .mc{ font-size: 12px;}
	.title-3 .biaoti{ padding-left: 34px; font-size: 16px; line-height: 40px;}
	.title-3 .biaoti:before{ left: 20px;}
	.title-3 .more a .icon{ margin-top: 12px;}
	.title-3 .more a .mc{ line-height: 40px;}
	.title-5 ul li{ min-width: 100px; line-height: 40px;}
	.text-4 .biaoti .left .cn{ font-size: 24px;}
	.text-1{ padding-top: 3px; width: 315px;}
	.text-1 .biaoti{ font-size: 18px;}
	.text-1 .jieshao{ font-size: 12px;}
	.text-2{ padding: 0 4%; margin:0 30px; width: calc(100% - 315px - 160px - 60px);}
	.text-3{ width: 160px;}
	.text-3 .shuzi{ font-size: 24px; line-height: 24px;}
	.text-5 ul li a{ padding: 15px 20px;}
	.text-5 ul li a .time .maxshuzi{ font-size: 24px;}
	.text-5 ul li a .time .minshuzi{ font-size: 12px;}
	.text-5 ul li a .textbox .jieshao{ font-size: 12px;}
	.text-8 .biaoti .mc{ font-size: 16px;}
	.text-8 .textbox{ margin-bottom: 20px; font-size: 13px; line-height: 30px;}
	.text-8 .caozuo ul li a{ font-size: 14px;}
	.text-9{ font-size: 13px;}
	.subnav .biaoti{ padding: 15px 20px;}
	.subnav .biaoti .text .cn{ font-size: 18px;}
	.subnav ul li a{ line-height:44px; font-size: 14px;}
	.subnav ul .more a{ font-size: 14px; line-height: 40px;}
	.picture-1 ul li a{ padding:20px 20px 0;}
	.picture-1 ul li a .textbox{ font-size: 14px; line-height: 50px;}
	.picture-3-list a .textbox{ padding:15px 20px;}
	.picture-3-list a .textbox .biaoti{ margin-bottom: 10px; font-size: 14px;}
	.picture-3-list a .textbox .more{ width: 100px; line-height: 34px;}
	.picture-4 a .textbox{ font-size: 14px; line-height: 50px;}
	.picture-5-list a .textbox{ font-size: 14px;}
	.picture-6 ul li .textbox{ font-size: 14px; line-height: 40px;}
	.picture-7 .maxbiaoti{ font-size: 24px;}
	.picture-8 ul li a{ padding: 15px;}
	.picture-8 ul li a .imgbox{ width: 60%;}
	.picture-8 ul li a .textbox{ width: 40%;}
	.picture-8 ul li a .textbox .biaoti{ font-size: 16px;}
	.picture-8 ul li a .textbox .jieshao{ font-size: 12px;}
	.picture-8 ul li a .textbox .more{ font-size: 12px;}
	.picture-9 .bot .imgbox{ padding-top: 65px;}
	.picture-10 ul li:nth-child(n+2){ padding-top: 25px; margin-top: 25px;}
	.picture-11 ul li a{ padding: 15px 15px 0;}
	.picture-11 ul li a .textbox{ font-size: 16px; line-height: 50px;}
	footer .top{ padding:40px 0;}
	footer .top .menu ul li .biaoti{ margin-bottom: 15px; font-size:16px}
	footer .top .contact .box .shuzi a{ font-size: 30px;}
	footer .top .contact .box .jieshao{ font-size:12px;}
	footer .top .ewm .box{ max-width: 120px;}
	footer .top .ewm .box .jieshao{ font-size:12px; line-height: 24px;}

}

@media (max-width:1199px) and (min-width:992px){
	.col-md-3-cz-1{ width: 30%;}
	.col-md-9-cz-1{ width: 70%;}
	.col-md-3-cz-2{ width: 25%;}
	.col-md-9-cz-2{ width: 75%;}
	header .top_bar .biaoyu{ font-size: 12px; line-height: 34px;}
	header .top_bar .right ul li a{ line-height: 34px;}
	header .top_bar .right ul li a span{ font-size: 12px;}
	header .qita .logo{ height: 160px;border-left-width:10px;border-right-width:10px;}
	header .qita .biaoyu{ height: 117px;}
	header .qita .biaoyu .box .biaoti{ font-size: 18px;}
	header .qita .biaoyu .box .jieshao{ font-size: 12px;}
	header .qita .tel{ height: 117px;}
	header .qita .tel .box .text .mc{ font-size: 12px;}
	header .qita .tel .box .text .shuzi{ font-size: 24px;}
	header .menu ul li > a{ font-size: 14px; line-height: 50px;}
	.text-8{ padding-left: 20px; width: 45%;}
	.picture-1 ul li a .imgbox span{ padding-top: 173px;}
	.picture-5-list a .imgbox span{ padding-top:180px;}
	.picture-4 a .imgbox span{ padding-top: 380px;}
	.picture-6-list{ padding-top: 214px;}
	.picture-9{ width: 55%;}
	.picture-9 .top .imgbox{ padding-top: 300px;}
}

@media (max-width:991px){
	.main-pad-1{ padding: 20px 0 0;}
	.main-pad-2{ padding: 0 0 20px;}
	.main-pad-3{ padding: 30px 0 0;}
	.main-pad-4{ padding: 0 0 30px;}
	.main-pad-5{ padding: 0 0 30px;}
	.main-pad-6{ padding: 15px;}
	.main-mar-1{ margin: 0 0 20px;}
	header{ padding-top: 0; box-shadow: none;}
	header .qita{ background: none !important;}
	header .qita .logo a{line-height:80px;}
	header .qita .logo a img{ width:180px;}
	header .qita .tel{ margin-right:10%; height: 80px;}
	header .qita .tel .box .icon{ line-height: 44px;}
	header .qita .tel .box .text .mc{ font-size: 12px;}
	header .qita .tel .box .text .shuzi{ font-size: 24px; line-height: 24px;}
	.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.9); }
	.menu-box ul li.active a{ color: #fff; background: #0081b9; }
	.menu-btn{ position: relative; top: 31px; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #0081b9;}
	.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-2{ margin-bottom:20px;}
	.title-2 .left .cn{ font-size: 18px;}
	.title-2 .left .en{ margin-top:8px;}
	.title-3 .biaoti{ font-size: 14px;}
	.title-3 .more a .mc{ font-size: 12px;}
	.text-1{ padding-top: 0; width: 100%;}
	.text-2{ margin:15px 0 0; padding: 0; width: 100%; border-left: none; border-right: none;}
	.text-4{ margin-bottom:20px;}
	.text-4 .biaoti .left .cn{ font-size: 18px; line-height: 24px;}
	.text-4 .biaoti .left .en{ margin-top:8px; font-size: 12px; line-height: 14px;}
	.text-4 .biaoti .right a{ margin-top: 5px;}
	.text-4 .textbox{ height: auto; font-size: 12px;}
	.text-4 .imgbox ul li span{padding-top:68%;}
	.text-5 ul li a{ padding: 15px;}
	.text-5 ul li a .textbox .biaoti{ font-size: 14px;}
	.text-6{ margin-bottom: 20px;}
	.text-6 .textbox{ height: auto;}
	.text-8 .textbox{ height: auto; font-size: 12px; line-height: 26px;}
	.text-10 ul li .textbox{ line-height: 40px;}
	.text-10 ul li .textbox .mc{ width: calc(100% - 70px); font-size: 13px;}
	.text-10 ul li .textbox .time{ width: 70px; font-size: 12px;}
	.text-10 ul li .more{ padding:8px 0;}
	.text-10 ul li .more a .mc{ font-size: 12px;}
	.more-1 a{ display: block; margin:0 auto; width: 100px; line-height: 40px; color: #fff; background: #0081b9;}
	.subnav{ margin-bottom: 20px;}
	.subnav ul{ margin:0}
	.subnav2{ margin-bottom: 20px;}
	.subnav2 .biaoti{ margin:0}
	.subnav2 .biaoti .cn{ margin:0; padding:0 15px; font-size: 18px; color: #fff; line-height: 50px; background: #0081b9;}
	.subnav2 .biaoti .cn:before{ display: none;}
	.subnav2 .biaoti .cn:after{ content: ""; position: absolute; top: 50%; right: 15px; z-index: 1; margin-top: -10px; width: 20px; height: 20px; background:url(../images/subnav_jt.png) no-repeat center center / 15px auto; transition: all 0.3s;}
	.subnav2 .biaoti.on .cn:after{ transform: rotate(90deg)}
	.subnav2 .kuang{ margin:10px 0 0; padding: 15px;}
	.picture-1 ul li{ width: 50%;}
	.picture-1 ul li:nth-child(n+3){ margin-top: 20px;}
	.picture-1 ul li a{ padding: 15px 15px 0;}
	.picture-1 ul li a .imgbox span{ padding-top: 85%;}
	.picture-1 ul li a .textbox{ line-height: 40px;}
	.picture-2 .imgbox{ padding-top:44%;}
	.picture-3-list a .imgbox .number{ width: 40px; height: 40px; font-size: 35px;}
	.picture-3-list a .textbox{ padding: 15px;}
	.picture-3-list a .textbox .jieshao{ font-size: 12px;}
	.picture-3-list a .textbox .more{ font-size: 12px;}
	.picture-4{ margin-bottom:20px}
	.picture-4 a .imgbox span{ padding-top: 70%;}
	.picture-5 ul li{ width: 50%;}
	.picture-5 ul li:nth-child(n+3){ margin-top: 20px;}
	.picture-5-list a .imgbox span{ padding-top: 88%;}
	.picture-5-list a .imgbox .icon{ display: none;}
	.picture-6-list{ padding-top: 64%;}
	.picture-6 ul li{ width: 50%;}
	.picture-6 ul li:nth-child(n+3){ margin-top: 20px;}
	.picture-7 .maxbiaoti{ padding: 0 10px; width: 100%; height: auto; font-size: 18px; line-height:40px;}
	.picture-7 .right{ padding:20px 20px 10px; width: 100%; height: auto; border-left:solid 1px #efefef; border-top: none;}
	.picture-8 ul{ margin:0 -10px;}	
	.picture-8 ul li{ padding: 0 10px;}
	.picture-8 ul li:nth-child(n+3){ margin-top: 20px;}
	.picture-8 ul li a .imgbox{ width: 50%;}
	.picture-8 ul li a .imgbox span{ padding-top: 140px;}
	.picture-8 ul li a .textbox{ padding-left: 15px; width:50%;}
	.picture-8 ul li a .textbox .biaoti{ margin-bottom: 0; font-size: 14px;}
	.picture-8 ul li a .textbox .jieshao{ height: 72px;}
	.picture-9{ margin-bottom: 20px;}
	.picture-9 .top .imgbox{ padding-top:80%;}
	.picture-9 .bot .imgbox{ padding-top:80%;}
	.picture-10 ul li:nth-child(n+2){ margin-top: 20px; padding-top: 20px;}
	.picture-10 ul li a .imgbox span{ padding-top: 158px;}
	.picture-10 ul li a .textbox .biaoti{ font-size: 14px;}
	.picture-10 ul li a .textbox .jieshao{ margin-bottom:10px; height: 72px;}
	.picture-11 ul li a .textbox{ font-size: 14px; line-height: 40px;}
	footer .top{ padding: 30px 0;}
	footer .top .contact{ padding: 0; width: auto; border:none}
	footer .top .ewm{ padding: 0; width: auto;}
	footer .top .ewm .box{ max-width: 100px;;}
	footer .bot{ font-size: 12px;}
	

}

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

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

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

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

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-moz-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-webkit-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-o-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	.title-1 .box:before, .title-1 .box::after{ top: 14px; height: 20px;}
	.title-1 .box .cn .item{ padding: 0 15px;}
	.title-1 .box .cn .item span{ font-size:18px}
	.title-1 .box .en .item{ font-size: 12px;}
	.title-2 .left .cn{ font-size: 16px;}
	.title-2 .left .en{ display: none;}
	.title-2 .right a{ width: 90px;}
	.title-5 ul li{ padding: 0; width: 20%; min-width: initial; font-size: 12px;}
	.title-5-nr-box{ padding: 15px;}
	.title-7 .biaoti{ font-size: 16px;}
	.text-1 .biaoti{ font-size: 16px;}
	.text-4 .biaoti .left .cn{ font-size:16px;}
	.text-4 .biaoti .left .en{ display: none;}
	.text-5 ul li a{ padding: 10px;}
	.text-5 ul li a .time .maxshuzi{ font-size: 18px;}
	.text-5 ul li a .textbox{ padding-left: 15px;}
	.text-9{ font-size: 12px;}
	.text-10 ul li .textbox .mc{ padding-right:15px;}
	.text-10 ul li .textbox{ padding-right:15px;}
	.more-1 a{ font-size: 12px; line-height: 34px;}
	.picture-1 ul li a{ padding:10px 10px 0;}
	.picture-1 ul li a .textbox{ font-size: 12px; line-height: 34px;}
	.picture-3-list a .imgbox .number{ width: 34px; height: 34px; font-size: 24px; line-height: 34px;}
	.picture-3-list a .textbox{ padding: 10px;}
	.picture-3-list a .textbox .biaoti{ margin-bottom:5px;}
	.picture-3-list a .textbox .jieshao{ height: 48px;}
	.picture-4 a .textbox{ line-height: 40px;}
	.picture-5-list a .textbox{ font-size: 12px;}
	.picture-6 ul li .textbox{ font-size: 12px; line-height: 30px;}
	.picture-6 ul li .picture-6-list .imgbox:before{ background-size: 60px auto;}
	.picture-8 ul li a{ padding: 10px;}
	.picture-8 ul li a .imgbox{ margin-bottom:5px; width: 100%;}
	.picture-8 ul li a .imgbox span{ padding-top:71%;}
	.picture-8 ul li a .textbox{ padding-left: 0; width: 100%;}	
	.picture-8 ul li a .textbox .jieshao{ height: 48px;}
	.picture-8 ul li a .textbox .more{ width: 70px; line-height: 24px;}
	.picture-10 ul li a .imgbox{ width: 200px;}
	.picture-10 ul li a .imgbox span{ padding-top: 140px;}
	.picture-10 ul li a .textbox{ padding-left: 15px; width: calc(100% - 200px);}
	.picture-10 ul li a .textbox .jieshao{ height: 48px; font-size: 12px;}
	.picture-10 ul li a .textbox .more{ width: 80px; font-size: 12px;}
	.picture-11 ul li{ width: 50%;}
	.picture-11 ul li:nth-child(n+3){ margin-top: 20px;}
	.picture-11 ul li a{ padding: 10px 10px 0;}
	footer .top{ padding: 20px 0;}
	.subnav2 .biaoti .cn{ font-size: 16px; line-height: 40px;}
	.subnav2 .kuang ul li a{ line-height: 34px;}
	.subnav2 .kuang .ul .li a{ font-size:12px; line-height: 34px;}
}

@media (max-width:399px){
	header .qita .logo a img{ width: 120px;}
	header .qita .tel .icon{ display: none;}
	.title-5 ul li{ width: calc(100% / 3); border-left:none; box-shadow: inset 0 -1px 0 #e8e8ea}
	.title-5 ul li.active{box-shadow:inset 0 2px 0 #c8000a, inset 0 -1px 0 #e8e8ea}
	.title-5 ul li:nth-child(n+2){ margin-left: 0;}
	.title-5 ul li:nth-child(3n+3){ border-right: none;}
	.text-1 .biaoti{ font-size: 14px;}
	.text-5 ul li a .time{ width: 80px;}
	.text-5 ul li a .textbox{ width: calc(100% - 80px);}
	.text-8 .biaoti .mc{ font-size: 14px;}
	.text-8 .biaoti .jieshao{ margin-top: 0; font-size: 12px;}
	.picture-3-list a .textbox .more{ width: 100%; line-height: 30px;}
	.picture-5-list a .textbox{ font-size: 12px;}
	.picture-6-list .imgbox:before{ background-size: 60px auto;}
	.picture-7 .maxbiaoti{ font-size: 16px; line-height: 40px;}
	.picture-7 .right{ padding: 10px;}
	.picture-10 ul li a .imgbox{ width:150px;}
	.picture-10 ul li a .imgbox span{ padding-top: 130px;}
	.picture-10 ul li a .textbox{ width: calc(100% - 150px);}
	.picture-10 ul li a .textbox .jieshao{ height:72px;}
	.picture-10 ul li a .textbox .more{ display: none;}
	footer .top .contact{ margin-bottom: 15px; width: 100%;}
	footer .top .contact .box{ display: block; text-align: center;}
	footer .top .contact .box .shuzi{ margin-bottom: 10px;}
	footer .top .contact .box .shuzi a{ font-size: 24px; line-height: 30px;}
	footer .top .ewm{ width: 100%;}
	footer .top .ewm .box{ max-width: inherit; text-align: center}
	footer .top .ewm .box .imgbox img{ max-width: 100px;}
}