@charset "utf-8";
/* CSS Document */
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:13px; /* 12÷10=1.2 */ font-family:Helvetica, Tahoma, Arial,sans-serif; background:#fff;}
:focus{outline:0}
ol,ul{list-style:none}
fieldset,img,button{border:none;}
a{text-decoration:none;transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; color:#333333;}
a:hover{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
h1,.h1{font-size:32px;}
h2,.h2{font-size:26px;}
h3,.h3{font-size:24px;}
h4,.h4{font-size:22px;}
h5,.h5{font-size:18px;}
h6,.h6{font-size:14px;}
table{border-collapse:collapse; border-spacing:0;}
.clearfix:after{display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0;}
@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');}
.iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
@font-face{
	font-family: 'noto';
	src: url('../fonts/noto.eot');
	src: url('../fonts/noto.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/noto.woff2') format('woff2'), 
	url('../fonts/noto.woff') format('woff'), 
	url('../fonts/noto.ttf') format('truetype'), 
	url('../fonts/noto.svg') format('svg');
	font-weight: normal;font-style: normal;
	}
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter.eot');
    src: url('../fonts/inter.eot') format('embedded-opentype'),
         url('../fonts/inter.woff') format('woff'),
         url('../fonts/inter.woff2') format('woff2'),
         url('../fonts/inter.ttf') format('truetype'),
         url('../fonts/inter.svg#inter') format('svg');
}
@font-face {
    font-family: 'num';
    src: url('../fonts/num.eot');
    src: url('../fonts/num.eot') format('embedded-opentype'),
         url('../fonts/num.woff') format('woff'),
         url('../fonts/num.woff2') format('woff2'),
         url('../fonts/num.ttf') format('truetype'),
         url('../fonts/num.svg#inter') format('svg');
}

/*文本*/
.text-center{text-align:center;}
.text-oneline{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.text-someline{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.line2{-webkit-line-clamp: 2;}
.line3{-webkit-line-clamp: 3;}
.line4{-webkit-line-clamp: 4;}
.line5{-webkit-line-clamp: 5;}
.line6{-webkit-line-clamp: 6;}
.bigfont{text-transform : uppercase;}
.smallfont{text-transform : lowercase;}
/*全局*/
.warp{width:100%;}
.warp:after,.w:after{display:block;font-size:0;content:" ";clear:both;height:0;}
.w{width:1200px; margin:0 auto; padding:15px 0 15px 0;}
.bghui{ background:#f5f5f5;}
.bghei{ background:#f5f5f7;}
.rel{ position:relative;}
.lg-hidden{ display:none!important;}
/*顶部*/
.pc-top{ padding:5px 0 5px 0;}
.logo{float:left; }
.logo img{height:88px;}
.logo-txt{float:left; padding-right: 15px;margin:10px 10px 0 0; text-align:center; width:300px;}
.logo-txt h2{ font-size:30px; letter-spacing:3px;}
.logo-txt p{display:inline-block; font-size:12px; color:#666; padding-top:6px; position:relative;}
.logo-txt p:after,.logo-txt p:before{ position:absolute; content:""; height:1px; background:#999; width:15%; top:60%;}
.logo-txt p:after{ right:-20%;}
.logo-txt p:before{ left:-20%;}
.logo-txt h5 span{color: #f46539;}
.logotel{float:right; text-align:right;}
.logotel-text{display:inline-block; text-align:left; margin-top:20px; text-align:center;}
.logotel-text i{ font-size:2.8rem; color:#fdf6de; background:#ff180e; border-radius:.5rem; display:inline; padding:.2rem;}
.logotel-text h2{ font-size:2.3rem; font-family:"inter"; color: #5f5f5f;font-weight:lighter; font-weight:600;display:inline; padding-left:5px;}
.logotel-sm{ width:100%;font-size:14px; color:#666;text-align:left; letter-spacing:2.8px; padding-top:6px;}
.logo-son{ font-size:28px; color:#5f5f5f; border-left: 1px solid #ccc; padding:12px 0 12px 30px; float:left; margin-top:18px; font-weight: lighter;}
/*导航*/
.nav-bg{background-color:#920015;box-shadow: 0 1px 8px rgba(0,0,0,.1); position:relative; z-index:6;}
.nav-bg .w{padding:0;}
.top-nav{text-align:center; width:100%; text-align:center; }
.top-nav>li{position:relative; z-index:10; display:inline-block;}
.top-nav>li:first-child{}
.top-nav li:hover{ background:#d3180f}
.top-nav .navhover{background:#d3180f}
.top-nav li a{color:#fbe2c5; display:block; position:relative; padding:20px 30px; font-size:18px; font-weight:300; }
.top-nav li>ul{position:absolute;left: 0;top:140%;width: 200px; padding:0;visibility: hidden;opacity:0;box-shadow: 0px 10px 70px rgba(0,0,0,0.15);background: #fff; transition: all .3s ease; padding:6px 15px 15px 15px; text-align:left; border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.top-nav>li:hover>ul{top:100%;opacity:1;visibility:visible;}
.top-nav>li>ul>li{float:left;position:relative;width:100%; display:block;}
.top-nav>li>ul>li:hover{background:none;}
.top-nav>li>ul>li>a{color:#666; font-size:1.4rem; padding:10px 0 10px 0;}
.top-nav>li>ul>li:first-child{background:none;}
.top-nav li>ul a{ font-weight:normal;}
.top-nav>li>ul>li>a:hover{transform:translateX(3px);-webkit-transform:translateX(3px); color:#000; background:none;}
.top-nav>li>ul>li>a:hover:before{content:'\eb99'; font-family:"iconfont";color:#000; font-size:1.4rem; font-weight:600;}
/*首页轮播图*/
.index-banner{display: block;width:100%;position: relative;overflow: hidden;z-index:1;}
.index-banner .swiper-slide img{display: block;width:100%;object-fit: cover;}
.index-banner .swiper-pagination-bullet{width:60px; height:4px; border-radius:0; margin:0 10px; background:rgba(255,255,255,.2); opacity:1;}
.index-banner .swiper-pagination-bullet-active{background:rgba(255,255,255,1);}
.index-banner .swiper-pagination{bottom:6%; width:100%; text-align:center;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{border-radius:3px;opacity:0;width: 40px;height: 80px;margin-top: -40px;z-index: 999;cursor: pointer;
background-color: rgba(0, 0, 0, 0.8);}
.index-banner .swiper-button-prev{left: 8%;}
.index-banner .swiper-button-next{right: 8%;}
.index-banner .swiper-button-prev:after, .index-banner .swiper-button-next:after{color:#FFFFFF; font-size:1.4rem;}
.index-banner .swiper-button-next:focus,.index-banner .swiper-button-prev:focus{outline: none;}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{opacity: 0.6;}


/*大标题*/
.title{padding:20px 0 20px 0;}
.title-top{color: #000;font-size:24px;text-align: center;margin-bottom:5px;}
.title-bg{ width:450px; margin:0 auto;}
.title-bg img{ width:100%;}
.title-bottom{text-align:center;}
.title-bottom-tm{display:inline-block; position:relative;}
.title-bottom span{color: #000;font-size:14px;opacity: 0.5;padding:0 6px;}
.title-bottom-tm::before{content: ''; width:72px;height: 4px; left: -82px; top:8px; position: absolute;background:url(../images/fbiaoti.png) center no-repeat;}
.title-bottom-tm::after{content: ''; width:72px;height: 4px; right: -82px; top: 8px; position: absolute;background:url(../images/fbiaoti.png) center no-repeat;}
.ffontbai span{ color:#FFFFFF;}
.ffontbai::before{background:url(../images/fbiaoti2.png) center no-repeat; }
.ffontbai::after{background:url(../images/fbiaoti2.png) center no-repeat;}
.title-con{ width:80%; margin:40px auto 20px auto; border-radius:8px; background:url(../images/01.png) top left no-repeat #fff; padding:30px 30px 30px 80px; font-size:14px; color:#666; line-height:2;}
.tbai{ color:#FFFFFF!important;}
/*优势*/
.youshi{margin-left:-2%; margin-top:2%;}
.youshi li{width:31%; margin:0 0 2% 2%; float:left; transition: all 0.3s ease 0s;}
.youshi-con{ width:100%; background:#FFFFFF; padding:20px; border-radius:8px;}
.youshi li:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate3d(0px, -2px, 0px);}
.youshi-con i{ display:block; width:60px; height:60px; border-radius:30px; background:#d7b877; color:#FFFFFF; line-height:60px; text-align:center; font-size:36px; float:left;}
.youshi-text{ float:left; margin-left:20px; color:#999999; width:calc(100% - 80px);}
.youshi-text h5{ padding:5px 0 3px 0; font-size:22px; color:#000000;}

/*圆盘*/
.yuanpanbg{ background:url(../images/01.jpg) top center repeat-x; }
.yuanpanbg2{ background:url(../images/02.jpg) 0 100% repeat-x; }
.yuanpan img{ width:100%;}
.yuanpan{padding:0; }

/*产品*/
.product-box{ width:100%; height:auto; padding:20px 0 20px 0;  overflow:hidden;}
.product-list{ box-shadow:0 0 10px rgba(0, 0, 0, 0.5); display:block; margin:10px;}
.product-list:hover .picbox img{transform: scale(1.1);transition: 1s;}
.pic{padding:0 0 75% 0; position: relative;}
.picbox{overflow: hidden;display: block;width: 100%;position: relative;}
.picbox i{ position: absolute; z-index:3; left:10%; top:0; font-size:24px; color:#fff; width:50px; height:50px; line-height:50px; text-align:center; border-bottom-left-radius:5px;border-bottom-right-radius:5px; background:#f46539; }
.picbox img{transition:1s;max-width: 100%;max-height:100%;display: block;position: absolute;left: 0;top: 0; bottom:0; right:0; margin:auto;transition: transform .3s ease-in;}
.product-title{ width:100%; float:left; background:#8f0b10; padding:20px 20px 40px 20px; text-align:center;}
.product-title h3{ color:#fff; font-size:16px;width:100%; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.product-title p{ color:#f1f1f1; font-size:12px; border:#fff 1px solid; padding:8px 15px 8px 15px; display:inline-block;margin-top:15px;}
.product-button .swiper-button-prev,.product-button .swiper-button-next{ width:40px; height:40px;  background:#c11113; border-radius:20px;  float:left;}
.product-button .swiper-button-prev:after,.product-button .swiper-button-next:after{font-size:16px; color:#FFFFFF;}
.product-button .swiper-button-prev{ left:-5%; top:50%; }
.product-button .swiper-button-next{ right:-5%; bottom:50%;}
.product .swiper-slide a:hover .product-title p{border:#c11113 1px solid; background:#c11113; color:#fff;}
.product .swiper-pagination-bullet-active{background:#f46539;}
.swp3{ bottom:100px!important;}
.larrow:after{display: block;content: ""; width: 0; height: 0; border-left: 16px solid transparent; border-top: 16px solid #fff; border-right: 16px solid transparent; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}
.p40{ padding-bottom:40px;}
/*简介*/
.p120{padding:150px 0 30px 0;}
.bgjj{background:url(../images/bgjj.jpg) top center no-repeat; height:380px;}
.p0{ padding:0;}
.fontbai{color:#FFFFFF;}
.fontbai span{color:#FFFFFF;}
.intro{background:#FFFFFF; position:relative; bottom:-10px;}
.intro-con{float:left; width:62%; padding:30px 50px 30px 50px;}
.intro-con h4{font-size:16px; font-family: arial; line-height:24px; color: #d7b877;font-weight:normal;font-weight:bold;}
.intro-con h2{display:block;padding-top:10px; font-size:28px; font-weight: bold; line-height:36px; color: #333;}
.intro-con em{display: block; width:150px; height: 5px; background: #e6e6ed; margin: 15px 0 30px;}
.intro-more{float:left; padding:15px 0 0 0 ;}
.intro-more a{display:inline-block; background:#d7b877; color:#FFFFFF; padding:8px 20px 8px 20px; border-radius:20px;}
.intro-con-c{font-size:13px; line-height:28px; color:#666;}
.intro-img{width:38%; height:400px; float:right;}
/*案例*/
.case{ width:100%;overflow:hidden;}
.product{ width:100%;overflow:hidden;}
.case-button .swiper-button-prev,.case-button .swiper-button-next{ width:40px; height:40px;  background:#c11113; border-radius:20px;  float:left;}
.case-button .swiper-button-prev:after,.case-button .swiper-button-next:after{font-size:16px; color:#FFFFFF;}
.case-button .swiper-button-prev{ left:-5%; top:50%; }
.case-button .swiper-button-next{ right:-5%; bottom:50%;}

.case li{ width:25%; float:left;}
.case .product-title{ background:#c11113;padding-bottom:20px;}
.case .product-title h3{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight:normal; font-size:17px; color:#fbe2c5;}
.index-more{margin:30px auto 0 auto; text-align:center;}
.index-more a{color:#fff;background: #c11113;transition: 0.5s;font-size: 14px;display:inline-block; border-radius:20px; padding:8px 20px 8px 20px;transition: all 0.5s; -webkit-transition: all 0.5s;box-shadow: 0 3px 10px rgba(68,66,154,0.15); -webkit-box-shadow: 0 3px 10px rgba(68,66,154,0.15);}
.index-more a:hover{transform:translateY(-3px);-webkit-transform: translateY(-3px);}

/*流程*/
.bglc{ background:url(../images/04.jpg) top center no-repeat;}
.p60{ padding-bottom:60px;}
.liucheng{ width:100%; padding-top:20px;}
.liucheng li{ width:12.5%; float:left; text-align:center; position:relative;}
.liucheng li h1,.liucheng li i,.liucheng li p,.liucheng li span{ display:inline-block; }
.liucheng li i{ font-size:36px; background:#d7b877; color:#FFFFFF;display:inline-block; width:70px; height:70px; line-height:70px; border-radius:35px; text-align:center;} 
.liucheng li h1{ font-size:18px; color:#FFFFFF; padding-top:15px;width:100%; text-align:center;}
.liucheng li p{ font-size:13px; color: #CCCCCC; padding-top:4px;width:90%; text-align:center; padding-bottom:20px;}
.liucheng li span{ font-size:14px; color: #CCCCCC; border-radius:15px; width:30px; height:30px; line-height:30px; border:1px solid #FFFFFF;}
.liucheng li em{ display:block; position:absolute; width:calc(50% - 16px); height:1px; right:0; bottom:15px; background:#FFFFFF;}
.liucheng li b{ display:block; position:absolute; width:calc(50% - 16px); height:1px; left:0; bottom:15px; background:#FFFFFF;}
.lcpad{ padding-bottom:60px;}

/*资讯*/
.news-box{ width:100%; padding-top:40px;}
.news-box li{ width:48%; float:left; margin-right:1%; margin-left:1%; margin-bottom:2%;box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);}
.news-box li:nth-child(2n){margin-right:0;}
.index-newsIn{display: block;width:100%;border: 1px solid #fff;padding:30px ;position: relative;font-size:13px;color: #666;line-height: 24px;}
.index-newsIn h3{font-size:17px;font-weight: bold;color: #292927;line-height:28px; padding-bottom:5px;}
.index-newsIn h5{display:block; float:left; width:80px; height:80px;padding:10px;border-radius:8px;background: linear-gradient(to left, #c11113, #d3180f);}
.index-newsIN h5 em{display:block;float:left;width:100%;text-align:center;padding-top:10px;font-size:32px;color:#fff;font-weight:normal; font-style:normal;}
.index-newsIN h5 span{display:block;float:left;width:100%;text-align:center;font-size:10px;padding-top:5px;color:#fff; font-weight: normal;}
.news-con{width:calc(100% - 110px); float:right;}
.index-newsIn:hover{color: #ba9f67;background: #fdf8ee;border-color: #f2ead9;}
.index-newsIn:hover h3{color: #c11113;}
.index-newsIn:hover h5{color: #333;}
.news-pic{ width:120px; float:left;}
.news-pic-img{ padding:0 0  66.6% 0; position:relative; background:#f7f7f7; border-radius:8px; overflow:hidden; }
.news-pic img{ display:block; position:absolute; margin:auto; left:0; bottom:0;right:0; top:0;max-width: 100%;max-height:100%; }
.news-con-img{ width:calc(100% - 150px);}
.author{ display:none;}
.fa-pic{ width:260px;}
.fa-list-con{width:calc(100% - 300px);}


/*底部*/
/*footer*/
#footer{margin: 0 auto;padding: 40px 0 30px 0;}
#footer .d-nav{ width:100%; text-align:center; border-bottom:#ececec 1px solid; padding-bottom:20px;}
#footer .d-nav a{ display:inline-block; font-size:17px; padding:0 30px; color:#212121; border-left: 1px solid #ddd; }
#footer .d-nav a:first-child{ border-left:0;}
#footer .d-ms{ width:100%; padding:40px 0 0 0;}
#footer .d-logo{ float:left;}
#footer .d-logo img{ height:68px;}
#footer .d-ms-txt{ float:left; margin-left:5%; width:30%; font-size:13px; color:#555; line-height:2;padding-top:5px;}
#footer .d-ms-txt a{ color:#999; display:inline-block; margin:0 12px 0 0;}
#footer .d-ms-txt a:hover{ color:#212121;}
#footer .d-lx-con{float:left; margin-left:30px; width:20%; font-size:13px; color:#999; line-height:2; }
#footer .d-lx-con h4{ font-size:18px; color:#212121;}
#footer .d-lx-con span{ color:#212121;}
#footer .d-lx-con span i{ font-style:normal; font-weight:bolder;}

#footer ul{float: left;}
#footer ul h8{color: #fff;margin-bottom: 25px;font-size: 18px; display:block;}
#footer ul h7{color: #a5a5a3;margin-bottom: 25px;font-size: 14px; display:block;}
#footer ul a{color: #a5a5a3;text-decoration: none;transition: all 0.3s;-moz-transition: all 0.3s; /* Firefox 4 */-webkit-transition: all 0.3s; /* Safari 和 Chrome */-o-transition: all 0.3s; /* Opera */ font-size:14px;}
#footer ul a:hover{color: #fff;}
#footer ul li{color: #666;display: inline-block; font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#footer .three li{ display:inline-block; padding-right:30px; line-height:2}
#footer .four,#footer .four li{width:280px;}
#footer .four h1{font-size:14px; font-weight:normal; display:block; float:left; padding-bottom:10px;}
.footertel{padding-bottom:10px; float:left;}
.footertel i{display:block; float:left; font-size:22px; color:#fff; line-height:32px; width:32px; text-align:center; background:#d7b877; border-radius:16px;}
.footertelcon{float:left; padding-left:20px; width:240px;}
.footertelcon p{font-size:14px; line-height:18px; padding-top:5px; display:block; float:left; color:#a5a5a3;}
.footertelcon .dtel{ font-size:24px; padding-top:5px; color:#FFFFFF; font-family:'Book-Antiqua'}

.evmlist{float:right;}
.evmlist-box{ margin:0 0 0 20px; }
.evmlist p{display:block;background:#FFFFFF; border-radius:6px; }
.evmlist p img{ margin:5px;}
.evmlist span{display:block; width:100%; color:#999; font-size:12px; text-align:center; padding:10px 0 0 0;}

#footer  .three{ width:300px; margin-right:0;}
#footer  .devm{ float:right; margin-right:0;}
#footer  .devm img{ width:100px; height:100px;}
#footer  .five{width: 300px;}
#footer  .five p{font-size: 24px;margin-bottom: 10px;}
#footer  .five .sub{width:280px;height: 40px;float: left;background-color:#d7b877;color: #FFFFFF;border:0px; border-radius:5px;cursor: pointer; font-size:14px;}
#footer  .five li{width:300px;}
#footer  .five .input{width: 280px;height: 40px;float: left;padding: 0 10px 0 10px;border: 1px #CCCCCC solid; border-radius:5px;font-size: 14px; margin-bottom:15px;}
#footer .footercopy{width: 100%; padding-top:20px; margin-top:30px;line-height:1.8;text-align: center;border-top: 1px solid #666;color: #a5a5a3; font-size:14px;}
#footer .footercopy a{text-decoration:none; color:#a5a5a3;}
.banquan{ width:80%; margin:0 auto;}

/*手机菜单*/
.m-w{display:none; padding:15px 15px; background:#f7f7f7;}
.m-w:after,.m-menu-content:after{display:block;font-size:0;content:" ";clear:both;height:0;}
.m-top{ border-top: #f2f2f2 1px solid; padding:10px 15px; background:#FFFFFF;}
.m-logo img{height:30px;}
.m-logo{float:left;}
.m-logo-sm{ font-size:12px; float:left; padding-left:10px; line-height:15px;}
.m-menu{float:right;line-height:30px; transition: .3s ease;}
.m-menu a i{font-size:24px; color:#333333;}
.m-menu-content{display:none; padding:15px; background:#333333;}

/*手机二级菜单*/
.touch-menu li{border-bottom:1px solid #454545;position:relative;}
.touch-menu li a{color:#fff;display:block;font-size:16px;height:48px;line-height:48px;padding-left:10px;}
.touch-menu li a:hover,.touch-menu li a:active{background-color:#fff;color: #333;}
.touch-menu ul{display:none;margin:0;padding:10px 10px 10px 20px;box-shadow: none;border-top: 1px solid #454545;}
.touch-menu ul li:last-child{border-bottom: none;}
.touch-menu ul li a{padding:0;padding-left:5px;font-size:16px;height:38px;line-height:38px}
.touch-menu>.m-sub-menu>a:after{content:"\eb8f";margin-left:5px; font-family:iconfont;}
/*菜单图标*/
.toggle{position: relative; width:30px; height:30px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.toggle span{height:2px; margin:2px 5px; width: 24px; display: block; background: #333; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.toggle.active span:nth-child(1){-webkit-transform: rotate(-45deg) translate(-5px, 4px); -ms-transform: rotate(-45deg) translate(-5px, 4px); transform: rotate(-45deg) translate(-5px, 4px);}
.toggle.active span:nth-child(2){opacity: 0;}
.toggle.active span:nth-child(3){-webkit-transform: rotate(45deg) translate(-4px, -4px); -ms-transform: rotate(45deg) translate(-4px, -4px); transform: rotate(45deg) translate(-4px, -4px);}

/*手机底部按钮*/
.mobile_btn{display: none;position: fixed;z-index: 98;bottom: 0;right: 0;left: 0;text-align: center;background-color: #fff;border-top: 1px #f2f2f2 solid; padding:5px 0 5px 0; width:100%; overflow:hidden;}
.mobile_btn ul{margin-right: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 5px;}
.mobile_btn ul li{min-width:25%;}
.mobile_btn ul li a{font-size:12px; display: block; color: #b8b8b8;}
.mobile_btn ul li a i{display: block;font-size:24px !important; color:#787878;}

/*弹出二维码窗口*/
.mobile-foot-weixin-dropdown{position: fixed; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); z-index: 999999; -webkit-animation: fade-zoom-in .3s forwards; -o-animation: fade-zoom-in .3s forwards; animation: fade-zoom-in .3s forwards; display: none; -webkit-backface-visibility: hidden;}
.mobile-foot-weixin-dropdown .tooltip-weixin-inner{max-width: 300px; padding: 0 20px; margin: auto; text-align: center; position: absolute; width: 100%; left: 0; right: 0; height: 320px; top: -150px; bottom: 0;}
.mobile-foot-weixin-dropdown .tooltip-weixin-inner{top: 0 !important;}
.mobile-foot-weixin-dropdown .tooltip-weixin-inner h3{color: #fff; font-size:20px;margin-bottom: 10px; line-height: 1.3;}
.mobile-foot-weixin-dropdown .qcode img{width: 100%; height: auto;}
.mobile-foot-weixin-dropdown.is-visible{display: block;}
.close-weixin{display:block;position:absolute;top:-30px;right:-50px;width:40px;height:40px;cursor:pointer;background:#ccc}
.close-top{position:absolute;left:14px;background:#333;width:40px;height:2px;transition:.3s}
.close-top{-webkit-transform:translate(0,5px) rotate(225deg);transform:translate(-7px,0px) rotate(225deg)}
.close-weixin .close-top{top:20px}
.close-weixin .close-bottom{bottom:20px}
.close-weixin .close-bottom,.close-weixin .close-top{width:40px;left:8px}
.close-bottom{-webkit-transform:translate(0,-5px) rotate(135deg);transform:translate(-8px,2px) rotate(135deg)}
.close-bottom,.close-top{position:absolute;left:14px;background:#333;width:22px;height:2px;transition:.3s}

/*对话框*/
/**/
#commitBtn{background-color: #eb1100; color:#fff; text-align: center; font-size: 16px; font-weight: bold;  padding: 15px 10px; border-radius: 5px;width:100%;border: none;}
.orderScuMask{display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 20; background: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.actOrderScuMod{display: none; position: fixed; top: 50%; left: 50%; z-index: 21; margin: -60px 0 0 -100px; width:360px;height:130px;background:#FFFFFF;border-radius:8px;text-align:center;padding:20px;line-height:1.5;}
.actOrderScuMod p{ width:100%; line-height:1.5;}
.actOrderScuMod .close{display: none; width:80px;height:30px; background:#f46539; color:#FFFFFF; border-radius:15px; line-height:30px; cursor:pointer; margin-top:15px;}

/*资源*/
.zy-title-img img{ width:100%;}
.zy_list{ width:25%; padding:0 5% 60px 5%; float:left;}
.zy_list_img{ width:150px; height:150px; margin:0 auto; background:#b3150d; border-radius:50%; overflow:hidden;}
.zy_list_img img{ width:100%;}
.zy_list_tit{ width:100%; text-align:center; padding:30px 0 0 0; font-size:22px; font-weight:600; color:#212121;}
.zy_list_s{width:100%; text-align:center; padding:10px 0 0 0; font-size:13px;  color:#999;}

.ts-list-con{ width:100%; padding-top:40px;}
.ts-list{ width:33.3%; padding:0 5% 0 5%; float:left;}
.ts-list-i{ width:80px; margin:0 auto;}
.ts-list-i img{ width:100%;}
.ts-list-t{ width:100%; margin:0 auto; text-align:center; color:#212121; font-size:17px; padding:15px 0 15px 0;}
.ts-list-c{ width:100%; margin:0 auto; text-align:center; color:#999; font-size:13px; text-align:center; padding:15px 5% 0 5%; line-height:2;}


.bgvr{ background:url(../images/01.jpg) top center no-repeat #8f0b10;}

.vr-list-con{ width:100%; padding-top:40px; overflow:hidden;}
.vr-list{ width:100%; padding:0 3% 0 3%; float:left;}
.vr-list-i{ width:100%; margin:0 auto;}
.vr-list-i img{ width:100%; border-radius:10px;}
.vr-list-t{ width:100%; margin:0 auto; text-align:center; color:#fff; font-size:17px; padding:15px 0 15px 0; font-weight:600;}
.vr-list-cc{ width:75%; font-size:17px; line-height:2; color:#FFFFFF; text-align:center; margin:0px auto 20px auto;}
.vr-button .swiper-button-prev,.vr-button .swiper-button-next{ width:40px; height:40px;  background:#c11113; border-radius:20px;  float:left;}
.vr-button .swiper-button-prev:after,.vr-button .swiper-button-next:after{font-size:16px; color:#FFFFFF;}
.vr-button .swiper-button-prev{ left:-5%; top:50%; }
.vr-button .swiper-button-next{ right:-5%; bottom:50%;}

.pc_fr {float: right;}
.pc_fl {float: left;}
.bread{border-bottom:1px solid #e2e2e2; background:#f5f5f7}
.bread_nav li{float:left; font-size:15px; line-height:50px; padding-right:15px;}
.bread_nav li a{display:block; color:#000000; font-size:15px;}
.bread_nav li i{color:#999999; margin:0 10px;}
.bread_nav li:hover a,.bread_nav li.on a{border-bottom:2px solid #e0243b;}
.bread_1{font-size:14px; color:#666666; line-height:50px;}
.bread_1 a{color:#666666; transition: all .3s;}
.bread_1 a:hover{color:#e0243b;}
.m40{ margin:40px auto 40px auto;}
.p4{ padding:40px 0 40px 0}

.shadow{-o-box-shadow:0 0 20px rgba(0,0,0,.1);-ms-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);}

.p60{ padding:60px 0 60px 0;}
.bghl{ background:#292c31;}
.contact2{ border-radius:8px; padding:60px;}
.contact2-left{ width:40%; float:left;}
.contact2-left-50{ width:50%; float:left;}
.contact2-left-30{ width:30%; float:right;}
.contact2-bt{ width:100%; font-size:20px; color:#212121; font-weight:600; padding-bottom:25px; position:relative;}
.contact2-sm{ color:#666; font-size:12px; line-height:2; width:100%; opacity:0.5;padding-bottom:15px;}
.contact2-evm-box{padding:15px; background:url(../images/contact_2_1.png) center no-repeat;background-size: contain;}
.contact2-evm{width:100%;   position:relative; padding:0 0 100% 0; }
.contact2-evm img{ max-width: 100%;max-height:100%;display: block;position: absolute;left: 0;top: 0; bottom:0; right:0; margin:auto;} 
.contact2-lx-list{ width:100%;font-size:17px; color:#212121; padding:20px 0 30px 0; padding-left:40px; position:relative;}
.contact2-lx-list span{ display:block; position:absolute; left:40px; top:0; color:#666;opacity:0.5; font-size:14px;}
.contact2-dh:before{ content:'\eb90'; font-family:"iconfont"; font-size:28px; color:#e0243b; position:absolute; left:0; top:0px;}
.contact2-dh{font-family:"inter";}
.contact2-mail:before{ content:'\ebac'; font-family:"iconfont"; font-size:28px; color:#e0243b; position:absolute;left:0; top:0px;}
.contact2-mail{font-family:"inter";}
.contact2-add:before{ content:'\ebb4'; font-family:"iconfont"; font-size:28px; color:#e0243b; position:absolute; left:0; top:0px;}
.contact2-p50{ padding-top:50px;}
.contact2-p30{ padding-bottom:50px;}
.contact2-map{ width:100%; height:200px; background:#fff; border-radius:8px;}
.contact2-right{ width:50%; float:right; background:#f6f6f6; padding:50px; border-radius:8px; margin-top:30px;}
.contact2-right-bt{ font-size:28px; color:#535860; padding-bottom:30px; font-weight:600; width:100%; text-align:center;}
.contact2-right .field-group{ width:100%; padding-bottom:15px; }
.contact2-right .field-group-50{ width:50%; float:left;}
.contact2-right .field-left{ padding-right:2%;}
.contact2-right .field-right{ padding-left:2%;}
.contact2-right label{ width:100%; color:#b2b2b2; font-size:14px; line-height:32px;}
.contact2-right input,.contact2-right textarea{ width:100%; background:#fff; border:#eaeceb 1px solid; padding:10px 15px; color:#666; font-size:16px; border-radius:5px;}
.contact2-right textarea{min-height:200px; line-height:1.5;}
.contact2-btn{ display:inline-block; padding:12px 60px 12px 60px; font-size:14px; color:#fff; background:#e0243b; border-radius:5px; border:#e0243b 1px solid; margin-top:15px; cursor:pointer;}
/*对话框*/
/**/
.ck-alert.open{ position:fixed;top:0; bottom:0; left:0; right:0; z-index:1028;}
.ck-alert.open .ck-zhezhao{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.8);}
.ck-tanchuang{width:300px;text-align: center;border-radius:10px;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);transition: all 0.6s;position: absolute;height: auto;background: #fff; position:fixed; padding:20px;}
.ck-alert .ck-tanchuang .success{ color:#1aad17; font-size:48px;}
.ck-alert .ck-tanchuang .fail{ color:#FF0000;}
.ck-alert .ck-tanchuang p{ width:100%; font-size:16px; line-height:2; color:#666666;margin:20px 0;}
.ck-alert .ck-tanchuang .ck-tanchuang-btn{width:100%;margin:20px 0; text-align:center;}
.ck-alert .ck-tanchuang .ck-tanchuang-close{display:inline-block; width:45%; padding:6px 0 6px 0; text-align:center; font-size:22px; border-radius:5px;background:#1aad17; color:#fff;}
.ck-alert .ck-tanchuang .ck-tanchuang-close.fail{ background:#FF0000;}
.ck-alert.open .ck-tanchuang{transform: translate(-50%,-50%) scale(1);}


.product-list-box .pic{ padding: 0 0 100% 0;}
.product-list-box .product-title{ background:#f5f5f7;}
.product-list-box .product-title h3{ color:#c11113;} 
.product-list-box .product-title h6{ color:#999; font-weight:normal; margin-top:15px;}



.titlenav{ text-align:center;}
.titlenav a{ font-size:16px; display:inline-block; padding:10px 25px; margin:0 15px; border-radius:30px; background:#f1f1f5}
.titlenav a:hover{ background:#b3150d; color:#fbe2c5;}