@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
ul{list-style-type:none;}
li{ list-style:none;line-height: 35px;}
img{border:0px;}
a{text-decoration:none!important;}
.clear{clear: both;}
.left{float:left;}
.right{float:right;}
body{ font-family: "'Microsoft YaHei";color:#444;font-size:16px;font-family:'Microsoft YaHei' !important;overflow-x:hidden; }
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.c10{clear:both; height:10px;}
.relative{position:relative;}
.absolute{position:absolute;}
.hidden{display:none;}
i,em{ font-style:normal;}
p,h1,h2,h3,h4,h5,h6{margin:0;}
table tr:hover{ background:#D71617; color:#fff !important;}
table, tr, td { border:1px solid #ccc;}
.icon {
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.til01 {
	text-align: center;
	height: 110px;
	color: #2b2b34;
	font-size: 40px;
	line-height: 64px;
	font-family: "Microsoft Yahei";
	background: url(../images/tilbg1.png) no-repeat center 63px;
}
.til01 p {
	color: #767676;
	display: block;
	font-weight: normal;
	line-height: 46px;
	font-size: 20px;
}
.til01 a {
	color: #2b2b34;
}
.tit_in .tit{ line-height: 40px;}
.tit_in .tit p{ color: #c00505; font-size: 38px; font-weight: bold; position: relative;}
.tit_in .tit p:before{ position: absolute; left: -60px; top: 20%; content: ''; width:50px; height: 13px; background: url("../images/tit_line.png") no-repeat left center;}
.tit_in .tit span{ color: #999999; font-size: 16px; text-transform: uppercase;}
.tit_in .nr{ color: #666666; font-size: 16px; padding-top: 3%;}
@media screen and (max-width:1600px){
    .tit_in .tit{ line-height: 30px;}
    .tit_in .tit p{ font-size: 32px;}
    .tit_in .tit span{ font-size: 14px;}
    .tit_in .nr{ font-size: 14px;}
}
@media screen and (max-width:1440px){
    .tit_in .tit{ line-height: 30px;}
    .tit_in .tit p{ font-size: 30px;}
    .tit_in .tit span{ font-size: 12px;}
    .tit_in .nr{ font-size: 14px; line-height: 25px; padding-top: 0;}
}
@media screen and (max-width:1200px){

}
.more_in{ height: 55px; background: #c00505; color: #fff; text-align: center; line-height: 55px; font-size: 16px; margin-top: 10%; transition: 0.3s;}
.more_in i{ display: inline-block; font-size: 26px; margin-right: 10px;}
.more_in:hover{ background: #e84c19;}

@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
    .more_in{ height: 45px; line-height: 45px;}
    .cpzx .gallery-thumbs .swiper-slide{ padding-top: 3%;}
}
@media screen and (max-width:1200px){
    .more_in{ font-size: 14px;}
    .cpzx .tit_in .nr{ display: none;}
    .cpzx .gallery-top .swiper-slide ul li .content h3{ font-size: 16px;}
    .cpzx .gallery-top .swiper-slide ul li .content .nr{ font-size: 12px;}
}
@media screen and (max-width:991px){
    .cpzx .gallery-thumbs{ overflow: hidden; margin: 0 15px 3%; padding: 0;}
    .cpzx .gallery-thumbs .swiper-slide{ border: none;}
    .cpzx .tit_in,.cpzx .more_in{ display: none !important;}
    .cpzx .gallery-top{ padding: 0; margin: 0 ;}
}
@media screen and (max-width:768px){
}


.xgtitle{width:96%; background:#f0f0f0;margin:0 auto;height:40px; display:block;}
.xgtitle .left{width:150px;height:40px; text-align:center; line-height:40px; background:#c00505; color:#fff;}
.xgnews{clear:both; padding:0px 10px; width:96%; margin:0 auto; margin-top:10px;}
.xgnews li{height:36px; line-height:36px; overflow:hidden; font-size:14px;}
.xgnews li span{float:right;}
.content { width: 1200px; margin: 0 auto; }

/*header css*/
.user-top { min-width: 1200px; height: 40px; background-color: #f8f8f8; line-height: 38px;border-bottom:1px solid #d8d8d8; }
.user-top .links { float: left; }
.user-top .links a, .user-top .menu p { display: inline-block; color: #000; font-size: 14px; margin-right: 16px; line-height: 36px; }
.user-top i { display: inline-block; margin-right: 16px; height: 10px; width: 1px; background-color: #575757; }
.user-top .menu { float: right; }
.user-top .menu p { float: left; }
.user-top .menu #div_wex { cursor:pointer; margin-top: 1px; }
.user-top .menu #div_wex em { font-size: 14px; color: #000; padding-left: 10px; }
.user-top .menu #div_we { display: none; position: absolute; z-index:99; margin: 10px 0 0 -65px; }
.user-top .menu i { float: left; margin-top: 14px; }
.user-top .tel { color: #fff; font-size: 16px; line-height: 38px; font-weight:bold; }
.user-top .wx { display: block; float: left; height: 38px; width: 16px; margin-right: 20px; background: url('../images/wx.png') no-repeat center; }
.user-top .wb { display: block; float: left; height: 38px; width: 17px; margin-right: 20px; background: url('../images/wb.png') no-repeat center; }
.user-top .language { display: block; float: left; line-height: 38px; color: #999; font-size: 14px; background: url('../images/language.png') no-repeat left center; padding-left: 21px; position: relative; }
.user-top .language2 { display: block; float: left; line-height: 38px; color: #999; font-size: 14px; background: url('../images/wechat.png') no-repeat left center; padding-left: 21px; position: relative; }
#div_wex:hover #div_we{ display:block;}


/*.header { height: 100px; min-width:1200px; border-bottom: 1px solid #eaeaea; box-shadow: 0 3px 8px 0 rgba(34, 34, 34, 0.1); background:#fff; }
.header .logo { float: left; display: block; height: 99px; }
.header .logo img { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; display: block; max-width: 100%; }*/
.logo .img-box { width: 190px; height: 99px; margin-right: 15px; float: left; position: relative; }
.logo .img-box a{ width:100%; height:100%; display: block; background: url("../images/logo.jpg") no-repeat center center;}
.logo p { float: left; margin: 25px 0; font-size: 20px; color: #555; padding-left:13px; border-left: 2px solid #e84c19; }
.nav { float: right; }
.nav .sub1 { float: left; }
.nav .sub1 .subnav{ display:none;}
.nav .sub1-name { padding: 0 30px; line-height: 99px; color: #222; font-size: 16px; position: relative;display: block;}
.navXian { width: 0; height: 2px; background: #c00505; position: absolute; left: 0; right: 0; bottom: 30px; margin: auto; transition: .3s ease;
}
.nav .sub1:hover .sub1-name { color: #c00505; }
.nav .sub1:hover .navXian { width: 30px; }
.nav .sub2 { display: none; position: absolute; width: 100%; left: 0; min-width:1200px; box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.1); background-color: #fff;
 border-top: 1px solid #eaeaea; z-index: 99; padding: 56px 0; min-height: 342px; }
 .nav li ul.subnav{transition:0.7s;width:133px; position:absolute;z-index:999;border-radius: 5px;}
.nav li ul.subnav li a{display:block;width:133px; height:40px;line-height:40px;text-align:center;background:#fff;color:#333; font-size:14px; transition:0.7s;}
.nav li ul.subnav li a:hover{background:#b20f10;color: #fff;}
.navbtn { display: block; text-align: center; margin: 40px auto; }
.navbtn .more { background-color:#c00505; color: #fff!important; margin-right: 40px; }
.navbtn a { display:inline-block; width: 195px;padding: 8px 0;text-align: center; }
.swzt {font-size: 16px;line-height: 28px; border: 1px solid #c00505; color: #c00505; border-radius: 4px;transition: .3s ease;}
.swzt:hover{color: #c00505;}
.swzt::before { content: ""; display: inline-block; width: 28px; height: 28px; background: url(../images/3d.svg) no-repeat;background-size: 28px 28px;vertical-align: bottom;}
.nav .sub2>.content>ul{ overflow:hidden;}
.nav .sub2>.content>ul>li { float: left; width: 33.333%; }
.nav .sub2 .column li { float: left; width: 50%; }
.nav .sub2 .column li a { display: block; width: 135px; color: #777; font-size: 16px; height: 50px; line-height: 50px; background: url(../images/left.svg) no-repeat center left; padding-left:15px; }
.nav .sub2 .column li a:hover { background: url(../images/left-h.svg) no-repeat center left; color: #c00505; }
.nav .sub2 .nav-right { padding-left: 55px; }
.nav .sub2 .nav-right .line { display: block; width: 42px; height: 4px; background-color: #c00505; margin:15px 0; }
.nav .sub2 .nav-right p { font-size: 16px; line-height:28px; color: #777777; }
.nav .sub2 .nav-right a { display: block; width: 195px; padding: 8px 0; text-align: center;margin: 15px 0;}
.nav .sub2 .nav-right h2 { font-size: 30px; color: #222; }
.nav .search-icon { width: 76px; padding: 0 20px; background: url(../images/nav-search-normal.png) no-repeat center; }
.nav .search-icon:hover { background: url(../images/nav-search-hover.png) no-repeat center; }
.sub2-search { padding: 40px 0; }
.sub2-search form { height: 48px; border: 2px solid #c00505; width: 774px; border-radius: 4px; margin:60px auto 0; }
.sub2-search .v-select { width: 88px; height: 44px; font-size: 14px; color: #666; }
.nav .sub2-search .select-panel { line-height: 44px; padding-left: 14px; }
.sub2-search .select-menu { top: 44px; }
.sub2-search .select-menu li { height: 44px; line-height: 44px; padding-left: 14px; }
.v-select { position: relative; height: 28px; outline: none; }
.select-menu { display: none; position: absolute; top: 28px; width: 100%; z-index: 9; max-height: 196px; overflow-y: auto; }
.select-menu li { height: 28px; width: 100%; line-height: 28px; background-color: #fff; border: 1px solid #eaeaea; padding-left: 14px; margin-top: -1px; cursor: pointer; transition: all .4s;
font-size: 14px; }
.select-menu li:hover, .select-menu li.selected { background-color: #c00505; color: #fff; }
.v-select .select-panel { height: 100%; font-size: 14px; color: #333; width: 100%; border: 1px solid #ebebeb; background: #fff url('../images/select-down-bg.png') no-repeat right; cursor: pointer; }
.sub2-search input { float: left; width: 672px; height: 44px; font-size: 14px; padding: 15px 16px; }
.sub2-search #button { width: 98px; height: 44px; color: #fff; text-align: center; font-size: 16px; line-height: 14px; background-color: #c00505; }
.sub2-search .pre-link { font-size: 14px; color: #999; margin: 11px auto 0; width: 656px; }
.sub2-search .pre-link .title { float: left; margin-right: 18px; }
.sub2-search .pre-link a { display: block; float: left; color: #222; margin-right: 28px; }
.sub2-pro ul li { float: left; width: 20%!important; }
.sub2-pro ul li a img{ width:176px; height:176px; object-fit:cover;}
.sub2-pro ul li h4 { font-size: 18px; color:#222; font-weight:bold; transition: .3s ease;
}
.sub2-pro ul li a:hover h4 { color:#c00505; }
.sub2-pro ul li .line { width: 205px; height: 1px; background-color: #c00505; margin: 14px auto; }
.sub2-pro ul li .list{ display: inline-block;text-align: left;}
.sub2-pro ul li .list a { display: block; font-size: 14px; color: #777777; height: 32px; line-height: 32px; transition: .3s ease;
}
.sub2-pro ul li .list a:hover { color: #c00505; }
.sub2-pro ul li .hot { position: relative; }
 .sub2-pro ul li .hot::after {
 content: "";
 position: absolute;
 width:38px;
 height:30px;
 background: url(../images/8c53432433834e50a2f284c6d99bfe23.gif) no-repeat -5px 0;
 top: -16px;
 margin-left: -6px;
}
.c-btn { font-size: 16px; line-height: 40px; color: #fff; background: #c00505; border-radius: 4px; border:1px solid #c00505; width:80%; margin:0 auto; text-align:center; display: block; transition: all .3s;}
.c-btn:hover { color: #fff; background: #ff6a00; }
.navbtn { display: block; text-align: center; margin: 40px auto; }
.navbtn .more { background-color:#c00505; color: #fff!important; margin-right: 40px; }
.navbtn a { display:inline-block; width: 195px;padding: 8px 0;text-align: center; }
.swzt {font-size: 16px;line-height: 28px; border: 1px solid #c00505; color: #c00505; border-radius: 4px;transition: .3s ease;}
.swzt:hover{color: #c00505;}
.swzt::before { content: ""; display: inline-block; width: 28px; height: 28px; background: url(../images/3d.svg) no-repeat;background-size: 28px 28px;vertical-align: bottom;}

/*留言*/
.member_f{width:96%; margin:0 auto;margin-top:5px;}
.member_f li{padding:10px 0; display:block;}
.member_f li .inp{height:40px; line-height:40px; width:98%; border:1px solid #e2e2e2; border-radius:5px; padding-left:5px;}
.member_f li .inpx{height:40px; line-height:40px; width:50%; border:1px solid #e2e2e2;border-radius:5px; padding-left:5px;}
.member_f li .textarea{height:120px; width:96%;border:1px solid #e2e2e2;border-radius:5px;padding:5px;}
.member_f li.anniu{ text-align:center;}
.member_f .btnbig{height:40px; line-height:40px; font-size:16px; background:#0366BB; border:none; cursor:pointer; width:280px; margin:0 auto; color:#fff;}

.banner {position: relative;height: auto !important;}
.banner .swiper-wrapper{height: auto !important;}
.banner #bannerSwiper {height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left; width:100% !important;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide a{display:block;width:100%;height: auto !important;}
.banner .swiper-slide a img{ width: 100%; height: auto;}
.banner .pagination {position: absolute;font-size:0;left: 0;height: 50px;text-align: center;bottom: 13px;width: 100%;z-index: 9999;}
.banner .pagination .swiper-pagination-switch {display: inline-block;width: 20px;height: 20px;border-radius: 50%;border:2px solid #fff;opacity: 0.6;margin: 0 5px;cursor: pointer;}
.banner .pagination .swiper-active-switch {background: #fff;opacity: 1;}
.swiper-pagination-bullet-active{	background:	#c00505  !important;}


/*智能先锋*/
.hmt{ margin-top:50px; margin-bottom:80px;}
.hmt ul { overflow:hidden; }
.hmt ul li { height: 232px; width: 20%; float: left; background:url(../images/bg1.jpg) no-repeat; background-size:cover; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.hmt ul li:first-child+li { background:url(../images/bg2.jpg) no-repeat; background-size:cover; }
.hmt ul li:first-child+li+li { background:url(../images/bg3.jpg) no-repeat; background-size:cover;}
.hmt ul li:first-child+li+li+li { background:url(../images/bg4.jpg) no-repeat; background-size:cover;}
.hmt ul li:nth-of-type(1),.hmt ul li:hover{ width: 40%;}
.hmt ul:hover li:nth-of-type(1){ width:20%;}
.hmt ul li:nth-of-type(1):hover{ width: 40%;}
.hmt ul li h2 { text-indent: 20px;margin-top: 40px; font-size:22px; font-weight:bold;}
.hmt ul li h2 a{ font-size:24px; color:#666; font-weight:bold;}
.hmt ul li p {font-size: 14px; line-height: 1.8em; text-align: left; color: #626060; padding: 0 20px;}


.video{width:100%; text-align:center;}
.nav-fix{position: fixed;left: 0;top:0;right: 0;box-shadow: 0 4px 6px rgba(0,0,0,0.2);z-index: 9999;}
.nav-fix li{line-height:60px;}
.nav_mobile .container{padding-left: 0;padding-right: 0;}
.nav_mobile li{width: 25%;line-height: 40px;border-right:solid 1px rgba(255,255,255,.1);border-bottom:solid 1px rgba(255,255,255,.1);}
.nav_mobile li a{display: block;color: #fff !important;transition: all .4s;text-align: center;}
.nav_mobile li a:hover{background: #ff5800;}
.menu{float: right;height: 40px;position: relative;z-index: 1000;margin-top: 2px;}
.menu .menu_button{width: 100%;height: 40px;cursor: pointer}
.menu .menu_button .line{float: right;width: 30px;height: 3px;background: #0256ac;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.menu .menu_button .line:nth-child(2){transition-delay:0.05s;}
.menu .menu_button .line:nth-child(3){transition-delay:0.1s;margin-bottom: 0;}
.menu .menu_button.on .line:nth-child(1){transform:translateY(13px) rotate(45deg);-webkit-transform:translateY(13px) rotate(45deg);}
.menu .menu_button.on .line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;}
.menu .menu_button.on .line:nth-child(3){transform:translateY(3px) rotate(-45deg);-webkit-transform:translateY(3px) rotate(-45deg);}
.mobile_nav{position: fixed;left: 0;right:0;background: #f2f2f2; z-index: 999;transition:.5s;transform: translateY(-736px);opacity: 0;top:-20px;transition-timing-function:cubic-bezier(0.26, 0.46, 0.3, 1.23);}
.open{transform:translateY(0px);opacity: 1;top:70px;}
.mobile_nav li{padding:10px 30px;width:100vw;box-sizing: border-box;}
.mobile_nav li a{display: block;width: 100%;height: 100%;position: relative;text-align: center; color: #666666;line-height: 40px;font-size:16px;}
.mobile_nav li:not(:last-child) a{border-bottom: solid 1px #999999;}
.mobile_nav li .son{background: #333;}
.show1 {z-index: 100000;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1; }
.hide1 {-webkit-transform: scale(0) !important;-ms-transform: scale(0) !important;transform: scale(0) !important;opacity: 0 !important; }

#owl-demo {width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block;}
#owl-demo img { display: block; width: 100%;}
.banner .owl-theme .owl-controls{position: absolute;left: 50%;bottom:10px;margin-left: -36px;}

/*index css*/

.banner{position: relative;z-index: 1;}

.words{line-height: 40px;border:none;width:250px;padding-left: 5px;font-size: 12px;background: #f2f2f2;border: 1px solid #ccc;}
.search{margin-top:0px;}
.search .btn{width: 55px;height: 42px; line-height: 42px;margin-left: -4px;margin-top: -3px; background: url(../images/fdj.png) center no-repeat #ff5800;outline: none;}

/*产品*/
.in_01{height: auto;overflow: hidden;padding: 2%;}
.index-block3 { margin: 60px 0 0; }
.intit { text-align: center; font-size: 36px; line-height: 36px; font-weight: bold; color: #222 }
.intit a { color: #222;}
.intit a:hover { color: #c00505; transition: 0.2s;}
.inpro-item ul { margin-top: 30px; overflow: hidden; }
.inpro-item ul li { width: 20%; height: 195px; float: left; text-align: center; overflow: hidden; }
.inpro-item ul li p { font-size: 16px; line-height: 24px; color: #222; }
.inpro-item ul li img { width: 160px; height: 134px; }
.inpro-item ul li .inpro-list { transition: all 0.36s; }
.inpro-item ul li.active .inpro-list, .inpro-item ul li:hover .inpro-list { transform: scale(1.1); }
.inpro-item ul li.active p, .inpro-item ul li:hover p { font-weight: bold; color: #c00505; }
/*.inpro-item ul li.active:after, .inpro-item ul li:hover:after { transition: all 0.15s; content: ""; display: block; opacity: 0; background: #081a37; width: 40px; height: 40px; border-radius: 8px; margin: 20px auto 0; -webkit-transform: scaleX(1) scaleY(0.75) rotate(45deg);transform: scaleX(1) scaleY(0.75) rotate(45deg);  }*/
/*.inpro-item ul li.active:after, .inpro-item ul li:hover:after { content: ""; opacity: 1; }*/
.inpro-bg { height: 760px; padding-top: 0px; display: none; }
.inpro .active { display: block; }
.inpro-ryrq { background:#081a37 url(../images/bj2.jpg) no-repeat center bottom/cover; }
.inpro-swz { background:#081a37 url(../images/6b114249f02e4edbb0757e236dde1fb5.gif) no-repeat center bottom/cover; }
.inpro-rm { background:#081a37 url(../images/b6466345a88340a0985ff355f47040a8.gif) no-repeat center bottom/cover; }
.inpro-lhc { background:#081a37 url(../images/d23eefaea51c4832b38e7cb20f4fa2d0.gif) no-repeat center bottom/cover; }
.inpro-dry { background:#081a37 url(../images/1857815090d54236b16b4beb91032562.gif) no-repeat center bottom/cover; }
.inpro-tab{ position: relative; width: 590px; float: left; z-index: 99;}
.inpro-fltit { font-weight: normal; font-size: 48px; line-height: 48px; text-align: left; color: #fff; }
.inpro-fltit a { color: #fff; transition: all 0.15s;}
.inpro-fltit a:hover {color: #ff6a00; }
.inpro-fltit:after { content: ""; display: block; width: 80px; height: 4px; margin: 20px 0 40px 0; background: #c00505; }
.inpro-content { font-size: 16px; line-height: 30px; color: #fff; text-align: left; margin-left: 0; margin-right: 0; }
.inpro-tit-list {margin: 30px 0 30px 0; overflow: hidden; }
.inpro-tit-list li { width: 270px; margin-right: 20px; margin-bottom: 10px; float: left; border: 1px solid #999; border-radius: 4px; transition: all 0.15s; }
.inpro-tit-list li a { height: 38px; font-size: 14px; line-height: 38px; color: #fff; display: block; padding: 0 16px; }
.inpro-tit-list li:hover, .inpro-tit-list li.active { border: 1px solid transparent; background: #c00505; }
.inpro-more { background: #1f314d; border: 1px solid #fff; width: 180px; margin-left: auto; margin-right: 0; border-radius: 4px; text-align: center; transition: all 0.15s; }
.inpro-more a { height: 44px; line-height: 44px; font-size: 16px; color: #FFF; display: block; }
.inpro-more a span { font-size: 24px; line-height: 26px; }
.inpro-more:hover { border: 1px solid transparent; background: #c00505 }
.inpro-img-list { position: absolute; right:600px; }
.inpro-img-list li { background: url(../images/057ac0cb020c4ff6bf426b57880ece9f.gif) no-repeat center bottom/100% auto; text-align: center; padding: 0 200px 120px 200px; margin-left: -100px; opacity: 0; position: absolute; left: -200px; transition: all .6s; }
.inpro-img-list li img{ height:500px;}
.inpro-img-list li.active { left: 0; opacity: 1; z-index: 9;}

.girdlist .list{width: 100%;}
.girdlist .item{width: 31%; float:left; display: inline-block; margin-bottom: 30px; margin-right:20px; position: relative;}
.girdlist .item a{display: block;}
.girdlist .item .img{width: 100%; height: 300px; overflow: hidden; border:#eeeeee solid 1px; position: relative; text-align:center;}
.girdlist .item .img img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width: 100%;height:100%;display:inline-block;object-fit:cover;}
.girdlist .item .item_mask{width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; opacity: 0; filter: Alpha(opacity=0); *zoom: 1; -webkit-transform: rotateX(180deg) scale(0.5, 0.5); transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s;}
.girdlist .item .item_mask .item_link_icon{display: block; width: 60px; height: 60px; text-align: center; background-position: -440px -313px; line-height: 38px; position: absolute; left: 50%; top: 50%;*top: 40%; margin-left: -30px; margin-top: -0px; opacity: 0; filter: Alpha(opacity=0); *zoom: 1;}
.girdlist .item .txt{ height: 56px; line-height: 56px; position: relative; font-size: 16px; color:#fff; border-top:#eeeeee solid 1px; margin-top:20px;}
.girdlist .item .txt p{font-size: 16px; color:#fff; display:inline-block;transition: .5s ease;}
.girdlist .item .txt i{float:right; width:25px; height:25px; background-position:-475px -263px; margin-top:20px;transition: .5s ease;}
.girdlist .item:hover p{color:#c00505;transition: .5s ease;}
/*.girdlist .item:hover .txt i{background-position:-475px -288px;transition: .5s ease;}*/
.girdlist .item:hover img{transform: scale(1.1, 1.1);}
.girdlist .item:hover .item_mask{opacity: 1; filter: Alpha(opacity=100); -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1); transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s; background: rgba(0, 0, 0, 0.3);}
.girdlist .item:hover .item_mask .item_link_icon{transform: translateY(-21px); opacity: 1; filter: Alpha(opacity=100);}

.fourright{width:1240px; margin:0 auto;}
.fourright li{float: left;width:295px;background: #fff;margin-right: 8px;    margin-left: 7px;padding-bottom: 22px;box-shadow: 1px 5px 15px 1px #ccc;margin-top: 16px;}
.fourright li:hover{background:  url(../images/top1.jpg) repeat;}
.fourright li:hover p{color: #0D62BE;}
.fourright li:hover h4{color: #0D62BE;}
.fourright li img{display: block;width: 295px;height:240px;object-fit: cover; }
.fourright li h4{font-size: 20px;font-weight: bold;color: #222;line-height: 24px;padding: 0 20px;padding-top: 17px;padding-bottom: 12px;}
.fourright li p{font-size: 14px;color: #666666;padding: 0 20px;}
.fourright li .zxzx{ padding:0; clear:both; border:1px solid #ccc;height: 36px; width:86%; margin:auto;}
.fourright li .zxzx a{ display: block; float: left;  width:50%; font-size:14px;text-align: center; height: 36px; line-height:36px;color: #363636;}
.fourright li .zxzx .zzl{background:url(../images/ico1.jpg) no-repeat 20px center; text-indent:26px; color: #363636;}
.fourright li .zxzx .zzr{background:url(../images/ico2.jpg) no-repeat 20px center; text-indent:26px;color: #363636;}


/*优势*/
.index-block7{ background:#e7f0f7; padding:80px 0;}
.service_cont{position:relative;margin-top:30px;overflow:hidden}
.service_cont .service_tab{display:inline-table;vertical-align:middle;text-align:right;width:100%;height:100%}
.service_cont .service_tab .service_cell{display:table-cell;text-align:right;vertical-align:middle;width:100%;height:100%}
.service_cont .service_tab .service_cell img{max-width:100%;max-height:100%;display:inline-block}
.service_slide{background-color:#fff;height:453px;-moz-box-sizing:border-box;box-sizing:border-box}
.service_slide .img{position:absolute;top:0;bottom:0;left:0;right:50%;margin-right:100px;padding:5px 35px 5px 15px;background-position:center right;background-repeat:no-repeat;background-size:cover;display:none;z-index:5}
.service_slide .item.on .img{display:block}
.service_slide .item.on .info{background-color:#c00505;color:#ffffff}
.service_slide .item.on .info .wrapper{color:#ffffff;}
.service_slide .item.on .info .wrapper:before{display:block}
.service_slide .item.on .showc{display:none}
.service_slide .item.on .showw{display:inline-block}
.service_slide .item.on .p .d{color:#ffffff; }
.service_slide .item:nth-child(2n+1){background:#f1f1f1}
.service_slide .item:hover .wrapper{padding-left:30px;padding-right:0px}
.service_slide .info{position:relative;height:151px;display:block;-moz-box-sizing:border-box;box-sizing:border-box;padding:35px 0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.service_slide .icon{width:135px;height:66px;text-align:center;float:left;padding-top:12px; background:none;}
.service_slide .wrapper{position:absolute;left:50%;margin-left:-100px;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:10px;padding-right:20px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.service_slide .wrapper:before{position:absolute;width:0;height:0;content:'';border-top:15px solid transparent;border-right:15px solid #c00505;border-bottom:15px solid transparent;left:-15px;top:50%;margin-top:-15px;display:none;z-index:6}
.service_slide .p{padding-left:40px;position:relative;width:510px;overflow:hidden}
.service_slide .p h4{font-size:20px;padding-bottom:15px; font-weight:bold; color:#333;}
.service_slide .p h4.yswz{ color:#fff;}
.service_slide .p:before{width:1px;height:80px;top:50%;left:0;margin-top:-38px;background:#cccccc;content:'';display:block;position:absolute;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;transition:background-color .2s ease}
.service_slide .p .d{color:#555555;font-size:14px;}
.service_slide .showc{display:inline-block}
.service_slide .showw{display:none}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));}
/*关于我们*/
#jjbj{ background: url("../images/jj_bj.jpg") no-repeat center top; padding:50px 0;}
.jj_left ul{ padding: 5% 0 !important;}
.jj_left ul li { cursor: pointer; font-size: 16px; border-bottom: 1px dashed #e0e0e0; color: #333333; transition: 0.3s; height: 60px; line-height: 60px;}
.jj_left ul li i{ float: left; margin-right: 20px; color: #c00505;}
.jj_left ul li:hover,.jj_left ul li:hover i { color: #c00505; }
.jj_font{ padding-left: 5%;}
.jj_font .jjlb{ display:flex;     align-items: center !important;     justify-content: flex-start !important;}
.jj_font .jjlb dd{ width: 30%; position: relative; line-height: 20px;}
.jj_font .jjlb dd:before{ position: absolute; right: 33%; top: 25%; width: 1px; height: 50%; content: ''; background: #ccc;}
.jj_font .jjlb dd p{ color: #333333; font-size: 20px; font-weight: bold; text-transform: uppercase;}
.jj_font .jjlb dd h2{ display: inline-block; color: #c00505; font-size: 48px; font-weight: bold !important; position: relative;}
.jj_font .jjlb dd h2 i{ position: absolute; right: -20px; bottom: 10px; font-size: 16px;}
.jj_font .jjlb dd span{ display: block; clear: both !important; font-size: 16px;}
.jj_font .jjlb dd:last-of-type:before{ display: none;}
.jj_font .content{ color: #333333; font-size: 16px; margin: 5% 0; line-height: 35px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; width:100%;}
	.jj_font .jjicon{ display:flex;     align-items: center !important;     justify-content: flex-start !important;}
.jj_font .jjicon dd{ width: 30%; text-align: center; font-size: 16px;}
@media screen and (max-width:1600px){
    .jj_font .jjicon dd{ width: 25%;}
    .jj_font .jjlb dd h2{ font-size: 42px;}
    .jj_font .jjlb dd p{ font-size: 16px;}
}
@media screen and (max-width:1440px){
    .jj_font .jjicon dd,.jj_left ul li{ font-size: 14px;}
    .jj_font .jjlb dd h2{ font-size: 38px;}
}
@media screen and (max-width:1200px){
    .jj_font .jjicon dd{ font-size: 12px;}
    .jj_font .content{ font-size: 14px;}
    .jj_left ul li{ height: 50px; line-height: 50px;}
}
@media screen and (max-width:991px){
    .jj_left ul{ padding: 0 !important;}
    .jj_left ul li{ float: left; width: 20%; border: none;}
    .jj_font .jjlb dd{ width: 33%;}
    .jj_font .jjlb dd:before{ display: none;}
    .more_in{ display: none !important;}
    .jj_font{ margin-top: 3%;}
    .jj_font .content{ margin-top: 0;}
    .jj_font .jjlb dd h2{ font-size: 30px;}
    .jj_font .jjlb dd p,.jj_font .jjlb dd span{ font-size: 14px;}
    .jj_font .jjicon dd{ width: 50%; float: left;}
}
@media screen and (max-width:768px){
    .jj_left ul li{ width: 33%;}
    .jj_font .jjlb dd h2{ font-size: 26px;}
    .jj_font .jjlb dd p, .jj_font .jjlb dd span,.jj_font .jjlb dd h2 i{ font-size: 12px;}
}


#cqsl{ margin: 3% auto 0; overflow: hidden; position: relative;}
#cqsl .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0 1%;
    overflow: hidden;
}
#cqsl .swiper-slide {
    text-align: left;
    transition:0.3s;
    border: 1px solid #efefef;
    position: relative;
    overflow: hidden;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#cqsl .swiper-slide .pic{ display: block; width: 100%; height: 220px; padding-bottom: 65%; position: relative; text-align: center;}
#cqsl .swiper-slide .pic a{ display:block; width:100%; height:100%;}
#cqsl .swiper-slide .pic img{ max-width: 100%;max-height: 100%;  left: 0; position: absolute; text-align: center; transition:0.3s; right:0; top:0 ; bottom:0; margin:auto}
#cqsl .swiper-slide .nr{ position: absolute; left: 50%; top: 50%; text-align: center; padding-top: 50%; width: 0; height: 0; z-index: 1; background: rgba(192,5,5,0.8); color: #fff; transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); overflow: hidden; opacity: 0;}
#cqsl .swiper-slide .nr i{ font-size: 40px; margin-bottom: 10px;}
#cqsl .swiper-slide:hover .nr{ left: 0; top: 0; width: 100%; height: 100%; opacity: 1;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:765px){
}


/*案例*/
.fl {
    float: left;
}
.fr {
    float: right;
}
.case .prev,.case .next {
	width: 37px;
	height: 82px;
	right: 365px;
	top: 180px;
	display: block;
	z-index: 9;
	background: url(../images/next1.gif) no-repeat 0 0;
}
.case .prev {
	left: 0;
	background: url(../images/prev1.gif) no-repeat 0 0;
}
.case .prev2,.case .next2 {
	top: 355px;
}
.case .prev2 {
	left: 719px;
}
.case .prev:hover,.case .next:hover {
	background-position: 0 bottom;
}
.pa {
    position: absolute;
}
.case {
	font-family: "Microsoft Yahei";
	position: relative;
	height: 816px;
	line-height: 24px;
	padding:30px 0;
	background:url(../images/al_bg.jpg)
}
.case .til01{ margin-bottom:30px;}
.case .til01 a{ color:#fff;}
.case .til01 p{ color:#fff;}
.case_t {
	width: 345px;
	text-align: center;
}
.case_t li {
	width: 169px;
	height: 197px;
	float: left;
	margin: 0 3px 3px 0;
	background: #787878;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
}
.case_t li a {
	color: #fff;
	display: block;
}
.case_t li em {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial;
	opacity: 0.3;
	text-transform: uppercase;
}
.case_t li span {
	width: 53px;
	height: 53px;
	display: block;
	margin: 35px auto 10px;
	position: relative;
	overflow: hidden;
}
.case_t li span i {
	width: 53px;
	height: 53px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}
.case_t li span i.default {
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.case_t li span i.hover {
	opacity: 1;
	visibility: visible;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
	transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.case_t li.cur span .default {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
	transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
}
.case_t li.cur span .hover {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg);
}
.case_t li.cur {
	background: #e3232f;
}
.case_c {
	width: 841px;
}
.case_c dl {
	background: #ebebeb;
	height: 597px;
}
.case_c dt, .case_c dt img {
	width: 841px;
	height: 479px;
	display: block;
	overflow: hidden;
	object-fit:cover;
}
.case_c dd {
	padding: 10px 26px 0;
}
.case_c dd h3 {
	font-size: 20px;
	line-height: 44px;
	color: #363739;
	height: 44px;
	overflow: hidden;
}
.case_c dd h3 a {
	color: #363739;
	display: block;
}
.case_c dd p a {
	color: #e3232f;
	display: inline-block;
}

/*解决方案*/
.main {
    line-height: 30px;
    padding: 2% 0;
}
#jjfa_bj .col-lg-3{ float:none; width:30%;}
#jjfa_bj{background: url("../images/fa_bj.jpg") no-repeat center fixed;}

#anli{ position: relative; background: #fff; margin-top: 3%;}
#anli .container{ position: relative; padding: 0;}
#anli .swiper-container { width: 100%; height: auto;}
#anli .swiper-slide { background-size: cover; background-position: center; position: relative; overflow: hidden;}
#anli .gallery-top { height: auto; width: 100%; padding: 0; overflow: hidden;}
#anli .gallery-top .swiper-slide{  margin: 0 !important;}
#anli .gallery-top .swiper-slide a{ display:block;width:100%;}
#anli .gallery-top .swiper-slide .pic{ height: 0; padding-bottom: 35%; position: relative; transition: 0.3s; overflow: hidden;}
#anli .gallery-top .swiper-slide .pic img{  width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#anli .gallery-top .swiper-slide .font{ padding: 5%; background: url("../images/fa_xing.png") no-repeat right 85%;}
#anli .gallery-top .swiper-slide .font .tit{ color: #333333; font-size: 30px; transition: 0.3s; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; height: 50px; position: relative;}
#anli .gallery-top .swiper-slide .font .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 30px; height: 3px; background: #c00505;}
#anli .gallery-top .swiper-slide .font .content{ margin: 2% 0; font-size: 16px; color: #999999; line-height: 35px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; width:100%; margin:0;}
#anli .gallery-top .swiper-slide .font .more{ padding-top: 10%; line-height: 35px;}
#anli .gallery-top .swiper-slide .font .more i{ color: #c00505; margin-right: 10px;}
#anli .gallery-top .swiper-slide .font .more p{ color: #c00505; font-size: 22px;}
#anli .gallery-top .swiper-slide .font .more span{ color: #999999; font-size: 16px;}
#anli .gallery-thumbs { height: auto; text-align: center; width: 70%; padding: 0; z-index: 10; box-sizing: border-box; position: absolute; right: 0; top: -53%;}
#anli .gallery-thumbs .swiper-slide { padding-top: 10px; font-size: 16px; cursor: pointer; text-align: center; color: #333333; line-height: 50px; position: relative; transition: 0.3s;}
#anli .gallery-thumbs .swiper-slide .pic{ margin: 0 auto; transition: 0.3s;}
#anli .gallery-thumbs .swiper-slide .pic i{ color: #c40000; font-size: 55px; height: 55px; line-height: 55px;}
#anli .gallery-thumbs .swiper-slide-thumb-active .pic i{ color: #ff4e00; }

#anli .swiper-button-next,#anli .swiper-button-prev{ background: none; border: 1px solid #d6d6d6; width: 55px; height: 55px; line-height: 55px; bottom: 15%; top: auto; text-align:center;}
#anli .swiper-button-next:after,#anli .swiper-button-prev:after{ display: none;}
#anli .swiper-button-next i,#anli .swiper-button-prev i{ font-size: 20px; transition:0.3s; color: #d6d6d6;}
#anli .swiper-button-next{ right: 28%; opacity: 1; background: #c00505; border: 1px solid #c00505;}
#anli .swiper-button-prev{ right: 33%; left: auto; opacity: 1;}
#anli .swiper-button-next:hover,#anli .swiper-button-prev:hover{ background: #c00505; border: 1px solid #c00505;}
#anli .swiper-button-next:hover i,#anli .swiper-button-prev:hover i{ color: #fff; }
@media screen and (max-width:1700px){
}
@media screen and (max-width:1600px){
    #anli .swiper-button-next{ right: 27%;}
    #anli .swiper-button-next, #anli .swiper-button-prev{ bottom: 5%;}
}
@media screen and (max-width:1400px){
    #anli .gallery-top .swiper-slide .font .content{ font-size: 12px; line-height: 30px; margin: 5% 0;}
    #anli .gallery-thumbs .swiper-slide{ font-size: 14px;}
    #anli .gallery-thumbs{ top: -35%;}
    #anli .gallery-top .swiper-slide .font .more{ padding-top: 3%;}
    #anli .swiper-button-prev{ right: 32%;}
    #anli .gallery-top .swiper-slide .font{ padding: 3%;}
    #anli .gallery-top .swiper-slide .font .tit{ font-size: 22px; height: 40px;}
}
@media screen and (max-width:1200px){
    #anli .gallery-thumbs{ top: -40%; overflow: hidden;}
    #anli .gallery-top .swiper-slide .font .more p{ font-size: 18px;}
    #anli .gallery-top .swiper-slide .font .more span{ font-size: 12px;}
    #anli .gallery-top .swiper-slide .font .more{ line-height: 25px;}
    #anli .gallery-top .swiper-slide .font .content{ min-height: 80px; line-height: 25px;}
}
@media screen and (max-width:991px){
    #anli .gallery-thumbs{  width: 100%; position: relative;}
    #anli .gallery-thumbs .swiper-slide-thumb-active .pic{ filter: none;}
    #anli .gallery-top .swiper-slide .font{ padding: 3%;}
    #anli .gallery-top .swiper-slide .font .content{ min-height: auto;}
    #anli .gallery-top .swiper-slide .font .more{ font-size: 12px; padding-top: 5px;}
    #anli .gallery-top .swiper-slide li{ margin-bottom: 3%;}
    #anli .gallery-top .swiper-slide .pic{ padding-bottom: 50%;}
}
@media screen and (max-width:768px){
    #anli .gallery-thumbs{ position: relative; width: 100%;}
    #anli:before{ width: 20%;}
}
@media screen and (max-width:450px){
    #anli:before{ width: 10%;}
}

/*新闻*/

.in_06{height: auto;overflow: hidden; background:#f3f3f3; padding-bottom:50px;}
.in_06 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.in06a a{display: block; height: auto;overflow: hidden;position: relative;}
.in06a a:hover .in06a_a{background: linear-gradient(to top, rgba(0,0,0,.5) 20%,rgba(0,0,0,.3)50%, rgba(0,0,0,0)100%);}
.in06a a:hover em{color: #fff;margin-bottom: 1rem;}
.in06a .in06a_a{position: absolute;z-index: 2;width: 100%; bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.5) 10%,rgba(0,0,0,.3)30%, rgba(0,0,0,0)60%);transition:.4s;    padding: 20px!important;}
.in06a .in06a_a span{display: block; font-size: 16px;line-height: 30px;    margin-bottom: 20px!important; color:#fff;}
.in06a .in06a_a strong{display: block;color: #fff;    font-size: 18px;line-height: 30px;    font-weight: bolder;}
.in06a .in06a_a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box; margin-bottom: 10px!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.in06a .in06a_a em{display: block;transition:.4s;}
.in_06 li {    margin-bottom: 16px!important;}
.in_06 li a{display: block;height: auto;overflow: hidden;border: 1px solid #ccc;transition:.4s;     padding: 10px!important; color:#000;}
.in_06 li a:hover{background: #ce000c}
.in_06 li a:hover span{ color:#fff}
.in_06 li a:hover strong{ color:#fff}
.in_06 li a:hover p{ color:#fff}
.in_06 li a:hover em{ color:#fff}
.in_06 li a span{display: block;color: #000;font-size: 16px;line-height: 30px;    margin-bottom: 5px!important;}
.in_06 li a strong{display: block;color: #000;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;     font-size: 18px;line-height: 30px;}
.in_06 li a p{color: #000;line-height: 30px;display: -webkit-box;    
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.in_06 li a em{display: block;transition:.4s;color: #000}
.in06a_b{display: block;width: 100%;height: 0;padding-bottom: 124.5%;position: relative;overflow: hidden;}
.in06a_c{display: block;width: 100%;height: 0;padding-bottom: 81.5%;position: relative;overflow: hidden;}

/*服务*/
.t_t{ margin-top:30px;}
.t_d{font-size:1.3rem;color:#8b8b8b}
.t_d_1{margin-top:4rem}
.t_t b{font-size:2.5rem; line-height:70px;}
@media(max-width:768px) {
.t_d{font-size:1.2rem;color:#8b8b8b}
.t_d_1{margin-top:2rem}
.t_t{margin:3rem auto 1rem}
.t_t b{font-size:1.8rem}
.t_d_1 .row .col-md-6{margin-bottom:1rem}

}
.index_5{height:auto;width:100%;margin:45px 0 50px}
.index_5 div{height:100%;float:left}
.index_5 div span{margin:0 auto;background:url(../images/index_bg2.png) no-repeat;display:block;margin-bottom:30px;transition:0.5s;}
.index_5 div .span1{background-position:-80px -74px;}
.index_5 div .span2{background-position:-140px -74px}
.index_5 div .span3{background-position:-200px -74px}
.index_5 div .span4{background-position:-260px -74px}
.index_5 div .span5{background-position:-320px -74px}
.index_5 div:hover .span1{background-position:-80px -127px}
.index_5 div:hover .span2{background-position:-140px -127px}
.index_5 div:hover .span3{background-position:-200px -127px}
.index_5 div:hover .span4{background-position:-260px -127px}
.index_5 div:hover .span5{background-position:-320px -127px}
.index_5 div b{font-size:1.2rem;color:#333;text-align:center;display:block;font-weight:100;height:20px;line-height:20px;margin-bottom:20px;transition:all .3s}
.index_5 div:hover b{color:#FF3F3C}
.index_5 p{text-align:center}

	
/*footer css*/
.container-fu {font-size:18px}
.index_footer {
    overflow: hidden;
}
.h40 {
    height: 40px;
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
}
.index_footer{overflow:hidden;}
.index_footer_l{height:270px;width:62.6%;border-right:1px solid #666;float:left;margin-right:5%}
.footer_l_ul{width:20%;float:left}
.footer_l_ul b{margin-bottom:15px;display:block}
.footer_l_ul b a{font-size:18px;line-height:35px;height:35px;font-weight:100;color:#FFF}
.footer_l_ul ul a{color:#fff}
.footer_l_ul ul a:hover{color:#c8c8c8}
.footer_l_ul li{font-size:16px;line-height:28px;height:28px}
.index_footer_so{width:91%;height:38px;border:1px solid #666}
.index_footer_so .key{height:100%;width:80%;border:none;background:0 0;float:left;text-indent:20px}
.index_footer_so .sub{height:100%;width:20%;border:none;background:0 0;float:left;text-align:center;border-left:1px solid #666;display:block;cursor:pointer;font-size:16px}
.index_footer_so .sub:hover{color:#fff}
.index_footer_r{width:32%;float:left}
.index_footer_r_t{height:auto;float:left}
.index_footer_r_t div{width:50%;float:left;margin-bottom:15px}
.index_footer_r_t div b{border-left:1px solid #fff;display:block;font-weight:100;font-size:16px;line-height:16px;text-indent:7px;color:#FFF;float:left;width:100%;margin-bottom:15px;margin-top:7px}
.index_footer_r_t div p{font-size:1.3rem;line-height:1.4rem;color:#FFF;display:block;height:1.4rem;float:left}
.index_footer_r p{color:#FFF;float:left; font-size:16px; line-height:30px;}
.index_footer_r_b{height:106px;width:100%;}
.index_footer_r_b span{height:106px;width:27.89%;float:left;display:block;background:url(../images/web.jpg) no-repeat center; background-size:100% auto;margin-right:7.89%}
.index_footer_r_con{width:64.2%;float:left;height:106px}
.index_footer_r_con ul li{width:50%;float:left;height:53px;line-height:40px;margin-top:4px}
.index_footer_r_con ul li a{color:#FFF}
.index_footer_r_con ul li:hover a{color:#c8c8c8}
.index_footer_r_con ul li i{background:url(../images/index_bg2.png) no-repeat;width:40px;height:40px;display:block;margin-right:10px;float:left}
.index_footer_r_con ul li .span1{background-position:0 0}
.index_footer_r_con ul li .span2{background-position:0 -40px}
.index_footer_r_con ul li .span3{background-position:0 -80px}
.index_footer_r_con ul li .span4{background-position:0 -120px}
.containeron{font-size:14px}
.footer{width:100%;height:239px;background-color:#282828}
.footer-c{margin-top:40px;height:auto}
.footer,.footer dl a{color:#bdbebe}
.copyright,.copyright a{color:#aaa}
.footer a:hover{color:#ccc}
.btlist,.ftbox{margin:0 auto}
.footer .flogo{margin:44px 150px 0 7px;height:145px}
.footer dl.list{float:left;margin-top:30px}
.footer dl.w{overflow:hidden;margin-right:120px}
.footer dl.w dd{float:left;margin-right:20px;width:130px}
.footer dl dt{margin-bottom:15px;font:700 15px/22px "microsoft yahei"}
.footer dl dd{text-indent:2px;line-height:26px}
.copyright{clear:both;line-height:60px;overflow:hidden;width:100%;max-width:1190px;margin:auto}
.copyright a{ font-size:18px;}


/*内页公司简介*/
/*公司简介*/
.position-relative {
    position: relative !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.d-flex {
    display: flex !important;
}
.justify-content-start {
    justify-content: flex-start !important;
}
.align-items-center {
    align-items: center !important;
}
.d-lg-flex {
    display: flex !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.mt-lg-5 {
    margin-top: 3rem !important;
}
.justify-content-center {
    justify-content: center !important;
}
#zy_jjbj{ background: url("../images/jjbj.jpg") no-repeat left top;}
#zy_jjbj .container{ width:1420px; max-width:1420px;}
#gsjj{ width: 60%; float: right; position: relative; padding: 5% 5% 12%;}
#gsjj:before{ position: absolute; left: 0; top: 0; content: ''; background: rgba(255,255,255,0.7); width: 120%; height: 100%;}
#gsjj .content,#gsjj ul{ position: relative;}
#gsjj ul{ margin-bottom: 2% !important;}
#gsjj ul li{ color: #333333; font-size: 16px; padding-right: 8%; transition: 0.3s; position: relative;}
#gsjj ul li:before{ position: absolute; left: 0; top: 0; content: ''; width: 0; height: 100%; background: #c00505; transition: 0.3s;}
#gsjj ul li a{ display: block; position: relative; width: 100%; transition: 0.3s;}
#gsjj ul li:hover:before{ width: 80%;}
#gsjj ul li:hover a{ color: #fff; }
.tit_jj{ padding: 3% 0; position: relative; background: url("../images/jj_pic2.png") no-repeat right center;}
.tit_jj i{ display:block;}
.tit_jj h2{ color: #333333; font-size: 42px; display: inline-block; font-weight: bold !important; padding: 2% 0 2%; position: relative;}
.tit_jj h2 span{ color: #c00505;}
.tit_jj h2:before{ position: absolute; right: -20px; top: 10px; content: ''; width: 15px; height: 15px; border: 2px solid #c00505; border-radius: 100%;}
.tit_jj p{ font-size: 22px; color: #666666; position: relative; height: 45px;}
.tit_jj p:before{ position: absolute; left: 0; bottom: 0; width: 5%; content: ''; height: 4px; background: #c00505;}
#gsjj .content{ margin-top: 3% !important; color: #000; font-size: 16px; padding: 0 3% 0 0; line-height: 35px; height: 385px; overflow-y: scroll; width:100%;}
#gsjj .content::-webkit-scrollbar{
    width:3px;
    height:6px ;
}
#gsjj .content::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #e8e8e8;
}
#gsjj .content::-webkit-scrollbar-thumb{
    background: #c3002f;
}


.zy_jjlb{ background: rgba(255,255,255,0.95); padding: 5% 0 !important; width: 100%; position: absolute; left: 0; bottom: -15%; z-index: 1; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.zy_jjlb li{ text-align: center;}
.zy_jjlb h2{ font-size: 48px; color: #c00505; font-weight: bold !important; font-family: Impact; letter-spacing: 1px; padding-bottom: 10px;}
.zy_jjlb p{ color: #333333; font-size: 24px;}
.zy_jjlb span{ color: #999999; font-size: 16px; text-transform: uppercase;}

.qyfm{ padding-top: 12%;}
.qyfm.container{ width:1420px; max-width:1420px}
.tit_zy h2{ color: #333333; font-size: 42px;}
.tit_zy h2 span{ font-weight: bold; color: #c00505;}
.tit_zy p{ font-size: 16px; color: #000; padding-top: 10px;}
@media screen and (max-width:1440px){
    .tit_jj{ line-height: 25px;}
    .tit_jj h2{ font-size: 34px; padding: 2% 0 0;}
    .tit_jj p{ font-size: 16px;}
    #gsjj .content{ font-size: 14px; line-height: 30px;}
    .zy_jjlb h2{ font-size: 40px;}
    .zy_jjlb p{ font-size: 20px;}
    .zy_jjlb span{ font-size: 14px;}
    .tit_zy h2{ font-size: 36px;}
}
@media screen and (max-width:1200px){
    #gsjj .content{ height: 278px;}
    .zy_jjlb h2{ font-size: 36px;}
    .zy_jjlb p{ font-size: 16px; height: 30px; line-height: 30px;}
    .zy_jjlb span{ font-size: 12px;}
    .zy_jjlb h2{ padding: 0;}
    #gsjj ul li{ padding-right: 5%; font-size: 15px;}
    .tit_zy h2{ font-size: 32px;}
    .tit_zy p{ font-size: 14px; padding-top: 0;}
}
@media screen and (max-width:991px){
    .zy_jjlb li{ float: left; width: 33%; line-height: 12px; margin-bottom: 3%;}
    #gsjj{ width: 100%;}
    #gsjj:before{ width: 100%;}
    .zy_jjlb{ position: relative; margin: 3% 0 0 !important; padding: 5% 0 0 !important;}
    .tit_jj h2,.tit_zy h2{ font-size: 26px;}
    .tit_jj p,.tit_zy p{ font-size: 12px; line-height: 25px !important;}
}
@media screen and (max-width:768px){
    .zy_jjlb span{ display: block; min-height: 40px;}
    .zy_jjlb h2{ font-size: 30px;}
    #gsjj ul li{ font-size: 13px;}
}



#fengmao{ margin: 3% 0 0; overflow: hidden;}
#fengmao .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}
#fengmao .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}
#fengmao .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#fengmao .swiper-slide .pic .img img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#fengmao .swiper-slide .font{ width: 100%; text-align: center; background: #f9f9f9; transition: 0.5s all; color: #333; height: 50px; line-height: 50px; font-size: 16px; border: 1px solid #e8e8e8;}
#fengmao .swiper-slide:hover .pic .img img{ transform: scale(1.1);}
#fengmao .swiper-slide:hover .font{ background: #c00505;border: 1px solid #c00505; color: #fff;}

#fengmao .swiper-button-next:after,#fengmao .swiper-button-prev:after{ display: none;}
#fengmao .control-bar .prev_next{ right: 0; opacity: 1; z-index: 8;}
#fengmao .control-bar .prev_next.prev{ left: 0; opacity: 1; z-index: 8;}
#fengmao .control-bar .w-btn { border-radius: 0; width: 35px; height: 35px; margin: 2px; text-align: center; line-height: 35px; background-color: #8a8a8a; position: relative; color: #eeeeee; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; 	background-image:none;}
#fengmao .control-bar .w-btn:hover { background-color: #be0505; color: #ffffff; }
#fengmao .control-bar .prev_next i { display: block; width: 0; position: relative; height: 1px; background-color: CurrentColor; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#fengmao .control-bar .prev_next i::before, #fengmao .control-bar .prev_next i::after { content: ''; display: block; width: 10px; height: 1px; background-color: CurrentColor; position: absolute; margin: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#fengmao .control-bar .prev_next i::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#fengmao .control-bar .prev_next i::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#fengmao .control-bar .prev_next.next i { margin-left: 10px; }
#fengmao .control-bar .prev_next.next i::before, #fengmao .control-bar .prev_next.next i::after { right: 0; transform-origin: right; }
#fengmao .control-bar .prev_next.prev i { margin-right: 10px; }
#fengmao .control-bar .prev_next.prev i::before, #fengmao .control-bar .prev_next.prev i::after { left: 0; transform-origin: left; }
#fengmao .control-bar .prev_next:hover i { width: 20px; margin: 0; }
#fengmao .control-bar .prev_next:hover i::before, #fengmao .control-bar .prev_next:hover i::after { width: 8px; }
#fengmao .control-bar .more i { width: 15px; height: 1px; background-color: CurrentColor; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#fengmao .control-bar .more i::before, #fengmao .control-bar .more i::after { content: ''; display: block; width: 100%; height: 100%; background-color: CurrentColor; position: absolute; margin: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#fengmao .control-bar .more i::before { top: -6px; }
#fengmao .control-bar .more i::after { bottom: -6px; }
#fengmao .control-bar .more:hover i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); width: 2px; height: 2px; }

@media screen and (max-width:1200px){
    #fengmao .swiper-slide:before{ display: none;}
    #fengmao .swiper-slide .pic .font p{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #fengmao .swiper-container{ padding: 0;}
    #fengmao .swiper-slide .pic .font p{ height: 45px; line-height: 45px;}
}
@media screen and (max-width:765px){
}



#ldzc{  background: #fbfcff;}
#ldzc .container{width:1420px; max-width:1420px;}
#ldzc .pic{    flex: 0 0 auto;
    width: 33.33333333%;}
#ldzc .pic img{ position: relative; margin-left: -30%; padding: 0;}
#ldzc .content{ position: relative; padding: 3% 5%;    flex: 0 0 auto;width: 66.66666667%;}
#ldzc .content:before{ position: absolute; left: 0; top: 0; content: ''; width: 120%; height: 100%; background: #fbfcff;}

#ldzc .font{ position: relative; color: #666666; font-size: 16px; padding-top: 3%; line-height: 35px;}
@media screen and (max-width:1200px){
    #ldzc .font{ font-size: 14px; line-height: 30px;}
    #ldzc .tit_jj{ background-size: 35%;}
}
@media screen and (max-width:991px){
    #ldzc .pic img{ margin-left: 0; width: 100%;}
}

.pb-5 {
    padding-bottom: 3rem !important;
}
.pt-5 {
    padding-top: 3rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}
#qywh_bj{ background: url("../images/wh_bj.jpg") no-repeat center bottom fixed;}
#qywh_bj .container{ width:1420px; max-width:1420px;}
#qfwfw{ margin: 3% 0 0; background: rgba(255,255,255,0.95); padding: 2%; position: relative;}
#qfwfw .swiper-slide { background-position: center; position: relative;}
#qfwfw .gallery-top { height: auto; padding: 0; color: #666666; overflow: hidden;     flex: 0 0 auto;width: 75%;}
#qfwfw .gallery-top .swiper-slide{ padding: 3% 5% 0; line-height: 35px; font-size: 15px;}
#qfwfw .gallery-top .swiper-slide .tit{ color: #333333; font-size: 24px; font-weight: bold; position: relative; height: 50px;}
#qfwfw .gallery-top .swiper-slide .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 5%; height: 4px; background: #c00505;}
#qfwfw .gallery-top .swiper-slide .content{ font-size: 16px; padding-top: 3%; width:100%;}

#qfwfw .gallery-thumbs { height: 345px; text-align: left;flex: 0 0 auto;width: 25%; overflow:unset;}
#qfwfw .gallery-thumbs .swiper-wrapper{ width: auto;}
#qfwfw .gallery-thumbs .swiper-slide { width: 100%; cursor: pointer; border: 1px solid #e2e4e8; border-bottom: none; padding: 10% 0 7% 7%; line-height: 25px; position: relative; height: auto;}
#qfwfw .gallery-thumbs .swiper-slide:last-of-type{ border-bottom: 1px solid #e2e4e8;}
#qfwfw .gallery-thumbs .swiper-slide .float-start{ position: relative; width: 75%;}
#qfwfw .gallery-thumbs .swiper-slide .float-start:before{ position: absolute; right: 0; top: 0; width: 18px; height: 18px; border: 2px solid #c10b0b; content: ''; border-radius: 100%; transition: 0.3s;}
#qfwfw .gallery-thumbs .swiper-slide i{ color: #c00505; font-size: 40px; margin-right: 10px;}
#qfwfw .gallery-thumbs .swiper-slide p{ color: #333333; font-size: 24px}
#qfwfw .gallery-thumbs .swiper-slide span{ color: #999999; font-size: 12px; text-transform: uppercase;}
#qfwfw .gallery-thumbs .swiper-slide-thumb-active { position: relative; background: #c00505; border: 1px solid #c00505; }
#qfwfw .gallery-thumbs .swiper-slide-thumb-active p,#qfwfw .gallery-thumbs .swiper-slide-thumb-active span,#qfwfw .gallery-thumbs .swiper-slide-thumb-active i{ color: #fff;}
#qfwfw .gallery-thumbs .swiper-slide-thumb-active .float-start:before{ border: 2px solid #fff;}
#qfwfw .swiper-button-prev:after,#qfwfw .swiper-button-next:after{ display: none;}
#qfwfw .swiper-button-prev,#qfwfw .swiper-button-next{ width: 60px; height: 60px; border: 1px solid #cfcfcf; border-radius: 100%; transition: 0.3s;}
#qfwfw .swiper-button-prev i,#qfwfw .swiper-button-next i{ color: #cfcfcf; font-size: 30px;}
#qfwfw .swiper-button-prev{ right: auto; left: -285%; top: auto; bottom: 8%; background-image: none;display: flex;
    align-items: center;
    justify-content: center;}
#qfwfw .swiper-button-next{ right: auto; left: -260%; top: auto; bottom: 8%; background: #c40000; border: 1px solid #c40000; display: flex;
    align-items: center;
    justify-content: center;}
#qfwfw .swiper-button-prev:hover,#qfwfw .swiper-button-next:hover{ background: #c40000; border: 1px solid #c40000;}
#qfwfw .swiper-button-prev:hover i,#qfwfw .swiper-button-next:hover i{ color: #fff;}
@media screen and (max-width:1440px){
    #qfwfw .gallery-thumbs .swiper-slide p{ font-size: 20px;}
    #qfwfw .gallery-thumbs .swiper-slide span{ display: block; line-height: 20px;}
    #qfwfw .gallery-thumbs .swiper-slide .float-start:before{ display: none !important;}
    #qfwfw .gallery-top .swiper-slide .tit{ font-size: 20px;}
    #qfwfw .gallery-top .swiper-slide .content{ font-size: 14px;}
    #qfwfw .swiper-button-prev, #qfwfw .swiper-button-next{ width: 40px; height: 40px; line-height: 40px;}
    #qfwfw .swiper-button-prev i, #qfwfw .swiper-button-next i{ font-size: 20px;}
}
@media screen and (max-width:1200px){
    #qfwfw .gallery-thumbs .swiper-slide p{ font-size: 18px;}
    #qfwfw .swiper-button-prev, #qfwfw .swiper-button-next{ display: none;}
}
@media screen and (max-width:991px){
    #qfwfw .gallery-thumbs{ margin-top: 3%; overflow: hidden;}
    #qfwfw .gallery-thumbs .swiper-wrapper{ padding-top: 0;}
    #qfwfw .gallery-thumbs .swiper-slide{ padding: 3%;}
    #qfwfw .gallery-top .swiper-slide .tit{ height: auto; line-height: 25px; padding-bottom: 10px;}
}
@media screen and (max-width:768px){
    #fwfw li{ font-size: 15px;}
}

/*内页-解决方案*/
#cp_banner{background: url("../images/cp_banner.jpg") no-repeat center top;}
.fw_banner{ background: url("../images/fw_banner.jpg") no-repeat center top !important;}
.fa_banner{background: url("../images/fa_banner.jpg") no-repeat center top !important;}
.lx_banner{ background: url("../images/lx_banner.jpg") no-repeat center top !important;}
.xw_banner{ background: url("../images/xw_banner.jpg") no-repeat center top !important;}
.fm_banner{ background: url("../images/fm_banner.jpg") no-repeat center top !important;}
.ry_banner{ background: url("../images/jjbj.jpg") no-repeat center top !important;}
.jj_banner{ background: url("../images/jj_banner.jpg") no-repeat center top !important;}
#cp_banner .main{ width: 100%; }
#cp_banner .main .font{ background: rgba(255,255,255,0.65); width: 65%; margin: 0 auto; text-align: center; padding: 3%; box-shadow: 0 0 15px rgba(0,0,0,0.3); }
#cp_banner .main .font .nr h2{ color: #333333; font-size: 90px; font-family: Impact; height: 90px; line-height: 90px;}
#cp_banner .main .font .nr span{ color: #333333; font-size: 16px;}
#cp_banner .main .font .tit_zy{ line-height: 20px; padding: 2% 0;}
#cp_banner .main .font .tit_zy p{ text-transform: uppercase;}
#cp_banner .main .font .content{ color: #000; font-size: 16px; padding: 0 5%;}
@media screen and (max-width:1600px){
    #cp_banner .main .font{ width: 80%; padding: 5% 3%;}
}
@media screen and (max-width:1200px){
    #cp_banner .main .font{ width: 90%; padding: 10% 3%;}
    #cp_banner .main .font .nr h2{ font-size: 70px;}
}
@media screen and (max-width:991px){
    #cp_banner .main .font .content{ font-size: 14px;}
}
@media screen and (max-width:768px){
}

.falist.container{width:1420px; max-width:1420px;}
.khal li{ margin-bottom: 5%; border: 1px solid #ededed;}
.khal li .img{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.khal li .img img{ max-width: 100%; height: 100%;right:0; left: 0; position: absolute; text-align: center; margin:auto;}
.khal li .img1{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.khal li .img1 p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.khal li .img1 p img{ max-width: 100%; height: 100%;}

.khal li .img .content,.khal li .img1 .content{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(196,0,0,0.8); text-align: center; color: #fff; opacity: 0; transition: 0.3s;}
.khal li .img .content p,.khal li .img1 .content p{ font-size: 15px; transition: 0.4s; padding: 0 10%;}
.khal li .img .content i,.khal li .img1 .content i{ font-size: 40px; padding: 40% 0 6%; transition: 0.4s; display:block; }

.khal li .box{ padding: 3%; color: #333333; font-size: 16px; text-align: center; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.khal li:hover .img .content,.khal li:hover .img1 .content{ opacity: 1;}
.khal li:hover .img .content i,.khal li:hover .img1 .content i{ padding-top: 23%;}

.tit_fa{ color: #333333; font-size: 42px; font-weight: bold; height: 55px; line-height: 55px;}
.tit_fa span{ float: left; display: block; padding: 0 15px; margin-right: 2%; height: 55px; line-height: 55px; background: #c00505; color: #fff; font-size: 30px;}
.tit_fa p{ font-size: 36px;}
.news-detail-content{ padding: 3% 0;}
.news-detail-title h3,#fanr p{ font-size: 22px; color: #333;}
.news-detail{ font-size: 16px; color: #999999;}
#fanr li{ width: 12%; margin-right: 1%; text-align: center; height: 36px; line-height: 36px; border: 1px solid #cccccc; border-radius: 20px; color: #999; margin-top: 1%; transition: 0.3s; cursor: pointer;}
#fanr li:hover{ background: #c00505; border: 1px solid #c00505; color: #fff;}
.fa_pic{ margin-top: 3%; width: 100%; height: 0; padding-bottom: 40%; position: relative; overflow: hidden;}
.fa_pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
#falb{ float: right; width: 60%;}
#falb dd{ text-align: center; height: 50px; line-height: 50px; border: 1px solid #cccccc; border-radius: 30px; color: #999; margin-bottom: 8% !important;}
#falb dd:first-of-type{ background: #c00505; border: 1px solid #c00505; color: #fff;}
#falb dd:first-of-type a{ color: #fff;}

.fa_end p{ color: #333333; font-size: 28px;}
.fa_end h2{ display: inline-block; color: #fff; background: #c00505; height: 60px; line-height: 60px; padding: 0 20px; margin: 10px 0 !important; position: relative;}
.fa_end h2:before{ position: absolute; left: -115%; top: 50%; content: ''; background: #e3e3e3; width: 110%; height: 1px;}
.fa_end h2:after{ position: absolute; right: -115%; top: 50%; content: ''; background: #e3e3e3; width: 110%; height: 1px;}
.fa_end span{ display: block; clear: both; color: #666666; font-size: 16px;}
@media screen and (max-width:1200px){
    .tit_fa{ font-size: 32px;}
    .tit_fa span,.tit_fa p{ font-size: 28px;}
}
@media screen and (max-width:991px){
    #fanr li{ float: left;}
    #falb{ margin-top: 3% !important; width: 100%;}
    #falb dd{ float: left; width: 43%; margin-right: 1%;}
    .tit_fa{ font-size: 24px; height: auto; line-height: 40px;}
    .tit_fa span,.tit_fa p{ font-size: 22px; height: auto; line-height: 40px;}
    .fa_end p{ font-size: 20px;}
    .fa_end h2{ font-size: 22px; height: 50px; line-height: 50px; margin: 0 !important;}
    .fa_end span{ font-size: 14px;}
}
@media screen and (max-width:768px){
    #fanr li{ width: 30%;}
    .fa_end p{ font-size: 16px; height: 40px; line-height: 40px;}
    .fa_end h2{ font-size: 16px;}
}

.cptj.container{ width:1420px; max-width:1420px;}
#xgcp{ margin: 3% 0 0; overflow: hidden;}
#xgcp .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}
#xgcp .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#xgcp .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 65%; background: #fff; position: relative; overflow: hidden;}
#xgcp .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
#xgcp .swiper-slide .font{ padding: 5%; transition: 0.5s; border: 1px solid #ececec; width: 100%;}
#xgcp .swiper-slide .tit{ color: #333333; font-size: 18px; position: relative; height: 40px;}
#xgcp .swiper-slide .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 10%; height: 3px; background: #c40000;}
#xgcp .swiper-slide .tit:after{ position: absolute; left: -3%; top: -8%; content: 'mine'; width: 100%; height: 100%; text-transform: uppercase; color: rgba(196,0,0,0.04); font-size: 60px; font-weight: bold;}
#xgcp .swiper-slide .bt{ min-height: 60px; color: #999999; font-size: 16px; margin-top: 5%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#xgcp .swiper-slide .more{ width: 50%; height: 45px; line-height: 45px; text-align: center; color: #c40000; margin: 3% auto 0; border: 1px solid #c40000; border-radius: 25px; transition: 0.3s;}
#xgcp .swiper-slide .font_hover{ position: absolute; opacity: 0; left: 0; bottom: 0; width: 100%; z-index: 1; text-align: center; padding: 8% 3%; background: url("../images/chi.png") repeat-x center bottom #fff; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: 0.5s;}
#xgcp .swiper-slide .font_hover .tit:before{ left: 45%;}
#xgcp .swiper-slide .font_hover .tit:after{ left: 0;}
#xgcp .swiper-slide .font_hover .bt{ width: 90%; margin: 5% auto; -webkit-line-clamp: 3; min-height: 90px;}
#xgcp .swiper-slide:hover .font{ opacity: 0;}
#xgcp .swiper-slide:hover .font_hover{ opacity: 1; left: 5%; width: 90%;}
#xgcp .swiper-slide:hover .pic img{ transform: scale(1.05);}
#xgcp .swiper-slide .font_hover .more:hover{ background: #c40000; border: 1px solid #c40000; color: #fff;}

/*联系我们*/
.index_title3 p:nth-of-type(1){ font-size: 30px; color: #333; position: relative; padding-bottom: 1.5rem!important;}
.index_title3 p:nth-of-type(1):after{ position: absolute; content: "";left: 0; bottom: 0%; right: 0; margin:auto;
background: #2e457f; width: 2%; height: 3px; }
 .hs_bg{ background: #f7f7f7; height:auto; overflow: hidden; }
  .hs_bg .container{ width:1420px; max-width:1420px;}
  
  .mb-5, .my-5 {
    margin-bottom: 3rem!important;
}
.bg_white {
    background: #fff;
}
.p-5 {
    padding: 3rem!important;
}
.pt-3, .py-3 {
    padding-top: 1rem!important;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem!important;
}	
.shs_bg {
    background: #e7ebec;
}
.pl-4, .px-4 {
    padding-left: 1.5rem!important;
}
.pr-4, .px-4 {
    padding-right: 1.5rem!important;
}
.pt-2, .py-2 {
    padding-top: .5rem!important;
}
.d-inline-block {
    display: inline-block!important;
}
.pt-4, .py-4 {
    padding-top: 1.5rem!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.p-3 {
    padding: 1rem!important;
}
.w-100 {
    width: 100%!important;
}
.rounded {
    border-radius: .25rem!important;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.current_add{ position: relative; padding: 0 0 0 2%; }
.current_add:after{ position: absolute; content: ""; width: 1px; background: #e3e3e3; height: 100%;left:55px;top: 0 }
.index_title3 div:nth-of-type(1){  font-size: 16px; color: #9a9a9a; line-height: 25px; }
.index-address-current{ 
    line-height: 58px;
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5;
     }
.index-address-current .container{ width:1420px; max-width:1420px;}
.index-title-sub{ font-size: 36px; text-align: center; position: relative;}
.index-title-sub:after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 49%;
    width: 26px;
    border-bottom: 2px #c62a26 solid;
    transition: all 0.5s
}
.index-address-current i{ display: inline-block; background: url(../images/home.png) no-repeat left center; width: 20px; height: 18px;
			 margin-right: 30px; }
.index-address-current  span a:nth-last-of-type(1){  font-weight: 100px; color: #d15252; }
.shs_bg{ background:#e7ebec;  }
.contact_big_bj{background:url(../images/contact_bj.png) no-repeat center  30% #f4f4f4;}
.contact_left h4,.contact_right h4{ font-size: 26px; color:#c30e24; font-weight: bold; text-transform: uppercase;  }
.contact_right h4{ margin-top:30px;}
.contact_left h4:nth-of-type(2){ margin-top:50px;}
.contact_lg_fb{ font-size: 16px;  }
.contact_left>p:nth-of-type(1){ font-size: 16px;    font-weight: bold; }
.contact_left>p:nth-of-type(2){ font-size: 16px;  font-weight: bold;  }
.contact_left .contact_li{ font-size: 16px;   }
.contact_left .contact_li p{ height:50px; line-height:50px;}
 #formData .write {
    background:  #fff;
    padding-right: 30px !important;
    border:1px #eee solid;
    font-size: 14px;
}
 #formData .form-tr{ padding:0 15px; position:relative;}


.btn-suss{ background: #c30e24; color: #fff; font-size: 14px; text-align: center; position: relative}
.btn-suss:hover{ color: #fff;background: #none;}
.btn-suss:before{ position: absolute;content: "";left: 0; top:0; background:#C00500;transform-origin: left center; width: 100%; height:100%; transform:scaleX(0); margin: auto; transition: all 0.5s; z-index:0; }

.btn-suss span{ position: relative}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.index_ad_2{background: url("../images/index_ad_bj2.png") no-repeat left center; height:100px;    display: flex;align-items: center;}
.index_ad_2 .container{ width:1420px; max-width:1420px; padding:0 !important;     justify-content: space-between!important;     flex-direction: row!important;     display: flex!important;}
.index_ad_2 i{ background: url("../images/index_ad_left.png") no-repeat left center; width: 155px; height:181px;left: 0; top: -50px;    position: absolute!important; z-index:999}
.ad2-font{ padding-left: 160px;}
.ad2-font p:nth-of-type(1){ font-size: 20px; color:#fff;}
.ad2-font p:nth-of-type(2){ font-size: 14px; color:#999999;}
.font-gg{ position: relative; color: #ffcc00; font-size: 36px; font-weight: bold}
.font-gg:after {
	position: absolute;
	content: "";
	background: #039aec;
	width: 1px;
	height: 40%;
	left: -2%;
	top: 0;
	margin: auto;
	bottom: 0;
}
@media(max-width: 768px){
	.font-gg{ font-size: 22px;}
}
@media(min-width: 768px) and (max-width: 1400px){
	.ad2-font p:nth-of-type(1){ font-size: 18px; color:#fff;}
.ad2-font p:nth-of-type(2){ font-size: 14px; color:#999999;}
	.font-gg{ font-size: 20px;}
}
.ad_tel_box a{ width: 196px; height:48px; line-height: 48px; color: #fff; font-size: 14px; border-radius: 5px; background: #c00505; position: relative; display: block}
.ad_tel_box a:before{ position: absolute;content: "";left: 0; top:0; background: #e84c19;transform-origin: right
center; width: 100%; height:100%; border-radius: 5px;transform:scaleX(0); margin: auto; transition: transform 0.5s; z-index:0;   }
.ad_tel_box a:hover a{ color:#fff;}
.ad_tel_box a:hover:before{ transform-origin: left center; transform: scaleX(1); }
.ad_tel_box a span{ position: relative;}


/*新闻内页*/
.hui {
    background: #f6f7f9;
}
.xwmore {
    width: 20%;
    margin: 3% auto 0;
}
.newslist.container{ width:1420px; max-width:1420px;}
.gonggao{ margin-top: 3%;}
.gonggao .row{ margin: 0;}
.gonggao .pic{ height: 0; padding-bottom: 25%; position: relative; overflow: hidden; transition: 0.5s;}
.gonggao .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.gonggao .pic:hover img{ transform: scale(1.1);}
.gonggao .font{ padding: 3%;}
.gonggao .font .gg_1 .tit{ color: #282828; font-size: 26px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.gonggao .font .gg_1 .content{ color: rgba(40,40,40,0.5); font-size: 16px; margin: 3% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; width:100%;}
.gonggao .font .gg_2{ padding-top: 2%; border-top: 1px solid #e9e9e9;}
.gonggao .font .gg_2 .tit{ color: rgba(40,40,40,0.7); font-size: 16px; height: 40px; line-height: 40px;}
.gonggao .font .gg_2 .tit p{ float: left; width: 85%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.gonggao .font .gg_2 .tit span{ display: block; float: right; color: rgba(40,40,40,0.5); font-size: 14px;}
.gonggao .font .gg_2 .tit:hover,.gonggao .font .gg_1 .tit:hover{ color: #c00505;}
@media screen and (max-width:1200px){
    .gonggao .pic{ padding-bottom: 32%;}
    .gonggao .font .gg_1 .tit{ font-size: 22px;}
    .gonggao .font .gg_1 .content{ font-size: 14px; }
    .gonggao .font .gg_2 .tit{ font-size: 14px; height: 30px; line-height: 30px;}
}
@media screen and (max-width:991px){
    .gonggao .pic{ padding-bottom: 50%;}
    .gonggao .font .gg_2 .tit p{ width: 80%;}
}



.hangye{ margin-top: 3% !important;}
.hangye li{ border: 1px solid #e7e7e7; background: #fff; padding: 0;}
.hangye li .float-left{ float: left; background: #fff; border-right: 1px solid #e7e7e7; width: 12%; text-align: center; font-size: 18px; font-weight: 100; color: #626364; padding: 5% 0;}
.hangye li .float-left p{ width: 60%; margin: 0 auto !important; transition: 0.3s;}
.hangye li .float-left span{ display: inline-block; font-size: 16px; line-height: 20px; border-top: 1px solid #999; font-family: Arial; margin-top: 20%; padding-top: 20%; transition: 0.3s;}
.hangye li .float-right{ float: right; width: 88%; padding: 5% 5% 0;}
.hangye li .float-right .tit{ color: #333333; font-size: 22px; transition: 0.3s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hangye li .float-right .content{ margin: 2% 0; color: #999999; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; width:100%;}
.hangye li .float-right .more{ float: left; color: #c00505; height: 35px; line-height: 35px; transition: 0.3s;}
.hangye li:hover .float-left{ background: #c00505;}
.hangye li:hover .float-left p,.hangye li:hover .float-left span{ color: #fff;}
.hangye li:hover .float-left span{ border-top: 1px solid #fff;}
.hangye li:hover .float-right .more{ background: #c00505; color: #fff; padding: 0 5%;}
.hangye li:hover .float-right .tit{ color: #c00505;}
@media screen and (max-width:1440px){
    .hangye li .float-left{ padding: 6% 0;}
}
@media screen and (max-width:991px){
    .hangye li .float-right .tit{ font-size: 18px;}
    .hangye li .float-right{ padding-top: 2%;}
}


.xgxw{ margin: 3% auto 0 !important;}
.xgxw li{ border-bottom: 1px solid #eaeaea; height: 60px; line-height: 60px; position: relative;}
.xgxw li:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 2px; background: #c00505; transition: 0.3s;}
.xgxw li i{ display: inline-block; font-size: 12px;}
.xgxw li p{ float: left; color: #666666; font-size: 16px; width: 80%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.xgxw li p i{ color: #c00505; margin-right: 10px; font-weight: bold;}
.xgxw li span{ display: block; width: 20%; text-align: right; float: right; color: #999; font-size: 14px;}
.xgxw li span i{ display: inline-block; margin-right: 10px; font-size: 16px;}
.xgxw li:hover:before{ width: 100%;}
@media screen and (max-width:1200px){
    .xgxw li span{ font-size: 12px;}
    .xgxw li span i{ font-size: 14px;}
    .xgxw li p{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .xgxw li p{ width: 75%;}
    .xgxw li span{ width: 25%;}
}


#xwinfo_bj{ background: url("../images/xwinfo_bj.jpg") no-repeat center top;}
#xwinfo_bj .home{ color: #fff; height: 60px; line-height: 60px;}
#xwinfo_bj .home i{ float: left; margin-right: 10px;}
#xwinfo_bj .home a{ color: #fff; padding: 0 5px;}
@media screen and (max-width:991px){
    #xwinfo_bj .home{ margin-top: 8%;}
}
@media screen and (max-width:768px){
    #xwinfo_bj .home{ margin-top: 13%;}
    #xwinfo_bj .news-detail-title .h3{ font-size: 20px;}
}

#xwinfo_bj .container{ width:1420px; max-width:1420px;}
#xwinfo_bj .bai{ padding: 3%; border-radius: 5px; margin-top: 0.5%;background: #fff !important;}
#xwinfo_bj .news-detail-title{ line-height: 35px;}
#xwinfo_bj .news-detail-title .h3{ color: #000000; font-size: 30px;}
#xwinfo_bj .news-detail-title .b{ color: #666666; font-size: 14px;}
#xwinfo_bj .news-detail-title .float-end{ color: #666666; font-size: 16px; transition: 0.3s;}
#xwinfo_bj .news-detail-title .float-end p{ display: inline-block; height: 35px; width: 35px; border-radius: 100%; background: #c00505; line-height: 35px; text-align: center; margin-right: 10px !important;}
#xwinfo_bj .news-detail-title .float-end p i{ color: #fff;}
#xwinfo_bj .news-detail-title .float-end:hover{ letter-spacing: 3px;}
#xwinfo_bj .news-detail{ font-size: 15px; color: #666666;}
#xwinfo_bj .news-detail img{ max-width: 100%; display: block; margin: 2% auto;}
#xwinfo_bj .newsPage{ padding: 0; overflow:hidden;}
#xwinfo_bj .newsPage .page-a{ float: left; color: #999; font-size: 16px; width: 45%; height: 90px; line-height: 90px; padding-left: 5%; transition: 0.3s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#xwinfo_bj .newsPage .page-a a{ color: #999; transition: 0.3s;}
#xwinfo_bj .newsPage .page-a:last-of-type{ float: right;}
#xwinfo_bj .newsPage .page_more{ float: left; position: relative; width: 90px;height: 90px; border-left: 3px solid #f5f5f5;border-right: 3px solid #f5f5f5;transition:.4s; }
#xwinfo_bj .newsPage .page_more:hover{background: #c00505;}
#xwinfo_bj .newsPage .page_more:hover i{background:  #fff ;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(1){width: 10px;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(2){width: 20px;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(3){width: 30px;}
.pagerList{position: absolute; top:38px; left: 28px;}
.pagerList span{display: block;}
.pagerList span i{display: block; background:#aaa; width: 30px; transition:.4s; height: 2px; margin-bottom:3px;}
#xwinfo_bj .newsPage .page-a:hover,#xwinfo_bj .newsPage .page-a:hover a{ color: #c00505;}
@media screen and (max-width:991px){
    #xwinfo_bj .news-detail-title .h3{ font-size: 20px;}
    #xwinfo_bj .news-detail-title .float-right p{ width: 25px; height: 25px; line-height: 25px;}
    #xwinfo_bj .newsPage{ padding: 3% 0;}
    #xwinfo_bj .newsPage .page-a{ width: 100%; height: 40px; line-height: 40px; font-size: 14px;}
    #xwinfo_bj .newsPage .page_more{ display: none;}
}
@media screen and (max-width:768px){
    #xwinfo_bj .news-detail-title .float-right{ display: none;}
}

.sNews-list .scs img {
    -webkit-transition-duration: 330ms;
    transition-duration: 330ms;
}
.sNews-list .scst img {
    -webkit-transition-duration: 330ms;
    transition-duration: 330ms;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


.sNews-list .pic img
{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.sNews-list .pic img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: inherit;
    width: 100% !important;
    height: 100% !important;
}

.sNews-list .item {
    overflow: hidden;
    padding: 1.5rem 0;
    border-bottom: #eeeeee dashed 1px;
    position: relative;
}
.sNews-list .item:after {
    content: " ";
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    background-color: #f5f6f8;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0;
}
.sNews-list .item .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: 240px;
}
.sNews-list .item .contain:after {
    display: none;
}
.sNews-list .item .pic {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -120px;
    width: 400px; height:213px !important;
    background-color: #eee; padding-bottom: 15% !important; transition: 0.3s; overflow: hidden;
}
.sNews-list .item  .pic img{  width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.sNews-list .item .txt {
    position: relative;
    padding-left: 450px;
    padding-right: 2.4rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sNews-list .item .txt .title {
    line-height: 1.5;
    height: 1.5em;
    font-size: 18px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
}
.sNews-list .item .txt .date {
    margin-top: 0.5rem;
    font-size: 14px;
    color: #999999;
}
.sNews-list .item .txt .date i{ float: left; margin-right: 10px;}
.sNews-list .item .txt .abstract {
    margin-top: 0.5rem;
    line-height: 1.75em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.5em;
    height: 3.5em;
    width: 90%;
    color: #999;
}
.sNews-list .item .txt .more {
    position: absolute;
    right: 0;
    border-radius: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -1.04rem;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    z-index: 2;
    border: #c3002f solid 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sNews-list .item .txt .more:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-image: url(../images/arrow-news-item-more.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
}
@media screen and (max-width: 1440px) {
    .sNews-list .item .pic{ padding-bottom: 21% !important;}
}
@media screen and (max-width: 1200px) {
    .sNews-list .item .pic{ padding-bottom: 25% !important;}
}
@media screen and (min-width: 1025px) {
    .sNews-list .item:hover:after {
        top: 0;
        height: 100%;
        -webkit-transition: top 0ms ease-out 0s, height 220ms ease-out 0s;
        transition: top 0ms ease-out 0s, height 220ms ease-out 0s;
    }
    .sNews-list .item:hover .txt .title {
        color: #c3002f;
    }
    .sNews-list .item:hover .txt .more {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        background-color: #c3002f;
    }
    .sNews-list .item:hover .txt .more:after {
        -webkit-filter: grayscale(100%) brightness(600%);
        filter: grayscale(100%) brightness(600%);
    }
}
@media screen and (max-width: 1024px) {
    .sNews-list .item {
        padding: 1rem 0;
    }
    .sNews-list .item .contain {
        min-height: 0;
    }
    .sNews-list .item .pic {
        position: relative;
        top: 0;
        margin-top: 0;
        width: 50%;
        height: 0 !important;
        padding-bottom: 30%;
    }
    .sNews-list .item .txt {
        padding-left: 0;
        padding-right: 0;
        width: 47.5%;
    }
    .sNews-list .item .txt .more {
        display: none;
    }
    .sNews-list .item .txt .title{ font-size: 16px;}
    .sNews-list .item:active:after {
        top: 0;
        height: 100%;
        -webkit-transition: 0ms;
        transition: 0ms;
    }
    .sNews-list .item:active .txt .title {
        color: #c3002f;
        -webkit-transition: 0ms;
        transition: 0ms;
    }
    .sNews-list .item:active .txt .more {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        background-color: #c3002f;
        -webkit-transition: 0ms;
        transition: 0ms;
    }
    .sNews-list .item:active .txt .more:after {
        -webkit-filter: grayscale(100%) brightness(500%);
        filter: grayscale(100%) brightness(500%);
    }
}

/*内页-- 产品*/
.cp_title{width:100%;margin: 0 auto 25px auto;border-bottom:20px solid #1D1D1D;max-width:1420px;}
.cp_title span{line-height:53px;display:block;width:180px;border-radius:15px 15px 0 0;background:#D71617;text-align:center;color:#fff;position:relative;bottom:-20px;font-size:1.2rem; font-weight:bold;}
.cpnr1_r{ width:490px; float: right;}
.cpnr1_r .tit{ font-size: 26px;padding: 10px 0 5px 0; color: #222;display: inline-block;}
.cpnr1_r .tage{ font-size: 15px; color:#666; margin:5px 0; padding:15px 0; display: block; line-height: 1.8 }
.cpnr1_r .tage b{ color:#111 }
.cpnr1_r .bordertop{ border-top:1px #ddd solid;}
.cpnr1_r .tage2 i{ color:#b01c1c  }
.cpnr1_r .tage2 strong{ color:#b01c1c; font-size: 25px; font-family: arial  }
.tel_l{width:240px; float:left;}
.tel_r{width:240px; float:right; font-weight:bold; height:50px; line-height:50px; text-indent:65px; margin-top:20px;}
.tel_r a{font-size:24px; color:#fff; display:block; background:#B20F10 url(../images/qd.png) no-repeat 20px 6px;}
.tel_r a:hover{background:#111 url(../images/qd.png) no-repeat 20px 6px;}
.line_ys{ width:100%; padding:20px 0 0px; color:#333;  overflow:hidden;}
.line_ys span{ width:24%;text-align:center; height:18px; line-height:18px; border-right:1px solid #d7d2d2; display:inline-table; text-align:center;}
.line_ys span img{vertical-align:middle;height:18px; margin-right:4px;}
.cpnav{width:100vw;max-width:1420px;height:60px;z-index:8;position:relative;top:0;background-color:#efefef; margin:40px auto 0; transition:all .5s;}
.cpnavbox{float:left;width:100%}
.cpnavbox li{float:left;width:12.5%;font:700 16px/60px "microsoft yahei";text-align:center;cursor:pointer;border-right:1px solid #FFF}
.cpnavbox li a {color:#666;display: block;}
.cpnavbox li .on {background-color:#E20401;color:#fff}
.cpnav .viewcd{text-indent:10px;width:155px;float:right;font:400 12px/50px 100;position:relative;background-color:#f8f8f8}
.cpnav .viewcd span{display:block;width:55px;height:50px;float:right;background:url(/images/icon_pro.png) -75px -102px no-repeat}
.cpnav .viewcd .code{position:absolute;left:0;top:50px;z-index:999;display:none}
.cpnav .viewcd .code img{width:155px;height:155px;float:left}


.cpl.container{ width:1420px; max-width:1420px;}
#cp_class li{ float: left; width: 23%; margin: 1%; background: #fafafa; border: 1px solid #f1f1f1; padding: 2.5%; position: relative; overflow: hidden; transition: 0.5s;}
#cp_class li:before{ position: absolute; right: -23%; top: 0; content: ''; width: 100%; height: 100%; background: url("../images/logo_icon.png") no-repeat center right; transition: 0.5s;}
#cp_class li i{ font-size: 48px; color: #dcdcdc; font-family: Impact;}
#cp_class li p{ color: #c00505; font-size: 28px; font-weight: bold; height: 55px; line-height: 55px; }
#cp_class li span{ color: #999999; text-transform: uppercase;}
#cp_class li:hover:before{ right: 2%; background-size: 40%;}
#cp_class li:hover{ background: #c00505; border: 1px solid #c00505; box-shadow: 0 0 10px rgba(192,5,5,0.5);}
#cp_class li:hover p,#cp_class li:hover span{ color: #fff;}
#cp_class li:hover i{ color: rgba(255,255,255,0.4);}

#cp_class li#li-on:before{ right: 2%; background-size: 40%;}
#cp_class li#li-on{ background: #c00505; border: 1px solid #c00505; box-shadow: 0 0 10px rgba(192,5,5,0.5);}
#cp_class li#li-on p,#cp_class li#li-on span{ color: #fff;}
#cp_class li#li-on i{ color: rgba(255,255,255,0.4);}

@media screen and (max-width:1200px){
    #cp_class li p{ font-size: 22px; padding: 5% 0 0; height: 40px; line-height: 40px;}
    #cp_class li span{ font-size: 12px;}
    #cp_class li:before{ background-size: 55%;}
}
@media screen and (max-width:991px){
    #cp_class li{ width: 31%;}
}
@media screen and (max-width:768px){
    #cp_class li{ width: 48%;}
}

.pro-list h3 {
    font-size: 1.6em;
    margin-bottom: 0.2em;
    text-align: center;
}
.pro-list h3 a {
    color: black !important;
    white-space: pre;
	    font-size: 30px;
    font-weight: bold;
}
.pro-list h3 a:hover {
    color: #c00505 !important;
}
.lanxian {
    width: 6rem;
    height: 0.25em;
    background: #c00505;
    margin: 0.8rem auto;
}
.w-xiangguan {
    justify-content: start;
	height:auto	;
}
.w-xiangguan .w-pro-item{	position:relative;}
.w-xiangguan .w-pro-item:after{ content:'';	width: 1px;height: 330px;background: #DCDCDC; position:absolute;top:0; right:-31px;}
.w-xiangguan .w-pro-item:nth-of-type(4n):after{content:'';	width: 0;height: 0; position:absolute;top:0;right:0; right:0;}
.w-xiangguan .col-xl-3 {
    border: 0.05em solid #dcdcdc;
    border-radius: 0.7em;
    padding-bottom: 1em;
    width: 20%;
    height: 330px;
    margin-bottom: 30px;
    margin-right: 60px;

}
.w-table-two .xiangqing {
    margin: 0 auto;
}
.w-pro-xiang .w-xiang-img {
    height: 15.9em;
    display: flex;
    align-items: center;
    background: #ededed;
    overflow: hidden;
}
.w-xiang-block h4 {
    font-size: 1em;
    margin-top: 1em;
    white-space: pre;
    font-family: "PingFang Bold";
}
.w-xiang-block p {
    margin-bottom: 0.3em;
}
.w-xiang-block .two-title {
    font-size: 0.8em;
    font-weight: bold;
}
.w-xiang-block .btn {
    max-width: 48%;
}
.w-xiang-block .btn .xiangqing {
    width: 60%;
    font-size: 0.9rem;
    padding: 0.3rem 0;
    background: #c00505;
    border: 0.05rem solid #c00505;
}
.w-xiang-block .btn .xiangqing:hover {
    background: #c00505;

}
.w-xiang-block .btn .xiangqing:hover a{	color:#FFF;}
.w-xiang-block .w-pro-anniu-2 .xiangqing {
    background: transparent;
}
.w-xiang-block .w-pro-anniu-2 .xiangqing a {
    color: #c00505;
}
.w-xiang-block .w-pro-anniu-1 .xiangqing a {
    color: white;
}
.w-pro-item:hover {
    border: 0.05em solid #c00505;
}
.w-pro-item:hover .w-xiang-block {
    display: none;
}
.w-pro-item:hover .w-xiang-block-2 {
    display: block;
}
.w-pro-item:hover .w-xiang-block-2 h4 {
    color: #c00505;
}
.w-service .col-xl-4 div {
    float: left;
}
.w-service .w-ser-chang:hover img {
    transform: scale(1.15)
}
.w-service .w-ser-duan:hover img {
    transform: scale(1.15)
}
.w-ser-chang {
    overflow: hidden;
    max-width: 56.6%;
    width: 56.6%;
}
.w-ser-chang img {
    width: 100%;
    height: 100%;
    transition: all 0.8s;
}
.w-ser-duan img {
    width: 100%;
    height: 100%;
    transition: all 0.8s;
}
.w-ser-duan {
    max-width: 43%;
    width: 43%;
    overflow: hidden;
}
.w-service .w-service-img {
    max-width: 35%;
    flex: 0 0 35%;
}
.w-service .w-service-img2 {
    max-width: 30%;
    overflow: hidden;
}
.w-service .w-service-img2 a img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 50%;
}
.w-service .w-service-img2 img {
    transition: all 0.8s;
}
.w-service .w-service-img2 img:hover {
    transform: scale(1.15)
}
.w-biaodan {
    justify-content: space-between;
}
.w-biaodan .col-xl-4 {
    max-width: 32%;
}
::-webkit-input-placeholder {
    color: black;
    font-size: 1em;
}
::-moz-placeholder {
    color: black;
    font-size: 0.85em;
}
.w-xiangguan .col-xl-4 {
	width:28%;
    max-width: 29%;
    transition: all 0.8s;
	height:414px;
	margin-bottom:30px;
	margin-right:100px;
}
.w-xiangguan .col-xl-4:nth-of-type(3n){ margin-right:0;}
.w-pro-item .list-img {
    overflow: hidden;
	height:220px;
}
.w-pro-item .list-img a{
	display:block; width:100%; height:100%; text-align:center;    border-radius: 0.7rem;
    overflow: hidden;}
.w-pro-item .list-img img {	
    max-width: 99%;
    height: 100%;
    transition: all 1s;
	margin-top:1px;

}
.w-pro-item .list-img:hover img {
    transform: scale(1.15)
}
.w-pro-item .list-para {
/*    border-right: 0.05rem solid #DCDCDC;
    border-left: 0.05rem solid #DCDCDC;
    border-bottom: 0.05rem solid #DCDCDC;*/
    height: 6.98rem;
    padding: 0.9rem 0;
}

.w-pro-item .xiang-shengwz{
    height: 8rem;
}
.display-none {
    display: none;
}
.w-xiangguan .pro-list:hover {
    border: 0;
    box-shadow: 0.06em 0.06em 0.9em 0.3em rgba(200, 200, 200, .8);
}
.w-pro-item .list-para h4 {
    font-size:18px;
    margin-top: 0;
    color: #c00505;
    font-family: "PingFang Bold";
	font-weight:bold;
	height:30px;
	line-height:30px;
}
.two-title {
    color: #787878;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.float-right {
    float: right!important;
}

.float-left {
    float: left!important;
}
.w-pro-item .list-para .two-title {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0.1em;
	line-height:25px;
}
.w-pro-item .list-para .xiangqing {
    padding: 0.4rem 0;
    font-size: 1rem;
    color: white;
}
.w-sousuo .pro-list:last-child {
    display: block;
}
.shuxian {
    width: 1px;
    height: 413px;
    background: #DCDCDC;
	margin:0 50px;
}
.shuxian-duan {
    width: 1px;
    height: 25.2em;
    background: #DCDCDC;
}
.margin-top-4 {
    margin-top: 4rem;
}.margin-top-3 {
    margin-top: 3rem;
}

.border-gray {
    border-bottom: 0.05rem solid #dcdcdc;
}
.pro-tit h3 {
    color: black;
    font-size: 25px;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 1rem;
}
.w-product-content {
    padding-top: 3rem;
}	
.w-product-content .row {
    justify-content: space-between;
}
.w-product-content .w-p-intro-left {
    max-width: 48%;

    text-align: justify;
	height:460px; 
}	
.w-product-content .w-p-intro-right {
    max-width: 35%;
    flex: 0 0 44%;
    display: flex;
    align-items: center;
}
.w-xi {
    background: #f8f8f8;
    margin-top: 4rem;
    padding-bottom: 4rem;
}
.w-solution {
    justify-content: space-between;
}	
.w-solution .col-xl-3 {
    max-width: 24.2%;    flex: 0 0 25%; position:relative; height:400px;	
}
.m-pro-solution.cpl{ width:1420px; max-width:1420px;}
.margin-bottom-4 {
    margin-bottom: 4rem;
}

.w-solution .col-xl-3 .app_img{ width:100%; height:100%;}
.w-solution .col-xl-3 .app_img a{display:block; width:100%; height:100%;}
.w-solution .col-xl-3 .app_img a img{width:100%; height:100%; object-fit:cover;}
.solution-item-ca {
    background: white;
    opacity: 0;
    transition: all 1s;
    position: absolute;
    width: 85%;
    height: 90%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 51% 8%;
    color: #666666;
    font-weight: bold;
}
.solution-item .app_title {
    margin-top: 0.8rem;
    font-size: 1.1rem;
    font-weight:normal;
}
.solution-item-ca p:last-child {
    margin-bottom: 0;
    opacity: 1;
    color: black;
}
.solution-item-ca h4 {
    border-bottom: 0.05em solid #D3D3D3;
    padding-bottom: 0.6em;
    margin-bottom: 3%;
    opacity: 1;
    font-weight: bold;
}
.solution-item:hover .solution-item-ca {
    opacity: .8;
}
.solution-item:hover .app_title {
    display: none;
}
.solution-item h4 {
    color: black;
    font-size: 20px;
}
.solution-item-ca h4:hover {
    color: #c00505;
}
.solution .xiangqing {
    margin: 4% auto 0;
    width: 10%;
}

.cpn p{ line-height:30px;}



#imgto{width:500px; height:480px; float: left;}
#imgto .big{width:500px;height:358px;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/  text-align:center; background:#f5f5f5;}
#imgto .big img{width:100%;height:100%; display:block; object-fit:cover;}

#imgto .small{height:100px; margin-top:8px;width:100%; clear:both;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;height:80px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:80px; font-weight:bold; color: #999; cursor:pointer;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:466px; position:relative;height:100px;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:100px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:108px; margin-left:10px;cursor:pointer;border:1px solid #1a1f23;}
#imgto .small div.imgc ul li img{max-width:106px; height:80px;}
#imgto .small div.imgc ul li.the {border:1px solid #0D83F2}

.w-product-para strong {
    color: #c00505;
    font-size: 30px;
}
.w-product-para h4 {
    margin-bottom: 0;
    color: #787878;
    margin-top: 8px;
}
.w-product-para .w-pro-para-1 {
    max-width: 22%;
    border-right: 0.05em solid #dcdcdc;
	    flex: 0 0 25%;
		cursor:pointer;
}
.w-product-para .w-pro-para {
    max-width: 22%;flex: 0 0 25%;border-right: 0.05em solid #dcdcdc;
	cursor: pointer;
}
.w-product-para .w-pro-para-4 {
    max-width: 22%;
    flex: 0 0 34%;
	cursor:pointer;
}
.cpl .girdlist{ margin-top:40px;	}
.cpl .girdlist .item .txt p{    font-size: 16px;color: #000;display: inline-block;transition: .5s ease;}
.cpl .girdlist .item:hover p{color: #c00505;transition: .5s ease;}
.cpl .girdlist .item .txt i{    background-position: -474px -288px;width: 26px;height: 26px;}



/*zy_header css*/
.zy_banner{width: 100%;margin:0 auto;}
.zy_banner img{width: 100%;}

/*zy css*/
#wrap{margin:2% auto;}
.zy_right{border:solid 1px #dbdbdb;padding-left: 0;padding-right: 0;padding-bottom: 5%;}

._zy_tit{padding:0 2%; line-height: 50px;font-size: 18px;font-weight: bold; color: #c00505;background: #ebebeb;position: relative;border-bottom:solid 1px #dbdbdb; overflow:hidden}
#zy_position{float: left; font-size: 16px;color: #333;font-weight: normal; height:80px; line-height:80px;}
#zy_position a{font-size: 16px;color: #333;}
#zy_position a:hover{text-decoration: underline !important;color: #ff5800 !important;}
#zy_position i{padding-right: 5px;}
._zy_con{line-height: 35px;color: #575757;font-size: 14px;padding:2% 3%;}
._zy_con img{max-width: 100%;}
._zy_page{padding:0 3%;line-height: 35px;color: #575757;font-size: 14px;}
._zy_page a{color: #575757;font-size: 14px;}
._zy_page a:hover{color: #ff5800;}
.page{text-align: center;color: #575757;font-size: 14px;}
.page a{color: #575757;font-size: 14px;}

/*contact css*/
#contact_01{padding:3%;margin-bottom: 3%;}
#contact_01 li{line-height: 40px;color: #666666;border-bottom: solid 1px #f6f5fa;text-indent: 10px; font-size: 16px;font-weight: normal;}
#contact_01 li i{color: #666666;padding-right: 10px;font-style: normal;}
#contact_02{padding:3%;}
#contact_02 p{line-height: 30px;font-size: 14px;color: #898989;text-align: center;}
#contact_02 i{background: #c6c6c6;width: 72px;height: 1px;display: block;margin:9px auto 0;}

/*news css*/
.news_lis li{padding:2% 3%;margin-bottom: 3%;background: #fafafa;-moz-box-shadow:4px 4px 4px rgba(0,0,0,.1); -webkit-box-shadow:4px 4px 4px rgba(0,0,0,.1); box-shadow:4px 4px 4px rgba(0,0,0,.1);transition: all .4s;}
.news_lis li .n_date{width: 20%;text-align: center;font-size: 28px;color: #363636;line-height: 35px;vertical-align: middle;padding: 2% 0;}
.news_lis li .n_date span{font-size: 18px;color: #ff5800;}
.news_lis li .n_capital{width: 70%;font-size: 28px;color: #363636;line-height: 40px;vertical-align: middle;}
.news_lis li .n_capital h4{color: #363636;font-size: 16px;line-height: 30px;padding-bottom: 2%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_lis li .n_capital p{color: #555555;font-size: 14px;line-height: 30px;}
.news_lis li:hover{background: #ff5800;}
.news_lis li:hover .n_capital h4{text-decoration: underline;}
.news_lis li:hover .n_capital h4,.news_lis li:hover .n_capital p,.news_lis li:hover .n_date span,.news_lis li:hover .n_date{color: #fff;}

/*custom css*/
#custom_01{margin-top: 3%;}
#custom_01 .custom_item{border:solid 1px #f2f2f2;border-bottom:solid 4px #f2f2f2;margin-bottom: 20px;transition:.4s;}
#custom_01 .custom_item ._p_img{width: 100%;overflow: hidden;height: 0;padding-bottom: 82%;position: relative;}
#custom_01 .custom_item ._p_img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%); transition: transform 1s ease 0s;}
#custom_01 .custom_item ._p_title{width:100%;line-height: 50px;text-align: center; color: #666666;font-size: 16px; margin:0 auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#custom_01 .custom_item:hover{}
#custom_01 .custom_item:hover ._p_title{color: #fff;background: #c00505;}
#custom_01 .custom_item:hover{-moz-box-shadow: 0px 0px 10px #cccccc; -webkit-box-shadow: 0px 0px 10px #cccccc; box-shadow: 0px 0px 10px #cccccc;}

/*product css*/
.product_img ._p_img{padding-left: 0;padding-right: 0;}
.product_img ._p_img img{padding:5px;border:solid 1px #f6f5fa;}
.product_img ._p_con{padding-right: 0;}
.product_img ._p_con h4{color: #000;font-size: 22px;line-height: 50px;}
.product_img ._p_con p{line-height: 35px;color: #575757;padding:3% 0;}
.product_img ._p_con .p_qq{width: 50%;line-height: 40px; float:left;text-align: center;display: block;color: #fff !important;font-size: 14px;background: #ff5800;transition: all .4s;}
.product_img ._p_con .p_qq:hover{background: #ff9012;}
.product_img ._p_con .p_ly{width: 50%;line-height: 40px;float:left;text-align: center;display: block;color: #fff !important;font-size: 14px;background: #c00505;transition: all .4s;}
.product_img ._p_con .p_ly:hover{background: #0A55A7;}

.product_img ._p_con span{line-height: 60px;color: #ff0000;font-size: 20px;}
.product_btn{border-top:solid 1px #ccc;padding:10px 0;line-height: 30px;color: #333;font-size: 14px;margin:0 auto;}
.product_btn a{color: #575757;font-size: 14px;}
.product_btn a:hover{color: #e6820c;}
.product_nav{border-bottom: solid 1px #dedede; line-height: 50px;margin:0 auto;margin-top: 2%;position: relative;}
.product_nav span{border-bottom: solid 1px #ff5800;display: inline-block;padding:0 20px; line-height: 50px;color: #333333;font-size: 22px;text-indent: 10px;}
.product_details{color:#333;line-height: 35px;padding-top: 20px;}
/*.product_details strong{background:#c00505; color:#fff; display:block; height:40px; line-height:40px; font-size:16px; text-indent:20px;}*/
.product_details strong{font-size: 16px;}
.product_details a{display: block;}
.product_details a:hover span{background: #c00505;color: #fff;}
.product_details img{max-width: 100%;}
/*.product_details span{display: block;line-height: 45px;text-align: center;transition:.4s;}*/

/*news css*/
#news_Title{text-align: center;font-size: 16px;font-weight: bold;color: #194077;margin-top: 3%;}
#news_Capital{text-align: center;font-size: 12px;color: #a3a3a3;margin-top: 2%;padding-bottom: 10px;border-bottom: 1px solid #eee;}
#news_Img{width: 80%; margin:2% auto;text-align: center;}
#news_Img img{max-width: 100%;}

   .left_fenlei_mobile{background: #c00505;}
   ._left_mt{line-height: 54px;color: #fff;font-size: 20px;padding:0 2%;}
   ._left_mt a{display: block;color: #fff !important;font-size: 20px;}
   ._left_mt i{padding-right: 6px;}
   ._left_mt i:nth-of-type(2){font-size: 28px;line-height: 54px;transition: all .4s;float: right;}
   ._left_mt.show i:nth-of-type(2){transform: rotate(90deg);}
   ._left_mf{height: 0;visibility: hidden;overflow: hidden;transform: translate3d(0,100%,0);transition: transform .2s;}
   ._left_mf.show{visibility: visible;transform: translate3d(0,0,0);height: auto;}
   ._left_mf li{width: 100%;margin:0 auto;}
   ._left_mf li a{display: block;text-indent: 50px; border-bottom: solid 1px rgba(255,255,255,.1);font-size: 16px;transition: all .4s;}
   ._left_mf li .left_father{background: url(../images/left_ico_mobile.png) 15px center no-repeat;color: #fff !important;line-height: 45px;}
   ._left_mf li .left_cur{font-weight: bold;}
   ._left_mf li p a.left_son{background: url(../images/left_ico_1_mobile.png) 50px center no-repeat;text-indent: 70px;color: #fff !important; font-size:14px;line-height: 40px;}

   /*分页*/
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 10px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 36px; padding:0px 10px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff !important;
  border-color: #c00505;
  background: #c00505;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 14px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 14px; padding:0px 15px; background:#c00505;
  color: #fff;
  float: left;
  line-height: 36px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}



/*产品组图*/
.pro_list{padding:0px 0px;}
#imgto{width: 100%;height: 460px;float: left;border: 1px #ccc solid;}
#imgto .big{width: 495px;height: 330px;display: table-cell;vertical-align: middle;text-align: center;}


.product_img{ overflow:hidden}
.pro_right{width:380px; float:right;}
.pro_right h1{height:80px; line-height:80px; font-size:26px;}
.pro_right .pro_desc{line-height:28px; line-height:28px; font-size:14px; background:#f4f4f4; padding:15px;}
.pro_right .pro_zx{width:260px;height:28px; line-height:28px; margin-top:20px; font-size:42px; background:#2975cc url(../images/tel2.png) no-repeat 16px 8px; background-size: 40px;padding:15px 60px; border-radius:3em;  color:#fff;}
.pro_img{ width:94%; margin:0 auto; clear:both; text-align:center; display:block; padding:20px;}


table{width:100%}


.bd .wrap{width: 1200px;
    margin: 0 auto;}


  .h_page2 .hds {
    padding: 50px 0 30px;
    text-align: center;
  }
  .h_page2 .hds h2 {
    font-size: 30px;
    line-height: 1.7;
    color: #fff;
  }
  .h_page2 .hds h2 span {
    font-weight: bold;
  }
  .h_page2 .hds p {
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
  }
  .h_page2 .bd {
    padding: 85px 0 95px;
  }
  .h_page2 .bds {
    margin: 0 auto;
  }
  .h_page2 .bd .lt {
    float: left;
    width: 450px;
  }
  .h_page2 .bd .rt {
    float: right;
    width: calc(100% - 600px);
  }
  .h_page2 .bd .lt h3 {
    font-size: 20px;
    line-height: 1.7;
    color: #ffffff;
  }
  .h_page2 .bd .lt h2 {
    font-size: 32px;
    line-height: 1.7;
    color: #ffffff;
    font-weight: bold;
  }
  .h_page2 .bd .lt .line {
    width: 22px;
    height: 3px;
    background: #ff5c34;
    margin: 15px 0;
  }
  .h_page2 .bd .lt .num {
    font-size: 100px;
    line-height: 160px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 10px 0px 1px #636772;
  }
  .h_page2 .bd .lt .num i {
    font-size: 160px;
  }
  .h_page2 .bd .lt sup {
    font-weight: bold;
    text-shadow: 6px 0px 1px #636772;
    vertical-align: top;
    line-height: 1;
    margin-left: -20px;
  }
  .h_page2 .bd .lt ul {
    margin-top: 100px;
  }
  .h_page2 .bd .lt li {
    float: left;
    margin-right: 45px;
    text-align: center;
  }
  .h_page2 .bd .lt li h4 {
    font-size: 20px;
    line-height: 1.7;
    color: #ffffff;
    margin-top: 10px;
  }
  .h_page2 .bd .lt li h5 {
    font-size: 12px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.3);
  }
  .h_page2 .bd .lt li:nth-child(3) {
    margin-right: 0;
  }
  .h_page2 .bd .lt dl {
    overflow: hidden;
    margin-top: 60px;
  }
  .h_page2 .bd .lt dd {
    width: 215px;
    text-align: center;
    font-size: 18px;
    line-height: 38px;
    color: #ffffff;
    border-radius: 22px;
    border: 1px dashed #fff;
    float: left;
    margin-bottom: 18px;
    cursor: pointer;
  }
  .h_page2 .bd .lt dd:nth-child(2n) {
    float: right;
  }
  .h_page2 .bd .lt dd.on {
    background: #ff5e36;
    border: 1px solid #ff5e36;
  }
  .h_page2 .bd .rt .imgs {
    overflow: hidden;
  }
  .h_page2 .bd .rt .imgs img {
    float: right;
    display: block;
  }
  .h_page2 .bd .rt ul {
    margin-top: 105px;
    margin-left: 70px;
  }
  .h_page2 .bd .rt ul li a {
    display: block;
    position: relative;
  }
  .h_page2 .bd .rt .pic {
    height: 565px;
    border: 8px solid #fff;
    border-radius: 20px;
  }
  .h_page2 .bd .rt li .ico {
    position: absolute;
    left: -70px;
    bottom: 35px;
    z-index: 11;
    width: 95px;
    height: 52px;
    background: url(../images/c11.png) no-repeat center #fb5a33;
  }
  .h_page2 .bd .rt li {
    display: none;
  }
  .h_page2 .bd .rt li:first-child {
    display: block;
  }
  
    .index_quick_baojia{width:100%;margin:0 auto;background:#fff;z-index:9999;border-radius:10px;padding:10px 30px;}
.index_quick_baojia .hd h3{font-size:24px;text-align:center;color:#E20401;margin:20px 0;}
.index_quick_baojia .hd .tips{color:#969696;font-size:18px;margin-bottom:20px;}
.index_quick_baojia .hd .tips strong{color:#000;font-size:30px;padding-right:30px;}
.index_quick_baojia .hd .tips span{color:#000;font-size:22px;padding:0 5px;}
.index_quick_baojia .bd{border-bottom:1px solid #e6e6e6;border-width:1px 0;padding:20px 0;height:auto;overflow:hidden;zoom:1;}
.index_quick_baojia .bd .attr{width:55%;float:left;}
.index_quick_baojia .bd .attr li{margin:10px 0;display:table;}
.index_quick_baojia .bd .attr strong{width:55px;display: table-cell;}
.index_quick_baojia .bd .attr span{display:inline-block;margin:5px 3px;border-radius:3px;cursor:pointer;}
.index_quick_baojia .bd .attr span input{display: inline-block;padding: 2px 10px;border: 1px solid #E1E1E1;background: #fbfbfb;font-size: 14px;color: #333333;margin-bottom: 9px;
border-radius: 4px;cursor: pointer;}
.index_quick_baojia .bd .attr span.on input{background:#00aaee;border:1px solid #00aaee;color:#fff;}
.index_quick_baojia .bd .quick_baojia_form{width:30%;margin-top:20px;float:right;}
.index_quick_baojia .bd .quick_baojia_form .list_input{margin: 15px 0;}
.index_quick_baojia .bd .quick_baojia_form span{width:80px;display:inline-block;font-weight:bold;font-size:16px;text-align:right;}
.index_quick_baojia .bd .quick_baojia_form span i{color:#ef0000;font-style:normal;}
.index_quick_baojia .bd .quick_baojia_form .ninja_msj1_input{border:1px solid #e6e6e6;height:40px;line-height:40px;padding:0 10px;width:265px;}
.index_quick_baojia .bd .quick_baojia_form button{width:90%;height:65px;color:#fff;background:#E20401;font-size:24px;border:3px solid #f0f0f0;border-radius:5px;margin-top:10px;}
.index_quick_baojia .ft{line-height:36px;font-size:18px;color:#646464;text-align:center;margin-top:20px;}
.index_quick_baojia .ft .ico_tel{background:url(../images/icon34.png) no-repeat 0 center;padding:18px 22px;}
.index_quick_baojia .ft strong{color:#E20401;font-size:24px;}
.index_quick_baojia .close1{position:absolute;right:-15px;top:-15px;width:48px;height:48px;background:url(../images/icon35.png) no-repeat 0 0;cursor:pointer;}
input[type="radio"]{
    -webkit-appearance:none;   
    
    }
.cpl .girdlist .item{ width:23%;}

.tit01{height: auto;overflow: hidden;text-align: center; margin-bottom: 30px; }
.tit01 span{display: block;color: #fc4000;line-height: 30px;}
.tit01 strong{display: block;line-height: 60px;font-size: 50px;color: #c00505;}
.xx{width:100%; overflow:hidden;padding:30px 0 50px; background:#f5f5f5;}
.content1{width:1500px; margin:0 auto;}

.xx_box{
  clear: both;
  overflow: hidden;
    background: #fff;
}

.xx_bars{
  float: left;
  width: 20%;
}
.xx_bars .item{
  width: 100%;
  position: relative;
  padding:15% 0;
  text-align: center;
  background: #e9e8f0;
  border-bottom: 1px solid #d0cfd4;
  cursor: pointer;
}
.xx_bars .item .icon{
  color: #c00505;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 20px; background:none;
}
.xx_bars .item .tt{
  font-size: 22px;
  color: #444;
  text-align: center;
}
.xx_bars .item:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: rgba(0,0,0,.2);
}
.xx_bars .item:after{
  content: "";
  display: none;
  position: absolute;
  right: -10px;
  top: 50%;
  border-top-width:10px;
  border-bottom-width:10px;
  border-right-width: 0;
  border-left-width:10px;
  border-style: solid;
  border-color: transparent transparent transparent #c00505;
  margin-top: -8px;
}

.xx_bars .item.hover{
  background: #c00505;
  border-bottom: 1px solid #c00505;
}
.xx_bars .item.hover .icon,.xx_bars .item.hover .tt{
  color: #fff;
  background:none;
}
.xx_bars .item.hover:after{
  display: block;
}

.xx_tabs{
  float: left;
  width: 80%;
}
.xx_tabs_clm{
  padding: 2% 0;
}
.xx_tabs_clm_l{
  float: left;
  width: 60%;
  padding: 0 5%;
}

.xx_tabs_clm_r{
  float: left;
  width: 35%;
}
.xx_tabs_clm_l_tt{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.xx_tabs_clm_l_text{
  line-height: 24px;
  color: #666;
}


.xx_tabs_clm_r_tt{
  font-size: 24px;
  color: #000;
  margin-bottom: 5%;
}
.xx_tabs_hs_list dd{
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
.xx_tabs_hs_list_inp1,.xx_tabs_hs_list_inp2{
  float: left;
  width: 150px;
  height: 36px;
  padding-left: 15px;
  border: 1px solid #ddd;
}
.xx_tabs_hs_list_inp2{
  width:140px;
}
.xx_tabs_hs_list_tt{
  float: left;
  color: #444;
  line-height: 36px;
  font-size: 14px;
  padding-left: 10px;
}
.xx_tabs_hs_list_tt2{
  float: left;
  color: #444;
  line-height: 36px;
  font-size: 14px;
  padding-right: 10px;
}
.xx_tabs_hs_list_tt3{
  float: left;
  color: #444;
  line-height: 36px;
  font-size: 14px;
  padding-left: 10px;
}
.xx_tabs_hs_list_tt_btn{
  display: inline-block;
  color: #fff;
  padding: 0 5px;
  background: #c00505;
  border-radius: 3px;
  margin-left: 6px;
}



.xx_tabs_hs_list_btn{
  padding-top: 20px;
}
.xx_tabs_hs_list_btn a{
  float: left;
  width: 180px;
  line-height: 46px;
  color: #c00505;
  font-size: 16px;
  text-align: center;
  border: 1px solid #c00505;
  margin-right: 15px;
  margin-bottom: 10px;
}
.xx_tabs_hs_list_btn a.hover{
  color: #fff;
  background: #c00505;
}

.cp_class{width:1200px; margin:0 auto; padding:20px 0; overflow:hidden}
.cp_class li{width:135px; height:50px; overflow:hidden; float:left; text-align:left;display:block;}
.cp_class li a{font-size:16px;height:44px; line-height:44px;display:block; float:left; color:#000;transition:all 0.4s; width:94%; margin:2px auto; text-align:center;border: 1px solid #dbdbdb;}
.cp_class li a:hover{background:#000;color:#fff;}
.cp_class li.on a{background:#000;color:#fff;}
.cp_class li form{position: relative;}
.cp_class li form .txt{border: 1px solid #dddddd;height: 44px;padding-left: 10px;width: 240px;font-size: 16px;margin-top: 2px;position: relative;}
.cp_class li form .btn{background:url(/skin/default/images/sousuo1.png) no-repeat right center !important;width: 40px;height: 40px;position: absolute;top: 5px;z-index: 9999;right: 5px; cursor:pointer}



.dingsheng_nav {
    position: fixed;
    z-index: 999;
    right: 0;
    top: 170px;
    width: 140px;
    -ms-background-image: linear-gradient(to bottom right, #e24a2a, #b8221d);
    -moz-background-image: linear-gradient(to bottom right, #e24a2a, #b8221d);
    -webkit-background-image: linear-gradient(to bottom right, #e24a2a, #b8221d);
    background-image: linear-gradient(to bottom right, #e24a2a, #b8221d);
    border-radius: 10px;
    border: 4px solid #ca2c18;
    padding: 12px 0 30px;
}

.dingsheng_nav .weixin_code_nav {
    width: 110px;
    margin: 0 auto;
}

.dingsheng_nav .weixin_code_nav .img_box img {
    width: 100%;
}
.dianhua_nav font{}

.dingsheng_nav .weixin_code_nav .text {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    padding-top: 2px;
}

.Statements_and_Schemes {
    padding: 12px 2px 10px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.Statements_and_Schemes .item {
    margin-bottom: 7px;
}

.Statements_and_Schemes .item a {
    width: 160px;
    border: 1px solid #ee9586;
    border-radius: 10px;
    background: rgba(234,120,101,0.76);
    padding: 5px 10px 5px 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.Statements_and_Schemes .item a .icon {
    width: 38px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.Statements_and_Schemes .item a .icon img {
    width: 100%;
}

.Statements_and_Schemes .item a .right_box {
    padding-left: 10px;
}

.Statements_and_Schemes .item a .right_box .tt {
    font-size: 14px;
    color: #70110a;
}

.Statements_and_Schemes .item a .right_box .text {
    font-size: 14px;
    color: #ffffff;
    padding-top: 2px;
}


.dingsheng_nav .dianhua_nav a {
    display: block;
    font-family: "Impact";
    font-size: 20px;
    color: #ffd343;
    text-align: center;
}

.dingsheng_nav .Free_inquiry {
    padding-top: 12px;
}

.dingsheng_nav .Free_inquiry a {
    display: block;
    width: 122px;
    margin: 0 auto;
}

.dingsheng_nav .Free_inquiry a img{
max-width: 100%;
}


header {
    position: relative;
    left: 0;
    width: 100%;
    padding: 15px 0;
    background-color: #f8f8f8;
    z-index: 10;
}


/* s-nav */

header .container {
    text-align: left !important;
    line-height: 54px;
}

.logo_box {
    width: 24%;
    height: auto;
}

.logo_box a {
    display: block;
}

.logo_box a img {
    max-width: 100%;
}

.top_right {
    margin: 11px 40px 0;
    width: 51%;
    display: inline-block;
}

.nav {
    width: 100%;
    height: 44px;
    margin: 0 auto;
}

.nav_ul {
    width: 100%;
    margin: 0;
}

.nav_item {
    position: relative;
}

.nav_item>a {
    position: relative;
    display: block;
    /* padding: 0 14px; */
    line-height: 54px;
    font-size: 18px;
    color: #000;
    text-align: center;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.nav_item>a>i {
    display: block;
    position: absolute;
    left: -2%;
    z-index: -1;
    width: 100%;
    height: 100%;
    /* transform: skewX(-10deg);
    transform-origin: 50% 50%; */
}

.menu_open {
    display: none;
}

.search_icon {
    margin-top: 11px;
}

.search_icon>i {
    line-height: 54px;
}

@media screen and (min-width:1001px) {
    .nav_item.active>a {
        color: #fff;
    }
    .nav_item.active>a,
    .nav_item:hover>a {
        color: #fff;
        background-color: #C00505;
    }
    .nav_item.active>a>i,
    .nav_item:hover>a>i {
        /* background-color: #0452bc; */
    }
    .nav_item_open {
        width: auto;
    }
    .nav_ul {
        display: table;
    }
    .nav_item {
        display: table-cell;
    }
    
}

.nav_item_open {
    /* min-width: 110px; */
    position: absolute;
    left: 0;
    top: calc(100% + 20px);
    z-index: 10;
    width: 100%;
    height: 0;
    overflow: hidden;
    box-shadow: 0 4px 15px 0 rgba(0, 12, 49, 0.5);
    background: #fff;
    /* border-radius: 4px; */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
}

.nav_item:hover .nav_item_open {
    visibility: visible;
    opacity: 1;
    box-shadow: 0px 0px 10px #cecece;
}

@media screen and (min-width:1001px) {
    .nav_item:nth-child(2):hover .nav_item_open {
        height: 330px;
    }
    .nav_item:nth-child(3):hover .nav_item_open {
        height: 81px;
    }
	.nav_item:nth-child(4):hover .nav_item_open {
        height: 246px;width:116px;
    }
	.nav_item:nth-child(5):hover .nav_item_open {
        height: 123px;
    }
    .nav_item:nth-child(6):hover .nav_item_open {
        height: 123px;
    }
    .nav_item2:hover a {
        background-color: #C00505;
        color: #fff !important;
    }
    .nav_item2 {
        border-bottom: 1px solid #ebe9e9;
    }
}

.subopen {
    display: none;
}

.nav_item2 {
    width: auto;
}


/* .nav_item2:last-child {
    border-bottom: none;
    
} */

.nav_item2 a {
	color:#000;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 2.5;
    white-space: nowrap;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}

.hcover {
    display: none;
}

@media screen and (max-width:1279px) {
    .nav_item>a {
        font-size: 15px;
    }
}

@media screen and (max-width:1023px) {
    .nav_item>a {
        font-size: 16px;
    }
}

@media screen and (max-width:1000px) {
    header {
        padding: 0 .1rem;
    }
    .logo_box {
        width: 40%;
    }
    .logo_box img {
        width: 100%;
    }
    .top_right {
        width: 60%;
        margin: 0;
    }
    .search_icon {
        display: none;
    }
    .menu_open {
        display: block;
        float: right;
        width: 24px;
        /* height: 20px; */
        margin-top: 5px;
        margin-right: 3%;
    }
    .menu_open i {
        height: 2px;
        width: 100%;
        background: #000;
        display: block;
        margin-bottom: 7px;
    }
    .nav {
        width: 50%;
        height: 100%;
        position: fixed;
        top: 0;
        left: -50%;
        z-index: 100;
        overflow: hidden;
        background: #333;
        color: rgba(255, 255, 255, .6);
    }
    .hcover {
        display: block;
        width: 50%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        right: -50%;
        top: 0;
        z-index: 101;
    }
    .nav_ul {
        margin: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 20px;
        text-align: left;
    }
    .nav_item {
        float: none;
        margin: 0;
        width: 100%;
    }
    .nav_item:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        margin-left: 20px;
    }
    .nav_item>a {
        display: block;
        margin: 0;
        /* font-size: 14px; */
        line-height: 1.8;
        color: inherit;
        padding: 10px 10px 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-right: 40px;
    }
    .nav_item i {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        width: 40px;
        height: 100%;
    }
    .nav_item i:before {
        content: '';
        display: block;
        height: 100%;
        border-left: 1px solid rgba(0, 0, 0, .15);
        position: absolute;
        top: 0;
        left: 0;
    }
    .nav_item i:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        margin-bottom: -5px;
        border: 2px solid rgba(255, 255, 255, .3);
        border-top: 0;
        border-left: 0;
        position: absolute;
        bottom: 50%;
        right: 18px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .nav_item_open {
        width: 50%;
        height: 100%;
        margin: 0;
        box-shadow: none;
        background: #333;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        position: fixed;
        left: -50%;
        top: 0;
    }
    .subopen {
        display: block;
        /* width: 110px; */
        /* float: left; */
    }
    .subopen a {
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 30px 10px 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* font-size: 14px; */
        color: rgba(255, 255, 255, .3);
        background: rgba(0, 0, 0, .1);
        text-indent: 20px;
        position: relative;
    }
    .subopen a:before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        bottom: 50%;
        left: 22px;
        margin-bottom: -15px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border: 2px solid rgba(255, 255, 255, .3);
        border-right: 0;
        border-bottom: 0;
    }
    .nav_item2 {
        position: relative;
    }
    .nav_item2 a {
        display: block;
        overflow: hidden;
        margin: 0;
        /* font-size: 14px; */
        line-height: 1.8;
        padding: 10px 10px 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: inherit;
    }
    .nav_item2:after {
        content: '';
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        margin-left: 20px;
    }
}

@media screen and (max-width:768px) {
    .nav_item>a,
    .nav_item2 a,
    .subopen a {
        font-size: 18px;
    }
    .menu_open {
        width: 30px;
        margin-top: 10px;
    }
    .menu_open i {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:450px) {
    .menu_open {
        width: 24px;
        margin-top: 17px;
    }
    .menu_open i {
        margin-bottom: 6px;
    }
    .nav_item>a,
    .nav_item2 a,
    .subopen a {
        font-size: 14px;
    }
}


/* 产品中心下拉 */

.nav_item_100vw {
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 0;
    width: 100vw;
    height: 0;
    transition: 0.6s;
    background: rgba(255, 255, 255, .9);
    border-bottom: none;
    box-shadow: none;
}

#topline {
    width: 1420px;
    margin: 0 auto;
    position: unset;
    height: 429px;
    box-shadow: none;
    border: none !important;
    animation-delay: .1s;
    display: table;
}

#topline li {
    display: table-cell;
    /* float: left; */
    /* width: 234px !important; */
    margin-right: 0px;
    /* height: 38px; */
    position: relative;
    line-height: 38px;
    font-size: 14px;
    padding-top: 12px;
    border: none !important;
    text-align: center;
    /* margin-left: 50px; */
}

#topline h3 {
    color: #0452bc;
    font-size: 17px;
    text-align: center;
    margin: 10px 0px 0px 0px;
}

#topline li h5 {
    margin: .03rem 0;
    text-align: center;
    height: .25rem;
    line-height: .25rem;
}

#topline li h5 a {
    line-height: .25rem;
}

#topline li h5 i {
    display: inline-block;
    margin-left: .05rem;
    width: .2rem;
    height: .2rem;
    background: url(/img/hot.png) no-repeat 0 0;
    background-size: contain;
}

#topline li a:link,
#topline li a:visited {
    color: #fff;
}

#topline li a {
    width: 100% !important;
}

#topline li img {
    width: auto;
    max-height: 100%;
    border-radius: 15px;
    padding-top: 14px;
}

#topline li h5 a {
    color: #404040 !important;
    height: 29px;
    font-size: 14px;
    text-align: center;
}

#topline li h6 {
    font-size: 12px;
    text-align: center;
    color: #0452bc;
}

.nav_item:hover .nav_item_100vw {
    height: 490px;
}


/* e-nav */


/* 搜索框 开始 */

.search_box {
    position: absolute;
    box-sizing: content-box;
    top: 100%;
    /* left: calc(50% - 300px); */
    width: 100%;
    background: rgba(255, 255, 255, .5);
    /* padding: 10px 0;  */
    transition: all .3s;
    height: 0;
    overflow: hidden;
    /* margin:0 auto; */
}

.searchss {
    width: 40%;
    padding: 20px 0 0;
    margin: 0 auto;
    border-bottom: 1px solid #666;
}

.drow {
    background-color: #fff;
    padding-left: 10px;
}

.drow-c>input {
    width: calc(100% - 100px);
    height: 40px;
    outline: none;
    border: none;
    line-height: 40px;
    font-size: 14px;
    text-indent: 10px;
}

.drow-c button {
    outline: none;
    border: none;
    background: #fff;
    font-size: 14px;
}

.close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 28%;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}


/* 搜索框 结束 */

.hottel {
    margin-top: 11px;
}

.hottel .left {
    height: 54px;
    margin-right: 10px;
    margin-top: -5px;
}

.hottel .left i {
    line-height: 54px;
    height: 54px;
}

.hottel .right {
    padding-top: 5px;
    line-height: 1;
}

.hottel .right a:hover {
    color: red;
}

.hottel .right p {
    margin-bottom: 4px;
}
.fs36 {
    font-size: 36px !important;
}
.fs24 {
    font-size: 24px;
}
.red {
    color: red;
}
#lxwm_in li{ background: #fff; text-align: center; padding: 10% 3%; border: 1px solid #efefef; box-shadow: 0 0 10px rgba(0,0,0,0.08);height: 317px;
    margin-bottom: 40px;}
#lxwm_in li .tit{ font-size: 22px; color: #333; font-weight: bold;}
#lxwm_in li .pic{ padding: 8% 0;}
#lxwm_in li .pic img{ max-width: 35%;}
#lxwm_in li .pic i{ font-size: 50px; color: #c00505;}
#lxwm_in li .con{ color: #7d8084; min-height: 60px;}
@media screen and (max-width:991px){
    #lxwm_in li{ margin-bottom: 2%;}
    #home ul li{ width: 25%; font-size: 14px;}
}
@media screen and (max-width:768px){
    #home ul li{ width: 25%; font-size: 14px; line-height: 40px; padding: 0;}
    #home ul li a{ height: 40px; line-height: 40px;}
}
.in_title{ line-height: 40px; color: #747474; font-size: 16px;}
.in_title p{ font-size: 30px; color: #3e3e3e;}



.contactb{ background: url("../images/zxbj.jpg") no-repeat center top; padding: 4% 0;}
.contactba .forma{height: auto;overflow: hidden;}
.contactba .forma span{display: block;font-size: 20px;line-height: 45px;}
.contactba .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.contactba .forma input:last-child{margin-right: 0px;}
.contactba textarea {display: block;padding-left:2%;width: 100%;height: 90px;background: #fff;line-height: 35px;border: 1px solid #e6e6e6;}
.contactba .code {width: 50%;}
.contactba .code input {width: 31%;line-height: 40px;float: left;}
.contactba .code .verify {cursor: pointer;float: left;margin:0 2%;width: 31%;height: 40px;text-align: center;}
.contactba .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;border: 1px solid #e6e6e6;}
.contactba .submit {position: relative; float: left;display: block;width: 31%;height: 40px;text-align: center;line-height: 40px;background: #b70000;color: #fff;}
.contactba .submit em {display: block; position: relative;z-index: 3;transition:.6s;}
.contactba .submit em{position: relative;z-index: 3;}
.contactba .submit:after{position: absolute;width: 100%;height: 100%;max-height: 0;z-index: 1;content: '';background-color: #444;left: 0;bottom: 0;transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.contactba .submit:hover:after {max-height: 100%;max-width: 100%;}

.contactba .form-tr {overflow: hidden;margin-top: 2%;}
.contactba input {display: block;width: 90%;padding-left:2%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;}

.tit_zx{ padding-bottom: 3%;}
.tit_zx p{ color: #000000; font-size: 20px; font-weight: bold;}
.tit_zx span{ display: block; padding-bottom: 3%; color: #666; font-size: 18px; text-transform: uppercase; position: relative;}
.tit_zx span:before{ position: absolute; left: 0; bottom: 0; width: 5%; height: 3px; background: #1c4f9a; content: '';}

.lxzx .content{ padding: 5% 0 !important;}
.lxzx .tel span{ font-family: Bahnschrift; font-size: 30px; color: #be0505;}
@media screen and (max-width:991px){
    .contactaa{ position: relative;}
    .contactaa li{ border: 1px solid #efefef;}
}
#dituContent{width:100%;height:400px;}
.mes-form {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.mes-form .form-tr {
  
}
.mes-form .form-tr input {
	
    display: block;
    width: 100%;
    padding: 0 2%;
    height: 4rem;
    line-height: 4rem;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
}
.mes-form .form-tr textarea {
    display: block;
    width: 100%;
    padding: 5px 10px;
    height: 130px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
}
.mes-form .form-tr .code {
    overflow: hidden;
}
.mes-form .form-tr .code input {
    width: 40%;
    float: left;
}
.mes-form .form-tr .code .verify {
    cursor: pointer;
    float: left;
    margin-left: 25px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 0;
}
.mes-form .form-tr .code .verify img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.mes-form .form-tr .submit {
    margin-top: 15px;
    display: block;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #356bef;
    color: #fff;
    font-size: 15px;
}
.mes-form .form-tr .submit:hover {
    background: #0058b1;
}
.mes-form .form-tr .submit2 {
    margin-top: 15px;
    display: block;
    width: 190px;
    float: right;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #be2222;
    color: #fff;
    font-size: 15px;
    transition:0.3s;
	border:none;
}
.mes-form .form-tr .submit2:hover {
    background: #333;
}
.mes-form .form-tr .error {
    height: 1rem;
    line-height: 1rem;
    font-size: 12px;
    color: #f00;
    padding: 0 5px;
}
@media screen and (max-width:768px){
    .mes-form .form-tr .submit2{ width: 100%;}
}
/*公司简介*/
.gsjj .pic{ text-align: center;}
.gsjj .pic img{ max-width: 100%;}
.gsjj .font .bt{ background: url("../images/jj_tit_line.png") repeat-x left bottom; padding-bottom: 4%; line-height: 38px; position: relative;}
.gsjj .font .bt:before{ position: absolute; content: 'Company profile'; left: 0; top: 20%; text-transform: uppercase; color: rgba(192,5,5,0.03); width: 100%; height: 100%; font-size: 70px; font-family: Bahnschrift; }
.gsjj .font .bt p{ color: #333333; font-size: 32px; font-weight: bold;}
.gsjj .font .bt p b{ float: left; margin-right: 5px; display: block; width: 13px; height: 30px; border-radius: 2px; background: #c00505; transition: all linear 0.3s; transform: skewX(-20deg);}
.gsjj .font .bt p i{ float: left; margin-left: 10px;}
.gsjj .font .bt span{ display: block; clear: both; color: #666666; font-size: 18px;}
.gsjj .font .content_zy{ color: #666666; font-size: 15px; padding: 5% 0; line-height: 35px;}
@media screen and (max-width:1200px){
    .gsjj .font .bt:before{ font-size: 60px;}
}
@media screen and (max-width:991px){
    .gsjj .font .bt p{ font-size: 26px;}
    .gsjj .font .bt span{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .gsjj .font .bt:before{ display: none;}
    .gsjj .font .bt p{ font-size: 22px;}
    .gsjj .font .bt span{ font-size: 12px;}
}


#qywh{ margin-top: 2%; overflow: hidden;}
#qywh .swiper-container {
    width: 100%;
    height: 100%;
}
#qywh .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    border: 1px solid #d7d7d7;
    padding: 2%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
}
#qywh .swiper-slide .pic{ float: left; width: 25%; text-align: center; padding-top: 2%; }
#qywh .swiper-slide .pic img{ display: none; max-width: 100%; filter: drop-shadow(-8px 5px 8px rgba(8, 43, 83, 0.1)); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#qywh .swiper-slide:nth-of-type(1) .pic img:nth-of-type(1){ display: inline-block;}
#qywh .swiper-slide:nth-of-type(2) .pic img:nth-of-type(2){ display: inline-block;}
#qywh .swiper-slide:nth-of-type(3) .pic img:nth-of-type(3){ display: inline-block;}
#qywh .swiper-slide .float-left{ width: 75%;}
#qywh .swiper-slide h3{ color: #333333; font-weight: bold !important; font-size: 22px;}
#qywh .swiper-slide span{ display: block; padding-top: 3%; color: #666666; font-size: 16px;}
#qywh .swiper-slide:hover .pic img{ -webkit-animation: swing 1 1s linear; -o-animation: swing 1 1s linear; animation: swing 1 1s linear; filter: drop-shadow(8px -5px 8px rgba(8, 43, 83, 0.1));}

@media screen and (max-width:1440px){
    #qywh .swiper-slide span{ font-size: 14px;}
    #qywh .swiper-slide .float-left{ padding-left: 3%; line-height: 30px;}
}
@media screen and (max-width:991px){
    #qywh .swiper-slide .pic{ padding: 0;}

}
@media screen and (max-width:768px){
    #qywh{ padding: 0 3%;}
}


#gsjj_gg{ background: url("../images/jj_gg_bj.jpg") no-repeat center fixed;}
#gsjj_gg .container{ padding: 2% 0; text-align: center; color: #fff;}
#gsjj_gg h2{ font-size: 36px; font-weight: bold !important; font-family: '思源宋体';}
#gsjj_gg p{ font-size: 16px; line-height: 50px;}
#gsjj_gg .more{ display: inline-block; padding: 0 5%; font-size: 18px; margin-top: 2%; height: 45px; line-height: 45px; background: #c00505; border-radius: 25px;}
@media screen and (max-width:1200px){
    #gsjj_gg h2{ font-size: 30px;}
}
@media screen and (max-width:991px){
    #gsjj_gg h2{ font-size: 22px;}
    #gsjj_gg p{ font-size: 14px; line-height: 30px;}
}
.newBoxThree_w {
    box-sizing: border-box;
    padding: 40px 0 85px;
}

.newBoxThree1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.newBoxThree1 .item {
    width: 50%;
    margin-bottom: 50px;
}

.newBoxThree1 .item a {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0 20px 0 0;
}

.newBoxThree1 .item a:hover .right_box .text_box .item_tt {
    color: #d71914;
}

.newBoxThree1 .item a:hover .img_box img {
    -ms-transform: translateZ(30px);
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px);
}

.newBoxThree1 .item a .img_box {
    width: 35.8%;
    perspective: 900px;
    overflow: hidden;
}

.newBoxThree1 .item a .img_box img {
    width: 100%;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.newBoxThree1 .item a .right_box {
    width: 64.2%;
    box-sizing: border-box;
    padding: 15px 0 0 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.newBoxThree1 .item a .right_box .round_box {
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    border: 2px solid #d71914;
    border-radius: 50%;
    margin-top: 8px;
}

.newBoxThree1 .item a .right_box .text_box {
    width: calc(100% - 11px);
    box-sizing: border-box;
    padding-left: 10px;
}

.newBoxThree1 .item a .right_box .text_box .item_tt {
    font-family: "Microsoft YaHei";
    font-weight: 700;
    font-size: 18px;
    color: #222222;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.newBoxThree1 .item a .right_box .text_box .date {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #888888;
    box-sizing: border-box;
    padding: 8px 0 6px;
}

.newBoxThree1 .item a .right_box .text_box .item_text {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #888888;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/*分页*/
.pages{text-align:center;clear:both; padding:5px 0px 10px 0px;font-size:14px;width:100%; margin:0 auto;margin:15px 0;}
.pages a{margin:3px;padding:8px 12px;border:1px solid #c1c1c1;color:#A0A0A0;font-size:14px;border-radius: 3px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F0F0F0));}
.pages span{background:#15181E;color:#fff;margin:3px;padding:8px 12px;border:1px solid #15181E;border-radius: 3px;}
.con p{font-size:16px;}

 .title b {
  display: block;
  font-size: 48px;
  color: #323333;
  margin-bottom: 10px;
}

 .title a {
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 100px;
  height: 34px;
  border-radius: 20px;
  background: #c00500;
  display: inline-block;
  line-height: 34px;
  float: left;
}

 .title span {
  font-size: 24px;
  color: #323333;
  font-family: "Arail";
  text-transform: uppercase;
  margin-left: 26px;
}
 .tab {
  position: absolute;
  right: 0;
  top: 20px;
}

 .tab li {
  display: inline-block;
  padding: 0 10px;
  font-size: 15px;
  color: #444444;
  border-radius: 20px;
  line-height: 24px;
}

 .tab li.cur {
  background: #1c91ee;
  color: #fff;
}
.SubPage_banner {
    position: relative;
}

.SubPage_banner_w {
    height: 528px;
	max-width: 1400px;
    margin: 0 auto;
}

.SubPage_banner_bottom_bg {
    position: absolute;
    width: 100%;
    height: 153px;
    bottom: 0px;
    left: 0;
    background: url(../images/banner_bottom_bg.png) no-repeat center center / cover;
}

.SubPage_crumbs {
    box-sizing: border-box;
    padding: 25px 0 110px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.SubPage_crumbs .iconfont {
    font-size: 18px;
    color: #ffffff;
}

.SubPage_crumbs_a {
    font-family: "Microsoft YaHei";
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    box-sizing: border-box;
    padding: 1px 0 0 6px;
}

.SubPage_crumbs_a a {
    color: #ffffff;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.SubPage_crumbs_a a:hover {
    color: #d71914;
}

.SubPage_banner_text {
    width: 525px;
    background: url(../images/banner_text_bg.png) no-repeat center center / cover;
    box-sizing: border-box;
    padding: 30px 0 35px 50px;
}

.SubPage_banner_text .tt {
    font-family: "Microsoft YaHei";
    font-weight: 700;
    font-size: 48px;
    color: #ffffff;
}

.SubPage_banner_text .text {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    box-sizing: border-box;
    padding-top: 6px;
}

/*底部*/
#end_bj{ background: url("../images/end_bj.jpg") repeat center; width: 100%; text-align: left; position: relative;}
#end_nr_bj{ width: 100%; height: auto; overflow: hidden; color: #999999; position: relative;}
#end_nr_bj a{ color: #7c8187; transition: 0.3s; position: relative;}
#end_nr_bj a:hover{ color: #fff !important;}
#end_nr_bj a:after{z-index:1;content: ''; position: absolute; left: 0; bottom: 0; display: block; height:5px; background-color: rgba(255, 255, 255, .3);width:100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;}
#end_nr_bj a:hover::after{ -webkit-transform-origin: left center;transform-origin: left center;  -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}

#end_nr_bj{ padding: 2% 0 0; }
#end_nr_bj .end_nav{ padding-top: 3%;}
#end_nr_bj .tit{ color: #fff; font-size: 18px; height: 45px; margin-bottom: 10px; font-weight: bold; position: relative;}
#end_nr_bj .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 20%; height: 1px; background: rgba(255,255,255,0.2);}
#end_nr_bj ul li{ height: 35px; line-height: 35px; font-size: 14px;}
#end_nr_bj ul li a{ color: #b0b0b0;}
#end_nr_bj #end_lx{ border-top: 1px solid rgba(255,255,255,0.1); padding: 1% 0; color: #fff;display:flex;}
#end_nr_bj #end_lx span{ font-size: 18px; font-weight: bold;}
#end_nr_bj .end_logo{ border-right: 1px solid rgba(255,255,255,0.1);}
#end_nr_bj .end_logo .ewm{ display: inline-block; width: 45%; text-align: center; padding: 15px 15px 0; border: 1px solid rgba(255,255,255,0.1); margin: 8% 0 !important;}
#end_nr_bj .end_logo .ewm span{ display: block; height: 40px; line-height: 40px; color: #fff;}
#end_nr_bj .end_logo .ewm img{ width: 100%;}

@media screen and (max-width:1400px){
}
@media screen and (max-width:1200px){
    #end_nr_bj #end_lx p{ float: left; width: 50%;}
}
@media screen and (max-width:991px){
    #end_nr_bj ul li{ height: 30px; line-height: 30px;}
    #end_nr_bj .end_logo{ border: none;}
    #end_nr_bj #end_lx{ padding: 3% 15px;}
}
@media screen and (max-width:768px){
    #end_nr_bj #end_lx p{ float: left; width: 100%;}
}


#end_line{ height: auto; padding: 1% 0; line-height: 30px; color: rgba(255,255,255,0.4); border-top: 1px solid rgba(255,255,255,0.1); }
#end_line a{ color: #7c8187;}
#end_line a:hover{ color: #fff;}



.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#1e2830;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#1e2830;}
.footer_zx a:last-of-type{ background: #d8262c;}
.footer_zx i{ font-size: 28px; padding: 2% 0 1%; font-weight: normal;}
.footer_zx p{font-size: 13px;}
.kb50{ height: 60px;}

@media screen and (max-width:1440px){
    #end_logo ul li .float-left p{ font-size: 16px;}
    #end_logo ul li .float-left span{ font-size: 12px;}
}
@media screen and (max-width:1200px){
    #end_logo ul li{ margin-bottom: 2%;}
    #end_logo ul li:nth-of-type(2):before{ display: none;}
}
@media screen and (max-width:991px){
    #end_link{ display: none;}
}
@media screen and (max-width:768px){
    .footer_zx i{ padding: 4% 0 1%;}
}
@media screen and (max-width:765px){
    .footer_zx i{ padding: 2% 0 1%;}
}


.indBoxFive2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	width: 1200px;
    margin: 0 auto;
}

.indBoxFive2_L {
    width: 35.7%;
	height:535px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 25px 26px 30px;
    box-shadow: 0 6px 10px rgba(0,0,0,0.2);
}

.indBoxFive2_L_lunbo .item a {
    display: block;
}

.indBoxFive2_L_lunbo .item a:hover .bottom_box .tt {
    color: #d71914;
}

.indBoxFive2_L_lunbo .item a:hover .img_box img {
    -ms-transform: translateZ(30px);
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px);
}

.indBoxFive2_L_lunbo .item a .img_box {
    position: relative;
    perspective: 900px;
    overflow: hidden;
	height:347px;
}

.indBoxFive2_L_lunbo .item a .img_box img {
    width: 100%;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.indBoxFive2_L_lunbo .item a .img_box .date_box {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 122px;
    line-height: 40px;
    text-align: center;
    background: #d71914;
}

.indBoxFive2_L_lunbo .item a .bottom_box {
    box-sizing: border-box;
    padding: 25px 0 10px;
}

.indBoxFive2_L_lunbo .item a .bottom_box .tt {
    font-family: "Microsoft YaHei";
    font-weight: 700;
    font-size: 18px;
    color: #222222;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.indBoxFive2_L_lunbo .item a .bottom_box .text {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #888888;
    line-height: 26px;
    box-sizing: border-box;
    padding-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.indBoxFive2_L_lunbo .owl-controls .owl-dots {
    text-align: left;
}

.indBoxFive2_L_lunbo .owl-controls .owl-dots .owl-dot span {
    margin: 8px 10px 8px 0;
    background: #000000;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.indBoxFive2_L_lunbo .owl-controls .owl-dots .owl-dot.active span {
    background: #d71914;
}

.indBoxFive2_R {
    width: 62.9%;
    background: #ffffff;
    box-shadow: 0 6px 10px rgba(0,0,0,0.2);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.indBoxFive2_R .item {
    width: calc(100% / 2);
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

.indBoxFive2_R > .item:nth-child(2n) {
    border-right: none;
}

.indBoxFive2_R .item a {
    height: 100%;
    box-sizing: border-box;
    padding: 50px 10px 47px 5px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.indBoxFive2_R .item a:hover .right_text .tt {
    color: #d71914;
}

.indBoxFive2_R .item a:hover .date_box .date_01 {
    color: #d71914;
}

.indBoxFive2_R .item a .date_box {
    width: 75px;
}

.indBoxFive2_R .item a .date_box .date_01 {
    font-family: "Microsoft YaHei";
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    color: #888888;
    text-align: center;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.indBoxFive2_R .item a .date_box .date_02 {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #888888;
    text-align: center;
}

.indBoxFive2_R .item a .right_text {
    width: calc(100% - 75px);
    box-sizing: border-box;
    padding-left: 8px;
}

.indBoxFive2_R .item a .right_text .tt {
    font-family: "Microsoft YaHei";
    font-weight: 700;
    font-size: 16px;
    color: #222222;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.indBoxFive2_R .item a .right_text .text {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #888888;
    line-height: 26px;
    box-sizing: border-box;
    padding-top: 6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.tit_cp_zy{ position: relative; height: 40px; line-height: 40px;}
.tit_cp_zy .tit{ position: relative;}
.tit_cp_zy .tit:before{ position: absolute; right: -10%; top: 50%; width: 60%; height: 1px; content: ''; background: #eff2f4;}
.tit_cp_zy .tit .num{ float: left; text-align: center; color: #dd1c2d; font-family: Bahnschrift; font-size: 48px; font-weight: bold;}
.tit_cp_zy .tit .float-start{ padding-left: 2%; line-height: 40px; height: 40px;}
.tit_cp_zy .tit .float-start p{ float: left; color: #dd1c2d; font-size: 30px; font-weight: bold;}
.tit_cp_zy .tit .float-start span{ display: block; float: left; color: #b0b3be; font-size: 30px; text-transform: uppercase; font-weight: bold; font-family: Bahnschrift; padding-left: 10px;}
.tit_cp_zy .font{ float: right; text-align: right; color: #b0b3be; font-size: 18px; padding-right: 20px;}
.tit_cp_zy .font span{ font-weight: bold; color: #dd1c2d;}
.tit_cp_zy .more{ float: right; height: 40px; line-height: 40px; background: #dd1c2d; padding: 0 7%; transition: 0.3s;}
.tit_cp_zy .more a{ color: #fff;}
.tit_cp_zy .more:hover{ background: #dd1c2d; color: #fff;}
.tit_cp_zy .more:hover a{ color: #fff;}
@media screen and (max-width:1200px){
    .tit_cp_zy .tit .float-start p{ font-size: 24px;}
    .tit_cp_zy .tit .float-start span{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .tit_cp_zy .tit .num{  font-size: 26px;}
    .tit_cp_zy .tit .float-start{ width: 85%; }
    .tit_cp_zy .tit .float-start p{ font-size: 22px;}
    .tit_cp_zy .tit .float-start span{ font-size: 14px;}
}
@media screen and (max-width:450px){
    .tit_cp_zy .tit .float-start{ width: 80%;}
}
#xwzx{ margin-top: 3%;}
#xwzx .xwzx_lb { position: relative; text-align: center; transition:0.3s; background: #fff; margin-bottom: 8%;}
#xwzx .xwzx_lb:before{ position: absolute; left: 50%; bottom: 0; content: ''; width: 0; z-index: 1; height: 4px; background: #dd1c2d; transition: 0.3s;}
#xwzx .xwzx_lb .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #fff; border: 1px solid #e7e9ec; }
#xwzx .xwzx_lb .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#xwzx .xwzx_lb .pic p img{ max-width: 100%; height: 100%;}
#xwzx .xwzx_lb .font{ padding: 5% 3%; width: 100%; text-align: left; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: none; border-bottom: 1px solid #e7e9ec; transition: 0.3s; position: relative;}
#xwzx .xwzx_lb .tit{ width: 100%; color: #333333; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition: 0.3s; padding-bottom: 10px;}
#xwzx .xwzx_lb .cpcontent{ color: #999999; min-height: 70px; font-size: 15px;}
#xwzx .xwzx_lb .more{ position: absolute; right: 3%; top: 15%; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; border: 1px solid #e7e9ec; color: #dd1c2d; transition: 0.3s; text-align: center;}
#xwzx .xwzx_lb .more i{ font-size: 14px; font-weight: bold;}
#xwzx .xwzx_lb:hover:before{ left: 0; width: 100%;}
#xwzx .xwzx_lb:hover .font{ background: #f4f5f9; border-left: 1px solid #e7e9ec; border-right: 1px solid #e7e9ec;}
#xwzx .xwzx_lb:hover .more{ background: #dd1c2d; color: #fff;}
#cpclass{ margin: 4% 0;margin-bottom:0;}
#cpclass .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#cpclass .swiper-slide {
    text-align: center;
    transition:0.3s;
    /*border-right: 1px solid #e9e9e9;*/
	border:1px solid #c00505;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	background:#c00505;
}
#cpclass .swiper-slide .pic{ float: left; width: 40px; height: 40px; line-height: 38px; border: 1px solid #cfcfcf; border-radius: 100%; transition:0.3s;}
#cpclass .swiper-slide .pic i{ color: #cfcfcf; font-size: 20px; transition:0.3s;}
#cpclass .swiper-slide .float-left{ float: left; padding-left: 10px; text-align: left; line-height: 25px;}
#cpclass .swiper-slide .float-left p{ color: #333333; font-size: 16px;}
#cpclass .swiper-slide .float-left span{ font-size: 12px; color: #999; text-transform: uppercase;}
#cpclass .swiper-slide:hover .pic{ background: #c00505; border: 1px solid #c00505;}
#cpclass .swiper-slide:hover .pic i{ color: #fff;}
#cpclass .swiper-slide:hover .float-left p,#cpclass .swiper-slide:hover .float-left span{ color: #c00505;}
#cpclass #li-on .pic{ background: #c00505; border: 1px solid #c00505;}
#cpclass #li-on .pic i{ color: #fff;}
#cpclass #li-on .float-left p,#cpclass #li-on .float-left span{ color: #c00505;}
#cpclass .swiper-slide p{ transition: 0.3s;  position: relative;  text-align: center;  font-size: 14px;color:#fff;line-height:50px;}
#cpclass .swiper-slide:before{position: absolute;left: 0;top: 0; background: #c00505; content: '';width: 100%;height: 200%;opacity: 0;transition: 0.8s;}


.prodetail{
  width:1400px;
  margin:0 auto;
  padding: 20px 0 50px 0;
}
.prodect-Info .info-main {
    overflow: hidden;
    padding: 4% 3%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.prodect-Info .info-main .info-preview {
    background: #fff;
    float: left;
}
.prodect-Info .info-main .info-main-rig {
    overflow: hidden;
    float: right;
}
.cptel i {
    float: left;
    color: #e50110;
    font-size: 45px;
    margin: 6% 4% 0 0;
}
.cptel .left {
    padding-left: 10px;
    line-height: 28px;
}
.cptel .left p{ color: #666666; font-size: 14px;}
.cptel .left span{ color: #e50110; font-size: 32px; font-weight: bold;}
.prodect-Info .info-main .info-main-rig .order-btn {
    overflow: hidden;
    padding: 0;
}
.prodect-Info .info-main .info-main-rig .order-btn {
    display: block;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
    text-align: center;
    background: #C00500;
    color: #fff;
    font-size: 14px;
    margin-top: 2%;
    transition: 0.3s;
}
.prodect-Info .info-main .info-main-rig .order-btn a {
    color: #fff !important;
}
.prodect-Info .info-main .info-main-rig dl {
    padding: 3% 0 5%;
    margin: 0;
    border-top: 1px solid #d4d4d4;
    margin-top: 3%;
}
.prodect-Info .info-main .info-main-rig dl dt {
    height: 30px;
    line-height: 30px;
    padding: 0 5% 0 4%;
    font-weight: normal;
    float: left;
    color: #666666;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
}
.prodect-Info .info-main .info-main-rig dl dt i {
    float: left;
    color: #C00500;
    font-size: 25px;
    padding-right: 2%;
}
.prodect-Info .info-main .info-main-rig dl dt:before {
    position: absolute;
    right: 0;
    top: 25%;
    content: '';
    width: 1px;
    height: 50%;
    background: #ccc;
}
.prodect-Info .info-main .info-main-rig .title {
    font-size: 30px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-weight: bold;
    line-height:40px;
}
.prodect-Info .info-main .info-main-rig .content {
    background: #fff;
    color: #666666;
}
#cpgg {
    background-color: #C00500;
    background-image: linear-gradient(to right, #C00500 , #3d8b80);
    padding: 1% 0;
}
#cpgg li {
    color: #fff;
}
#cpgg li i {
    float: left;
    font-size: 50px;
    line-height: 70px;
}
.float-left {
    float: left !important;
}
#cpgg li .float-left {
    padding-left: 5%;
    line-height: 35px;
    width: 83%;
}
#cpgg li .float-left p {
    font-size: 24px;
}
#cpgg li .float-left span {
    display: block;
    line-height: 20px;
}
.pt-5, .py-5 {
  padding-top: .5rem !important;
}
.col-lg-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-lg-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
#cpbtqh{ width: 100% !important; transition:0.3s; background: #f6f6f6; text-align: center;}
.cpbt{ margin: 0 auto !important; height: 55px; line-height: 55px; border-bottom: 1px solid #efefef; width: 100%; transition:0.3s;}
.cpbt li{ float: left; color: #333333;  font-size: 16px; width: 15%; text-align: center; position: relative; transition:0.3s;    height: 55px;
    line-height: 55px;}
.cpbt li a{color: #333;}
.cpbt li:before{ position: absolute; right: 0; top: 30%; width: 1px; height: 40%; content: ''; background: #d5d5d5;}
.cpbt li:last-of-type:before{ display: none;}
.cpbt li:hover{ background: #C00500; color: #fff;}
.cpbt li:hover a{ color: #fff !important;}
.cpbt li.current a{ color: #333;}
.cpbt li.current:hover{background: #C00500;}
.cpbt li.current{ background: #fff; border-top: 3px solid #C00500;}
.cpbtqh_active{ top: 0px; left: 0; z-index: 10;}
.pro-sider .in-title {
  padding: 3%;
overflow: hidden;
  background-color: #C00500;
  background-image: linear-gradient(to right, #C00500 , #3d8b80);
line-height: 30px;
}
.pro-sider .in-title h3 {
line-height: 60px;
  padding-left: 8%;
font-size: 20px;
color: #fff;
}
.pro-sider .in-title h3 i{ display: block; float: right; color: #fff; font-size: 30px;}
.pro-sider .in-title em {
font-size: 12px;
color: rgba(255,255,255,0.5);
font-family: arial;
text-transform: uppercase;
}
.pro-sider-ul { height: auto; text-align: left; background: #fff; padding: 15px; border: 1px solid #ebebeb;}
.pro-sider-ul .ul-li{ padding: 0;}
.pro-sider-ul .big { color: #000;display: block; cursor: pointer; background: #f6f6f6; margin-bottom: 5px; padding: 0 15px; height: 40px; line-height: 40px; transition: 0.3s;}
.pro-sider-ul .big i{ float: left; color: #9c9c9c; font-size: 20px; padding-right: 20px;}
.pro-sider-ul .big p{ color: #333333; font-size: 18px;}
.pro-sider-ul .big:hover { background: #C00500; color: #fff !important; }
.pro-sider-ul .big:hover i{ color: #fff;}
.pro-sider-ul .small{ display: block; height: 40px; line-height: 40px; font-size: 14px; margin: 0 15px; padding-left: 60px; border-bottom: 1px dashed #efefef;}
.pro-sider-ul #li-on a{ background: #C00500; color: #fff !important;}
.pro-sider-ul #li-on i{color: #fff;}
@media screen and (max-width:768px){
    .pro-sider-ul .ul-li{ padding: 3% 0 3% 2%;}
    .pro-sider-ul .ul-li p{ font-size: 13px;}
    .pro-sider-ul .ul-li span{ font-size: 12px;}
}

.cont{
	width: 1300px;
    margin: 0 auto;
}
.info_title {
	margin: 10px 0 0 0;
	width: 100%;
	height: 40px;
	background: #E2E2E2;
	margin-bottom: 10px; clear:both;
}
.info_title b {
	display: inline-block;
	padding:0 20px;
	height: 100%;
	border-right: 1px solid #fff;
	background: #D01817;
	color: #fff;
	line-height: 40px;
}
.info_title a {
	margin: 8px;
	width: 15px;
	height: 15px;
	background-position: 0 -426px;
}
.index_cp{width:100%;display:block;}
.index_cp ul{margin:0;padding:0; clear:both; overflow: hidden;}
.index_cp li {float:left; width: 312px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;
 border:1px solid #e0e0e0;border-bottom:3px solid #e0e0e0; margin: 0 6px; margin-bottom:25px; }
.index_cp li:hover{border-bottom:3px solid #F24302;}
.index_cp li b{font-weight:normal; 
}
.index_cp li a{display:block; font-size:16px;}
.index_cp li a .cp_name{display: block; width:384px; height:265px;background: #fff; color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden;}
.index_cp li a:hover b{color: #fff;}
.index_cp li a img{max-width: 384px; max-height:265px; vertical-align:middle;}
.index_cp li span{height:40px; line-height:40px; background:#f0f0f0;display:block; clear:both; width:100%; margin:0 auto; overflow:hidden; padding-bottom:8px;}
.index_cp li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.index_cp li a .cp_name img{transition:transform 1s ease 0s}
.index_cp li .zxzx{ padding:0; clear:both;}
.index_cp li .zxzx a{ display: block; float: left;  width:50%;  text-align: center; height: 36px; line-height:36px;color: #fff;}
.index_cp li .zxzx .zzl{background: #93081A; color: #fff;}
.index_cp li .zxzx .zzr{ background: #bfbfbf;color: #fff;}

.spec-items {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 5% auto;
}
.spec-items .col-3 {
    width: 143px;
}
.spec-items ul {
    width: 100%;
display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
margin: 0 !important;
}
.spec-items ul * {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.spec-items ul div {
    padding: 0 1%;
}
.spec-items li {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
    float: left;
    cursor: pointer;
    border: 2px solid #c00500;
}
.spec-items li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
}
.spec-items li img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
.tit_cp{ text-align: center; color: #333333; font-size: 24px; position: relative; height: 40px; margin: 3% auto;}
.tit_cp span{ color: #e50113; font-weight: bold;}
.tit_cp:before{ position: absolute; left: 46%; bottom: 0; width: 8%; height: 1px; background: #d0d0d0; content: '';}
.tit_cp:after{ position: absolute; left: 48%; bottom: -10px; width: 4%; height: 1px; background: #d0d0d0; content: '';}
.cpnrimg {
  font-size: 16px;
}
.cpnrimg img {
  margin: 2% auto;
  max-width: 100%;
  display:block;
}
/*新四大优势1*/

#youshi{ background:url(../images/youshi_bj.jpg) top left; margin-top:40px; padding-bottom:50px; overflow:hidden; position:relative; }
#youshi .nav{ display:block; text-align:center; background:url(../images/youshi_nav.jpg) repeat-x top left; margin-bottom:40px; padding-bottom:20px;height: 175px;}
#youshi ul span{ display: block; margin-bottom:10px;}
#youshi ul .title{ font-size:30px; color:#d90200; font-weight:bold;}
#youshi ul .key{ background:#555253; line-height:29px; color:#FFF; padding:0 10px; text-align:left;}
#youshi ul li{ background:url(../images/youshi_li.png) no-repeat top left; padding-left:34px;}
#youshi .nr{ font-size:15px;}
#youshi .clear{ padding:20px 0;}
#youshi .clear1{ padding:100px 0;}
.f_left {
    float: left;
}
.f_right {
    float: right;
}
/*公司简介*/
.newintita{text-align: center;position: relative;}
.newintita strong{display: block;font-size: 70px;font-family: impact;text-transform: uppercase;color: #f6f7f9;position: relative;z-index: 1}
.newintita span{display: block;background:url(../images/intita.png) center  no-repeat;font-weight: bold;margin-top: -70px;position: relative;z-index: 2;color:#C00500}
.newintita p{color: #777;}
.in02c span{display: block;position: relative;text-align: center;}
.in02c strong{font-size: 48px;font-family: fz;color: #C00500;position: relative;z-index: 2;}
.in02c em{position: relative;z-index: 2;}
.in02c p{line-height: 40px;color: #777;position: relative;z-index: 2;}
.in02b_a {position: relative;}
.in02b_a b{position: absolute;z-index: 1;font-size:120px;font-family: impact;text-transform: uppercase;color: #f6f7f9;top:0;}
.in02b_a span{display: block;color: #C00500;z-index: 2;position: relative;}
.in02b_a strong{display: block;color: #444;z-index: 2;position: relative;}
.in02b_a i{display: block;background: url(../images/linea.png) left  center no-repeat;height: 5px;position: relative;z-index: 2;}
.in02b_a p{line-height: 30px;color: #777;font-size:14px;}
.in02b_a a{display: block;width: 140px;line-height: 40px;height: 40px;color: #fff;text-align: center;border-radius: 5px; background: #2d77e5;
background: -webkit-linear-gradient(to right, #343a40, #6c757d, #6c757d);
background: linear-gradient(to right, #343a40, #6c757d, #6c757d);}
.in02b_a a:hover{background: #d0121b;color:#fff;}
.pf_40 {
    font-size: 36px;
    line-height: 50px;
}
.pf_30 {
    font-size: 30px;
    line-height: 45px;
}
.in_02 {
    height: auto;
    overflow: hidden;
    background: url(../images/in02bg.jpg) top center no-repeat;
}
.newin02b {height: auto;overflow: hidden;border-radius: 60px 0 60px 0;background: url(../images/in02b.png)  left bottom no-repeat #fff;box-shadow: rgba(9,9,9,.1) 0 10px 10px;}
.newin02b img{max-width: 100%;}
.pro_tab.outBox .hd{   }

      .pro_tab.outBox .hd ul li{ position: relative; flex: 1; align-items: center;  line-height: 70px; text-align: center; background: #efefef; border-bottom: 1px solid #fff; transition: transform 0.5s; font-size: 16px; position: relative}
      .pro_tab.outBox .hd ul li:nth-last-of-type(1){ border-bottom: 0px solid #fff;  }


      .pro_tab.outBox .hd ul li:before{position: absolute; content: ""; width: 100%; height: 100%; margin: auto;left: 0; right: 0;bottom: 0;  background: #C00500;  transform: scaleX(0); transition:  transform 0.5s;
          transform-origin: right center;}
      .pro_tab.outBox .hd ul li:hover:before{ transform: scaleX(1); transform-origin: left center;}

      .pro_tab.outBox .hd ul li.on:before{position: absolute; content: ""; width: 100%; height: 100%; margin: auto;left: 0; right: 0;bottom: 0;  background: #C00500;  transform: scaleX(1); transition:  transform 0.5s; transform-origin: right center;}

      .pro_tab.outBox .hd ul li.on img{ filter: brightness(100); }

      .pro_tab.outBox .hd ul li:hover{ color: #fff}

      .pro_tab.outBox .hd ul li i{ margin-right: 10px;}
      .pro_tab.outBox .hd ul li.on:before{position: absolute; content: ""; width: 100%; height: 100%; margin: auto;left: 0; right: 0;bottom: 0;  background: #C00500;transition: all 0.5s}
      .pro_tab.outBox .hd ul li.on{ color: #fff;transition: all 0.5s}

      .pro_tab.outBox .hd ul li.on div{ position: relative; width: 100%; height: 100%; text-align: center;transition: all 0.5s}
      .pro_tab.outBox .hd ul li.on div:after{ position: absolute; content: attr(data-title); text-transform: uppercase; font-size: 36px; color:rgba(255,255,255,0.1); font-weight: bold; position: absolute; top:0%; bottom: 0; left: 0; right: 0; margin: auto;}
      .pro_tab.outBox .hd ul li div{ position: relative}

      .pro_tab.outBox .hd ul li > span{ line-height: 125px; display:inline-block; font-weight: bold; font-family: arial;
          color: #c51429; font-size: 50px; padding-right: 3%;}
      .pro_tab.outBox .hd ul li > div{ display:inline-block;  text-align: left; }
.hangye-box{ background: #fff; height: 100%;}

      .hangye-box .pro-title1 p{ font-size: 18px; color: #222;}
      .hangye-box .pro-title1 .hangye-desc{ font-size: 14px; color: #868686;}
      .hangye-box img{ max-width: 100%;}
      .mask-btn-all{ background: rgba(0,0,0,0.2); width: 100%; height: 100%; left: 0; display: block;opacity: 1; bottom: 0%;  transition: all 0.5s; opacity: 0}
      .hangye-box:hover .mask-btn-all{  opacity: 1}
      .mask-btn-all p:nth-of-type(2) a:nth-of-type(2){  display: inline-block; font-size: 16px; border: 1px solid #fff; border-radius: 45px; width: 155px; height: 45px; line-height: 45px;  color: #fff; position: relative; font-size: 14px; }
      .mask-btn-all p:nth-of-type(2) a:nth-of-type(1){ background: #039aec;border: 1px solid #039aec; color: #fff; position: relative;border-radius: 45px; font-size: 14px;width: 140px; height: 45px; line-height: 45px;  }
      .mask-btn-all a:before{ position: absolute;content: "";left: 0; top:0; background: #ffcc00;border: 1px solid #ffcc00;transform-origin: right center; width: 100%; height:100%; transform:scaleX(0); margin: auto; transition: transform 0.5s; z-index:0;   border-radius: 10px; }
      .about-btn-box a:hover:before{ transform-origin: left center; transform: scaleX(1); }

      .hangye-img-box{ overflow: hidden}
      @media(max-width: 992px){
          .pro_tab.outBox .hd ul li:nth-last-of-type(1){ border-bottom: 1px solid #fff;  }
        .about-btn-box a {
              display: inline-block;
              font-size: 16px;
              border: 1px solid #fff;
              border-radius: 5px;
              width: 130px;
              height:40px;
              line-height: 40px;
              color: #fff;
              position: relative;
          }
         .about-btn-box a{ font-size: 12px; }
          .pro_tab.outBox .hd ul { display: flex; justify-content: space-between;}
          .pro_tab.outBox .hd ul li{ flex: 1; text-align: center; line-height: 40px; text-align: center}
          .pro_tab.outBox .hd ul li span{ display: block; width: 100%; text-align: center}
          .pro_tab.outBox .hd ul li div{display: flex;  flex-flow: column; font-size: 14px;}
          .pro_tab.outBox .hd ul li i{ height: 20px ; margin: 10px auto 10px;}

           .pro_tab.outBox .hd ul li.on div:after{ position: absolute; content: attr(data-title); text-transform: uppercase; font-size: 20px; color:rgba(255,255,255,0.1); font-weight: bold; position: absolute; top:0%; bottom: 0; left: 0; right: 0; margin: auto;}

      }
.index_title p:nth-of-type(1){font-size: 40px;
    color: #c00500;position: relative;}
.index_title p:nth-of-type(1):before{position: absolute; content: ""; width: 15%; height:1px;left: 0; right: 0; bottom: 10%; margin: auto; background: #e2e2e2;}
.index_title p:nth-of-type(1):after{position: absolute; content: ""; width: 11px; height:11px;left: 0; right: 0; bottom: 5%; margin: auto; background: #305dc0;}
.index_title div:nth-of-type(1){ font-size: 16px; color: #666; }

.neigg{
  background: url(../images/bhb.png) top center no-repeat;
  height:430px;
}
.qoye1 {
  width: 330px;
  margin:0 auto;
  color: #fff;
  padding-top: 31px;
}

.qoye1 li{
  float: left;
  width: 140px;
  text-align: center;
  font:600 34px/45px "Microsoft Yahei";
}
.qoye1 li:nth-child(2){
  margin-left: 45px;
  color: #fff;
}




.qoye1 li:hover, .qoye1 li.on {

  position: relative;
  color: #fff;
  cursor: pointer;
}

.qoye1 li:hover a, .qoye1 li.on a {
  color: #faf10b;
}
.chan{text-align:center;padding-top:5px;position:relative;margin-bottom:40px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:40%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}
.twt{float: left;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 273px;height:150px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}
#mdemo{overflow:hidden;width:100%;margin:0 auto;     }
#mindemo {float: left;width:800%}
#mdemo1 {float: left;}
#mdemo2 {float: left;}
.chanp{
  width: 1200px;
  margin: 0 auto;
}
.qiiq_tu{
  border: #d4d4d4 1px solid;
    box-sizing: border-box;
    padding: 6px;
    background: #fff;
    width: 275px;
    height: 207px;
}
.qiiq_tu img{
  width: 100%;
  height: 193px;
  object-fit: contain;
}
.qiiq{
  position: relative;
  margin-top: 35px;
  margin-bottom: 40px;
}
.qoyet{
  text-align: center;
  font:400 18px/30px "Microsoft Yahei";
  color: #fff;
  padding-top: 8px;
}