html,body{width: 100%;overflow-x:hidden; padding: 0!important; margin: 0;background:url(../images/fcrobg.jpg) top center no-repeat;background-attachment: fixed; background-size: cover;}
*{ margin:0; padding:0;}
em{ font-style:normal;}
img {border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
div{box-sizing: border-box;}
/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a,img{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;text-decoration:none;}
img,video{width:auto;height:auto;max-width:100%;vertical-align:middle}
a { background: transparent; text-decoration: none; color: #666; transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
a:active, a:hover { outline: 0;}

.s_width{ width:85%; margin:0 auto; position:relative}
i,em{ font-style:normal;}
.biaoge{overflow-x: auto;}
.biaoge td{padding:0.5% 1%;white-space: nowrap;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;padding: 0.5%;line-height: 31px; }
.biaoge p{font-size: 16px; line-height: 31px;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1}

@font-face {
	font-family: "DINENGSCHRIFTSTD";
	src: url("../css/font/DINENGSCHRIFTSTD.woff2") format("woff2"),
	url("../css/font/DINENGSCHRIFTSTD.woff") format("woff"),
	url("../css/font/DINENGSCHRIFTSTD.ttf") format("truetype"),
	url("../css/font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"),
	url("../css/font/DINENGSCHRIFTSTD.svg") format("svg");
}
.fontDIN {font-family: "DINENGSCHRIFTSTD";}

/*===================== 公用样式 START =====================*/
.pub_title{text-align: center;color: #fff;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.pub_title h3{font-weight: 700;text-transform: uppercase;}
.pub_title p,.pub_title h4{font-weight: 400;}
.img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}


.more-info{ line-height: 40px;}
.more-info ul{width: 100%; margin: 0 auto; padding-top: 20px;}
.more-info li{width: 100%;}
.more-info li a{color: #333;}
.more-info li em{font-weight: 500; padding-right: 15px;}

/*主导航多级菜单*/
/* 头部 */
.tel_header,.arlo_tm_mobile_menu_wrap,.tel_search{display: none;}
.head{ width: 100%;  height: 80px; position: fixed; z-index: 20; top:0;background-color: #fff; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);border-bottom: 3px solid #e20f25;}
.head::before{content: " ";background: url('../images/line.png') no-repeat center top;}
.head .logo{ position: absolute; left: 30px; top:0; z-index: 3;	 height: 100%; font-size: 0; line-height: 80px;}
.head .logo img{ max-height: 80%;}
.headshadow{ width: 100%; height: 80px;}
.headin{ position: relative; z-index: 7; height: 100%; background: #fff ;}
.special.head{ background-color: transparent; border-bottom-color:transparent; box-shadow: none;}
.head.mini{ height: 60px;}
.head.mini .logo{ line-height: 60px;}

.headright{ position: absolute; right: 30px; top:20px; height: 40px; z-index: 14; line-height: 40px;	font-size: 0; text-align: center;}
.headright a{ display: inline-block; height: 30px;	border-radius:15px; vertical-align: middle; line-height: 30px;}

.headright a.glass{ width: 48px; background-image: url('../images/glass1.png');	background-position: center; background-repeat: no-repeat;}
.headright a.glass.on{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.head .tel {z-index: 2;-webkit-transform: translateY(-50%);transform: translateY(-50%);line-height: 24px;padding-left: 36px;color: #010101; margin-top: 6px;}
.head .tel:before {content: " ";position: absolute;left: 0;top: 40%;width: 32px;height: 32px;background-image: url(../images/tel.png);background-size: 100% 100%;background-position: 50% 50%;
background-repeat: no-repeat;-webkit-animation-name: swing;animation-name: swing;-webkit-animat.header .telion-duration: 1.6s;animation-duration: 1.6s;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-timing-function: ease;animation-timing-function: ease;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-play-state: running;animation-play-state: running;-webkit-animation-fill-mode: none;animation-fill-mode: none;}
.head .tel:after{content: ""; margin:13px 0 0 10px; border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); display: inline-block; width: 1px; height: 25px;}
.head .tel span{padding-top: 15px;}
.head .tel .sdd {font-weight: bold;display: inline-block;vertical-align: top; font-size: 0.4rem; padding-left: 0.1rem;}

.head.mini .headright{ top:10px;}

.head.mini .navbtn{ top:10px;}

.topsouout{ padding:15px 0; background-color: rgba(51,51,51,0.8); position: absolute; display: none;	z-index: 8; width: 100%; right:0; top:100%; font-size: 16px;  height: 80px;}
.topsouout .topsou{ position: relative; width: 580px; padding-right: 110px; height:47px;  background-color: #fff; margin: 0 auto; overflow:hidden;}
.topsou .shuru{ width: 100%; height:100%; background-color:#fff; border:none; color:#666; text-indent:20px;}
.topsou .anniu{ position:absolute; top:0; right:0; z-index:2; width:110px; height:100%; border:none; cursor:pointer;
  background-color: #e20f25; color: #fff; text-align: center; -webkit-transition: .3s; transition: .3s;}
.topsou .anniu:hover{ background-color: rgba(226,16,36,0.8);}



.nav{ position: absolute; left:0; top:0; z-index: 10; width: 100%; height: 100%; font-size: 0; text-align: center;}
.nav>li{ display: inline-block; height: 100%; position: relative; z-index: 1;}
.nav>li>a{ display: block; padding: 0 25px; height: 100%; position: relative;  font-size: 17px; color: #333; line-height: 80px;}

.nav>li>a:after{ left:50%; position: absolute; bottom: 0; content: " "; width:0; height: 2px; margin-left: 0; -webkit-transition: .3s; transition: .3s; background-color: #e20f25;}
.nav>li:hover>a:after,.nav>li.on>a:after{ width: 64px; margin-left: -32px;}
.head.mini .nav>li>a{ line-height: 60px;}

@media screen and (max-width:1400px){
  .nav>li>a{ padding: 0 20px;}
}
@media screen and (max-width:1300px){
  .nav>li>a{ padding: 0 15px;}
}
@media screen and (max-width:1200px){
  .nav>li>a{ padding: 0 10px;}
}
@media screen and (max-width:1150px){
  .nav{ width: auto; left: 170px;}
}


dl.navtwo{ width: 140%; display: none; position: absolute; top: 76px; left:-20%; z-index: 1; padding-top: 15px;  -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s;  -o-transition: top 0.3s; transition: top 0.3s;}
dl.navtwo.on{ top:90%;}
dl.navtwo .inner{ width: 100%; background-color: rgba(255,255,255,1); padding: 13px 0;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;  box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);}
dl.navtwo:after{ position: absolute; left:50%; top: 0; margin-left: -11px; content: " "; width: 23px;   background: url('../images/sju1.png') center no-repeat; height: 15px; z-index: 1;}
dl.navtwo dd{ height: 36px; line-height: 36px; text-align: center;}
dl.navtwo dd>a{ display: block; height: 100%; font-size: 16px; color: #666; letter-spacing: 0; overflow: hidden; white-space: nowrap;}
dl.navtwo dd:hover>a{ color: #e11225; letter-spacing: 2px; background-color: #e1e1e1;}
dl.navtwo dd>a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; display: none; border-bottom: 1px solid #da251d; -webkit-transition: .3s; transition: .3s;}
dl.navtwo dd>a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit- transition: width 0.3s;}
#close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; 	background:url('../images/op0-60.png'); cursor: pointer;}
@media screen and (min-width:1024px){
	.navsjout{ display: none;}
}
@media screen and (max-width:1023px){
	.nav{ display: none;}
	.navbtn{ display: block;}
	.navsjout{ display: block;}
	.head_menu,.navbtn2{ display: none!important;}
	.headright{ right: 80px;}
}
@media screen and (max-width:1023px){
	.special.head{ background-color: #fff; border-bottom-color: #e8e8e8;		box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);}
	.head .headin{display: none;}
.tel_header{ width: 95%;margin: 0 auto; height: auto;padding:5px 0 10px 0px;display: flex;align-items: space-between;justify-content: space-between;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */}
		.tel_header .tel_logo{width: 60%;}
		.tel_header .tel_logo img{width: 100%;}
		.arlo_tm_trigger{width: auto;}
		.arlo_tm_trigger .hamburger{padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;
		text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;}
		.arlo_tm_trigger .hamburger-box{width: 30px;height: 18px;display: inline-block;position: relative;margin-top: 14px;}
		.arlo_tm_trigger .hamburger-inner{display: block;top: 50%;margin-top: -2px;}
		.arlo_tm_trigger .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width: 30px;height: 2px;background-color: #f50056;position: absolute;transition-property: transform;transition-duration: 0.15s;
		transition-timing-function: ease;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
		.arlo_tm_trigger .hamburger-inner::before,.arlo_tm_trigger .hamburger-inner::after{content: "";display: block;}
		.arlo_tm_trigger .hamburger-inner::before{top: -8px;}
		.arlo_tm_trigger .hamburger-inner::after{ bottom: -10px;}
		.arlo_tm_trigger .hamburger--collapse-r .hamburger-inner{top: auto;bottom: 0;transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
		.arlo_tm_trigger .hamburger--collapse-r .hamburger-inner::after{top: -16px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;}
		.arlo_tm_trigger .hamburger--collapse-r .hamburger-inner::before{transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
		.arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner{transform: translate3d(0, -10px, 0) rotate(45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
		.arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner::after{top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;}
		.arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner::before{top: 0;transform: rotate(90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);}
		.arlo_tm_trigger .hamburger{padding: 0px;height: 100%;display: table-cell;vertical-align: middle;}
		.arlo_tm_trigger .hamburger-box{display: block;}
		.arlo_tm_trigger .hamburger .hamburger-inner::before,.arlo_tm_trigger .hamburger .hamburger-inner::after,.arlo_tm_trigger .hamburger .hamburger-inner{background-color: #e31124;width: 30px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
		
		.arlo_tm_mobile_menu_wrap{width: 100%;height: auto;clear: both;float: left;background-color: rgba(227,17,36,.97);padding: 30px 20px;display: none;border-bottom: 1px solid rgba(255,255,255,.09);border-top: 1px solid rgba(255,255,255,.09);-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */	}
		.arlo_tm_mobile_menu_wrap .mob_menu{width: 100%;height: auto;clear: both;float: left;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */}
		.arlo_tm_mobile_menu_wrap .mob_menu > ul{margin: 0px;list-style-type: none;}
		.arlo_tm_mobile_menu_wrap .mob_menu > ul > li{ text-align: center;border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.1); line-height: 2rem;}
		.arlo_tm_mobile_menu_wrap .mob_menu > ul > li:last-child{margin-bottom: 0px;}
		.arlo_tm_mobile_menu_wrap .mob_menu > ul > li a{text-decoration: none;color: #fff;font-family: "Montserrat";font-weight: 600;font-size: 19px;}
}
@media screen and (max-width:750px){
	.topsouout .topsou{ width: 70%; padding-right: 10%;}
	.topsou input.anniu{ width: 12.5%;}
}
@media screen and (max-width:640px){
	.head,.headshadow{ height: 60px;}
	.head .logo{ line-height: 60px;}
	.headright{ top:10px;}

	.nav>li>a{ line-height: 60px;}
	.navsjout{ top:60px;}
	.navbtn{ top: 10px;}
}
@media screen and (max-width:540px){
	.head .logo{ left:20px;}
}

  
/*banner*/
.telbanner, .tel_nav {
    display: none;
}
#homeBanner{width:100%;height:98vh;overflow:hidden;z-index:2;background: #000;}
#homeBanner .homeBanner_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1; opacity: 0.5; }
#homeBanner .homeBanner_bg>img{width:100%;height:100%;object-fit:cover;}

#homeBanner .homeBanner_cnt{position:absolute;top:0;align-items:center;justify-content:center;z-index:2;height:100%; text-align: center; color: #fff;}
#homeBanner .homeBanner_h{font-size:2.5vw;line-height:2.5vw;font-weight:bold;letter-spacing:.6vw;text-shadow:rgba(0,0,0,.4) 8px 10px 12px;-webkit-text-shadow:rgba(0,0,0,.5) 8px 10px 12px;}
#homeBanner .homeBanner_p{font-size:18px;text-transform:uppercase;margin-top:1.4vw;margin-bottom:1vw;letter-spacing:.2vw;}

#homeBanner .mouse-of{position:absolute;left:50%;bottom:4vw;width:24px;height:40px;border-radius:40px;-webkit-border-radius:40px;
border:2px solid rgba(255,255,255,.8);margin-left:-20px;z-index:50;overflow:hidden;}
#homeBanner .mouse-of>i{position:absolute;width:3px;height:9px;left:50%;margin-left:-1.5px;top:2px;
-webkit-animation: mouseof 1.5s ease-out infinite;animation: mouseof 1.5s ease-out infinite;}
@keyframes mouseof{
0%{top:-9px;opacity:1;-webkit-opacity:1;}
100%{top:100%;opacity:0;-webkit-opacity:0;}
}
@-webkit-keyframes mouseof{
0%{top:-9px;opacity:1;-webkit-opacity:1;}
100%{top:100%;opacity:0;-webkit-opacity:0;}
}

#homeBanner .banner_bubble{width:6vw;height:6vw;position:absolute;left:50%;bottom:3vw;margin-left:-3vw;z-index:15;}
#homeBanner .swiper-slide{overflow:hidden;}
#homeBanner #video_open{width:100%;height:100%;}

#homeBanner .homeBanner_switch{background:rgba(0,0,0,.7);width:90px;height:90px;line-height:90px;}
#homeBanner .homeBanner_switch i{font-size:24px;margin:20px;}
#homeBanner .homeBanner_switch.swiper-button-prev{left:-30px;}
#homeBanner .homeBanner_switch.swiper-button-next{right:-30px;}

.PubLink {display: inline-block;color:#fff;width: 100px;line-height: 45px;text-align: center;font-family:  Times New Roman;font-size: 15px; background: #054498; padding: 0px 30px; margin-top: 7%;border-radius: 50px}
.PubLink:hover {background: #e40025;color: #fff;}


@media screen and (max-width:1400px){
	#homeBanner{height:80vh;}	
}
@media screen and (max-width:750px){
	#homeBanner{display: none;}
	.section.sec11{height: 240px;}
	.telbanner{display: block;width: 100%; height: 100%;background: url('../images/telabout.jpg') no-repeat center top;background-size: 100%;}
	.telbanner video{height: 100%;width: 100%;}
	
  }

/*首页产品分类*/
.fcro { overflow: hidden;position: relative;background: #ffffff url('../images/fcrobg.jpg') bottom no-repeat;}
.swfcroout {position: relative;max-width: 1600px;margin: 0 auto;}
#swfcro {height: 670px;overflow: visible;}
#swfcro .swiper-slide {width: 1316px;}
#swfcro .swiper-slide .swiperinner {display: block;width: 100%;padding: 146px 0 102px;border-right: 1px solid rgba(45, 112, 180, 0.15);opacity: 0.3;-webkit-transition: .3s;transition: .3s;}
#swfcro .swiper-slide.swiper-slide-active .swiperinner {opacity: 1;}
#swfcro .wz {float: left;width: 35%;height: 100%;}
#swfcro .picout {float: right;position: relative;/*width: 46.65%;*/width: 600px;height: 443px;margin-right: 150px;overflow: hidden;}
#swfcro .pic {width: 100%;height: 100%;font-size: 0;overflow: hidden;}
#swfcro .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: .4s;transition: .4s;}
#swfcro .pic img:hover {-webkit-transform: scale(1.01);transform: scale(1.01);}
#swfcro h3 {font-size: 42px;color: #333;line-height: 58px;height: 58px;font-weight: bold;position: relative;margin-top: 58px;white-space: nowrap;}
#swfcro h3:before {content: '';position: absolute;left: 0;top: -22px;z-index: 0;width: 110px;height: 103px;}
#swfcro h3 a {color: #333;}
#swfcro .txt {font-size: 14px;color: #666;line-height: 24px;min-height: 72px;max-height: 144px;overflow: hidden;margin-top: 34px;}
#swfcro label {display: block;font-size: 16px;color: #333;line-height: 34px;height: 34px;position: relative;}
#swfcro label:before {content: '';position: absolute;left: 200px;top: 16px;z-index: 0;width: 30px;height: 2px;background-color: #e11225;}
#swfcro dl {margin-top: 36px}
#swfcro dd {font-size: 16px;padding: 5px 0;}
#swfcro dd a {padding-left: 26px;color: #555;line-height: 30px;display: block;position: relative;}
#swfcro dd a:before {content: '';position: absolute;left: 0;top: 10px;z-index: 0;border-radius: 50%;width: 8px;height: 8px;background-color: transparent;-webkit-transition: .3s;transition: .3s;border: 1px solid #c1c1c1;}
#swfcro dd a:after {content: '';position: absolute;left: 6px;top: 50%;z-index: 0;width: 0;height: 1px;background-color: #e11225;-webkit-transition: .3s;transition: .3s;}
#swfcro h3:hover a,#swfcro h4:hover,#swfcro dd:hover a {color: #e11225;}
#swfcro dd:hover a {padding-left: 52px;}
#swfcro dd:hover a:before {border-color: #e11225;}
#swfcro dd:hover a:after {width: 32px;}
.swfcroout .sw-next,.swfcroout .sw-prev {position: absolute;top: 50%;width: 50px;height: 50px;z-index: 10;cursor: pointer;font-size: 0;text-align: center;border-radius: 50%;}
.swfcroout .sw-prev {left: 1316px;background: #e11225 url('../images/jtl-fcro.png') center no-repeat;margin-left: -25px;margin-top: -60px;}
.swfcroout .sw-next {left: 1316px;background: #e11225 url('../images/jtr-fcro.png') center no-repeat;margin-left: -25px;margin-top: 10px;}
.swfcroout .sw-prev:hover,.swfcroout .sw-next:hover {background-color: rgba(0, 0, 0, 0.5);}
.swfcroout .sw-next:before,.swfcroout .sw-prev:before {content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(225, 18, 37, 0.1);-webkit-animation: circlepulse 1.5s ease 0s infinite;animation: circlepulse 1.5s ease 0s infinite;}
.swfcroout .sw-next,.swfcroout .sw-prev {-webkit-animation: pin02 3s ease-in-out 0s infinite;animation: pin02 3s ease-in-out 0s infinite;}
@-webkit-keyframes pin02 {
	0% {-webkit-box-shadow: 0px 0px 0 0px rgba(225, 18, 37, 0.2);box-shadow: 0px 0px 0 0px rgba(225, 18, 37, 0.2);}
	50% {-webkit-box-shadow: 0px 0px 0 20px rgba(225, 18, 37, 0.2);box-shadow: 0px 0px 0 20px rgba(225, 18, 37, 0.2);}
	100% {-webkit-box-shadow: 0px 0px 0 0px rgba(225, 18, 37, 0.2);box-shadow: 0px 0px 0 0px rgba(225, 18, 37, 0.2);}
}
#swfcro .swiper-pagination {left: 26px;bottom: 20px;}
#swfcro .swiper-pagination-bullet {margin: 0 13px;opacity: 1;border: 1px solid #fff;background-color: transparent;outline: 0 none;-webkit-transition: 0.4s;transition: 0.4s;}
#swfcro .swiper-pagination-bullet-active {background-color: #fff;}
@media screen and (max-width: 1400px) {
.cer8 .pro_more{right: 5%;}
#swfcro {overflow: hidden;}
#swfcro .swiper-slide {width: 100%;}
#swfcro .swiper-slide .swiperinner {border-right: 0 none;}
#swfcro .picout {margin-right: 30px;}
#swfcro .wz {width: 40%;}
.swfcroout .sw-next {left: auto;margin-left: 0;right: 0;margin-top: -25px;}
.swfcroout .sw-prev {left: 0;margin-left: 0;margin-top: -25px;}
}
@media screen and (max-width: 1200px) {
#swfcro .picout {width: 100%;height: auto;}
#swfcro h3 {font-size: 36px;margin-top: 20px;}
}
@media screen and (max-width: 1023px) {
#swfcro {height: auto;}
#swfcro .swiper-slide .swiperinner {padding: 0 0 0;}
#swfcro .picout {float: none;margin: 0 auto;}
#swfcro .wz {float: none;width: 600px;max-width: 100%;margin: 0 auto;}
.swfcroout .sw-next,.swfcroout .sw-prev {top: 45%;}
}
@media screen and (max-width: 700px) {
	#homeBanner .homeBanner_bg {width: 120%; height: 120%;}
.cer8 .pro_more{display: none;}
#swfcro h3 {font-size: 30px;line-height: 50px;height: 50px;}
.swfcroout .sw-next,.swfcroout .sw-prev {top: 40%;}
}
@media screen and (max-width: 600px) {
#swfcro .picout {width: 100%;height: auto;padding: 40px;}
.swfcroout .sw-next,.swfcroout .sw-prev {top: 35%;}
}


/*产品展示*/
.pro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:5vh 0 8vh 0;  background:#f9f9f9; background-attachment: fixed; background-size: cover;}
.pro h2{text-align: center;font-size: 40px; font-weight:800;  margin-bottom: 0.5rem; color: #000;}
.pro h2 em{font-weight: 500;display: block; font-size: 16px; color: #999999;text-transform: uppercase;}

#top_scroll {overflow: hidden;width:85%; margin:5vh auto 0 auto; padding-bottom: 3%; height: 800px;}
#top_scroll li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#top_scroll li .img img{ width: 100%; height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll li .proText{ padding:20px 0; transition: .4s;-webkit-transition: .4s;}
#top_scroll li strong{display: block; color: #333333;  margin-bottom: 8px;  text-align: center;font-weight: 700;}
#top_scroll .pro_tel{display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content:center;width: 80%; margin: 0 auto;}
.protel_cont{ display: block;line-height: 36px; font-style: normal;-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(left,#ce1b1b, #a90808);font-family: impact; text-align: center; }
 .protel_img img{margin-right: 10px; margin-top: 0;}

.telpro{display: none;}

@media screen and (max-width:750px){
	#top_scroll{display: none;}
	.telpro{display: block;width: 95%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;}
	.telpro li{width: 49%; margin: 0 1% 1% 0;}
	.telpro li:nth-child(2n){margin-right: 0;}
	.telpro li .proText{ padding:10px 0; transition: .4s;-webkit-transition: .4s; font-size: 18px;background: #f2f2f2;}
	.telpro li strong{display: block; color: #333333;    text-align: center;font-weight: 700;}
}

/*公司简介*/
.fabout {padding: 90px 0 116px;background: url('../images/about.jpg')  no-repeat center top; background-size: 100%;}
.cer11 {max-width: 1152px;margin: 0 auto;padding: 0 30px;}
.fcate1 {text-align: center;}
.fcate1 .cn {font-size: 40px;color: #000;line-height: 46px;font-weight: bold;overflow: hidden;}
.fcate1 .cn em{font-weight: 500;display: block; font-size: 16px; color: #999999;text-transform: uppercase;}
.fabcon {margin: 30px auto;font-size: 17px;color: #666;line-height: 32px;text-align: center;}
.fabcon img {max-width: 100%;}
.fabout .liaojie {font-size: 16px;color: #e11125;line-height: 32px;text-align: center;display: block;height: 32px;}
.fabout .liaojie:hover {text-decoration: underline;}
.fablist {overflow: hidden;font-size: 0;text-align: center;margin-top: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.fablist li {display: inline-block;width: 220px;max-width: 25%;}
.fablist li a {display: block;padding-bottom: 6px;}
.fablist .pic {height: 58px;line-height: 58px;}
.fablist .pic img {max-width: 100%;max-height: 100%;}
.fablist h3 {font-size: 22px;color: #000;height: 34px;line-height: 34px;margin-top: 16px;-webkit-transition: 0.3s;transition: 0.3s;}
.fablist li:hover h3 {color: #e11125;}
.fablist .txt {font-size: 16px;color: #333;line-height: 26px;}
@media screen and (max-width: 1023px) {
.fablist li {width: 50%;max-width: none;margin-bottom: 20px;}
}
@media screen and (max-width: 750px) {
.fabout {padding: 40px 0 20px;}
.fablist h3 {font-size: 18px;}
.cer11{max-width: 95%;padding:0}
.fabcon{font-size: 16px;;}
}

/*自定义*/
.fuwu{width: 100%; margin:0px auto; position: relative; overflow: hidden; background:url(../images/fuwu.jpg)no-repeat center top;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; padding:9% 0 0 0;}
.fuwu .fuwu_l{width: 60%;}
.fuwu .fuwu_r{width: 35%; z-index: 10;}
@-webkit-keyframes yunMove {
0% {left: 0;}
100% {left: -100%;}
}

@keyframes yunMove {
0% {left: 0;}
100% {left: -100%;}
}
.c-earth-box .c-wrap {/* transition: linear .3s; */}
.c-earth-box .c-box {position: relative;z-index: 1;transform: scale(1.1,1.1);}
.c-earth-box .c-box>img{width:80%;-webkit-transform: translateX(-0%);transform: translateX(-0%);}
.c-earth-box .c-yun-box{position: absolute;top: 0;left: 0;z-index: 3;width: 200%;height: 100%;animation: yunMove 100s infinite linear;}
.c-earth-box .c-yun-box img {float: left;width: 50%;height: 100%;/* object-fit: cover; */}
.c-b-box{position: relative;z-index:1;}

.fuwu .fuwu_r h2{ font-size: 0.7rem; font-weight: 500;}
.fuwu .fuwu_r h2 em{display: block; font-size: 0.8rem; color: #054498; font-family: inherit; font-weight: 700;text-transform: uppercase;}
.fuwu .fuwu_r ul{width: 100%; margin-top: 0.8rem;}
.fuwu .fuwu_r li{line-height: 0.5rem; font-size: 0.24rem;}
.fuwu .fuwu_r li i{margin-right:15px;}
.fuwu .fuwu_r .PubLink{width: 150px;}

/*news*/
.news{width:100%; margin: 0 auto; padding: 3% 0;background: #fff;}
.news h2{text-align: center;font-size: 40px; font-weight:800;  margin-bottom: 0.5rem; color: #000;}
.news h2 em{font-weight: 500;display: block; font-size: 16px; color: #999999;text-transform: uppercase;}

.news_cont{position: relative;width: 85%; margin: 0 auto 2% auto;}
.c-list {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.c-list li {width: 24%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1);}
.c-list li .c-wrap {position: relative;z-index: 1;display: block;height: 30vh;overflow: hidden;border-bottom: 1px solid #d0d0d0;}
.c-list li .c-wrap:before {opacity: 0;content: "";position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);transition: all 0.5s;}
.c-list li .c-wrap:after {content: "";position: absolute;bottom: -100%;left: 0;z-index: 3;width: 100%;height: 156px;background: rgba(225,18,37,.7);transition: all 0.5s;}
.c-list li .c-wrap:hover:after {bottom: 0;}
.c-list li .c-wrap img {position: relative;z-index: 2;opacity: 0;transition: all 0.5s;width: 100%;height: 100%;object-fit: cover;}
.c-list li .c-wrap .c-text-box {position: absolute;bottom: 50%;left: 0;padding: 20px 30px;z-index: 5;width: 100%;color: #fff;-webkit-transform: translateY(50%);transform: translateY(50%);transition: all 0.5s;}
.c-list li .c-wrap .c-text-box .c-time {line-height: 36px;color: #666;transition: all 0.5s;}
.c-list li .c-wrap .c-text-box .c-title {color: #333;height: 60px;font-size: 16px;line-height: 30px;transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2; text-align: left;}
.c-list li .c-wrap .c-text-box .c-arrow {opacity: 1;height: 65px;transition: all 0.5s; color: #666; overflow: hidden; line-height: 31px;} 
.c-list li .c-wrap:hover:before, .c-list li .c-wrap:hover img,.c-list li .c-wrap:hover .c-mask-red {opacity: 1;}
.c-list li .c-wrap:hover .c-text-box .c-arrow{display: none;}
.c-list li .c-wrap:hover .c-text-box{bottom: -30px;-webkit-transform: translateY(0);transform: translateY(0);}
.c-list li .c-wrap:hover .c-text-box .c-time, .c-list li .c-wrap:hover .c-title{color: #fff;}

.anewa{transition:all 1s ease;opacity:1;margin-left:0;}
.hz_new_b{margin-left:200px;opacity:0}
.anewb{transition:all 1s ease 0.5s;opacity:1;margin-left:0;}
.hz_new_c{width:0;height:88px;background:#e77d1b;position:absolute;left:0;top:-88px;}
.anewc{width:7px;top:0;transition:all 1s ease 0.5s;}
.anewmore{right:0;transition:all 1s ease 0.5s;opacity:1}
.news_cont_content{width:200px;position:absolute;height:70px;top:50%;left:50%;margin-left:-50px;margin-top:-35px;opacity:0;}
.news_cont_content li{width:32%;margin:0 2% 0 0;height:100%;position:relative;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;list-style:none;}
.news_cont_content li:nth-child(3){margin-right:0}
.new_ut_z_m{color:#fff;padding-left:70px;position:relative;float:right;}
.new_ut_z_m::after,.new_ut_z_m::before{content:"";display:block;overflow:hidden;position:absolute;left:0;top:0;bottom:0;margin:auto;transition:.5s;}
.new_ut_z_m::after{width:60px;height:1px;background:rgba(255,255,255,0.5);}
.new_ut_z_m::before{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,1);}
.new_ut_z_m:hover{color:#ff9a00;}
.new_ut_z_m:hover::before{left:60px;background:#ff9a00;}

@media screen and (max-width: 1280px) {
	.c-list li .c-wrap{height: 32vh;}
}

@media screen and (max-width:750px){
	.news_cont{position: relative;width: 95%; }	
	.c-list li{width: 100%;}
}

/*footer*/
.fixed_swt{display: none;}
.footer { padding:3% 0 0 0; background:url(../images/end.jpg)no-repeat center top;  position: relative; color: #fff; overflow: hidden; border-top: 3px solid #e20f25;}
.footer .s_width{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.footer  .footer_l{width: 40%;}
.footer  .footer_l{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.footer  .footer_l h2{font-size: 23px;margin-bottom: 20px;}
.footer  .footer_l h2 a{color: #e20f25;}
.footer  .footer_l li{}
.footer  .footer_l li a{font-size: 16px; line-height: 31px;transition: .5s; color: #000;}
.footer  .footer_l li a:hover{color: #000;}
.footer  .footer_r{width: 320px;}
.footer  .footer_r ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.footer  .footer_r li{width: 150px;}
.footer  .footer_r li img{width: 100%;}
.footer  .footer_r li em{color: #666; font-size: 14px; line-height: 25px;width: 85%; margin: 0 auto; text-align: center;display: block;}

.end{width: 100%; background:#fafafa url(../images/end.png)no-repeat right top; margin: 5% auto 0 auto;}
.end  .s_width{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.end .end_l{width: 50%; color: #333; font-size: 15px;}
.end .end_l a{color: #333;}
.end .end_r{width: 350px;}
.end .end_r ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.end .end_r li a{font-size: 14px; color: #fff; line-height: 35px;}
.beian{width: 500px; margin: 0 auto;}
.beian a{color: #333;font-size: 16px;}

.news_box{width: 85%; margin: 0 auto;}
.news_box li{ line-height: 55px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.news_box li span{float: right;}
.flex {display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;width: 100%;  margin: 0 auto;}
.flex-center{width: 85%; margin: 5% auto; text-align: center;}


@media screen and (max-width: 1400px) {
	.end{background: #e20f25;}	
	.end .end_l{color: #fff; font-size: 14px;}
	.end .end_l a{color: #fff;}
}


@media screen and (max-width: 790px) {
	.footer,.end,.beian{display: none;}
	.fixed_swt{height:1.52rem; width: 100%; display: block;}
	.fixed_swt p{max-width:10rem;height:1.52rem;position:fixed;left:0;right:0;bottom:0;margin:0 auto;line-height:1.2;font-family:"微软雅黑";background:url(../images/m_dbflbg.png) right top no-repeat;background-size:10.2rem;overflow:hidden;z-index:9999;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
	.fixed_swt p .btn1{width:40.5%;padding:.36rem 0 .36rem .72rem}
	.fixed_swt p .btn1 strong{padding-left:.6rem;font-size:.38667rem;color:#f5350d;font-weight:bold;display:block;position:relative}
	.fixed_swt p .btn1 strong::before{content:"";width:.44rem;height:.44rem;background:url(../images/m_dbfl01.png) center no-repeat;background-size:100%;display:block;position:absolute;left:0;top:0;bottom:0;margin:auto 0}
	.fixed_swt p .btn1 span{padding:.04rem .28rem;border:1px solid #f5350d;border-radius:.26667rem;font-size:.28rem;color:#f5350d;text-align:center;display:table;margin-top:.10667rem}
	.fixed_swt p .btn2{width:59.5%;padding:.30667rem 0 .30667rem 1.37333rem;background:url(../images/m_dbfl02.gif) left center no-repeat;background-size:1.33333rem;font-size:.32rem;color:#ffffff}
	.fixed_swt p .btn2 strong{font-size:.48rem;display:block}
	
	#floatbom_id{position:fixed;bottom:-1.73333rem;z-index:100;opacity:0;transition:all .5s}
	#floatbom_id.active{opacity:1;bottom:0rem}

}
/* ===================== 内页 Banner 图 ===================== */
/*线型*/

/*内页二级导航2*/



/*内页banner2*/
.mac{width:1440px;max-width:90%;margin:0 auto;}
.columnBanner{height:36vw;position:relative;overflow:hidden;background-color: #0c0c0c;}
.columnBanner:before{content:'';position:absolute;left:0;top:0;height:100%;width:65%;background: linear-gradient(to right,#0c0c0c 50%, transparent);z-index:2;}
.columnBanner ._bg{position:absolute;top:0;left:0;width:100%;height:100%;padding-top: 80px;}
.columnBanner ._bg img{width:100%;height:100%;object-fit:cover;}
.columnBanner ._info{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;width:100%;padding-top: 80px;white-space: nowrap;}
.columnBanner_title{line-height:1;}
.columnBanner_title ._en{font-weight:bold;font-size:94px;text-transform:uppercase;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom,rgba(255,255,255,.2), transparent);}
.columnBanner_title ._en font{text-transform:uppercase;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom,rgba(255,255,255,.2), transparent);}
.columnBanner_title ._cn{font-size:50px;font-weight:bold;margin-top:-25px;color: #fff;}
.main{width: 100%; background: #ebf1f5; padding: 5% 0;}
.se_about{ width:85%; margin:0 auto 0 auto; padding: 4%; background: #fff;box-shadow: 0 0 10px #d8d8d8;}
.se_about h2{font-size: 0.5rem;color: #054498;line-height: 48px;font-weight: bold;height: 48px;overflow: hidden;}

.se_about_cont{width: 100%; margin:3% auto;}
.se_about_cont p{ line-height: 31px; margin-bottom: 15px;text-indent:2em;}
.se_about_cont p img{margin-top: 2rem;text-indent:-4em; display: block;}


@media screen and (max-width: 790px) {
	.columnBanner{height:270px;}
	.columnBanner ._bg{padding-top: 0px;}
	.columnBanner ._info {top: 42%;}
	.columnBanner_title ._en{font-size: 51px;}
	.columnBanner_title ._cn{    font-size: 35px;}
}

/* ===================== 内页 Banner 图 ===================== */

.mbx{ width:100%; height:60px;   border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.mbx .mbx_cont{ width:85%; margin:0 auto; font-size:16px; line-height:60px; color:#333}
.mbx .mbx_cont a{color: #333;}

@media (max-width:1280px){
	#nyba{height:350px;}
}

@media (max-width:750px){
	#nyba{height:150px;}
}


/*内页关于我们*/
.tel_about{display: none;}
.about-wrapper { margin: 5% auto; width: 85%;} 
.about-wrapper p{font-size: 16px; line-height: 31px;text-indent:2em;;}
.about-slick { float: left; width: 50%; position: relative; z-index: 2; } 
.about-slick .slick-slide img { display: block; width: 100%; } 
.about-slick .slick-prev { background-image: url(../images/about-prev.png); right: -86px; } 
.about-slick .slick-next { background-image: url(../images/about-next.png); right: -172px; } 
.about-slick .slick-arrow { position: absolute; outline: none; border: none; top: 0; font-size: 0; width: 86px; height: 86px; background-repeat: no-repeat; background-position: center; background-color: #fff; cursor: pointer; }
.about-slick .slick-dots { text-align: right; margin-top: 28px; } 
.about-slick .slick-dots li { display: inline-block; margin-left: 18px; width: 18px; height: 18px; border-radius: 100%; border: 1px solid transparent; padding: 4px; } 
.about-slick .slick-dots li button { outline: none; border: none; font-size: 0; width: 10px; height: 10px; border-radius: 100%; display: block; background-color: #222c3c; cursor: pointer; margin: 4px auto;} 
.about-slick .slick-dots li.slick-active { border-color: #e31024; } 
.about-slick .slick-dots li.slick-active button { background-color: #e31024; } 
.about-slick:after { content: ''; width: 872px; height: 437px; background: url(../images/about-dot.png) no-repeat; position: absolute; right: -70px; bottom: -70px; z-index: -1; } 

.wp2 {width: 94%;max-width: 1320px;margin: 0 auto;}
.about-text { float: right; width: 64%; position: relative; margin-left: -14.6%; margin-top: 86px; padding-right: 8%; } 
.about-text .con { background-color: #f1f6ff; padding: 50px 10% 40px 37%; } 
.about-text .con h3 { font-size: 40px; color: #333333; line-height: 50px; padding-bottom: 30px; position: relative; } 
.about-text .con h3:before { content: ''; width: 60px; height: 4px; background-color: #e31024; border-radius: 2px; position: absolute; left: 0; bottom: 0; } 
.about-text .con h3:after { content: ''; width: 10px; height: 4px; background-color: #1f202a; position: absolute; left: 66px; bottom: 0; border-radius: 2px; } 
.about-text .con p { font-size: 16px; color: #333333; line-height: 31px; margin-top: 30px; } 

.about-ability { position: relative; margin-bottom: 130px; } 
.about-ability .a-text { float: left; width: 53%; padding-left: 15.6%; padding-right: 120px; } 
.about-ability .a-text .title { line-height: 70px; } 
.about-ability .a-text .title h2 { display: inline-block; font-size: 60px; color: #26282a; } 
.about-ability .a-text .title span { display: inline-block; font-size: 14px; color: #d3d3d3; line-height: 16px; text-transform: uppercase; font-weight: bold; } 
.about-ability .a-text p { font-size: 18px; color: #26282a; line-height: 36px; } 
.about-ability .about-pic { float: right; width: 47%; position: relative; padding-bottom: 218px; margin-top: 34px; } 
.about-ability .about-pic img { display: block; width: 100%; } 
.about-ability .about-pic:after { content: ''; width: 872px; height: 437px; background: url(../images/about-dot.png) no-repeat; position: absolute; right: 15.6%; bottom: 0; z-index: -1; } 
.about-ability .about-pic:before { content: ''; width: 112px; height: 104px; background: #e11225; background: -moz-linear-gradient(66deg, #e11225 0%, #e11225 100%); background: -webkit-linear-gradient(66deg, #e11225 0%, #e11225 100%); background: -o-linear-gradient(66deg, #e11225 0%, #e11225 100%); background: -ms-linear-gradient(66deg, #e11225 0%, #e11225 100%); background: linear-gradient(66deg, #e11225 0%, #e11225 100%); position: absolute; left: -20px; top: -20px; z-index: -1; } 
.about-pic1 { position: absolute; bottom: 158px; left: 15.6%; z-index: 1; } 
.about-pic2 { position: absolute; bottom: 50px; left: 38%; } 
.about-box p { font-size: 18px; color: #555555; line-height: 36px; margin-bottom: 9px; } 
.about-h2 {font-size: 60px;line-height: 70px;color: #1d2532;text-align: center;padding-top: 24px;position: relative;z-index: 1;margin-bottom: 36px;}
.about-h2:before {content: '';width: 100%;height: 64px;background: url(../images/about-wz.png) no-repeat center;position: absolute;top: 0;left: 0;z-index: -1;}
.about-service { background-color: #f0f3fa; padding-top: 66px; overflow: hidden; } 
.about-service .wp2>p { font-size: 18px; color: #555555; line-height: 28px; text-align: center; margin-bottom: 70px; } 
.fw-ul { position: relative; z-index: 1; } 
.fw-ul li { float: right; width: 190px; margin-right: 13.5%; text-align: center; background-color: #ffffff; height: 180px; padding-top: 26px; border-radius: 10px; margin-bottom: 108px; -webkit-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -moz-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -ms-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -o-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); position: relative; } 
.fw-ul li.l1 { margin-right: 0 } 
.fw-ul li p { font-size: 16px; color: #1d2532; line-height: 26px; } 
.fw-ul li .img { margin-bottom: 25px; } 
.fw-ul li:after { content: ''; width: 90%; height: 30px; background-color: #fff; position: absolute; left: 10px; bottom: -10px; border-radius: 10px; z-index: -1; -webkit-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -moz-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -ms-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -o-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); } 
.fw-ul:before { content: ''; max-width: 1121px; height: 353px; background: url(../images/about-pic.png) no-repeat; position: absolute; top: 50px; right: 68px; z-index: -1; width: 100%; } 
.fw-img { display: none; } 


@media screen and (max-width: 790px) {
	.about-slick { float: none; width:95%;margin: 0 auto; }
	.about-slick:after{background: none;}
	.about-slick .slick-prev,.about-slick .slick-next { display: none; } 
	.about-slick .slick-dots li button {width: 8px;height: 8px;padding: 0;}
	.about-slick .slick-dots {margin-top: 0;}
	.about-slick .slick-dots li{width: 8px;height: 8px;padding: 0;margin-left: 10px;}
	.about-slick .slick-dots{text-align: center;}

	.about-text{float: none;width: 95%; margin: 0 auto;padding-right: 0}
	.about-text .con {	padding: 20px;	}
	.about-text .con h3 {	font-size: 24px;	padding-bottom: 15px;	text-align: center;	}
	.about-text .con h3:before {	left: 44%;	width: 9%;	}
	.about-text .con h3:after {	left: 54%;	}
	.about-text .con p {	margin-top: 15px;margin-left: 0;	}
	.about-wrapper, .about-ability {	width: 94%;	margin: 0 auto 30px;	}
	.about-text, .about-ability .a-text {	margin-top: 0;	float: none;	width: auto;	margin: 0;	padding: 0;	}
	.about-h2, .about-ability .a-text .title h2 {	font-size: 26px;	line-height: 36px;	margin-bottom: 10px;	}
	.about-ability .a-text .title span {	top: 4px;	position: relative;	}
	.about-ability .a-text p {	font-size: 16px; line-height: 30px;	}
	.about-ability .about-pic {	float: none;	width: auto;	padding-bottom: 0;	}
	.about-ability .about-pic:before {	top: -12px;	}
	.about-pic1, .about-pic2,.about-service {	display: none;	}
	.tel_about{display: block;}

}

/*内页企业文化*/
.telabout_honor{display: none;}
.about_honor{width:100%; margin:0 auto 0 auto;background:url(../images/about2.jpg) top center no-repeat; padding: 4% 0; overflow: hidden; height: 750px;}
.about_honor h2{ font-weight: 400; text-align: center; text-transform: uppercase;}
.about_honor h2 em{display: block; font-weight: 800; color: #c8141f;}
.swiper-history .swiper-history-time{text-align: center;background: url("../images/line.png") center no-repeat;}
.swiper-history .swiper-history-time .year-num {font-size: 40px;color: #808080;}
.swiper-history .swiper-history-time .year-num span {color: #808080;}
.swiper-history .swiper-history-time .text{ font-size: 18px;line-height: 28px;color: #666;margin: auto;overflow: hidden;display: none;}
.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 250px;color: #808080;padding-top: 40px;}
.swiper-history .swiper-history-time .swiper-slide-active .year-num span {color: #ca1421;}
.swiper-history .swiper-history-time .swiper-slide-active .text{display: block;height: 130px;}
.swiper-history .swiper-history-time .swiper-button-next,.swiper-history .swiper-history-time .swiper-button-prev {background-color: #fff;width: 50px;height: 50px;border-radius: 100%;border: 2px solid #ccc;opacity: 1;}
.swiper-history .swiper-history-time .swiper-button-next {right:18%;background: url("../images/right.png") center no-repeat;}
.swiper-history .swiper-history-time .swiper-button-prev {left:18%;background: url("../images/left.png") center no-repeat;}


.culture{background-color:#f8fbfd;padding:5% 0;}
.culture ul{width: 85%; margin: 0 auto;}
.culture li{font-size: 16px; line-height: 31px;}
.culture li em{font-weight: 800; font-size: 26px; display: block;}

.wenhuasec {overflow: hidden;width: 100%;position: relative;height: 760px;background-color: #fff;}
@media screen and (max-height: 1200px) {
.wenhuasec {    height: 600px;}
}
.secbg {position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.secbg21 {background-image: url('../images/whbg1.jpg');}
.secbg22 {background-image: url('../images/whbg2.jpg');background-position: right;}
.secbg23 {background-image: url('../images/whbg3.jpg');}
.secbg24 {background-image: url('../images/whbg4.jpg');}
.secwz {display: -webkit-box;display: -ms-flexbox;display: flex;width: 50%;height: 100%;color: #fff;position: absolute;right: 50%;top: 0;z-index: 2;margin-right: -800px;}
.secwz.odd {left: 50%;margin-left: -800px;right: auto;margin-right: auto;}
.secwz .inner {margin: auto 0;width: 100%;}
.secwz h3 {font-size: 42px;line-height: 52px;font-family: "Century";text-transform: uppercase;}
.secwz h3 span {display: block;}
.secwz h4 {font-size: 32px;line-height: 70px;font-weight: bold;margin-top: 10px;}
.secwz .hx {width: 100%;height: 1px;background-color: rgba(255, 255, 255, 0.2);margin: 28px 0 34px;}
.secwz .txt {font-size: 16px;line-height: 34px;max-height: 204px;overflow: hidden;}
@media screen and (max-width: 1630px) {
.secwz {right: 10%;margin-right: 0;}
.secwz.odd {left: 10%;margin-left: 0;right: auto;margin-right: auto;}
}
@media screen and (max-width: 1023px) {
.secwz {right: 5%;}
.secwz.odd {left: 5%;}
}
@media screen and (max-width: 750px) {
.secwz h3 {font-size: 32px;line-height: 44px;}
.secwz h4 {font-size: 22px;line-height: 36px;}
.secwz .txt {font-size: 18px;line-height: 30px;}
.about_honor{display: none;}
.telabout_honor{width: 100%;    margin: 5% auto;display: block;}
.telabout_honor ul{width: 100%;}
.telabout_honor li{  line-height: 31px; padding-left: 3%;background: #f2f2f2; margin-bottom: 2%;font-size: 16px;}
.telabout_honor li i{color: #c9151e; margin-right: 10px; font-family: 700;display: block;font-weight: 800;}

}
@media screen and (max-width: 600px) {
.secwz {width: 328px;}
}


/*内页资质荣誉*/
.rongyumain {padding: 100px 0 90px;}
.rylist {overflow: hidden;padding: 0 0 50px;max-width: 1500px;margin: 60px auto 0;}
.rylist li {float: left;width: 33.33%;margin-bottom: 50px;}
.rylist li .lin {padding: 0 30px;}
.rylist li a {display: block;position: relative;border: 1px solid #e7e7e7;}
.rylist li .pic {width: 100%;overflow: hidden;position: relative;font-size: 0;text-align: center;}
.rylist li img {max-width: 100%;max-height: 100%;}
.rylist li h3 {padding: 0 30px;position: relative;overflow: hidden;}
.rylist li h3 span {position: relative;text-align: center;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 16px;color: #333;line-height: 40px;white-space: nowrap;padding: 15px 30px 15px 0;
background: url('../images/glass2.png') right no-repeat;border-top: 1px solid #ebebeb;}
.rylist li h3 em {position: relative;text-align: center;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 16px;color: #333;line-height: 25px;padding: 15px 0 15px 0;
border-top: 1px solid #ebebeb;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.rylist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;background-image: -webkit-gradient(linear, left top, right top, from(#e40c24), to(#be061a));background-image: linear-gradient(to right, #e40c24, #be061a);}
.rylist li h3 span,.rylist li h3 em,.rylist li h3:before {  -webkit-transition: .5s;  transition: .5s;}
.rylist li:hover h3 span {  color: #fff; text-align: center;  background-image: url('../images/glass2h.png');  border-top-color: transparent;}
.rylist li:hover h3 em {  color: #fff; text-align: center;  }
.rylist li:hover h3:before {  width: 100%;  left: 0;  -webkit-transition: width .5s;  transition: width .5s;}
@media screen and (max-width: 1440px) {
.rylist {padding: 0 0 40px;}
.rylist li .lin {padding: 0 20px;}
}
@media screen and (max-width: 1100px) {
.rylist {padding: 0 0 30px; margin-top: 0;}
.rylist li .lin {padding: 0 15px;}
.rylist li {width: 50%;}
.rylist li h3 {padding: 0 20px;}
}
@media screen and (max-width: 640px) {
.rongyumain {padding: 30px 0 80px;}
.rylist li {width: 100%;}
}


/*内页联系我们*/
.contact-uss {padding: 97px 10% 90px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.solute-title strong {display: block;margin-bottom: 22px;line-height: 1;color: #e03a3a;font-weight: normal;font-size: 38px;}
.solute-title small {display: block;line-height: 1;color: #999999;font-size: 28px;font-weight: lighter;text-transform: uppercase;}
.complaint-info {margin-top: 80px;margin-bottom: 155px;}
.complaint-info p {color: #333333;font-size: 16px;}
.add-list {width: 42.578%;}
.add-list p {position: relative;height: 74px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;
padding-left: 10px;border-bottom: 1px solid #eeeeee;color: #333333;font-size: 16px;}
.add-list p:before {position: absolute;left: 0;bottom: -1px;content: "";width: 54px;height: 1px;background: #e03a3a;}
.tels b {display: block;line-height: 1;color: #e03a3a;font-weight: normal;}
.tels p{ line-height: 45px;}


/*内页产品展示*/
.se_pro{width: 85%; margin: 2% auto;}
.sepro_mbx{margin-top: 80px; width:100%; height:60px;   padding: 10px 0;-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;background-color: #fafafa;
border-bottom: 1px solid #dadada;}
.sepro_mbx .mbx_cont{ width:85%; margin:0 auto; font-size:16px; line-height:34px; color:#333}
.sepro_mbx .mbx_cont a{color: #333;} 
.sepro_mbx .mbx_cont i{width: 20px; height: 20px; margin-right: 10px;display: inline-block;}
.sepro_mbx .mbx_cont i img{width: 100%;}
.category{border: #ececec solid 1px;padding: 20px;margin-bottom: 40px;background: #fbfbfb;}
.category span{font-size: 20px; font-weight: 700; margin-bottom: 20px;display: block; color: #e21225; text-align: center;}
.category ul{display: flex; display:-webkit-flex; -webkit-justify-content:center;   justify-content:center;flex-wrap: wrap;}
.category li{width: 200px; text-align: center;margin-right: 20px;}
.category li a{ font-size:18px; color:#333; line-height:70px;transition: all 0.5s; display:block; position:relative; transition: 0.3s;}
.category li:hover{ border-left:1px solid #e21225;}
.category li a:hover{ color:#fff;text-decoration: none; font-weight: bold; background: #e21225; }
.category li.cu_active a{ color:#fff;font-weight: bold; background: #e21225;}

.sepro_search{ width: 85%; margin:1% auto 0 auto;}
.sepro_search .topsou{ position: relative; width: 530px; padding-right: 110px; height:47px;  background-color: #e7e6e6; margin: 0 auto; overflow:hidden;}
.sepro_search .shuru{ width: 100%; height:100%; background-color:#e7e6e6; border:none; color:#666; text-indent:20px;}
.sepro_search .anniu{ position:absolute; top:0; right:0; z-index:2; width:110px; height:100%; border:none; cursor:pointer;
  background-color: #e20f25; color: #fff; text-align: center; -webkit-transition: .3s; transition: .3s;}
.sepro_search .anniu:hover{ background-color: rgba(226,16,36,0.8);}

.se_tuandui { width:85%; margin:0 auto 1rem auto;}
.se_tuandui ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.se_tuandui li{ width:23%; margin:0 2% 2% 0; position:relative; overflow:hidden;}
.se_tuandui li:nth-child(4n){ margin-right:0px;}
.se_tuandui li .p-img{  margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden;width: 100%;object-fit: cover; object-position: center; }
.se_tuandui li .p-name{ line-height:65px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center; font-weight: 500; color:#333;background:#f2f2f2;text-transform: uppercase; word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.se_tuandui li .p-img img{ width:100%; height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:18px; line-height:35px; color:#333;}
.se_tuandui p span{ font-size:17px;  color:#333;}
.se_tuandui ul li:hover{cursor:pointer; }
.se_tuandui ul li:hover .p-name{ color: #e31124;}

@media screen and (max-width: 790px) {
	.se_pro{width: 95%; }
	.category{padding: 10px;}
	.category li{width: auto; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding: 0 10px;margin:0 5px 10px 5px;}
	.category li a {font-size: 16px; line-height: 50px;}
	.category li.cu_active a {padding: 0 10px;}
	.sepro_search{ width: 95%;}
	.sepro_search .topsou{width: 195px;}
	.sepro_search .anniu {width: 70px;}
	.sepro_mbx{height: 50px;}
	.sepro_mbx .mbx_cont{width: 95%;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; font-size: 14px;}

}
/*产品详情*/
.se_procont{width: 100%; background:url(../images/fcrobg.jpg) top center no-repeat;;padding: 7% 0 4% 0;background-attachment: fixed; background-size: cover;}
.se_procont .s_width{padding: 4%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.se_procont .se_procont_l{width: 45%;}
.sProduct-view-tab {width: 100%;margin-left: auto;margin-right: auto;}
.sProduct-view-tab .pic {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: transparent;/* img{object-fit:contain;} */}
.sProduct-view-tab .pic img {position: absolute;left: 0;top: 0;z-index: 1;border-radius: inherit;width: 100%;height: 100%;}
.sProduct-view-tab .Tt {position: relative;width: 100%;height: 0;padding-bottom: 75%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sProduct-view-tab .Tt:after {content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;pointer-events: none;border: #eeeeee solid 1px;}
.sProduct-view-tab .Tt .box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sProduct-view-tab .Tt .playBtn {position: absolute;z-index: 10;left: 15px;bottom: 15px;width: 36px;height: 36px;background-image: url(../images/btns-play.png);background-size: contain;background-position: 50% 50%;
background-repeat: no-repeat;border-radius: 50%;}
.sProduct-view-tab .Tt .playBtn:after {content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: #333 solid 2px;border-radius: inherit;}
.pc .viewport {overflow: hidden;}
.wap .oScroll {overflow: auto;}
.hScroll {width: 100%;white-space: nowrap;}
.hScroll .scrollBox,.hScroll .overview {display: inline-block;vertical-align: top;}
.wap .hScroll {overflow-x: auto;overflow-y: hidden;}
.vScroll {height: 100%;}
.wap .vScroll {overflow-y: auto;overflow-x: hidden;}
.invisible {visibility: hidden;position: absolute !important;z-index: -1;}

@media screen and (min-width: 1025px) {
.sProduct-view-tab .Tt .playBtn {-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;}
.sProduct-view-tab .Tt .playBtn:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
}
@media screen and (max-width: 1024px) {
.sProduct-view-tab .Tt .playBtn:active {-webkit-transform: scale(1.1);transform: scale(1.1);}
}
.sProduct-view-tab .Tg {margin-top: 10px;position: relative;}
.sProduct-view-tab .Tg .btn {position: relative;display: inline-block;vertical-align: top;width: 90px;height: 66px;}
.sProduct-view-tab .Tg .btn:nth-child(1n+2) {margin-left: 16px;}
.sProduct-view-tab .Tg .btn:before {content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background-color: #000;-webkit-transition: all 250ms ease-out 0ms;transition: all 250ms ease-out 0ms;
opacity: 0;visibility: hidden;}
.sProduct-view-tab .Tg .btn:after {content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 6;pointer-events: none;border: #eeeeee solid 1px;}
.sProduct-view-tab .Tg .btn:hover:before {-webkit-transition: all 250ms ease-out 0ms;transition: all 250ms ease-out 0ms;opacity: 0.05;visibility: visible;}
.sProduct-view-tab .Tg .btn.on:after {border-color: #333;}
.se_procont_r{width: 50%;}
.se_procont .se_procont_r h1 {color: #333333;line-height: 1.25; font-size: 40px; font-weight: 800;}
.se_procont .se_procont_r .aside {margin-top:20px;line-height: 1.25; }
.se_procont .se_procont_r .aside span{font-size: 16px;}
.se_procont .se_procont_r .imax {margin:16px 0 20px 0;padding-top: 16px;border-top: #eeeeee solid 1px;color: #666666;font-size: 16px;}
.se_procont .se_procont_r .imax p{ line-height: 31px;}
.se_procont .se_procont_r .btns { margin-top: 12%;}
.se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 120px;line-height: 50px;padding: 0.1rem 0.6rem;border-radius: 6px;text-align: center;font-size: 16px;border: #e0e0e0 solid 1px;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;}
.se_procont .se_procont_r .btns .btn:after {background-color: #e31124;opacity: 1;z-index: -1;content: " ";position: absolute;border-radius: 50%;left: 50%;top: 50%;background-color: #fff;width: 108%;
padding-bottom: 108%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);pointer-events: none;}

.se_procont .se_procont_r .btns .btn:nth-child(1n+2) {margin-left: 0.6rem;}
.se_procont .se_procont_r .btns .btn2 {color: #e31124;border-color: #e31124;}
@media screen and (min-width: 1025px) {
.se_procont .se_procont_r .btn1:hover {color: #171c32;}
.se_procont .se_procont_r .btn2 {color: #e31124;border-color: #e31124;}
.se_procont .se_procont_r .btn2:hover {color: #171c32;}
}
@media screen and (max-width: 1024px) {
  .se_procont .se_procont_r {max-width: 100%;margin-top: 0.7rem;width: 514px;margin-left: auto;margin-right: auto;padding-bottom: 0.4rem;}
.se_procont .se_procont_r .btns {position: relative;margin-top: 0.6rem;bottom: 0;}
}

@media screen and (max-width: 790px) {
	.se_procont{padding: 17% 0 4% 0;}
	.se_procont .s_width{width: 98%; display: block;}
	.se_procont .se_procont_l{width: 100%;}
	.se_procont .se_procont_r{width: 100%;}
	.se_procont .se_procont_r h1{font-size: 28px;}
	.se_procont .se_procont_r .aside {margin-top: 10px;}
	.se_procont .se_procont_r .imax{font-size: 15px;}
	.se_procont .se_procont_r .imax p{line-height: 24px;}
	.se_procont .se_procont_r .btns .btn{min-width: 100px;line-height: 28px;}
	.right-fd{display: none!important;}
  .sProduct-view-tab {width: 100%;}
.sProduct-view-tab .Tg .btn {  width: 72px;  height: 52.8px;  }
.sProduct-view-tab .Tg .btn:nth-child(1n+2) {  margin-left: 12.8px;  }
}

.pro_navigation{ margin:10px auto ; text-align: center; border-bottom:#d8d8d8 1px solid;position: relative; }  
.pro_navigation ul{ display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; width: 85%; margin: 0 auto;}
.pro_navigation li{text-align:center; width: 17.9%;  line-height:90px;}
.pro_navigation li a { display: block; font-size:24px; color:#333f47; font-weight:600; z-index: 9; zoom: 1; }
.pro_navigation li a.act { background:#fff ; color: #07284E; height:90px; border-bottom:#e31124 6px solid; }
.pro_model_1{ padding:4% 0; margin-bottom:20px; }
.pro_model_1 p,.pro_model_3 p{text-indent:40px; font-size:16px; color:#666; line-height:36px;}
.pro_model_1 h3{ font-size:30px ;position:relative; padding-bottom:15px; margin:0 0 70px; color:#05163f; line-height:42px }
.pro_model_1 h3:before{content:'';display:block;position:absolute;bottom:-20px;height:10px;background:url(../images/dote.png) no-repeat left bottom;}
.pro_model_1 h3:before {width:81px;left:0;}
.w60{ width:60%} .w35{ width:35%; }  .w25{ width:25%}  .w70{ width:70%}  .w40{ width:40%}  .w55{ width:55%;}  .w30{ width:30%}  .w65{ width:65%}  .w50{ width:50%} .w10{ width:10%} .w85{width:85%}
 .w55 img{float: right;}    .pro_model_1 .fr img,.pro_model_3 .fl img,.fr video{ text-align:right; width:100%; height:auto} 
.pro_model_1 video{ width:100%; height:auto; float:right}
.pro_model_2{ margin:0 auto 60px;width:100%; overflow:hidden; padding:70px 0 0 0;background:/*rgb(230,238,244,.95)*/#f2f3f5}
.pro_model_2 h2,.pro_model_3 h2,.pro_model_4 h2 { font-size:48px; text-align:center; margin-bottom:50px;padding-bottom:30px; padding-top:8px;font-weight: 800;}
.pro_model_2 h2{ margin-bottom:70px; }
.pro_model_2 dl{width:47%; margin:0 1.5% 0; min-height:180px; float:left}
.pro_model_2 dt,.pro_model_2 li span{display: inline-block;width:70px;height:70px;color: #fff; float:left; background:#e31125;border-radius:10px;text-align:center;line-height:70px;font-size:36px;color:#fff; font-weight:600;z-index:2;}
.pro_model_2 dd h4{font-size:22px;margin:0 0 15px;overflow:hidden; color:#303030;}
.pro_model_2 dd {width:86%; float:right;/*background:#fff;border-radius:10px;border:1px solid #e6e6e6; box-shadow: 0 0 20px #C2CADA;*/text-align:left; color:#666; }
.pro_model_2 dd p{font-size: 16px;}
.pro_model_2 ul{ width:100%; overflow:hidden; padding-bottom:80px;}
.pro_model_2 li{ width:30%; margin:0 1.5%; float:left}
.pro_model_2 li p {width:80%; float:right;text-align:left; color:#666; font-size:16px; margin-top:6px; line-height:30px;display: table-cell;vertical-align: middle;}
.press_bg{ background:#fff;box-shadow: 0px 10px 30px rgba(30, 137, 203, 0.4); border-radius:15px 15px 50px 50px; padding:70px;}
.pro_model_3{padding:40px 0 80px 0; width:100%;overflow:hidden; margin-top:20px; margin-bottom:20px;}
.pro_model_4{padding:80px 0; background:#394053 url(../images/data_bg.png) repeat left top;}
.pro_model_4 h2{color:#fff; margin-bottom:40px;}
.pro_ser{ margin:100px auto}
.pro_ser .tit{text-align: center; margin-bottom:70px;}
.pro_ser .tit h3 { font-size: 48px; margin-bottom: 25px; padding-top: 10px;font-weight: 800;}
.pro_ser .tit p{line-height: 32px; font-size: 18px;margin-top: 10px;}
.pro_ser ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.pro_ser li{ width:17%; margin:0 1.5%; float:left; text-align:center;background-color: rgba(227, 230, 235, 0.32941176470588235); padding:35px; border-radius:20px}
.pro_ser li img{ width:40px; height:40px; margin-bottom:20px;}
.pro_ser li h4{ display:block; font-size:20px; margin-bottom:15px;}
.pro_ser li p{ color:#777; font-size: 15px;}
.con{ color: #333; text-align:center;}
.con table{width:100%; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd; margin-bottom:15px;}
.con tr:first-child{  background:#50586d; height:60px; line-height:60px;color: #fff;}
.con tr:nth-child(2n+3){background:#f5f5f5;}
.con .bhead{background:#50586d;  color: #fff}
.con tr.odd{background: #f5f5f5; color: #333;}
.con tr.even{background: none;}

.con td.even{background: #fff;}

.con table td{line-height:46px;}

.con tr{ border:1px solid #ddd;}

.con p{text-align:left; margin-left:20px; color:#666; font-size:16px;}

.con strong{width:100%; text-align:left; color:#fff; float:left; font-size:16px; margin:10px 0}
.fenye{width: 1280px; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 200px; background: #f2f2f2; text-align: center;  line-height: 45px;}

@media screen and (max-width: 790px) {
	.pro_navigation ul{  width: 98%; flex-wrap: wrap;}
	.pro_navigation li{width: 50%; line-height: 40px;}
	.pro_navigation li a.act{height: 40px;border-bottom: #e31124 3px solid;}
	.pro_navigation li a {font-size: 18px;}
	.s_width{width: 95%;}
	.pro_model_1 p, .pro_model_3 p{font-size: 15px; line-height: 27px;}
	.pro_model_2{padding: 21px 0 0 0;margin:0}
	.pro_model_2 h2, .pro_model_3 h2, .pro_model_4 h2{font-size: 30px;margin-bottom: 0;}
	.pro_model_2 dl{width: 100%;min-height: 113px;}
	.pro_model_2 dt, .pro_model_2 li span{display: none;}
	.pro_model_2 dd{width: 100%; float: none;border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding-bottom: 15px;}
	.pro_model_2 dd p,.pro_ser li p{font-size: 15px; line-height: 27px;}
	.pro_ser .tit h3{font-size: 30px;margin-bottom: 0;}
	.pro_ser .tit p{font-size: 15px; line-height: 27px;}
	.pro_ser ul{flex-wrap: wrap;}
	.pro_ser li{width: 100%;}

}
.message{ background:/*rgb(230,238,244,.95)*/#f2f3f5; padding:70px}
.message .tit{ margin-bottom:50px; text-align:center;color: #111;}
.message .tit h3{font-weight:600; font-size:48px; margin-bottom:30px;}
.message .tit p{ font-size:18px}
.message form{ width:80%; margin:0 auto;overflow:hidden}

.message .layui-form-item {margin-bottom: 5px; overflow: hidden; width:48%; float:left}
.message .layui-form-item:nth-child(6){width: 96%!important;}
.message .layui-form-item:nth-child(7){width: 100%!important;}
.message ul li.wenb {position: relative;width:100%; }
.message ul li.wenb .fl{ width:95%;}
.btnclick{ width:30%; margin-top:20px;}
.message .layui-form-label {width: 100%; display:block; overflow:hidden;text-align:left; font-size: 18px; line-height:50px; color:#333e46}
.message .layui-input { width:97%; border:0; color:#666; font-size:15px;height: 42px;line-height: 42px;  border:#e0e0e0 1px solid;text-indent: 35px;*text-indent:0px;}
.message .layui-input:nth-child(1){ background:rgba(255,255,255,1)url(../images/icon-text-user.png) no-repeat 10px center;}
.message .layui-input:nth-child(2){ background:rgba(255,255,255,1)url(../images/icon-text-tel.png) no-repeat 12px center; }
.message .layui-textarea {background:rgba(255,255,255,1)url(../images/icon-text-tel.png) no-repeat 10px 17px;;  border:0; width:93%;  border:#e0e0e0 1px solid;  height: 150px; line-height: 20px; font-size:15px;margin: 6px 0 30px; padding:3%; color: #666; resize: none;}
.message  .layui-btn{ padding:13px 70px;margin:30px auto;display: block;cursor:pointer;font-size:20px; color:#fff; border-radius:50px;text-align:center;border: 0px;background-color:#f3562d;}
.message  .layui-btn:hover{background:#f60;}

@media screen and (max-width: 790px) {
	.message{  padding:3%}
	.message .tit{ margin-bottom:50px; }
	.message .tit h3{ font-size:30px; margin-bottom:6px; padding-top: 2%;}
	.message .tit p{font-size: 15px; line-height: 27px;}
	.message form{width: 100%;}
}


.se_case { width:85%; margin:4% auto 1rem auto; }
.se_case ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.se_case li{padding:0; width:14%; margin:0 1% 2% 0; position:relative; overflow:hidden; border:1px solid #eee; color:#fff;}
.se_case li:nth-child(4n){ margin-right:0px;}
.se_case li .p-img{  margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden;width: 100%;object-fit: cover; object-position: center; }
.se_case li .p-name{ line-height:65px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center; font-weight: 500; color:#fff;background:#2778be;text-transform: uppercase; }
.se_case li .p-img img{ width:100%; height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_case li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



@media (max-width:1440px){
	.se_tuandui li .p-img{}
}
@media (max-width:1280px){
	.se_tuandui { width:95%; margin:1rem auto 1rem auto; }
	.se_tuandui li{width: 26%;}
	.se_tuandui li .p-img{}
}

@media (max-width:1000px){
	.se_tuandui li .p-img{height: 185px;}
	.se_tuandui ul li i{  background:none;}
}


@media (max-width:769px){
.se_tuandui { width:100%; margin:1rem auto; }
.se_tuandui ul{}
.se_tuandui li{float:left; padding:0; width:47%; margin:0 1% 25px 1%; position:relative; overflow:hidden;  border:1px solid #eee;}
.se_tuandui li:nth-child(2n){ margin-right:0px;}
.se_tuandui li .p-img{ width:100%; height:auto; margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden }
.se_tuandui li .p-name{ height:45px; line-height:45px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; border-top:1px solid #eee; font-weight: 200;}
.se_tuandui li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:18px; line-height:35px; color:#666;}
.se_tuandui p span{ font-size:17px;  color:#af1318;}	
.se_tuandui ul li i{display: none;}

}


.fenye{width: 85%; margin: 3% auto 3% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px; color: #fff;}
.fenye_zong{ font-size: 14px; width: 200px; background: #e31125; text-align: center;  line-height: 45px;}

.seprobox_l{ background: #fff; width: 100%; }
.seprobox_l h3 {margin-top: 50px;margin-bottom: 40px;font-size: 36px;color: #000000;line-height: 1.3;font-weight: bold;}
.seprobox_l h3 i {margin-right: 3.125%;font-size: 36px;color: #c4c4c4;font-family: "Consolas";font-style: normal;font-weight: normal;line-height: 1;opacity: 0.5;}
.seprobox_l h3 i:before {content: "";width: 12px;height: 3px;background: #c4c4c4;display: inline-block;vertical-align: middle;margin-right: 17px;}
.seprobox_l p {margin-top: 40px;margin-bottom: 40px;color: #000000;line-height: 1.8;text-indent:2em;}
.seprobox_l p img{text-indent:-4em; display: block; margin: 0 auto;}



/*se_hangye*/
.main .s_width { width:85%; margin:0 auto 1rem auto;padding: 4%; background: #fff;box-shadow: 0 0 10px #d8d8d8; }
.newslist {width: 100%;font-size: 0;overflow: hidden;}
.newslist li {width: 100%;border-bottom: 1px solid #e7e7e7;}
.newslist li .lin {padding: 60px 0;position: relative;}
.newslist li a {display: block;position: relative;min-height: 225px;overflow: hidden;padding-right: 540px;}
.newslist li .pic {position: absolute;right: 0;top: 0;z-index: 1;width: 400px;height: 225px;overflow: hidden;}
.newslist li .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.newslist li .wrap {padding: 26px 0 0;}
.newslist li h3 {font-size: 26px;color: #333;line-height: 42px;height: 42px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin: 20px 0;}
.newslist li .date {font-size: 24px;color: #999;line-height: 32px;height: 32px;font-family: "Times New Roman";}
.newslist li .txt {color: #666;line-height: 31px;text-align: justify;overflow: hidden;height: 89px;-webkit-box-orient: vertical;}
.newslist li i {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;-webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.15);box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.15);-webkit-transition: 0.5s;transition: 0.5s;
opacity: 0;position: absolute;left: 50%;top: 50%;z-index: 2;margin-left: -25px;margin-top: -25px;}
.newslist li:hover i {width: 200px;height: 200px;margin-left: -100px;margin-top: -100px;opacity: 1;}
.newslist li .cov {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);}
.newslist li label {position: absolute;left: 0;top: 50%;z-index: 3;width: 100%;height: 30px;margin-top: -15px;font-size: 14px;color: rgba(255, 255, 255, 0);line-height: 30px;text-align: center;cursor: pointer;}
.newslist li:hover {border-bottom-color: #222;}
.newslist li:hover h3 {color: #e31125;}
.newslist li:hover .cov {background-color: rgba(0, 0, 0, 0.4);}
.newslist li:hover label {color: #fff;}
.newslist li,.newslist h3,.newslist .cov,.newslist label {-webkit-transition: 0.4s;transition: 0.4s;}
@media screen and (max-width: 1200px) {
.newslist {padding: 60px 0;}
.newslist li .lin {padding: 40px 0;}
.newslist li a {padding-right: 490px;}
}
@media screen and (max-width: 1100px) {
.newslist li .wrap {padding: 30px 0 0;}
.newslist li .txt {height: 104px;}
}
@media screen and (max-width: 1023px) {
.newslist {width: auto;margin: 0 -20px;}
.newslist li {display: inline-block;width: 50%;padding-top: 0;margin-bottom: 30px;}
.newslist li .lin {margin: 0 20px;padding-top: 0;}
.newslist li .pic {position: relative;width: 100%;height: 0;padding-bottom: 62.8%;right: 0;}
.newslist li .pic img {position: absolute;left: 0;top: 0;z-index: 0;}
.newslist li a {padding-right: 0;}
.newslist li .wrap {padding: 20px 15px 0;}
.newslist li h3 {font-size: 20px;margin: 10px 0;}
}
@media screen and (max-width: 750px) {
.newslist {margin: 0 -10px;padding: 0px 0 20px;}
.newslist li .lin {margin: 0 10px;padding-bottom: 10px;}
.newslist li .wrap {padding: 20px 0 0;}
.newslist li .date {font-size: 18px;line-height: 24px;height: 24px;}
.newslist li h3 {font-size: 18px;margin: 0;}
.newslist li .txt {display: none;}
}
@media screen and (max-width: 600px) {
.newslist {margin: 0 0;}
.newslist li {display: block;width: 100%;}
.newslist li .lin {margin: 0 0;}
.newslist li .txt {display: block;height: 52px;}
}

/*新闻详情页*/
.se_newsbox{width: 100%; background: #ebf1f5; padding-bottom: 5%;}
.container{width: 70%; margin: 3% auto 0 auto; background: #fff; padding: 3%;box-shadow: 0 0 10px #d8d8d8; }
.container h2{text-align: center;font-weight: bold; font-size: 22px;}
.info-intro{text-align: center; font-size: 16px; line-height: 55px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding-bottom: 15px;}
.info-pic{ margin: 10px 0;}
.info-pic img{ margin: 0 auto;  display: block;text-indent:-4em;}
.info_cont{font-size: 16px; line-height: 31px;;}
.info_cont p{ margin-bottom: 15px;text-indent:2em;}

.more-info{ line-height: 40px; font-size: 16px;}
.more-info ul{width: 90%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; padding-top: 20px;}
.more-info li{width: 50%;}
.more-info li em{font-weight: 500; padding-right: 15px;}

@media (max-width:750px){
	.container{margin-bottom: 15%;width: 95%; }
	.more-info ul{width: 95%; display: block;}
	.more-info li{width:100%;}
}




/*内页联系我们*/
.lxlist {width: 100%;font-size: 0;text-align: center; margin: 5% auto;}
.lxlist li {display: inline-block;width: 20%;position: relative;}
.lxlist li a {display: block;}
.lxlist .pic {width: 80px;height: 80px;margin: 0 auto 18px;}
.lxlist .p1,.lxlist .p2 {border-radius: 50%;overflow: hidden;}
.lxlist .p1 {width: 76px;height: 76px;border: 2px solid #ddd;background-color: #fff;}
.lxlist .p2 {width: 80px;height: 80px;background-image: -webkit-gradient(linear, left top, right top, from(#e41127), to(#c9091d));background-image: linear-gradient(to right, #e41127, #c9091d);}
.lxlist .pic .fig {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;}
.lxlist .i1 .p1 .fig {background: url('../images/lx1.png') center no-repeat;}
.lxlist .i1 .p2 .fig {background: url('../images/lx1h.png') center no-repeat;}
.lxlist .i2 .p1 .fig {background: url('../images/lx2.png') center no-repeat;}
.lxlist .i2 .p2 .fig {background: url('../images/lx2h.png') center no-repeat;}
.lxlist .i3 .p1 .fig {background: url('../images/lx3.png') center no-repeat;}
.lxlist .i3 .p2 .fig {background: url('../images/lx3h.png') center no-repeat;}
.lxlist .i4 .p1 .fig {background: url('../images/lx4.png') center no-repeat;}
.lxlist .i4 .p2 .fig {background: url('../images/lx4h.png') center no-repeat;}
.rollover {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;position: relative;overflow: visible!important;-webkit-transition: .6s;transition: .6s;}
.rollover .p1,.rollover .p2 {position: absolute;top: 0;left: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.rollover .p2 {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
li:hover .rollover {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.lxlist li h3 {font-size: 18px;color: #333;line-height: 30px;font-weight: bold;height: 30px;position: relative;overflow: hidden;-webkit-transition: .5s;transition: .5s;}
.lxlist li .hx {width: 20px;height: 2px;background-color: #bfbfbf;margin: 25px auto;-webkit-transition: .5s;transition: .5s;}
.lxlist li .txt {font-size: 16px;color: #666;line-height: 26px;margin: 9px auto 0;height: 52px;overflow: hidden;padding: 0 10px;-webkit-transition: .5s;transition: .5s;}
.lxlist li .txt span {display: inline-block;}
.lxlist li:hover h3 {color: #e41127;}
.lxlist li:hover .txt {color: #e41127;}
.lxlist li:hover .hx {background-color: #e41127;}
#map {width: 100%;height: 600px;}
@media screen and (max-width: 960px) {
.lianxi {padding-top: 70px;padding-bottom: 40px;}
.lxlist li {width: 50%;max-width: none;margin-bottom: 30px;}
.lxlist li .hx {margin: 15px auto;}
}


/*内页招聘信息*/
.linian {text-align: center;}
.linian h2.btitle {font-size: 42px;color: #222;line-height: 66px;height: 66px;overflow: hidden;}
.linianfig {position: relative;width: 1000px;max-width: 100%;height: 400px;overflow: hidden;margin: 0 auto;}
.liniancon {margin: 30px 0 90px;font-size: 16px;color: #333;line-height: 34px;}
.liniancon img {max-width: 100%;}
.zpout {padding: 110px 0 120px; width: 80%; margin: 0 auto;;}
.rec-head {height: 76px;background-color: #fff;overflow: hidden;padding-left: 70px;border-bottom: 2px solid #333;}
.rec-head .th {float: left;padding: 18px 0;width: 20%;height: 76px;overflow: hidden;font-size: 16px;color: #222;line-height: 40px;text-align: center;}
.rec-head .th.zhiwei {text-align: left;}
.reclist {background-color: #fff;}
.reclist li {border-bottom: 1px solid #ddd;}
.rec-hand {height: 64px;line-height: 64px;background-color: #fff;padding-left: 70px;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.rec-hand .td {float: left;padding: 12px 0;width: 20%;overflow: hidden;font-size: 16px;color: #222;line-height: 40px;text-align: center;height: 40px;}
.rec-hand .td.zhiwei {text-align: left;}
.reclist li:hover .rec-hand {background-color: #eee;}
.reclist li.on .rec-hand {background-color: #333;}
.reclist li.on .rec-hand .td {color: #fff;}
.reclist li,.rec-hand,.reclist .td {-webkit-transition: 0.5s;transition: 0.5s;}
.reclist .rec-con {display: none;}
.rec-txt {color: #444;line-height: 31px;padding: 34px 70px 46px;background-color: #f7f7f7; font-family: serif;}
.rec-txt .email {color: #1d6bdd;}
.rec-txt .email:hover {text-decoration: underline;}
@media screen and (max-width: 1080px) {
.rec-head,.rec-hand {    padding-left: 40px;}
.rec-txt {padding: 34px 40px 46px;}
}
@media screen and (max-width: 770px) {
	.linianfig{width: 100%; height: 4rem;}
.rec-head .th {width: 33%;font-size: 0.3rem;}
.reclist {font-size: 0.1rem;}
.rec-head .th.bumen {display: none;}
.rec-hand .td {width: 33%;}
.rec-hand .td.bumen {display: none;}
.rec-head,.rec-hand {padding-left: 20px;}
.rec-txt {padding: 1rem 0.4rem 1rem 0; }
.linian {padding-top: 20px;}
.linian h2.btitle {font-size: 34px;}
.zpout {padding: 25px 0; width: 95%;}
.liniancon {margin: 0.5rem auto 0.5rem auto; width: 95%; line-height: 28px;font-size: 0.35rem;}
pre{width: 85%;font-size: 0.1rem;}
}


.slideinner iframe{width:640px; height:450px; margin: 0 auto;display: inline;}

@media screen and (max-width: 770px) {
	.swiper-slide{height: auto;}
	.slideinner iframe{width:100%; height:auto; margin: 0 auto;display: inline;}
}
/*===================== 响应式代码 START =====================*/
.f_80{font-size: 80px;}
.f_72{font-size: 72px;}
.f_62{font-size: 62px;}
.f_48{font-size: 48px;}
.f_40{font-size: 40px;}
.f_30{font-size: 30px;}
.f_24{font-size: 23px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}
.f_12{font-size: 12px;}

/*===================== 响应式代码 START =====================*/
@media( max-width:1600px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 40px;}
.f_48{font-size: 38px;}
.f_40{font-size: 30px;}
.f_30{font-size: 24px;}
.f_24{font-size: 20px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}
}

@media( max-width:1210px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 28px;}
.f_40{font-size: 26px;}
.f_30{font-size: 24px;}
.f_24{font-size: 16px;}
.f_20{font-size: 18px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_15{font-size: 14px;}
.f_14{font-size: 14px;}

}


@media (max-width:750px){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 22px;}
.f_40{font-size: 22px;}
.f_30{font-size: 24px;}
.f_24{font-size: 14px;}
.f_20{font-size: 14px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_14{font-size: 14px;}
}

/*===================== 响应式代码 END =====================*/