@charset "utf-8";
/* CSS Document 
制作： 青华互联网站建设 版权所有 复制必究
网址： www.qinghuahulian.com
电话/微信：18653219163  QQ:893157818
邮箱：vip@qinghuadns.com  联系人：王小姐
*/

*{margin:0px; padding:0px; box-sizing:border-box;
}
html,body{
     -webkit-text-size-adjust:none; scrollbar-width: thin;
}
@font-face{
     font-family:robotobold;
	 font-display: auto;
     src:url('../fonts/ROBOTO-MEDIUM.TTF') format('truetype'); font-stretch:ultra-expanded;/*定义字体符合拉伸*/
}
@font-face{
     font-family:roboto;
	 font-display: auto;
     src:url('../fonts/ROBOTO-REGULAR.TTF') format('truetype'); font-stretch:ultra-expanded;/*定义字体符合拉伸*/
}
body{
	color:#333333;
	background-color:#fff; font-family:'roboto';
}
body img{
    border:0px;
}
input, textarea {
	outline: 0;
	border: none;
	background: 0 0;
	font-size: 14px; font-family:'roboto';
	-webkit-appearance: none;
}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none; -webkit-appearance:none;}

/*强制去除textarea自带的样式*/
textarea{resize:none; -webkit-appearance:none;}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
	color: #222222; text-decoration:none;
}
A:link {
	color: #222222; text-decoration:none;
}
A:visited {
	color: #222222; text-decoration:none;
}
A:hover {
	color: #de1f20; text-decoration:none;
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.wrap{
	width:1588px; height:auto; margin-left:auto; margin-right:auto;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt50{
	margin-top:50px;
}
.mt80{
	margin-top:80px;
}
.header{
	width:100%; height:auto; padding-top:8px; padding-bottom:8px; padding-left:60px; padding-right:60px; position:fixed; left:0px; top:0px; z-index:1000; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all;
}
.logo{
	float:left; padding-top:18px;
}
.logo img{
	width:461px; height:auto; display:block;
}
.language{
	float:right; height:38px; line-height:38px; margin-top:18px; margin-left:30px;
}
.language a{
	color:#1c0808; padding-left:6px; padding-right:6px;
}
.language a.active{
	color:#db2325 !important;
}
.language i{
	color:#db2325; font-size:22px;
}
.search_bnt{
	float:right; width:40px; height:40px; line-height:40px; text-align:center; background-color:#de1f20; margin-top:18px; margin-left:15px; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer; color:#fff; 
}
.tel_bnt{
	float:right; width:40px; height:40px; line-height:40px; text-align:center; background-color:#de1f20; margin-top:18px; margin-left:15px; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer; color:#fff; 
}
.tel_bnt a{
	color:#fff; display:block;
}
.search{
	width:320px; height:auto; padding:10px; position:absolute; right:60px; top:90px; z-index:-1; background-color:rgba(255,255,255,0.7); opacity: 0;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;
}
.toptel{
	width:265px; height:auto; padding:12px 10px; position:absolute; right:60px; top:90px; opacity: 0; visibility: hidden; background-color:rgba(255,255,255,0.7); transition: 0.4s all;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; color:#de1f20; font-size:22px;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
}
.toptel i{
	margin-right:10px;
}
.search form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content:flex-start;
}
.sea_txt{
	width:72%; height:38px; line-height:38px; background-color:#fff; padding-left:10px; border:1px #ddd solid; display:none; border-right:0px; -webkit-appearance: none; border-radius: 0;
}
.sea_sub{
	width:28%; height:38px; line-height:38px; border:0px; background-color:#d91425; color:#fff; font-size:16px; cursor:pointer; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
}
.search_show{
	 z-index:1111; opacity: 1; transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
}
.tel_show{
	 opacity: 1; visibility: visible;
}
.search_show .sea_txt{
	display:inline-block;
}
.nav{
	float:right; margin-top:0px;
}
.nav li{
	float:left; margin-left:45px; position:relative; color:#1c0808;
}
.nav li:first-child{
	margin-left:0px;
}
.nav li i{
	margin-left:10px; font-size:14px;
}
.nav li a{
	color:#1c0808; font-size:18px; line-height:74px; padding-bottom:18px;
}
.nav li:hover a{
	color:#de1f20;
}
.nav li:hover i{
	color:#de1f20 !important;
}
.nav li.cur a{
	color:#de1f20;
}
.nav li.cur i{
	color:#de1f20;
}
#headbox2 .nav li.cur a{
	color:#de1f20;
}
#headbox2 .nav li.cur ul li a{
	color:#252525;
}
#headbox2 .nav li.cur ul li a:hover{
	color:#de1f20;
}
.nav ul li .sec-menu {
	position:absolute; top: 73px; width: 186px; left:0px; display:none; z-index:111; padding-top:10px; padding-bottom:12px; background-color:#fff; box-shadow: 0 0 4px #e2e2e2; padding-left:10px; padding-right:10px; border-top:3px #e6232b solid;  border-bottom-left-radius: 5px;  /* 左下角 */
border-bottom-right-radius: 5px; /* 右下角 */
-webkit-border-bottom-left-radius: 5px;  /* 左下角 */
-webkit-border-bottom-right-radius: 5px; /* 右下角 */
}
.nav ul li .sec-menu li{
	text-align:left; list-style-type:none; height:40px; line-height:40px; float:none; margin-left:0px;
}
.nav ul li .sec-menu li a {
	 display:block; font-size:16px; background-position:5px center;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s; border-bottom:0px;
	transition: all 0.3s; color:#252525; font-weight:normal; padding-left:10px; padding-bottom:0px;
}
.nav ul li .sec-menu li a:link {
	display:block; line-height:40px;
}
.nav ul li .sec-menu li a:visited {
	display:block; line-height:40px;
}
.nav ul li .sec-menu li a:hover {
	display:block; line-height:40px; color:#e22738;  background-color:#f8f8f8;
}
#sec-menu2{
	width:280px;
}
.nav ul li.lastsearch{
	display:none;
}
.nav ul li.mlanguage{
	display:none;
}
.mnav{
	display:none;
}
.header:hover{
	background-color:#ffffff;
}
.header:hover .language a{
	color:#1c0808;
}
.header:hover .nav li i{
	color:#111111;
}
.header:hover .nav li a{
	color:#131313;
}
.header:hover .nav li.cur a{
	color:#de1f20;
}
.header:hover .nav li:hover a{
	color:#de1f20;
}
.header:hover .nav li:hover ul li a{
	color:#252525;
}
.header:hover .nav li:hover ul li a:hover{
	color:#de1f20;
}
.fixedindex{
	background-color:#ffffff; transition: 0s all; -webkit-transition: 0s all; -moz-transition: 0s all; -o-transition: 0s all;
}
.fixedindex .language a{
	color:#252525;
}
.fixedindex .nav li i{
	color:#111111;
}
.fixedindex .nav li a{
	color:#131313;
}
.fixedindex .nav li.cur a{
	color:#d91425;
}
.fixedindex .nav li.cur i{
	color:#d91425;
}
.fixedindex .nav li:hover a{
	color:#d91425;
}
.fixedindex .nav li:hover ul li a{
	color:#252525;
}
.fixedindex .nav li:hover ul li a:hover{
	color:#d91425;
}
.comheader{
	box-shadow: 0 0 10px #dddddd;
}
.index-banner-wrapper{
	width:100%; height:auto; position:relative; overflow:hidden; transform:translate3d(0,0,0); 
}
.index-banner-wrapper img{
	width:100%; height:auto; display:block;
}
.index-banner-wrapper .swiper-slide{
	transform:translate3d(0,0,0); overflow:hidden; position:relative;
}
.index-banner-wrapper .swiper-pagination {
    text-align: center; width: 100%; position:absolute; left:0px; bottom:40px; z-index:10;
}
.index-banner-wrapper .swiper-button-next{
	color:#e5e9ef; right:80px;
}
.index-banner-wrapper .swiper-button-prev{
	color:#e5e9ef; left:80px;
}
/*.banner .swiper-pagination-bullet {
    display: inline-block; opacity:1; background:url(../images/banner_arrow.png) center center no-repeat;  width: 21px; height: 21px; overflow: hidden; line-height: 999px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; margin: 4px;cursor: pointer;transition: width 0.3s ease-in-out; 
}
.banner .swiper-pagination-bullet-active{
	border:1px #ffffff solid;
	border-top-color:#787878;
    animation: spin 3s linear infinite;
  }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }*/
