@charset "utf-8";
/* 字体图标 */
@import "../plugin/font/css/font-awesome.min.css";

/* 核心样式 */
@import "../css/core/bootstrap.min.css";

body{ padding-top: 130px; font-family:"微软雅黑"}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr, dl, dd, select, option, input {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
    border: 0;
    font-style: normal;
    outline: 0;
}
.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{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
@font-face {
	font-family: 'TSTAR PRO';
	src: url('../fonts/TSTARPRO-Regular.eot');
	src: url('../fonts/TSTARPRO-Regular.eot?#iefix') format('embedded-opentype'),
	/*url('../fonts/TSTARPRO-Regular.woff2') format('woff2'),*/
	/*url('../fonts/TSTARPRO-Regular.woff') format('woff'),*/
	url('../fonts/TSTARPRO-Regular.ttf') format('truetype'),
	url('../fonts/TSTARPRO-Regular.svg#TSTARPRO-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}


.main-pad-1{ padding:10px 0 0;}
.main-pad-2{ padding:0 0 10px;}
.main-pad-3{ padding:80px 0 0;}
.main-pad-4{ padding:0 0 80px;}
.main-pad-5{ padding:60px 0 0;}
.main-pad-6{ padding:30px 0 0;}
.main-pad-7{ padding:40px 0 0;}
.main-pad-8{ padding:50px 0 0;}
.main-pad-9{ padding:25px 0 0;}
.main-pad-10{ padding: 15px 20px; }
.main-Background-1{ background:rgba(0,0,0,0.6);}
.main-Background-2{ position: relative; }
.main-Background-2:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 321px; background: #f1f2f6; }
.main-Background-2 > div{ position: relative; z-index: 2; }
.main-Background-3{ background: url(../images/wg.png) }
.main-Background-5{ background:#f1f2f6 url(../images/bg2.jpg) center center; background-repeat: no-repeat; }
.main-Background-6{ position: relative; }
.main-Background-6:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 115px; background: #f1f2f6; }
.main-Background-6 > div{ position: relative; z-index: 2; }
.main-Background-7{ background: #f4f6f6; }

header{ position:fixed; left: 0; top: 0; z-index:99999; width: 100%; background: #fff;}
header .top_bar{ line-height: 40px; background: #4e5466; }
header .top_bar .tel a{ display: block; color: #fff; }
header .top_bar .tel a .icon{ margin-right: 10px; }
header .top_bar .tel a .mc{ margin-right: 5px; font-size: 13px; }
header .top_bar .tel a .shuzi{ font-weight: bold; letter-spacing: 1px; }
header .top_bar .caozuo ul li a{ position: relative; display: block; color: #fff; }
header .top_bar .caozuo ul li a .icon{ margin-right: 5px; font-size: 20px; }
header .top_bar .caozuo ul li a .imgbox{ display: none; position: absolute; left: calc((100% - 120px) / 2); top: 100%; z-index: 1; padding-top: 10px; width: 120px; }
header .top_bar .caozuo ul li a .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 rgba(78,84,102,0.6); }
header .top_bar .caozuo ul li a .imgbox span{ display: block; padding: 10px; font-size: 0; background:rgba(78,84,102,0.6); box-shadow: 0 0 5px rgba(0,0,0,0.1); }
header .top_bar .caozuo ul li a .imgbox span img{ padding: 5px; width: 100%; background: #fff; }
header .top_bar .caozuo ul li a .mc{ font-size: 13px; }
header .top_bar .caozuo ul li:nth-child(n+2){ position: relative; padding-left: 10px; margin-left: 10px; }
header .top_bar .caozuo ul li:nth-child(n+2):before{ content: ""; position: absolute; left: 0; top: calc((100% - 14px) / 2); z-index: 1; width: 1px; height: 14px; background: #757575; }
header .qita .logo a{ display:block; font-size:0;}
header.active{ box-shadow: 0 3px 5px rgba(0,0,0,0.1); }

.banner{ position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;}
.banner a img{ max-width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width: 10px; height: 10px; background: #fff; opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #003d6f;}
.banner2{ font-size: 0; }
.banner2 img{ max-width: 100%; }

.content{ position: relative;  z-index: 2;}

.title-1 .biaoti{ margin-bottom: 10px; font-size: 0; overflow: hidden; }
.title-1 .biaoti span{ position: relative; display: inline-block; vertical-align: top; font-size: 36px;color: #235bb3; line-height: 40px; }
.title-1 .biaoti span:before,.title-1 .biaoti span:after{ content: ""; position: absolute; top: 50%; z-index: 1; width: 600px; height: 1px; background: #dddddd; }
.title-1 .biaoti span:before{ right:calc(100% + 20px); }
.title-1 .biaoti span:after{ left:calc(100% + 20px); }
.title-1 .jieshao{ font-size: 24px;color: #717171; line-height: 26px; }
.title-2 .en{ margin-bottom: 15px; font-family: 'TSTAR PRO'; font-size: 48px; color: rgba(0,0,0,0.2); line-height: 36px;}
.title-2 .cn{ font-size: 0; overflow: hidden; }
.title-2 .cn  span{ position: relative; display: inline-block; vertical-align: top; font-size: 30px;color: #383838; line-height: 32px; }
.title-2 .cn  span b{ display: block; position: absolute; top: 50%; z-index: 1; width: 170px; height: 1px; background: #235bb3; }
.title-2 .cn  span b:first-child{ right: calc(100% + 20px); }
.title-2 .cn  span b:last-child{ left: calc(100% + 20px); }
.title-2 .cn  span b:before{ content: ""; position: absolute; top:-2px; z-index: 1; width: 5px; height: 5px; background: #235bb3; }
.title-2 .cn  span b:first-child:before{ left: 100%; }
.title-2 .cn  span b:last-child:before{ right: 100%; }
.title-2 .cn  span b:after{ content: ""; position: absolute; top: -5px; z-index: 1; width: 600px; height: 1px; background: #b4b4b4; }
.title-2 .cn  span b:first-child:after{ right: calc(100% - 15px); }
.title-2 .cn  span b:last-child:after{ left: calc(100% - 15px); }
.title-3-list a{ display: block; }
.title-3-list a .icon{ position: relative; margin:0 auto 15px; width: 97px; height: 97px; font-size: 0; line-height: 97px; background: #fff; border-radius: 50%; }
.title-3-list a .icon span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
.title-3-list a .biaoti{ font-size: 17px;color: #3a3a3a; line-height: 19px; }
.title-3 .swiper-slide.active .title-3-list a .icon{ background: #235bb3; }
.title-3 .swiper-slide.active .title-3-list a .icon > img{ opacity: 0; }
.title-3 .swiper-slide.active .title-3-list a .icon span{ opacity: 1; }
.title-3 .swiper-slide.active .title-3-list a .biaoti{ color: #235bb3; }
.title-3-nr:nth-child(n+2){ display: none; }
.title-4{ position: relative; }
.title-4 b{ display: block; position: absolute; z-index: 1; width: 0; height: 0; }
.title-4 b:nth-child(1){ left: calc(50% - 40px); top: -85px; border-top: solid 28px transparent; border-bottom: solid 35px transparent; border-right: solid 24px #8abc2e; transform-origin:left; transform: rotate(-25deg);  }
.title-4 b:nth-child(2){ left: calc(50% + 20px); top: -175px; border-top: solid 66px transparent; border-bottom: solid 80px transparent; border-right: solid 55px #235bb3; transform-origin:left; transform: rotate(55deg);  }
.title-4 .biaoti{ margin-bottom: 15px; font-size: 0; }
.title-4 .biaoti img{ max-width: 100%; }
.title-4 .jieshao{ font-size: 24px;color: #fff; line-height: 26px; letter-spacing:30px; text-indent: 30px; }
.title-5 .en{ margin-bottom:-53px; font-family:'TSTAR PRO'; font-size:72px; color: rgba(0,0,0,0.1); line-height: 53px; }
.title-5 .cn{ margin-bottom: 10px; font-size: 30px; color: #383838; line-height: 53px; }
.title-5 .jieshao{ font-size: 16px;color: #949494; line-height: 20px; }
.title-6{ margin-bottom: -10px; font-size: 0; }
.title-6 ul li{ display: inline-block; vertical-align: top; margin:0 7px 10px; }
.title-6 ul li a{ display: block; padding: 0 10px; min-width: 114px; font-size: 18px;color: #fff; line-height: 39px; background: #8abc2e; border-radius: 5px; }
.title-6 ul li.active a{ background: #235bb3; }
.title-6-nr:nth-child(n+2){ display: none; }
.title-7{ padding: 20px 0; }
.title-7 .left{ position: relative; padding-left: 20px; }
.title-7 .left:before,.title-7 .left:after{ content: ""; position:absolute; left: 0; width: 5px; height: 13px; }
.title-7 .left:before{ bottom: 50%; background:#9bc64c; border-radius: 3px 3px 0 0; }
.title-7 .left:after{ top: 50%; background:#235bb3; border-radius: 0 0 3px 3px; }
.title-7 .left .cn{ font-size: 24px;color: #3a3a3a; line-height: 30px; }
.title-7 .left .en{ margin-left: 10px; margin-top:5px; font-family: arial; font-size: 18px; color: #adadad; }
.title-9{ margin-bottom:20px; border-bottom: solid 1px #235bb3; }
.title-9 .biaoti{ padding: 0 20px; font-size: 16px;color: #fff; line-height: 45px; background: #235bb3; }
.title-10{ margin-bottom: 20px; }
.title-10 .biaoti{ font-size: 30px;color: #333; line-height: 40px; }
.title-10 .qita{ margin-top: 15px; font-size: 12px;color: #969696; line-height: 33px; background: #f5f5f5; }
.title-11{ padding-bottom: 10px; margin-bottom: 20px; font-size: 18px; color: #adadad; border-bottom: solid 1px #235bb3; }
.title-11 b{ color: #235bb3; }

.text-2-list{ position: relative; }
.text-2-list .imgbox{ height: 105px; font-size: 0; line-height: 105px;}
.text-2-list .textbox{ padding:29px 10px; height: 105px;}
.text-2-list .textbox .biaoti{ margin-bottom: 10px; font-size: 18px;color: #3e3e3e; font-weight: bold; line-height: 20px; }
.text-2-list .textbox .jieshao{ color: #626262; line-height: 16px; }
.text-2 .swiper-slide:nth-child(odd) .imgbox{ border: solid 1px #828282; border-bottom: none;}
.text-2 .swiper-slide:nth-child(odd) .textbox{ border: solid 1px #dedede; border-top: none;}
.text-2 .swiper-slide:nth-child(even) .text-2-list{ padding-bottom: 105px; }
.text-2 .swiper-slide:nth-child(even) .imgbox{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; border: solid 1px #dedede; border-top: none;}
.text-2 .swiper-slide:nth-child(even) .textbox{ border: solid 1px #828282; border-bottom: none;}
.text-3 .textbox ul li{ position: relative; display: flex; justify-content: center; align-items: center; height: 100px; border:solid 1px #cfcfcf; border-radius: 5px; }
.text-3 .textbox ul li:nth-child(n+2){ margin-top: 15px; }
.text-3 .textbox ul li:before{ content: ""; position: absolute; left: -1px; top: calc((100% - 30px) / 2); z-index: 1; width: 4px; height: 30px; background: #8abc2e; }
.text-3 .textbox ul li .box{ padding-right: 10px; width: 100%; }
.text-3 .textbox ul li .box .shuzi{ padding-left: 20px; width: 90px; font-size: 36px;color: rgba(255,255,255,0.5); line-height: 48px; font-weight: lighter; font-style: italic; }
.text-3 .textbox ul li .box .mc{ font-size: 24px; color: #fff; line-height: 48px; text-shadow:2px 2px 0 rgba(0,0,0,0.33); }
.text-3 .textbox ul li .box .text{ padding-left: 25px; max-width: calc(100% - 90px - 96px); height: 48px; color: rgba(255,255,255,0.8); line-height: 24px; overflow: hidden; }
.text-4{ overflow: hidden; }
.text-4 ul{ margin:0 -17px; }
.text-4 ul li{ padding: 0 17px; width: 50%; }
.text-4 ul li a{ display: block; padding: 25px 0; border-bottom: solid 1px #dbdce0; }
.text-4 ul li a .time{ padding: 14px 0 0; width: 97px; height: 85px; background: #e1e8f3; }
.text-4 ul li a .time .maxshuzi{ margin-bottom:5px; font-size: 36px;color: #303030; line-height: 38px; }
.text-4 ul li a .time .minshuzi{ font-size: 12px;color: #797979; line-height: 14px; }
.text-4 ul li a .textbox{ padding-top: 5px; padding-left: 20px; width: calc(100% - 97px); height: 85px; }
.text-4 ul li a .textbox .biaoti{ margin-bottom: 10px; font-size: 16px;color: #333; line-height: 24px; }
.text-4 ul li a .textbox .jieshao{ height: 40px; font-size: 13px; color: #919191; line-height: 20px; overflow: hidden; }
.text-5{ padding: 30px 30px 0; background: #f2f2f2; }
.text-5 .biaoti{ margin-bottom: 20px; padding-bottom: 20px; font-size: 24px;color: #383838; line-height: 30px; border-bottom:solid 1px #bebebe; }
.text-5 .jieshao{ margin-bottom: 20px; height: 240px; color: #757575; line-height: 24px; overflow: hidden; }
.text-5 .tel a{ display: block; padding: 0 15px; color: #fff; line-height: 55px; background: #8abc2e; border-radius: 5px; }
.text-5 .tel a .icon{ margin-right: 10px; font-size: 30px; }
.text-5 .tel a .shuzi{ font-size: 22px; }
.text-6{ font-size: 15px;color: #757575; line-height: 30px; }
.text-7 .biaoti{ margin-bottom: 10px; font-size: 18px;color: #235bb3; font-weight: bold; line-height: 24px; }
.text-7 .jieshao{ margin-bottom:20px; font-size: 16px;color: #646464; line-height: 36px; }
.text-7 .ewm .imgbox{ padding: 6px; background: #fff; }
.text-7 .ewm .imgbox img{ width: 121px; }
.text-8 form{ display: block; padding: 30px; background: rgba(255,255,255,0.9); }
.text-8 form ul li:nth-child(n+2){ margin-top: 10px; }
.text-8 form ul li .biaoti{ width: 50px; font-size: 16px;color: #676767; line-height: 38px; }
.text-8 form ul li .right{ width: calc(100% - 50px); }
.text-8 form ul li .right input{ display: block; padding: 0 10px; padding: 0 10px; width: 100%; height: 38px; font-size: 15px;color: #676767; line-height: 36px; background: #fff; border:solid 1px #cacaca; }
.text-8 form ul li .right input::-webkit-input-placeholder{color: #676767;}
.text-8 form ul li .right input:-moz-placeholder{color: #676767;}
.text-8 form ul li .right input::-moz-placeholder{color: #676767;}
.text-8 form ul li .right input:-ms-input-placeholder{color: #676767;}
.text-8 form ul li .right textarea{ display: block; padding:3px 10px; padding: 0 10px; width: 100%; max-width: 100%; min-width: 100%; height: 90px; min-height: 90px; font-size: 15px;color: #676767; line-height:30px; background: #fff; border:solid 1px #cacaca; }
.text-8 form ul li .right textarea::-webkit-input-placeholder{color: #676767;}
.text-8 form ul li .right textarea:-moz-placeholder{color: #676767;}
.text-8 form ul li .right textarea::-moz-placeholder{color: #676767;}
.text-8 form ul li .right textarea:-ms-input-placeholder{color: #676767;}
.text-8 form ul button{ display:block; padding: 0; margin-top: 20px; margin-left: calc((100% - 50px - 184px) / 2 + 50px); width: 184px; height: 50px; font-size: 16px;color: #fff; line-height: 50px; background: #235bb3; border:none; border-radius: 5px; }

.picture-1 ul{ position: relative; margin:0 -5px; }
.picture-1 ul li{ padding: 0 5px; }
.picture-1-list{ position: relative; padding-top: 63%; background: #f00; }
.picture-1-list a{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.picture-1-list a .imgbox{ position: relative; height:100%; overflow: hidden; }
.picture-1-list a .imgbox span{ display: block; position: relative; height: 100%; }
.picture-1-list a .textbox{ position: absolute; left: 0; z-index: 1; padding: 0 10px; width: 100%; font-size: 17px;color: #fff; line-height:55px; background: rgba(0,0,0,0.5); }
.picture-2-list a{ position: relative; display: block; background: #fff; }
.picture-2-list a .imgbox{ overflow: hidden; }
.picture-2-list a .imgbox span{ display: block; }
.picture-2-list a .textbox .biaoti{ margin-bottom: 20px; font-size: 24px; line-height: 30px; }
.picture-2 .swiper-slide:nth-child(1) .picture-2-list a .textbox .biaoti{ color: #235bb3; }
.picture-2 .swiper-slide:nth-child(2) .picture-2-list a .textbox .biaoti{ color: #8abc2e; }
.picture-2 .swiper-slide:nth-child(3) .picture-2-list a .textbox .biaoti{ color: #ff771c; }
.picture-2-list a .textbox .jieshao{height: 60px; font-size: 16px; color: #5f5f5f; line-height: 30px; overflow: hidden; }
.picture-3{ position: relative; }
.picture-3-list a{ position: relative; display: block; background: #000; }
.picture-3-list a .imgbox{ overflow:hidden; }
.picture-3-list a .imgbox span{ display: block; padding-top: 115%;} 
.picture-3-list a .textbox{ position: absolute; left: 0; z-index: 1; font-size: 18px; color: #fff; font-weight:bold;}
.picture-4 a{ display: block; padding: 20px; background: #fff; box-shadow: 0 0 24px rgba(0,0,0,0.11); }
.picture-4 a .imgbox{ width: 350px; overflow: hidden; }
.picture-4 a .imgbox span{ display: block; padding-top: 200px; }
.picture-4 a .textbox{ padding-left: 30px; width: calc(100% - 350px); }
.picture-4 a .textbox .biaoti{ font-size: 16px;color: #333; line-height: 24px; }
.picture-4 a .textbox .time{ margin-bottom: 15px; font-size: 12px;color: #bababa; line-height: 24px; }
.picture-4 a .textbox .jieshao{ margin-bottom: 40px; height: 72px; color: #646464; line-height: 24px; overflow: hidden; }
.picture-4 a .textbox .more{ font-size: 13px;color: #909090; line-height: 15px; text-decoration: underline; }
.picture-5 .textbox .biaoti{ margin-bottom: 20px; }
.picture-5 .textbox .biaoti .cn{ margin-bottom:5px; font-size: 26px; line-height: 28px; background:-webkit-linear-gradient(left,#235bb3 0%,#8abc2e 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.picture-5 .textbox .biaoti .en{ font-size: 12px;color: #9a9a9a; line-height: 12px; transform-origin:left top; transform: scale(0.72); }
.picture-5 .textbox .jieshao{font-size: 15px;color: #5e5e5e; line-height:28px; }
.picture-5 .textbox .more a{ display: block; width: 135px; height: 42px; color: #908f8f; line-height: 40px; border:solid 1px #bababa; border-radius: 5px; }
.picture-6 ul{ margin:0 -13px -26px; }
.picture-6 ul li{ padding: 0 13px; margin-bottom: 26px; width: calc(100% / 3); }
.picture-6 ul li a{ display: block; padding: 15px; background: #f2f2f2; }
.picture-6 ul li a .imgbox{ margin-bottom:15px; overflow: hidden; }
.picture-6 ul li a .imgbox span{ display: block; padding-top: 75%; }
.picture-6 ul li a .textbox{ padding: 10px 0; font-size: 18px;color: #505050; line-height: 24px; }
.picture-8{ position: relative; }
.picture-8 .map{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.picture-9 ul li:nth-child(n+2){ margin-top: 10px; }
.picture-9 ul li a{ display: block; padding: 15px; background: #f5f5f5; }
.picture-9 ul li a .imgbox{ width: 150px; overflow: hidden; }
.picture-9 ul li a .imgbox span{ display: block; padding-top: 110px; }
.picture-9 ul li a .textbox{ padding-left: 20px; width: calc(100% - 150px); }
.picture-9 ul li a .textbox .biaoti{ margin-bottom: 3px; font-size: 16px;color: #333; font-weight: bold; line-height: 24px; }
.picture-9 ul li a .textbox .biaoti span{ color: #235bb3; font-weight: bold; }
.picture-9 ul li a .textbox .time{ margin-bottom: 3px; font-size:12px;color: #969696; line-height: 24px; }
.picture-9 ul li a .textbox .jieshao{ height: 48px; color: #646464; line-height: 24px; overflow: hidden; }

footer .top{ padding: 50px 0; }
footer .top .contact{ padding: 0 90px; border-right:dotted 1px #8e8e8e; }
footer .top .contact .tel{ margin-bottom: 20px; }
footer .top .contact .tel a{ display: block; }
footer .top .contact .tel .mc{ margin-bottom: 5px; font-size: 17px;color: #2d2d2d; line-height: 24px; }
footer .top .contact .tel .shuzi{ font-family:arial; font-size: 30px; color: #235bb3; line-height: 34px; }
footer .top .contact .textbox ul li:nth-child(n+2){ margin-top: 10px; }
footer .top .contact .textbox ul li .icon{ width: 24px; font-size:16px; color: #b0b0b0; line-height:22px; border:solid 1px #b0b0b0; border-radius: 50%; }
footer .top .contact .textbox ul li .mc{ padding-left: 15px; width: calc(100% - 24px); color: #767676; line-height: 24px; }
footer .top .qita .ewm{ margin-bottom: 20px; }
footer .top .qita .ewm .imgbox{ margin-bottom: 10px; font-size: 0; }
footer .top .qita .ewm .imgbox img{ width: 135px; background: #fff; border:solid 6px #fff; }
footer .top .qita .ewm .biaoti{ font-size: 12px;color: #939393; line-height: 16px; }
footer .top .qita .fenxiang{ font-size: 0; }
footer .top .qita .fenxiang ul li{ display: inline-block; vertical-align: top; margin:0 10px; }
footer .top .qita .fenxiang ul li a{ display: block; position: relative; }
footer .top .qita .fenxiang ul li a .icon{ font-size:18px;color: #7e7e7e; line-height: 24px; }
footer .top .qita .fenxiang ul li a .imgbox{ display: none; position: absolute; left: calc((100% - 100px) / 2); bottom: 100%; z-index: 1; padding-bottom: 10px; width: 100px; }
footer .top .qita .fenxiang ul li a .imgbox:before{ content: ""; position: absolute; left: 50%; bottom: 4px; z-index: 1; margin-left: -6px; width: 0; height: 0; border-left: solid 6px transparent;border-right: solid 6px transparent;border-top: solid 6px #fff; }
footer .top .qita .fenxiang ul li a .imgbox span{ display: block; padding: 6px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
footer .top .qita .fenxiang ul li a .imgbox span img{ width: 100%; }
footer .bot{ padding: 20px 0; color: #fff; line-height: 24px; background: #4e5466; }


/* 手机底部组件 */
.root_kong {
  width: 100%;
  height: 42px;
  float: left;
  background-color: #fff;
  height: calc(42px + constant(safe-area-inset-bottom));
  height: calc(42px + env(safe-area-inset-bottom));
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.root {
  width: 100%;
  /*height: 54px;*/
  background-color: #487C1D;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9;
  /*height: calc(54px + constant(safe-area-inset-bottom));
  height: calc(54px + env(safe-area-inset-bottom));*/
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
	border-radius: 20px;
}
.root>li {
  width: 100%;
  /*float: left;*/
  border-right: 1px solid #fff;
}
.root>li:last-child {
  border: none;
}
.root>li>a {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  padding: 6px 0;
  color: #fff;
}
.root>li>a>div {
  width: 100%;
  float: left;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
	
	
}
/*.root>li>a>div:first-child {
  font-size: 22px;
  margin-bottom: 6px;
}*/
.root>li>a:hover {
  background-color: #8ABC2E;
  color: #fff;
  border-radius: 20px;
}

/* 电话 */
.root_bj {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.root_phone {
  display: none;
  width: 100%;
  background-color: #f5f5f5;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.root_phone>a,
.root_phone>.root_off {
  display: block;
  background-color: #fff;
  line-height: 44px;
  color: #333;
  text-align: center;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
}
.root_phone .root_off {
  margin-top: 6px;
  border-top: 1px solid #ddd;
}
.root_phone .root_off:hover,
.root_phone a:hover {
  background: #ddd;
}

/* 微信号 */
.wecht-box {
  display: none;
  width: 100%;
  float: left;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
}
.wecht-box .wecht {
  width: 100%;
  float: left;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.wecht-box .wecht .wecht_title {
  display: block;
  overflow: hidden;
  line-height: 20px;
  font-size: 14px;
  color: #333;
}
.wecht-box .wecht .wecht_title>span {
  display: block;
  overflow: hidden;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
}
.wecht-box .wecht>img {
  display: block;
  max-width: 150px;
  margin: 10px auto;
  overflow: hidden;
}
.wecht-box .wecht .wecht_txt {
  display: block;
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  line-height: 18px;
}
.wecht-box .wecht .wecht_txt>span {
  font-family: Impact;
  font-size: 16px;
}
.wecht-box .wecht .wecht_off {
  width: 30px;
  height: 30px;
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 50%;
  bottom: -38px;
  border: 1px solid #fff;
  transform: translateX(-50%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* END-手机底部组件 */

@media (min-width:992px){
	.main-Background-4{ position: relative; background: #235bb3; }
	.main-Background-4:before{ content: ""; position: absolute; left: 50%; top: 0; z-index: 1; width: 50%; height: 100%; background: url(../images/text3_img.jpg) 50% 50%; background-size: cover; }
	.main-Background-4:after{ content: ""; position: absolute; left: 50%; top: 0; z-index: 2; margin-left:-25px; width: 0; height: 0; border-left: solid 25px transparent; border-right: solid 25px transparent; border-top: solid 25px #fff; }	
	.main-Background-4 > div{ position: relative; z-index: 3; }	
	header .top_bar .biaoyu{ font-size: 13px;color: #fff; }
	header .top_bar .caozuo{ margin-left: 20px; }
	header .top_bar .caozuo ul li a:hover{ color: #ff771c; }
	header .top_bar .caozuo ul li a:hover .imgbox{ display: block; }
	header .qita .logo a{line-height:90px;}
	header .qita .menu ul li:nth-child(n+2){ margin-left: 10px; }
	header .qita .menu ul li a{ position: relative; display:block; padding:0 10px; min-width: 100px; font-size:17px; text-align: center; line-height:90px; color:#575757;}
	header .qita .menu ul li a:before{ content: ""; position: absolute; left: 50%; bottom: 0; z-index: 1; margin-left:0%; width: 0; height: 3px; background: #235bb3; transition: all 0.3s; }
	header .qita .menu ul li:hover a{ color:#1d1d1d; background: #eeeeee;}
	header .qita .menu ul li:hover a:before{ margin-left: -50%; width: 100%; }
	header .qita .menu ul li.active a{ color:#1d1d1d; background: #eeeeee;}
	header .qita .menu ul li.active a:before{ margin-left: -50%; width: 100%; }
	.banner{ margin-bottom: -55px; }
	.title-3-list a:hover .icon{ background: #235bb3; }
	.title-3-list a:hover .icon > img{ opacity: 0; }
	.title-3-list a:hover .icon span{ opacity: 1; }
	.title-3-list a:hover .biaoti{ color: #235bb3; }
	.title-6 ul li a:hover{ background: #7aab21; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
	.title-6 ul li.active a:hover{ background: #194c9c; }
	.title-7 .right{ line-height: 30px; }
	.title-7 .right .icon{ font-size: 18px; color: #b6b7b7; }
	.title-7 .right .mc{ margin-left: 10px; color: #656565; }
	.title-7 .right .mc a{ color: #656565; }
	.title-7 .right .mc a:hover{ color: #235bb3; text-decoration: underline !important; }
	.title-8{ position: relative; }
	.title-8:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 68px; background: #fff; border-bottom:solid 1px #3b6dbb; box-shadow: 0 0 10px rgba(35,91,179,0.2); }
	.title-8 .swiper-container{ z-index: 2; }
	.title-8-list a{ position: relative; display: block; padding-bottom: 10px;}
	.title-8-list a:before{ content: ""; position: absolute; left: 50%; bottom: 0; z-index: 1; margin-left: -10px; width: 0; height: 0; border-left:solid 10px transparent; border-right:solid 10px transparent; border-top:solid 10px #235bb3; transition: all 0.3s; opacity: 0; }
	.title-8-list a span{ display:flex; justify-content: center; align-items: center; padding:5px; height: 67px; font-size: 17px;color: #414141; line-height: 24px; background: #fff; overflow: hidden; }
	.title-8 .swiper-slide.active .title-8-list a:before{ opacity: 1; }
	.title-8 .swiper-slide.active .title-8-list a span{ color: #fff; background: #235bb3; }
	.title-8-list a:hover span{ color: #fff; background: #235bb3; }
	.text-1 .left{ padding-right: 10px; width: calc(100% - 310px); }
	.text-1 .left .mc{ width: 110px; font-size: 16px;color: #fff; line-height: 34px; }
	.text-1 .left ul{ padding-top: 9px; width: calc(100% - 110px); height: 34px; overflow: hidden; }
	.text-1 .left ul li a{ display: block; padding-right: 20px; margin-right: 20px; height: 16px; color: #fff; line-height: 16px; border-right: solid 1px #fff; }
	.text-1 .left ul li:last-child a{ padding-right: 0; margin-right: 0; border-right: none; }	
	.text-1 .left ul li a:hover{ color: #8abc2e; text-decoration: underline !important; }
	.text-1 .right{ width: 310px; }
	.text-1 .right form{ display: block;}
	.text-1 .right form input{ display: block; padding: 0 27px 0 17px; margin-right: -17px; width: calc(100% - 17px); height: 34px; color: #b4b4b4; line-height: 34px; background: #fff; border:none; border-radius: 17px 0 0 17px; }
	.text-1 .right form input::-webkit-input-placeholder{ color: #b4b4b4;}
	.text-1 .right form input:-moz-placeholder{ color: #b4b4b4;}
	.text-1 .right form input::-moz-placeholder{ color: #b4b4b4;}
	.text-1 .right form input:-ms-input-placeholder{ color: #b4b4b4;}
	.text-1 .right form input:hover{ color: #333; box-shadow: inset 3px 3px 5px rgba(0,0,0,0.2); }
	.text-1 .right form input:hover::-webkit-input-placeholder{ color: #333;}
	.text-1 .right form input:hover:-moz-placeholder{ color: #333;}
	.text-1 .right form input:hover::-moz-placeholder{ color: #333;}
	.text-1 .right form input:hover:-ms-input-placeholder{ color: #333;}
	.text-1 .right form button{ display: block; padding: 0; width: 34px; height: 34px; font-size: 25px;color: #fff; line-height: 34px; background: #7b7b7b; border:none; border-radius:50%; }
	.text-1 .right form button:hover{ background: #8abc2e; }
	.text-3 .textbox{ max-width: calc(50% + 60px); }
	.text-4 ul li a:hover .time{ background: #235bb3; }
	.text-4 ul li a:hover .time .maxshuzi{ color: #fff; }
	.text-4 ul li a:hover .time .minshuzi{ color: rgba(255,255,255,0.5); }
	.text-4 ul li a:hover .textbox .biaoti{ color: #235bb3; }
	.text-5{ float: right; width: 50%; height: 440px; }
	.text-5 .tel a:hover{ background: #235bb3; }
	.text-7{ float: left; padding-right: 30px; width: 30%; }
	.text-8{ max-width: calc(50% - 20px); }
	.text-8 form ul li .right input:hover{ border:solid 1px #235bb3; }
	.text-8 form ul li .right textarea:hover{ border:solid 1px #235bb3; }
	.text-8 form ul button:hover{ background: #8abc2e; }
	.picture-1 ul li{ width: calc(100% / 3); }
	.picture-1 ul li:nth-child(1),.picture-1 ul li:nth-child(3){ margin-bottom: 10px; }
	.picture-1 ul li:nth-child(4){ position: absolute; left: 0; bottom: 0; }
	.picture-1 ul li:nth-child(2) .picture-1-list{ padding-top:calc(126% + 10px);}
	.picture-1-list a .textbox{bottom: -55px; }
	.picture-1-list a:hover .imgbox span{ transform: scale(1.05); }
	.picture-1-list a:hover .textbox{ bottom: 0; }
	.picture-2 .swiper-wrapper{ display: block; }
	.picture-2 .swiper-slide:nth-child(n+2){ margin-top: 10px; }
	.picture-2-list a .imgbox,.picture-2-list a .textbox{ width: 50%; }
	.picture-2 .swiper-slide:nth-child(odd) .picture-2-list a .imgbox{ float: right;}
	.picture-2 .swiper-slide:nth-child(even) .picture-2-list a .imgbox{ float: left;}
	.picture-2 .swiper-slide:nth-child(odd) .picture-2-list a .textbox{ float: left;}
	.picture-2 .swiper-slide:nth-child(even) .picture-2-list a .textbox{ float: right; text-align: right;}
	.picture-2-list a .imgbox span{ padding-top: 338px; }
	.picture-2-list a .icon{ position: absolute; left: calc((100% - 180px) / 2); top: calc((100% - 180px) / 2); z-index: 2; padding: 20px; width: 180px; height: 180px; background: rgba(35,91,179,0.2); border-radius: 50%; }
	.picture-2-list a .icon:before{ content: ""; position: absolute; bottom: calc(50% + 15px); z-index: 1; width: 171px; height: 1px; background: #cbcbcb; }
	.picture-2 .swiper-slide:nth-child(odd) .picture-2-list a .icon:before{ right: 50%; transform-origin:right bottom; transform: rotate(33deg);}
	.picture-2 .swiper-slide:nth-child(even) .picture-2-list a .icon:before{ left: 50%; transform-origin:left bottom; transform: rotate(-33deg); }
	.picture-2-list a .icon span{ position: relative; z-index: 2; display: block;  height: 140px; font-size: 0; line-height: 140px; border-radius: 50%; }
	.picture-2 .swiper-slide:nth-child(1) .picture-2-list a .icon span{ background: #235bb3; }
	.picture-2 .swiper-slide:nth-child(2) .picture-2-list a .icon span{ background: #8abc2e; }
	.picture-2 .swiper-slide:nth-child(3) .picture-2-list a .icon span{ background: #ff771c; }
	.picture-2-list a .textbox{ padding-top: 60px;}
	.picture-2 .swiper-slide:nth-child(odd) .picture-2-list a .textbox{ padding-right: 143px; padding-left: 45px; }
	.picture-2 .swiper-slide:nth-child(even) .picture-2-list a .textbox{ padding-left: 143px; padding-right: 45px; }
	.picture-2-list a .textbox .jiangexian{ margin-bottom: 45px; height: 1px; background: #cbcbcb; }
	.picture-2-list a:hover .imgbox span{ transform: scale(1.05); }
	.picture-3 .swiper-slide{ width:calc(75% / 6) !important; overflow: hidden; transition: all 0.5s;  }
	.picture-3 .swiper-slide.active{ width:25% !important; }
	.picture-3 .swiper-slide:nth-child(n+2) .picture-3-list{ padding-left: 1px; }
	.picture-3-list a .textbox{ transition: all 0.5s; }
	.picture-3-list a .imgbox span{opacity: 0.4; } 
	.picture-3-list a .textbox{ bottom: calc((100% - 45px) / 2); width: 50%; height: 45px; line-height: 20px; }
	.picture-3-list a .textbox:before{ content: ""; position:absolute; left: calc((100% - 30px) / 2); bottom: 0; z-index: 1; width: 30px; height: 2px; background: #8abc2e; transition: all 0.3s; }
	.picture-3 .swiper-slide.active .picture-3-list a .imgbox span{ opacity: 1 }
	.picture-3 .swiper-slide.active .picture-3-list a .textbox{ bottom: 0; width: 100%; height: 56px; line-height:56px; background: rgba(35,91,179,0.8);}
	.picture-3 .swiper-slide.active .picture-3-list a .textbox:before{ width: 0; opacity: 0; }
	.picture-3 .swiper-button{ margin-top: -25px; width: 50px; height: 50px; font-size:50px; color: #afafaf; line-height: 50px; background: none; }
	.picture-3 .swiper-button.swiper-button-prev{ left: -80px; transform: rotateY(180deg); }
	.picture-3 .swiper-button.swiper-button-next{ right: -80px; }
	.picture-4 a:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.1); }
	.picture-4 a:hover .imgbox span{ transform: scale(1.05); } 
	.picture-4 a:hover .textbox .biaoti{ color: #235bb3; }
	.picture-4 a:hover .textbox .more{ color: #235bb3; }
	.picture-5 .imgbox{ float: left; width: calc(50% - 10px); }
	.picture-5 .imgbox .imgs{ padding-top: 400px; }
	.picture-5 .textbox{ position:relative; float: right; padding-left: 25px; width: calc(50% - 10px); height: 400px; }
	.picture-5 .textbox:before{ content: ""; position: absolute; left: -40px; top: 15px; z-index: 1; width: 65%; height: 2px; background: #235bb3; }
	.picture-5 .textbox:after{ content: ""; position: absolute; left: -40px; top: 22px; z-index: 1; width: 90%; height: 1px; background: #cbcbcb; }
	.picture-5 .textbox .biaoti{ padding-top:45px; height: 115px; }
	.picture-5 .textbox .jieshao{ margin-bottom: 55px; height: 168px; overflow: hidden; }
	.picture-5 .textbox .more a:hover{ color: #fff; background: #235bb3; border-color: #235bb3; }
	.picture-6 ul li a:hover{ background: #235bb3; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
	.picture-6 ul li a:hover .imgbox span{ transform: scale(1.05); }
	.picture-6 ul li a:hover .textbox{ color: #fff; }
	.picture-7{ float: left; width: 50%; }
	.picture-7 .imgbox{ padding-top: 440px; }
	.picture-8{ float: right; width: 70%; height: 395px; }
	.picture-9 ul li a:hover{ background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
	.picture-9 ul li a:hover .imgbox span{ transform: scale(1.05); }
	.picture-9 ul li a:hover .textbox .biaoti{ color: #235bb3; }
	.picture-9 ul li a:hover .textbox .biaoti span{ text-decoration: underline; }
	footer .top .menu{ padding-right: 95px; border-right: dotted 1px #8e8e8e; }
	footer .top .menu ul li:nth-child(n+2){ margin-left: 100px; }
	footer .top .menu ul li .biaoti{ margin-bottom: 10px; }
	footer .top .menu ul li .biaoti span{ display: block; margin-bottom: 10px; font-size: 17px;color: #333; line-height: 24px; }
	footer .top .menu ul li .biaoti b{ display: block; margin:0 auto; width: 16px; height: 1px; background: #0a79d7; }
	footer .top .menu ul li .ul{ padding-left: 5px; }
	footer .top .menu ul li .ul .li{ line-height: 24px; }
	footer .top .menu ul li .ul .li:nth-child(n+2){ margin-top: 5px; }
	footer .top .menu ul li .ul .li a{ color: #777777; }
	footer .top .menu ul li .ul .li a:hover{ color: #235bb3; text-decoration: underline !important; }
	footer .top .qita .fenxiang ul li a:hover .icon{ color: #235bb3 }
	footer .top .qita .fenxiang ul li a:hover .imgbox{ display: block; }
}

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

@media (max-width:1199px){
	.main-pad-3{ padding:50px 0 0; }
	.main-pad-4{ padding: 0 0 50px; }
	.main-pad-5{ padding:40px 0 0; }
	.main-Background-2:before{ height: 259px; }
	header .qita .menu ul li a{ min-width: 90px; }
	.title-1 .biaoti span{ font-size: 30px; line-height: 32px; }
	.title-1 .jieshao{ font-size: 20px; line-height:22px; }
	.title-4 .biaoti img{ width: 350px; }
	.title-4 .jieshao{ font-size: 20px; line-height: 22px; letter-spacing: 20px; text-indent: 20px; }
	.title-4 b:nth-child(1){ top: -65px; border-top: solid 20px transparent; border-bottom: solid 30px transparent; border-right: solid 20px #8abc2e; }
	.title-4 b:nth-child(2){ top: -135px; border-top: solid 56px transparent; border-bottom: solid 70px transparent; border-right: solid 45px #235bb3;}
	.title-9 .biaoti{ font-size: 14px; line-height: 40px; }
	.text-2-list .textbox .biaoti{ font-size: 16px; }
	.text-5{ padding: 20px 20px 0; height: 400px; }
	.text-5 .biaoti{ padding-bottom: 15px; margin-bottom: 15px; font-size: 18px; line-height: 24px; }
	.text-5 .jieshao{ height: 216px; }
	.text-5 .tel a{ line-height: 50px; }
	.text-5 .tel a .icon{ font-size: 24px; }
	.text-5 .tel a .shuzi{ font-size: 18px; }
	.text-6{ font-size: 14px; line-height: 28px; }
	.picture-2-list a .imgbox span{ padding-top: 300px; }
	.picture-2-list a .textbox{ padding-top: 50px; }
	.picture-2 .swiper-slide:nth-child(odd) .picture-2-list a .textbox{ padding-right: 129px; }
	.picture-2 .swiper-slide:nth-child(even) .picture-2-list a .textbox{ padding-left: 129px; }
	.picture-2-list a .icon:before{ width: 155px; }
	.picture-3-list a .textbox{ font-size: 16px; }
	footer .top .menu{ padding-right: 50px; }
	footer .top .menu ul li:nth-child(n+2){ margin-left: 50px; }
	footer .top .contact{ padding: 0 50px; }	
}

@media (max-width:1199px) and (min-width: 992px){
	.title-7{ padding: 15px 0; }
	.title-8:before{ height: 56px; }
	.title-8-list a span{ height: 55px; font-size: 15px; }
	.picture-7 .imgbox{ padding-top:400px; }

}

@media (max-width:991px){
	body{ padding-top:110px;}
	.main-pad-3{ padding:30px 0 0; }
	.main-pad-3.main-Background-4{ padding: 0; }
	.main-pad-4{ padding:0 0 30px; }
	.main-pad-3.main-Background-4 .main-pad-4{ padding: 0; }
	.main-pad-5{ padding:30px 0 0; }
	.main-pad-7{ padding:30px 0 0; }
	.main-pad-8{ padding:30px 0 0; }
	.main-Background-2:before{ height: 204px; }
	header .top_bar{ line-height: 30px; }
	header .top_bar .right{ width: 100%; }
	header .top_bar .caozuo ul li a .imgbox{ left: calc((100% - 100px) / 2); width: 100px; }
	header .top_bar .caozuo ul li a .imgbox span{ padding: 5px; }
	header .qita .logo a{line-height:80px;}
	header .qita .logo a img{ width: 180px; }
	.menu-box{ display: none; position: fixed;top: 110px; right: 0; z-index:2147483645; width: 120px; box-shadow: 0 3px 5px rgba(0,0,0,0.1); }
	.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: #235bb3; }
	.menu-btn{ position: relative; top: 27px; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #235bb3;}
	.menu-btn b:nth-child(2){ margin:8px 0; }
	.menu-btn.active b:nth-child(1){ transform:rotate(45deg) translate(5px,10px); }
	.menu-btn.active b:nth-child(2){ opacity: 0; }
	.menu-btn.active b:nth-child(3){ transform:rotate(-45deg) translate(5px,-10px); }
	.title-1 .biaoti span{ font-size: 24px; line-height: 26px; }
	.title-1 .jieshao{ font-size: 16px; line-height: 18px; }
	.title-2 .en{ margin-bottom: 10px; font-size: 34px; line-height: 24px; }
	.title-2 .cn span{ font-size: 24px; line-height: 26px; }
	.title-3-list a .icon img{ width: 40px; }
	.title-4 .biaoti img{ width: 300px; }
	.title-4 .jieshao{ font-size: 18px; line-height: 20px; letter-spacing: 15px; text-indent:15px; }
	.title-4 b:nth-child(1){ top: -45px;}
	.title-4 b:nth-child(2){ top: -105px; border-top: solid 46px transparent; border-bottom: solid 60px transparent; border-right: solid 35px #235bb3;}
	.title-5 .jieshao{ font-size: 14px; }
	.title-6 ul li a{ min-width: 100px; font-size: 16px; line-height: 34px; }
	.title-8 .swiper-wrapper{ display: block; }
	.title-8 .swiper-slide{ float: left; width: calc((100% - 20px * 4) / 5); }
	.title-8 .swiper-slide:nth-child(5n+2),.title-8 .swiper-slide:nth-child(5n+3),
	.title-8 .swiper-slide:nth-child(5n+4),.title-8 .swiper-slide:nth-child(5n+5){ margin-left: 20px; }
	.title-8 .swiper-slide:nth-child(n+6){ margin-top: 10px; }
	.title-8-list a{ display: block; font-size: 15px; color: #484848; line-height: 37px; border:solid 1px #b2b2b2; text-align: center; }
	.title-10 .biaoti{ font-size: 24px; line-height: 30px; }
	.title-11{ font-size: 16px; line-height: 20px; }
	.text-2 .swiper-slide:nth-child(even) .text-2-list{ padding-bottom: 90px; }
	.text-2-list .imgbox{ height: 90px; line-height: 90px; }
	.text-2-list .imgbox img{ width:70px; }
	.text-2-list .textbox{ padding:22px 10px 21px; height: auto; }
	.text-3 .imgbox{ padding-top: 65%; }
	.text-3 .textbox{ padding: 20px 0 20px 20px; background: #235bb3; }
	.text-3 .textbox ul li{ height: 80px; border-radius: 5px 0 0 5px; border-right: none; }
	.text-3 .textbox ul li .box .shuzi{ width: 80px; font-size: 30px; }
	.text-3 .textbox ul li .box .mc{ width: 80px; font-size: 20px; }
	.text-3 .textbox ul li .box .text{ max-width: calc(100% - 80px - 80px); }
	.text-4 ul{ margin:0 -10px; }
	.text-4 ul li{ padding: 0 10px; }
	.text-4 ul li a{ padding: 20px 0; }
	.text-4 ul li a .time .maxshuzi{ font-size: 24px; line-height: 30px; }
	.text-4 ul li a .textbox .biaoti{ font-size: 14px; }
	.text-4 ul li a .textbox .jieshao{ font-size: 12px; }
	.text-5{ padding: 20px; height: auto; }
	.text-5 .jieshao{ height: auto; }
	.text-5 .tel a{ line-height: 40px; }
	.text-5 .tel a .icon{ font-size: 18px; }
	.text-5 .tel a .shuzi{ font-size: 16px; }
	.text-6{ line-height: 26px; }
	.text-7{ margin-bottom: 20px; }
	.text-7 .textbox{ float: left; padding-right: 20px; width: calc(100% - 133px); }
	.text-7 .biaoti{ margin-bottom: 5px; font-size: 15px; }
	.text-7 .jieshao{ margin-bottom: 0; font-size: 14px; line-height: 26px; }
	.text-7 .ewm{ float: right; }
	.picture-2{ position:relative; }
	.picture-2-list a .textbox{ padding: 20px !important; }
	.picture-2-list a .textbox .biaoti{ margin-bottom: 10px; font-size: 16px; line-height: 24px; }
	.picture-2-list a .textbox .jieshao{ height: 48px; font-size: 14px; line-height: 24px; }
	.picture-2 .swiper-pagination{ position: relative; margin-top: 30px; width: 100%; font-size: 0; }
	.picture-2 .swiper-pagination span{ margin:0 10px; width: 15px; height: 15px; background: #bfbfbf; opacity: 1; transition: all 0.3s; }
	.picture-2 .swiper-pagination span.swiper-pagination-bullet-active{ background: #235bb3; }
	.picture-1{ margin-bottom: 20px; }
	.picture-1 ul{ margin:0 -10px -20px; }
	.picture-1 ul li{ padding: 0 10px; margin-bottom: 20px; width: 50%; }
	.picture-1 ul li:nth-child(5){ display: none; }
	.picture-2-list a .imgbox span{ padding-top: 55%; }
	.picture-3-list a .imgbox span{ opacity: 1 }
	.picture-3-list a .textbox{ bottom: 0; width: 100%; height:50px; line-height:50px; background: rgba(35,91,179,0.8);}
	.picture-3-list a .textbox:before{ width: 0; opacity: 0; }
	.picture-4 a{ padding: 15px; }
	.picture-4 a .imgbox{ width:50%; }
	.picture-4 a .textbox{ padding-left: 20px; width:50%; }
	.picture-4 a .textbox .biaoti{ font-size: 14px; }
	.picture-4 a .textbox .jieshao{ font-size: 12px; }
	.picture-4 a .textbox .more{ font-size: 12px; }
	.picture-5 .imgbox{ margin-bottom: 20px; }
	.picture-5 .imgbox .imgs{ padding-top: 55%; }
	.picture-5 .textbox .biaoti{ margin-bottom: 15px; }
	.picture-5 .textbox .biaoti .cn{ font-size: 22px; line-height: 24px; }
	.picture-5 .textbox .jieshao{ margin-bottom: 15px; font-size: 14px; line-height: 26px; }
	.picture-5 .textbox .more a{ width: 130px; }
	.picture-6 ul li{ width: 50%; }
	.picture-6 ul li a .textbox{ padding: 0; font-size: 15px; }
	.picture-7 .imgbox{ padding-top:73%; }
	.picture-8{ padding-top: 50%; }
	.picture-9 ul li a{ padding: 10px; }
	.picture-9 ul li a .textbox .biaoti{ font-size: 15px; }
	footer .top{ padding: 30px 0; }
	footer .top .contact{ padding: 0; width:calc(80% - 135px); }
	footer .top .contact .tel .mc{ font-size: 14px; }
}

@media (max-width:767px){
	body{ padding-top: 90px; }
	.main-pad-3{ padding: 20px 0 0; }
	.main-pad-4{ padding: 0 0 20px; }
	.main-pad-5{ padding: 20px 0 0; }
	.main-pad-6{ padding: 20px 0 0; }
	.main-pad-7{ padding: 20px 0 0; }
	.main-pad-8{ padding: 20px 0 0; }
	.main-pad-9{ padding: 20px 0 0; }
	.main-Background-2:before{ height: 145px; }
	header .top_bar .tel a .icon{ margin-right: 5px; font-size: 14px; }
	header .top_bar .tel a .mc{ font-size: 12px; }
	header .top_bar .tel a .shuzi{ font-size: 12px; }
	header .top_bar .caozuo ul li a .icon{ font-size: 16px; }
	header .top_bar .caozuo ul li a .mc{ font-size: 12px; }
	header .qita .logo a{line-height:60px;}
	header .qita .logo a img{ width: 150px; }
	.banner .swiper-pagination{ bottom: 10px; }
	.banner .swiper-pagination span{ width: 8px; height: 8px; }
	.menu-box{top:90px; width: 100px; }
	.menu-box ul li a{ font-size: 12px; line-height: 34px;}
	.menu-btn{ top: 20px; width: 30px;}
	.menu-btn b:nth-child(2){ margin:5px 0; }
	.menu-btn.active b:nth-child(1){ transform:rotate(45deg) translate(5px,6px); }
	.menu-btn.active b:nth-child(3){ transform:rotate(-45deg) translate(5px,-6px); }
	.title-1 .biaoti{ margin-bottom: 5px; }
	.title-1 .biaoti span{ font-size: 18px; line-height: 24px; }
	.title-1 .jieshao{ font-size: 14px; line-height: 16px; }
	.title-2 .en{ font-size: 30px; }
	.title-2 .cn span{ font-size: 18px; line-height: 24px; }
	.title-2 .cn span b{ width: 100px; }
	.title-3-list a .icon{ margin-bottom: 10px; width: 80px; height: 80px; line-height: 80px; }
	.title-3-list a .biaoti{ font-size: 14px; }
	.title-4 b:nth-child(1){ left: calc(50% - 30px); }
	.title-4 b:nth-child(2){ top: -85px; border-top: solid 36px transparent; border-bottom: solid 50px transparent; border-right: solid 25px #235bb3;}
	.title-4 .biaoti{ margin-bottom: 10px; }
	.title-4 .biaoti img{ width: 220px; }
	.title-4 .jieshao{ font-size: 16px; letter-spacing: 10px; text-indent: 10px; }
	.title-5 .en{ margin-bottom: -30px; font-size: 50px; line-height: 30px; }
	.title-5 .cn{ height: 30px; font-size: 24px; line-height: 30px; }
	.title-6 ul li a{ font-size: 14px; }
	.title-7{ padding: 10px 0; }
	.title-7 .left{ padding-left: 15px; }
	.title-7 .left:before, .title-7 .left:after{ width: 4px; height: 10px; }
	.title-7 .left .cn{ font-size: 18px; line-height: 24px; }
	.title-7 .left .en{ margin-top: 4px; font-size: 14px; }
	.title-8 .swiper-slide{ width: calc((100% - 10px * 3) / 4); }
	.title-8 .swiper-slide:nth-child(5n+2), .title-8 .swiper-slide:nth-child(5n+3), .title-8 .swiper-slide:nth-child(5n+4), .title-8 .swiper-slide:nth-child(5n+5){ margin-left: 0; }
	.title-8 .swiper-slide:nth-child(4n+2), .title-8 .swiper-slide:nth-child(4n+3), .title-8 .swiper-slide:nth-child(4n+4){ margin-left: 10px; }
	.title-8 .swiper-slide:nth-child(n+5){ margin-top: 10px; }	
	.title-8-list a{ font-size: 14px; line-height: 30px; }
	.title-9 .biaoti{ padding: 0 15px; line-height: 34px; }
	.title-10 .biaoti{ font-size: 18px; line-height: 24px; }
	.title-10 .qita{ margin-top: 10px; line-height: 24px; }
	.title-11{ font-size: 14px;}
	.text-2-list .imgbox{ height: 60px; line-height: 60px; }
	.text-2-list .imgbox img{ width: 50px; }
	.text-2 .swiper-slide:nth-child(even) .text-2-list{ padding-bottom: 60px; }
	.text-2-list .textbox{ padding:12px 10px; height: 60px; }
	.text-2-list .textbox .biaoti{ margin-bottom: 5px; font-size: 14px; line-height: 16px; }
	.text-2-list .textbox .jieshao{ font-size: 12px; line-height: 14px; }
	.text-3 .textbox{ padding-left: 15px; }
	.text-3 .textbox ul li{ height: 60px; }
	.text-3 .textbox ul li .box .shuzi{ padding-left: 15px; width: 60px; font-size: 24px; }
	.text-3 .textbox ul li .box .mc{ width: 70px; font-size: 16px; }
	.text-3 .textbox ul li .box .text{ padding-left: 15px; max-width: calc(100% - 60px - 70px); font-size: 12px; }
	.text-4 ul li{ width: 100%; }
	.text-5{ padding: 15px; }
	.text-5 .biaoti{ margin-bottom: 10px; padding-bottom: 10px; font-size: 16px; }
	.text-5 .jieshao{ font-size: 12px; }
	.text-6{ font-size: 12px; line-height: 24px; }
	.text-7 .textbox{ width: calc(100% - 122px); }
	.text-7 .jieshao{ font-size: 12px; line-height: 24px; }
	.text-7 .ewm .imgbox img{ width: 110px; }
	.text-8 form{ padding: 20px; }
	.text-8 form ul li .biaoti{ font-size: 14px; line-height: 34px; }
	.text-8 form ul li .right input{ height: 34px; font-size: 14px; line-height: 32px; }
	.text-8 form ul li .right textarea{ padding: 4px 10px; font-size: 14px; line-height: 24px; }
	.text-8 form ul button{ height: 44px; font-size: 15px; line-height: 44px; }
	.picture-2-list a .textbox{ padding: 15px !important; }
	.picture-2-list a .textbox .biaoti{ margin-bottom: 5px; font-size: 14px; }
	.picture-2-list a .textbox .jieshao{ font-size: 12px; }
	.picture-2 .swiper-pagination{ margin-top: 20px; }
	.picture-2 .swiper-pagination span{ margin:0 5px; width: 10px; height: 10px; }
	.picture-3-list a .textbox{ height:auto; font-size: 14px; line-height: 40px; }
	.picture-4 a{ padding: 10px; }
	.picture-4 a .imgbox span{ padding-top: 150px; }
	.picture-4 a .textbox{ padding-left: 15px; }
	.picture-4 a .textbox .time{ margin-bottom: 10px; }
	.picture-4 a .textbox .jieshao{ margin-bottom: 20px; height: 48px; }
	.picture-5 .textbox .biaoti .cn{ font-size: 18px; }
	.picture-5 .textbox .jieshao{ font-size: 12px; line-height: 24px; }
	.picture-5 .textbox .more a{ width: 120px; height: 34px; font-size: 12px; line-height: 32px; }
	.picture-6 ul{ margin:0 -10px -20px; }
	.picture-6 ul li{ padding: 0 10px; margin-bottom: 20px; }
	.picture-6 ul li a{ padding: 10px; }
	.picture-6 ul li a .imgbox{ margin-bottom: 10px; }
	.picture-6 ul li a .textbox{ font-size: 14px; }
	.picture-9 ul li a .textbox{ padding-left:15px; }
	.picture-9 ul li a .textbox .biaoti{ font-size: 14px; }
	.picture-9 ul li a .textbox .jieshao{ font-size: 12px; }
	footer .top{ padding: 20px 0; }
	footer .top .contact{ padding-right: 30px; width: calc(100% - 120px - 30px); }
	footer .top .contact .tel{ margin-bottom: 15px; }
	footer .top .contact .tel .mc{ margin-bottom: 0; }
	footer .top .contact .tel .shuzi{ font-size: 24px; line-height: 30px; }
	footer .top .contact .textbox ul li .mc{ font-size: 12px; }
	footer .top .qita .ewm .imgbox img{ width: 120px; }
	footer .top .qita .fenxiang ul li{ margin:0 5px; }
	footer .top .qita .fenxiang ul li a .icon{ font-size: 16px; }
	footer .bot{ padding: 15px 0; font-size: 12px; }
	#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) #235bb3; background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0; }
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px; }
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; -webkit-animation: navigationAnimation 0.5s 0s linear forwards; -moz-animation: navigationAnimation 0.5s 0s linear forwards; -o-animation: navigationAnimation 0.5s 0s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.5s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.5s linear forwards; -o-animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.6s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.6s linear forwards; -o-animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.7s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.7s linear forwards; -o-animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

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

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

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

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-moz-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-webkit-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-o-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
}

@media (max-width:479px){
	.main-pad-10{ padding: 15px; }
	.title-8-list a{ font-size: 12px; }
	footer .top .contact{ padding-right: 20px; width: calc(100% - 120px - 20px) }
}

@media (max-width:413px){
	header .top_bar .caozuo ul li:nth-child(n+2){ display: none; }
	.title-2 .en{ font-size: 24px; }
	.title-3-list a .icon{ width: 60px; height: 60px; line-height: 60px; }
	.title-3-list a .icon img{ width: 30px; }
	.title-3-list a .biaoti{ font-size: 13px; }
	.title-4 .biaoti img{ width: 200px; }
	.title-4 .jieshao{ font-size: 14px; letter-spacing: 5px; text-indent: 5px; }
	.title-5 .jieshao{ font-size: 12px; }
	.title-6 ul li a{ font-size: 12px; }
	.title-7 .left .cn{ font-size: 16px; }
	.title-7 .left .en{ margin-top: 6px; font-size: 12px; }
	.title-8 .swiper-slide{ width: calc((100% - 10px * 2) / 3); }
	.title-8 .swiper-slide:nth-child(4n+2), .title-8 .swiper-slide:nth-child(4n+3), .title-8 .swiper-slide:nth-child(4n+4){ margin-left: 0; }
	.title-8 .swiper-slide:nth-child(3n+2), .title-8 .swiper-slide:nth-child(3n+3){ margin-left: 10px; }
	.title-8 .swiper-slide:nth-child(n+4){ margin-top: 10px; }	
	.text-3 .textbox ul li .box .shuzi{ width: 50px; font-size: 18px; }
	.text-3 .textbox ul li .box .mc{ width: 60px; font-size: 14px }
	.text-3 .textbox ul li .box .text{ max-width:calc(100% - 50px - 60px); }
	.text-4 ul li a{ padding: 15px 0; }
	.text-7 .textbox{ margin-bottom: 10px; padding-right: 0; width: 100%; }
	.text-7 .ewm{ float: left; }
	.text-7 .ewm .imgbox{ border:solid 1px #eee; }
	.text-8 form{ padding: 15px; }
	.text-8 form ul li .biaoti{ width: 40px; font-size: 12px; }
	.text-8 form ul li .right{ width: calc(100% - 40px); }
	.text-8 form ul li .right input{ font-size: 12px; }
	.text-8 form ul li .right textarea{ font-size: 12px; }
	.text-8 form ul button{ margin-top: 10px; margin-left: 40px; width: calc(100% - 40px); height: 34px; font-size: 12px; line-height: 34px; }
	.picture-1 ul{ margin:0 -5px -10px; }
	.picture-1 ul li{ padding: 0 5px; margin-bottom: 10px; }
	.picture-3-list a .textbox{ font-size: 12px; line-height: 34px; }
	.picture-4 a .imgbox{ width: 120px; }
	.picture-4 a .imgbox span{ padding-top: 100px; }
	.picture-4 a .textbox{ width: calc(100% - 120px); }
	.picture-4 a .textbox .time{ margin-bottom: 5px; line-height:16px; }
	.picture-4 a .textbox .jieshao{ margin-bottom: 0; }
	.picture-4 a .textbox .more{ display: none; }
	.picture-6 ul li a .textbox{ font-size: 12px; line-height: 14px; }
	.picture-9 ul li a .imgbox{ width: 130px; }
	.picture-9 ul li a .imgbox span{ padding-top: 90px; }
	.picture-9 ul li a .textbox{ width: calc(100% - 130px); }
	.picture-9 ul li a .textbox .biaoti{ margin-bottom: 0; }
	.picture-9 ul li a .textbox .time{ margin-bottom: 5px; line-height: 14px; }
	footer .top .contact{ padding-right: 0; padding-bottom: 15px; margin-bottom: 15px; width: 100%; text-align: center; border-right: none; border-bottom: dotted 1px #8e8e8e }
	footer .top .contact .textbox{ font-size: 0; }
	footer .top .contact .textbox ul{ display: inline-block; vertical-align: top; text-align: left; }
	footer .top .contact .textbox ul li .mc{ padding-left: 10px; }
	footer .top .qita{ width: 100%; }
	footer .top .qita .ewm{ margin-bottom: 10px; }
}