@charset "utf-8";

html{width:100%; height:100%;scroll-behavior: smooth;}
body{ color:#262626; background:#fff; font-size:16px; font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif;}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
img{ border:none; max-width:100%; vertical-align: bottom;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.tr{ text-align: right;}
.tc{ text-align: center;}
a{ color:#262626; text-decoration: none;}
a:hover{ color:#262626;}

@font-face {
	font-family: GothamBold;
	src: url(../fonts/Gotham-Bold.otf);
}
@font-face {
	font-family: RajdhaniSemiBold;
	src: url(../fonts/Rajdhani-SemiBold.ttf);
}
@font-face {
	font-family: RajdhaniBold;
	src: url(../fonts/Rajdhani-Bold.ttf);
}

input,select,textarea{ border: 0; outline: none;}


/* 首页 */

.top{ width: 100%; position: absolute; top: 0; z-index: 2;}
.top_contact{ width: 262px; height: 90px; overflow: hidden; display: block; position: fixed; top: 86px; right: -86px; transform: rotate(-90deg); background-color: #b82229; z-index: 4;}
.top_contact span{ width: 150px; height: 20px; line-height: 20px; font-size: 17px; text-align: center;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; z-index: 2; color: #fff; display: block;}
.anmi1{ animation: anmi 0.3s linear; -moz-animation: anmi 0.3s linear; -webkit-animation: anmi 0.3s linear; -o-animation: anmi 0.3s linear;}
.anmi2{ animation: anmi2 0.3s linear; -moz-animation: anmi2 0.3s linear; -webkit-animation: anmi2 0.3s linear; -o-animation: anmi2 0.3s linear;}
@keyframes anmi{
	0%   { top: 50%; opacity: 1;}
	50%  { top: 60%; opacity: 0.5;}
	100% { top: 50%; opacity: 1;}
}
@-moz-keyframes anmi{
	0%   { top: 50%; opacity: 1;}
	50%  { top: 60%; opacity: 0.5;}
	100% { top: 50%; opacity: 1;}
}
@-webkit-keyframes anmi{
	0%   { top: 50%; opacity: 1;}
	50%  { top: 60%; opacity: 0.5;}
	100% { top: 50%; opacity: 1;}
}
@-o-keyframes anmi{
	0%   { top: 50%; opacity: 1;}
	50%  { top: 60%; opacity: 0.5;}
	100% { top: 50%; opacity: 1;}
}
@keyframes anmi2{
	0%   { top: 50%; opacity: 1;}
	50%  { top: 60%; opacity: 0.5;}
	100% { top: 50%; opacity: 1;}
}
@-moz-keyframes anmi2{
	0%   { top: 50%; opacity: 1;}
	50%  { top: 60%; opacity: 0.5;}
	100% { top: 50%; opacity: 1;}
}
@-webkit-keyframes anmi2{
	0%   { top: 50%; opacity: 1;}
	50%  { top: 60%; opacity: 0.5;}
	100% { top: 50%; opacity: 1;}
}
@-o-keyframes anmi2{
	0%   { top: 50%; opacity: 1;}
	50%  { top: 60%; opacity: 0.5;}
	100% { top: 50%; opacity: 1;}
}

.top_contact::before{ content: ""; width: 100%; height: 100%; display: block; background-color: #e21f2c; top: 0; position: absolute;
 z-index: -2; transition: top 0.3s ease-in-out;}
.top_contact::after{ content: ""; width: 100%; height: 100%; display: block; background-color: #b82229; top: 100%; position: absolute;
 z-index: -1;}
.top_contact:hover::before{ top: 100%; transition-delay: 0.3s;}
.top_contact:hover::after{ top: 0; transition: top 0.3s ease-in-out;}
.top_contact:hover{ color: #fff;}
.logo{ position: absolute; top: 28px; left: 50px; z-index: 2;}
.nav{ margin: 28px 145px 0 0; float: right;}
.nav ul{ float: left;}
.nav ul li{ display: inline-block; padding-right: 60px;}
.nav ul li a{ line-height: 50px; font-size: 17px; color: #fff; position: relative; display: block; transition: 0.3s ease-in-out;}
.nav ul li a::after{ content: ""; width: 0; height: 2px; position: absolute; left: 50%; bottom: 0; background-color: #fff; transition: 0.3s ease-in-out;}
.nav ul li:hover a::after,.nav ul li.selected a::after{ width: 100%; left: 0;}
.nav_icon{ padding-top: 15px; box-sizing: border-box; float: left; cursor: pointer;}
.nav_icon::before,.nav_icon::after{ content: ""; width: 90px; height: 1px; background-color: #fff; margin: 6px 0; display: block;}
.nav_box{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none;}
.nav_close{ width: 100px; height: 100px; position: absolute; top: 34px; right: 34px; cursor: pointer; z-index: 2;}
.nav_close::before,.nav_close::after{ content: ""; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background-color: #000;}
.nav_close::before{ -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.nav_close::after{ -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg); transition: 0.3s ease-in-out;}
.nav_close:hover::after{ -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -ms-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);}
.nav_left{ width: 50%; height: 100%; float: left; background-color: #e21f2c;}
.nav_left_list{ padding: 22% 24% 10% 24%; height: 100%; box-sizing: border-box;}
.nav_left_list li{ height: 14%; position: relative;}
.nav_left_list li dl{ display: none;}
.nav_left_list li>a{ width: 100%; display: block; color: #ffa4aa; font-size: 44px; position: absolute; top: 50%; transform: translateY(-50%);}
.nav_left_list li>a::after{ content: ""; width: 30px; height: 15px; display: block; background: url(../images/nav_arrow.png) no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; opacity: 0; transition: 0.3s ease-in-out;}
.nav_left_list li>a::before{ display: none;}
.nav_left_list li>a:hover,.nav_left_list li.active>a{ color: #fff;}
.nav_left_list li>a:hover::after,.nav_left_list li.active>a::after{right: 0; opacity: 1;}
.nav_right{ width: 50%; height: 100%; float: left; background-color: #fff; position:relative;}
.nav_right_top{ padding: 38px 0 0 36px; line-height: 32px;}
.nav_language{ float: left; font-size: 18px; font-weight: bold; color: #787878;}
.nav_language a{ margin: 0 10px; color: #787878;}
.nav_language a:hover,.nav_language a.current{ color: #e21f2c;}
.nav_search{ float: left; background-color: #e21f2c; color: #fff; border-radius: 32px; padding: 0 24px; box-sizing: border-box; margin-left: 30px;}
.nav_search input{ width: 150px; line-height: 32px; background-color: #e21f2c; border: 0; color: #fff; transition: 0.3s ease-in-out;}
.nav_search input:-moz-placeholder{ color: #fff;}
.nav_search input:-ms-input-placeholder{ color: #fff;}
.nav_search input::-webkit-input-placeholder{ color: #fff;}
.nav_search span{ position: relative; padding-left: 25px; background: url(../images/nav_search.png) no-repeat 0 center; cursor: pointer;}
.nav_img{ width:100%; position:absolute; bottom:0; left:0;}
.nav_img_contact{ width: 490px; height: 100px; padding: 20px 0 0 30px; display: block; box-sizing: border-box; color: #fff; position: absolute; right: 0; bottom: 0; background-color: #e21f2c; transition: 0.3s ease-in-out;}
.nav_img_contact::before{ content: ""; width: 30px; height: 15px; display: block; background: url(../images/nav_arrow.png) no-repeat; position: absolute; right: 30px; bottom: 15px; transition: 0.3s ease-in-out;}
.nav_img_contact:hover{ color:#fff;}
.nav_img_contact:hover::before{ right: 50px;}
.navbar{ width: 445px; margin: 10% 0 0 16%;}
.navbar li a{ width: 100%; height: 80px; line-height: 80px; font-size: 30px; display: block; border-bottom: 2px solid #fff;}
.navbar li.selected a{ color: #e21f2c; border-color: #e21f2c;}
.nav_right .swiper-slide{ height: auto; background-color: #fff;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.nav_close{ width: 80px; height: 80px; top: 20px; right: 20px;}
	.nav_img_contact{ width: 392px; height: 80px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.nav_close{ width: 60px; height: 60px; top: 20px; right: 20px;}
	.top_contact{ width: 233px; height: 80px; line-height: 80px; top: 76px; right: -76px;}
	.nav_search input{ width: 70px;}
	.nav ul li{ padding-right: 40px;}
	.nav_left_list li a{ font-size: 32px;}
	.navbar li a{ height: 60px; line-height: 60px; font-size: 26px;}
	.nav_img_contact{ width: 343px; height: 70px;}
}
@media screen and (max-width:1024px){
	.nav ul{ display: none;}
}

@media screen and (max-width:1024px) and (min-width:801px){
	.top_contact{ width: 204px; height: 70px; line-height: 70px; top: 67px; right: -77px;}
	.nav{ margin-right: 90px;}
	.nav_icon{ border-bottom: 1px solid #fff;}
	.nav_close{ width: 60px; height: 60px; top: 20px; right: 20px;}
	.nav_left_list{ padding: 22% 20% 5% 20%;}
	.nav_left_list li a{ font-size: 26px;}
	.navbar li a{ height: 40px; line-height: 40px; font-size: 20px;}
	.nav_language{ float: none;}
	.nav_language a{ margin: 0 5px;}
	.nav_search{ width: 264px; margin-left: 0; float: none;}
	.nav_img_contact{ width: 294px; height: 60px;}
}
@media screen and (max-width:800px) {
	.top_contact{ display: none;}
	.logo{ height: 36px; left: 20px; top: 20px;}
	.nav{ margin: 26px 20px 0 0;}
	.nav_icon{padding-top:0; border-bottom: 1px solid #fff;}
	.nav_icon::before, .nav_icon::after{ width: 60px;}
	.nav_close{ width: 40px; height: 40px; top: 20px; right: 20px;}
	.nav_close::before, .nav_close::after{ background-color: #fff;}
	.nav_box{ background-color: #e21f2c;}
	.nav_left{ width: 100%; height: auto;}
	.nav_right{ width: 100%; height: auto; background-color: #e21f2c;}
	.nav_left_list{ padding: 80px 20px 20px 20px;}
	.nav_left_list li{ height: auto;}
	.nav_left_list li>a{ font-size: 16px; line-height: 30px; position: relative; transform: none; top: 0; color: #fff; opacity: 0.8;}
	.nav_left_list li.on>a{ opacity: 1;}
	.nav_left_list li>a::before{ content: ""; width: 15px; height: 15px; display: block; background: url(../images/nav_arrow_phone.png) no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
	.nav_left_list li>a::after{ display: none;}
	.nav_left_list li dl{ padding: 10px 16px;}
	.nav_left_list li dl dd a{ width: 100%; color: #fff; line-height: 30px; display: block;}
	.nav_right_top{ padding: 0 20px 20px 20px;}
	#navbar{ display: none;}
	.nav_language{ color: #fff; font-size: 16px; font-weight:normal; float: none;}
	.nav_language a{ color: #fff; opacity: 0.7;}
	.nav_language a:hover, .nav_language a.current{ color: #fff; opacity: 1;}
	.nav_search{ float: none; margin-left: 0; background-color: rgba(255, 255, 255, 0.3); border-radius: 5px; margin-top: 6px;}
	.nav_search input{ width: 150px; background-color: rgba(255, 255, 255, 0);}
	.nav_search span{ float: right;}
	.nav_img{ position: relative;}
	.nav_img_contact{ display: none;}
}



/* banner */
.banner_phone{ display: none;}
.banner .swiper-slide{ position: relative;}
.banner .img{ width: 100%; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
	100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
	100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.banner .swiper-slide-active .img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}

.banner_ad{ width: 100%; padding: 0 50px; box-sizing: border-box; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; color: #fff;}
.banner_ad p.ad1{ font-size: 90px; font-weight: bold;}
.banner_ad p.ad2{ font-size: 44px; font-family: "RajdhaniSemiBold"; position: relative; top: -12px;}

.banner_page{ width: 100%; padding: 0 50px; box-sizing: border-box; height: 40px; position: absolute; z-index: 2; left: 0; bottom: 80px;}
.banner_page .swiper-button-next, .banner_page .swiper-button-prev{ width: 20px; height: 40px; overflow: hidden; position: relative; left: auto; right: auto; top: 7px; margin-top: 0; float: left;}
.banner_page .swiper-button-prev:after, .banner_page .swiper-button-next:after{ width: 20px; height: 40px; content: "";}
.banner_page .swiper-button-prev:after{ background: url(../images/banner_arrow.png) -20px center no-repeat; transition: 0.2s ease-in-out;}
.banner_page .swiper-button-prev:hover:after{ background: url(../images/banner_arrow.png) 0 center no-repeat;}
.banner_page .swiper-button-next:after{ background: url(../images/banner_arrow.png) -60px center no-repeat; transition: 0.3s ease-in-out;}
.banner_page .swiper-button-next:hover:after{ background: url(../images/banner_arrow.png) -40px center no-repeat;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ width: 140px; right: 0; bottom: 0; left: 0; font-size: 15px; position: relative; color: #fff; font-family: "GothamBold"; float: left;}
.banner .swiper-pagination-current{ font-size: 30px; position: relative; top: 9px; margin-right: 8px;}
.banner .swiper-pagination-total{ font-size: 18px; position: relative; top: 2px;}
.banner .swiper-pagination-current::before,.banner .swiper-pagination-total::before{ content: "0";}

@media screen and (max-width:1480px) and (min-width:1281px){
	.banner_ad p.ad1{ font-size: 80px;}
	.banner_ad p.ad2{ font-size: 34px;}
	.banner_page{ bottom: 50px;}
	
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.banner_ad p.ad1{ font-size: 70px;}
	.banner_ad p.ad2{ font-size: 30px;}
	.banner_page{ bottom: 40px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.banner_ad p.ad1{ font-size: 60px;}
	.banner_ad p.ad2{ font-size: 24px;}
	.banner_page{ bottom: 30px;}
}
@media screen and (max-width:800px){
    .banner_pc{ display: none;}
    .banner_phone{ display: block;}
	.banner_ad,.banner_page{ padding: 0 30px;}
	.banner_ad p.ad1{ font-size: 40px;}
	.banner_ad p.ad2{ font-size: 19px; top:-3px;}
	.banner_page{ bottom: 20px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ width: 115px;}
}

.box1{ position: relative;}
.box1_left{ width: 50%; height: 100%; position: absolute; top: 0; left: 0;}
.box1_left_box{ width: 58%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.box1_left_box .title{ margin-bottom: 35px;}
.title dt{ font-size: 18px; color: #898989;}
.title dd{ font-size: 48px; font-weight: bold;}
.box1_text{ height: 280px;}
.box1_text p{ line-height: 26px; color: #838383; margin-bottom: 25px; text-align: justify;}
.more{ width: 144px; height: 48px; line-height: 48px; padding-left: 22px; display: block; box-sizing: border-box; background: -webkit-linear-gradient(328deg,#e92027 40%,#81040d); border-radius: 48px; color: #fff; position: relative;}
.more::after{ content: ""; width: 14px; height: 14px; display: block; background: url(../images/box1_button_arrow.png) no-repeat; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); transition: 0.3s ease-in-out;}
.more:hover::after{ right: 35px;}
.more:hover{ color: #fff;}
.box1_right{ width: 50%; float: right;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.box1_left_box{ width: 70%;}
	.box1_text{ height: 180px;}
	.box1_left p:nth-child(2){ display:none;}
}

@media screen and (max-width:1280px) and (min-width:801px){
	.box1_left_box{ width: 70%;}
	.box1_text{ height: 104px; overflow: hidden; margin-bottom: 30px;}
	.box1_left p:nth-child(2){ display:none;}
	.title dd{ font-size: 36px;}
	.more{ height: 40px; line-height: 40px; border-radius: 40px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.box1_left_box{ width: 78%;}
	.box1_text{ height: 78px;}
	.box1_left_box .title{ margin-bottom: 25px;}
}
@media screen and (max-width:800px){
	.box1_left{ width: 100%; position: relative; height: auto; padding: 40px 0;}
	.box1_left_box{ width:100%; position: relative; top: 0; left:0; transform: inherit;}
	.title{ text-align: center;}
	.title dd{ font-size: 24px;}
	.box1_left_box .title{ margin-bottom: 25px;}
	.box1_text{ height: auto; padding: 0 20px;}
	.box1_right{ width: 100%; float:none;}
	.more{ height: 40px; line-height: 40px; border-radius: 40px; margin: 0 auto;}
}
.box2{ position: relative;}
.box2_left{ width: 50%; float: left;}
.box2_right{ width: 50%; height: 100%; position: absolute; top: 0; right: 0;}
.box2_right ul{ width: 76%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.box2_right ul li{ width: 36.3%; float: left;}
.box2_right ul li:nth-child(3){ width: 27.3%;}
.box2_right ul li dl dt{ position: relative; padding-right: 30px; float: left; }
.box2_right ul li:nth-child(1) dl dt{ padding-right: 30px;}
.box2_right ul li dl dt span{ font-family: "RajdhaniSemiBold"; font-size: 70px;
	background: -webkit-linear-gradient(328deg,#e92027 40%,#81040d);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.box2_right ul li dl dt em{ font-size: 24px; font-weight: bold; position: absolute; top: 6px; right: 8px; font-style: normal; color: #81040d;}
.box2_right li dl dd{ float: left; position: relative; top: 44px;}s
.box2_right p{ font-size: 20px;}

@media screen and (max-width:1480px) and (min-width:1281px){
	.box2_right ul{ width: 80%;}
	.box2_right ul li dl dt span{ font-size: 60px;}
	.box2_right li dl dd{ top: 35px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.box2_right ul{ width: 80%;}
	.box2_right ul li dl dt em{ top: 0;}
	.box2_right ul li dl dt span{ font-size: 50px;}
	.box2_right li dl dd{ top: 27px;}
	.box2_right p{ font-size: 18px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.box2_right ul{ width: 90%;}
	.box2_right ul li dl dt em{ top: 0;}
	.box2_right ul li dl dt span{ font-size: 40px;}
	.box2_right li dl dd{ top: 27px;}
	.box2_right p{ font-size: 16px;}
}
@media screen and (max-width:801px){
	.box2_right{ width: 100%; position: relative; height: auto; padding: 30px 0;}
	.box2_right ul{ width:100%; position: relative; top: 0; left:0; transform: inherit; padding: 0 20px; box-sizing: border-box;}
	.box2_right ul li:nth-child(1){ width: 31.3%;}
	.box2_right ul li:nth-child(2){ width: 33.3%;}
	.box2_right ul li:nth-child(3){ width: 35.3%;}
	.box2_right ul li dl{ text-align: center;}
	.box2_right ul li dl dt{ padding-right: 15px;}
	.box2_right ul li dl dt em{ font-size: 18px; right: 0; top: 0;}
	.box2_right ul li dl dt span{ font-size: 32px;}
	.box2_right li dl dd{ font-size: 14px; top: 13px;}
	.box2_right p{ font-size: 16px;}
	.box2_left{ width: 100%;}
}

.box3{ width: 100%; padding: 160px 0 340px 0; background-color: #f0f0f0; overflow: hidden;}
.box3 .swiper-container{ overflow: visible;}
.box3 .swiper-slide{ width:79%;}
.box3 .swiper-slide::before{ content: ""; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); display: block; position: absolute;}
.box3 .swiper-slide-active::before{ display: none;}
.box3_img{ width: 100%; height: 100%; display: block; overflow: hidden;}
.box3_img img{ transition: 0.2s ease-in-out;}
.box3_img img:hover{ transform: scale(1.1);}
.box3_page{ width:180px; margin:0 auto;}
.box3_page .swiper-button-next,.box3_page .swiper-button-prev{ position: relative; top: 0; margin-top: 0; left: 0; float:left; width: 90px; height: 90px;}
.box3_page .swiper-button-prev{ background-color: #e92027;}
.box3_page .swiper-button-next{ background-color: #a4151f;}
.box3_page .swiper-button-next:after,.box3_page .swiper-button-prev:after{ display: none;}
.box3_page .swiper-button-prev::before,.box3_page .swiper-button-next::before{ content: ""; width: 25px; height: 25px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.box3_page .swiper-button-prev::before{ background: url(../images/box3_arrow.png) 0 center no-repeat; transition: 0.2s ease-in-out;}
.box3_page .swiper-button-prev:hover::before{ background: url(../images/box3_arrow.png) -25px center no-repeat;}
.box3_page .swiper-button-next::before{ background: url(../images/box3_arrow.png) -50px center no-repeat; transition: 0.2s ease-in-out;}
.box3_page .swiper-button-next:hover::before{ background: url(../images/box3_arrow.png) -75px center no-repeat;}

.box3_title{ width:145px; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.6); display: none;}
.box3_title p{ width: 320px; padding-left: 70px; line-height: 57px; transform: rotate(-90deg); color: #fff; font-size: 40px; position: absolute; top: 162px; left: -118px;}
.box3_title p.box3_icon1::before{ content: ""; width: 57px; height: 57px; display: block; position: absolute; top: 0; left: 0; background: url(../images/box3_icon1.png) no-repeat; background-size: contain;}

.box3_main{ width: calc(50vw - 95px); padding-top: 70px; padding-right: calc(10vw + 10px); padding-bottom: 80px; padding-left: 78px; box-sizing: border-box; background-color: #fff; position: absolute; left: 50%; top: 50%; margin-left: 90px; z-index: 2; display: none;}
.box3_top{ position: relative; margin-bottom: 50px;}
.box3_top .more{ position: absolute; bottom: 10px; right: 0;}
.box3_list{ border-top: 1px solid #000; min-height: 356px;}
.box3_list li a{ height: 88px; line-height: 88px; font-size: 24px; display: block; border-bottom: 1px solid #000; padding-left: 12px; box-sizing: border-box; position: relative;}
.box3_list li a:hover{ background-color: #e92027; color: #fff;}
.box3_list li a::after{ content: ""; width: 30px; height: 15px; display: block; background: url(../images/nav_arrow.png) no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 45px; opacity: 0; transition: 0.3s ease-in-out;}
.box3_list li a:hover::after{right: 25px; opacity: 1;}
.box3 .swiper-slide-active .box3_title,.box3 .swiper-slide-active .box3_main{ display: block;}

@media screen and (max-width:1710px) and (min-width:1025px){
	.box3 .title dd{font-size:40px;}
	.box3 .more{ height: 40px; line-height: 40px; border-radius: 40px;}
	.box3_main{ padding-top: 50px; padding-left: 50px;}
}
@media screen and (max-width:1480px) and (min-width:801px){
	.box3 .more{ display: none;}
}
@media screen and (max-width:1480px) and (min-width:1025px){
	.box3_page{ width: 160px;}
	.box3_page .swiper-button-next, .box3_page .swiper-button-prev{ width:80px; height: 80px;}
	.box3_main{ width: calc(50vw - 80px); margin-left: 80px;}
}
@media screen and (max-width:1480px) and (min-width:1281px){
	.box3{ padding: 100px 0 320px 0;}	
}
@media screen and (max-width:1280px) and (min-width:801px){
	.box3 .title dd{font-size:30px;}
	.box3_list{ min-height: 284px;}
	.box3_list li a{ height: 70px; line-height: 70px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.box3{ padding: 100px 0 300px 0;}
	.box3_title{ width: 120px;}
	.box3_title p{ font-size: 34px; left: -121px; top: 115px; padding-left: 50px; line-height: 40px;}
	.box3_title p.box3_icon1::before{ width: 40px; height: 40px;}
	.box3 .swiper-slide{ width: 86%;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.box3_title{ width: 100px;}
	.box3_title p{ font-size: 28px; left: -131px; top: 70px; padding-left: 47px; line-height: 36px;}
	.box3_title p.box3_icon1::before{ width: 36px; height: 36px;}
	.box3 .title dd{font-size:26px;}
	.box3{ padding: 60px 0 200px 0;}
	.box3_top{ margin-bottom: 30px;}
	.box3_main{ padding-top: 30px; padding-left: 30px; padding-bottom: 50px;}
	.box3_list{ min-height: 244px;}
	.box3_list li a{ height: 60px; line-height: 60px; font-size: 20px;}
	.box3_page{ width: 120px;}
	.box3_page .swiper-button-next, .box3_page .swiper-button-prev{ width:60px; height: 60px;}
	.box3_main{ width: calc(50vw - 60px); margin-left: 60px;}
}
@media screen and (max-width:800px){
	.box3{ padding: 50px 0;}
	.box3_title{ width: 50px; height: 50%;}
	.box3_title p{ width: 118px; font-size: 16px; left: -46px; top: 66px; padding-left: 26px; line-height: 22px;}
	.box3_title p.box3_icon1::before{ width: 22px; height: 22px;}
	.box3_main{ width: 100%; position: relative; top: 0; left: 0; margin-left: 0; padding: 10px 20px 30px 20px; display: block;}
	.box3_top{ display: none;}
	.box3_list{ border-top: 0;}
	.box3_list{ min-height: 204px;}
	.box3_list li a{ font-size: 16px; height: 50px; line-height: 50px;}
	.box3_page{ width: 100px;}
	.box3_page .swiper-button-next, .box3_page .swiper-button-prev{ width:50px; height: 50px;}
}

.box4{ width:79%; margin: 110px auto;}
.box4_headline{ margin: 70px 0 90px 0; position: relative; background-color: #f0f0f0;}
.box4_headline_bg{ width: 34%; height: 79%; background: url(../images/box4_bg.png) no-repeat right bottom; background-size: contain; position: absolute; right: 0; bottom: 20px;}
.box4_headline_left{ width: 66%; overflow: hidden; float: left;}
.box4_headline_left img{ transition: 0.2s ease-in-out;}
.box4_headline_left img:hover{ transform: scale(1.1);}
.box4_headline_right{ width: 34%; height: 100%; position: absolute; top: 0; right: 0; padding: 45px 45px 0 45px; box-sizing: border-box; z-index: 2;}
.box4_headline dl{ color: #898989;}
.box4_headline dl dt{ width: 50%; float: left;}
.box4_headline dl dd{ width: 50%; float: left; text-align: right;}
.box4_headline_main{ width: 100%; padding: 0 45px; box-sizing: border-box; position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%);}
.box4_headline_main h2{ font-size: 32px; margin-bottom: 40px;}
.box4_headline_main p{ font-size: 14px; color: #8c8c8c; line-height: 22px; height: 66px; overflow: hidden; text-align: justify;}
.box4_headline_main h2 a{ transition: 0.2s ease-in-out;}
.box4_headline_main h2 a:hover{ color: #e92027;}
.box4_list li{ width: 33.3%; box-sizing: border-box; float: left; background-color: #fff;}
.box4_list a:nth-child(1) li{ padding-right: 24px;}
.box4_list a:nth-child(2) li{ padding: 0 12px;}
.box4_list a:nth-child(3) li{ padding-left: 24px;}
.box4_list_main{ width: 100%; box-shadow: 0 8px 51px #f0f0f0;}
.box4_list_img{ overflow: hidden;}
.box4_list_img img{ transition: 0.2s ease-in-out;}
.box4_list_img img:hover{ transform: scale(1.1);}
.box4_list_text{ padding: 30px 26px; box-sizing: border-box;}
.box4_list_text h2{ font-size: 26px; line-height: 32px; height: 64px; overflow: hidden; margin-bottom: 10px;}
.box4_list_text h2 a{ transition: 0.2s ease-in-out;}
.box4_list_text h2 a:hover{ color: #e92027;}
.box4_list_text p{ font-size: 14px; color: #8c8c8c; line-height: 22px; height: 44px; text-align: justify; overflow: hidden;}
.box4 .more{ position: absolute; left: 45px; bottom: 12%;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.box4{ margin: 90px auto;}
	.box4_headline_main h2{ font-size: 28px; margin-bottom:20px;}
	.box4_list_text h2{ font-size: 22px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.box4{ margin: 70px auto;}
	.box4_headline{ margin: 50px 0 70px 0;}
	.box4_headline_main h2{ font-size: 24px; margin-bottom:20px;}
	.box4_list_text h2{ font-size: 22px;}
	.box4_list a:nth-child(1) li{ padding-right: 20px;}
	.box4_list a:nth-child(2) li{ padding: 0 10px;}
	.box4_list a:nth-child(3) li{ padding-left: 20px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.box4{ margin: 50px auto;}
	.box4_headline{ margin: 30px 0 40px 0;}
	.box4_headline_main h2{ font-size: 20px; margin-bottom:20px;}
	.box4_headline_right{ padding: 30px 30px 0 30px;}
	.box4_headline_main{ padding: 0 30px;}
	.box4 .more{ left: 30px;}
	.box4_list_text{ padding: 20px;}
	.box4_list_text h2{ font-size: 18px; line-height: 26px; height: 52px;}
	.box4_list a:nth-child(1) li{ padding-right: 16px;}
	.box4_list a:nth-child(2) li{ padding: 0 8px;}
	.box4_list a:nth-child(3) li{ padding-left: 16px;}
}
@media screen and (max-width:800px){
	.box4{ width: 100%; margin: 40px auto;}
	.box4_headline{ margin: 30px 0;}
	.box4_headline_left{ width: 100%; float: none;}
	.box4_headline_right{ width: 100%; padding: 30px 20px; height: auto; position: relative;}
	.box4_headline_main{ padding: 20px 0; position: relative; top: 0; left: 0; transform: inherit;}
	.box4_headline_main h2{ font-size: 20px; margin-bottom:10px;}
	.box4 .more{ position: relative; left: 0; bottom: 0; margin: 0;}
	.box4_list li{ width:100%;}
	.box4_list a:nth-child(1) li,.box4_list a:nth-child(2) li,.box4_list a:nth-child(3) li{ padding:0;}
	.box4_list_text{ padding: 20px;}
	.box4_list_text h2{ font-size: 18px; line-height: 26px; height: auto;}
	.box4_list_text p{ height: auto;}
}

.box5{ width: 100%; background: url(../images/box5_bg.jpg) no-repeat; padding: 126px 0;}
.box5_list{ width: 79%; margin: 0 auto;}
.box5_list li{ width: 50%; box-sizing: border-box; float: left;}
.box5_list li:nth-child(1){ padding-right: 15px;}
.box5_list li:nth-child(2){ padding-left: 15px;}
.box5_list_main{ position: relative;}
.box5_list_con{ width: 100%; padding:0 50px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.box5_list_con dl{ padding-bottom: 30px;}
.box5_list_con dl dt{ font-size: 42px; font-weight: bold;}
.box5_list_con dl dd{ font-size: 18px;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.box5{ padding: 90px 0;}
	.box5_list_con dl{ padding-bottom: 20px;}
	.box5_list_con dl dt{ font-size: 38px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.box5{ padding: 70px 0;}
	.box5_list_con{ padding: 0 30px;}
	.box5_list_con dl{ padding-bottom: 20px;}
	.box5_list_con dl dt{ font-size: 30px;}
	.box5_list_con dl dd{ font-size: 16px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.box5{ padding: 50px 0;}
	.box5_list_con{ padding: 0 30px;}
	.box5_list_con dl{ padding-bottom: 15px;}
	.box5_list_con dl dt{ font-size: 24px;}
	.box5_list_con dl dd{ font-size: 16px;}
}
@media screen and (max-width:800px){
	.box5{ padding: 0 0 40px 0;}
	.box5_list{ width: 100%;}
	.box5_list li{ width: 100%;}
	.box5_list li:nth-child(1){ margin-bottom: 20px;}
	.box5_list li:nth-child(1),.box5_list li:nth-child(2){ padding: 0;}
	.box5_list_con{ padding: 0 20px;}
	.box5_list_con dl{ padding-bottom: 15px;}
	.box5_list_con dl dt{ font-size: 24px;}
	.box5_list_con dl dd{ font-size: 16px;}
	.box5 .more{ margin: 0;}
}

.bottom{ width: 100%; background-color: #252525; color: #9c9c9c;}
.bottom_box{ width: 79%; margin: 0 auto;}
.bottom_top{ padding: 90px 0 60px 0; border-bottom: 1px solid #525252;}
.bottom_logo{ float: left;}
.bottom_icon{ width: 420px; padding-top: 10px; float: right; position: relative;}
.bottom_icon span{ line-height: 26px; float: right;}
.bottom_icon a{ content: ""; width: 26px; height: 26px; display: inline-block; margin-left: 30px; float: right; cursor: pointer;}
.bottom_icon a:nth-child(1){ background: url(../images/bottom_icon4.png) no-repeat; background-size: contain;}
.bottom_icon a:nth-child(2){ background: url(../images/bottom_icon5.png) no-repeat; background-size: contain;}
.bottom_icon_code{ width: 130px; height: 130px; background-color: #fff; box-sizing: border-box; display: none; position: absolute; top: 40px; right: 0;}
.bottom_list{ padding: 72px 0 200px 0;}
.bottom_list li{ padding-left: 78px; box-sizing: border-box; line-height: 36px; float: left;}
.bottom_list li:nth-child(1){ width:11.2%; padding-left: 0;}
.bottom_list li:nth-child(2){ width:16.2%;}
.bottom_list li:nth-child(3){ width:18.2%;}
.bottom_list li:nth-child(4){ width:15.2%;}
.bottom_list li:nth-child(5){ width:14.2%;}
.bottom_list li:nth-child(6){ width:14.2%;}
.bottom_list li:nth-child(7){ width:10.2%; text-align: right; padding-left: 0;}
.bottom_list li dl dt a{ color: #fff;}
.bottom_list li dl dt a:hover{ color: #fff; text-decoration: underline;}
.bottom_list li dl dd a{ color: #9c9c9c;}
.bottom_list li dl dd a:hover{ color: #9c9c9c; text-decoration: underline;}
.copyright{ width: 100%; border-top: 1px solid #525252; background-color: #252525; color: #9c9c9c; font-size: 14px; padding: 15px 0 25px 0; line-height: 20px;}
.copyright_main{ width: 79%; margin: 0 auto;}
.copyright_main span{ padding-right: 10px;}

@media screen and (max-width:1280px) and (min-width:1025px){
	.bottom_top{ padding: 70px 0 50px 0;}
	.bottom_list{ padding: 60px 0 150px 0;}
	.bottom_list li{ padding-left: 34px;}
	.bottom_icon_code{ width: 120px; height: 120px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.bottom_top{ padding: 50px 0 30px 0;}
	.bottom_list{ padding: 40px 0 100px 0;}
	.bottom_list li{ padding-left: 14px;}
	.bottom_icon_code{ width: 120px; height: 120px; top: -20px; right: 100px;}
}
@media screen and (max-width:800px){
	.bottom_box{ width: 100%; box-sizing: border-box;}
	.bottom_top{ padding: 40px 20px 20px 20px;}
	.bottom_list{ padding: 0 0 50px 0;}
	.bottom_list li{ background-color: #525252; height: 184px;}
	.bottom_list li:nth-child(1),.bottom_list li:nth-child(2),.bottom_list li:nth-child(3),.bottom_list li:nth-child(4),.bottom_list li:nth-child(5),.bottom_list li:nth-child(6),.bottom_list li:nth-child(7){ width: 50%; padding: 20px; text-align: left;}
	.bottom_list li:nth-child(1),.bottom_list li:nth-child(4),.bottom_list li:nth-child(5){ background-color: #666;}
	.bottom_icon{ width: 100%; padding-top: 20px;}
	.bottom_icon span{ float: left; line-height: 20px;}
	.bottom_icon a{ width: 20px; height: 20px; margin-left: 20px;}
	.bottom_icon_code{ width: 100px; height: 100px; top: auto; bottom: 0; right: 65px;}
	.copyright_main{ width: 100%; padding: 0 20px; box-sizing: border-box;}
}


@media screen and (max-width:1480px) and (min-width:1281px){
	.box4,.box3 .swiper-slide,.box5_list,.bottom_box,.copyright_main{ width:85%;}
	
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.box4,.box3 .swiper-slide,.box5_list,.bottom_box,.copyright_main{ width:86%;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.box4,.box3 .swiper-slide,.box5_list,.bottom_box,.copyright_main{ width:90%;}
}
@media screen and (max-width:1024px){
	.bottom_logo{ height: 36px;}
}


/* 了解凌思 */

.page_banner{ position: relative;}
.page_banner_ad{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 70px; font-size: 58px; color: #fff; text-align: center;}
.page_banner_bottom{ width: 100%; padding:0 50px; box-sizing: border-box; position: absolute; left: 0; bottom: 30px;}
.page_banner_navbar{ padding-left: 28px; background: url(../images/page_banner_arrow.png) no-repeat 0 center; float: left; color: #fff; opacity: 0.8; font-size: 20px; line-height: 30px;}
.page_banner_navbar a{ color: #fff; padding: 0 20px; opacity: 0.8;}
.page_banner_navbar a:hover,.page_banner_navbar a.selected{ color: #fff; font-weight: bold; opacity: 1;}
.page_banner_mouse{ width: 21px; height: 30px; background: url(../images/page_banner_mouse.png) no-repeat; float: right;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.page_banner_ad{ font-size: 44px; line-height: 58px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.page_banner_ad{ font-size: 36px; line-height: 52px;}
	.page_banner_bottom{ bottom: 20px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.page_banner_ad{ font-size: 26px; line-height: 36px;}
	.page_banner_bottom{ bottom: 20px;}
	.page_banner_navbar{ font-size: 18px;}
	.page_banner_mouse{ width: 17px; height: 24px; background: url(../images/page_banner_mouse.png) no-repeat; background-size: contain; margin-top: 3px;}
}
@media screen and (max-width:800px){
	.page_banner_ad{ display: none;}
	.page_banner_bottom{ bottom: 10px; padding: 0 20px;}
	.page_banner_navbar{ padding-left: 15px; font-size: 12px; line-height: 24px; background: url(../images/page_banner_arrow.png) no-repeat; background-size: 10px 24px;}
	.page_banner_navbar a{ padding: 0 10px;}
	.page_banner_mouse{ display: none;}
}

.about{ width: 100%; background: url(../images/about_bg1.jpg) center center no-repeat; background-size: 100% 100%; padding: 132px 6%; box-sizing: border-box;}
.about_img1{ width: 59%; padding-left: 77px; box-sizing: border-box; float: right; text-align: right;}
.about_title{ width: 41%; padding-bottom: 30px; float: left;}
.about_title dt{ padding-left: 20px; color: #e21f2c; position: relative;}
.about_title dt::before{ content: ""; width: 11px; height: 11px; border-radius: 11px; background-color: #e21f2c; position: absolute; left: 0; top: 6px;}
.about_title dd{ font-size: 58px; margin-top: 20px;}
.about_text{ width: 41%; padding-bottom: 40px; float: left;}
.about_text p{ padding-bottom: 30px; line-height: 26px; text-align: justify;}
.about_list{ width: 41%; float: left;}
.about_list li{ width: 33.3%; border-left: 1px solid #dcdcdd; padding-left: 38px; box-sizing: border-box; float: left;}
.about_list li dl{ color: #e21f2c;}
.about_list li dl dt{ font-size: 50px; font-family: "RajdhaniBold"; font-weight: bold; float: left;}
.about_list li dl dd{ font-size: 18px; float: left; margin: 5px 0 0 8px; font-weight: bold;}
.about_list li:nth-child(1) dl dd{ font-size: 14px; margin-top: 12px;}

@media screen and (max-width:1830px){
	.about_title{ width: 100%; text-align: center; padding-bottom: 30px;}
	.about_title dt::before{ display: none;}
	.about_title dd{ margin-top: 0;}
	.about_main{ width: 100%; float: none;}
	.about_img1{ padding-bottom: 60px;}
}
@media screen and (max-width:1560px){
	.about{ padding: 100px 6%;}
	.about_list{ width: 100%;}
	.about_title dd{ font-size: 50px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.about{ padding: 80px 6%;}
	.about_text{ width: 100%; float: none; padding-bottom: 20px;}
	.about_img1{ padding: 0 40px 0 40px;}
}
@media screen and (max-width:1024px){
	.about{ padding: 60px 6%;}
	.about_text{ width: 100%; padding-bottom: 20px;}
	.about_text p{ padding-bottom: 20px;}
	.about_img1{ width: 100%; text-align: center; padding: 0 0 40px 0;}
	.about_title dd{ font-size: 40px;}
}
@media screen and (max-width:800px){
	.about{ padding: 40px 0 30px 0;}
	.about_title{ padding-bottom: 20px;}
	.about_title dd{ font-size: 24px;}
	.about_img1{ padding: 0 0 30px 0;}
	.about_text{ padding: 0 20px 10px 20px; box-sizing: border-box;}
	.about_list{  padding: 0 20px; box-sizing: border-box;}
	.about_list li{ padding-left: 0; border-left: 0;}
	.about_list li dl dt{ font-size: 36px;}
	.about_list li dl dd{ margin-top: 1px;}
	.about_list li:nth-child(1){ width: 26%;}
	.about_list li:nth-child(2){ width: 30%;}
	.about_list li:nth-child(3){ width: 44%;}
	.about_list li:nth-child(1) dl dd{ margin-top: 7px;}
}
.culture{ padding: 132px 6% 90px 6%;}
.culture_title{ padding-left: 20px; color: #e21f2c; position: relative; margin-bottom: 30px;}
.culture_title::before{ content: ""; width: 11px; height: 11px; border-radius: 11px; background-color: #e21f2c; position: absolute; left: 0; top: 6px;}
.culture_left{ width: 38%; font-size: 58px; line-height: 68px; float: left;}
.culture_text{ width: 62%; margin-top: 5px; float: left;}
.culture_text li{ width: 45%; box-sizing: border-box; float: left; font-size: 15px; line-height: 26px;}
.culture_text li:nth-child(2){ float: right;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.culture{ padding: 100px 6% 70px 6%;}
	.culture_left{ font-size: 50px; line-height: 60px;}
}
@media screen and (max-width:1280px){
	.culture_title{ text-align: center; padding-left: 0;}
	.culture_title::before{ display: none;}
	.culture{ padding: 80px 6% 70px 6%;}
	.culture_left{ width: 100%; font-size: 40px; line-height: 50px; text-align: center; margin-bottom: 20px;}
	.culture_text{ width: 100%;}
	.culture_text li{ width: 50%; padding: 30px; height: 168px;}
	.culture_text li:nth-child(1){ background-color: #f1f1f1;}
	.culture_text li:nth-child(2){ background-color: #e8e8e8;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.culture{ padding: 70px 6% 60px 6%;}
	.culture_text li{ height: 194px;}
}
@media screen and (max-width:800px){
	.culture{ padding: 40px 0 40px 0;}
	.culture_title{ margin-bottom: 10px;}
	.culture_left{ padding: 0 20px; margin-bottom: 15px; box-sizing: border-box; font-size: 24px; line-height: 34px;}
	.culture_text li{ width: 100%; padding: 20px; height: auto;}
}

.culture2{ width: 100%; position: relative; z-index: 3;}
.culture2_main{ width: 100%;}
.culture2_main li{ height: 40vh; color: #fff; position: relative;}
.culture2_main li:nth-child(1),.culture2_main li:nth-child(2){ border-bottom: 1px solid #fff;}
.culture2_main li dl{ width: 100%; padding: 0 6% 10px 6%; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.culture2_main li dl dt{ font-size: 60px; margin-bottom: 25px;}
.culture2_main li dl dd{ font-size: 22px;}

.culture-swiper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.culture-slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: 0.7s; -o-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s;}
.culture-slide:first-child { opacity: 1; visibility: visible;}
.culture-slide.active { opacity: 1; visibility: visible;}
.culture-bg { height: 100%; background-attachment: fixed !important; background-position: center; -o-background-size: cover; background-size: cover; background-repeat: no-repeat;}

@media screen and (max-width:1480px) and (min-width:1281px){
	.culture2_main li dl dt{ font-size: 44px; margin-bottom: 15px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.culture2_main li dl dt{ font-size: 40px; margin-bottom: 10px;}
	.culture2_main li dl dd{ font-size: 20px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.culture2_main li dl dt{ font-size: 34px; margin-bottom: 10px;}
	.culture2_main li dl dd{ font-size: 18px;}
}
@media screen and (max-width:800px){
	.culture2_img{ overflow: hidden;}
	.culture2_img img{ width: 180%; max-width: 180%;}
	.culture2_main li dl dt{ font-size: 24px; margin-bottom: 5px;}
	.culture2_main li dl dd{ font-size: 14px;}
	.culture2_main li{ height: 200px;}
}

.honor{ padding: 120px 6% 180px 6%; box-sizing: border-box;}
.honor_main{ position: relative;}
.honor .culture_left{ width: 100%; float: none; margin-bottom: 145px;}
.honor .swiper-container{ position: inherit;}
.honor_list_li{ height: 470px; float: left;}
.honor_img{ width: 100%; height: 100%; padding: 28px; box-sizing: border-box; position: relative; background-color: #fff6f6; transition: 0.3s ease-in-out;}
.honor_img:hover{ background-color: #e21f2c;}
.honor_img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.honor_page{ width: 50px; position: absolute; top: 80px; right: 0;}
.honor .swiper-button-next, .honor .swiper-button-prev{ width: 50px; height: 50px; margin-top: 0; position: relative; transition: 0.3s ease-in-out;}
.honor .swiper-button-prev{ background: url(../images/about_honor_arrow.png) 0 0 no-repeat;}
.honor .swiper-button-prev:hover{ background: url(../images/about_honor_arrow.png) -50px 0 no-repeat;}
.honor .swiper-button-next{ background: url(../images/about_honor_arrow.png) -100px 0 no-repeat;}
.honor .swiper-button-next:hover{ background: url(../images/about_honor_arrow.png) -150px 0 no-repeat;}
.honor .swiper-button-next:after, .honor .swiper-button-prev:after{ display: none;}
.honor .swiper-button-next, .honor .swiper-container-rtl .swiper-button-prev,
.honor .swiper-button-prev, .honor .swiper-container-rtl .swiper-button-next{
	left: 0; right: 0;
}
@media screen and (max-width:1480px) and (min-width:1281px){
	.honor{ padding: 100px 6% 140px 6%;}
	.honor .culture_left{ margin-bottom: 100px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.honor{ padding: 80px 6% 100px 6%;}
	.honor .culture_left{ margin-bottom: 60px;}
	.honor_page{ top: 60px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.honor{ padding: 70px 6% 90px 6%;}
	.honor .culture_left{ margin-bottom: 60px;}
	.honor_page{ top: 60px;}
}
@media screen and (max-width:800px){
	.honor{ padding: 40px 0 40px 0;}
	.honor .culture_left{ margin-bottom: 60px;}
	.honor_page{ top: 60px;}
	.honor .culture_left{ margin-bottom: 20px;}
	.honor_page{ width: 110px; position: relative; top: 0; margin: 20px auto 0 auto;}
	.honor .swiper-button-prev{ float: left;}
	.honor .swiper-button-next{ float: right;}
}

/* 产品 */

.product_search{ width: 100%; padding: 86px 6%; box-sizing: border-box;}
.product_search_title{ font-size: 42px; font-weight: bold;}

.search_select{ position: relative;}
.search_option{ width: 100%; background-color: #fff; padding: 10px 0; box-shadow: 0 0 17px #eaeaea; position: absolute; top: 72px; left: 0; display: none; z-index: 2;}
.search_option dd{ width: 100%; padding: 0 20px; box-sizing: border-box; line-height: 40px; font-size: 20px; color: #999; cursor: pointer;}
.search_option dd:hover{ color: #e21f2c;}

.product_search_input{ padding: 36px 0;}
.product_search_list{ /*width: 340px;*/ width: 780px; float: left; padding-right: 12px; box-sizing: border-box;}
.product_search_list input{ width: 100%; height: 72px; line-height: 72px; font-size: 20px; background-color: #f3f3f3; color: #999; padding: 0 20px; border: 0; box-sizing: border-box;}
.search_p{ appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../images/arrow.png) right center no-repeat #f3f3f3; cursor: pointer;}
.product_search_list input:-moz-placeholder{ color: #999;}
.product_search_list input:-ms-input-placeholder{ color: #999;}
.product_search_list input::-webkit-input-placeholder{ color: #999;} 
.product_search_list:nth-child(3){ width: 460px;}
.product_search_button{ width:226px; height: 72px; line-height: 72px; text-align: center; border: 0; font-size: 20px; background-color: #e21f2c; color: #fff; position: relative; cursor: pointer;}
.product_search_button::after{ content: ""; width: 0; height:0; position: absolute; top: 50%; left: 50%; border-radius: 0; transform: translate(-50%, -50%); transition: 0.3s ease-in-out; background-color: rgba(255, 255, 255, 0.2);}
.product_search_button:hover::after{ width: 100%; height: 100%;}
.product_search_recommend a{ padding-right: 20px; color: #e21f2c; font-weight: bold;}
.product_search_recommend a:hover{ color: #e21f2c; text-decoration: underline;}
/*
@media screen and (max-width:1560px){
	.product_search_list{ width: 25%;}
	.product_search_list:nth-child(3){ width: 35%;}
	.product_search_button{ width:15%;}
}
*/
@media screen and (max-width:1480px) and (min-width:1025px){
    .product_search_list{ width: 500px;}
	.product_search_p{ background: url(../images/arrow.png) right center no-repeat #f3f3f3; background-size: 87px 22px;}
}

@media screen and (max-width:1280px) and (min-width:801px){
	.product_search{ padding: 70px 6%;}
	.product_search_title{ font-size: 38px;}
	.product_search_input{ padding: 25px 0;}
	.product_search_list input,.search_p{ height: 60px; line-height: 60px; font-size: 18px;}
	.search_option{ top: 60px;}
	.search_option dd{ font-size: 18px;}
	.search_p{ background: url(../images/arrow.png) right center no-repeat #f3f3f3; background-size: 79px 20px;}
	.product_search_button{ height: 60px; line-height: 60px; font-size: 18px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
    .product_search_list{ width: 480px;}
	.product_search{ padding: 60px 6%;}
	.search_p{ background: url(../images/arrow.png) right center no-repeat #f3f3f3; background-size: 71px 18px;}
}

@media screen and (max-width:800px){
	.product_search{ padding: 40px 20px;}
	.product_search_title{ font-size: 20px;}
	.product_search_input{ padding: 15px 0;}
	.product_search_list{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; padding-right: 0; margin-bottom: 8px;}
	.product_search_list input,.search_p{ height: 40px; line-height: 40px; font-size: 16px; padding: 0 10px;}
	.search_p{ background: url(../images/arrow.png) right center no-repeat #f3f3f3; background-size: 63px 16px;}
	.search_option{ top: 40px;}
	.search_option dd{ font-size: 16px;}
	.product_search_list:nth-child(3){ width: 100%;}
	.product_search_button{ width: 100%; height: 40px; line-height: 40px; font-size: 16px;}
	.product_search_recommend a{ font-weight: normal;}
}

.product{ width: 100%; padding-top: 100px; padding-bottom: 40px; padding-left: calc(6% - 30px); padding-right: calc(6% - 30px); box-sizing: border-box;}
.product_top{ padding-left: 50px; color: #e21f2c; position: relative; margin-bottom: 58px;}
.product_top::before{ content: ""; width: 11px; height: 11px; border-radius: 11px; background-color: #e21f2c; position: absolute; left: 30px; top: 6px;}
.product_bg1,.product_bg3{ background-color: #f3f3f3;}
.product_title{ padding: 0 30px 60px 30px;}
.product_title span{ float: left; font-size: 58px;}
.product_title_ul{ float: right; margin-top: 32px; line-height: 34px; font-size: 20px;}
.product_title_ul a{ padding-left: 55px;}
.product_list li{ width: 33.3%; float: left; padding: 0 30px 70px 30px; box-sizing: border-box;}
.product_list_box{ width: 100%; box-shadow: 0 8px 51px #f0f0f0;}
.product_list_img{ width: 100%; overflow: hidden; position: relative;}
.product_list_img p{ position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/product_icon1.png) right center; padding-right: 30px;}
.product_list_img p span{ width: 144px; height: 36px; line-height: 36px; text-align: center; padding-left: 10px; background-color: #e21f2c; color: #fff; display: block;}
.product_list_img img{ transition: 0.2s ease-in-out;}
.product_list_img img:hover{ transform: scale(1.1);}
.product_list_main{ background-color: #fff; padding:30px 40px; box-sizing: border-box;}
.product_list_main h2{ font-size: 30px; margin-bottom: 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product_list_main p{ line-height: 24px; height: 72px; overflow: hidden;}

@media screen and (max-width:1480px) and (min-width:1281px){
	.product{ padding-left: calc(6% - 20px); padding-right: calc(6% - 20px);}
	.product_title{padding: 0 20px 50px 20px;}
	.product_title span{ font-size: 50px;}
	.product_top{ padding-left: 40px; margin-bottom: 50px;}
	.product_top::before{ left: 20px;}
	.product_list li{ padding: 0 20px 50px 20px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.product{ padding-top: 80px; padding-bottom: 40px; padding-left: calc(6% - 15px); padding-right: calc(6% - 15px);}
	.product_title{padding: 0 15px 40px 15px;}
	.product_title span{ font-size: 46px;}
	.product_top{ padding-left: 35px; margin-bottom: 40px;}
	.product_top::before{ left: 15px;}
	.product_list li{ padding: 0 15px 40px 15px;}
	.product_title_ul{ font-size: 18px;}
	.product_list_main{ padding: 20px 25px;}
	.product_list_main h2{ font-size: 24px; margin-bottom: 10px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.product{ padding-top: 70px; padding-bottom: 30px; padding-left: calc(6% - 15px); padding-right: calc(6% - 15px);}
	.product_title{padding: 0 15px 30px 15px;}
	.product_title span{ font-size: 42px;}
	.product_top{ padding-left: 35px; margin-bottom: 40px;}
	.product_top::before{ left: 15px;}
	.product_list li{ width: 50%; padding: 0 15px 40px 15px;}
	.product_title_ul{ font-size: 18px;}
	.product_list_main{ padding: 20px 25px;}
}
@media screen and (max-width:800px){
	.product{ padding: 40px 0 0 0;}
	.product_title{ padding: 0 20px 30px 20px; width: 100%; box-sizing: border-box;}
	.product_title span{ width: 100%; text-align: center; font-size: 24px;}
	.product_top{ padding-left: 0; text-align: center; margin-bottom:20px;}
	.product_top::before{ display: none;}
	.product_list li{ width: 100%; padding: 0 20px 30px 20px;}
	.product_title_ul{ width: 100%; font-size: 18px; text-align: center; margin-top: 10px;}
	.product_title_ul a{ margin: 0 10px; padding-left: 0; border-bottom: 2px solid #e21f2c; display: inline-block;}
	.product_list_main{ padding: 20px;}
	.product_list_main h2{ font-size: 20px; margin-bottom: 10px;}
	.product_list_main p{ height: auto;}
}

.product_banner{ width: 100%; padding: 0 6%; height: 100%; box-sizing: border-box; position: absolute; top:0; left: 0;}
.product_banner_box{ width: 100%; height: 100%; position: relative;}
.product_banner_main{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product_banner_left{ position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.product_banner_left h1{ font-size: 58px; font-weight: normal; margin-bottom: 30px;}
.product_banner_nav{ padding-left: 6%;}
.product_banner_link a{ width: 180px; height: 52px; line-height: 52px; padding-left:70px; box-sizing: border-box; border-radius: 52px; overflow: hidden; font-size: 18px; display: inline-block; color: #fff; position: relative; margin-right:10px;}
.product_banner_link a:nth-child(1){ background: url(../images/product_banner_icon1.png) 40px center no-repeat #e00021;}
.product_banner_link a:nth-child(2){ background: url(../images/product_banner_icon2.png) 40px center no-repeat #bbbbbb;}
.product_banner_link a::after{ content: ""; width: 0; height:0; position: absolute; top: 50%; left: 50%; border-radius: 0; transform: translate(-50%, -50%); transition: 0.3s ease-in-out;}
.product_banner_link a:nth-child(1)::after{ background-color: rgba(255, 255, 255, 0.2);}
.product_banner_link a:nth-child(2)::after{ background-color: rgba(0, 0, 0, 0.1);}
.product_banner_link a:hover::after{ width: 100%; height: 100%; border-radius: 52px;}
.product_banner_right{ width: 578px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.product_banner_right .swiper-pagination-bullet{ width: 88px; height: 3px; border-radius: 0; margin: 0 7px;}
.product_banner_right .swiper-pagination{ width: 100%; margin-top: 10px;}
.product_banner_right .swiper-pagination-bullet-active{ background-color: #e00021;}
.product_banner_nav .page_banner_navbar{ color: #7c7c7c;}
.product_banner_nav a{ color: #7c7c7c;}
.product_banner_nav a:hover,.product_banner_nav a.selected{ color: #e00021;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.product_banner_left h1{ font-size:44px;}
	.product_banner_link a{ width: 150px; height: 46px; line-height: 46px; border-radius: 46px; padding-left:55px;}
	.product_banner_link a:nth-child(1){ background: url(../images/product_banner_icon1.png) 25px center no-repeat #e00021;}
	.product_banner_link a:nth-child(2){ background: url(../images/product_banner_icon2.png) 25px center no-repeat #bbbbbb;}
	.product_banner_link a:hover::after{ border-radius: 46px;}
	.product_banner_right{ width:460px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.product_banner_left h1{ font-size:36px; margin-bottom:20px;}
	.product_banner_link a{ width: 150px; height: 46px; line-height: 46px; border-radius: 46px; padding-left:55px;}
	.product_banner_link a:nth-child(1){ background: url(../images/product_banner_icon1.png) 25px center no-repeat #e00021;}
	.product_banner_link a:nth-child(2){ background: url(../images/product_banner_icon2.png) 25px center no-repeat #bbbbbb;}
	.product_banner_link a:hover::after{ border-radius: 46px;}
	.product_banner_right{ width:400px;}
	.product_banner_right .swiper-pagination-bullet{ width:50px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.product_banner_left h1{ font-size:26px; margin-bottom:20px;}
	.product_banner_link a{ width: 150px; height: 46px; line-height: 46px; border-radius: 46px; padding-left:55px;}
	.product_banner_link a:nth-child(1){ background: url(../images/product_banner_icon1.png) 25px center no-repeat #e00021;}
	.product_banner_link a:nth-child(2){ background: url(../images/product_banner_icon2.png) 25px center no-repeat #bbbbbb;}
	.product_banner_link a:hover::after{ border-radius: 46px;}
	.product_banner_right{ width:300px;}
	.product_banner_right .swiper-pagination-bullet{ width:50px;}
}
@media screen and (max-width:800px){
	.product_banner{ padding: 0 20px;}
	.product_banner_left{ top: 56%;}
	.product_banner_left h1{ font-size:20px; margin-bottom:0;}
	.product_banner_link,.product_banner_right{ display: none;}
}

.product_box{ width: 100%; padding: 80px 6% 0 6%; box-sizing: border-box;}
.product_bg{ width: 100%; padding: 60px 75px 80px 75px; box-sizing: border-box; background-color: #f6f6f6; margin-bottom: 80px;}
.product_show_title{ padding: 0 0 35px 72px; border-bottom: 2px solid #ddd; font-size:36px; color:#e21f2c; font-weight: bold; margin-bottom: 35px;}
.product_show_title.advantage{ background: url(../images/product_show_icon1.png) no-repeat; }
.product_show_title.technology{ background: url(../images/product_show_icon2.png) no-repeat; }
.product_show_title.instructions{ background: url(../images/product_show_icon3.png) no-repeat; }
.product_show_advantage{ line-height:38px; font-size:24px;}
.product_show_technology{ margin-bottom: 10px; text-align: center;}
.product_show_technology li{ width: 16.6%; float: left; border-right: 1px solid #f6f6f6; box-sizing: border-box; padding: 0 10px; line-height: 74px; font-size: 24px;}
.product_show_technology.size li{ background-color: #e21f2c; color: #fff;}
.product_show_technology.parameter li{ background-color: #fae7e8; font-family: "RajdhaniSemiBold"; transition: 0.3s ease-in-out;}
.product_show_technology.parameter:hover li{ background-color: #e21f2c; color: #fff;}
.product_show_instructions li{ width: 50%; padding: 0 8px 16px 0; box-sizing: border-box; float: left;}
.product_show_instructions li:nth-child(2n){ padding: 0 0 16px 8px;}
.product_show_instructions dl{ width: 100%; height: 130px; background-color: #fff; transition: 0.3s ease-in-out;}
.product_show_instructions dl:hover{ background-color: #e21f2c; color: #fff;}
.product_show_instructions dl:hover dd{ color: #fff;}
.product_show_instructions dl dt{ width:70%; height: 100%; float:left; border-right:3px solid #f6f6f6; box-sizing: border-box; font-size:28px; font-weight:bold; position:relative;}
.product_show_instructions dl dt p{ width:100%; padding:0 45px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product_show_instructions dl dd{ width: 30%; height: 100%; position: relative; color: #999; float: left;}
.product_show_instructions dl dd p{ width:100%; text-align: center; font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product_show_instructions dl dd p img{ display: block; margin: 0 auto 5px auto;}
.product_show_list{ font-size: 36px; color: #e21f2c; padding: 0 0 60px 115px; font-weight: bold;}

@media screen and (max-width:1480px) and (min-width:1281px){
	.product_box{ padding: 70px 6% 0 6%;}
	.product_bg{ padding: 50px 65px 70px 65px;  margin-bottom: 70px;}
	.product_show_title{font-size:30px; padding: 0 0 25px 60px;}
	.product_show_title.advantage{ background: url(../images/product_show_icon1.png) no-repeat; background-size: 40px 40px; }
	.product_show_title.technology{ background: url(../images/product_show_icon2.png) no-repeat; background-size: 40px 40px; }
	.product_show_title.instructions{ background: url(../images/product_show_icon3.png) no-repeat; background-size: 40px 40px; }
	.product_show_advantage{ font-size:22px; line-height: 34px;}
	.product_show_technology li{ line-height: 70px; font-size: 22px;}
	.product_show_instructions dl{ height: 180px;}
	.product_show_instructions dl dt{ font-size: 30px;}
	.product_show_instructions dl dt p{ padding: 0 30px;}
	.product_show_instructions dl dd p img{ width: 44px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.product_box{ padding: 60px 6% 0 6%;}
	.product_bg{ padding: 40px 55px 60px 55px;  margin-bottom: 60px;}
	.product_show_title{font-size:28px; padding: 0 0 20px 50px;}
	.product_show_title.advantage{ background: url(../images/product_show_icon1.png) 0 3px no-repeat; background-size: 34px 34px; }
	.product_show_title.technology{ background: url(../images/product_show_icon2.png) 0 3px no-repeat; background-size: 34px 34px; }
	.product_show_title.instructions{ background: url(../images/product_show_icon3.png) 0 3px no-repeat; background-size: 40px 34px; }
	.product_show_advantage{ font-size:20px; line-height: 34px;}
	.product_show_technology li{ line-height: 60px; font-size: 18px;}
	.product_show_instructions dl{ height: 140px;}
	.product_show_instructions dl dt{ font-size: 24px;}
	.product_show_instructions dl dt p{ padding: 0 20px;}
	.product_show_instructions dl dd p img{ width: 36px;}
	.product_show_list{ font-size: 28px; padding: 0 0 50px 100px;}
}
@media screen and (max-width:1024px) and (min-width:800px){
	.product_box{ padding: 50px 6% 0 6%;}
	.product_bg{ padding: 30px 45px 50px 45px;  margin-bottom: 50px;}
	.product_show_title{font-size:24px; padding: 0 0 20px 50px;}
	.product_show_title.advantage{ background: url(../images/product_show_icon1.png) 0 3px no-repeat; background-size: 30px 30px; }
	.product_show_title.technology{ background: url(../images/product_show_icon2.png) 0 3px no-repeat; background-size: 34px 34px; }
	.product_show_title.instructions{ background: url(../images/product_show_icon3.png) 0 3px no-repeat; background-size: 40px 34px; }
	.product_show_advantage{ font-size:18px; line-height: 30px;}
	.product_show_technology li{ line-height: 50px; font-size: 16px;}
	.product_show_instructions dl{ height: 120px;}
	.product_show_instructions dl dt{ font-size: 20px;}
	.product_show_instructions dl dt p{ padding: 0 20px;}
	.product_show_instructions dl dd p{ font-size: 16px;}
	.product_show_instructions dl dd p img{ width: 30px;}
	.product_show_list{ font-size: 24px; padding: 0 0 40px 80px;}
}
@media screen and (max-width:800px){
	.search_option dd{ line-height: 30px; padding: 0 10px;}
	.product_box{ padding: 40px 20px 0 20px;}
	.product_bg{ padding: 30px 20px; margin-bottom: 30px;}
	.product_show_title{font-size:20px; padding: 0 0 15px 40px; margin-bottom: 30px;}
	.product_show_title.advantage{ background: url(../images/product_show_icon1.png) 0 3px no-repeat; background-size: 24px 24px; }
	.product_show_title.technology{ background: url(../images/product_show_icon2.png) 0 3px no-repeat; background-size: 24px 24px; }
	.product_show_title.instructions{ background: url(../images/product_show_icon3.png) 0 3px no-repeat; background-size: 24px 24px; }
	.product_show_advantage{ font-size:16px; line-height: 30px;}
	.product_show_technology li{ width: 33.3%; line-height: 50px; font-size: 16px; border-bottom: 1px solid #f6f6f6;}
	.product_show_instructions li{ width: 100%; padding: 0 0 8px 0;}
	.product_show_instructions li:nth-child(2n){ padding: 0 0 8px 0;}
	.product_show_instructions dl{ height: 120px;}
	.product_show_instructions dl dt{ font-size: 20px;}
	.product_show_instructions dl dt p{ padding: 0 20px;}
	.product_show_instructions dl dd p{ font-size: 16px;}
	.product_show_instructions dl dd p img{ width: 30px;}
	.product_show_list{ font-size: 20px; padding: 0 0 20px 20px;}
}


/* 解决方案 */
.solution{ width: 100%; padding: 140px 6% 0 6%; box-sizing: border-box;}
.solution_img{ position: relative;}
.solution_title{ width: 100%; position: absolute; text-align: right; top: 37%; left: 0; font-size: 72px; z-index: 2; padding:0 77px; box-sizing: border-box; color: #fff;}
.solution ul{ width: 100%; padding: 0 57px; box-sizing: border-box; position: relative; top: -140px;}
.solution ul li{ width: 33.3%; padding: 0 20px 20px 20px; box-sizing: border-box; float: left;}
.solution_box{ width: 100%; background-color: #fff; padding: 45px 48px 60px 48px; box-sizing: border-box; box-shadow: 0 8px 8px #ddd;}
.solution_box h2{ font-size: 30px; border-bottom: 1px solid #b8b8b8; padding-bottom: 30px; margin-bottom: 28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.solution_box p{ font-size: 18px; line-height: 24px; height: 72px; padding-bottom: 48px;}
.solution_box a{ width: 90px; height: 30px; line-height: 30px; border-radius: 30px; display: block; font-size: 14px; background-color: #e50011; color: #fff; text-align: center; position: relative;}
.solution_box a::after{ content: ""; width: 0; height:0; position: absolute; top: 50%; left: 50%; border-radius: 0; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.2); transition: 0.3s ease-in-out;}
.solution_box a:hover::after{ width: 100%; height: 100%; border-radius: 30px;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.solution{ padding-top: 100px;}
	.solution_title{ font-size: 62px; padding: 0 60px;}
	.solution ul{ padding: 0 40px; top: -100px;}
	.solution_box{ padding: 30px 30px 40px 30px;}
	.solution_box h2{ font-size: 26px; padding-bottom: 20px; margin-bottom: 20px;}
	.solution_box p{ font-size: 16px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.solution{ padding-top: 80px;}
	.solution_title{ font-size: 52px; padding: 0 35px;}
	.solution ul{ padding: 0 20px; top: -80px;}
	.solution_box{ padding: 25px 25px 30px 25px;}
	.solution ul li{ padding: 0 15px 15px 15px;}
	.solution_box h2{ font-size: 20px; padding-bottom: 15px; margin-bottom: 15px;}
	.solution_box p{ font-size: 16px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.solution{ padding-top: 60px;}
	.solution_title{ font-size: 42px; padding: 0 25px;}
	.solution ul{ padding: 0 15px; top: -60px;}
	.solution_box{ padding: 15px 15px 20px 15px;}
	.solution ul li{ padding: 0 10px 10px 10px;}
	.solution_box h2{ font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;}
	.solution_box p{ font-size: 14px;}
}
@media screen and (max-width:800px){
	.solution{ padding: 40px 20px 0 20px;}
	.solution_title{ font-size: 32px; padding: 0 20px; top: 50%; transform: translateY(-50%);}
	.solution ul{ padding: 20px 0; top: 0;}
	.solution ul li{ width: 100%; padding: 0 0 20px 0;}
	.solution_box{ padding: 20px; box-shadow: 0 0 5px #ddd;}
	.solution_box h2{ font-size: 20px; padding-bottom: 15px; margin-bottom: 15px;}
	.solution_box p{ font-size: 16px; height: auto; padding-bottom: 20px; }
}

/* 用户服务 */
.service{ width: 100%; padding: 130px 6% 85px 6%; box-sizing: border-box;}
.service_title{ font-size: 58px; padding-bottom: 90px;}
.service_top{ padding-bottom: 75px;}
.service_top li{ width: 33.3%; border-right: 1px solid #fff; box-sizing: border-box; float: left;}
.service_top li a{ width: 100%; background-color: #e5e5e5; height: 108px; line-height: 108px; display: block; font-size: 30px; text-align: center; background-color: #e5e5e5; transition: 0.3s ease-in-out;}
.service_top li a:hover,.service_top li a.selected{  background-color: #e21f2c; color: #fff;}
.service_list li{ padding: 0 15px 20px 0;}
.service_list li:nth-child(2n){ padding: 0 0 20px 15px;}
.service_list dl{ background-color: #f2f2f2;}
.service_list dl dt{ border-right-color: #fff;}

.service_login { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999; }
.service_login.is-visible1 { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
 transition: opacity 0.3s 0s, visibility 0s 0s; }
.service_login_box { position: absolute; width:940px; top: 50%; left: 50%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible1 .service_login_box { -webkit-transform: translate(-50%,-40%); -moz-transform: translate(-50%,-40%); -ms-transform: translate(-50%,-40%); -o-transform: translate(-50%,-40%); transform: translate(-50%,-40%); }

.service_login_top{ padding: 34px 56px; background-color: #e21130;}
.service_login_top img{ float: left;}
.service_login_top span{ float: right; font-size: 30px; line-height: 45px; font-weight: bold; color: #fff;}
.service_login_main{ padding: 106px 125px 60px 125px;}
.service_login_input{ margin-bottom: 105px; padding-bottom: 20px; border-bottom: 1px solid #999999;}
.service_login_input input{ width: 80%; float: left; background-color: #fff; font-size: 30px; border: 0; line-height: 54px;}
.service_login_input button{ width: 20%; line-height: 54px; background-color: #e21130; color: #fff; border: 0; font-size: 26px; float: left; position: relative; cursor: pointer;}
.service_login_input button::after{ content: ""; width: 0; height:0; position: absolute; top: 50%; left: 50%; border-radius: 0; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.2); transition: 0.3s ease-in-out;}
.service_login_input button:hover::after{ width: 100%; height: 100%;}
.service_login_text{ font-size: 24px; line-height: 42px;}
.service_login_text span{ font-family: "RajdhaniBold"; font-size: 26px; color: #e21130; text-decoration: underline; margin: 0 8px;}
.service_login_text b{ color: #e21130; text-decoration: underline;}

@media screen and (max-width:1480px) and (min-width:1281px){
	.service{ padding: 100px 6% 80px 6%;}
	.service_title{ font-size: 50px; padding-bottom: 60px;}
	.service_top{ padding-bottom: 60px;}
	.service_top li a{ height: 98px; line-height: 98px; font-size: 28px;}
	.service_login_top img{ height: 38px;}
	.service_login_top{ padding: 24px 40px;}
	.service_login_top span{ font-size: 26px; line-height: 38px;}
	.service_login_main{ padding: 86px 105px 40px 105px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.service{ padding: 80px 6% 60px 6%;}
	.service_title{ font-size: 46px; padding-bottom: 50px;}
	.service_top{ padding-bottom: 50px;}
	.service_top li a{ height: 88px; line-height: 88px; font-size: 24px;}
	.service_login_box{ width:800px;}
	.service_login_top img{ height: 38px;}
	.service_login_top{ padding: 24px 40px;}
	.service_login_top span{ font-size: 26px; line-height: 38px;}
	.service_login_main{ padding: 66px 85px 40px 85px;}
	.service_login_input{ margin-bottom: 80px;}
	.service_login_input input{ font-size: 24px; line-height: 44px;}
	.service_login_input button{ line-height: 44px; font-size: 20px;}
	.service_login_text{ font-size: 18px; line-height: 30px;}
	.service_login_text span{ font-size: 24px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.service{ padding: 60px 6% 50px 6%;}
	.service_title{ font-size: 42px; padding-bottom: 40px;}
	.service_top{ padding-bottom: 40px;}
	.service_top li a{ height: 80px; line-height: 80px; font-size: 20px;}
	.service_login_box{ width:700px;}
	.service_login_top img{ height: 30px;}
	.service_login_top{ padding: 20px 30px;}
	.service_login_top span{ font-size: 18px; line-height: 30px;}
	.service_login_main{ padding: 46px 65px 30px 65px;}
	.service_login_input{ margin-bottom: 60px;}
	.service_login_input input{ font-size: 20px; line-height: 40px;}
	.service_login_input button{ line-height: 40px; font-size: 18px;}
	.service_login_text{ font-size: 18px; line-height: 30px;}
	.service_login_text span{ font-size: 22px;}
}
@media screen and (max-width:800px){
	.service{ padding: 40px 20px 20px 20px;}
	.service_title{ font-size: 24px; padding-bottom: 20px;}
	.service_top{ padding-bottom: 20px;}
	.service_top li a{ height: 50px; line-height: 50px; font-size: 16px;}
	.service_list li{ padding: 0 0 20px 0;}
	.service_list li:nth-child(2n){ padding: 0 0 20px 0;}
	.service_login_box{ width:90%;}
	.service_login_top img{ height: 26px;}
	.service_login_top{ padding: 15px 20px;}
	.service_login_top span{ font-size: 16px; line-height: 26px;}
	.service_login_main{ padding: 30px 30px;}
	.service_login_input{ margin-bottom: 40px; padding-bottom: 10px;}
	.service_login_input input{ font-size: 16px; line-height: 30px;}
	.service_login_input button{ line-height: 30px; font-size: 16px;}
	.service_login_text{ font-size: 16px; line-height: 24px;}
	.service_login_text span{ font-size: 18px;}
}

/* 新闻 */
.news{ padding-bottom: 50px}
.news li{ padding-bottom: 45px; position: relative;}
.news_img{ width: 29%; overflow: hidden; float: left;}
.news_img img{transition: all 0.6s;}
.news li:hover .news_img img{ transform: scale(1.1);}
.news_main{ width: 67%; padding-left: 4%; float: left;}
.news_main h2{ font-size: 30px;}
.news_main h2 img{ height: 20px; vertical-align: middle; margin-left: 10px;}
.news_main h2 a{ max-width:calc(100% - 80px); transition: 0.3s ease-in-out; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; vertical-align:middle;}
.news_main h2 a:hover{ color: #e21f2c;}
.news_main p{ line-height: 32px; height: 64px; overflow: hidden; padding-top: 30px; color: #4d4d4d;}
.news_time{ width: 67%; padding-bottom: 35px; border-bottom: 1px solid #ababab; font-size: 20px; color: #8b8b8b; font-family: "RajdhaniBold"; position: absolute; bottom: 45px; left: 550;}
.news_more{ width: 178px; height: 48px; line-height: 48px; border-radius: 48px; text-align: center; display: block; background-color: #e21f2c; color: #fff; font-size: 18px; margin-bottom: 50px;}
.news_more span{ font-family: "RajdhaniBold"; font-size: 40px; line-height: 48px; vertical-align: middle; margin-left: 8px;}
.news_more:hover{ color: #fff;}
.news_more::after{ content: ""; width: 0; height:0; position: absolute; top: 50%; left: 50%; background-color: rgba(255, 255, 255, 0.2); border-radius: 0; transform: translate(-50%, -50%); transition: 0.3s ease-in-out;}
.news_more:hover::after{ width: 100%; height: 100%; border-radius: 48px;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.news{ padding-bottom: 40px;}
	.news_main h2{ font-size: 28px;}
	.news_main p{ padding-top: 20px; line-height: 30px;}
	.news_time{ padding-bottom: 25px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.news{ padding-bottom: 30px;}
	.news_main h2{ font-size: 26px;}
	.news_main p{ padding-top: 15px; line-height: 28px; height: 56px;}
	.news_time{ padding-bottom: 15px;}
}

@media screen and (max-width:1024px) and (min-width:801px){
	.news{ padding-bottom: 20px;}
	.news_main h2{ font-size: 24px;}
	.news_main p{ padding-top: 10px; line-height: 26px; height: 52px;}
	.news_time{ padding-bottom: 10px;}
}
@media screen and (max-width:800px){
	.news{ padding-bottom: 0;}
	.news li{ padding-bottom: 40px;}
	.news_img{ width:100%;}
	.news_main{ width: 100%; padding-left:0;}
	.news_main h2{ font-size: 20px; padding-top: 20px;}
	.news_main p{ padding-top: 10px; line-height: 24px; height: 48px;}
	.news_time{ width: 100%; position: relative; bottom: auto; left:0; padding: 10px 0;}
	.news_more{ width: 140px; height: 40px; line-height: 40px; border-radius: 40px; margin-bottom: 30px; font-size: 16px;}
	.news_more span{ font-size: 30px; line-height: 40px;}
	.news_more:hover::after{ border-radius: 40px;}
}

/* 展会 */
.exhibition{ width: 100%;}
.exhibition li{ background-color: #efefef; margin-bottom: 75px; position: relative; right: 0; transition: 0.3s ease-in-out;}
.exhibition li:hover{ right: 20px;}
.exhibition_img{ width: 65%; text-align: right; float: right;}
.exhibition_main{ width: 35%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 60px; box-sizing: border-box;}
.exhibition_text1{ font-family: RajdhaniBold; font-size: 76px; color: #e60012;}
.exhibition_text2{ font-size: 38px; font-weight: bold; margin-bottom: 65px;}
.exhibition_time_num{ width: 216px; height: 46px; line-height: 46px; border-radius: 46px; padding-left: 15px; box-sizing: border-box; color: #fff; margin: 10px 0;}
.exhibition_time{ background-color: #e50011;}
.exhibition_num{ background-color: #011983;}
.exhibition_time_num span{ display: inline-block;}
.exhibition_place{ width: 60px;}
.exhibition_specific{ font-family: "RajdhaniBold"; font-size: 21px; vertical-align: middle;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.exhibition li{ margin-bottom: 65px;}
	.exhibition_main{ padding: 0 40px;}
	.exhibition_text1{ font-size: 60px;}
	.exhibition_text2{ font-size: 26px; margin-bottom: 40px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.exhibition li{ margin-bottom: 55px;}
	.exhibition_main{ padding: 0 30px;}
	.exhibition_text1{ font-size: 40px;}
	.exhibition_text2{ font-size: 20px; margin-bottom: 20px;}
	.exhibition_time_num{ width: 210px; height: 40px; line-height: 40px; border-radius: 40px;}
	.exhibition_specific{ font-size: 20px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.exhibition li{ margin-bottom: 55px;}
	.exhibition_main{ padding: 0 20px;}
	.exhibition_text1{ font-size: 30px;}
	.exhibition_text2{ font-size: 16px; margin-bottom: 20px;}
	.exhibition_time_num{ width: 200px; height: 36px; line-height: 36px; border-radius: 36px;}
	.exhibition_place{ font-size: 14px;}
	.exhibition_specific{ font-size: 18px;}
}
@media screen and (max-width:801px){
	.exhibition li{ margin-bottom: 30px;}
	.exhibition li:hover{ right: 0;}
	.exhibition_img{ width: 100%; float: none;}
	.exhibition_main{ width: 100%; padding: 20px; position: relative; top: 0; transform: none;}
	.exhibition_text1{ font-size: 36px;}
	.exhibition_text2{ font-size: 18px; margin-bottom: 20px;}
	.exhibition_time_num{ width: 210px; height: 40px; line-height: 40px; border-radius: 40px;}
	.exhibition_place{ font-size: 16px;}
	.exhibition_specific{ font-size: 20px;}
}

.news_show_ad{ max-width: 1260px; box-sizing: border-box; font-size: 70px; line-height: 84px; text-align: left;}
.news_show_bottom{ max-width: 1260px; padding: 0; bottom: 15px; left: 50%; transform: translateX(-50%);}
.news_show_bottom .page_banner_navbar{ padding-left: 0; background: none; font-size: 16px;}
.news_show_bottom .page_banner_navbar a:nth-child(1){ padding-left: 0;}
.news_show_bottom .page_banner_mouse{ display: none;}
.news_show_time{ float: right; font-family: "RajdhaniBold"; font-size: 20px; color: #fff;}
.news_show{ max-width: 1260px; margin: 90px auto; box-sizing: border-box;}
.news_show_title{ font-size: 30px;}
.news_show_main{ font-size: 20px; line-height: 44px; padding: 30px 0;}
@media screen and (max-width:1480px){
	.news_show_ad,.news_show_bottom,.news_show{ width: 100%; max-width: none; padding:0 6%;}
}
@media screen and (max-width:1480px) and (min-width:1281px){
	.news_show_ad{ font-size: 50px; line-height: 64px;}
	.news_show{ margin: 70px auto;}
	.news_show_main{ font-size: 18px; line-height: 38px; padding: 20px 0;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.news_show_ad{ font-size: 36px; line-height: 50px;}
	.news_show_img{ width: 100%; overflow: hidden;}
	.news_show_img img{ max-width:120%;}
	.news_show{ margin: 70px auto;}
	.news_show_main{ font-size: 18px; line-height: 38px; padding: 20px 0;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.news_show_ad{ font-size: 24px; line-height: 40px; text-align:center;}
	.news_show_img{ width: 100%; overflow: hidden;}
	.news_show_img img{ max-width:120%;}
	.news_show{ margin: 50px auto;}
	.news_show_main{ font-size: 16px; line-height: 30px; padding: 20px 0;}
}
@media screen and (max-width:800px){
	.news_show_ad{ font-size: 16px; line-height: 24px; text-align:center; padding:0 20px; display:block;}
	.news_show_img{ width: 100%; overflow: hidden;}
	.news_show_img img{ max-width:160%; margin-left: -40%;}
	.news_show_bottom{ padding:0 20px;}
	.news_show{ margin: 40px auto; padding:0 20px;}
	.news_show_title{ font-size: 24px;}
	.news_show_main{ font-size: 16px; line-height: 30px; padding: 10px 0;}
}

.join_img{ margin: 90px 0 130px 0; position:relative;}
.join_img p{ width:100%; padding-left:80px; box-sizing: border-box; font-size:98px; font-weight:bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color:#fff;}
.join_img p span{ padding: 0 15px;}
.join .service_title{ padding-bottom: 0;}
.join_tips{ padding: 30px 0 40px 0; color: #999; line-height: 32px; font-size: 24px;}
.join_list{ margin-bottom: 25px;}
.join_list dt{ cursor: pointer;}
.join_dt{ float: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20px; height: 100px; line-height: 100px; background-color: #f1f5fe; font-size: 24px; font-weight: bold; box-sizing: border-box;}
.join_dt1{ width: 36%; padding-left: 70px;}
.join_dt2{ width: 20%;}
.join_dt3{ width: 25%;}
.join_dt4{ width: 12%;}
.join_dt5{ width: 7%; position: relative; padding: 0;}
.join_dt5::before{ content: ""; width: 26px; height: 26px; display: block; background: url(../images/join_icon1.png) no-repeat; background-size: contain; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.join_list dt.hover .join_dt5::before{ background: url(../images/join_icon2.png) no-repeat; background-size: contain;}
.join_list dd{ width: 100%; padding: 35px 0; background-color: #f1f5fe; border-top: 1px solid #cfd2da; display: none;}
.join_left{ width: 36%; padding: 0 70px; box-sizing: border-box; float: left;}
.join_left li{ margin-bottom: 10px; line-height: 26px; padding-left: 28px; position: relative;}
.join_left li::before{content: ""; width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 3px;}
.join_left li:nth-child(1)::before{ background: url(../images/join_icon3.png) 0 0 no-repeat;}
.join_left li:nth-child(2)::before{ background: url(../images/join_icon3.png) -20px 0 no-repeat;}
.join_left li:nth-child(3)::before{ background: url(../images/join_icon3.png) -20px 0 no-repeat;}
.join_left li:nth-child(4)::before{ background: url(../images/join_icon3.png) -40px 0 no-repeat;}
.join_right{ width: 64%; padding: 0 20px; box-sizing: border-box; float: left;}
.join_title{ margin-bottom: 28px; font-weight: bold;}
.join_text{ line-height: 28px;}
.join_text_1{ padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #cfd2da;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.join_img{ margin: 70px 0 100px 0;}
	.join_img p{ font-size:80px;padding-left:70px;}
	.join_tips{ font-size: 22px; line-height: 30px;}
	.join_dt{ height: 90px; line-height: 90px; font-size: 22px;}
	.join_left{ padding: 0 55px;}
	.join_dt1{ padding-left: 55px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.join_img{ margin: 50px 0 80px 0;}
	.join_img p{ font-size:70px;padding-left:60px;}
	.join_tips{ font-size: 20px; line-height: 28px;}
	.join_dt{ height: 80px; line-height: 80px; font-size: 22px;}
	.join_left{ padding: 0 35px;}
	.join_dt1{ padding-left: 35px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.join_img{ margin: 30px 0 60px 0;}
	.join_img p{ font-size:60px;padding-left:50px;}
	.join_tips{ font-size: 18px; line-height: 26px; padding: 20px 0 30px 0;}
	.join_dt{ height: 70px; line-height: 70px; font-size: 20px;}
	.join_left{ padding: 0 20px;}
	.join_dt1{ padding-left: 20px;}
}
@media screen and (max-width:800px){
	.join_list{ margin-bottom: 15px;}
	.join_img{ margin: 20px 0 40px 0; overflow:hidden;}
	.join_img img{ max-width:120%;}
	.join_img p{ font-size:40px;padding-left:20px;}
	.join_img p span{ padding:0 8px;}
	.join_tips{ font-size: 16px; line-height: 24px; padding: 15px 0 25px 0;}
	.join_dt{ height: 60px; line-height: 60px; font-size: 18px;}
	.join_dt5::before{ width: 22px; height: 22px; background: url(../images/join_icon1.png) no-repeat; background-size: contain;}
	.join_left{ padding: 0 20px;}
	.join_dt1{ padding-left: 20px; width: 80%;}
	.join_dt2,.join_dt3,.join_dt4{ display: none;}
	.join_dt5{ width: 20%;}
	.join_list dd{ padding: 25px 0;}
	.join_left{ width: 100%; border-bottom: 1px solid #cfd2da; margin-bottom: 30px; padding-bottom: 10px;}
	.join_right{ width: 100%;}
	.join_title{ margin-bottom: 20px;}
	.join_text{ line-height: 26px;}
}

/* 联系我们 */
.contact .service_title{ padding-bottom: 0;}
.contact_tips{ padding-top: 10px; font-size: 18px; font-weight: bold;}
.contact_map{ width: 100%; position: relative;}
.contact_map_main{ padding-top: 195px;}
.contact_box{width:100%; padding: 0 6%; box-sizing: border-box; position: absolute; top: 0; left: 0;}
.contact_box ul{ width: 100%; padding: 60px 0; background-color: #fff; border-top: 9px solid #e21f2c;}
.contact_box ul li{ height: 220px; float: left; border-right: 1px solid #e8e8e8; box-sizing: border-box; position: relative;}
.contact_box ul li:nth-child(1){ width: 37%;}
.contact_box ul li:nth-child(2){ width: 34%;}
.contact_box ul li:nth-child(3){ width: 29%; border-right: 0;}
.contact_box_text{ position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.contact_box ul li:nth-child(1) .contact_box_text{ width: 435px;}
.contact_box ul li:nth-child(2) .contact_box_text{ width: 356px;}
.contact_box ul li:nth-child(3) .contact_box_text{ width: 285px;}
.contact_box_text p{ padding-top: 35px; font-size: 28px; line-height: 34px; font-weight: bold;}
.contact_box_text p span{font-family: "RajdhaniBold"; font-size: 30px;}
.contact_form{ padding-top: 45px;}
.contact_form input:-moz-placeholder{ color: #999;}
.contact_form input:-ms-input-placeholder{ color: #999;}
.contact_form input::-webkit-input-placeholder{ color: #999;}
.contact_form textarea:-moz-placeholder{ color: #999;}
.contact_form textarea:-ms-input-placeholder{ color: #999;}
.contact_form textarea::-webkit-input-placeholder{ color: #999;}

.contact_form li{ width: 50%; padding: 0 10px 30px 0; box-sizing: border-box; float: left;}
.contact_form li:nth-child(2n){ padding: 0 0 30px 10px;}
.contact_form li.textarea{ width: 100%; padding: 0;}
.contact_form li input{ width: 100%; background-color: #fff; border: 0; height: 98px; line-height: 98px; font-size: 24px; box-shadow: 0 0 17px #eaeaea; padding: 0 45px; box-sizing: border-box; color: #999;}
.contact_form .search_p{ background: url(../images/arrow.png) right center no-repeat; height: 98px; line-height: 98px; background-color: #fff; box-shadow: 0 0 17px #eaeaea; font-size: 24px; padding: 0 45px; color: #999;}
.contact_form .search_option{top: 98px; padding: 20px 0;}
.contact_form .search_option dd{ line-height: 50px; font-size: 24px; padding: 0 45px; color: #999;}
.contact_form .search_option dd:hover{ color: #e21f2c;}
.contact_form li textarea{ width: 100%; height: 290px; line-height: 40px; padding: 45px; box-sizing: border-box; font-size: 24px; color: #999; box-shadow: 0 0 17px #eaeaea; border: 0; font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif;}
.contact_form li.button{ width: 100%; padding-top: 55px;}
.contact_form li.button button{ width: 150px; height: 52px; line-height: 52px; text-align: center; float: right; margin-left: 42px; color: #fff; border: 0; border-radius: 5px; font-size: 18px; position: relative; cursor: pointer;}
.contact_form li.button button::after{ content: ""; width: 0; height:0; position: absolute; top: 50%; left: 50%; border-radius: 0; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.2); transition: 0.3s ease-in-out;}
.contact_form li.button button:hover::after{ width: 100%; height: 100%; border-radius: 5px;}
.contact_form li.button button.submit{ background-color: #e21f2c;}
.contact_form li.button button.reset{ background-color: #a2a2a2;}
@media screen and (max-width:1480px) and (min-width:1281px){
	.contact_box ul{ border-top: 7px solid #e21f2c; padding: 40px 0;}
	.contact_box ul li{ height: 195px;}
	.contact_box ul li:nth-child(1){ width: 41%;}
	.contact_box ul li:nth-child(2){ width: 32%;}
	.contact_box ul li:nth-child(3){ width: 27%;}
	.contact_box ul li:nth-child(1) .contact_box_text{ width: 335px;}
	.contact_box ul li:nth-child(2) .contact_box_text{ width: 283px;}
	.contact_box ul li:nth-child(3) .contact_box_text{ width: 230px;}
	.contact_box_text p{ font-size: 22px; line-height: 30px;}
	.contact_box_text p span{ font-size: 24px;}
	
	.contact_form li input,.contact_form .search_p{ height: 90px; line-height: 90px; font-size: 22px;}
	.contact_form .search_p{ background: url(../images/arrow.png) right center no-repeat; background-size: 87px 22px;}
	.contact_form .search_option dd{ font-size: 22px;}
	.contact_form li textarea{ height: 210px; line-height: 30px; font-size: 22px; padding: 30px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.contact_map_main{ padding-top: 135px;}
	.contact_box ul{ border-top: 6px solid #e21f2c; padding: 30px 0;}
	.contact_box ul li{ height: 185px;}
	.contact_box ul li:nth-child(1){ width: 41%;}
	.contact_box ul li:nth-child(2){ width: 32%;}
	.contact_box ul li:nth-child(3){ width: 27%;}
	.contact_box ul li:nth-child(1) .contact_box_text{ width: 305px;}
	.contact_box ul li:nth-child(2) .contact_box_text{ width: 259px;}
	.contact_box ul li:nth-child(3) .contact_box_text{ width: 205px;}
	.contact_box_text img{ width: 36px; height: 36px;}
	.contact_box_text p{ font-size: 20px; line-height: 28px; padding-top: 25px;}
	.contact_box_text p span{ font-size: 22px;}
	
	.contact_form li{ padding: 0 8px 25px 0;}
	.contact_form li:nth-child(2n){ padding: 0 0 25px 8px;}
	.contact_form li.button{ padding-top: 40px;}
	.contact_form li input,.contact_form .search_p{ height: 80px; line-height: 80px; font-size: 22px; padding: 0 30px;}
	.contact_form .search_p{ background: url(../images/arrow.png) right center no-repeat; background-size: 79px 20px;}
	.contact_form .search_option dd{ font-size: 22px; padding: 0 30px;}
	.contact_form .search_option{ top: 80px;}
	.contact_form li textarea{ height: 210px; line-height: 30px; font-size: 22px; padding: 30px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.contact_map_main{ padding-top: 115px;}
	.contact_box ul{ border-top: 4px solid #e21f2c; padding: 30px 0;}
	.contact_box ul li{ height: 130px;}
	.contact_box ul li:nth-child(1){ width: 41%;}
	.contact_box ul li:nth-child(2){ width: 32%;}
	.contact_box ul li:nth-child(3){ width: 27%;}
	.contact_box ul li:nth-child(1) .contact_box_text{ width: 245px;}
	.contact_box ul li:nth-child(2) .contact_box_text{ width: 211px;}
	.contact_box ul li:nth-child(3) .contact_box_text{ width: 165px;}
	.contact_box_text img{ width: 30px; height: 30px;}
	.contact_box_text p{ font-size: 16px; line-height: 24px; padding-top: 15px;}
	.contact_box_text p span{ font-size: 18px;}
	
	.contact_form li{ padding: 0 8px 20px 0;}
	.contact_form li:nth-child(2n){ padding: 0 0 20px 8px;}
	.contact_form li.button{ padding-top: 30px;}
	.contact_form li input,.contact_form .search_p{ height: 70px; line-height: 70px; font-size: 20px; padding: 0 20px;}
	.contact_form .search_p{ background: url(../images/arrow.png) right center no-repeat; background-size: 71px 18px;}
	.contact_form .search_option dd{ font-size: 20px; padding: 0 20px; line-height: 40px;}
	.contact_form .search_option{ top: 70px;}
	.contact_form li textarea{ height: 210px; line-height: 30px; font-size: 20px; padding: 20px;}
}
@media screen and (max-width:800px){
	.contact_tips{ font-size: 16px; color: #999;}
	.contact_map_main{ width: 100%; overflow: hidden; padding-top: 0;}
	.contact_map_main img{ max-width: 300%; margin-left: -100%;}
	.contact_box{ position: relative; padding: 0 20px;}
	.contact_box ul{ border-top: 0; padding: 0;}
	.contact_box ul li{ width: 100%; height: auto; border-right: 0; border-top: 1px solid #e8e8e8; padding: 20px 0 30px 0;}
	.contact_box ul li:nth-child(1),.contact_box ul li:nth-child(2),.contact_box ul li:nth-child(3){ width: 100%;}
	.contact_box ul li:nth-child(1) .contact_box_text,.contact_box ul li:nth-child(2) .contact_box_text,.contact_box ul li:nth-child(3) .contact_box_text{ width: 100%;}
	.contact_box_text{ position: relative; left: 0; transform: none;}
	.contact_box_text img{ width: 22px; height: 22px; float: left;}
	.contact_box_text p{ font-size: 16px; line-height: 24px; padding-top: 0; margin-left: 35px;}
	.contact_box_text p span{ font-size: 18px;}
	
	.contact_form{ padding-top: 25px;}
	.contact_form li{ width: 100%; padding: 0 0 20px 0;}
	.contact_form li:nth-child(2n){ padding: 0 0 20px 0;}
	.contact_form li.button{ padding-top: 30px;}
	.contact_form li input,.contact_form .search_p{ height: 60px; line-height: 60px; font-size: 16px; padding: 0 20px;}
	.contact_form .search_p{ background: url(../images/arrow.png) right center no-repeat; background-size: 63px 16px;}
	.contact_form .search_option dd{ font-size: 16px; padding: 0 20px; line-height: 30px;}
	.contact_form .search_option{ top: 60px; padding: 10px 0;}
	.contact_form li textarea{ height: 160px; line-height: 24px; font-size: 16px; padding: 20px;}
	.contact_form li.button button{ width: 48%; height: 40px; line-height: 40px; margin-left: 0;}
	.contact_form li.button button.submit{ float: left;}
	.contact_form li.button button.reset{ float: right;}
}

/* 搜索详情 */

.search_ad{ max-width: 1260px; box-sizing: border-box; font-size: 70px; line-height: 50px; text-align: left;}
.search_ad span{ font-family: "RajdhaniSemiBold"; font-size: 36px;}
.page_banner_bottom span{ font-size: 30px; position: relative; margin-right: 43px;}
.page_banner_bottom span::before{content: ""; width: 100%; height: 2px; background-color: #fff; position: absolute; bottom: 2px; left: 0;}
.search_banner_navbar{opacity: 1;}
.search_banner_navbar a{opacity: 1; padding: 0 30px;}
.search{ max-width: 1260px; margin: 90px auto 40px auto; box-sizing: border-box;}
.search_title{ font-size: 60px; padding-bottom: 40px; border-bottom: 1px solid #c9c9c9;}
.search_list{ padding: 55px 0 70px 0;}
.search_list li{ width: 50%; padding: 0 15px 30px 0; box-sizing: border-box; float: left;}
.search_list li:nth-child(2n){ padding: 0 0 30px 15px;}
.search_list_main{ width: 100%; height: 165px; position: relative; background-color: #f2f2f2; transition: 0.3s ease-in-out;}
.search_list_main:hover{ background-color: #e21f2c; color: #fff;}
.search_list_main p{ width: 82%; font-size: 26px; line-height: 42px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@media screen and (max-width:1480px){
	.search_ad,.search{ width: 100%; max-width: none; padding:0 6%;}
}
@media screen and (max-width:1480px) and (min-width:1281px){
	.search_ad{ font-size: 50px; line-height: 34px;}
	.search_ad span{ font-size: 26px;}
	.page_banner_bottom span{ font-size: 28px; margin-right: 35px;}
	.search_title{ font-size: 50px; padding-bottom: 30px;}
	.search{ margin: 80px auto 30px auto;}
	.search_list{ padding: 45px 0 60px 0;}
	.search_list li{ padding: 0 10px 20px 0;}
	.search_list li:nth-child(2n){ padding: 0 0 20px 10px;}
}
@media screen and (max-width:1280px) and (min-width:1025px){
	.search_ad{ font-size: 36px; line-height: 27px;}
	.search_ad span{ font-size: 20px;}
	.page_banner_bottom span{ font-size: 26px; margin-right: 35px;}
	.search_title{ font-size: 46px; padding-bottom: 20px;}
	.search{ margin: 70px auto 20px auto;}
	.search_list{ padding: 35px 0 50px 0;}
	.search_list li{ padding: 0 10px 20px 0;}
	.search_list li:nth-child(2n){ padding: 0 0 20px 10px;}
	.search_list_main p{ font-size: 24px; line-height: 36px;}
}
@media screen and (max-width:1024px) and (min-width:801px){
	.search_ad{ font-size: 24px; line-height: 27px;}
	.search_ad span{ font-size: 21px;}
	.page_banner_bottom span{ font-size: 24px; margin-right: 35px;}
	.search_banner_navbar a{ padding: 0 20px;}
	.search_title{ font-size: 42px; padding-bottom: 20px;}
	.search{ margin: 60px auto 10px auto;}
	.search_list{ padding: 30px 0 40px 0;}
	.search_list li{ padding: 0 10px 20px 0;}
	.search_list li:nth-child(2n){ padding: 0 0 20px 10px;}
	.search_list_main{ height: 140px;}
	.search_list_main p{ font-size: 22px; line-height: 32px;}
}
@media screen and (max-width:800px){
	.search_ad{ display: none;}
	.page_banner_bottom span{ font-size: 16px; margin-right: 20px;}
	.search_banner_navbar a{ padding: 0 20px;}
	.search_title{ font-size: 24px; padding-bottom: 10px;}
	.search{ margin: 40px auto 0 auto; padding: 0 20px;}
	.search_list{ padding: 20px 0 30px 0;}
	.search_list li{ width: 100%; padding: 0 0 15px 0;}
	.search_list li:nth-child(2n){ padding: 0 0 15px 0;}
	.search_list_main{ height: 120px;}
	.search_list_main p{ width: 100%; padding: 0 20px; box-sizing: border-box; font-size: 18px; line-height: 30px;}
}