/*.banner .swiper-slide img{
	width:100%; height:auto; min-height:100%; transition:1s linear 2s; transform:scale(1.1,1.1);
}
.banner .swiper-slide-active img,.swiper-slide-duplicate-active img{
	transition:5.5s linear; transform:scale(1,1);
}*/
.index-banner-wrapper .index-banner-swiper .swiper-slide-active .box-container {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.index-banner-wrapper .index-banner-swiper .video > img {
  display: none;
  width: 100%;
}
.index-banner-wrapper .index-banner-swiper .video video {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: left top;
}
.index-banner-wrapper .index-banner-swiper .box-container {
  opacity: 0;
  visibility: hidden;
  transform: translateY(120px);
  -webkit-transform: translateY(120px);
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  -o-transform: translateY(120px);
  transition: all 1.5s ease;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.index-banner-wrapper .swiper-slide {
  overflow: hidden;
}
.index-banner-wrapper .swiper-slide.swiper-slide-active a > img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.index-banner-wrapper .swiper-slide a {
  display: block;
}
.index-banner-wrapper .swiper-slide a > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: transform 6s ease;
  -webkit-transition: transform 6s ease;
  -moz-transition: transform 6s ease;
  -ms-transition: transform 6s ease;
  -o-transition: transform 6s ease;
}
.index-banner-wrapper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color:#d91425;
  position: relative; margin:0 12px;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.index-banner-wrapper .swiper-pagination-bullet svg {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 50%;
  margin-left: -13px;
}
.index-banner-wrapper .swiper-pagination-bullet svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.index-banner-wrapper .swiper-pagination-bullet {
  fill: none;
}
.index-banner-wrapper .circle-chart__circle {
  stroke-linecap: square;
  fill: none;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
  stroke: rgba(255, 255, 255, 0.4);
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: square;
  fill: none;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: center;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -moz-transform-origin: center;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 5.5s linear reverse;
  -moz-animation: circle-chart-fill 5.5s linear reverse;
  -webkit-animation: circle-chart-fill 5.5s linear reverse;
  -ms-animation: circle-chart-fill 5.5s linear reverse;
}
.index-banner-wrapper .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 5.5s linear reverse;
  -moz-animation: circle-chart-fill 5.5s linear reverse;
  -webkit-animation: circle-chart-fill 5.5s linear reverse;
  -ms-animation: circle-chart-fill 5.5s linear reverse;
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:focus,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:active,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:link {
  outline: none;
}

@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-moz-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-ms-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
.scrolldown{position:absolute;bottom:30px;right:40px;z-index:2}.scrolldown span{position:absolute;left:-8px;bottom:90px;color:#FFF;font-family:"Montserrat","Zen Kaku Gothic New","Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic medium","Hiragino Sans",Meiryo,sans-serif;font-size:14px;letter-spacing:0em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.scrolldown:before{content:"";position:absolute;bottom:0;left:-4px;width:9px;height:9px;border-radius:50%;background:#FFF;animation:circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite}.scrolldown:after{position:absolute;bottom:0;left:0;content:"";width:1px;height:80px;background:#FFF}@media all and (max-width: 840px){.scrolldown{right:26px;bottom:20px}.scrolldown span{font-size:12px;color:#ffffff; left:-7px;}.scrolldown:before{background:#ffffff}.scrolldown:after{background:#ffffff}}@-webkit-keyframes circlemove{0%{bottom:75px}100%{bottom:-5px}}@keyframes circlemove{0%{bottom:75px}100%{bottom:-5px}}@-webkit-keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:0.9}100%{opacity:0}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:0.9}100%{opacity:0}}


@media all and (max-width: 768px){
.scrolldown{
	display:none;
}
}
.probox{
	width:100%; height:auto; padding-top:100px; background:url(../images/proboxbg.jpg) center top no-repeat #f7f7ff; padding-bottom:60px;
}
.title{
	font-size:42px; font-weight:bolder; color:#111;
}
.title span{
	color:#de1f20; font-size:40px; text-transform:uppercase;
}
.productlist{
	margin-top:45px; border-top:1px #dddddd solid; padding-top:60px;
}
.productlist ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.productlist li{
	width:32%; background-color:#fff; margin-bottom:32px; border:1px #e9e9e9 solid; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; overflow:hidden; 
}
.productlist .itemempty{
    height:0px;
    width:32%; margin-bottom:0px; border:0px;
}
.productlist:after {
    content: "";
    flex: auto;
}
.productlist li .pro_pic{
	width:100%; height:auto; overflow:hidden;
}
.productlist li img{
	width:100%; height:auto; display:block; overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.productlist li:hover img{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.productlist li .pro_txt{
	min-height:230px; padding-left:20px; padding-right:20px; padding-top:20px; position:relative; padding-bottom:80px; 
}
.productlist li a{
	font-size:22px;
}
.productlist li p{
	color:#888888; font-size:14px; margin-top:25px; line-height:24px;
}
.productlist li span{
	width:49px; height:20px; background-color:#de1f20; text-align:center; display:inline-block; line-height:20px;  border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px; position:absolute; left:20px; bottom:33px; z-index:10;
}
.productlist li span a{
	color:#fff; font-size:16px;
}
.productlist li:hover .pro_txt{
	background:url(../images/pro_libg.jpg) left bottom no-repeat; background-size:cover;
}
.productlist li:hover a{
	color:#de1f20;
}
.productlist li:hover span a{
	color:#ff9494;
}
.aboutbox{
	background:url(../images/aboutboxbg.jpg) center bottom no-repeat #fff; padding-top:80px;
}
.about_whitebox{
	margin-top:50px; padding-bottom:460px; background: linear-gradient(to bottom, white 0%, transparent 50%); background-repeat: no-repeat; position:relative;
}
.video_bnt{
	width:80px; height:80px; line-height:80px; background-color:#fff; position:absolute; left:50%; bottom:250px; z-index:10; transform: translateX(-50%); border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; box-shadow: 0 0 10px #ccc;
}
.video_bnt a{
	display:block; line-height:80px; padding-left:23px;
}
.video_bnt i{
	font-size:40px; color:#40506c; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;
}
.video_bnt:hover i{
	color:#de1f20;
}
.video_bnt img{
	width:100%; height:auto; display:block;
}
.aboutus{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_info{
	width:55%;
}
.about_info p{
	line-height:28px; margin-top:10px;
}
.more{
	margin-top:30px; text-align:center;
}
.more a{
	width:145px; height:40px; line-height:40px; border:1px #dc373a solid; color:#de1f20; display:block; border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;-o-border-radius:40px; 
}
.more a:hover{
	color:#fff; background-color:#de1f20;
}
.about_data{
	width:40%;
}
.about_data ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_data li{
	width:50%; border-left:1px #cdcdcd solid; border-bottom:1px #cdcdcd solid; color:#de1f20; padding-top:20px; padding-bottom:20px; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; 
}
.about_data li:first-child{
    border-left: 0px;
}
.about_data li:nth-of-type(2n){
	padding-left:30px;
}
.about_data li:nth-child(3n){
    border-left: 0px; border-bottom:0px;
}
.about_data li:last-child{
    border-bottom:0px;
}
.about_data li .about_data_pic{
	padding-top:15px;
}
.about_data li img{
	margin-right:25px;
}
.about_data li:hover img{
     -webkit-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both
}
.about_data li p{
	text-align:left; color:#888888;
}
.about_data li span{
	font-size:62px; color:#de1f20; font-family:Helvetica, sans-serif; font-weight:bold;
}
.index_news{
	border-top:1px #e2e2e2 solid; margin-top:45px; padding-top:45px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.index_news_left{
	width:47.5%; background-color:#f3f3f3; padding-bottom:50px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; overflow:hidden;
}
.index_news_left_pic{
	margin-bottom:30px;
}
.index_news_left img{
	width:100%; height:auto;
}
.index_news_left_txt{
	padding-left:30px; padding-right:30px;
}
.index_news_left_txt span{
	display:inline-block; margin-bottom:20px; color:#a4a4a4;
}
.index_news_left_txt a{
	font-size:24px; line-height:32px;
}
.index_news_left_txt p{
	margin-top:20px; color:#666666; line-height:24px;
}
.index_news_right{
	width:47%;
}
.index_news_right li{
	width:100%; display:flex; display: -webkit-flex; flex-direction:row-reverse; flex-wrap: wrap; justify-content: space-between; border-bottom:1px #e9e9e9 solid; padding-bottom:30px; margin-bottom:30px;
}
.index_news_right li:last-child{
	margin-bottom:0px; border-bottom:0px;
}
.index_news_right_pic{
	width:35%;
}
.index_news_right_pic img{
	width:100%; height:auto; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; 
}
.index_news_right_txt{
	width:60%;
}
.index_news_right_txt span{
	display:inline-block; margin-bottom:20px; color:#a4a4a4;
}
.index_news_right_txt a{
	font-size:24px; line-height:32px;
}
.index_news_right_txt p{
	margin-top:20px; color:#666666; line-height:26px;
}
.partnerbox{
	width:100%; height:auto; background:url(../images/huobanboxbg.jpg) center top no-repeat; padding-top:60px; padding-bottom:60px; margin-top:100px;
}
.partnerbox .title{
	color:#fff;
}
.partnerbox .title span{
	color:#fff;
}
.partnerbox .more{
	float:right;
}
.partnerbox .more a{
	font-size:16px; background-color:#ffffff;
}
.partnerbox .more a:hover{
	color:#de1f20;
}
.index_partner{
	margin-top:50px;
}
.scroller {
    position: relative;
    height: 132px;
    overflow: hidden;
    margin: 10px 0;
}
.scroller-inner {
    position: absolute;
    display: flex;
    height: 100%;
    width: 200%;
    animation: scroll 30s linear infinite;
}
.index_partner:hover .scroller-inner {
    animation-play-state: paused;
}
.scroller-top {
    top: 0;
}
.scroller-inner li {
    width: 16%;
    height: auto; padding-top:12px; text-align:center;
    margin: 0 5px; overflow:hidden;
	background:url(../images/kehulibg.png) no-repeat;
	-moz-background-size:100% auto;  background-size:100% auto;
}

.scroller-inner img {
	width:71%; height:auto;
    transition: all 0.3s ease;
}

.scroller-inner li:hover img {
    transform: scale(1.1);
}

@keyframes scroll {
    0% {
transform: translateX(0);
    }
    100% {
transform: translateX(-50%);
    }
}
.footbox{
	width:100%; height:auto; background-color:#464646; padding-top:85px;
}
.foot_logo{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_tel{
	color:#fff; background:url(../images/foot_telbg.png) left center no-repeat; padding-left:80px;
}
.foot_tel a{
	color:#fff; font-size:30px;
}
.foot_tel i{
	font-size:18px; margin-right:5px;
}
.footer{
	margin-top:60px; padding-top:60px; padding-bottom:60px; border-top:1px #3e3e3e solid; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.wechat{
	width:118px; height:155px; padding-top:3px; background-color:#fff; font-size:14px; text-align:center; color:#7f7e7e; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px; 
}
.wechat img{
	 margin-bottom:5px;
}
.foot_nav{
	width:47%;
}
.foot_nav ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_nav li a{
	color:#ffffff; font-size:16px; line-height:36px;
}
.foot_nav li a:hover{
	color:#de1f20;
}
.foot_nav li h3{
	margin-bottom:20px;
}
.foot_nav li h3 a{
	color:#ffffff; font-size:20px;
}
.foot_contact{
	width:480px; line-height:36px; font-size:16px; color:#ffffff;
}
.foot_contact h3{
	color:#fff; font-size:20px; margin-bottom:25px;
}
.foot_contact li a{
	color:#ffffff; font-size:16px; line-height:36px;
}
.foot_contact li a:hover{
	color:#de1f20;
}
.foot_contact li i{
	color:#cc0405; margin-right:12px; font-size:16px;
}
.foot_contact li:nth-of-type(3) i{
	font-size:18px;
}
.copyrights{
	font-size:14px; color:#999999; border-top:1px #3e3e3e solid; padding-top:50px; padding-bottom:60px;
}
.copyrights a{
	color:#999999;
}
.copyrights a:hover{
	color:#e7e7e7;
}
.copyrights span{
	float:right;
}
.copyrights br{
	display:none;
}
.beian{
	background:url(../images/beian.png) left center no-repeat; padding-top:3px; padding-bottom:3px; margin-left:3px; padding-left:25px;
}
.backtop{
    display: none;
    right: 20px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    position: fixed;
    cursor: pointer;
    z-index: 99;
    background: #de1f20 url(../images/top.svg) no-repeat center/22px auto;
}
.backtop a{
	width:44px; height:44px; display:block;
}
.bottomkf{
	display:none;
}

/* 关于我们 */

.com_banner{
	width:100%; height:auto; position:relative; overflow:hidden; margin-top:90px;
}
.com_banner img{
	width:100%; height:auto; display:block;
}
.com_banner_txt{
	width:100%;	position:absolute; left:0%; top:47%; z-index:10; color:#1c0808; font-size:42px; line-height:40px; text-align:center;
}
.com_banner_txt span{
	font-size:26px;
}
.posibox{
	height:auto;
}
.position{
	font-size:14px; color:#888;
}
.position a:first-child{
	padding-left:30px; background:url(../images/posibg.png) left center no-repeat; padding-top:20px; padding-bottom:20px; margin-left:0px;
}
.position a{
	font-size:14px; color:#888; display:inline-block; padding-top:20px; padding-bottom:20px; margin-left:5px; margin-right:5px;
}
.position a:hover{
	color:#de1f20;
}
.position ul{
	float:right;
}
.position li{
	display:inline-block; margin-left:50px;
}
.position li:first-child{
	margin-left:0px;
}
.position li.cur a{
	color:#de1f20; border-bottom:2px #de1f20 solid;
}
.position li a{
	font-size:16px; margin-left:0px; margin-right:0px; color:#222;
}
.position li.cur a{
	color:#de1f20;
}
.position li a:first-child{
	background:none; padding-left:0px;
}
.about_left{
	width:100%; margin-bottom:20px;
}
.com_title span{
	font-size:20px; text-transform:inherit; font-weight:normal;
}
.about_content{
	width:100%; color:#555; padding-top:20px; padding-bottom:50px;
}
.about_content h3{
	font-size:24px; color:#de1f20; margin-bottom:40px;
}
.about_content p{
	margin-bottom:40px; line-height:32px;
}
.com_about_data{
	width:100% !important; margin-top:80px; padding-bottom:50px;
}
.com_about_data li{
	width:25%; border-left:1px #cdcdcd solid; border-bottom:0px; color:#de1f20; padding-top:0px; padding-bottom:0px;   justify-content: center;
}
.com_about_data li:nth-of-type(2n){
	padding-left:0px;
}
.com_about_data li:nth-child(3n){
    border-left:1px #cdcdcd solid; padding-left:0px;
}
.com_about_data p{
	margin-bottom:0px;
}
.about_video img{
	width:100%; height:auto;
}
.culturebox{
	width:100%; height:auto; padding-top:30px; padding-bottom:165px; margin-top:150px; background:url(../images/cultureboxbg.jpg) center top no-repeat; background-size:cover;
}
.culture{
	margin-top:60px;
}
.culture ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.culture li{
	width:48%; padding-top:40px; padding-bottom:40px; padding-left:40px; padding-right:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: felx-start; background-color:rgba(255,255,255,0.8);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; 
}
.culture li .culture_icon{
	width:20%;
}
.culture li .culture_icon img{
	width:100%; max-width:86px; height:auto;
}
.culture li .culture_txt{
	width:80%; font-size:24px; color:#de1f20;
}
.culture li .culture_txt p{
	font-size:16px; color:#666666; margin-top:15px; line-height:28px;
}
.culture li:hover img{
	 -webkit-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both
}
.honorbox{
	width:100%; position:relative; margin-top:60px;
}
.honor{
	overflow:hidden; max-width:1588px; margin:0 auto;
}
.honor .swiper-slide{
	background:url(../images/honorlibg.jpg) center top no-repeat; background-size:cover; text-align:center; padding-top:65px; padding-bottom:40px; line-height:26px;
}
.honor .swiper-slide img{
	width:85%; max-width:219px; height:auto; margin-bottom:30px;
}
.honor .honorpagination{
	margin-top:45px; text-align:center;
}
.honor .swiper-pagination-bullet {
	display: inline-block;opacity:1; width: 12px;height: 12px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; background: #e2e2e2;
}
.honor .swiper-pagination-bullet-active{
	background-color:#de1f20;
}
.honorbox .swiper-next{
	width:50px; height:50px; text-align:center; line-height:50px; position:absolute; right:3%; top:46%; margin-top:-25px; z-index:10; border:1px #e50102 solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer;
}
.honorbox .swiper-prev{
	width:50px; height:50px; text-align:center; line-height:50px; position:absolute; left:3%; top:46%; margin-top:-25px; z-index:10; border:1px #e50102 solid; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer;
}
.honorbox i{
	font-size:20px; color:#de1f20;
}
.casebox{
	background:url(../images/caseboxbg.jpg) center top no-repeat; background-size:cover; margin-top:100px; padding-top:70px; padding-bottom:100px; background-size:cover;
}
.cases{
	height:auto; margin-top:60px;
}
.cases ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.cases li{
	width:10.1%; margin-bottom:20px; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; overflow:hidden; transition: all 0.3s ease;
}
.cases li img{
	width:100%; height:auto; display:block;
}
.cases li:hover{
	transform: translateY(-3px) scale(1.05);
}
.com_cat{
	border-bottom:1px #e3e3e3 solid; margin-top:30px;
}
.com_cat ul{
	display: inline-block; white-space: nowrap;
}
.com_cat li{
	display:inline-block; white-space:nowrap; margin-left:70px;
}
.com_cat li:first-child{
	margin-left:0px;
}
.com_cat li.cur{
	color:#de1f20;
}
.com_cat li a{
	font-size:18px; height:60px; line-height:60px; padding-bottom:18px;
}
.com_cat li.cur a{
	color:#de1f20; border-bottom:2px #de1f20 solid;
}
.com_cat .cat_wrap{
    overflow-x: auto;
	overflow-y: hidden; height:61px;
    -webkit-overflow-scrolling: touch;
    /*定义滚动条轨道 内阴影+圆角*/
    /*定义滑块 内阴影+圆角*/
    /*滑块效果*/
}
.com_cat .cat_wrap::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    background-color: #eae8e8;
}
.com_cat .cat_wrap::-webkit-scrollbar-track{
    border-radius: 5px;
    background-color: #eae8e8;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.com_cat .cat_wrap::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .2);
}
.com_cat .cat_wrap::-webkit-scrollbar-thumb:hover{
    border-radius: 5px;
    background: rgba(0, 0, 0, .4);
}
.third_cat{
	margin-top:40px;
}
.third_cat ul{
	display: inline-block; white-space: nowrap;
}
.third_cat li{
	display:inline-block; white-space:nowrap; margin-left:15px; margin-bottom:15px;
}
.third_cat li:first-child{
	margin-left:0px;
}
.third_cat li a{
	font-size:18px; display:block; height:55px; line-height:55px; border:2px #e4e4e4 solid; border-radius:55px;-moz-border-radius:55px;-webkit-border-radius:55px;-o-border-radius:55px; padding-left:16px; padding-right:16px;  transition: 0.3s all;
}
.third_cat li.cur a{
	color:#de1f20; border:2px #de1f20 solid;
}
.third_cat li a:hover{
	color:#de1f20; border:2px #de1f20 solid;
}
.third_cat .cat_wrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /*定义滚动条轨道 内阴影+圆角*/
    /*定义滑块 内阴影+圆角*/
    /*滑块效果*/
}
.third_cat .cat_wrap::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    background-color: #eae8e8;
}
.third_cat .cat_wrap::-webkit-scrollbar-track{
    border-radius: 5px;
    background-color: #eae8e8;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.third_cat .cat_wrap::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .2);
}
.third_cat .cat_wrap::-webkit-scrollbar-thumb:hover{
    border-radius: 5px;
    background: rgba(0, 0, 0, .4);
}

/* 服务范围 */


.service{
	margin-top:75px; display:flex; display: -webkit-flex; flex-direction:row-reverse; flex-wrap: wrap; justify-content: space-between;
}
.service2{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:60px; margin-bottom:38px;
}
.service_pic{
	width:50%;
}
.service_pic img{
	width:100%; height:auto; display:block;
}
.service_txt{
	width:50%; height:auto; background-color:#f7f7f7; padding-left:3%; padding-right:3%; display:flex; display: -webkit-flex; flex-direction:column; flex-wrap: wrap; justify-content: center; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; 
}
.service_txt h3{
	color:#de1f20; font-size:26px;
}
.service_txt p{
	margin-top:20px; color:#666666; line-height:30px;
}
.weibao_pic{
	overflow:hidden; margin-top:100px;
}
.weibao_pic .swiper-slide img{
	width:100%; height:auto; display:block;
}
.weibao_pic .weibaopagination{
	margin-top:35px; text-align:center;
}
.weibao_pic .swiper-pagination-bullet {
	display: inline-block;opacity:1; width: 12px;height: 12px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; background: #e2e2e2;
}
.weibao_pic .swiper-pagination-bullet-active{
	background-color:#de1f20;
}
.height170{
	height:170px;
}
.product{
	margin-top:110px; border-top:1px #e3e3e3 solid; border-bottom:1px #e3e3e3 solid; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.product_left{
	width:46%; display:flex; display: -webkit-flex; flex-direction:column; flex-wrap: wrap; justify-content: center;
}
.product_left h1{
	font-size:36px; color:#111010; padding-bottom:25px; border-bottom:1px #e3e3e3 solid;
}
.product_left p{
	margin-top:25px; font-size:16px; color:#666666; line-height:32px;
}
.product_right{
	width:50%; overflow:hidden; position:relative; transform: translate3d(0,0,0);
}
.product_right .swiper-slide{
	transform: translate3d(0,0,0);
}
.product_right img{
	width:100%; height:auto; display:block;
}
.product_right .productpagination {
    text-align: center; width: 100%; z-index:999; position:absolute; left:0px; bottom:10px;
}
.product_right .swiper-pagination-bullet {
    display: inline-block; opacity:1; background:#fff;  width: 10px; height: 10px; overflow: hidden; line-height: 999px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out; 
}
.product_right .swiper-pagination-bullet-active{
	background: #de1f20;
}
.content{
	line-height:36px; color:#666666; margin-top:60px;
}
.content h4{
	margin-bottom:30px; margin-top:30px; font-size:24px; color:#de1f20; background:url(../images/h4bg.jpg) left center no-repeat; padding-left:60px;
}
.content p{
	margin-bottom:30px;
}
.content img{
	max-width:100% !important; height:auto !important; margin-top:20px; margin-bottom:20px;
}
.content .table{
	width:100%; margin-bottom:60px;
}
.content .table tr:first-child{
	background-color:#b9c2d1; color:#fff; font-size:18px;
}
.content .table td{
	padding:10px; text-align:left; padding-left:55px; padding-right:45px; border-right:1px #fff solid;
}
.content .table td:first-child{
	width:30%;
}
.content .table tr{
	background-color:#f7f8f8;
}
.content .table tr:nth-child(2n){
    background-color:#ededed;
}
.content .table tr.firstRow{
	background-color:#b9c2d1; color:#fff; font-size:18px;
}
.content h3{
	font-size:22px; color:#111010; margin-bottom:20px; background-color:#f7f7f7; padding-top:5px; padding-bottom:5px; padding-left:10px;
}
.content li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 15px;
	line-height:34px;
}
.content li:before {
    content: "•";
    color: #de1f20;
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}
.proxq_pics{
	margin-top:10px;
}
.proxq_pics ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.proxq_pics li{
	width:24%; padding-left: 0px; margin-bottom:0px; line-height:inherit;
}
.proxq_pics li img{
	width:100%; height:auto; display:block;
}
.proxq_pics li p{
	margin-bottom:0px;
}
.proxq_pics li:before {
    content: "";
    color: #de1f20;
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}
.proxq_pics2{
	margin-top:10px;
}
.proxq_pics2 ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.proxq_pics2 li{
	width:49%; padding-left: 0px; margin-bottom:0px; line-height:inherit; text-align:center; line-height:26px;
}
.proxq_pics2 li img{
	width:100%; height:auto; display:block;
}
.proxq_pics2 li p{
	margin-bottom:0px;
}
.proxq_pics2 li:before {
    content: "";
    color: #de1f20;
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}
.proxq_pics3{
	margin-top:10px;
}
.proxq_pics3 ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.proxq_pics3 li{
	width:32%; padding-left: 0px; margin-bottom:0px; line-height:inherit; text-align:center; line-height:26px;
}
.proxq_pics3 li img{
	width:100%; height:auto; display:block;
}
.proxq_pics3 li p{
	margin-bottom:0px;
}
.proxq_pics3 li:before {
    content: "";
    color: #de1f20;
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}
.proxq_pics5{
	margin-top:10px;
}
.proxq_pics5 ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.proxq_pics5 li{
	width:19%; padding-left: 0px; margin-bottom:0px; line-height:inherit; text-align:center; line-height:26px;
}
.proxq_pics5 li img{
	width:100%; height:auto; display:block;
}
.proxq_pics5 li p{
	margin-bottom:0px;
}
.proxq_pics5 li:before {
    content: "";
    color: #de1f20;
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}
.product_title{
	border-bottom:2px #de1f20 solid; text-align:center; color:#111010; font-size:30px; padding-bottom:35px; font-weight:bolder;
}
.pro_prenext{
	border-top:1px #e3e3e3 solid; border-bottom:1px #e3e3e3 solid; margin-top:50px; margin-bottom:50px; padding-top:25px; padding-bottom:25px;
}
.pro_prenext ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.pro_prenext li{
	color:#999999;
}
.pro_prenext li i{
	font-size:14px;
}
.pccenter{
	text-align:center;
}
.jobstitle{
	margin-top:50px; margin-bottom:10px; height:76px; line-height:76px; background-color:#de1f20;
}
.jobstitle ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.jobstitle li{
	width:20%; text-align:center; color:#fff; font-size:18px;
}
.jobslist{
	padding-bottom:100px;
}
.jobslist p{
	text-align:center; margin-top:30px;
}
.accordion {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}
.accordion-header {
    height: 66px;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.accordion-header:hover {
    background-color: #f6f6f6;
}
.accordion-header.active {
    background-color: #f6f6f6; border-bottom:1px #ebebeb solid;
}
.accordion-title {
    width: 100%;
	color: white;
}
.accordion-title ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.accordion-title li{
	width:20%; text-align:center; color:#000;display: flex;
    align-items: center; justify-content:center;
}
.accordion-icon {
    color: #de1f20;
    font-size: 1.4rem;
    transition: transform 0.3s ease;
}
.accordion-content {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}
.jobs_content{
	padding-top:25px; padding-bottom:50px; line-height:30px; color:#666666; background-color:#f6f6f6; padding-left:30px;
}
.jobs_content p{
	text-align:left; line-height:34px; margin:0 auto;
}
.jobs_content strong{
	color:#000; margin-top:10px; display:inline-block;
}
.deliver{
	width:146px; height:45px; line-height:45px; margin-top:40px; text-align:center; background-color:#de1f20; border-radius:45px;-moz-border-radius:45px;-webkit-border-radius:45px;-o-border-radius:45px; 
}
.deliver a{
	color:#fff; display:block;
}
.pages{
	margin:0 auto; text-align:center; padding-bottom:110px;
}
.pages ul{
	list-style-type:none;
	padding:12px 0px 12px 0px;justify-content:center;
}
.pages ul span{
	display:inline-block;
	height:50px;
	line-height:50px;
	font-size:18px; margin-left:5px; margin-right:5px;
}
.pages ul span.page-status{
	padding-left:15px; padding-right:15px;
}
.pages ul span.page-numbar{
	font-size:18px; margin-right:0px;
}
.pages ul span.page-next{
	margin-left:0px;
}
.pages ul span.page-numbar a{
	font-size:18px; margin-right:8px; padding-left:20px; padding-right:20px;
}
.pages ul span a{
	color:#555;
	height:50px;
	line-height:50px;
	padding-left:16px;
	padding-right:16px;
	display:inline-block;
	font-size:18px; background-color:#f2f2f2;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#d91425; height:50px; line-height:50px;
	padding-left:16px;
	padding-right:16px; display:inline-block;
}
.pages ul span.page-numbar a:hover{
	padding-left:20px; padding-right:20px;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#d91425;
	padding:0px 4px 0px; padding-left:20px; padding-right:20px;
	color:#fff;
}
.text-secondary{
       font-size:18px; line-height:32px; text-align:center; height:auto; overflow:hidden; color:#888; padding-top:20px; padding-bottom:50px;
}
.hot_news{
	overflow:hidden; margin-top:60px; transform:translate3d(0,0,0); 
}
.hot_news .swiper-slide{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; background-color:#fafafa;
}
.hot_news .hot_news_pic{
	width:48%;
}
.hot_news .hot_news_pic img{
	width:100%; height:auto; display:block;
}
.hot_news .hot_news_txt{
	width:52%; padding-left:3%; padding-top:40px; padding-right:3%;
}
.hot_news .hot_news_txt a{
	font-size:28px; color:#022222;
}
.hot_news .hot_news_txt a:hover{
	color:#0047b9;
}
.hot_news .hot_news_txt p{
	font-size:18px; line-height:36px; color:#666; margin-top:30px;
}
.hot_news .hot_news_txt span{
	color:#999; display:inline-block; margin-top:20px;
}
.hot_news .hot_news_txt .hot_date{
	margin-top:20px; border-top:1px #e3e3e3 solid;
}
.hot_more{
	background:url(../images/news_jt.jpg) right center no-repeat; width:126px; height:28px; margin-top:30px; 
}
.hot_more a{
	font-size:18px !important; color:#999999;
}
.hot_news .hotpagination {
    text-align: center; width: 100%; z-index:999; margin-top:30px;
}
.hot_news .swiper-pagination-bullet {
    display: inline-block; opacity:1; background:#d6d6d6;  width: 10px; height: 10px; overflow: hidden; line-height: 999px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out; 
}
.hot_news .swiper-pagination-bullet-active{
	background: #de1f20;
}
.newslist{
	height:auto; margin-top:50px;
}
.newslist li{
	height:auto; overflow:hidden; background-color:#fff; padding-right:220px; margin-bottom:50px; position:relative;
}
.newslist .newslist_pic{
	width:27%; overflow:hidden; float:left; margin-right:50px;
}
.newslist img{
	width:100%; height:auto; overflow-x: hidden; display:block;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.newslist li:hover img{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.newslist a{
	font-size:24px; color:#1c0808;
}
.newslist li:hover a{
	color:#de1f20;
}
.newslist h3{
	margin-top:35px; font-weight:400;
}
.newslist p{
	font-size:16px; margin-top:20px; line-height:30px;
}
.newslist .hot_more2{
	background:url(../images/news_jt.jpg) right 8px no-repeat; width:106px; height:28px; margin-top:30px; display:inline-block;
}
.newslist .hot_more2 a{
	font-size:14px !important; color:#999999;
}
.newslist .news_date{
	float:right; width:150px; text-align:center; position:absolute; right:40px; top:30%; color:#999; font-weight:bolder;
}
.newslist .news_date span{
	font-size:42px; color:#999;
}
.mauto{
	margin:0 auto; margin-top:35px;
}
.mainnews{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:80px; margin-bottom:80px;
}
.news_left{
	width:65%;
}
.news_info{
	border-bottom:1px #e3e3e3 solid; padding-bottom:25px; font-size:14px; color:#b0b0b0;
}
.news_info h1{
	font-size:36px; line-height:46px; margin-bottom:15px; color:#0c0c0c;
}
.news_content{
	margin-top:50px; line-height:32px;
}
.news_content p{
	margin-bottom:20px;
}
.news_content img{
	max-width:100% !important; height:auto !important;
}
.end{
	height:15px; border-bottom:1px #e9eaf8 solid; position:relative; margin-top:80px;
}
.end span{
	position:absolute; left:50%; top:4px; z-index:1; transform: translate(-50%); background-color:#fff; display:block; padding-left:20px; padding-right:20px; color:#acacac; font-size:14px;
}
.news_right{
	width:30%;
}
.related_news{
	background-color:#f7f8fa; padding:30px; margin-bottom:30px;
}
.related_news h2{
	font-size:28px; color:#de1f20;
}
.related_news ul{
	margin-top:10px;
}
.related_news li{
	border-bottom:1px #e3e3e3 solid; padding-bottom:20px; margin-top:20px;
}
.related_news li a{
	font-size:18px; line-height:28px;
}
.related_news li span{
	color:#8c8c8c; display:inline-block; margin-top:10px;
}
.prenext{
	background-color:#f7f7f7; padding-top:50px; padding-left:35px; padding-right:35px; padding-bottom:60px; color:#cd161e;
}
.prenext ul{
	margin-bottom:40px;
}
.prenext li{
	border-bottom:1px #dcdcf3 solid; padding-bottom:15px; margin-bottom:20px; font-weight:bolder;
}
.prenext li a{
	color:#666666; font-weight:normal; padding-bottom:15px; line-height:26px; display:inline-block;
}
.prenext li a:hover{
	color:#cd161e;
}
.concept{
	margin-top:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.concept_pic{
	width:50%;
}
.concept_pic img{
	width:100%; height:auto; display:block; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px; 
}
.concept_txt{
	width:45%; font-size:18px;
}
.concept_txt span{
	display:inline-block; height:32px; line-height:30px; margin-bottom:15px; margin-top:25px; color:#de1f20; border:2px #de1f20 solid; padding-left:28px; padding-right:28px; border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-o-border-radius:32px; 
}
.benefit{
	font-size:30px; text-align:center; margin-top:90px;
}
.benefit ul{
	 margin-top:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.benefit li{
	width:32%; padding-top:60px; padding-bottom:70px; padding-left:40px; padding-right:40px; line-height:30px; border:1px #e0e0e0 solid; font-size:18px; color:#333333;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px; background: linear-gradient(to bottom, #ffffff 40%, #ffebeb);
}
.benefit li img{
	margin-bottom:50px;
}
.benefit li:hover img{
     -webkit-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both
}
.weibao_txt{
	width:45%; font-size:16px; color:#333333; line-height:30px;
}
.weibao_txt h2{
	color:#de1f20;
}
.weibao_txt h3{
	color:#de1f20;
}
.weibao_txt p{
	margin-top:30px; margin-bottom:30px;
}
.weibao_txt ul{
	margin-top:20px;
}
.weibao_txt li{
	background:url(../images/weibao_libg.jpg) left 6px no-repeat; padding-left:30px;
}
.weibao_title{
	text-align:center; font-size:36px; line-height:45px; color:#000000; margin-top:100px;
}
.weibao_title span{
	width:44px; height:45px; display:inline-block; vertical-align:middle; margin-left:5px; margin-right:5px; background:url(../images/weibao_spanbg.jpg) center center repeat-x;
}
.weibao_service{
	margin-top:100px; margin-bottom:150px;
}
.weibao_service ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.weibao_service li{
	width:32%; padding:40px; border:2px #ffaeae solid; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; font-size:24px;
}
.weibao_service li img{
	float:right; margin-left:30px;
}
.weibao_service li:hover img{
     -webkit-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both
}
.weibao_service li p{
	font-size:18px; line-height:28px; color:#666666; margin-top:15px;
}
.bodybox{
	position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:1001; background-color:rgba(0,0,0,0.6); display:none;
}
.bodybox a{
	width:100%; height:100%; display:block; cursor:default;
}
.videobox{
	width:100%; height:auto; max-width:1100px; position:fixed; left:50%; top:50%; z-index:1002; display:none;transform: translate(-50%, -50%);
}
.video-js{
	width:100%; height:auto;
}
.closed{
	position:absolute; right:5px; top:5px; z-index:112;
}
.closed a{
	color:#fff;
}
.cooperate{
	width:220px; height:50px; line-height:50px; background-color:#de1f20; text-align:center; margin-top:20px;  border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; 
}
.cooperate a{
	color:#ffffff; display:block;
}
.cooperate a i{
	transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all;
}
.cooperate a:hover i{
	margin-left:15px;
}
.contactus{
	margin-top:50px; height:620px; background:url(../images/map_en.jpg) right center no-repeat; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.contactus img{
	display:none;
}
.contact_info{
	position:absolute; left:80px; top:50%; transform: translateY(-50%); width:45%; height:auto; padding-top:30px; padding-bottom:50px; padding-left:30px; padding-right:30px; background-color:#fff;
}
.contact_info span{
	color:#999999; display:inline-block; font-size:16px; margin-bottom:15px;
}
.contact_info i{
	color:#e71516;
}
.contact_info ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.contact_info li{
	font-size:20px; color:#000; width:50%; border-bottom:1px #e3e3e3 solid; padding-top:30px; padding-bottom:30px; padding-left:30px;
}
.contact_info li:first-child{
	width:100%;
}

.greybox{
	background-color:#f7f8fa; padding-top:60px; margin-top:60px; padding-bottom:0px;
}
.mtp0{
	margin-top:0px;
}
.btop0{
	border-top:0px;
}
.message{
	font-size:22px; margin-top:40px; padding-bottom:120px;
}
.message p{
	line-height:30px;
}
.message p font{
	color:#de1f20;
}
.message form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:45px;
}
.mesg_txt{
	width:32%; height:58px; line-height:58px; background-color:#f9f9fb; margin-bottom:25px; padding-left:15px; font-size:16px; border:1px #e0e0e0 solid; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; 
}
.mesg_text{
	width:100%; height:160px; line-height:26px; padding-top:15px; padding-left:15px; padding-right:15px; background-color:#f9f9fb; margin-bottom:25px; font-size:16px; border:1px #e0e0e0 solid; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; 
}
.mesgbox{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; 
}
.code_txt{
	width:200px;
}
.checkcode{
	height:58px !important; width:auto; margin-left:15px;
}
.mesg_sub{
	width:250px; height:58px; color:#fff; font-size:18px; text-align:center; cursor:pointer; background-color:#de1f20; border-radius:58px;-moz-border-radius:58px;-webkit-border-radius:58px;-o-border-radius:58px; 
}
.bottomline{
	border-bottom:1px #dddddd solid; padding-bottom:50px; margin-bottom:40px;
}
.sitemaplist{
	padding-bottom:60px;
}
.sitemaplist .site_tit{
	margin-bottom:10px;
}
.sitemaplist .site_tit a{
	font-size:20px; color:#de1f20;
}
.sitemaplist .site_list{
	margin-bottom:20px; border-bottom:1px #ddd dashed; padding-bottom:20px;
}
.sitemaplist .site_list ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start;
}
.sitemaplist .site_list li{
	line-height:30px; position:relative; padding-left:13px; margin-right:20px;
}
.sitemaplist li:before {
    content: "•";
    color: #de1f20;
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}

@media only screen and (max-width: 1680px) {
.wrap{
	width:100%; padding-left:100px; padding-right:100px;
}
.logo{
	padding-top:20px;
}
.logo img{
	width:360px; height:auto;
}
.nav li{
	margin-left:30px;
}
.about_data li span{
	font-size:60px;
}

}
@media only screen and (max-width: 1600px) {
.honor{
	max-width:95%;
}
.com_cat li{
	margin-left:40px;
}
}
@media only screen and (max-width: 1480px) {
.wrap{
	padding-left:60px; padding-right:60px;
}
.header{
	padding-left:30px; padding-right:30px;
}
.about_data{
	width:40%;
}
.scroller-inner {
    width: 250%;
}
.title{
	font-size:36px;
}
.title span{
	font-size:20px;
}
.com_banner_txt{
	font-size:36px;
}
.com_banner_txt span{
	font-size:20px;
}
.about_data{
	margin-top:30px;
}
.about_data li span{
	font-size:52px;
}
.probox{
	padding-bottom:120px;
}
.culture li{
	padding-left:30px; padding-right:10px; padding-top:30px; padding-bottom:30px;
}
.culture li .culture_txt p{
	font-size:14px;
}
.honor .swiper-slide{
	padding-top:35px; padding-bottom:35px;
}
.product_title{
	font-size:26px;
}
.product_left h1{
	font-size:30px; padding-bottom:15px;
}
.product_left p{
	margin-top:15px;
}
.newslist li{
	padding:10px; padding-right:150px;
}
.newslist h3{
	margin-top:20px;
}
.newslist p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newslist .news_date{
	right:0px;
}
.hot_news .hot_news_txt{
	padding-top:25px;
}
.hot_news .hot_news_txt a{
	font-size:24px;
}
.hot_news .hot_news_txt p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.hot_more{
	margin-top:20px; 
}
}
@media only screen and (max-width: 1366px) {
.logo{
	padding-top:20px;
}
.logo img{
	width:300px; height:auto;
}
.nav li{
	margin-left:20px;
}
.about_info{
	width:50%;
}
.about_data{
	width:43%;
}
.scroller-inner {
    width: 280%;
}
.hot_news .hot_news_txt p{
	font-size:16px; line-height:30px;
}
.news_left{
	width:62%;
}
.news_info h1{
	font-size:30px; line-height:44px;
}
.news_right{
	width:33%;
}
.concept_txt{
	font-size:16px;
}
.weibao_txt{
	font-size:16px;
}
.contact_info{
	left:30px; width:50%;
}
.weibao_service li{
	padding:30px;
}
.weibao_service li img{
	margin-left:20px; width:95px; height:auto;
}
.weibao_title{
	font-size:32px;
}
.com_cat .cat_wrap{
    height:66px;
}
}
@media only screen and (max-width: 1280px) {
.wrap{
	padding-left:30px; padding-right:30px;
}
.nav li a{
	font-size:14px;
}
.about_data li img{
	width:60px; height:auto;
}
.about_data li span{
	font-size:46px;
}
.productlist li a{
	font-size:20px;
}
.index_news_left_txt a{
	font-size:20px;
}
.index_news_left_txt p{
	font-size:14px;
}
.index_news_right_txt a{
	font-size:20px;
}
.index_news_right_txt p{
	font-size:14px;
}
.product_left h1{
	font-size:28px;
}
.product_left p{
	font-size:14px; line-height:28px;
}
.newslist a{
	font-size:20px;
}
.hot_news .hot_news_txt{
	padding-bottom:20px;
}
.hot_news .hot_news_txt a{
	font-size:22px;
}
.hot_news .hot_news_txt p{
	margin-top:20px; font-size:16px; line-height:30px;
}
.hot_news .hot_more{
	margin-top:20px;
}
.backtop{
    right: 10px;
}

.product_title{
	font-size:24px;
}

}
@media only screen and (max-width: 1200px) {
.header{
	position:fixed; display:table; background-color:#fff; padding-bottom:8px;
}
.logo{
	padding-top:8px;
}
.logo img{
	width:320px; height:auto;
}
.search_bnt{
	margin-top:4px; display:none;
}
.tel_bnt{
	margin-top:4px; display:none;
}
.language{
	margin-top:5px; display:none;
}
.language a{
	color:#252525;
}
.search{
	right:30px; top:61px;
}
.toptel{
	right:30px; top:61px;
}
.index-banner-wrapper{
	margin-top:61px;
}
.banner{
	margin-top:61px;
}
.com_banner{
	margin-top:61px;
}
.mnav{
	display:block; float:right; margin-top:12px; width:28px; height:30px; position:relative;
}
.mnav span{display:block;background:#d91425; width:28px;height:2px;position:absolute;left:0px;transition:all ease 0.35s}
.mnav span:nth-of-type(1){top:0px}
.mnav span:nth-of-type(2){top:9px}
.mnav span:nth-of-type(3){top:18px}
.mnav_se span:nth-of-type(1){top:9px;transform:rotate(45deg)}
.mnav_se span:nth-of-type(2){width:0}
.mnav_se span:nth-of-type(3){top:9px;transform:rotate(-45deg)}
.nav{
	width:100%; height:auto; position:absolute; left:-100%; top:61px; z-index:111; background-color:#fff; justify-content: flex-start; padding-left:20px; padding-right:25px; padding-top:0px; border-top:1px #ddd solid; padding-bottom:30px; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all;
}
.nav ul{
	width:100%;
}
.nav li{
	width:100%; float:none; border-bottom:1px #ddd solid; margin-left:0px; margin-top:8px; height:auto; line-height:35px; padding-bottom:8px; background-position:99% 14px !important; padding-right:0px;
}
.nav li i{
	position:absolute; right:0px; top:3px; color:#222;
}
.nav li a{
	line-height:38px; display:block; color:#222; padding-bottom:0px; font-size:16px;
}
.nav li.cur a{
	color:#e5222a; border-bottom:0px;
}
.nav_show{
	left:0px;
}
.nav ul li .sec-menu {
	position:inherit; width: 100%; display:none; background:#ffffff; font-size:14px;box-shadow: 0 0 0px #fff; padding-top:10px; padding-bottom:6px; top:auto; margin-top:-10px; box-shadow: 0 0 0px #fff; padding-left:0px; border-top:0px;
}
.nav ul li .sec-menu li{
	border-top:1px #ddd dashed; border-bottom:0px; padding-top:4px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.nav ul li .sec-menu li a {
	background:url(../images/navlibg2.png) 2px center no-repeat; padding-left:15px; font-size:14px;
}
#sec-menu2{
	width:100%;
}
.nav ul li.lastsearch{
	display:block; height:30px; border-bottom:0px; width:100%; background-color:#fff; border:1px #ddd solid; height:auto; margin-top:15px; padding-top:5px; padding-bottom:5px;
}
.nav ul li.lastsearch form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.nav ul li.lastsearch .sealeft{
	padding:0px; width:90%;
}
.nav ul li.lastsearch .seatxt{
	width:100%; height:30px; line-height:30px; padding-left:10px; background-color:#fff;
}
.nav ul li.lastsearch .searight{
	width:10%; padding:0px;
}
.nav ul li.lastsearch .seasub{
	width:100%; height:30px; line-height:30px; text-align:center; background-color:#fff; border:0px;
}
.nav ul li.lastsearch .seasub i{
	position:inherit; font-size:18px; margin-right:10px;
}
.nav ul li.mlanguage{
	display:block; line-height:30px;
}
.nav ul li.mlanguage a{
	display:inline-block; margin-left:3px; margin-right:3px;
}
.nav ul li.mlanguage i{
	position:inherit; font-size:20px; margin-left:0px; color:#de1f20 !important;
}
.index-banner-wrapper .swiper-pagination {
    bottom:15px;
}
.banner .pagination {
	bottom:2%;
}
.banner .swiper-pagination-bullet {
	width: 12px; height: 12px;
}
.about_data{
	width:47%;
}
.about_data{
	width:50%;
}
.about_data li{
	 justify-content: center;
}
.about_data li:nth-of-type(2n){
	padding-left:0px;
}
.probox{
	padding-top:50px; padding-bottom:50px;
}
.productlist{
	margin-top:40px;
}
.scroller-inner {
    width: 350%;
}
.about_left{
	width:100%;
}
.about_content{
	width:100%; margin-top:30px;
}
.culture li{
	padding-left:0px; padding-right:0px; display:block;
}
.culture li .culture_icon{
	width:100%; text-align:center; margin-bottom:15px;
}
.culture li .culture_txt{
	width:100%; padding-left:0px; text-align:center; font-size:22px;
}
.cases li{
	width:18.5%;
}
.com_banner_txt{
	top:40%;
}
.about_data li span{
	font-size:40px;
}
}
@media only screen and (max-width: 1024px) {
.aboutbox{
	padding-top:50px;
}
.about_whitebox{
	margin-top:0px; background: linear-gradient(to bottom, white 0%, transparent 70%); background-repeat: no-repeat;
}
.index_news{
	margin-top:35px; padding-top:10px;
}
.index_news_left{
	width:100%; padding-top:30px; padding-bottom:0px; background:none; border-bottom:1px #e9e9e9 solid; display:flex; display: -webkit-flex; flex-direction:row-reverse ; flex-wrap: wrap; justify-content: space-between;
}
.index_news_left_pic{
	width:35%; 
}
.index_news_left_pic img{
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; 
}
.index_news_left_txt{
	width:60%; padding-left:0px;
}
.index_news_right{
	width:100%; margin-top:30px;
}
.about_info{
	width:100%;
}
.about_data{
	width:100%; margin-top:40px;
}
.about_data li{
	width:50%; text-align:center; padding-top:15px; padding-bottom:15px;
}
.about_data li .about_data_pic{
	width:100%; margin-bottom:6px;
}
.about_data li img{
	margin-right:0px; margin:0 auto;
}
.about_data li p{
	text-align:center;
}
.com_about_data{
	padding-bottom:0px;
}
.com_about_data li{
	width:50%; border-left:1px #cdcdcd solid; border-bottom:1px #cdcdcd solid;
}
.com_about_data li:first-child{
    border-left: 0px;
}
.com_about_data li:nth-child(3n){
    border-left: 0px; border-bottom:0px;
}
.video_bnt{
	width:65px; height:65px;
}
.video_bnt a{
	display:block; line-height:65px; padding-left:18px;
}
.video_bnt i{
	font-size:34px;
}
.partnerbox{
	margin-top:60px;
}
.com_cat li{
	margin-left:25px;
}
.third_cat li a{
	font-size:14px; display:block; height:40px; line-height:40px; border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;-o-border-radius:40px;
}
.product_left h1{
	font-size:26px; padding-bottom:20px;
}
.product_left p{
	margin-top:20px; line-height:24px;
}
.hot_news{
	margin-top:40px;
}
.hot_news .hot_news_txt{
	padding-top:20px; padding-bottom:20px;
}
.hot_news .hot_news_txt a{
	font-size:22px;
}
.hot_news .hot_news_txt p{
	font-size:16px; line-height:30px;
}
.foot_contact{
	width:auto;
}
.copyrights{
	text-align:center; line-height:30px;
}
.copyrights span{
	float:none; display:block;
}
.culture li .culture_icon img{
	width:100%; max-width:90px; height:auto;
}
.service_txt p{
	font-size:14px; line-height:26px;
}
.news_left{
	width:100%;
}
.news_right{
	width:100%;
}
.prenext{
	background-color:#fff; padding:0px; margin-top:40px;
}
.contactus{
	height:auto; background:none;
}
.contactus img{
	display:block;
}
.contact_info{
	position:relative; width:100%; padding-left:0px; padding-right:0px; padding-top:0px; left:inherit; top::inherit; transform: translateY(0%);
}
.contact_info li{
	padding-left:10px;
}
.weibao_service li{
	text-align:center; font-size:20px;
}
.weibao_service li img{
	float:none; margin-left:0px; display:block; margin:0 auto; margin-bottom:20px;
}
.weibao_service li p{
	font-size:16px;
}
}
@media only screen and (max-width: 980px) {
.product{
	border-top:0px; border-bottom:0px; margin-top:50px;
}
.product_left{
	width:100%;
}
.product_left h1{
	font-size:30px;
}
.product_left p{
	font-size:16px; line-height:32px;
}
.product_right{
	width:100%; margin-top:50px;
}
}
@media only screen and (max-width: 860px) {
.header{
	padding-bottom:3px;
}
.logo img{
	width:290px; height:auto;
}
.aboutus .title{
	text-align:center;
}
.aboutus .more{
	margin:0 auto; margin-top:30px;
}
.culturebox .title{
	text-align:center;
}
.casebox .title{
	text-align:center;
}
.textcenter{
	text-align:center;
}
.scroller {
    height: 103px;
}
.honorbox .swiper-next{
	width:40px; height:40px; line-height:40px; position:absolute; right:3%; top:46%; margin-top:-20px;
}
.honorbox .swiper-prev{
	width:40px; height:40px; line-height:40px; position:absolute; left:3%; top:46%; margin-top:-20px;
}
.footbox{
	padding-top:50px; padding-bottom:20px;
}
.foot_logo{
	 justify-content: center;
}
.foot_logo a{
	text-align:center;
}
.foot_tel{
	margin-top:30px;
}
.footer{
	margin-top:40px; padding-top:40px; padding-bottom:40px;
}
.wechat{
	margin:0 auto; margin-top:30px;
}
.foot_nav{
	width:100%; padding-left:5%; padding-right:5%; margin-top:30px; padding-top:30px; border-top:1px #3e3e3e solid;
}
.foot_contact{
	width:100%; padding-left:5%;
}
.backtop{
	display:none !important;
}
.copyrights{
	padding-top:30px;
}
.copyrights br{
	display:block;
}
.bottomkf{
	width:100%; height:auto; z-index:1111; right:0px; _right:0px; position: fixed; _position: absolute; bottom:0px; display:block;
}
.bottomkf li{
	width:20%; height:50px; float:left; background-color:#d91425; text-align:center; color:#fff; margin-bottom:0px; position:relative; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0; position:relative; border-left:1px #e66671 solid;
}
.bottomkf li .wxpic{
	position:absolute; width:100px; height:100px; left:50%; margin-left:-50px; bottom:50px; z-index:10; display:none;
}
.bottomkf li:hover .wxpic{
	display:block;
}
.bottomkf li:first-child{
	border-left:0px;
}
.bottomkf li span{
	display:block;
}
.bottomkf a{
	padding-top:5px; color:#fff; font-size:14px; display:block;
}
.bottomkf a i{
	font-size:18px;
}
.weibao_title{
	margin-top:65px;
}
.service{
	margin-top:45px;
}
.service_pic{
	width:100%;
}
.service_txt{
	width:100%; padding-top:30px; padding-bottom:40px; padding-left:20px; padding-right:20px;
}
.service_txt p{
	font-size:16px; line-height:30px;
}
.pro_cat_title{
	height:55px; line-height:55px; font-size:22px; text-align:left; padding-left:15px;
}
.pro_cat_title i{
	display:block; float:right; font-size:32px; margin-right:15px;
}
.pro_cats{
	display:none;
}
.pro_cats_show{
	display:block;
}
.talent_info_td li{
	width:127px; height:127px;
}
.talent_info_td li div{
	width:111px; height:111px; font-size:20px; padding-top:27px;
}
.concept_pic{
	width:100%;
}
.concept_txt{
	width:100%; margin-top:20px; border-bottom:1px #ddd solid; padding-bottom:50px;
}
.benefit{
	font-size:24px; margin-top:60px;
}
.benefit li{
	padding-top:40px; padding-bottom:40px; padding-left:20px; padding-right:20px; font-size:16px;
}
.benefit li img{
	margin-bottom:20px;
}
.jobstitle{
	height:60px; line-height:60px;
}
.accordion-header {
    height: 55px;
}
.weibao_title{
	font-size:26px;
}
.weibao_txt{
	width:100%; margin-top:20px; border-bottom:1px #ddd solid; padding-bottom:50px;
}
.videobox{
	width:95%; max-height:inherit;
}
.video-js{
	max-height:inherit; width:100%; height:auto;
}
.content .table td{
	line-height:24px; padding-left:10px; padding-right:10px;
}
.content .table td:first-child{
	width:auto;
}
.proxq_pics li{
	width:48%;
}
.proxq_pics5 li{
	width:48%;
}
.proxq_pics2 li{
	width:100%;
}
.proxq_pics3 li{
	width:100%;
}
}
@media only screen and (max-width: 768px) {
.wrap{
	padding-left:20px; padding-right:20px;	
}
.header{
	padding-left:20px; padding-right:20px;
}
.language{
	margin-left:18px;
}
.search_bnt{
	margin-left:18px;
}
.tel_bnt{
	margin-left:18px;
}
.nav{
	top:53px;
}
.scroller {
    height: 92px;
}
.index-banner-wrapper{
	margin-top:55px;
}
.banner{
	margin-top:55px;
}
.com_banner{
	margin-top:55px;
}
.productlist li{
	width:49%;
}
.productlist .itemempty{
    width:49%;
}
.title{
	font-size:32px;
}
.title span{
	font-size:18px;
}
.com_banner_txt{
	font-size:28px; line-height:30px;
}
.com_banner_txt span{
	font-size:16px;
}
.culturebox{
	margin-top:60px; padding-bottom:60px;
}
.casebox{
	padding-top:50px;
}
.casebox .title{
	text-align:center;
}
.mt80{
	margin-top:60px;
}
.talent_info{
	font-size:16px; line-height:32px; margin-top:40px; text-align:left;
}
.talent_info h2{
	font-size:18px;
}
.news_info h1{
	font-size:26px; line-height:36px;
}
.greybox{
	padding-top:50px;
}
.message{
	font-size:20px;
}
.mesg_txt{
	width:100%; margin-bottom:15px;
}
.mesg_text{
	margin-bottom:15px;
}
.code_txt{
	width:160px;
}
.position li{
	margin-left:25px;
}
.hot_news .swiper-pagination-bullet {
    width: 12px; height: 12px;
}
.hot_news .hot_news_pic{
	width:100%;
}
.hot_news .hot_news_txt{
	width:100%;
}
.hot_news .hot_news_txt a{
	font-size:22px;
}

}
@media only screen and (max-width: 640px) {
.wrap{
	padding-left:15px; padding-right:15px;	
}
.header{
	padding-left:15px; padding-right:15px;
}
.logo img{
	width:260px; height:auto;
}
.index-banner-wrapper .swiper-pagination-bullet {
  width: 8px; height: 8px;margin:0 10px;
}
.index-banner-wrapper .swiper-pagination-bullet svg {
  width: 20px; height: 20px; margin-top: -10px; margin-left: -10px;
}
.scroller {
    height: 75px;
}
.com_banner_txt{
	font-size:24px; line-height:26px;
}
.com_banner_txt span{
	font-size:14px;
}
.service_txt h3{
	font-size:22px;
}
.pages ul span.page-numbar a{
	padding-left:14px; padding-right:14px;
}
.pages ul span a{
	color:#555;
	height:36px;
	line-height:36px;
	padding-left:12px;
	padding-right:12px;
	display:inline-block;
	font-size:16px; background-color:#f2f2f2;
}
.pages ul span a:hover{
	height:36px; line-height:36px;
	padding-left:12px;
	padding-right:12px;
}
.pages ul span.page-numbar a:hover{
	padding-left:14px; padding-right:14px;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	padding-left:14px; padding-right:14px;
}
.com_cat{
	border-top:1px #e3e3e3 solid; margin-top:5px; padding-top:15px;
}
.productlist{
	margin-top:5px;
}
.product_left h1{
	font-size:28px;
}
.hot_news .swiper-pagination-bullet {
    width: 10px; height: 10px; margin:5px;
}
.concept{
	margin-top:30px;
}
.position ul{
	float:none; width:100%; border-top:1px #ddd solid; padding-top:5x; margin-top:5px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.position li{
	margin-top:10px; margin-left:0px;
}
.newslist{
	margin-top:30px;
}
.newslist li{
	padding:0px; background:none; border-bottom:1px #ddd dashed; padding-bottom:35px; width:100%;
}
.newslist .newslist_pic{
	width:100%; height:auto; float:none; margin-right:0px;
}
.newslist .news_date{
	bottom:13px; top:auto; right:0px; width:auto; font-size:12px;
}
.newslist .news_date span{
	font-size:22px;
}
}
@media only screen and (max-width: 440px) {
.wrap{
	padding-left:10px; padding-right:10px;	
}
.header{
	padding-left:10px; padding-right:10px;
}
.mnav{
	margin-top:10px;
}
.index_news_left{
	padding-top:15px;
}
.index_news_left_pic{
	width:100%; margin-bottom:20px;
}
.index_news_left_txt{
	width:100%; margin-bottom:25px; padding-left:5px; padding-right:5px;
}
.index_news_right_pic{
	width:100%; margin-bottom:20px;
}
.index_news_right_txt{
	width:100%; padding-left:5px; padding-right:5px;
}
.partnerbox .more{
	margin-top:28px;
}
.partnerbox .more a{
	font-size:14px;
}
.scroller {
    height: 65px;
}
.scroller-inner {
    width: 440%;
}
.scroller-inner li {
    padding-top:5px;
}
.more a{
	width:115px; height:35px; line-height:35px; font-size:14px; border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;-o-border-radius:35px;
}
.product_left h1{
	font-size:24px;
}
.solution_wrap{
	padding-left:10px; padding-right:10px;
}
.language{
	display:none;
}
.search_bnt{
	margin-left:18px;
}
.tel_bnt{
	margin-left:18px;
}
.search{
	right:15px;
}
.toptel{
	right:15px;
}
.pro_cat_title{
	font-size:20px; font-weight:bolder;
}
.productlist li{
	width:100%;
}
.productlist .itemempty{
    width:100%;
}
.title{
	font-size:26px;
}
.title span{
	font-size:16px;
}
.com_banner_txt{
	font-size:20px; line-height:24px;
}
.com_banner_txt span{
	font-size:12px;
}
.com_banner img{
	height:130px; width:auto;
}
.aboutbox .title{
	padding-left:15px;
}
.about_info{
	padding-left:5px; padding-right:5px;
}
.aboutus .title{
	font-size:24px;
}
.foot_logo img{
	width:90%; height:auto; margin:0 auto !important;
}
.foot_tel{
	background:url(../images/foot_telbg.png) left center no-repeat; -moz-background-size:50px auto;  background-size:50px auto; padding-left:65px;
}
.foot_tel a{
	font-size:24px;
}
.foot_nav{
	padding-left:1%; padding-right:1%;
}
.foot_nav li h3 a{
	font-size:18px;
}
.foot_nav li a{
	font-size:14px; line-height:34px;
}
.foot_contact{
	padding-left:1%;
}
.foot_contact h3{
	font-size:18px; margin-bottom:20px;
}
.culture li{
	width:100%; margin-bottom:30px;
}
.cases li{
	width:31%; margin-bottom:15px;
}
.position a:first-child{
	padding-top:12px; padding-bottom:12px; 
}
.position a{
	padding-top:12px; padding-bottom:12px;
}
.position li a{
	font-size:18px;
}
.talent_info_td li{
	margin-bottom:20px;
}
.news_info h1{
	font-size:20px; line-height:34px;
}
.message{
	font-size:18px;
}
.mesg_txt{
	height:46px; line-height:46px;
}
.checkcode{
	height:46px !important; width:auto;
}
.mesg_sub{
	width:100%; height:46px; font-size:16px;
}
.about_data li span{
	font-size:36px;
}
.content table{
	width:100% !important;
}
.content h4{
	font-size:20px;
}
.benefit{
	font-size:20px;
}
.benefit li{
	width:100%; margin-bottom:15px;
}
.contact_info li{
	width:100%;
}
.weibao_txt h2{
	font-size:20px;
}
.weibao_service li{
	width:100%; margin-bottom:15px; padding:15 10px;
}
.weibao_title{
	font-size:24px;
}
.pro_prenext{
	padding-bottom:15px;
}
.pro_prenext li{
	width:100%; margin-bottom:10px;
}
.jobstitle li{
	font-size:16px;
}
.accordion-title li{
	font-size:14px;
}
.accordion-icon {
    font-size: 1rem;
}
.jobs_content{
	padding-left:15px; padding-right:15px; padding-top:10px;
}
.position li{
	width:50%;
}
}