html, body {
	width:100%;
	height:100%;
}
.js .animate-box {
  opacity: 0;
  opacity: 1\9;
}
.ell{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jnban{ }
/*section, article { width:100%; height:100%; position:relative;}*/
.fadeInDown .sectionTitle {	opacity:1; -webkit-transform:translateY(0);	-ms-transform:translateY(0); transform:translateY(0);}
.sectionWrapper { width:100%; height:100%; margin:0 auto; overflow:hidden;}
.header,.section1, .section2, .section3, .section4, .sectionbg5 {
	-webkit-background-size:100% auto;
	background-size:100% auto;
	background-position:bottom center;
	background-repeat:no-repeat;
}
.section1 { background:url(../images/banner1.jpg) no-repeat center center; background-size:cover; position:relative;}
.section2 { background: no-repeat center center; background-size:cover; position:relative;}
.section3 {	background:url(../images/banner2-1.jpg) no-repeat right bottom; position:relative; background-size: cover;}
.section4 { /*background:url(../images/banner3.jpg) no-repeat center center; background-size:cover; position:relative;*/}
.section5{ height:100%; background:#000;}
.section5 video{ object-fit: cover;}
.section6 {height: 100vh; background:url(../images/banner4.jpg) no-repeat center center; background-size:cover; position:relative;}
.section7 {	background:#fafafa; position:relative;}
.section8 { background:url(../images/pic3.jpg) no-repeat top center; position:relative; background-size: cover;}


.banner-content{ height:auto; text-align:center; position:absolute; left:50%; top: 43%; transform: translate(-50%, -50%);}
.banner-content .b1{  color:#787878; font-size: 40px; line-height: 60px;}
.banner-content .b1 strong{font-size:80px;color:#e62129; margin-bottom: -20px; vertical-align: middle; padding-right:5px;}
.banner-content .b2{color:#332c2b; font-size: 8rem; font-weight: bold;}
.banner-content h3{ color:#787878; font-size:1.5rem; margin-bottom: 20px;}
.banner-content h4{background: #cd0c25; width: 150px; height: 4px; margin:0 auto;}

.section2 .title{ font-size:20px;  color:#332c2b; line-height:30px;  margin-top: 10%; transform: translate(0, -50%); z-index:10; text-align: center;}
.section2 .title h3{ font-size:2.4rem; color:#484443; font-weight:bold; line-height:72px;}
.section2 .title h4{ font-size:32px; font-weight:500; color:#484443; margin-top:20px; z-index: 2;}
.section2 .title span{margin:-2px auto 0; display: table; background: #cf001c; width: 200px; height: 8px; }

.section3 { color:#fff;}
.section3 .section3Wrapper{ padding:60px 0 0 150px;}
.section3 dl{ overflow:hidden; height:60px; margin:0 0 22px 0;}
.section3 dl dt{ float:left; font-size:45px; line-height:45px; font-weight:bold;}
.section3 dl dt .counter{font-size: 60px; line-height: 60px;}
.section3 dl dd{ float:left; font-size:25px; line-height:25px; padding:8px 0 0 6px; font-style:oblique;}
.section3 dl dd p{ padding:0 0 0 6px;font-size: 18px;line-height: 18px;}
.section3 dl dd span{ color:#cf001c; font-size:30px; font-weight:bold; line-height:30px; text-transform:uppercase;}
@media(max-width: 1620px){
	
	.section3 .section3Wrapper{ padding:30px 0 0 150px;}
	.section3 dl dt .counter { font-size: 50px;line-height: 50px;}
	.section3 dl{ margin:0 0 18px 0; height:50px;}
	.section3 dl dt{ font-size:40px; line-height:40px;}
	.section3 dl dd span {font-size: 26px; line-height:26px;}
	}
@media(max-width: 1440px){
.section3 { color:#fff;}
.section3 .section3Wrapper{ padding:80px 0 0 150px;}
.section3 dl{ overflow:hidden; height:50px; margin:0 0 20px 0;}
.section3 dl dt{ float:left; font-size:30px; line-height:30px; font-weight:bold;}
.section3 dl dt .counter{font-size: 50px; line-height: 50px;}
.section3 dl dd{ float:left; font-size:20px; line-height:20px; padding:12px 0 0 6px; font-style:oblique;}
.section3 dl dd p{ padding:0 0 0 6px;}
.section3 dl dd span{ color:#cf001c; font-size:20px; font-weight:bold; line-height:20px; text-transform:uppercase;}
}

.section4 .section4Wrapper{ width: 80%; margin:100px auto; display: table;}
.section4 .title{ font-size:54px; font-weight:bold; padding-top: 50px;text-align: center;}
.section4 .title span{font-size: 34px;display: inherit; font-weight: 500;}
.section4 .title i{ background: #cf001c; width: 180px; height: 8px; display:block; margin:-12px auto 45px;}
.newslist{ float:left; width:30%; margin-right:5%; overflow:hidden; outline:none; -moz-outline:none;}
.newslist:nth-child(3){margin:0px;}
.newslist .leftpic{ float:left; width:100%;  overflow:hidden;}
.newslist .leftpic img{ width:100%; height:auto;}
.newslist .rightnote{ float:left; width:100%; text-align:left; background:#fff; opacity:0.7; position:relative; overflow:hidden;}
.newslist .rightnote .rightTitle{ width:100%; color:#333; height: 40px; line-height: 40px; font-weight: bold; font-size:18px; overflow:hidden; text-overflow:ellipsis; margin:10px 0;}
.newslist .rightnote .rightDesc{ font-size:14px; line-height:28px; color:#585656;}
.newslist .rightnote .more{ position: relative;}
.newslist .rightnote .more a{ font-size:16px; width:142px; height:37px; line-height:35px; text-align:center; padding:0 12px; display:block; color:#585656; border:1px solid #adabaa; margin:40px auto 0;}
.newslist .rightnote .more a:hover{ background:#cf001c; color:#fff; border:1px solid #fff;}

.section6 .note{ width: 27.5%; font-size:18px; text-transform:uppercase; color:#000; background-color:#fff;opacity:0.8; padding:40px; line-height:44px; position:absolute; right:90px; top: 45%; transform: translate(0, -50%); border-bottom: 4px solid #cf001c; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);}
.section6 .note .t5_1{ font-size:60px; line-height:60px; font-weight:bold; text-align:left;  opacity:0.7;}
.section6 .note .t5_2{ height:37px; margin:20px 0; position:relative;}
.section6 .note .t5_2 h3{ color:#333;font-size:32px; line-height:32px; font-weight:500; position:absolute; left:0; z-index:999;}
.section6 .note .t5_2 i{ background: #cf001c; width: 128px; height: 8px; display:block; position:absolute; bottom:-3px;}
.section6 .note .t5_3{ color:#666; font-size:18px; line-height:30px;}
.section6 .note .t5_3 p{}
.section6 .note .t5_4 a{ color:#333; font-size:12px; line-height:30px; height: 30px; width: 120px; border-radius: 50px; text-align:center; opacity:0.5; margin:20px 0 10px 0; border:1px solid #000; display: table; float:right;}

/*选项卡_card卡片样式****************************************************************************/
.section7Wrapper{ width:100%; height:100vh; padding:0 150px; margin:0 auto; overflow:hidden; background:#fff url(../images/house.png) left bottom 5% no-repeat;}
.section7Wrapper .title{ font-size:54px; font-weight:bold; margin-top: 100px;text-align: center;}
.section7Wrapper .title span{font-size: 32px;display: inherit; font-weight: 500;}
.section7Wrapper .title i{ background: #cf001c; width: 157px; height: 8px; display:block; margin:-12px auto 45px;}
.yyui_tab_card{}
.yyui_tab_card ul{ float:left; width:20%; padding:100px 0 0; margin-left: 10%;}
.yyui_tab_card ul strong{background: url(../images/proico.png) left center no-repeat; padding-left: 30px;font-size: 1.8rem;margin-left: 28px;}
.yyui_tab_card ul .yyui_tab_title{ line-height:40px;height:40px; color:#adabaa; border:1px solid #ddd; border-radius: 50px; cursor:pointer; display:block;font-size:16px; letter-spacing:0px; margin:10px 0 0 0; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%; text-align: center;background: #fff;}
.yyui_tab_card ul .yyui_tab_title span{ font-size:26px; color:#adabaa; text-transform:uppercase;}

.yyui_tab_card ul .yyui_tab_title_this{box-sizing:border-box;line-height:40px; height:40px; background: #333333; color:#fff; font-weight:bold; cursor:pointer; display:block;font-size:16px; border-radius: 50px; margin:10px 0 0 0; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: center;}
.yyui_tab_card ul .yyui_tab_title_this span{ font-size:26px; color:#585656; text-transform:uppercase;}
.yyui_tab_card ul .yyui_tab_title_this a{color:#fff;}
.yyui_tab_card .yyui_tab_content{ float:left; width:70%; display:none; padding:0 10px; }
.yyui_tab_card .yyui_tab_content_this{ float:left; width:70%; display:block; box-sizing:border-box; padding:0 10px;}
.yyui_tab_card .yyui_tab_pro .proleft{float:left; width: 35%; margin-left:15%; margin-top:10%;}
.yyui_tab_card .yyui_tab_pro .proleft h2{font-size: 22px; font-weight: bold; color:#333; line-height: 40px;}
.yyui_tab_card .yyui_tab_pro .proleft strong{font-size: 18px; font-weight: 500; color:#333; line-height: 40px;height: 40px;overflow: hidden; float: left; width: 100%;}
.yyui_tab_card .yyui_tab_pro .proleft i{width: 30px; height: 4px; background: #cf001c; margin:10px 0; display: table;}
.yyui_tab_card .yyui_tab_pro .proleft .prodesc{font-size: 14px; color:#999; line-height: 24px;}
.yyui_tab_card .yyui_tab_pro .proleft .btn{width: 140px; height: 40px; line-height: 40px; margin-top:20px; border:1px solid #777; text-align: center; font-size: 16px; display: table;}
.yyui_tab_card .yyui_tab_pro .proright{float:right; width: 50%;}
.yyui_tab_card .yyui_tab_pro .proright img{max-width: 100%;}
.yyui_tab_content_this .yyui_tab_card{ width:100%; float:left;max-height: 100%;overflow: auto;direction: rtl;}
.yyui_tab_content_this .yyui_tab_card ul,.yyui_tab_content .yyui_tab_card ul{float:left; width:70%; padding:0;direction: ltr; height:700px; margin:180px 0; overflow-y:auto;}

.yyui_tab_content_this .yyui_tab_card .yyui_tab_content_this,.yyui_tab_content_this .yyui_tab_card .yyui_tab_content{ float:left; width:30%; height:100vh; background:#fff; border-left:1px solid #d9d9dd; border-right:1px solid #d9d9dd; padding:180px 40px;}
.yyui_tab_content_this .yyui_tab_card .yyui_tab_content_this img,.yyui_tab_content_this .yyui_tab_card .yyui_tab_content img{ width:100%;}

.yyui_tab_content_this .yyui_tab_card ul .yyui_tab_title a{ font-size:20px; font-weight:normal; color:#585656; display:block; padding:0 60px 0 90px;}
.yyui_tab_content_this .yyui_tab_card ul .yyui_tab_title_this a{ font-size:27px; color:#cf001c; font-weight:bold; background:#fff; display:block; padding:0 0 0 90px;}

@media(max-width: 1620px){
	.section7Wrapper .title{margin-top: 70px;}
	.yyui_tab_card ul {padding: 70px 0 0;}
}

.section-video { width: 82%; /*max-width: 1340px;*/ padding:100px 0; margin: 0 auto; overflow: hidden; position: relative;}
.section-video .title{ width: 100%;height: 80px;line-height: 60px; color: #333333;font-size: 28px;text-transform: uppercase;}
.section-video .title strong{font-size: 40px; font-weight: bold;}
.section-video .title i{ background: #adabaa; width: 110px; height: 1px; display:block; margin:25px 0 45px;}
.section-video ul{ padding:30px 0 0; overflow:hidden;}
.videolist{ float:left;  position:relative; margin: 0 35px 0 0;}
/*.section-video ul li:nth-of-type(3n){ margin:0 0 6.5% 0;}*/
.videolist p{ color:#585656; height:65px; padding:12px 0; overflow:hidden; line-height:26px; font-size:18px; text-align: center;}
.videolist span{ width:77px; height:77px; display:block; background:url(../images/icon_06.png) no-repeat; position:absolute; left:50%; top: 43%; transform: translate(-50%, -50%);}
.videolist a:hover i{ background:url(../images/icon_07.png) no-repeat; transition: -webkit-transform .5s ease; transition: transform .5s ease;}
/*
 *  视频播放器
 * */
.video-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 99999999999;
}
.video-box button {
  display: inline-block;
  padding: 0;
  border: 0 none;
  background: none;
  text-align: center;
  outline: none;
  cursor: pointer;
}
.video-box .video-button {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.video-box .video-button i {
  font-size: 56px;
}
.video-box .video-button.video-btn-volume i {
  font-size: 20px;
}
.video-box .video-button.video-tooltip-toggle i {
  font-size: 20px;
}
.video-box .video-video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-box .video-video video {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.video-box .video-container {
  width: 1282px;
  min-height: 720px;
  max-height: 90vh;
  background: #000000;
  overflow: hidden;
  opacity: 0;
}
.video-box .video-container.video-ready {
  opacity: 1;
}
.video-box.quanping .video-container {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  left: 0;
  top: 0;
  transform: none;
}
.video-box.video-playing .video-div.video-hide-ui .video-ui {
  -webkit-transform: translateY(39px);
  -ms-transform: translateY(39px);
  transform: translateY(39px);
}
.video-box.heibian .video-container {
  padding: 40px 0;
}
.video-box.heibian .video-div.video-hide-ui .video-ui {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.video-box.heibian.quanping .video-container {
  padding: 0;
}
.video-box.hideui .video-div .video-ui {
  -webkit-transform: translateY(39px);
  -ms-transform: translateY(39px);
  transform: translateY(39px);
}
.video-box .i {
  font-family: none;
  height: 100%;
  width: 100%;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.video-box .i:before,
.video-box i:after {
  display: none !important;
}
.video-box .i-voice-on {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C10C%2022%2C12%2022%2C18%2018%2C20'%20%2F%3E%3Cpath%20d%3D'M22%2C6C%2028%2C10%2028%2C20%2022%2C24'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-voice-off {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C11L27%2C20'%20%2F%3E%3Cpath%20d%3D'M18%2C20L27%2C11'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-bofang {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2C7L10%2C23L24%2C15z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-zhanting {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2C7L7%2C23L11%2C23L11%2C7z'%2F%3E%3Cpath%20d%3D'M20%2C7L20%2C23L24%2C23L24%2C7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-quanping {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L6%2C6L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L6%2C25L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L24%2C6L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L24%2C25L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-suoxiao {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L10%2C10L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L10%2C21L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L20%2C10L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L20%2C21L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: .9;
}
.video-div {
  background: #000;
  font-size: 0;
  letter-spacing: -1px;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.video-ui {
  position: absolute;
  width: 100%;
  height: 41px;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  bottom: 0;
  z-index: 6;
  letter-spacing: .25px;
  -webkit-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}
.video-loading-pulse {
  position: absolute;
  width: 6px;
  height: 24px;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}
.video-loading-pulse:before,
.video-loading-pulse:after {
  content: '';
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
}
.video-loading-pulse:before {
  left: -12px;
}
.video-loading-pulse:after {
  left: 12px;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
@keyframes pulse {
  50% {
    background: white;
  }
}
.video-loading {
  opacity: 1;
  color: #2c97f6;
  font-size: 0;
  overflow: hidden;
  box-shadow: 0px 0px 0px 3600px #000;
  background: #000;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.video-loading i {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  border: 0.25rem solid rgba(255, 255, 255, 0.2);
  border-top-color: white;
  -webkit-animation: adeg 1s infinite linear;
  -o-animation: adeg 1s infinite linear;
  -ms-animation: adeg 1s infinite linear;
  -moz-animation: adeg 1s infinite linear;
  animation: adeg 1s infinite linear;
}
.video-loading .i-loading:before {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.video-loading.yihuanchun {
  opacity: 0;
}
@keyframes adeg {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.video-close {
  position: absolute;
  top: calc(52px + 2%);
  right: 5%;
  width: 30px;
  height: 30px;
  z-index: 1000;
  cursor: pointer;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.video-bofang.f-czspjuzhong {
  z-index: 2;
  font-size: 0;
}
.video-bofang.f-czspjuzhong i {
  display: block;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  width: 60px;
  height: 60px;
  cursor: pointer;
  line-height: 62px;
  font-size: 66px;
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;
  -ms-transition: transform 1s;
  -moz-transition: transform 1s;
  transition: transform 1s;
}
.video-hide {
  z-index: 0 !important;
}
.video-hide i {
  opacity: 0;
  -webkit-transform: scale(3);
  -o-transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  transform: scale(3);
  will-change: transform, opacity;
  z-index: 0;
}
.video-progress {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 36px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
.video-progress:hover .video-progress-hover,
.video-progress:hover .video-tooltip-time {
  opacity: 1;
}
.video-tooltip-time {
  width: 46px;
  position: absolute;
  height: 20px;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.video-tooltip-time .video-tinytip-content {
  margin-left: -23px;
}
.video-tooltip-time .video-text {
  background: rgba(0, 0, 0, 0.5);
  padding: 2px;
  border-radius: 2px;
}
.video-tinytip .video-tooltip-content {
  display: inline-block;
  padding: 0 4px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  line-height: 20px;
  text-align: center;
}
.video-progress-padding {
  position: absolute;
  width: 100%;
  height: 16px;
  bottom: 0;
  z-index: 40;
  cursor: pointer;
}
.video-progress-list {
  position: relative;
  top: -1px;
  z-index: 39;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: scaleY(0.6);
  -ms-transform: scaleY(0.6);
  transform: scaleY(0.6);
  transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.video-progress-play,
.video-progress-buffer,
.video-progress-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}
.video-progress-buffer {
  z-index: 33;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-progress-hover {
  z-index: 34;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.video-progress-play {
  z-index: 35;
  background-color: #2c97f6;
}
.video-progress-handle {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: -6.5px;
  margin-top: -6.5px;
  border-radius: 50%;
  background-color: #2c97f6;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.video-progress-padding:hover + .video-progress-list {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.video-progress-padding:hover + .video-progress-list .video-progress-handle {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.video-controls-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 36px;
  width: 100%;
  padding: 0 10px;
  z-index: 3;
}
.video-time-panel {
  font-size: 12px;
  color: #777;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  padding: 0 5px;
  line-height: 36px;
  letter-spacing: .25px;
}
.video-time-panel-current {
  color: #DEDEDF;
}
.video-fullscreen {
  float: right;
}
.video-definition {
  float: right;
  width: 55px;
  height: 36px;
  position: relative;
}
.video-definition .video-button {
  width: 100%;
}
.video-definition .video-button span {
  background: #fff;
  color: #333;
  font-size: 14px;
  padding: 2px 5px;
}
.video-definition .video-tooltip-content {
  width: 80px;
  left: 50%;
  margin-left: -40px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.video-definition:hover .video-tooltip-content {
  position: absolute;
  bottom: 35px;
  color: #aaa;
  display: block;
  z-index: 6;
}
.video-menu .video-menu-item {
  display: block;
  width: 100%;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  padding: 0 12px;
  cursor: pointer;
  position: relative;
  height: 38px;
  background: -webkit-linear-gradient(top, transparent 0, transparent 50%, rgba(255, 255, 255, 0.1) 50%) center bottom no-repeat;
  background-size: 80% 1px;
}
.video-menu .video-menu-item:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}
.video-menu .video-menu-item.video-active {
  color: #FF8F00;
}
.video-volume {
  float: right;
  position: relative;
}
.video-popup .video-popup-content {
  transform: scaleY(0);
  bottom: 41px;
  position: absolute;
}
.video-popup .video-popup-content:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.5);
}
.video-popup:hover .video-popup-content {
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
}
.video-volume-slider {
  left: 0;
  width: 36px;
  height: 100px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8);
}
.video-tinytip-tiao {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-volume-range {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 4px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.2);
}
.video-volume-range-current {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: #2c97f6;
}
.video-volume-handle {
  position: absolute;
  top: 0;
  left: -4px;
  width: 12px;
  height: 3px;
  background-color: #fff;
}
@media (max-width: 998px) {
  .video-box .video-container {
    width: 80vw;
    max-height: 80vh;
    min-height: 44.9vw;
  }
}
@media (max-width: 468px) {
  .video-box .video-container {
    width: 100vw;
    min-height: 54.9vw;
  }
  .video-loading i {
    font-size: 26px;
  }
  .video-definition {
    display: none;
  }
}
/*
 * 视频结尾
 * */
.f-czspjuzhong {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.section8Wrapper{overflow:hidden; position:relative; width: 80%; margin:88px auto 0; height: 520px;}
.section8{ }
.section8 .title{ font-size:54px; font-weight:bold; padding-top: 50px;text-align: center;}
.section8 .title span{font-size: 34px;display: inherit; font-weight: 500;}
.section8 .title i{ background: #cf001c; width: 180px; height: 8px; display:block; margin:-12px auto 45px;}
.section8 .title p{font-size: 16px; font-weight: 500;}
.section8 .certificate{float:left; text-align: center;}
.section8 .certificate img{max-width: 100%; text-align: center; padding: 0 15px;}


.section8 .more{ position:relative; display: table; margin:0 auto;}
.section8 .more a{ font-size:14px; width:132px; height:34px; line-height:32px; text-align:right; padding:0 12px; display:block; color:#585656; border:1px solid #adabaa;  border-radius: 50px;   margin: 40px auto;}
.section8 .more a:hover{ background:#cf001c; color:#fff; border:1px solid #fff;}
.section8 button{ display:none !important;}




#slider-home-top i {
  position: absolute;
  top: 45%;
  color: #fff;
  font-size: 84px;
  z-index: 1;
  margin-top: 0px;
  width:40px; 
  height: 88px;
}
#slider-home-top i.arrow-icon-left {
  left: 0;
  background: url(../images/left.png) left center no-repeat;
}
#slider-home-top i.arrow-icon-right{
  right: 0;
  background: url(../images/right.png) right center no-repeat;
}
#slider-home-top .slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: left;
  position:absolute;
  bottom:50px;
  left:100px;
}
#slider-home-top .slick-dots li {
  display: inline-block;
  width: 45px;
  height: 3px;
  background:#bbbbbd;
  margin-right: 20px;
  cursor:pointer;
}
#slider-home-top .slick-dots li:last-child {
  margin-right: 0;
}
#slider-home-top .slick-dots li.slick-active {
  background: #fff;
  width:317px;
}

@media(max-width: 1620px){
	
	.section8Wrapper{height: 370px;margin: 60px auto 0;}
	.section8 .title{padding-top: 30px;}
	#slider-home-top i {top: 40%;}
}
@media(max-width: 1440px){
	
	.section8Wrapper{height: 330px;margin: 60px auto 0;}

}


.section9{ position:relative; background: url(../images/map.jpg) top right no-repeat; background-color:#fff;}
.section9 .title{ font-size:62px; text-transform:uppercase; color:#585656; line-height:62px; font-weight:bold; padding:70px 0 0 10%;}
.section9 .title p{ font-size:32px; line-height: 30px; margin-top:10px; font-weight: 500;}
.section9 .title i{width: 160px; height: 8px; background: #cf001c; display: table; margin-top:-1px; margin-bottom: 20px;}
.section9 .partner{ float:right;  margin:6% 10% 50px; width: 80%;}
.section9 .partner ul li{ float:left; width: 22%; margin:0 4% 30px 0;}
.section9 .partner ul li:nth-of-type(4n){ margin:0 0 30px 0;}
.section9 .partner ul li img {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); width: 100%; }
.section9 .partner ul li:hover img{ }
.section9 .note{ font-size:18px; font-weight: normal; color:#333; margin-left: 10%; width: 600px; margin-top: 40px;}

.product_search{ width:1200px; margin:0 auto; padding:0 0 60px;}
.searchBar{ width:100%; height:40px; line-height:40px; border:1px solid #d5d5d5;border-radius:5px; background:url(../images/search01.png) no-repeat 12px center; padding-left:40px; position:relative;}
.searchTxt{ position:absolute; left: 370px; top:45px;}
.searchBar b{ background:url(../images/search02.png) no-repeat; width:18px; height:18px; display:inline-block; right:12px; top:10px; position:absolute; cursor:pointer;}
.searchBar .inputSearch{ width:100%; height:40px; line-height:40px; background:none; border:0; font-size:14px; outline: none;}
.searchBar .btn{ width:42px; height:47px; display:block; position:absolute; left:0; top:0; border:none; background:none; cursor:pointer;}
.tipTxt{ position:absolute; left:0px; top:0px; text-indent:40px; color:#aaa; z-index:0; cursor: text; height:40px; line-height:40px; font-size:14px;}


.sitemap li{ border-bottom:1px dashed #ccc; line-height:35px;}
.sitemap li a{ font-size:16px; color:#333;}
.nrnav li{ border-bottom:none;}
.nrnav li a{ font-size:14px; border-bottom:1px dashed #ccc; line-height:35px; display:block;}

.footNav{ display:none;}

@media (min-width: 1920px) and (min-height:1080px){ /***全屏下***/
.section3 dl{ margin:0 0 70px 0;}
.section6 .note .t5_2{ height:50px; margin:50px 0;}
.section6 .note .t5_2 h3{ font-size:40px; line-height:40px;}
.section6 .note .t5_3{ line-height:30px;}
.section6 .note .t5_4{ padding:40px 0 0;}
.section9 .title{ font-size:72px; line-height:84px;}

}



/* CSS Document */
.static{ position:static;}
.about-section1{ width:100%; height:488px; background-size:cover; padding:0 160px; position:relative;}
.about-section1 .about-section1Wrapper{ position:absolute; top: 50%; transform: translate(0, -50%);}
.about-section1 .title1{ float:left; width:220px;}
.about-section1 .title1 span{ color:#cf001c; font-size:173px; line-height:155px;}
.about-section1 .title1 p{ font-size:42px; color:#adabaa; line-height:42px;}
.about-section1 .title2{ float:left; color:#cf001c; font-size:50px; line-height:66px; letter-spacing:2px;}
.about-section1 .title2 .t01{ font-weight:bold; color:#cf001c;}
.about-section1 .title2 .t02{ color:#adabaa;}
.about-section1 .title2 .t03{ font-weight:bold; color:#585656;}

.about-section2{ background:#fff; position: relative;}
.about-section2 .about-section2Wrapper{ width:88%; padding:80px 0; margin:0 auto;}
.about-section2 .about-desc{text-align: center; padding: 20px 0 50px; line-height: 30px; font-size: 16px;}
.about-section2 .name1{ color:#333; font-weight:bold; font-size:24px; line-height:24px;}
.about-section2 .name2{ color:#f4f4f6; font-weight:bold; font-size:108px; line-height:86px;margin: 0 0 0 -8px;}
.about-section2 .about-section2-box{ overflow:hidden; background: #f4f4f6;}
.about-section2 .about-section2-box .about-section2-note{ float:left; width:48%; padding:60px 90px;}
.about-section2 .about-section2-box .about-section2-desc{ font-size:16px; line-height:30px; color:#656362;}
.about-section2 .about-section2-box h3{ color:#cf001c; font-weight:bold; font-size:33px; line-height:33px;}
.about-section2 .about-section2-box h4{ color:#4c4948; font-weight:bold; font-size:17px; margin:15px 0 60px;}
.about-section2 .about-section2-box .pic{float: left; width: 52%; padding: 0 0 20px 0; }
.about-section2 .about-section2-box .pic img{ width:100%;}
.about-section2 .about-section2-box .pic p{ font-size:102px; font-weight:bold; font-style:italic; color:#fff; position:absolute; bottom:0; left:30px;}
.about-section2 .about-section2-box .number{width: 100%; margin-top:20px;}
.about-section2 .about-section2-box .number ul{margin:0px; padding: 0px;}
.about-section2 .about-section2-box .number ul li{width: 18%; border-right: 1px solid #666; margin-right: 2%; text-align: center;color:#818181; float:left;}
.about-section2 .about-section2-box .number ul li:last-child{border-right: 0px;}
.about-section2 .about-section2-box .number ul li .num{font-size: 16px; }
.about-section2 .about-section2-box .number ul li  strong{font-size: 30px; color:#b62020;}
.about-section2 .about-section2-box .number ul li .numtext{}

.about-section-history{width: 100%; height: 100vh; background: url(../images/about2.jpg) no-repeat; padding: 60px 10%;}
.about-section-history h3{color:#fff;font-size: 35px; line-height: 35px; font-weight: bold;}
.about-section-history h4{color:#fff;font-size: 22px; font-weight: 500;margin-bottom: 30px;}
.main{width:80%;margin:30px auto}
.time-axis{margin:0;padding:0;position:relative;height: 600px;overflow: hidden;overflow-y: scroll;}
.time-axis li:before{content:'';position:absolute;left:117px;top:15px;width:1px;height:100%;background-color:#e4e4e4}
.time-axis-item{list-style:none;padding-left:150px;position:relative;line-height:54px;font-size:16px;color:#fff;padding-bottom: 20px;}
.time-axis-achievement{margin:0}
.time-axis-date{position:absolute;left:0;top:0;color:#00a0b4; font-size: 32px;width: 75px;}
.time-axis-date span{position:absolute;right:-48px;top:35%;display:block;width:13px;height:13px;border-radius:100%;background-color:#00a0b4}
.time-axis-date span:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:7px;height:7px;margin:auto;background-color:#ccc;border:1px solid #ccc;border-radius:100%}
.time-axis-item:last-child .time-axis-date span{border-color:#48beb2}
.time-axis-item:last-child .time-axis-date span:after{background-color:#48beb2;border-color:#48beb2}

.time-axis::-webkit-scrollbar{width:10px;height:1px; display: none;}
.time-axis::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353;display: none;}
.time-axis::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ededed;display: none;}

@media(max-width: 1440px){
  .time-axis{height: 500px;}
  .about-section-history {height: 750px;}

}


.about-section3{ background:#fff url(../images/about3.jpg) left top no-repeat; background-size: 100%;}
.about-section3 .about-section3Wrapper{ width:100%; padding:80px 0 80px; position:relative;}
.about-section3 .about-section3-pic{ text-align:center; width:85%; height:680px; margin:0 auto;}
.about-section3 .about-section3-box{ width:100%; color:#fff; overflow:hidden; text-align: center;}
.about-section3 .about-section3-box .title h3{ font-size:26px; color:#333; font-weight: bold; line-height:42px;}
.about-section3 .about-section3-box .title h4{ font-size:20px; line-height:26px; color:#595757; font-weight:500;text-transform:uppercase; margin-bottom: 30px;}
.about-section3 .about-section3-desc{width: 88%; margin:50px auto;}
.about-section3 .about-section3-desc .wenhualist{width: 100%;}
.about-section3 .about-section3-desc .wenhualist ul{margin:0px; padding: 0px;}
.about-section3 .about-section3-desc .wenhualist ul li{width: 24%; float:left; margin-right: 1%;}
.about-section3 .about-section3-desc .wenhualist ul li:last-child{margin-right: 0px;}
.about-section3 .about-section3-desc .wenhualist ul li i{width:16%; font-size: 30px; color:#777; float:left; line-height: 30px; height: 100%;}
.about-section3 .about-section3-desc .wenhualist ul li .text{width: 84%; border-left: 1px solid #ff0000; float:left; padding-left:5%; font-size: 16px; line-height: 28px; color:#777; text-align: left; min-height: 238px;}
.about-section3 .about-section3-desc .wenhualist ul li .text strong{font-size: 26px; color:#636363; width: 100%; float:left; margin-bottom: 20px; }
.about-section3 .wenhuaimg{width: 100%; margin-top: 50px; float:left;}
.about-section3 .wenhuaimg span{width: 22%; margin-right: 1%; float:left;}
.about-section3 .wenhuaimg span img{max-width: 100%;}
.about-section3 .wenhuaimg span:last-child{margin-right: 0px; width: 30%;}

.about-section4{ background:#cf001c url(../images/img1.png) no-repeat right top; min-height:1080px;}
.about-section4 .about-section4Wrapper{ width:100%; padding:130px 0;}
.about-section4 .about-section4-box{ overflow:hidden;}
.about-section4 .about-section4-box .about-section4-note{}
.about-section4 .about-section4-box .title{ padding:0 100px 100px 0;}
.about-section4 .about-section4-box .title h4{ font-size:87px; line-height:101px; font-weight:bold; text-align:right; text-transform:uppercase; font-style:italic; -webkit-text-stroke: 2px #004191; color: transparent;}
.about-section4 .about-section4-box .title h3{ color:#004191; font-size:53px; line-height:64px; font-style:italic; text-align:right;}
.about-section4 .history{ color:#fff; overflow:hidden; position:relative;}
.about-section4 .history:after{ background:#80aee8; width:100%; height:1px; content: ''; position: absolute; top: 75px;}
.about-section4 .history-list{ float:left; width:460px; padding:0 80px; font-size:18px; line-height:33px; margin:0 0 50px; overflow:hidden;}
.about-section4 .history-list h4{ font-size:43px; font-weight:bold; line-height:45px; padding:0 0 55px;}
.about-section4 .history-list a{ color:#fff; display:inline}

.about-section6{ background:#f1f1f1;}
.about-section6 .about-section6Wrapper{ width:100%; padding:135px 0; position:relative; overflow:hidden;}
.about-section6 .about-section6-pic{ float:left; width:62%;}
.about-section6 .about-section6-box{ float:left; width:38%; color:#4c4948; overflow:hidden; text-transform:uppercase; padding:0 0 0 100px;}
.about-section6 .about-section6-box .t01{ color:#4c4948; font-size:20px; line-height:26px;}
.about-section6 .about-section6-box .t02{ color:#cf001c; font-size:32px; line-height:38px; font-style:italic; font-weight:bold;}
.about-section6 .about-section6-box .t03{ color:#fff; font-size:52px; line-height:58px; font-style:italic; font-weight:bold;}
.about-section6 .about-section6-box .box5{ margin:0 0 100px;}
.about-section6 .about-section6-box .box5:last-child{ margin:0;}

.about-section7{ background:#f1f1f1;}
.about-section7 .about-section7Wrapper{ width:100%; position:relative; overflow:hidden;}
.about-section7 .about-section7-pic{ float:left; width:54%; height:790px;}
.about-section7 .about-section7-box{ float:left; width:46%; height:790px; color:#4c4948; overflow:hidden; text-transform:uppercase;}
.about-section7 .about-section7Wrapper img{ width:100%; height:100%;}
.about-section7 .about-section7-note{ width:100%; height:50%; overflow:hidden; position:relative;}
.about-section7 .note{ float:left; width:50%; padding:0 42px; text-align:right; font-size:29px; line-height:40px; font-weight:bold; position:absolute; top: 50%; transform: translate(0, -50%);}
.about-section7 .note .t01{ color:#cf001c;}
.about-section7 .note .t02{ color:#585656;}
.about-section7 .note .t03{ color:#adabaa;}
.about-section7 .img{ float:right; width:50%; height:100%;}
.about-section7 .note2 .img{ float:left;}
.about-section7 .note2 .note{ float:right; right:0; text-align:left;}

.about-section8{ background:url(../images/pic20.jpg) no-repeat right center; background-size:cover; min-height:1080px; position:relative;}
.about-section8 .about-section8Wrapper{ width:100%;}
.about-section8 .about-section8-box{ overflow:hidden;}
.about-section8 .about-section8-box .about-section4-note{}
.about-section8 .about-section8-box .title{ padding:100px 0 270px 100px;}
.about-section8 .about-section8-box .title h5{ font-size:73px; line-height:85px; font-weight:bold; text-transform:uppercase; color:#fff;}
.about-section8 .about-section8-box .title h4{ font-size:73px; line-height:85px; font-weight:bold; text-transform:uppercase; -webkit-text-stroke: 2px #fff; color: transparent;}
.about-section8 .about-section8-box .title h3{ color:#cf001c; font-size:56px; line-height:64px;}
.about-section8 .honor{ color:#fff; overflow:hidden;}
.about-section8 .honor-list{ float:left; width:191px; height:335px; margin:0 21px;}
.about-section8 .honor-list a{ width:191px; height:265px; margin: 0 auto; padding:6px; border:1px solid #fff; display:block; overflow:hidden; cursor:default;}
.about-section8 .honor-list p{ font-size:16px; height:70px; padding:15px 0 0; line-height:24px; display:block; text-align:center;}
.about-section8 .honor-list img{ width:100%;}
.about-section8 .more{ position:absolute; right:90px; bottom:40px;}
.about-section8 .more a{ font-size:16px; width:142px; height:37px; line-height:35px; text-align:right; padding:0 12px; display:block; color:#ddd; border:1px solid #ddd;}
.about-section8 .more a:hover{ background:#cf001c; color:#fff; border:1px solid #cf001c;}

/*.section9{ height:980px; position:relative; background: url(../images/map.jpg) top right no-repeat;}
.section9 .title{ font-size:62px; text-transform:uppercase; color:#585656; line-height:62px; font-weight:bold; padding:70px 0 0 100px;}
.section9 .title p{ font-size:48px;}
.section9 .partner{ float:right; width:950px; margin:0 50px 0 0;}
.section9 .partner ul li{ float:left; margin:0 80px 30px 0;}
.section9 .partner ul li:nth-of-type(4n){ margin:0 0 30px 0;}
.section9 .partner ul li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.section9 .partner ul li:hover img{ opacity: 1; filter:none; -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);}
.section9 .more{ position:absolute; right:90px; bottom:80px;}
.section9 .more a{ font-size:16px; width:142px; height:37px; line-height:35px; text-align:right; padding:0 12px; display:block; color:#585656; border:1px solid #adabaa;}
.section9 .more a:hover{ background:#cf001c; color:#fff; border:1px solid #cf001c;}
.section9 .note{ font-size:12px; font-weight:lighter; color:#adabaa; position:absolute; left:100px; bottom:80px;}
*/


/**contact**/
.banner-section1{ width:100%; height:198px; background-size:cover !important; position:relative;}

.contact-section2{}
.contact-section2 .contact-section2Wrapper{ width:100%; padding:15px 85px;}
.contact-section2 .contact-section2-box{ border-bottom:2px solid #d6d5d4; padding:60px 0; overflow:hidden;}
.contact-section2 .contact-section2-box .pic{ float:left; width:60%; height:463px;}
.contact-section2 .contact-section2-box .pic a{ display:block; height:100%;}
.contact-section2 .contact-section2-box .contact-section2-note{ float:left; width:36%; padding:40px 0 0 4%;}
.contact-section2 .contact-section2-box h3{ font-size:60px; line-height:60px; font-weight:bold; color: #ededed;}
.contact-section2 .contact-section2-box h4{ color:#333; font-weight:bold; font-size:28px; line-height:28px;}
.contact-section2 .contact-section2-box .contact-section2-desc{ font-size:18px; line-height:40px; color:#585657; padding:20px 0 0;}
.contact-section2 .contact-section2-box .contact-section2-desc p strong{ font-style:italic; padding:0 20px 0 0;}
.contact-section2 .contact-section2-box:last-child{ border-bottom:none;}

.contact-section3{}
.contact-section3 .contact-section3Wrapper{ width:100%; padding:45px 85px 15px;}
.contact-section3 .contact-section3-box{ display: table; width:100%;}
.contact-section3 .contact-section3-box h3{font-size:36px; line-height:70px; font-weight:bold; color: #000000; margin-bottom: 30px;}
.contact-section3 .gnfzr{width:100%;}
.contact-section3 .gnfzr ul{margin: 0px; padding: 0px;}
.contact-section3 .gnfzr ul li{width: 30%; float: left; margin-right: 5%; margin-bottom: 40px; box-shadow: 2px 2px 20px 5px #ddd; padding: 30px;}
.contact-section3 .gnfzr ul li:nth-child(3n+3){margin-right: 0px;}
.contact-section3 .gnfzr ul li .area{font-size: 22px; color:#333; font-weight: bold; height: 100px;float: left; width: 100%;}
.contact-section3 .gnfzr ul li .bumen{width: 100%; border-top: 2px solid #ccc; float: left; font-size: 18px; line-height: 44px; color:#333;}
.contact-section3 .gnfzr ul li .bumen1{float: left;}
.contact-section3 .gnfzr ul li .bumen2{float: right;}
.contact-section3 .online{ padding: 0; text-align: center; height: 30px; display: table; float: right;}
.contact-section3 .online ul{ display:inline-block;}
.contact-section3 .online ul li{ float:right; width:30px; height:30px; line-height:30px; padding: 0px; box-shadow: none; border-radius:8px; background:#f5f5f5; text-align:center; margin:0 6px 0px; cursor:pointer; position:relative;}
.contact-section3 .online ul li:nth-child(3n+3){margin-right: 6px;}
.contact-section3 .online ul li span{ font-size:17px; color:#8e8e8e;}
.contact-section3 .online ul li:hover{ background:#f9b4b6;}
.contact-section3 .online ul li:hover span{ color:#e62129;}
.contact-section3 .online ul li a{ width:100%; height:100%; display:block; text-indent:-9999px; position:absolute; top:0;}

.contact-section4 { width:100%;}
.contact-section4 .contact-section4Wrapper{ width:100%; padding:15px 85px;}
.contact-section4 .contact-section4-box{ display: table; width: 100%;}
.contact-section4 .networkWrapper{ width:100%; margin:0 auto; position:relative;}
.contact-section4 .note{ font-size:16px; line-height:30px; padding:100px 0 90px;}
.contact-section4 .note h3{ font-size:36px; font-weight:bold; color:#e62129; margin:30px 0 15px; position:relative;}
.contact-section4 .network-box{ width:100%; padding:90px 0 0;}
.contact-section4 .network-box .title{ font-size:36px; height:70px; line-height:35px; color:#333; font-weight:bold; position:relative;}
.contact-section4 .network-note{  margin:0 auto; overflow:hidden;}
.contact-section4 .desc{  margin:0 auto; padding:60px 0px 0;}
.contact-section4 .mod2{ background:#fff;}
.contact-section4 .network-user{ float:left; width:16%; min-height:250px; margin:0 5% 6.5% 0; background:#fff; padding:0 10px; border-radius:8px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); position:relative;}
.contact-section4 .network-user:nth-of-type(5n){ margin:0 0 6.5% 0;}
.contact-section4 .network-user .pic{ width:104px; height:104px; border-radius:100%; padding:5px; background:#ddd; border:5px solid #fff; position:absolute; left:50%; top:-51px; margin:0 0 0 -52px;}
.contact-section4 .network-user .pic img{ border-radius:100%;}
.contact-section4 .network-user .name{ font-size:16px; line-height:30px; color:#3b3b3b; font-weight:bold; padding:80px 0 0; display:block; text-align:center;}
.contact-section4 .network-user .area{ font-size:14px; line-height:24px; color:#a5a5a5; margin:12px 0; height:50px; display:block; text-align:center; overflow:hidden;}
.contact-section4 .online{ padding:20px 0 30px; text-align:center; height:122px;}
.contact-section4 .online ul{ display:inline-block;}
.contact-section4 .online ul li{ float:left; width:30px; height:30px; line-height:30px; border-radius:8px; background:#f5f5f5; text-align:center; margin:0 6px 6px; cursor:pointer; position:relative;}
.contact-section4 .online ul li span{ font-size:17px; color:#8e8e8e;}
.contact-section4 .online ul li:hover{ background:#f9b4b6;}
.contact-section4 .online ul li:hover span{ color:#e62129;}
.contact-section4 .online ul li a{ width:100%; height:100%; display:block; text-indent:-9999px; position:absolute; top:0;}
.wechat-code2{ position: absolute; right: 45px; top:-60px; z-index: 1000; display: block; width:100px; background:#fff; padding:5px;}
.tooltip {font-size: 14px; line-height: 1.5;position: absolute;padding: 5px;z-index: 100003;opacity: .8}
.tipsy-arrow {position: absolute;width: 0;height: 0;line-height: 0;border: 6px dashed #e62129;top: 0;left: 20%;margin-left: -5px;border-bottom-style: solid;border-top: 0;border-left-color: transparent;border-right-color: transparent}
.tipsy-arrow-n {border-bottom-color: #e62129;}
.tipsy-inner {background-color: #e62129;color: #fff;max-width: 200px;padding: 5px 8px 4px 8px;text-align: center;border-radius: 3px}


.contact-section5{}
.contact-section5 .contact-section5Wrapper{ width:100%; padding:15px 85px 100px;}
.contact-section5 .contact-section5-box{ display: table; width: 100%;}
.contact-section5 .bsc{width: 100%;}
.contact-section5 .bsc ul{margin: 0px; padding: 0px;}
.contact-section5 .bsc ul li{width: 50%; font-size: 16px; height: 60px; line-height: 60px; float: left; background: #f5f5f5;}
.contact-section5 .bsc ul li strong{width: 20%;float: left;padding: 0 0 0 10px;}
.contact-section5 .bsc ul li span{width: 80%; float: left;}
.contact-section5 .bsc ul li:nth-child(3),.contact-section5 .bsc ul li:nth-child(4),.contact-section5 .bsc ul li:nth-child(7),.contact-section5 .bsc ul li:nth-child(8),.contact-section5 .bsc ul li:nth-child(11),.contact-section5 .bsc ul li:nth-child(12),.contact-section5 .bsc ul li:nth-child(15),.contact-section5 .bsc ul li:nth-child(16){background: #fff;}

.contact-section6{ background: url(../images/messagebg.jpg) no-repeat; }
.contact-section6 .contact-section6Wrapper{ width:100%; padding:60px 85px;}
.contact-section6 .contact-section6-box{ display: table; width: 100%;}
.contact-section6 .contcat_left{width: 50%; float: left; padding-left: 10%;}
.contact-section6 .contcat_left h3{font-size: 24px; color:#333; margin-top: 20%; margin-bottom: 30px;}
.contact-section6 .contcat_left p{font-size: 16px; color: #999;}
.contact-section6 .contcat_right{width: 45%; float: left; margin-left: 5%}
.contact-section6 .contcat_right .item {margin-bottom: 50px;overflow: hidden; width: 80%;}
.contact-section6 .contcat_right .item h3{font-size: 18px;color: #1a1a1a;     margin: 20px 0;}
.contact-section6 .contcat_right .item .form{overflow: hidden;}
.contact-section6 .contcat_right .item .form li{list-style: none;padding-bottom: 10px;overflow: hidden;}
.contact-section6 .contcat_right .form li .input2{width:calc(100% - 37px);}
.contact-section6 .contcat_rightm .form li .input2:last-child {margin-right: 0;}
.contact-section6 .contcat_right .form li input,.contact-section6 .contcat_right .item .form li textarea{border: 1px solid #ddd;background: #f5f5f5;padding: 10px;width:calc(100% - 32px); float:left;}
.contact-section6 .contcat_right .form li textarea {min-height: 100px;}
.contact-section6 .contcat_right .form li .send {cursor: pointer;padding: 10px 0;width: 180px; color: #fff;text-transform: uppercase; background: #e62129;}
.contact-section6 .contcat_right .form li .send:hover {background: #7f050f;}





.case-section2 .case-section2Wrapper{ width:100%;}
.case-section2 .case-section2-box{ height:155px; margin:0 0 6px; position:relative; overflow:hidden; background-repeat:no-repeat; background-position:right bottom; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.case-section2 .case-section2-box .num{ font-size:158px; line-height:158px; font-weight:bold; font-style:italic; -webkit-text-stroke: 2px #fff; color: transparent; position:absolute; bottom:-17px; left:125px;}
.case-section2 .case-section2-box .title{ position:absolute; left:360px; bottom:-3px;}
.case-section2 .case-section2-box .title h3{ font-size:47px; line-height:47px; font-weight:bold; color:#fff;}
.case-section2 .case-section2-box .title p{ font-size:32px; line-height:32px; color:#fff; font-style:italic; text-transform:uppercase; padding:15px 0 0;}
.case-section2 .case-section2-box .pic{ width:650px; height:100%; position:absolute; right:0; bottom:0;}
.case-section2 .case-section2-box a{ display:block; height:155px; transition:all 0.5s; background:url(../images/casebg.png) no-repeat left top;}
.case-section2 .case-section2-box a:hover{ height:222px; background:url(../images/casebg-hover.png) no-repeat left top;}
.case-section2 .case-section2-box a:hover,.case-section2 .case-section2-box.now a{ height:222px; background:url(../images/casebg-hover.png) no-repeat left top;}
.case-section2 .case-section2-box:hover,.case-section2 .case-section2-box.now { height:222px; transition:all 0.5s; opacity: 1; filter:none; -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);}

/*服务*/
.np_content {
    width: 100%;
    line-height: 25px;
    overflow: hidden;
    color: #515151;
    margin-top: 15px;
    padding-bottom: 20px;}
.np_content li { float:left;}

/**新闻列表**/
.news-section2{ background:#fff;}
.news-section2 .news-section2Wrapper{     width: 82%; padding: 60px 0; margin: auto;}
.news-section2 .news-section2-box{ height:234px; background:#f7f7f7; margin:0 0 60px; overflow:hidden; position:relative;}
.news-section2 .news-section2-box .pic{ float:left; width:23%; height:100%;}
.news-section2 .news-section2-box .news-section2-note{ float:left; width:77%; padding:30px 50px 0 50px;}
.news-section2 .news-section2-box h3{ font-size:24px; line-height:36px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-section2 .news-section2-box .newsline{ width:250px; height:1px; background:#585656; margin:20px 0;}
.news-section2 .news-section2-box .news-section2-desc{ font-size:14px; line-height:24px; color:#585657; height:74px; overflow:hidden;}
.news-section2 .news-section2-box .datetime{ font-size:14px; color:#7f7c7c; padding:10px 0 0;}
.news-section2 .news-section2-box .more{ font-size:14px; width:118px; height:28px; line-height:28px; text-align:right; padding:0 12px; display:block; color:#585656; font-weight:lighter; border:1px solid #adabaa; position:absolute; right:50px; bottom:28px;}
.news-section2 .news-section2-box a:hover .more{ background:#cf001c; color:#fff; border:1px solid #fff;}

.pages{ width:100%; color:#1a4b85; overflow:hidden; text-align:center; padding:0;}
.pages span{ padding:0 6px; margin-top:10px; display:inline-block; color:#555;}
.pages a{ display:block; color:#333; text-align:center; vertical-align:middle; padding:0px 20px; line-height:50px; overflow:hidden; box-sizing:border-box; font-size:16px; background:#fff; border-radius:5px;border:1px solid #dedede;}
.pages span.curr a{ display:block; background:#cf001c; color:#fff; border:1px solid #2c88d8;}
.pages a:hover{background:#dedede; color:#fff;}

/**新闻详细**/
.news-section3{ background:#fff;}.bgfff{ background:#fff;}
.news-section3 .news-section3Wrapper{ width:100%; padding:120px 0;}
.news-section3 .news-section3-box{ width:65%; margin:0 auto; overflow:hidden; position:relative;}
.news-section3 .news-section3-box .title { font-size:22px; font-weight:bold; color:#adabaa; padding:0 0 3px; font-style:italic; border-bottom:2px solid #adabaa;}
.news-section3 .news-section3-box .title h1{ font-size:34px; font-weight:bold; color:#cf001c; font-style:normal; line-height:42px; padding:0 0 30px;}
.news-section3 .news-section3-box .title h2{ font-size:75px; line-height:85px; font-weight:bold; -webkit-text-stroke: 2px #adacaa; color: transparent;}
.news-section3 .news-section3-desc{ font-size:16px; line-height:40px; padding:70px 0; border-bottom:2px solid #adabaa;}
.news-section3 .newsback { text-align:right; padding:10px 15px 0 0;}
.news-section3 .newsback a{ font-size:26px; line-height:65px; font-weight:bold;}

/**service**/
.service-section2{ background:#f1f1f1; position: relative;}
.service-section2 .service-section2Wrapper{ width:100%; padding:80px 0;}
.service-section2 .service-section2-box{ width:82%; margin:0 auto; overflow:hidden; background: #fff; padding-bottom: 6%;}
.service-section2 .service-section2-box .title{text-align: center; margin-top:60px;}
.service-section2 .service-section2-box .title h3{ font-size:26px; color:#333; font-weight: bold; line-height:42px;}
.service-section2 .service-section2-box .title h4{ font-size:20px; line-height:26px; color:#333; font-weight:500;text-transform:uppercase; margin-bottom: 30px;}
.service-section2 .service-section2-box .title h5{ font-size:16px; line-height:30px; color:#999;}
.service-section2 .service-section2-desc{ font-size:18px; line-height:40px; padding:70px 0 0; }
.service-section2 .service-section2-desc .service_left{width: 40%; float:left;}
.service-section2 .service-section2-desc .service_left img{max-width: 100%;}
.service-section2 .service-section2-desc .service_right{ width: 55%; float:right;}
.service-section2 .service-section2-desc .service_right img{max-width: 100%;}
.service-section2 .service-section2-desc .t01{ font-size:24px; font-weight:bold; color:#005aff; line-height:30px;}
.service-section2 .service-section2-desc .t02{ font-size:24px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:30px; font-style:italic;}
.service-section2 .service-section2-desc .line{ width:43px; height:2px; background:#bdbdc2; margin:0 0 22px;}
.service3{ background:#fff;}

.service-section1{ background:#fff; position: relative;}
.service-section1 .service-section1Wrapper{ width:100%; padding:80px 0;}
.service-section1 .service-section1-box{ width:82%; margin:0 auto; overflow:hidden; background: #fff; text-align: center;}
.service-section1 .service-section1-box .title{text-align: center;}
.service-section1 .service-section1-box .title h3{font-size:26px; color:#333; font-weight: bold; line-height:42px;}
.service-section1 .service-section1-box .title h4{ font-size:20px; line-height:26px; color:#333; font-weight:500;text-transform:uppercase; margin-bottom: 30px;}
.service-section1 .service-section1-box .title h5{ font-size:16px; line-height:30px; color:#333;}
.service-section1 .service-section1-desc{ font-size:18px; line-height:40px; padding:50px 0 0; text-align: center; }
.service-section1 .service-section1-desc img{max-width: 100%;}

.card-columns{display:flex; flex-direction:row; width:100%; margin:0 2.5% 0 0;}
.card-columns img{vertical-align: text-top; width:30%; margin:20px 0 0 2.5%;}


/**job**/
.job-section2{ background:#fff; position: relative;}
.job-section2 .job-section2Wrapper{ width:100%; padding:80px 0;}
.job-section2 .job-section2-box{ width:82%; margin:0 auto; overflow:hidden; background: #fff;}
.job-section2 .job-section2-box .title{text-align: center;}
.job-section2 .job-section2-box .title h3{ font-size:26px; color:#333; font-weight: bold; line-height:42px;}
.job-section2 .job-section2-box .title h4{ font-size:20px; line-height:26px; color:#595757; font-weight:500;text-transform:uppercase; margin-bottom: 30px;}
.job-section2 .job-section2-box .title h5{ font-size:16px; line-height:30px; color:#999;}
.job-section2 .job-section2-desc{ font-size:18px; padding:70px 0 0; width: 85%; margin:0 auto; }
.job-section2 .job-section2-desc .job-note-box{width: 75%; padding-left: 15%; margin:0 10% 5%;}
.job-section2 .job-section2-desc .bg1{background: url(../images/job1.jpg) left top no-repeat;}
.job-section2 .job-section2-desc .bg2{background: url(../images/job2.jpg) left top no-repeat;}
.job-section2 .job-section2-desc .bg3{background: url(../images/job3.jpg) left top no-repeat;}
.job-section2 .job-section2-desc .job-note-box img{}
.job-section2 .job-section2-desc .job-note-box .job-text{text-align: left; margin-top:20px; line-height: 38px;}
.job-section2 .job-section2-desc .job_left{width: 50%; float:left;}
.job-section2 .job-section2-desc .job_left img{width: 100%;}
.job-section2 .job-section2-desc .job_right{width: 50%; float:left;}
.job-section2 .job-section2-desc .job_right img{width: 100%;}
.job-section2 .job-section2-desc .t01{ font-size:24px; font-weight:bold; color:#005aff; line-height:30px;}
.job-section2 .job-section2-desc .t02{ font-size:24px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:30px; font-style:italic;}
.job-section2 .job-section2-desc .line{ width:43px; height:2px; background:#bdbdc2; margin:0 0 22px;}

.job-section1{ background:#fff; position: relative;}
.job-section1 .job-section1Wrapper{ width:100%; padding:80px 0;}
.job-section1 .job-section1-box{ width:82%; margin:0 auto; overflow:hidden; background: #fff;}
.job-section1 .job-section1-box .title{text-align: center;}
.job-section1 .job-section1-box .title h5{ font-size:16px; line-height:30px; color:#333;}
.job-section1 .job-section1-desc{ font-size:18px; line-height:40px; padding:70px 0 0; }
.job-section1 .job-section1-desc .joblist{width: 100%; float:left;}
.job-section1 .job-section1-desc .joblist ul{margin:0px; padding:0px;}
.job-section1 .job-section1-desc .joblist ul li{width: 23.5%; margin:0 2% 2% 0; float:left; background: #282c3c;}
.job-section1 .job-section1-desc .joblist ul li:nth-child(2n+2){background: #282c50;}
.job-section1 .job-section1-desc .joblist ul li:nth-child(4n+4){margin:0 0 2% 0;}
.job-section1 .job-section1-desc .joblist ul li .jobimg{position: relative;}
.job-section1 .job-section1-desc .joblist ul li .jobimg span{height: 40px; line-height: 40px; text-align: center;  width: 100%; display: table; color:#fff;}
.job-section1 .job-section1-desc .joblist ul li .jobimg i{position: absolute; left:50%; top:70%; height: 75px; width: 1px; background: #329ec4;}
.job-section1 .job-section1-desc .joblist ul li .jobtitle{border-top:1px solid #666; height: 80px; padding: 10px 0; line-height: 30px; font-size: 14px; 
  color:rgba(255,255,255,0.5); text-align: center; width: 100%; float:left;}


/**产品详细**/
.product-banner{ width:100%; padding:0 160px; height:618px; position:relative;}
.product-banner .pic{ height:488px; position:absolute; right:20%; top: 16%;}
.product-banner .title{ position:absolute; top: 45%; left: 20%; transform: translate(0, -50%);}
.product-banner .title .t01{ font-size:56px; font-weight: bold; color:#424453; line-height:60px;}
.product-banner .title .t02{ font-size:28px; font-weight:500; margin-top:20px; color:#424453; text-transform:uppercase; line-height:28px;}
.product-banner .title .t03{ width:180px; background: #e62129; height: 4px; margin:20px 0 0; }
.product-banner .title .t03 img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

.product-menu-box{width: 90%; height: 120px; background: #e62129; margin:0px auto 0; position: absolute; bottom:-60px; left:5%;}
.product-menu{width: 90%; margin:0 auto;}
.product-menu ul{margin:0px; padding: 0px;}
.product-menu ul li{width: 16.6%; float:left; padding: 25px 0;}
.product-menu ul li a{color:#fff; text-align: center;}
.product-menu ul li a i{font-size: 34px; font-weight: bold;font-family: arial; width: 100%; float:left; line-height: 40px;}
.product-menu ul li a span{font-size: 18px; width: 100%; float:left;}

.product-menu-box-sub{width: 90%; height: 120px; background: #7c7c7c; margin:0px auto 0; display:table;}
.product-menu-box-sub strong{font-size: 32px; line-height: 40px; margin-left:5%; width: 20%; color:#fff;text-align: center; padding: 0 10px; vertical-align: middle; display: table-cell;}
.product-menu-sub{width: 95%; margin-left: 5%; float:left;}
.product-menu-sub a{float:left; padding:40px 2% 15px; color:#fff; text-align: center;font-size: 20px;  line-height: 28px;}
.product-menu-sub a:last-child{ padding-right:0;}


.products-class-section{width: 85%; max-width: 1340px; margin:150px auto 80px;}
.products-class-box{width: 100%; margin:0px auto;  display: table;}
.products-class-box ul{margin:0px; padding: 0px;}
.products-class-box ul li{width: 100%; float:left;}
.products-class-box .products-class-box-left{width:40%; float:left; margin:0 5%;}
.products-class-box .products-class-box-left img{max-width: 100%;}
.products-class-box .products-class-box-right{width: 50%; float:right;}
.products-class-box .products-class-box-right .title{ width: 100%; height: 80px; line-height: 60px; border-bottom:1px solid #999; color:#333333; font-size: 28px; margin-top:100px; text-transform: uppercase; }
.products-class-box .products-class-box-right .title strong{font-size: 46px; font-weight: bold;}
.products-class-box .products-class-box-right .subclass{margin-top:30px;}
.products-class-box .products-class-box-right .subclass a{ width: 30%; margin-right: 5%; border-radius: 50px; height: 40px; line-height: 38px; border:1px solid #ccc; text-align: center; font-size: 18px;float: left; margin-bottom: 18px;}
.products-class-box .products-class-box-right .subclass a:nth-child(3n+3){margin-right: 0px;}
.products-class-box .products-class-box-right .subclass a:hover{background: #333; color:#fff;}
.products-class-box ul li:nth-child(2n) .products-class-box-left{float:right;}
.products-class-box ul li:nth-child(2n) .products-class-box-right{float:left;}

.products-server{background: #f4f4f4; width: 100%; padding: 100px 0; display: table;}
.products-server .products-server-box{width: 85%; max-width: 1340px; margin:0 auto;}
.products-server .products-server-box .title{ width: 100%; height: 80px; line-height: 60px; color:#333333; font-size: 28px; text-transform: uppercase; }
.products-server .products-server-box .title strong{font-size: 40px; font-weight: bold;}
.products-server .products-server-left{float:left; width: 75%; margin-right:3%;}
.products-server .products-server-left ul{margin:0px; padding: 0px;}
.products-server .products-server-left ul li{width: 48%; margin-right: 4%; font-size: 18px; margin-bottom:20px; height: 52px; line-height: 46px; float:left; border:1px solid #e8e8e8; border-radius: 5px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); text-align: center; background: #fff;}
.products-server .products-server-left ul li:nth-child(2n+2){margin-right: 0px;}
.products-server .products-server-left ul li a{ display:block;}
.products-server .products-server-left ul li span{ font-size:20px; float:right; width: 37px; height: 37px;margin: 6px 5px 0 0;line-height: 37px; text-align: center;}
.products-server .products-server-left ul li:hover span{  background: #333; color:#fff; border-radius: 3px;}
.products-server .products-server-right{float:right; width: 22%; box-shadow: 3px 3px 3px 3px #ddd;}
.products-server .products-server-right img{max-width: 100%;}


.product-section1{ background:#fff;}
.product-section1 .product-section1Wrapper{ width:100%; padding:30px 0;}
.product-section1 .product-section1-box{ width:90%; margin:0 auto; overflow:hidden; position:relative;}
.product-section1 .product-section1-box .product-section1-content{ overflow:hidden; width: 88%; margin: 0 auto;}
.product-section1 .product-section1-box .pic{ float:left; width:41%; }
.product-section1 .product-section1-box .title { float:left; width:50%; margin-left:9%; font-size:22px; font-weight:bold;  padding:10px 0 3px; }
.product-section1 .product-section1-box .title h2{ font-size:16px; font-weight:500; color:#333; font-style:normal; line-height:22px; padding:20px 0 20px; }
.product-section1 .product-section1-box .title h1{ font-size:32px; line-height:50px; font-weight:500; color:#333;}
.product-section1 .product-section1-box .notice{ font-size:16px; line-height:30px; padding:30px 0; font-weight:normal; border-top:1px solid #adabaa;}
.product-section1 .product-section1-box .notice h3{ font-size:24px; line-height:30px; color:#333;margin-bottom:20px; }
.product-section1 .product-section1-box .xgbz{width: 100%; line-height:50px;}
.product-section1 .product-section1-box .xgbz ul{margin: 0px; padding: 0px;  display: table; width:100%;}
.product-section1 .product-section1-box .xgbz ul li{float: left; text-align: left; line-height: 50px; font-size: 16px; padding:0 12px;}
/*.product-section1 .product-section1-box .xgbz ul li:nth-of-type(odd){ background:#f7f7f7;}
.product-section1 .product-section1-box .xgbz ul li:nth-of-type(even){ background:#fff;}*/


.product-section1 .product-section1-desc{ font-size:18px; line-height:40px; padding:20px 0 70px 0; border-bottom:2px solid #ddd; width: 88%; margin: 0 auto;}
.product-section1 .product-section1-desc h3{ font-size:24px; font-weight:bold; color:#cf001c;}
.product-section1 table{border:solid #e4e4e4; border-width:1px 0px 0px 1px; line-height:26px;}
.product-section1 th{ background:#f0f0f0; padding:10px 0;}
.product-section1 th,.product-section1 td{border:solid #e4e4e4; border-width:0px 1px 1px 0px;}
.product-section1 td{ padding:10px;}
.product-section1 tr:nth-child(2n) {background-color:#f7f7f7;}
.producttitle{ width:100%; font-size:26px; font-weight:bold; display: table;padding:50px 10%; background:#7c7c7c; color:#fff; margin:50px 0 50px;}
.producttitle strong{font-size: 34px; height: 100px; line-height: 100px; border-right:1px solid #fff; text-align: right; float:left; width: 24%; padding-right: 5%; margin-right: 5%; }
.producttitle .syfw{ line-height: 30px; font-size: 16px; float:right; width:70%; }
.proshow{ width:100%; overflow-x:auto;}
.newsback { text-align:center; padding:10px 15px 0 0;}
.newsback a{ font-size:26px; line-height:65px; }

.product-section2{ background:#f1f1f1;}
.product-section2 .product-section2Wrapper{ width:100%; margin:0 auto; padding:120px 6%; overflow:hidden;}
.product-section2 .product-section2-left{ float:left; width:32%;}
.product-section2 .product-section2-left .title{ font-size:54px; font-weight:bold; font-style:italic; -webkit-text-stroke: 1px #adabaa; color: transparent;}
.product-section2 .product-section2-left .title i{ background: #adabaa; width: 110px; height: 1px; display:block; margin:25px 0 45px;}
.product-section2 .product-section2-left ul{}
.product-section2 .product-section2-left ul .yyui_tab_title{ line-height:60px;height:60px; color:#adabaa; font-style:italic; cursor:pointer; display:block;font-size:28px; letter-spacing:0px; margin:10px 0 0 0; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-section2 .product-section2-left ul .yyui_tab_title span{ font-size:20px; color:#adabaa; text-transform:uppercase;}
.product-section2 .product-section2-left ul .yyui_tab_title_this{box-sizing:border-box;line-height:60px; height:60px; color:#585656; font-weight:bold; font-style:italic; cursor:pointer; display:block;font-size:28px; margin:10px 0 0 0; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-section2 .product-section2-left ul .yyui_tab_title_this span{ font-size:26px; color:#585656; text-transform:uppercase;}
.product-section2 .product-section2-left ul .yyui_tab_title a:hover{ font-weight:bold;}

.product-section2 .product-section2-box{ width:1200px; margin:0 auto;}.product-section22 .product-section2-box{ float:left; width:68%;}
.product-section2 .product-section2-box .product-section2-content{ overflow:hidden;}
.product-section2 .product-section2-box .title { width:100%; font-size:22px; color:#b2b1b0; padding:10px 0 15px; font-style:italic; border-bottom:2px solid #b2b1b0;}
.product-section2 .product-section2-box .title h1{ font-size:75px; line-height:85px; font-weight:bold; -webkit-text-stroke: 1px #adacaa; color: transparent;}
.product-section2 .product-section2-box .title h1 span{ font-size:34px; font-weight:normal; color:#afaead; line-height:42px; text-transform:uppercase; -webkit-text-stroke:0;}
.product-section2 .product-section2-list{ padding:60px 0; overflow:hidden; width: 88%; margin:0 auto; max-width: 1675px;}
.product-section2 .product-section2-list ul li{ float:left; width:calc(32% - 2px); margin:0 26px 26px 0; border: 2px solid #fff; padding: 10px 10px 10px 30px; overflow:hidden; outline:none; border-radius: 3px; background: #fff;2px 2px 5px rgba(0,0,0,.2);}
.product-section2 .product-section2-list ul li:nth-child(3n+3){margin:0 0 0 0;}
.product-section2 .product-section2-list ul li .title{width: 40%;  float: left; padding:30px 0 0 10px;}
.product-section2 .product-section2-list ul li .title p{font-size: 16px; line-height: 30px;}
.product-section2 .product-section2-list ul li .title span{margin-top:20px; float:left;}
.product-section2 .product-section2-list ul li .pic{ color:#666; overflow:hidden; display:block; width: 60%; float:right;}
.product-section2 .product-section2-list ul li .pic img{ width:100%; height:auto; display:block;}
/*.product-section2 .product-section2-list ul li p{ display:block; height:52px; line-height:22px; padding:12px 0 0; font-size:16px; text-align:center; display:block;}*/
.product-section2 .product-section2-list ul li:hover{ border:2px solid #e62129;}



/*分页*/
.pager{margin:0 auto; position: relative; text-align: center; padding-bottom: 40px;}
.pager a, .pager span{height: 40px; width: 40px; padding: 0 10px; border-radius: 5px; font-size: 14px; color: #333; line-height: 40px; text-align: center; display: inline-block; font-weight: 500; margin-right: 12px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.pager a:hover, .pager .Ahover{
    background: #000;
    color: #FFF;
}
.pager a:last-child{
    margin-right: 0;
}

.pager .pagenum{display: inline-block; margin-right: 10px;}


.w3l-inner-banner-main .about-inner {
  padding: 30px 8%;border-top: 1px solid #ccc;
  }

.w3l-inner-banner-main .breadcrumbs-title h4 {
  font-size: 25px;
  line-height: 35px;
  color:#333; }

.w3l-inner-banner-main h4.title {
  color: rgba(255, 255, 255, 0.45);
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 10px; }

.w3l-inner-banner-main ul.breadcrumbs-custom-path li {
  display: inline-block; }

.w3l-inner-banner-main ul.breadcrumbs-custom-path li,
.w3l-inner-banner-main ul.breadcrumbs-custom-path li a {
  font-size: 16px;
  line-height: 25px;
  font-weight: 500; }

.w3l-inner-banner-main ul.breadcrumbs-custom-path li {
  color: var(--logo-color); }

.w3l-inner-banner-main ul.breadcrumbs-custom-path li a {
  color:#333; }

.w3l-inner-banner-main .seen-w3 {
  z-index: 9;
  position: relative; }

.w3l-inner-banner-main ul.breadcrumbs-custom-path li span {
  margin: 0 10px; }

.w3l-inner-banner-main ul.breadcrumbs-custom-path li.active {
  font-weight: 100; }

@media (max-width: 568px) {
  .w3l-inner-banner-main ul.breadcrumbs-custom-path li,
  .w3l-inner-banner-main ul.breadcrumbs-custom-path li a {
    font-size: 16px; }
  .w3l-inner-banner-main ul.breadcrumbs-custom-path li span {
    margin: 0 6px; }
  .w3l-inner-banner-main h4.title {
    font-size: 35px;
    line-height: 45px; }
  .w3l-inner-banner-main .breadcrumbs-title h4 {
    font-size: 23px; }
  .w3l-inner-banner-main ul.breadcrumbs-custom-path li,
  .w3l-inner-banner-main ul.breadcrumbs-custom-path li a {
    font-size: 12px; } }

.breadmenu{width: 100%; background: #f5f5f5; height: 60px; padding: 22px 0;}
.breadmenu .container{width: 88%; margin:0 auto; font-size:16px; color:#333; height: 16px; line-height: 16px;}
.breadmenu .container .bigname{float:left;}
.breadmenu .container .line{width: 60px; height: 2px; background: #cf001c; margin:10px 0px 10px 40px; float:left;}
.breadmenu .container .smallname{float:left;}
.breadmenu .container .smallname a{border-right:2px solid #999;  padding:0 40px; float:left; font-weight: bold;}
.breadmenu .container .smallname a:hover,.breadmenu .container .smallname a.cur{color:#cf001c;}
.breadmenu .container .smallname a:last-child{border-right:0px;}


.title22{ font-size:75px; line-height:85px; font-weight:bold; font-style:italic; -webkit-text-stroke: 1px #adabaa; color: transparent; padding:10px 0 15px;}
.title22 i{ background: #adabaa; width: 110px; height: 1px; display:block; margin:25px 0 45px;}
.lilist{ padding:0 0 10px; margin-bottom:42px; padding:0 100px 0 0;}
.lilist dl { font-weight:normal; line-height:18px; margin-bottom:1px;}
.lilist dl dt {  display:block; padding:15px 29px 15px 22px; background:#333 url(../images/icon_1.png) no-repeat 95% center;}
.lilist dl dt a{ font-size:16px; color:#fff; outline:none; text-transform:capitalize;}
.lilist dl dt:hover{ color:#fff; background-color:#053992; text-decoration:none; text-decoration:none;}

.lilist dl.show dt a{ color:#fff;} 
.lilist dl dd { background:#fff; border-bottom:1px solid #ddd; display:none}
.lilist dl dd a{ color:#707070; outline:none; font-size:14px; line-height:18px; padding:10px 10px 10px 35px; display:block; background:url(../images/icon_3.png) no-repeat 17px 14px;}
.lilist dl dd a:hover{ color:#053992; background:url(../images/icon_4.png) no-repeat 17px 14px;}
.lilist dl dd a.hoverd{ color:#333; background:url(../images/icon_4.png) no-repeat 17px 14px;}
.lilist dl dd a.currentd{ color:#333;}
.lilist .icon{ display:block; outline:none; color:#6e6e6e;}
.lilist .icone{ display:block; outline:none; color:#6e6e6e;}
.lilist dl .icon { color:#fff; background:#053992 url(../images/icon_2.png) 95% center no-repeat;}
.lilist dl .first a{ background:#333 url(../images/icon_1.png) 95% center no-repeat !important;}
.lilist dl .first a:hover{ background:#333 url(../images/icon_1.png) 95% center no-repeat !important;}
.lilist dl.show .first a{ background:#053992 url(../images/icon_1.png) 95% center no-repeat !important;}
.lilist dl.show .first a:hover{ background:#053992 url(../images/icon_1.png) 95% center no-repeat !important;}
.lilist dl dd ul{ display:none; padding:0 0px;}
.lilist dl dd ul li{ margin:8px 0;}
.lilist dl dd ul li a{ font-size:14px; padding-left:32px; background:url(../images/icon4.gif) no-repeat 20px 4px; line-height:18px;}
.lilist dl dd ul li a:hover{ background:url(../images/icon4.gif) no-repeat 20px 4px;}
.ulhover{ display:block;}
#uldisplay{display:block;}

.partner-section2{ background:#fff;}
.partner-section2 .partner-section2Wrapper{ width:100%; padding:120px 0;}
.partner-section2 .partner{ width:1200px; margin:0 auto; overflow:hidden;}
.partner-section2 .partner ul li{ float:left; width:15%; margin:0 2% 2% 0; text-align:center;}
.partner-section2 .partner ul li:nth-of-type(6n){ margin:0 0 2% 0;}
.partner-section2 .partner ul li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.partner-section2 .partner ul li:hover img{ opacity: 1; filter:none; -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);}

.honor-section2{ background:#fff;}
.honor-section2 .honor-section2Wrapper{ width:100%; padding:120px 0;}
.honor-section2 .honorlist{ width:1200px; margin:0 auto; overflow:hidden;}
.honor-section2 .honor-list{ float:left; width:18%; margin:0 2.4% 2.4% 0;}
.honor-section2 .honor-list:nth-of-type(5n){ margin:0 0 2.4% 0;}
.honor-section2 .honor-list a{ padding:6px; border:1px solid #ddd; display:block; overflow:hidden;}
.honor-section2 .honor-list p{ font-size:16px; height:70px; padding:15px 0 0; line-height:24px; display:block; text-align:center;}
.honor-section2 .honor-list img{ width:100%;}

.job-section2 { background:#fff; position:relative;}
.job-section2-container{ font-size:20px; color:#2b2b2b; width:100%; padding:60px 0 150px;}
.job-section2-container .job-section2-box{ overflow:hidden;}
.job-section2-container .job-section2-box .job-section2-desc{ padding:0 35px;}
.job-section2-container .job-section2-box .job-section2-note{ font-size:20px; line-height:38px;}
.job-section2-container .job-section2-box .job-section2-note h4{ color:#2b2b2b; font-size:46px; font-weight:bold; padding:110px 0 30px;}
.job-section2-container .job-section2-box .job-section2-note .icon{ background:url(../images/icon10.png) no-repeat; background-size:122px;}
.job-section2-container .job-section2-box .job-section2-note h3{ color:#2b2b2b; font-size:36px;}
.job-section2-container .job-section2-box .job-section2-note p.on{ position:relative;}
.job-section2-container .job-section2-box .job-section2-note p.on::before {
        content: "";
		border:1px solid #2e2e2e;
		width:7px;
		height:7px;
		background:#fff;
		border-radius:50%;
        position: absolute;
        top: 15px;
        left: -35px;
		z-index:10;
}
.job-section2-container .job-section2-box .job-section2-note p.on::after{ content: ""; width:1px; height:38px; border-left:1px solid #2e2e2e; position: absolute; top:20px; left: -32px; margin:-1px 0 0;}
.job-section2-container .job-section2-box .job-section2-note p.off::after{ content: ""; width:1px; height:22px; background:#2e2e2e; position: absolute; top:0; left: -32px; margin:-1px 0 0;}
.job-section2-container .job-section2-job{ background:#fff;}
.job-section2-container .job-section2-box .job-section2-title{ padding:20px 40px; margin: 20px 0px; cursor:pointer; position:relative; background: #f5f5f5 url(../images/jian.png) right 40px center no-repeat;}
.job-section2-container .job-section2-box .fold .job-section2-title{background: #f5f5f5 url(../images/jia.png) right 40px center no-repeat;}
.job-section2-container .job-section2-box .job-section2-detail{ padding:20px 35px;font-size: 16px; line-height: 32px;}
.job-section2-container .job-section2-box  hr{ width:100%; margin:0 auto; background:none; border-bottom:none; border-top:1px solid #2b2b2b; margin:30px auto 0;}
.job-section2-container .job-section2-box .job-section2-title .job-close {
  position: absolute;
  bottom: -80px;
  right: 0;
  height: 50px;
  width: 50px;
  /*background:url(../images/icon-close.png) no-repeat;*/
  background-size:50px;  
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor:pointer;
}
.job-section2-container .job-section2-box .job-section2-title .job-close:hover {
  transform: rotate(360deg);
}
.job-section2-container .job-section2-box .UI-bubble{ display:none;}

.job-section2-container .job-section2-box .job-section2-detail ul {
    list-style: none;
    clear: both;
    margin: 0px;
    padding: 0px;}
	
.plt_ta {
    width: 100%;
    height: 45px;
    margin: 0px auto;
    border-left: 1px solid #cfd6e0;
    border-top: 1px solid #cfd6e0;}
.plt_tb {
    width: 33.333333%;
    height:45px;
    line-height: 45px;
    border-right: 1px solid #cfd6e0;
    float: left;
    text-align: center;
    overflow: hidden;}
.plt_tb1 {
    width: 33.333333%;
    height: 44px;
    line-height: 45px;
    border-right: 1px solid #cfd6e0;
    border-bottom: 1px solid #cfd6e0;
    float: left;
    text-align: center;
    overflow: hidden;}


@media (max-width: 1919px){ 
.section1 { height:100%;}
.section2 { height:100% !important;}
.section3 { height:100%;}
.section4 { height:auto;}
.section6 { height:100%;}
.section7 { height:auto;}
.section8{ height:auto;}

.about-section1{ padding:0 80px;}
.about-section6 .about-section6-box .box5{ margin:0 0 90px;}

.job-section2-container .job-section2-box .job-section2-note h4{ font-size:38px; padding:110px 0 20px;}
.job-section2-container .job-section2-box .job-section2-note h3{ font-size:28px;}
.job-section2-container .job-section2-box .job-section2-note{ font-size:16px; line-height:30px;}
.job-section2-container .job-section2-box .job-section2-note p.on::before{ top:12px;}
.secitonFooter .FooterBox3{ width:570px;}


}


.wap{ display:none}
@media (max-width: 1679px){ 
.contact-section2 .contact-section2-box h3{ font-size:50px; line-height:50px;}
.contact-section2 .contact-section2-box h4{ font-size:26px;}
.contact-section2 .contact-section2-box .contact-section2-desc{ font-size:14px; line-height:36px;}
.section6 .note{ width:30%;}
.newslist{ height:auto;}
/*.newslist .leftpic,.newslist .rightnote{ height:415px;}*/
.section2 .pic{ background-size:44%; background-position:right bottom;}
.section4 .pic{ background-size:68%; background-position:right bottom;}
.yyui_tab_content_this .yyui_tab_card ul .yyui_tab_title_this a{ font-size:24px;}

.product-section22 .product-section2-list ul li{ width:29%; margin:0 6.5% 6.5% 0;}
.product-section22 .product-section2-list ul li:nth-of-type(4n){ margin:0 6.5% 6.5% 0;}
.product-section22 .product-section2-list ul li:nth-of-type(3n){ margin:0 0 6.5% 0;}
.product-section22 .product-section2-list ul li a.pic img{ width:100%;}

.job-section2-container .job-section2-box .job-section2-note{ font-size:16px; padding:0 5%;}
.header-nav ul li a{ padding:0 30px;}
.about-section2 .about-section2-box .number {}
.product-menu-sub a{ font-size:18px; padding: 40px 1.1% 15px;}
}


@media (max-width: 1440px){ 
.banner-content .b2 {
    font-size: 6rem;
    line-height: 8rem;
}

li.nav-item>a{width: 150px;}

.section2 .title{ left:80px;}
.section3 .section3Wrapper{ padding:40px 0 0 80px;}
.section4 .title{ left:80px;}
.section6 .note{ width:30%;}
.section6 .note .t5_1 {font-size: 48px; line-height: 48px;}
.section7Wrapper .title {font-size: 48px;}
.yyui_tab_card ul {padding: 20px 0 0;}
.section6 .note {padding: 30px;}
.section6 .note .t5_4 a {}
.section7Wrapper{ padding:0 80px;}
.section7Wrapper .title{ left:80px;margin-top: 50px;}
.yyui_tab_card ul .yyui_tab_title_this span,.yyui_tab_card ul .yyui_tab_title span{ font-size:22px;}
.section8 .certificate img { padding:o 8px;}
.section9{ margin:-50px 0 0 !important;}
/*.newslist .leftpic, .newslist .rightnote{ height:353px;}*/

.banner-section1{ height:145px;}
.about-section1{ height:455px; padding:0 60px;}
.about-section1 .title1{ width:150px;}
.about-section1 .title1 span{ font-size:115px; line-height:100px;}
.about-section1 .title1 p{ font-size:22px; line-height:32px;}
.about-section1 .title2{ font-size:30px; line-height:45px; letter-spacing:0;}
.about-section2 .about-section2Wrapper{ padding:60px 0;}
.about-section2 .about-section2-box .about-section2-note{ padding: 60px 40px 20px 40px;}
.about-section2 .about-section2-box h3{ font-size:30px; line-height:30px;}
.about-section2 .about-section2-box .about-section2-desc{ font-size:14px;}
.about-section2 .about-section2-box h4{ margin:10px 0 30px;}
.about-section2 .about-section2-box .pic p{ font-size:60px;}
.about-section3 .about-section3-pic{ width:100%;}
.about-section3 .about-section3Wrapper{ padding:60px 0 60px;}
.about-section3 .about-section3-box{ font-size:60px; line-height:80px; left:40px;}
.about-section4{ min-height:790px; background-size:contain;}
.about-section4 .about-section4Wrapper{ padding:60px 0 20px;}
.about-section4 .about-section4-box .title h4{ font-size:60px; line-height:70px;}
.about-section4 .about-section4-box .title h3{ font-size:38px; line-height:48px;}
.about-section4 .history-list{ font-size:14px; padding:0 60px; height:300px; overflow:hidden;}
.about-section4 .history-list h4{ font-size:36px; font-weight:normal;}
.str_move{ width:340%; height:370px;}.honor .str_move{ width:400%;}
.about-section6 .about-section6-box{ padding:0 0 0 40px;}
.about-section6 .about-section6-box .t01{ font-size:18px;}
.about-section6 .about-section6-box .t02{ font-size:26px;}
.about-section6 .about-section6-box .t03{ font-size:40px; line-height:48px;}
.about-section6 .about-section6-box .box5{ margin:0 0 44px;}
.about-section6 .about-section6-box .box5:last-child{ margin:0;}
.about-section6 .about-section6Wrapper{ padding:60px 0;}
.about-section7 .about-section7-pic,.about-section7 .about-section7-box{ height:560px;}
.about-section7 .note{ font-size:20px; line-height:30px;}
.about-section8{ min-height: 985px;}
.about-section8 .about-section8-box .title h5,.about-section8 .about-section8-box .title h4{ font-size:60px; line-height:70px;}
.about-section8 .about-section8-box .title h3{ font-size:38px; line-height:48px;}
.section9 .title{ font-size:60px; line-height:70px;padding: 30px 0 0 10%}
.section9 .partner{ margin: 4% 3% 50px;width: 92%;}
.section9 .more a{ font-size:14px;}

.product-section1 .product-section1-box{ width:90%;}
/*.product-section1 .product-section1-box .title h2{ font-size:16px; padding:0 0 48px;}
.product-section1 .product-section1-box .title h1{ font-size:32px; line-height:64px;}
.product-section1 .newsback a{ font-size:54px;}*/
.product-section2 .product-section2-box{ width:80%;}
.product-banner .title{left: 10%;}
.product-banner .pic{right: 10%; }
.products-class-box .products-class-box-left { margin:0;}
.products-class-box .products-class-box-right { width: 60%;}

.news-section2 .news-section2Wrapper{ padding:60px;}
.news-section2 .news-section2-box{ height:214px;}
.news-section2 .news-section2-box .news-section2-desc{ height:50px;}
.news-section2 .news-section2-box h3{ font-size:18px;}
/*.service-section2 .service-section2-box .title h3{ font-size:24px;}
.service-section2 .service-section2-box .title h3 span{ font-size:47px;}
.service-section2 .service-section2-box .title h5{ font-size:50px; line-height:60px;}*/
.service-section2 .service-section2-desc .t01,.service-section2 .service-section2-desc .t02{ font-size:20px;}
.service-section2 .service-section2-desc{ font-size:16px;}
.news-section3 .news-section3-box{ width:80%;}
.news-section3 .news-section3-box .title h2{ font-size:54px; line-height:64px;}
.news-section3 .news-section3-box .title h1{ font-size:30px;}
.news-section3 .news-section3-box .title{ font-size:18px; font-weight:normal;}
.news-section3 .news-section3-desc{ font-size:16px;}
.news-section3 .newsback a{ font-size:24px;}
.contact-section2 .contact-section2-box{ padding:60px 0;}
.contact-section2 .contact-section2-box h3{ font-size:54px; line-height:54px;}
.contact-section2 .contact-section2-box h4{ font-size:20px;}
.contact-section2 .contact-section2-box .contact-section2-desc{ font-size:16px; line-height:30px;}

.product-section22 .product-section2-box .title h1{ font-size:54px; line-height:55px; -webkit-text-stroke:1px #adacaa;}
.product-section22 .product-section2Wrapper{ padding:90px 80px;}
.product-section22 .product-section2-box{ width:68%;}
.product-section22 .product-section2-left ul .yyui_tab_title{ font-size:20px;}
.product-section22 .product-section2-left ul .yyui_tab_title span{ font-size:18px;}

.title22{ font-size:54px; line-height:55px; -webkit-text-stroke:1px #adacaa;}
.header-nav ul li a{ padding:0 20px;}
.job-section2-container .job-section2-box .job-section2-note h4{ font-size:28px; padding:110px 0 0;}
.job-section2-container .job-section2-box .job-section2-note h3{ font-size:24px; margin:0 0 30px}

.footer .footerBox2{margin: 0 2%;}
.footer .footerBox3 {width: 29%;}

}

@media (max-width: 1366px){ 
.section1 { height:100%;}
.section2 { height:100% !important;}
.section3 { height:100%;}
.section4 { height:auto !important; padding-bottom: 50px;}
.section6 { height:100%;}
.section7 { height:auto;}
.section8{  height:auto !important;}
.section2 .title{ left:60px;}
.section2 .pic{ background-size:50% !important; background-position:right 150px !important;}
.section2 .title h3{ font-size: 2rem; line-height: 50px;}
.section2 .title ul{ width:480px; padding:80px 0;}
.section2 .title ul li{ font-size:18px; width: 42%; height: 140px; margin: 0 8% 8% 0; background-position:center center; background-size:cover;}
.section3 .section3Wrapper{ padding:60px 80px;}
.section3 dl{margin-bottom: 15px;}
.section4 .pic{ background-size:90%; background-position:right 150px !important;}
.section4 .title .note{ min-height:10px; padding:20px 0 0 !important;}
.section4 .title{ position:static; transform:none; padding:60px;}
.section4 .section4Wrapper{margin:0 auto; width: 90%;}
/*.section6 .note{ width:45%;}*/
.section6 .note {}
.section6 .note .t5_4{ padding:0;}
.section6 .note .t5_3 p {overflow: hidden;}
.section6 .note .t5_2 h3 {font-size: 32px;line-height: 32px;}
.section6 .note .t5_2 { height: 36px;}
.section6 .note .t5_2 i{width: 130px;}
.section9{ margin:0 !important; background-size: inherit;}

.section7{ overflow:hidden;}
.yyui_tab_content_this .yyui_tab_card ul, .yyui_tab_content .yyui_tab_card ul{ margin:30px 0;}
.section7Wrapper{ height:auto; padding:80px 60px; overflow:hidden;}
.yyui_tab_card .yyui_tab_content_this{ float:left; width:68%}
/*.section7Wrapper .title{ font-weight:bold; margin:0; font-style:italic; -webkit-text-stroke: 1px #adabaa; color: transparent; position:static; left:auto; top:auto; transform:none;}
.section7Wrapper .title i{ background: #adabaa; width: 110px; height: 1px; display:block; margin:25px 0 45px;}*/
.section7Wrapper .title {margin-top: 0; padding:0px 0}
.section3 dl dd,.section3 dl dd span { font-size: 18px; line-height: 18px;padding: 0px 0 0 6px;}
.section3 dl dt{font-size: 26px; line-height: 26px;}
.section3 dl dt .counter { font-size: 40px; line-height: 40px;}
.section3 .text{height: 40px;}
.yyui_tab_card ul{ float:left; width:20%; padding:0;}
.yyui_tab_content_this .yyui_tab_card{ float:left; width:100%;}
.yyui_tab_card ul .yyui_tab_title_this,.yyui_tab_card ul .yyui_tab_title{ font-size:18px; height:40px; line-height:40px;}
.yyui_tab_card ul strong{font-size: 1.5rem;display: inherit;}
.yyui_tab_card .yyui_tab_pro .proleft{margin-top:0%;}
.section6 .note .t5_1{ font-size: 40px;line-height: 40px;}
.newslist{ height:auto;}
/*.newslist .leftpic,.newslist .rightnote{ height:331px;}*/
#slider-home-top .slick-dots{ left:0; text-align:center;}
#slider-home-top .slick-dots li.slick-active{ width:45px;}

.case-section2 .case-section2-box a,.case-section2 .case-section2-box a:hover, .case-section2 .case-section2-box.now a{ background-position:-430px top;}
.case-section2 .case-section2-box .num{ left:60px; font-size:120px; line-height:120px;}
.case-section2 .case-section2-box .title{ left:250px;}
.case-section2 .case-section2-box .title h3{ font-size:32px; line-height:32px;}
.case-section2 .case-section2-box .title p{ font-size:20px; line-height:20px;}

.about-section1{ height:347px; padding:0 60px;}
.news-section2 .news-section2Wrapper{ padding:40px;}
.news-section2 .news-section2-box { height:234px; margin:0 0 40px;}
.news-section2 .news-section2-box a{ display:block; height:100%;}
.news-section2 .news-section2-box .pic{ padding:0; width:30%;}
.news-section2 .news-section2-box .news-section2-note{ padding:20px 30px 0 30px; width:70%;}
.news-section2 .news-section2-box .more{ right:30px; bottom:22px;}
.news-section3 .news-section3Wrapper,.product-section1 .product-section1Wrapper,.service-section2 .service-section2Wrapper{ padding:60px 0;}
.news-section3 .news-section3-box,.product-section1 .product-section1-box,.service-section2 .service-section2-box{ width:90%;}

.contact-section2 .contact-section2-box .contact-section2-desc{ padding:15px 0 0;}

.product-section2 .product-section2Wrapper{ padding:60px 0;}
.product-section2 .product-section2-box{ width:100%; padding:0 60px;}
.product-section2 .product-section2-list ul li a.pic img{ width:100%;}
.product-section2 .product-section2-box .title h1,.newsback a{ font-size:44px; line-height:54px;}
.product-section2 .product-section2-box .title h1 span{ font-size:30px; line-height:30px;}
.product-banner{ padding:0 60px;}
.product-banner .pic{ width:60%; height:auto; bottom:0; text-align: right;}
.product-banner .title .t01{ font-size:46px; line-height:56px;}
.product-banner .title .t02{ font-size:24px; line-height:30px;}
.product-banner .title .t03{ margin:40px 0 0;}
.section-video{ padding:80px 60px 0;}
.products-class-box .products-class-box-right .title{font-size: 20px;}
.products-class-box .products-class-box-right .title strong{font-size: 40px;}
.products-class-box ul li{margin-bottom: 40px;}
.products-class-box .products-class-box-right .title{margin-top:50px;}
.product-menu-box-sub strong{font-size: 26px;}
.product-menu-sub a{font-size: 18px;}
.product-section2 .product-section2-list ul li{width: calc(48% - 2px); margin:0 4% 5% 0;}
.product-section2 .product-section2-list ul li:nth-child(3n+3){margin:0 4% 5% 0;}
.product-section2 .product-section2-list ul li:nth-child(2n+2){margin:0 0% 5% 0;}

.newslist .rightnote .rightDesc{ height:55px; overflow:hidden;}
.section8Wrapper{ height:auto; margin:40px auto 0; width: 90%;}

.product-section22 .product-section2-box .title h1{ font-size:54px; line-height:55px; -webkit-text-stroke:1px #adacaa;}
.product-section22 .product-section2Wrapper{ padding:90px 80px;}
.product-section22 .product-section2-box{ width:68%; padding:0;}
.product-section22 .product-section2-left ul .yyui_tab_title{ font-size:20px;}
.product-section22 .product-section2-left ul .yyui_tab_title span{ font-size:14px;}

.job-section2-container .job-section2-box .job-section2-note h4{ font-size:28px; padding:110px 0 0;}
.job-section2-container .job-section2-box .job-section2-note h3{ font-size:24px; margin:0 0 30px}

.products-class-box .products-class-box-left{ margin:0;}
.products-class-box .products-class-box-right{width: 60%;}
.products-class-box .products-class-box-right .subclass a { font-size:16px;}
.about-section3 .about-section3-desc{ width:92%;}
.about-section3 .about-section3-desc .wenhualist ul li {width: 24.5%; margin-right: 0%;}
.product-menu-sub a{ font-size:16px;width: 16.66%; line-height: 20px;}
.product-section1 .product-section1-box .xgbz ul li {}
.breadmenu .container .smallname a {padding: 0px 30px;}
}

@media (max-width: 1025px){ 

li.nav-item>a{width: 130px;}
}

@media (max-width: 768px){ 
.header{ display:none;}
header.wap{ display:block !important;}
.banner-section1{ margin:55px 0 0;}
.about-section1{ margin:55px 0 0;}
.w3l-inner-banner-main{margin-top: 55px;}

/*菜单动画*/
.menuIcon,.menuIcon2{position:absolute; right:0px; top:0px; z-index:996; cursor:pointer;}
.btn-nav{background:0 0;border:none;padding:14px 20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
.btn-nav:focus{outline:0}
.icon-bar{display:block;margin:5px 0;width:25px;height:2px;background-color:#000}
.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#fff}
.animated2{display:block;margin:0 auto}
.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#fff}
.animated2:focus{cursor:pointer;z-index:9999}

.icon-bar3{display:block;margin:5px 0;width:23px;height:2px;background-color:#fff}
.btn-nav3:hover .icon-bar3{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#fff}
.animated3{display:block;margin:0 auto}
.animated3:focus .icon-bar,.animated3:hover .icon-bar{background-color:#fff}
.animated3:focus{cursor:pointer;z-index:9999}


.middle{width:18px;}
.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
.animated2 .icon-bar{z-index:999999;background-color:#000}
.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
.animated2 .middle{width:0}

/*公共头部*/
.menuIcon2{ background:url(../images/icon_05.png) no-repeat center center; background-size:18px; width:63px; height:46px; display:none;}
header{ left:0; top:0; width:100%; height:55px; z-index:1000;position:fixed; background:#f5f5f5;transition:background 0.4s ease-out 0.5s; -webkit-transition:background 0.4s ease-out 0.5s;}
header .logo{ position:absolute; left:14px; top:0; width:100%; height:55px; background:url(../images/logo.png) no-repeat left center; background-size:120px;}
header .logo a{ display:block; width:100%; height:100%;}
header.showMenu{ position:fixed; background:#fff;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
header.showMenu .logo{ background-image:url(../images/logo.png)}
header.showMenu .logo a{ color:#fff;}
header.showMenu .animated2 .icon-bar{ background:#000;}
.menuMain{ position: fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#000; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}
.menuBox{ margin:55px 0px 20px 0px; padding:0 20px; height:100%; position:relative; overflow:hidden; overflow-y:scroll;}
.menuBox li{ padding:0 0px 0 0; position:relative; line-height:48px; background:url(../images/icon_01-.png) no-repeat 98% 18px; background-size:12px; display:block;}
.menuBox li>a{ height:48px; line-height:48px; color:rgba(255,255,255,1); font-size:14px; opacity:0.8}
.menuBox li>i{ width:100%; height:48px; line-height:48px; display:block; position:absolute;}
.menuBox li.on{ background-image:url(../images/icon_02--.png);}
.menuBox li.link{ background-image:url(../images/icon_03.png);}
.menuBox li.link a{ display:block;}
.menuBox li.searchBtn>a{ background: url(../images/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px; display:block;}
.menuBox .linkBtn{ padding-top:35px; text-align:center;}
.menuBox .linkBtn a{height:42px; line-height:42px; color:rgba(255,255,255,0.5); padding:0 30px; border-radius:5px; display:inline-block; margin:0 15px; font-size:14px; position:relative;}
.menuBox .linkBtn a:after{border-radius:10px;}
.serList{ overflow:hidden; display:none;}
.serList a{ width:50%; display:inline-block; height:42px; line-height:42px; font-size:13px; float:left; color:rgba(255,255,255,0.6); position:relative; background-repeat:no-repeat; background-position:15px center; background-size:28px; text-indent:60px; text-transform:uppercase;}
.serList a{ width:100%; text-indent:20px;}
.menuBox .preBox ul{ padding:0 20px;}
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%;
-webkit-transform: translateY(0px); transform:translateY(0px);
 transition:-webkit-transform 0.35s linear;
    transition: transform 0.35s linear;}
    
.menuBox .nextBox .other{ display:none;}
.menuBox .nextBox .other .tit{ font-size:12px; color:rgba(255,255,255,0.3); padding:20px 0 10px 0;}
.menuBox .nextBox .other a{ height:40px; line-height:40px; position:relative; font-size:14px; color:rgba(255,255,255,0.64); display:inline-block; width:100%;}
.searchForm{height:48px; line-height:48px; color:rgba(255,255,255,0.8); font-size:14px; background: url(../images/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px; opacity:0.8; position:relative; left:200%; opacity:0;}
.searchForm .searchBtn,.searchForm .searchBtn2{ position:absolute; left:0; top:0; width:20px; height:48px; display:block;}
.searchForm .searchBtn2{ height:24px; line-height:24px; width:68px; text-align:center; color:#fff; border:1px solid #fff; border-radius: 5px; display:inline-block; right: 0; left: auto; top:8px; text-indent: 0; opacity:0.5; background:transparent;}
.searchForm input{ background:none;color:rgba(255,255,255,1); border:0;height:20px; line-height:20px; width:90%;}
.searchForm input::-webkit-input-placeholder { color: #fff; } 
.searchForm input:-moz-placeholder { color: #fff;} 
.searchForm input::-moz-placeholder { color: #fff;} 
.searchForm input:-ms-input-placeholder { color: #fff;}
.menuSearch .preBox{-webkit-transform: translateY(-350px); transform:translateY(-350px);}
.menuSearch .searchForm{ left:0;}
.searchHide .searchForm{opacity:1;}
.showMain .searchHide .searchBtn{opacity:0;}
.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}
.job-section1 .job-section1-desc .joblist ul li {width: 48%;}

/****************************************************************************/
/*描边*/
.bBor:after,.tBor:before{position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
.tBor:before{top:0}
.bBor:after{bottom:0}
.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(220,220,220,.5);top:0;bottom:0}
.lBor:before{left:0}
.rBor:after{right:0}
.trblBor:after{position:absolute;content:"";top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(220,220,220,.5);point-events:none}
@media (min--moz-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx),(-ms-high-contrast:active),(-ms-high-contrast:none){.bBor:after,.tBor:before{-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);-o-transform:scaleX(.5);transform:scaleX(.5)}
.trblBor:after{width:200%;height:200%;-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
.lBor:before,.tBor:before,.trblBor:after{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.bBor:after,.rBor:after{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}
}
@media (-webkit-device-pixel-ratio:1.5){.bBor:after,.tBor:before{-webkit-transform:scaleY(.6666);-ms-transform:scaleY(.6666);-o-transform:scaleY(.6666);transform:scaleY(.6666)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.6666);-ms-transform:scaleX(.6666);-o-transform:scaleX(.6666);transform:scaleX(.6666)}
.trblBor:after{width:150%;height:150%;-webkit-transform:scale(.6666);-ms-transform:scale(.6666);-o-transform:scale(.6666);transform:scale(.6666)}
}
@media (-webkit-device-pixel-ratio:3){.bBor:after,.tBor:before{-webkit-transform:scaleY(.3333);-ms-transform:scaleY(.3333);-o-transform:scaleY(.3333);transform:scaleY(.3333)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.3333);-ms-transform:scaleX(.3333);-o-transform:scaleX(.3333);transform:scaleX(.3333)}
.trblBor:after{width:300%;height:300%;-webkit-transform:scale(.3333);-ms-transform:scale(.3333);-o-transform:scale(.3333);transform:scale(.3333)}
}


/*.section1 { height:100%; background:url(../images/banner1.jpg) no-repeat center center; background-size:cover; position:relative;}
.section2 { height:auto !important; background:url(../images/banner2.jpg) no-repeat center center; background-size:cover; position:relative;}
.section3 { height:auto; background:#1283de url(../images/banner-txt4-wap.png) no-repeat right bottom; background-size:contain; position:relative;}
.section4 { height:auto; min-height:auto; background:url(../images/banner3-wap.jpg) no-repeat center center; background-size:cover; position:relative;}
.section6 { height:auto; background:url(../images/banner4.jpg) no-repeat center center; background-size:cover; position:relative;}
.section7 { height:auto; background:#fafafa;}
.section8 { height:auto; background:url(../images/pic3.jpg) no-repeat center center; background-size:cover; position:relative;}

.banner-content{ width:100%; text-align:center; left:0; transform: translate(0, -50%);}
.banner-content .b1{ width:40%; margin:0 auto; text-align:center; font-size: 20px;}
.banner-content .b1 strong{font-size: 30px;}
.banner-content .b2{ width:80%; margin:0 auto; text-align:center; font-size: 50px;}
.banner-content h3{ font-size:28px;}

.sectionWrapper{ padding:0;}
.section2 .title { width:100%; text-align:center; position:static; transform:none; padding:60px; text-align:left;}
.section2 .title .b1{ font-size:14px; line-height:24px;}
.section2 .title h3{ font-size:28px; line-height:34px;}
.section2 .title h4{ font-size:24px; line-height:28px;}
.section2 .title span{ font-size:12px; line-height:21px; display:block;}
.section2 .title ul{ width:50%; padding:45px 0 0;}
.section2 .title ul li{ width:49%; margin:0 2% 2% 0; padding:0 15px; background-size:contain; background-position:center center; font-size:10px; line-height:16px;}
.section2 .title ul li:nth-of-type(2n){ margin:0 0 2% 0;}
.section2 .title ul li p br{ display:none;}
.section2 .title ul li:last-child{ margin:0;}
.section2 .pic{ position:static; height:auto; background-position:right center !important; background-size:50%; top:auto; bottom:auto;}

.section3 .section3Wrapper{ padding:60px 0 60px 20px;}
.section3 dl{ overflow:hidden; height:45px; margin:0 0 42px 0;}
.section3 dl dt{ float:left; font-size:42px; line-height:42px; font-style:oblique; padding:0 10px 0 0;}
.section3 dl dd{ float:left; font-size:16px; line-height:18px; padding:2px 0 0 6px; font-style:oblique;}
.section3 dl dd p{ padding:0 0 0 6px;}
.section3 dl dd span{ color:#00377b; font-size:20px; font-weight:bold; line-height:20px; text-transform:uppercase;}

.section4{ background:none; height:900px !important;}
.section4 .title { width:100%; text-align:center; position:static; transform:none; padding:60px 30px; text-align:left;}
.section4 .title .b1{ font-size:14px; line-height:24px;}
.section4 .title h3{ font-size:28px; line-height:38px;}
.section4 .title h4{ font-size:28px; line-height:38px; font-weight:bold;}
.section4 .desc{ display:none;}
.section4 .title .note{ font-size:16px; line-height:30px; padding:340px 0 0; min-height:auto; text-align:left;}
.section4 .title .note img{ width:36%; }
.section4 { background-position:right -130px !important;}
.section4 .pic{ background-position: right bottom !important;}

.section6 .note{ width:80%; height:78%; margin:100px auto; font-size:14px; text-transform:uppercase; color:#fff; background:rgb(0,93,208,0.8); padding:50px 20px; line-height:44px; position:static; transform:none;}
.section6 .note .t5_1{ font-size:30px; letter-spacing:0; line-height:40px; font-style:normal; -webkit-text-stroke:0; color:#fff; text-align:left;}
.section6 .note .t5_2{ height:50px; margin:20px 0; position:relative;}
.section6 .note .t5_2 h3{ color:#fff; font-size:28px; line-height:28px; font-weight:normal; font-style:normal; position:absolute; left:0;}
.section6 .note .t5_2 i{ background: #fff; width: 40px; height: 1px; display:block; position:absolute; left:130px; bottom:20px;}
.section6 .note .t5_3{ color:#fff; font-size:14px; line-height:30px;}
.section6 .note .t5_3 p{ text-indent:2em;}
.section6 .note .t5_4{ display:none;}


.section7Wrapper{ width:80%; height:auto; padding:60px 0; margin:0 auto; overflow:hidden;}
.yyui_tab_card .yyui_tab_content_this{ display:none;}
.section7Wrapper .title{ font-size:40px; font-weight:bold; margin:0; font-style:italic; -webkit-text-stroke: 1px #adabaa; color: transparent; position:static; left:auto; top:auto; transform:none;}
.section7Wrapper .title i{ background: #adabaa; width: 110px; height: 1px; display:block; margin:25px 0 45px;}

.yyui_tab_card ul{ float:none; width:100%; padding:0;}
.yyui_tab_card ul .yyui_tab_title{ font-weight:bold; color:#585656;}
.yyui_tab_card ul .yyui_tab_title_this,.yyui_tab_card ul .yyui_tab_title{ font-size:18px; height:50px; line-height:50px;}
.yyui_tab_card ul .yyui_tab_title_this span,.yyui_tab_card ul .yyui_tab_title span{ font-size:20px; color:#adabaa; font-weight:normal;}

.product-banner{ margin:55px 0 0; padding:40px;}
.product-banner .pic{ height:auto; bottom:0;}
.product-banner .title{ position:static; transform:none;}
.product-banner .title .t01{ font-size:18px; line-height:30px;}
.product-banner .title .t02{ font-size:30px; line-height:48px;}
.product-banner .title .t03{ width:80%; margin:40px 0 0;}

.section-video{ width:80%; height:auto; padding:0; margin:0 auto; overflow:hidden;}
.section-video .title{ font-size:40px; font-weight:bold; margin:60px 0 0; font-style:italic; -webkit-text-stroke: 1px #adabaa; color: transparent; position:static; left:auto; top:auto; transform:none;}
.section-video .title i{ background: #adabaa; width: 110px; height: 1px; display:block; margin:25px 0 45px;}
.section-video ul{ padding:0;}
.section-video ul li{ float:none; width:100%; margin:0 0 30px 0;}
.section-video ul li i{ width:50px; height:50px; background-size:50px; top:40%;}
.section-video ul li a:hover i{ background-size:50px;}
.section-video ul li p{ font-size:16px;}

.newslist{ height:auto; padding:30px 20px; margin:60px 0;}
.newslist .leftpic{ float:none; width:100%; height:auto;}
.newslist .rightnote{ float:none; width:100%; height:280px;}
.newslist .rightnote .rightTitle{ font-size:20px; top:30px; right:30px;}
.newslist .rightnote hr{ width:130px; top:80px; right:30px;}
.newslist .rightnote .rightDesc{ font-size:16px; top:100px; right:30px; padding:0 0 0 30px;}
.newslist .rightnote .rightDesc p br{ display:none;}
.newslist .rightnote .more{ bottom:30px; right:30px;}
.newslist .rightnote .more a{ font-size:12px; width:110px; height:32px; line-height:30px;}

.section9{ height:auto; padding:0 0 90px;}
.section9 .title{ padding:30px 20px; margin:10px 0 0; font-size:30px; line-height:40px;}
.section9 .title p{ font-size:24px; line-height:38px; font-weight:normal;}
.section9 .partner{ width:100%; margin:0; padding:0 10px;}
.section9 .partner ul li{ width:23%; margin:0 2% 5% 0;}
.section9 .partner ul li:nth-of-type(4n){ margin:0 0 5% 0;}
.section9 .note{ display:none;}
.section9 .more{ bottom:50px; right:30px;}
.section9 .more a{ font-size:12px; width:110px; height:32px; line-height:30px;}

.section7Wrapper .title{ font-size:40px; font-weight:bold; margin:0; font-style:normal; -webkit-text-stroke:0; color: #333; position:static; left:auto; top:auto; transform:none;}
#slider-home-top .slick-dots{ left:0; text-align:center;}
#slider-home-top .slick-dots li.slick-active{ width:45px;}
.section9 .partner ul li{ margin:0 2% 5% 0;}

.product_search{ width:100%; padding:0 20px;}
.product-section22 .product-section2Wrapper{ padding:60px;}
.product-section2 .product-section2-left .title{ font-size:40px;}
.product-section22 .product-section2-box .title h1{ font-size:40px; line-height:40px;}

.title22{ font-size:40px; line-height:40px;}
.lilist{ padding:0 40px 0 0;}
.title22 i{ margin:25px 0 10px;}
.lilist dl dt a{ font-size:14px;}*/


}
@media (max-width: 1025px){ 
.section2 .pic{ background-position:right bottom !important;}
.section4 { background-position:right bottom !important;}
.section4 .pic{background-size: 90% !important; background-position:right bottom !important;}
.product-section1 .product-section1-box .xgbz ul li{ font-size:14px; line-height:38px;}
}

@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
.section2 {height: 1000px !important;background-size: 120%;}
.section2 .title{ padding:80px 60px; transform: translate(0, -30%);}
.section2 .title h3{ font-size:30px; color:#484443; font-weight:bold; line-height:65px;}
.section2 .title h4{ font-size:30px; color:#484443; line-height:65px;}
.section2 .title span{ font-size:16px; color:#adabaa; line-height:34px;}
.section2 .title ul li{ font-size:18px; line-height:24px; height:140px; padding:0 35px;}
.section2 .pic{ background-size:80%;}

.section3 {height: auto !important;}
.section3 .section3Wrapper{ padding:80px 60px;}




.yyui_tab_card .yyui_tab_content_this {width: 100%;}
.yyui_tab_card ul{ float:none; width:100%; padding:0; margin-left:0px;}
.yyui_tab_card ul .yyui_tab_title{ font-weight:bold; color:#585656;}
.yyui_tab_card ul .yyui_tab_title_this,.yyui_tab_card ul .yyui_tab_title{ font-size:16px; height:40px; line-height:40px; width: 48%; float: left; margin:10px 1% 0;}
.yyui_tab_card ul .yyui_tab_title_this span,.yyui_tab_card ul .yyui_tab_title span{ font-size:20px; color:#adabaa; font-weight:normal;}
.yyui_tab_card .yyui_tab_pro .proleft{margin-left:0px; width: 100%; margin-bottom: 50px;}
.yyui_tab_card .yyui_tab_pro .proright{width: 70%; margin:10px auto; text-align: center;float: none;}
.yyui_tab_card .yyui_tab_pro .proright img{max-width: 70%; }

.section6{ height:100%;}
.section6 .note{ width:75%; height:auto; font-size:18px; text-transform:uppercase; padding:60px 70px; line-height:44px; position:absolute; left:50%; top: 50%; transform: translate(-50%, -50%); margin:0;}
.section6 .note .t5_1{ font-size:40px; letter-spacing:0; line-height:50px; font-weight:bold; text-align:left; font-style:normal; -webkit-text-stroke:0; color:#333;}
.section6 .note .t5_2{ height:50px; margin:20px 0; position:relative;}
.section6 .note .t5_2 h3{ color:#333; font-size:32px; line-height:32px; font-weight:normal; font-style:normal; position:absolute; left:0;}
.section6 .note .t5_3{ color:#333; font-size:18px; line-height:36px;}
.section6 .note .t5_3 p{ text-indent:2em;}
.section6 .note .t5_4{ display:block; color:#e0ebff; font-size:10px; line-height:14px; text-align:left; opacity:0.5; padding:50px 0 0;}
.newslist{ padding:30px 5px; width: 30%;}

/**里页**/
.banner-section1{ height:80px;}
.about-section1{ height:195px; padding:0 40px;}
.about-section1 .title1{ width:90px;}
.about-section1 .title1 span{ font-size:60px; line-height:60px;}
.about-section1 .title1 p{ font-size:16px; line-height:26px;}
.about-section1 .title2{ font-size:20px; line-height:28px; letter-spacing:0;}
.about-section2 .about-section2Wrapper{ padding:40px 0 0;}
.about-section2 .about-section2-box .about-section2-note{ float:none; width:100%; padding:40px;}
.about-section2 .about-section2-box h3{ font-size:20px; line-height:28px;}
.about-section2 .about-section2-box h4{ font-size:16px; margin:0 0 20px;}
.about-section2 .about-section2-box .pic{ float:none; width:100%;}
.about-section2 .about-section2-box .pic p{ font-size:40px; bottom:15px;}
.about-section2 .about-section2-box .pic img{position: relative; width: 100%;}
.about-section2 .about-section2-box{margin-bottom: 50px;}
.about-section2 .about-section2-box .number{margin-top:50px;margin-bottom: 50px; display: table;}
.breadmenu{height: auto;display: table;}
.breadmenu .container .smallname a{padding: 10px 30px;}
.main{width: 100%;}
.job-section1 .job-section1Wrapper{padding: 40px 0;}
.job-section2 .job-section2Wrapper{padding: 40px 0;}
.job-section2 .job-section2-box{width: 90%;}
.job-section2 .job-section2-desc{width: 100%; padding-top: 20px;}
.job-section2 .job-section2-desc .job-note-box { width: 100%; padding-left: 15%; margin: 0;}
.job-section2 .job-section2-desc .job-note-box { background-size: 15%;}
.job-section2 .job-section2-desc .job-note-box .job-text { line-height: 30px;    margin-bottom: 20px;}
.job-section2 .job-section2-desc .job_left,.job-section2 .job-section2-desc .job_right{width: 100%;}

.about-section3 .about-section3-desc .wenhualist ul li{width: 48%; margin-right:4%; margin-bottom: 40px;}
.about-section3 .about-section3-desc .wenhualist ul li:nth-child(2n+2){margin-right: 0px;}
.about-section3 .about-section3Wrapper{ padding:40px 0 126px;}
.about-section3 .about-section3-box{ font-size:30px; line-height:48px;}
.str_move{ width:600%; height:335px;}
.about-section4{ min-height:660px; background-position:left bottom; background-size:cover;}
.about-section4 .about-section4-box .title{ padding:0 60px 60px 0;}
.about-section4 .about-section4-box .title h4{ font-size:40px; line-height:50px;}
.about-section4 .about-section4-box .title h3{ font-size:24px; line-height:38px;}
.about-section4 .history-list{ height:365px; position:relative;}
.about-section4 .history-list h4{ font-size:30px; line-height:36px; padding:10px 0 55px;}
.about-section4 .history-list a{ position:absolute; right:60px; bottom:0; padding:0 0 0 10px; background:#cf001c;}
.about-section6 .about-section6Wrapper{ padding:40px 0;}
.about-section6 .about-section6-pic{ float:none; width:100%;}
.about-section6 .about-section6-box{ float:none; width:100%; padding:40px 40px 0;}
.about-section7 .about-section7-pic{ float:left; width:54%;}
.about-section7 .about-section7-box { float:left; width:46%;}
.about-section7 .about-section7-pic, .about-section7 .about-section7-box{ height:350px;}
.about-section8{ background-position:bottom center; min-height:810px;}
.about-section8 .about-section8-box .title{ padding:100px 0 100px 40px;}
.about-section8 .about-section8-box .title h5, .about-section8 .about-section8-box .title h4{ font-size:40px; line-height:50px;}
.about-section8 .about-section8-box .title h3{ font-size:24px; line-height:38px;}
.about-section8 .more { position: absolute; right: 35px; bottom: 30px;}
.section8 { height: auto !important;}
.section9 .title{ font-size:40px; line-height:50px; padding:40px 0 40px 40px;}
.section9 .title p{ font-size:24px;}
.section9 .partner{ float:none; width:90%; padding:0; margin: 2%;}
.section9 .partner ul li{ margin:0 2% 2% 0; text-align:center;}
.section9 .note{ left:40px; bottom:50px; margin-left: 5%; width: 500px; margin-top: 0px;}
.section9 .more{ right:40px; bottom:50px;}

.partner-section2 .partner-section2Wrapper{ padding:60px 40px;}
.partner-section2 .partner{ width:100%;}
.honor-section2 .honor-section2Wrapper{ padding:60px 40px;}
.honor-section2 .honorlist{ width:100%;}
.honor-section2 .honor-list{ width:47%; margin:0 6% 6% 0;}
.honor-section2 .honor-list:nth-of-type(5n){ margin:0 6% 6% 0;}
.honor-section2 .honor-list:nth-of-type(4n){ margin:0 6% 6% 0;}
.honor-section2 .honor-list:nth-of-type(2n){ margin:0 0 6% 0;}
.honor-section2 .honor-list p{ font-size:14px;}

.product-banner{ height:580px; padding:60px 40px 0;}
.product-banner .pic{ width:40%;right: 5%;}
.product-banner .title .t03{ width:50%;}
.product-banner .title .t01{ font-size:40px; line-height:50px;}
.product-banner .title .t02{ font-size:26px; line-height: 30px;}
.products-class-box .products-class-box-right .title{font-size: 16px;}
.products-class-box .products-class-box-right .title strong{font-size: 30px;}
.products-class-box .products-class-box-right .subclass a{width: 48%; margin-right: 4%;}
.products-class-box .products-class-box-right .subclass a:nth-child(3n+3){margin-right: 4%;}
.products-class-box .products-class-box-right .subclass a:nth-child(2n+2){margin-right: 0px;}
.product-menu {width: 95%;}
.product-menu-box-sub{height: auto;display: table; }
.product-menu-box-sub strong {font-size: 26px;width: 20%; line-height: 60px;}
.product-menu-sub{width: 100%;}
.product-menu-sub{padding: 0px 2% 15px;}
.producttitle strong{width: 100%; text-align: left; height: 50px; line-height: 50px;font-size: 28px; border-right: 0px; border-bottom:1px solid #fff; margin-bottom: 10px; padding-bottom: 10px;}
.producttitle .syfw{width: 100%;font-weight: 500; line-height: 28px; height: auto;}

.section7Wrapper,.section-video{ width:100%; padding:60px 40px;}
.section-video .title{ margin:0;}



.product-section2 .product-section2-list ul li{ width:47%; margin:0 6% 6% 0;}
.product-section2 .product-section2-list ul li:nth-of-type(4n){ margin:0 6% 6% 0;}
.product-section2 .product-section2-list ul li:nth-of-type(3n){ margin:0 6% 6% 0;}
.product-section2 .product-section2-list ul li:nth-of-type(2n){ margin:0 0 6% 0;}

.product-section22 .product-section2Wrapper{ padding:60px;}
.product-section22 .product-section2-left{ display:none;}
.product-section22 .product-section2-box{ float:none; width:100%;}

.case-section2 .case-section2-box{ height:160px; background-position:150% 100%; opacity: 1; filter:none; -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);}
.case-section2 .case-section2-box a{ height:100%; background: url(../images/casebg2.png) no-repeat left top; background-size:cover;}
.case-section2 .case-section2-box .num{ font-size:58px; line-height:58px; position:static; padding:45px 20px 0;}
.case-section2 .case-section2-box .title{ position:static; padding:0 20px;}
.case-section2 .case-section2-box .title h3{ font-size:26px; line-height:30px;}
.case-section2 .case-section2-box .title p{ font-size:12px; line-height:22px; padding:0;}
.case-section2 .case-section2-box a:hover{ height:160px; background:url(../images/casebg2-hover.png) no-repeat left top; background-size:cover;}
.case-section2 .case-section2-box a:hover,.case-section2 .case-section2-box.now a{ height:160px; background:url(../images/casebg2-hover.png) no-repeat left top; background-size:cover;}
.case-section2 .case-section2-box:hover,.case-section2 .case-section2-box.now { height:160px; transition:all 0.5s; opacity: 1; filter:none; -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);}

.news-section2 .news-section2Wrapper{ padding:40px;}
.news-section2 .news-section2-box { height:204px; margin:0 0 40px;}
.news-section2 .news-section2-box a{ display:block; height:100%;}
.news-section2 .news-section2-box .pic{ padding:25px 0 0 30px; width:35%;}
.news-section2 .news-section2-box .pic img{ width:100%; height:100%;}
.news-section2 .news-section2-box .news-section2-note{ padding:15px 30px 0 30px; width:65%;}
.news-section2 .news-section2-box .more{ right:30px; bottom:22px;}

.contact-section2 .contact-section2Wrapper{ padding:20px 40px;}
.contact-section2 .contact-section2-box .pic{ float:none; width:100%;}
.contact-section2 .contact-section2-box .contact-section2-note{ float:none; width:100%; padding:30px 0 0;}
.contact-section2 .contact-section2-box{ padding:50px 0;}

.footer .footer-nav ul li a{ padding:0 25px;}
.footer .footerBox1{ width:50%; padding:58px 40px 0;}
.footer .footerBox1 ul li{ text-align:left;}
.footer .footerBox2{ display:none; width:100%; padding:60px 40px 0;}
.footer .footer-search{ width:100%;}
.footer .footer-search .tint{ width:85%;}
.footer .footer-search .bint{ width:15%;}
.footer .footer-intro{ letter-spacing:0;}
.footer .footer-contactTitle{ font-style:normal; font-style: normal;}
.footer .footerBox3{ width:50%; padding:40px; text-align:left;}
.footer .footerBox3 ul{ text-align:left;}
.footer .footerBox3 .c1{ display:inline-block;width: 100%;}
.footer .footer-copyright{ padding:12px 40px;}

.reveal-modal{ width:90%; margin-left:-45%;}

.product-section1 .product-section1-box .pic{ float:none; width:100%;}
.product-section1 .product-section1-box .title{ float:none; width:100%; margin:0;}

.swiper-slideVideo{ margin:150px 0 0;}
.job-section2-container{ padding:60px 0;}
.job-section2-container .job-section2-box .job-section2-note h3{ margin:0;}
.job-section2-container .job-section2-box .job-section2-note h4{ padding:90px 0 0;}
.job-section2-container .job-section2-box .job-section2-note .icon{ background-size:90px;}
.job-section2-container .job-section2-box .job-section2-note p.on::after{ height:100%;}
.job-section2-container .job-section2-box .job-section2-note p.off::after{ border:none; background:#fff; margin:22px 0 0;}

}

@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 834px)   
and (orientation : landscape) {  
.banner-content .b1{ width:20%;}
.banner-content .b2{ width:60%;}
.banner-content h3{ font-size:18px;}

.section2 .title h3{ font-size:50px; color:#484443; font-weight:bold; line-height:65px;}
.section2 .title h4{ font-size:50px; color:#484443; line-height:65px;}
.section2 .title span{ font-size:16px; color:#adabaa; line-height:34px;}
.section2 .title ul{ padding:60px 0 0;}
.section2 .title ul li{ font-size:18px; line-height:24px; height:140px; padding:0 35px;}
.section2 .pic{ background-size: 60%;}

.section3 .section3Wrapper{ padding:80px 60px}
.section3 dl{ overflow:hidden; height:85px; margin:0 0 42px 0;}
.section3 dl dt{ float:left; font-size:62px; line-height:62px; font-style:oblique; padding:0 10px 0 0;}
.section3 dl dd{ float:left; font-size:26px; line-height:28px; padding:2px 0 0 6px; font-style:oblique;}
.section3 dl dd p{ padding:0 0 0 6px;}
.section3 dl dd span{ color:#00377b; font-size:28px; font-weight:bold; line-height:30px; text-transform:uppercase;}

.section4 .title{ padding:80px 60px;}
.section4 .title h3{ font-size:50px; color:#484443; font-weight:bold; line-height:65px;}
.section4 .title h4{ font-size:50px; color:#484443; line-height:65px;}
.section4 .title span{ font-size:16px; color:#adabaa; line-height:34px;}
.section4 .title .note{ padding:640px 0 0; font-size:20px; line-height:48px;}
.section4 .title .note img{ width:54%; margin:35px 0 0;}

.yyui_tab_card ul .yyui_tab_title_this,.yyui_tab_card ul .yyui_tab_title{ font-size:28px; height:70px; line-height:70px;}
.yyui_tab_card ul .yyui_tab_title_this span,.yyui_tab_card ul .yyui_tab_title span{ font-size:26px; color:#adabaa; font-weight:normal;}

.section6{ height:100%; min-height:800px;}
.section6 .note{ width:75%; height:auto; font-size:18px; text-transform:uppercase; color:#fff; background:rgb(0,93,208,0.8); padding:60px 70px; line-height:44px; position:absolute; left:50%; top: 50%; transform: translate(-50%, -50%); margin:0;}
.section6 .note .t5_1{ font-size:40px; letter-spacing:0; line-height:50px; font-weight:bold; text-align:left; font-style:normal; -webkit-text-stroke:0; color: #fff;}
.section6 .note .t5_2{ height:50px; margin:40px 0; position:relative;}
.section6 .note .t5_2 h3{ color:#fff; font-size:42px; line-height:42px; font-weight:normal; font-style:normal; position:absolute; left:0;}
.section6 .note .t5_2 i{ background: #fff; width: 48px; height: 2px; display:block; position:absolute; left:200px; bottom:8px;}
.section6 .note .t5_3{ color:#fff; font-size:18px; line-height:36px;}
.section6 .note .t5_3 p{ text-indent:2em;}
.section6 .note .t5_4{ display:block; color:#e0ebff; font-size:10px; line-height:14px; text-align:left; opacity:0.5; padding:50px 0 0;}
.section7Wrapper{ width:100%; padding:80px 60px;}

.partner-section2 .partner-section2Wrapper{ padding:60px 40px;}
.partner-section2 .partner{ width:100%;}
.honor-section2 .honor-section2Wrapper{ padding:60px 40px;}
.honor-section2 .honorlist{ width:100%;}
.honor-section2 .honor-list{ width:23%; margin:0 2.4% 2.4% 0;}
.honor-section2 .honor-list:nth-of-type(5n){ margin:0 2.4% 2.4% 0;}
.honor-section2 .honor-list:nth-of-type(2n){ margin:0 2.4% 2.4% 0;}
.honor-section2 .honor-list:nth-of-type(4n){ margin:0 0 2.4% 0;}
.honor-section2 .honor-list p{ font-size:14px;}

.newslist{ padding:30px 60px;}
.newslist .leftpic{ float:left; width:47%; height:256px; overflow:hidden;}
.newslist .leftpic img{ width:100%; height:auto;}
.newslist .rightnote{ float:left; width:53%; height:256px; text-align:right; background:#fff; opacity:0.7; position:relative;}
.newslist .rightnote .rightTitle{ color:#585656; font-size:20px; position:absolute; right:30px; top:30px;}
.newslist .rightnote hr{ width:110px; height:1px; background:#79797b; position:absolute; right:30px; top:80px;}
.newslist .rightnote .rightDesc{ font-size:14px; line-height:30px; color:#585656; position:absolute; right:30px; top:100px;}
.newslist .rightnote .more{ right:30px; bottom:30px;}
.newslist .rightnote .more a{ font-size:16px; width:142px; height:37px; line-height:35px; text-align:right; padding:0 12px; display:block; color:#585656; border:1px solid #adabaa;}


/**里页**/
.banner-section1{ height:106px;}
.about-section1{ height:260px; padding:0 40px;}
.about-section1 .title1{ width:140px;}
.about-section1 .title1 span{ font-size:70px; line-height:70px;}
.about-section1 .title1 p{ font-size:26px; line-height:36px;}
.about-section1 .title2{ font-size:24px; line-height:35px; letter-spacing:0;}
.about-section2 .about-section2Wrapper{ padding:40px 0 0;}
.about-section2 .about-section2-box .about-section2-note{ float:none; width:100%; padding:0 40px 40px 40px;}
.about-section2 .about-section2-box h3{ font-size:24px; line-height:35px;}
.about-section2 .about-section2-box h4{ font-size:16px; margin:0 0 20px;}
.about-section2 .about-section2-box .pic{ float:none; width:100%;}
.about-section2 .about-section2-box .pic p{ font-size:40px; bottom:15px;}
.about-section3 .about-section3Wrapper{ padding:40px 0 126px;}
.about-section3 .about-section3-box{ font-size:36px; line-height:48px;}
.str_move{ width:450%; height:335px;}
.about-section4{ min-height:660px; background-position:left bottom; background-size:cover;}
.about-section4 .about-section4-box .title{ padding:0 60px 60px 0;}
.about-section4 .about-section4-box .title h4{ font-size:40px; line-height:50px;}
.about-section4 .about-section4-box .title h3{ font-size:24px; line-height:38px;}
.about-section4 .history-list h4{ font-size:30px; line-height:36px; padding:10px 0 55px;}
.about-section6 .about-section6Wrapper{ padding:40px 0;}
.about-section6 .about-section6-pic{ float:none; width:100%;}
.about-section6 .about-section6-box{ float:none; width:100%; padding:40px 40px 0;}
.about-section6 .about-section6Wrapper{ padding:40px 0;}
.about-section6 .about-section6-pic{ float:none; width:100%;}
.about-section6 .about-section6-box{ float:none; width:100%; padding:40px 40px 0;}
.about-section7 .about-section7-pic, .about-section7 .about-section7-box{ float:none; width:100%; height:auto;}
.about-section7 .img img{ width:100%;}
.about-section7 .note{ font-size:26px; line-height:38px;}
.about-section8{ background-position:bottom center; min-height:810px;}
.about-section8 .about-section8-box .title{ padding:100px 0 100px 40px;}
.about-section8 .about-section8-box .title h5, .about-section8 .about-section8-box .title h4{ font-size:40px; line-height:50px;}
.about-section8 .about-section8-box .title h3{ font-size:24px; line-height:38px;}
.section9{ height:940px;}
.section9 .title{ font-size:40px; line-height:50px; padding:40px 0 40px 40px;}
.section9 .title p{ font-size:24px;}
.section9 .partner{ float:none; width:100%; padding:0 10px;}
.section9 .partner ul li{ width:18%; margin:0 2% 30px 0; text-align:center;}
.section9 .partner ul li:nth-of-type(4n){ margin:0 2% 30px 0;}
.section9 .partner ul li:nth-of-type(5n){ margin:0 0 30px 0;}
.section9 .note{ left:40px; bottom:50px;}
.section9 .more{ right:40px; bottom:50px;}

.product-banner{ height:350px; padding:80px 40px 0;}
.product-banner .title .t03{ width:35%;}
.product-section22 .product-section2-list ul li p{ font-size:14px;}
.product-section22 .product-section2-left ul .yyui_tab_title{ font-size:18px; height:50px; line-height:50px;}
.product-section22 .product-section2-left ul .yyui_tab_title span{ font-size:14px;}

.video-box .video-container{ width:100%;}
.section-video{ width:100%; padding:80px 60px 0;}
.section-video .title{ margin:0;}
.section-video ul li{ float:left; width:46.6%; margin:0 6.5% 6.5% 0;}
.section-video ul li:nth-of-type(3n){ margin:0 6.5% 6.5% 0;}
.section-video ul li:nth-of-type(2n){ margin:0 0 6.5% 0;}

.case-section2 .case-section2-box a, .case-section2 .case-section2-box a:hover, .case-section2 .case-section2-box.now a{background-position: -730px top;}
.case-section2 .case-section2-box .title p{ font-size:14px;}

.news-section2 .news-section2Wrapper{ padding:40px;}
.news-section2 .news-section2-box { height:224px; margin:0 0 40px;}
.news-section2 .news-section2-box a{ display:block; height:100%;}
.news-section2 .news-section2-box .pic{ padding:0; width:35%; height:224px;}
.news-section2 .news-section2-box .pic img{ width:100%; height:100%;}
.news-section2 .news-section2-box .news-section2-note{ padding:15px 30px 0 30px; width:65%;}
.news-section2 .news-section2-box .more{ right:30px; bottom:22px;}

.contact-section2 .contact-section2Wrapper{ padding:20px 40px;}
.contact-section2 .contact-section2-box .pic{ width:50%; height:320px;}
.contact-section2 .contact-section2-box .contact-section2-note{ width:50%;}
.contact-section2 .contact-section2-box{ padding:50px 0;}
.footer .footerBox1{ width:25%;}
.footer .footerBox2{ width:50%; padding:60px 40px 0;}
.footer .footer-search{ width:100%;}
.footer .footer-search .tint{ width:80%;}
.footer .footer-search .bint{ width:20%;}
.footer .footer-intro{ letter-spacing:0;}
.footer .footerBox3{ width:25%;}

.reveal-modal{ width:90%; margin-left:-45%; max-height: 420px;}


}

/* iPads (landscape) 纵向----------- */  
@media only screen   
and (min-device-width : 834px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.banner-content .b1{ width:80%; margin:0 auto;font-size: 30px;}
.banner-content .b1 strong { font-size: 60px;}
.banner-content .b2{ width:60%; margin:0 auto;font-size: 5rem;}
.banner-content h3{ font-size:20px;}

.section2{ height:auto; padding:0;}
.section2 .title{ position:static; transform:none; padding:0 60px;}
.section2 .title h3{ font-size:32px; color:#484443; font-weight:bold; line-height:50px;}
.section2 .title h4{ font-size:30px; color:#484443; line-height:30px;}
.section2 .title span{ font-size:16px; color:#adabaa; line-height:34px;}
.section2 .title ul{ padding:60px 0 0;}
.section2 .title ul li{ font-size:18px; line-height:24px; height:140px; padding:0 35px;}
.section2 .pic{ background-size: 65%; background-position: bottom center;}

.section3 .section3Wrapper{ padding:60px 60px}
.section3 dl{ overflow:hidden; height:60px; margin:0 0 15px 0;}
.section3 dl dt{ float:left; font-size:30px; line-height:30px; font-style:oblique; padding:0 10px 0 0;}
.section3 dl dd{ float:left; font-size:26px; line-height:28px; padding:2px 0 0 6px; font-style:oblique;}
.section3 dl dd p{ padding:0 0 0 6px;}
.section3 dl dd span{ font-size:20px; font-weight:bold; line-height:30px; text-transform:uppercase;}

.section4 .pic{ background: url(../images/banner3-1.png) no-repeat center -80px;}
.section4 .title{ padding:60px 60px 0;}
.section4 .title h3{ font-size:50px; color:#484443; font-weight:bold; line-height:65px;}
.section4 .title h4{ font-size:50px; color:#484443; line-height:65px;}
.section4 .title .note{ padding:640px 0 0; font-size:20px; line-height:48px;}
.section4 .title .note img{ width:54%; margin:35px 0 0;}

.section7{ overflow:hidden;}
.yyui_tab_card ul{ display:block; float:left; width:25%; margin-left: 5%;}
.yyui_tab_card .yyui_tab_content_this{ display:block; float:left; width:70%;}
.yyui_tab_content_this .yyui_tab_card .yyui_tab_content_this, .yyui_tab_content_this .yyui_tab_card .yyui_tab_content{ padding:50px 20px;}
.yyui_tab_content_this .yyui_tab_card ul, .yyui_tab_content .yyui_tab_card ul{ height:auto; margin:30px 0 0;}
.yyui_tab_card ul .yyui_tab_title_this,.yyui_tab_card ul .yyui_tab_title{ font-size:18px; height:40px; line-height:40px;}
.yyui_tab_card ul .yyui_tab_title_this span,.yyui_tab_card ul .yyui_tab_title span{ font-size:26px; color:#adabaa; font-weight:normal;}
.yyui_tab_card .yyui_tab_pro .proleft .prodesc{height: 90px; overflow: hidden;}
.breadmenu .container .smallname a{padding:0 18px;}


.section6{ height:100%; min-height:800px;}
.section6 .note{ width:75%; height:auto; font-size:18px; text-transform:uppercase;  padding:60px 70px 30px 70px; line-height:44px; position:absolute; left:50%; top: 45%; transform: translate(-50%, -50%); margin:0;}
.section6 .note .t5_1{ font-size:40px; letter-spacing:0; line-height:50px; font-weight:bold; text-align:left; font-style:normal; -webkit-text-stroke:0; color:#333;}
.section6 .note .t5_2{ height:50px; margin:40px 0; position:relative;}
.section6 .note .t5_2 h3{ color:#333; font-size:32px; line-height:32px; font-weight:normal; font-style:normal; position:absolute; left:0;}
.section6 .note .t5_3{ color:#333; font-size:18px; line-height:36px;}
.section6 .note .t5_3 p{ text-indent:2em;}
.section6 .note .t5_4{ display:block; color:#e0ebff; font-size:10px; line-height:14px; text-align:left; opacity:0.5; padding:5px 0 0;}
.section7Wrapper{ width:100%; padding:80px 60px;}

.partner-section2 .partner-section2Wrapper{ padding:60px 40px;}
.partner-section2 .partner{ width:100%;}
.honor-section2 .honor-section2Wrapper{ padding:60px 40px;}
.honor-section2 .honorlist{ width:100%;}
.honor-section2 .honor-list{ width:23%; margin:0 2.4% 2.4% 0;}
.honor-section2 .honor-list:nth-of-type(5n){ margin:0 2.4% 2.4% 0;}
.honor-section2 .honor-list:nth-of-type(2n){ margin:0 2.4% 2.4% 0;}
.honor-section2 .honor-list:nth-of-type(4n){ margin:0 0 2.4% 0;}
.honor-section2 .honor-list p{ font-size:14px;}

.section8{overflow:hidden}
/*.newslist{ padding:60px ;}
.newslist .leftpic{ float:left; width:47%; height:380px; overflow:hidden;}
.newslist .leftpic img{ width:100%; height:100%;}
.newslist .rightnote{ float:left; width:53%; height:380px; text-align:right; background:#fff; opacity:0.7; position:relative;}
.newslist .rightnote .rightTitle{ color:#585656; font-size:20px; position:absolute; right:60px; top:60px;}
.newslist .rightnote hr{ width:110px; height:1px; background:#79797b; position:absolute; right:60px; top:110px;}
.newslist .rightnote .rightDesc{ font-size:14px; line-height:30px; color:#585656; position:absolute; right:60px; top:130px;}
.newslist .rightnote .more{ right:60px; bottom:60px;}
.newslist .rightnote .more a{ font-size:16px; width:142px; height:37px; line-height:35px; text-align:right; padding:0 12px; display:block; color:#585656; border:1px solid #adabaa;}*/


/**里页**/
.banner-section1{ height:106px;}
.about-section1{ height:360px; padding:0 40px;}
.about-section1 .title1{ width:180px;}
.about-section1 .title1 span{ font-size:70px; line-height:70px;}
.about-section1 .title1 p{ font-size:36px; line-height:46px;}
.about-section1 .title2{ font-size:24px; line-height:35px; letter-spacing:0;}
.about-section2 .about-section2Wrapper{ padding:40px 0 0;}
.about-section2 .about-section2-box .about-section2-note{ float:none; width:100%; padding:40px;}
.about-section2 .about-section2-box h3{ font-size:24px; line-height:35px;}
.about-section2 .about-section2-box h4{ font-size:16px; margin:0 0 20px;}
.about-section2 .about-section2-box .pic{ float:none; width:100%;}
.about-section2 .about-section2-box .pic p{ font-size:40px; bottom:15px;}
.about-section2 .about-section2-box .pic img{position: relative;width: 100%;}
.about-section2 .about-section2-box .number{margin-top:50px; margin-bottom: 50px; display: table;}
.about-section2 .about-section2-box{margin-bottom: 50px;}
.main{width: 100%;}
.time-axis{height: 500px;}
.job-section2 .job-section2-desc .job-note-box {width: 100%; padding-left: 20%; margin: 0;}
.job-section2 .job-section2-desc .job-note-box .job-text{margin-bottom: 20px;}
.about-section3 .about-section3-desc .wenhualist ul li{width: 48%; margin-bottom:40px;}
.about-section3 .about-section3Wrapper{ padding:40px 0 126px;}
.about-section3 .about-section3-box{ font-size:36px; line-height:48px;}
.str_move{ width:450%; height:335px;}
.about-section4{ min-height:660px; background-position:left bottom; background-size:cover;}
.about-section4 .about-section4-box .title{ padding:0 60px 60px 0;}
.about-section4 .about-section4-box .title h4{ font-size:40px; line-height:50px;}
.about-section4 .about-section4-box .title h3{ font-size:24px; line-height:38px;}
.about-section4 .history-list h4{ font-size:30px; line-height:36px; padding:10px 0 55px;}
.about-section6 .about-section6-box .box5{ margin:0 0 20px;}
.about-section6 .about-section6-box .t02{ font-size:16px;}
.about-section6 .about-section6-box .t03{ font-size:14px; line-height:30px;}
.about-section7 .about-section7-pic{ float:left; width:54%;}
.about-section7 .about-section7-box { float:left; width:46%;}
.about-section7 .about-section7-pic, .about-section7 .about-section7-box{ height:550px;}
.about-section7 .note{ font-size:16px; line-height:24px;}
.about-section8{ background-position:bottom center; min-height:810px;}
.about-section8 .about-section8-box .title{ padding:100px 0 100px 40px;}
.about-section8 .about-section8-box .title h5, .about-section8 .about-section8-box .title h4{ font-size:40px; line-height:50px;}
.about-section8 .about-section8-box .title h3{ font-size:24px; line-height:38px;}
.section9 .title{ font-size:40px; line-height:50px; padding:40px 0 40px 10%;}
.section9 .title p{ font-size:24px;}
.section9 .partner{ float:none; width:90%; padding:0; display: table; margin: 50px 10%;}
.section9 .partner ul li{ width:20%; margin:0 2% 30px 0; text-align:center;}
.section9 .note{ left:40px; bottom:50px;margin-top: 0; width: 400px;}
.section9 .more{ right:40px; bottom:50px;}
.product-banner .title .t02{font-size: 30px;}
.product-banner{ height:550px; padding:80px 40px 0;}
.product-banner .title .t03{ width:35%;}
.product-section22 .product-section2-list ul li p{ font-size:14px;}
.product-section22 .product-section2-left ul .yyui_tab_title{ font-size:18px; height:50px; line-height:50px;}
.product-section22 .product-section2-left ul .yyui_tab_title span{ font-size:14px;}

.video-box .video-container{ width:100%;}
.section-video{ width:100%; padding:80px 60px 0;}
.section-video .title{ margin:0;}
.section-video ul li{ float:left; width:46.6%; margin:0 6.5% 6.5% 0;}
.section-video ul li:nth-of-type(3n){ margin:0 6.5% 6.5% 0;}
.section-video ul li:nth-of-type(2n){ margin:0 0 6.5% 0;}

.case-section2 .case-section2-box a, .case-section2 .case-section2-box a:hover, .case-section2 .case-section2-box.now a{background-position: -730px top;}
.case-section2 .case-section2-box .title p{ font-size:14px;}

.news-section2 .news-section2Wrapper{ padding:40px;}
.news-section2 .news-section2-box { height:224px; margin:0 0 40px;}
.news-section2 .news-section2-box a{ display:block; height:100%;}
.news-section2 .news-section2-box .pic{ padding:0; width:35%; height:224px;}
.news-section2 .news-section2-box .pic img{ width:100%; height:100%;}
.news-section2 .news-section2-box .news-section2-note{ padding:15px 30px 0 30px; width:65%;}
.news-section2 .news-section2-box .more{ right:30px; bottom:22px;}


.contact-section2 .contact-section2Wrapper{ padding:20px 40px;}
.contact-section2 .contact-section2-box .pic{ width:50%; height:320px;}
.contact-section2 .contact-section2-box .contact-section2-note{ width:50%;}
.contact-section2 .contact-section2-box{ padding:50px 0;}

li.nav-item>a{width: 100px;}
.footer .footerBox1{ width:25%;}
.footer .footerBox2{ width:35%;padding: 60px 0 0; margin: 0 5%;}
.footer .footer-search{ width:100%;}
.footer .footer-search .tint{ width:80%;}
.footer .footer-search .bint{ width:20%;}
.footer .footer-intro{ letter-spacing:0;}
.footer .footerBox3{ width:30%;}

.reveal-modal{ width:90%; margin-left:-45%; max-height: 420px;}

.swiper-slideVideo{ margin:80px 0 0;}
.job-section2-container{ padding:60px 0;}
.job-section2-container .job-section2-box .job-section2-note h3{ margin:0;}
.job-section2-container .job-section2-box .job-section2-note h4{ padding:90px 0 0;}
.job-section2-container .job-section2-box .job-section2-note .icon{ background-size:90px;}
.job-section2-container .job-section2-box .job-section2-note p.on::after{ height:100%;}
.job-section2-container .job-section2-box .job-section2-note p.off::after{ border:none; background:#fff; margin:22px 0 0;}
}


@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){
.section2 .pic{ background-size:60%;}
.section4 .title .note{ padding:740px 0 0;}

.banner-section1{ height:110px;}
.about-section1{ height:260px;}
.about-section1 .title2{ line-height:42px;}
.about-section2 .about-section2Wrapper{ padding:40px 0 0;}
.about-section2 .about-section2-box .about-section2-note{ float:none; width:100%; padding:0 40px 40px 40px;}
.about-section2 .about-section2-box h3{ font-size:24px; line-height:35px;}
.about-section2 .about-section2-box h4{ font-size:16px; margin:0 0 20px;}
.about-section2 .about-section2-box .pic{ float:none; width:100%;}
.about-section2 .about-section2-box .pic p{ font-size:40px; bottom:15px;}
.about-section3 .about-section3Wrapper{ padding:40px 0 126px;}
.about-section3 .about-section3-box{ font-size:36px; line-height:48px;}
.str_move{ width:450%; height:335px;}
.about-section4{ min-height:660px; background-position:left bottom; background-size:cover;}
.about-section4 .about-section4-box .title{ padding:0 60px 60px 0;}
.about-section4 .about-section4-box .title h4{ font-size:40px; line-height:50px;}
.about-section4 .about-section4-box .title h3{ font-size:24px; line-height:38px;}
.about-section4 .history-list h4{ font-size:30px; line-height:36px; padding:10px 0 55px;}

.about-section6 .about-section6-box .t01{ font-size:16px; line-height:28px;}
.about-section6 .about-section6-box .t02{ font-size:20px; line-height:28px;}
.about-section6 .about-section6-box .t03{ font-size:22px; line-height:28px;}
.about-section6 .about-section6-box .box5{ margin:0 0 34px;}
.about-section6 .about-section6-pic { float: left; width: 62%;}
.about-section6 .about-section6-box { float: left; width: 38%; padding:0 40px;}
.about-section7 .note{ font-size:20px; line-height:26px;}
.about-section7 .about-section7-pic{ float:left; width:54%;}
.about-section7 .about-section7-box { float:left; width:46%;}
.about-section7 .about-section7-pic, .about-section7 .about-section7-box{ height:440px;}

.section8Wrapper{ height:auto;width: 90%;}
.about-section8{ background-position:bottom center; min-height:880px;}
.about-section8 .about-section8-box .title{ padding:100px 0 165px 40px;}
.about-section8 .about-section8-box .title h5, .about-section8 .about-section8-box .title h4{ font-size:40px; line-height:50px;}
.about-section8 .about-section8-box .title h3{ font-size:24px; line-height:38px;}
.section9{ height:680px;}
.section9 .title{ font-size:40px; line-height:50px; padding:40px 0 40px 40px;}
.section9 .title p{ font-size:24px;}
.section9 .partner{ float:none; width:100%; padding:0 10px;}
.section9 .partner ul li{ width:22%; margin:0 2% 30px 0; text-align:center;}
.section9 .partner ul li:nth-of-type(4n){ margin:0 2% 30px 0;}
.honor-section2 .honor-list:nth-of-type(2n){ margin:0 2.4% 2.4% 0;}
.section9 .partner ul li:nth-of-type(5n){/* margin:0 0 30px 0;*/}
.section9 .note{ left:40px; bottom:50px;}
.section9 .more{ right:40px; bottom:50px;}

.section7Wrapper{ width:100%; padding:60px;}
.product-banner{ height:520px; padding:0 60px;}
.product-banner .title{ padding:60px 0 0;}
.product-banner .pic{ width:56%; height:auto; bottom:0;}
.product-banner .title .t01{ font-size:40px; line-height:50px;}
.product-banner .title .t02{ font-size:20.5px; line-height:30px; margin-top: 10px;}
.product-banner .title .t03{ width:40%; margin:40px 0 0;}

.product-section2 .product-section2-box{ padding:0 40px;}
.product-section2 .product-section2-list ul li{width:47%; margin:0 5.3% 5.3% 0;}
.product-section2 .product-section2-list ul li:nth-of-type(2n){ margin:0 0 5.3% 0;}
.product-section2 .product-section2-list ul li:nth-of-type(3n){ /*margin:0 5.3% 5.3% 0;*/}
.product-section2 .product-section2-list ul li:nth-of-type(4n){ margin:0 0 5.3% 0;}

.product-section22 .product-section2-left{ display:block;}
.product-section22 .product-section2-box{ float:left;}
.product-section22 .product-section2-box .title h1{ font-size:54px; line-height:55px; -webkit-text-stroke:1px #adacaa;}
.product-section22 .product-section2Wrapper{ padding:90px 80px;}
.product-section22 .product-section2-box{ width:68%; padding:0;}
.product-section22 .product-section2-left ul .yyui_tab_title{ font-size:20px;}
.product-section22 .product-section2-left ul .yyui_tab_title span{ font-size:18px;}
.product-section22 .product-section2-list ul li{width:30%; margin:0 4.3% 4.3% 0;}
.product-section22 .product-section2-list ul li:nth-of-type(2n){ margin:0 4.3% 4.3% 0;}
.product-section22 .product-section2-list ul li:nth-of-type(4n){ margin:0 4.3% 4.3% 0;}
.product-section22 .product-section2-list ul li:nth-of-type(3n){ margin:0 0 4.3% 0;}
.product-section22 .product-section2-list ul li p{ font-size:14px;}
.product-section22 .product-section2-left ul .yyui_tab_title{ font-size:18px; height:50px; line-height:50px;}
.product-section22 .product-section2-left ul .yyui_tab_title span{ font-size:14px;}
.product-section22 .product-section2Wrapper{ padding:60px 40px;}
.product-section22 .product-section2-box .title h1{ font-size:40px; line-height:40px;}

.case-section2 .case-section2-box a,.case-section2 .case-section2-box a:hover, .case-section2 .case-section2-box.now a{ background: url(../images/casebg.png) no-repeat left top; background-position:-630px top;}
.case-section2 .case-section2-box .num{ left:60px; font-size:100px; line-height:100px;}
.case-section2 .case-section2-box .title{ position:absolute; left:150px; bottom:20px;}
.case-section2 .case-section2-box .title h3{ font-size:32px; line-height:32px;}
.case-section2 .case-section2-box .title p{ font-size:16px; line-height:16px;}



.video-box .video-container{ width:100%;}
.section-video{ width:100%; padding:80px 60px 0;}
.section-video .title{ margin:0;}
.section-video ul li{ float:left; width:46.6%; margin:0 6.5% 6.5% 0;}
.section-video ul li:nth-of-type(3n){ margin:0 6.5% 6.5% 0;}
.section-video ul li:nth-of-type(2n){ margin:0 0 6.5% 0;}


.partner-section2 .partner-section2Wrapper{ padding:60px 40px;}
.partner-section2 .partner{ width:100%;}
.honor-section2 .honor-section2Wrapper{ padding:60px 40px;}
.honor-section2 .honorlist{ width:100%;}
.honor-section2 .honor-list{ width:23%; margin:0 2.4% 2.4% 0;}
.honor-section2 .honor-list:nth-of-type(5n){ margin:0 2.4% 2.4% 0;}
.honor-section2 .honor-list:nth-of-type(4n){ margin:0 0 2.4% 0;}
.honor-section2 .honor-list p{ font-size:14px;}

.news-section2 .news-section2Wrapper{ padding:40px;}
.news-section2 .news-section2-box { height:224px; margin:0 0 40px;}
.news-section2 .news-section2-box a{ display:block; height:100%;}
.news-section2 .news-section2-box .pic{ padding:0; width:35%; height:224px;}
.news-section2 .news-section2-box .pic img{ width:100%; height:100%;}
.news-section2 .news-section2-box .news-section2-note{ padding:15px 30px 0 30px; width:65%;}
.news-section2 .news-section2-box .more{ right:30px; bottom:22px;}

.contact-section2 .contact-section2-box .pic{ float:left; width:50%; height:320px;}
.contact-section2 .contact-section2-box .contact-section2-note{ float:left; width:50%; height:320px; padding:0 0 0 60px;}

.footer .footerBox1{ width:26%; padding:90px 40px 0;}
.footer .footerBox2{ display:block; width:35%; padding:60px 0 0;margin: 0 2%;}
.footer .footer-search{ width:100%;}
.footer .footer-search .tint{ width:80%;}
.footer .footer-search .bint{ width:20%;}
.footer .footer-intro{ letter-spacing:0;}
.footer .footerBox3{ width:35%; padding:50px 40px 40px;}

.reveal-modal{ width:80%; margin-left:-40%;}

.product-section1 .product-section1-box .pic{ float:left; width:46%; display:block}
.product-section1 .product-section1-box .title{ float:left; width:50%; margin:0 0 0 4%;}

.swiper-slideVideo{ margin:80px 0 0;}
.job-section2-container .job-section2-box .job-section2-note{ font-size:16px; padding:0 5%;}
}
@media (min-device-width : 1025px) and (max-width: 1366px) and (orientation : landscape){
.section8{ height:auto !important;}
.section8Wrapper{ height:auto !important;width: 90%;}

.about-section7 .about-section7-pic, .about-section7 .about-section7-box{ height:500px;}
.news-section2 .news-section2-box .pic{ width:27%; height:234px;}
.news-section2 .news-section2-box .pic img{ width:100%; height:100%;}
.news-section2 .news-section2-box .news-section2-note{ width:73%;}

.footer .footerBox1{ width:20%;}
.footer .footerBox2{ width:38%; padding:60px 0 60px 0;}
.footer .footer-search{ width:100%;}
.footer .footer-search .tint{ width:85%;}
.footer .footer-search .bint{ width:15%;}
.footer .footer-intro{ letter-spacing:0;}

}
@media(max-width: 1024px){


.contact-section3 .contact-section3Wrapper{padding:0 20px;}
.contact-section3 .gnfzr ul li{width: 48%; margin-right: 4%;}
.contact-section3 .gnfzr ul li:nth-child(3n+3){margin-right: 4%;}
.contact-section3 .gnfzr ul li:nth-child(2n+2){margin-right: 0px;}
.contact-section4 .contact-section4Wrapper{padding:0 20px;}
.contact-section3 .online ul li{ float: right;width: 30px;margin-right: 0px;}
.contact-section4 .network-user{width: 48%;}
.contact-section5 .contact-section5Wrapper{padding: 20px;}
.contact-section5 .bsc ul li{width: 100%; height: auto; line-height: 30px; padding: 5px 0;}
.contact-section5 .bsc ul li:nth-child(2){display: none;}
.contact-section5 .bsc ul li strong {width: 32%;float: left;padding-left: 2%; text-indent: 0px;}
.contact-section5 .bsc ul li span{width: 66%;}
.contact-section6 .contact-section6Wrapper{padding:20px;}
.contact-section6 .contcat_left{width: 100%; padding-left: 0;}
.contact-section6 .contcat_right{width: 100%; padding-left: 0; margin-left:0;}
.contact-section6 .contcat_right .item{width: 100%;}
.contact-section6{background-size: cover;}
.contact-section6 .contcat_right .form li .input2{width: 100%;}
.contact-section6 .contcat_right .form li input, .contact-section6 .contcat_right .item .form li textarea{width: 100%;}
.contact-section6 .contcat_left h3{margin-top:5%;}
.contact-section5 .bsc ul li:nth-child(2n) {background: #f5f5f5;}
.contact-section5 .bsc ul li:nth-child(2n+1) {background: #fff;}
.contact-section5 .bsc ul li:first-child {background: #f5f5f5;}
}

@media(max-width: 767px) {
.right_side,.side_gray{ display:none}
.section1 { height:100%; background: no-repeat center center; background-size:cover; position:relative;}
.section2 { background:#fefeff no-repeat bottom center; background-size: cover; position:relative;}
.section3 { background:url(../images/banner2-1.jpg) no-repeat right bottom; background-size:cover; position:relative;}
.section4 { height:auto !important; background:url(../images/banner3-wap.jpg) no-repeat bottom center !important; background-size:100% !important; background-position:right 120px !important; position:relative;}
.section6 { background:url(../images/banner4.jpg) no-repeat center center; background-size:cover; position:relative;}
.section7 { background:#fafafa;}
.section8 { background:url(../images/pic3.jpg) no-repeat center center; background-size:cover; position:relative;}
.section8 .title p {width: 80%; margin: 0 auto;}
.section8 .title{padding-top: 20px;}
.banner-content{ width:100%; text-align:center; left:0; transform: translate(0, -80%);}
.banner-content .b1{ width:100%; margin:0 auto; text-align:center; font-size: 22px; line-height: 42px;}
.banner-content .b1 strong{font-size: 40px; }
.banner-content .b2{ width:80%; margin:0 auto; text-align:center; font-size: 50px; line-height: 70px;}
.banner-content h3{ font-size:18px; width: 80%; margin:0 auto 20px;}

.section2 .title { width:100%; text-align:center; position:static; transform:none; padding:60px 10px; text-align:left;}
.section2 .title .b1{ font-size:10px; line-height:16px;}
.section2 .title h3{ font-size:18px; line-height:40px; text-align:center;}
.section2 .title h4{ font-size:22px; line-height:22px; text-align:center;}
.section2 .title span{ font-size:12px; line-height:21px; display:block; margin:0 auto;height: 4px;width: 140px;}
.section2 .title ul{ width:100%; padding:15px 0 0;}
.section2 .title ul li{ width:49%; margin:0 2% 0 0; padding:0 15px; background-size:contain; background-position:center center; font-size:10px; line-height:16px;}
.section2 .title ul li p br{ display:none;}
.section2 .title ul li:last-child{ margin:0;}
.section2 .pic{ display:none;}

.section3 .section3Wrapper{ padding:60px 0 60px 20px;}
.section3 dl{ overflow:hidden; height:50px; margin:0 0 18px 0;}
.section3 .text{height: auto;}
.section3 dl dt{ float:left; font-size:22px; line-height:26px; font-style:oblique; padding:0 10px 0 0;}
.section3 dl dd{ float:left; font-size:16px; line-height:18px; padding:2px 0 0 0; font-style:oblique;}
.section3 dl dd p{ padding:0 0 0 6px;font-size: 14px;}
.section3 dl dd span{ color:#cf001c; font-size:12px; font-weight:bold; line-height:20px; text-transform:uppercase;}

.section4 .title { width:100%; text-align:center; position:static; transform:none; padding:30px 30px; font-size:30px;}
.section4 .title span{ font-size:22px;}
.section4 .title i {
    background: #cf001c;
    width: 108px;
    height: 4px;
    display: block;
    margin: -8px auto 0px;
}
.section4 .title .b1{ font-size:10px; line-height:16px;}
.section4 .title h3{ font-size:28px; line-height:38px;}
.section4 .title h4{ font-size:28px; line-height:38px; font-weight:bold;}
.section4 .pic,.section4 .desc{ display:none;}
.section4 .title .note{ font-size:16px; line-height:30px; padding:340px 0 0;}
.section4 .title .note img{ width:86%;}
.newslist {
    margin: 0px 0 0;
}

.section6 .note{ width:80%; height:68%; margin:100px auto; font-size:14px; text-transform:uppercase;  padding:30px 20px; line-height:44px; position:static; transform:none;}
.section6 .note .t5_1{ font-size:30px; letter-spacing:0; line-height:40px; font-style:normal; -webkit-text-stroke:0; text-align:left;}
.section6 .note .t5_2{ margin:20px 0; position:relative;}
.section6 .note .t5_2 h3{  font-size:22px; line-height:22px; font-weight:normal; font-style:normal; position:absolute; left:0;}
.section6 .note .t5_2 i{ width: 87px;bottom: 10px;height: 4px;}
.section6 .note .t5_3{ font-size:14px; line-height:30px;}
.section6 .note .t5_3 p{height: 190px; text-indent:2em; line-height: 24px;}
.section6 .note .t5_4{ padding: 10px; }


.section7Wrapper{ width:80%; height:auto; padding:60px 0; margin:0 auto; overflow:hidden;}
.yyui_tab_card .yyui_tab_content_this{ width: 100%; margin-bottom: 50px;}
.section7Wrapper .title{ font-size:30px; font-weight:bold; margin:0; font-style:normal; -webkit-text-stroke:0; color: #333; position:static; left:auto; top:auto; transform:none;}

.yyui_tab_card ul{ float:none; width:100%; padding:0; margin-left:0px;}
.yyui_tab_card ul .yyui_tab_title{ font-weight:bold; color:#585656;}
.yyui_tab_card ul .yyui_tab_title_this,.yyui_tab_card ul .yyui_tab_title{ font-size:16px; height:40px; line-height:40px; width: 48%; float: left; margin:10px 1% 0;}
.yyui_tab_card ul .yyui_tab_title_this span,.yyui_tab_card ul .yyui_tab_title span{ font-size:20px; color:#adabaa; font-weight:normal;}
.yyui_tab_card .yyui_tab_pro .proleft{margin-left:0px; width: 100%; margin-top: 0;}
.yyui_tab_card .yyui_tab_pro .proright{width: 100%; margin:20px 0 auto; text-align: center;}
.yyui_tab_card .yyui_tab_pro .proright img{max-width: 70%; }
.yyui_tab_card .yyui_tab_pro .proleft .btn {
	width: 130px;
    height: 36px;
    line-height: 36px;
	font-size: 14px;}
.section7Wrapper .title span {line-height: 34px; font-size:22px;}
.yyui_tab_card ul strong { font-size:18px;display: inherit;}
.section7Wrapper .title i {margin: -6px auto 45px;width: 110px; height:4px;}
.yyui_tab_card .yyui_tab_pro .proleft h2{ font-size:18px;}
.yyui_tab_card .yyui_tab_pro .proleft strong{ font-size:16px;}

.product-banner{ height:450px; margin:55px 0 0; padding:40px;}
.product-banner .pic{ width:45%; height:auto; top:34%;}
.product-banner .title{ position:static; transform:none;}
.product-banner .title .t01{ font-size: 30px;line-height: 36px;}
.product-banner .title .t02{ font-size:16px; line-height:20px;margin-top: 10px;}
.product-banner .title .t03{ width: 32%; margin: 10px 0 0;}

.product-menu-box{width: 90%; height: auto;background: #e62129;margin:0px auto 0;position: absolute;bottom:-100px;left:5%;}
.product-menu{width: 90%; margin:0 auto;}
.product-menu ul{margin:0px; padding: 0px;}
.product-menu ul li{width: 33%; float:left; padding: 15px 0;}
.product-menu ul li a{color:#fff; text-align: center;}
.product-menu ul li a i{font-size: 30px;width: 100%; float:left; line-height: 30px;}
.product-menu ul li a span{font-size: 16px; width: 100%; float:left;}

.products-class-section {margin: 110px auto 80px;}
.products-class-box ul li{ margin-bottom:10px;}
.products-class-box .products-class-box-left{width:80%; float:left; margin:10%;}
.products-class-box .products-class-box-left img{max-width: 100%;}
.products-class-box .products-class-box-right{width: 100%; float:right; margin:0;}
.products-class-box .products-class-box-right .title{margin-top:10px; font-size: 20px; height: 80px; line-height: 40px;}
.products-class-box .products-class-box-right .title strong {font-size: 30px;display: block;}
.products-class-box .products-class-box-right .subclass a{width: 48%; margin-right: 4%; font-size: 16px;}
.products-class-box .products-class-box-right .subclass a:nth-child(3n+3){margin-right: 4%;}
.products-class-box .products-class-box-right .subclass a:nth-child(2n+2){margin-right: 0px;}

.products-server .products-server-left{width: 100%; margin-right: 0px;}
.products-server .products-server-right{width: 100%;}
.products-server .products-server-left ul li{width: 100%; margin-right: 0px; font-size:16px;height: 46px;margin-bottom: 10px;}
.products-server .products-server-left ul li span { line-height:30px;}
.products-server .products-server-box .title{ line-height:24px;}
.products-server .products-server-box .title strong{ font-size:30px;}
.section-video .title strong{ font-size:30px;}

.product-menu-box-sub{height: auto; padding: 20px;display: table; margin-top: 55px;}
.product-menu-box-sub strong{width: 100%;font-size: 30px; line-height: 45px; margin-left: 0;padding-bottom: 5px;float: left;
    text-align: left;}
.product-menu-sub{width: 100%; margin-left: 0;}
.product-menu-sub a{ padding: 0px 2% 10px; font-size: 16px;line-height: 30px; float:left; width: 100%;text-align: left;}


.section7Wrapper{ width:100%; padding:30px 20px;}
.section-video{ width:100%; height:auto; padding:30px 20px; margin:0 auto; overflow:hidden;}
.section-video .title{ font-size:24px; margin:0; font-style:normal; -webkit-text-stroke:0; color:#333; position:static; left:auto; top:auto; transform:none;}
.section-video .title i{ background: #adabaa; width:55px; height: 1px; display:block; margin:15px 0 25px;}
.section-video ul{ padding:0;}
.section-video ul li{ float:none; width:100%; margin:0 0 30px 0;}
.section-video ul li i{ width:50px; height:50px; background-size:50px; top:40%;}
.section-video ul li a:hover i{ background-size:50px;}
.section-video ul li p{ font-size:16px;}

.newslist{ height:auto; width: 100%;}
.newslist .leftpic{ float:none; width:100%; height:auto;}
.newslist .leftpic img{ max-height: 226px;}
.newslist .rightnote{ float:none; width:100%; height:auto;}
.newslist .rightnote .rightTitle{ font-size:16px; font-weight: 500; line-height: 24px; top:30px; right:30px; padding:0; height:auto; overflow:hidden; white-space:normal; text-overflow:none;}
.newslist .rightnote hr{ width:130px; top:110px; right:30px;}
.newslist .rightnote .rightDesc{ font-size:12px; top:120px; right:30px; padding:0 0 0 30px; height:60px; overflow:hidden; display: none;}
.newslist .rightnote .rightDesc p br{ display:none;}
.newslist .rightnote .more{ bottom:30px; right:30px;position: sticky;}
.newslist .rightnote .more a{ font-size:12px; width:110px; height:32px; line-height:30px;}

.section8 {height: 85%;}
.section8 .title {font-size: 30px;}
.section8 .title span { font-size: 22px;}
.section8 .title i {width: 109px; height: 4px;margin: -6px auto 45px;}
.section8Wrapper{ width:100%;}

.section9{ height:auto; padding:0 0 30px; background-size: 100%;}
.section9 .title{ padding:30px 20px; margin:10px 0 0; font-size:30px; line-height:40px;}
.section9 .title p{ font-size:22px; line-height:38px; font-weight:normal;}
.section9 .title i {width: 110px;margin-top: -8px;height: 4px;}
.section9 .partner{ width:100%; margin:0; padding:0 10px;}
.section9 .partner ul li{ width:48%; margin:0 2% 5% 0;}
.section9 .partner ul li:nth-of-type(4n){ margin:0 0 5% 0;}
.section9 .note { font-size: 16px; font-weight: lighter; color: #999; margin-left: 5%; width: 90%; margin-top: -30px; margin-bottom: 20px;}
.section9 .more{ bottom:50px; right:30px;}
.section9 .more a{ font-size:12px; width:110px; height:32px; line-height:30px;}

.partner-section2 .partner-section2Wrapper{ padding:30px 20px;}
.partner-section2 .partner{ width:100%;}
.partner-section2 .partner ul li{ width:22%; margin:0 4% 4% 0;}
.partner-section2 .partner ul li:nth-of-type(6n){ margin:0 4% 4% 0;}
.partner-section2 .partner ul li:nth-of-type(4n){ margin:0 0 4% 0;}

.honor-section2 .honor-section2Wrapper{ padding:30px 20px;}
.honor-section2 .honorlist{ width:100%;}
.honor-section2 .honor-list{ width:47%; margin:0 6% 6% 0;}
.honor-section2 .honor-list:nth-of-type(5n){ margin:0 6% 6% 0;}
.honor-section2 .honor-list:nth-of-type(4n){ margin:0 6% 6% 0;}
.honor-section2 .honor-list:nth-of-type(2n){ margin:0 0 6% 0;}
.honor-section2 .honor-list p{ font-size:14px;}

.footer .footer-nav{ display:none;}
.footer .footer-content{ padding:30px 20px; display:none}
.footer .footerBox1{ float:none; width:100%; padding:0;}
.footer .footerBox1 ul li{ text-align:left;}
.footer .footerBox1 ul li a{ font-weight:bold; color:#585656;}
.footer .footerBox1 ul li span{ font-weight:normal; color:#adabaa;}
.footer .footerBox2{ display:none;}
.footer .footerBox3{ float:none; width:100%; padding:0;}
.footer .footerBox3 p{ color:#7c7979;}
.footer .footer-contactTitle{ width:70px; height:1px; background:#adabaa; text-indent:-9999px; margin:30px 0;}
.footer .footer-copyright{ padding:12px 20px; text-align:center;}
.footer .footer-copyright .fr{ float:none;}

.footNav { padding:0 20px 20px 20px; background:#1a1819; display:block;}
.footNav li{ padding:0 8px 0 0; position:relative;}
.footNav li>a{ height:48px; line-height:48px; color:#fff; font-size:14px; background:url(../images/icon_01-.png) no-repeat right center; background-size:12px; display:block;}
.footNav li.on>a{ background-image:url(../images/icon_02--.png); background-size:12px;}
.footNav li span{ color:#717171;}
.serList a{ color:#fff; opacity:0.8}

#slider-home-top .slick-dots{ left:0; bottom:40px; text-align:center;}
#slider-home-top .slick-dots li.slick-active{ width:45px;}

.about-section1{ display:none;}
.about-section2{ margin:55px 0 0;}
.about-section2 .about-section2Wrapper{ padding:0px 0 0;}
.about-section2 .about-section2-box .about-section2-note{ float:none; width:100%; padding:20px 20px 0px;}
.about-section2 .about-section2-box h3{ font-size:20px;}
.about-section2 .about-section2-box h4{ font-size:14px; margin:0 0 30px;}
.about-section2 .about-section2-box .about-section2-desc{ padding:0 0 30px;}
.about-section2 .about-section2-box .pic{ float:none; width:100%;}
.about-section2 .about-desc{font-size: 15px;}
.about-section2 .about-section2-box .pic img { width: 100%; position: relative; right: 0;}
.about-section2 .about-section2-box .number{margin:20px auto;}
.about-section2 .about-section2-box .number ul li{width: 48%; margin-bottom: 30px;}
.about-section2 .about-section2-box .number ul li:nth-child(2),
.about-section2 .about-section2-box .number ul li:nth-child(4){border-right: 0px;}
.about-section2 .name2 {font-size: 60px;line-height: 60px;}
.about-section3 .about-section3-box{ font-size:20px; line-height:40px;}
.about-section2 .about-section2-box .pic p{ font-size:30px; bottom:10px;}
.about-section3 .about-section3Wrapper{ padding:30px 0 10px;}
.about-section3 .about-section3-pic{ width:100%; height:306px;}
.about-section3 .about-section3-box{ position:static; width:100%; padding:20px;}

.about-section-history{width: 100%; height: 110vh; background: url(../images/about2.jpg) no-repeat; padding: 40px 5%;}
.about-section-history h3{color:#fff;font-size: 30px; line-height: 30px; font-weight: bold;}
.about-section-history h4{color:#fff;font-size: 22px; font-weight: 500;margin-bottom: 30px;}
.main{width:100%;margin:0px auto}
.time-axis{margin:0;padding:0;position:relative;height: 600px;overflow: hidden;overflow-y: scroll;}
.time-axis li:before{content:'';position:absolute;left:70px;top:15px;width:1px;height:180%;background-color:#e4e4e4}
.time-axis-item{list-style:none;padding-left:100px;position:relative;line-height:30px;font-size:16px; margin-bottom: 20px;color:#fff}
.time-axis-achievement{margin:0}
.time-axis-date{position:absolute;left:0;top:0;color:#00a0b4; font-size: 20px;width: 46px}
.time-axis-date span{position:absolute;right:-30px;top:35%;display:block;width:13px;height:13px;border-radius:100%;background-color:#00a0b4}
.time-axis-date span:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:7px;height:7px;margin:auto;background-color:#ccc;border:1px solid #ccc;border-radius:100%}
.time-axis-item:last-child .time-axis-date span{border-color:#48beb2}
.time-axis-item:last-child .time-axis-date span:after{background-color:#48beb2;border-color:#48beb2}

.time-axis::-webkit-scrollbar{width:10px;height:1px; display: none;}
.time-axis::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353;display: none;}
.time-axis::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ededed;display: none;}

.about-section3 .about-section3-desc .wenhualist ul li{width: 100%; margin-right: 0px; height: auto; margin-bottom: 30px;}
.about-section3 .about-section3-desc .wenhualist ul li .text{ line-height:24px; min-height: auto;}
.about-section3 .about-section3-desc .wenhualist ul li .text strong {font-size: 20px;}
.about-section3 .about-section3-desc .wenhualist ul li i { font-size:24px; line-height:24px;}
.about-section3 .wenhuaimg span{width: 100%; margin-right: 0px; margin-bottom: 10px;}
.about-section3 .wenhuaimg span:last-child{width: 100%;}

.about-section3 .about-section3-box .t01,.about-section3 .about-section3-box .t02 { color: #adabaa;}
.service-section1 .service-section1Wrapper{padding: 40px 0;}
.service-section1 .service-section1-box{width: 90%;}
.about-section4{ min-height:auto !important; background-size:150%; background-position:20px top;}
.about-section4 .about-section4Wrapper{ padding:60px 0 40px;}
.about-section4 .about-section4-box .title{ padding:0 30px 30px 0;}
.about-section4 .about-section4-box .title h4{ font-size:30px; line-height:40px; color:#004191; -webkit-text-stroke:0; font-style:normal;}
.about-section4 .about-section4-box .title h3{ font-size:22px; line-height:40px; font-style:normal;}
.about-section4 .history-list{ width:100%; padding:0 30px; outline:none; -moz-outline:none; position:relative;}
.about-section4 .history-list h4{ font-size:30px; padding:0 0 60px;}
.about-section4 .history-list a{ position:absolute; right:30px; bottom:-9px; padding:0 0 7px 10px; background:#cf001c;}
.reveal-modal{ font-size:14px; line-height:30px; padding:30px 30px 34px;}
.reveal-modal h1{ font-size:30px; font-weight:normal; line-height:45px; padding:0 0 15px; text-transform:uppercase;}
.about-section6 .about-section6Wrapper{ padding:0;}
.about-section6 .about-section6-pic{ float:none; width:100%;}
.about-section6 .about-section6-box{ float:none; width:100%; padding:30px 20px;}
.about-section6 .about-section6-box .t01{ font-size:16px;}
.about-section6 .about-section6-box .t02{ font-size:22px; line-height:24px;}
.about-section6 .about-section6-box .t03{ font-size:30px; line-height:35px;}
.about-section7 .about-section7-pic, .about-section7 .about-section7-box{ float:none; width:100%; height:auto;}
.about-section7 .note{ font-size:14px; line-height:24px;}
.about-section8{ background:url(../images/pic20-1.jpg) no-repeat; background-size:cover !important; background-position:bottom center !important; min-height:auto !important;}
.about-section8 .about-section8-box .title{ padding:60px 0 60px 30px;}
.about-section8 .about-section8-box .title h5, .about-section8 .about-section8-box .title h4{ font-size:30px; line-height:40px;}
.about-section8 .about-section8-box .title h4{ font-size:30px; line-height:40px; color:#cf001c; -webkit-text-stroke:0;}
.about-section8 .about-section8-box .title h3{ font-size:24px; line-height:38px; color:#fff;}
.about-section8 .honor-list{ margin:0 10px; height:auto;}
.about-section8 .honor-list a{ width:100%; height:auto;}
.about-section8 .honor-list p{ font-size:14px;}
#honor .slick-dots{ clear:both; padding:0 20px 100px;}
.about-section8 .more{ width:100px; height:32px; bottom:40px; left:50%; position:absolute; margin:0 0 0 -50px;}
.about-section8 .more a{ font-size:12px; width:100%; height:100%; line-height:32px; text-align:center;}

.banner-section1{ height:84px; background-position:-40px top !important;}
.product-section2 .product-section2Wrapper{ padding:30px 0;}
.product-section2 .product-section2-box{ width:100%; padding:0 20px;}
.product-section2 .product-section2-box .title{ font-size:16px; font-weight:normal; border-bottom:1px solid #b2b1b0;}
.product-section2 .product-section2-box .title h1{ font-size:20px; line-height:30px; color:#004191; -webkit-text-stroke:0; font-style:normal;}
.product-section2 .product-section2-box .title h1 span{ font-size:16px; line-height:30px; font-style:normal;}
.product-section2 .product-section2-list{ padding:30px 0; width: 90%;}
.product-section2 .product-section2-list ul li{ width: 100%;margin: 0 0% 3% 0;border: 1px solid #adabaa; padding: 10px;}
.product-section2 .product-section2-list ul li:nth-of-type(4n){ margin:0 3% 3% 0;}
.product-section2 .product-section2-list ul li:nth-of-type(3n){ margin:0 3% 3% 0;}
.product-section2 .product-section2-list ul li:nth-of-type(2n){ margin:0 0 3% 0;}
.product-section2 .product-section2-list ul li .title p{ font-size:14px; padding:0px; line-height: 24px;}
.product-section22 .product-section2-left{ display:none;}

.case-section2 .case-section2-box{ height:160px; background-position:20% 100%; opacity: 1; filter:none; -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);}
.case-section2 .case-section2-box a{ height:100%; background: url(../images/casebg2.png) no-repeat left top; background-size:cover;}
.case-section2 .case-section2-box .num{ font-size:58px; line-height:58px; position:static; padding:45px 20px 0;}
.case-section2 .case-section2-box .title{ position:static; padding:0 20px;}
.case-section2 .case-section2-box .title h3{ font-size:26px; line-height:30px;}
.case-section2 .case-section2-box .title p{ font-size:12px; line-height:22px; padding:0;}
.case-section2 .case-section2-box a:hover{ height:160px; background:url(../images/casebg2-hover.png) no-repeat left top; background-size:cover;}
.case-section2 .case-section2-box a:hover,.case-section2 .case-section2-box.now a{ height:160px; background:url(../images/casebg2-hover.png) no-repeat left top; background-size:cover;}
.case-section2 .case-section2-box:hover,.case-section2 .case-section2-box.now { height:160px; transition:all 0.5s; opacity: 1; filter:none; -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);}

.news-section3 .news-section3-box, .product-section1 .product-section1-box, .service-section2 .service-section2-box{width: 90%;}
.news-section3 .news-section3Wrapper, .product-section1 .product-section1Wrapper, .service-section2 .service-section2Wrapper{ padding:0;}
.news-section3 .news-section3-box .title h2{ font-size:30px; line-height:40px; color:#adacaa; -webkit-text-stroke:0;}
.news-section3 .news-section3-box .title h1{ font-size:24px; line-height:38px; padding:0 0 15px;}
.news-section3 .news-section3-box .title{ font-size:14px; border-bottom:1px solid #adabaa;padding: 20px 0 0 0;}
.news-section3 .news-section3-desc{ font-size:14px; line-height:30px; padding:30px 0; border-bottom:1px solid #adabaa;}
.news-section3 .newsback,.product-section1 .newsback{ padding:10px 0 15px 0;}
.news-section3 .newsback a,.product-section1 .newsback a,.newsback a{ font-size:16px; line-height:40px; color:#adacaa; font-weight:normal; -webkit-text-stroke:0; font-style:normal; padding:10px 0 0 0;}
.job-section1 .job-section1Wrapper{padding: 40px 0;}
.job-section2 .job-section2Wrapper{padding: 40px 0;}
.job-section2 .job-section2-box{width: 90%;}
.job-section2 .job-section2-desc{width: 100%; padding-top: 20px;}
.job-section2 .job-section2-desc .job-note-box { width: 100%; padding-left: 15%; margin: 0;}
.job-section2 .job-section2-desc .job-note-box { background-size: 15%;}
.job-section2 .job-section2-desc .job-note-box .job-text { line-height: 30px;    margin-bottom: 20px; font-size:16px;}
.job-section2 .job-section2-desc .job_left,.job-section2 .job-section2-desc .job_right{width: 100%;}
.service-section1 .service-section1-box .title h5 { width: 90%; margin: auto;}



.swiper-slideVideo{ margin:80px 0 0;}
.product-section1 .product-section1-box .pic{ float:none; width:100%; margin:0 0 20px;}
.product-section1 .product-section1-box .title{ width:100%; margin:0; font-size:14px; font-weight:normal; border-bottom:1px solid #adabaa; font-style:normal;}
.product-section1 .product-section1-box .title h2{ font-size:14px; line-height:24px; color:#adacaa; -webkit-text-stroke:0;}
.product-section1 .product-section1-box .notice h3 {font-size: 20px;}
.product-section1 .product-section1-box .title h1{ font-size:20px; line-height:38px; padding:0 0 15px;}
.product-section1 .product-section1-desc{ font-size:14px; line-height:30px; padding:30px 0; border-bottom:1px solid #adabaa;}
.product-section1 .product-section1-box .xgbz ul li{}
.producttitle strong{width: 100%; text-align: left; height: 50px; line-height: 50px;font-size: 28px; border-right: 0px; border-bottom:1px solid #fff; margin-bottom: 10px; padding-bottom: 10px;}
.producttitle .syfw{width: 100%;font-weight: 500; line-height: 28px; height: auto;}
.service-section2 .service-section2-box .title{margin-top:50px;}
.service-section2 .service-section2-box .title h4{ font-size:24px; line-height:30px;}
.service-section2 .service-section2-box .title h5{ font-size:16px; line-height:26px; width: 90%; margin:0 auto;}
.service-section2 .service-section2-desc{ font-size:14px; line-height:30px; padding:30px 0 0;}
.product-section1 .product-section1-desc video{ width:100% !important; height:auto !important;}
.service-section2 .service-section2-desc .service_left{width: 100%;}
.service-section2 .service-section2-desc .service_right{position: relative;width: 100%;}
.news-section2 .news-section2Wrapper{ padding:30px 0; width:90%;}
.news-section2 .news-section2-box{ height:auto;}
.news-section2 .news-section2-box .pic{ float:none; width:100%; height:230px;}
.news-section2 .news-section2-box .pic img{ width:100%;}
.news-section2 .news-section2-box .news-section2-note{ float:none; width:100%; padding:20px 20px 30px;}
.news-section2 .news-section2-box h3{ font-size:16px; line-height:30px;}
.news-section2 .news-section2-box .more{ bottom:30px;}
.news-section2 .news-section2-box .datetime{ padding:20px 0 0; font-style:normal;}
.news-section2 .news-section2-box .newsline{ width:70px;}

.breadmenu {height: auto;padding: 22px 0; display: table;}
.breadmenu .container .smallname a { border-right: 0; padding: 10px 40px 10px 0; float: left;font-weight: bold;}

.contact-section2 .contact-section2Wrapper{ padding:0 20px;}
.contact-section2 .contact-section2-box{ padding:30px 0;}
.contact-section2 .contact-section2-box .pic{ float:none; width:100%; height:260px;}
.contact-section2 .contact-section2-box .contact-section2-note{ float:none; width:100%; padding:30px 0 0;}
.contact-section2 .contact-section2-box h3{ font-size:30px; line-height:40px; color:#adacaa; -webkit-text-stroke:0; font-style:normal;}
.contact-section2 .contact-section2-box h4{ font-size:20px; line-height:38px;}
.contact-section2 .contact-section2-box .contact-section2-desc p strong{ font-style:normal; padding:0 10px 0 0;}
.contact-section2 .contact-section2-box .contact-section2-desc{ font-size:14px; line-height:30px;}

.contact-section3 .contact-section3-box h3{font-size:30px; line-height:40px;}
.contact-section3 .gnfzr ul li .area{ height:90px; font-size:20px;}
.contact-section3 .gnfzr ul li .bumen{ font-size:16px;}

.contact-section3 .contact-section3Wrapper{padding:0 20px;}
.contact-section3 .gnfzr ul li{width: 100%; margin-right: 0px;}
.contact-section4 .contact-section4Wrapper{padding:0 20px;}
.contact-section4 .network-user{width: 48%;}
.contact-section4 .network-box .title{ font-size:30px;height: 60px;}
.contact-section4 .network-user .area{ height:30px;}
.contact-section4 .online ul li{margin: 0 4px 6px}

.contact-section3 .online ul li{width: 30px; float: right;}
.contact-section3 .online ul li:nth-child(3n+3){margin-right: 6px;}

.contact-section5 .contact-section5Wrapper{padding:20px;}
.contact-section5 .bsc ul li{width: 100%; height: auto; line-height: 30px; padding: 8px 0;}
/*.contact-section5 .bsc ul li:nth-child(2){display: none;}*/
.contact-section5 .bsc ul li strong {width: 32%;float: left;padding-left: 2%; text-indent: 0px;}
.contact-section5 .bsc ul li span{width: 66%;}
.contact-section6 .contact-section6Wrapper{padding:20px;}
.contact-section6 .contcat_left{width: 100%; padding-left: 0;}
.contact-section6 .contcat_right{width: 100%; padding-left: 0; margin-left:0;}
.contact-section6 .contcat_right .item{width: 100%;}
.contact-section6{background-size: cover;}
.contact-section6 .contcat_right .form li .input2{width: 100%;}
.contact-section6 .contcat_right .form li input, .contact-section6 .contcat_right .item .form li textarea{width: 100%;}
.contact-section5 .bsc ul li:nth-child(2n) {background: #f5f5f5;}
.contact-section5 .bsc ul li:nth-child(2n+1) {background: #fff;}
.contact-section5 .bsc ul li:first-child {background: #f5f5f5;}


.pages{ padding:0 0 20px;}
.pages a{ padding:5px 10px; line-height:20px; font-size:12px;}	

.reveal-modal{ width:90%; margin:-25% 0 0 -45%; max-height: 420px;}

.product-section1 .product-section1-box .notice{}
.product-section1 .product-section1-box .title{ border:none;}
.product-section1 .producttitle{ font-size:20px; height:auto; display: table; line-height:50px; padding: 20px 5%;}
.product-section1-desc h3{ margin:0 0 10px;}
.producttitle{ margin-top:0px;}

.job-section2-container{ padding:20px 0;}
.job-section2-container .job-section2-box .job-section2-note{ line-height:30px;}
.job-section2-container .job-section2-box .job-section2-note h3{ font-size:20px; margin:0;}
.job-section2-container .job-section2-box .job-section2-note h4{ font-size:26px; padding:60px 0 0;}
.job-section2-container .job-section2-box .job-section2-note .icon{ background-size:60px;}
.job-section2-container .job-section2-box .job-section2-note p.on::before{ left:-20px;}
.job-section2-container .job-section2-box .job-section2-note p.on::after{ left:-17px; height:100%;}
.job-section2-container .job-section2-box .job-section2-note p.off::after{ border:none; background:#fff; margin:22px 0 0;}
.job-section2-container .job-section2-box .job-section2-note{ padding:0;}
.job-section2-container .job-section2-box .job-section2-detail{ padding:10px 15px 10px 20px;}
.job-section2-container .job-section2-box .job-section2-desc{ padding:0; line-height:30px;}
.job-section2-container .job-section2-box .job-section2-title{ padding:10px 20px; margin: 20px 0px;}
.job-section2-container .job-section2-box .job-section2-title .job-close{ width:40px; height:40px; background-size:40px; bottom:-55px;}
}
@media screen and (max-width: 375px) {
	.banner-content h3{ font-size:16px;}
	.section2 .title h3{ font-size:22px; text-align:center;}
	.section4 .title .note{ padding:250px 0 0;}
	#slider-home-top .slick-dots{ bottom:40px;}

.pages a{ padding:5px 10px;}	
.pages span{ padding:0 4px;}
.newslist{ margin:0px 0;}
.section8Wrapper{ height:auto;}
.swiper-slideVideo{ margin:70px 0 0;}
}


@media screen and (max-width: 360px) {
.banner-content h3{ font-size:16px;}
.section2{}
.section2 .title .b1{ display:none;}
.section2 .title h3{ font-size:22px; line-height:30px;}
.section2 .title h4{ font-size:22px; line-height:30px; font-weight:normal;}
.section3 dl{ margin:0 0 20px 0; height: 40px;}
.section3 dl dd span{ font-size:12px;}
.section4 .title .b1{ font-size:10px;}
.section4 .title h3{ font-size:22px; line-height:30px;}
.section4 .title h4{ font-size:22px; line-height:30px; font-weight:normal;}
.section4{background-size: contain;}
.section4 .title .note{ font-size:14px; padding:280px 0 0;}
.section6 .note{ margin:105px auto; padding:40px 20px;}
.section6 .note .t5_1{ text-align:right; font-size:26px;}
.section6 .note .t5_2{ height: 30px; margin: 20px 0;}
.section6 .note .t5_2 h3{ font-size:22px; font-weight:normal;}
.section6 .note .t5_2 i{ bottom:5px; left:100px;}
.section6 .note .t5_3{ line-height:28px;}
.section7Wrapper .title{ font-size:30px; margin:0;}
.yyui_tab_card ul .yyui_tab_title_this,.yyui_tab_card ul .yyui_tab_title{ font-size:16px; height:40px; line-height:40px;}
.yyui_tab_card ul .yyui_tab_title_this span,.yyui_tab_card ul .yyui_tab_title span{ font-size:18px; color:#adabaa; font-weight:normal;}
#slider-home-top .slick-dots{ bottom:30px;}
.about-section8{ min-height: 600px; background-position:center 90%}
.about-section8 .about-section8-box .title{ padding:60px 0 40px 30px;}
.about-section8 .about-section8-box .title h3{ color:#fff;}


}

@media screen and (max-width: 320px) {

.section2 .title h3,.section2 .title h4{ font-size:20px;}
.section3 dl dd{ font-size:14px;}
.section3 dl dt{ font-size:34px;}
.section4{ background-size:cover;}
.section4 .title h3,.section4 .title h4{ font-size:20px;}
.yyui_tab_card ul .yyui_tab_title_this span, .yyui_tab_card ul .yyui_tab_title span{ font-size:16px;}
.section7Wrapper .title{ margin:0;}
.newslist .rightnote .rightTitle{ font-size:18px;}

.pages a{ padding:2px 8px;}
.pages span{ padding:0 4px;}	
.section3 dl {
    margin: 0 0 20px 0;
}
}


.video_btn {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.video_btn>img {
	width: 100%;
	height: 100%;
}