﻿@charset "utf-8";
/* CSS Document */

/*通用*/
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
html{ -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}
/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
/*图片默认样式*/
img{border:0;vertical-align: middle;max-width:100%;}
/*动画效果*/
*{transition-property:all;}


.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.show{display:block;}
.hide{display:none;}

.ofH{overflow:hidden;}
.pr{position:relative;}

/*字体*/
@font-face {font-weight: normal;font-style: normal;}

/*限制行数 -- 一行*/
.Ipro-box .t1,
.Ipro-box .t2,
.Icase-box .name,
.solDload-tbody dd .td.td-name .t1,
.solDload-tbody dd .td.td-name .t2,
.nlist-box .t
{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/
.Icase-box .con
{-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}

.Ipro-box .con,
.nlist-box .c
{-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}


/*动画*/
a:hover
{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.animation,
.Icase-more span,
.pTableWeb-top:after
{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.comCul-list li img,
.comCul-list li .type,
.comCul-list li .split,
.comCul-list li .con{transition:all 1s cubic-bezier(.19,1,.22,1);-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);}

/*通用img*/
.srvlist-box .icon img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}
.Ipro-img img,
.nlist-img img{width:100%;height:100%;object-fit:cover;}

article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video 
{margin: 0;padding: 0;border: 0;}

a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul {
	border: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}
article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video {display: block}
table {border-collapse: separate;border-spacing: 0;}
table caption, table td, table th {text-align: left;vertical-align: middle}
a img {border: 0}
em{font-style:normal;}
:focus {outline: 0}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
}
body {
	background-color: #ffffff;/*整体背景颜色*/
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(255,255,255,0);/*点击高亮效果*/
}
body, button, input, pre, select, textarea {
	font-size: 14px;
	font-family:'Microsoft YaHei','Arial';
}
input, textarea {-webkit-appearance: none;border-radius: 0;}
ol, ul {list-style: none;}
a, a:active{color: inherit;text-decoration: none;cursor:pointer;}
h1, h2, h3, h4, h5, p, span {overflow: visible;}

/*分页*/
.pagination{width:100%;height:auto;text-align:center;font-size:0px;position:relative;overflow:hidden;margin:35px 0 0;}/*分页*/
.pagination a,.pagination span{display:inline-block;padding:0 18px;line-height:48px;font-size:14px;color:#666666;border:1px solid #e5e5e5;margin:0 4px;}
.pagination span.current,
.pagination a:hover{color:#fff;border-color:#B71219;background:#B71219;}
.contins{position: absolute;right:-400px;top: 160px;}
.contins p{font-size: 22px;line-height: 75px;color: #666;}	

/*-----whole-----*/
html{font-size:100px;overflow-x: hidden;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;overflow-x:hidden;}
body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;}

@media (min-width:768px){.contain{width:750px;margin:0 auto;}}
@media (min-width:992px){.contain{width:970px;margin:0 auto;}}
@media (min-width:1260px){.contain{width:1230px;margin:0 auto;}}
@media (min-width:1460px){.contain{width:1430px;margin:0 auto;}}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

input.text,
textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}

/*--- Header ---*/
.Header-wrapper{z-index:99;height: 190px;}
.Header-wrapper .Header-cl{height:118px;position:fixed;top: 0px;
 left: 0px;
 z-index: 90;
 background: #fff;
 width: 100%;
 padding: 0 2.5%;
  display: flex;
 justify-content: center;
 flex-direction: row-reverse;
}
.header-container{padding:0 2.5%;width:100%;background:#B71219;box-shadow:0px 4px 5px rgba(9,2,4,.17);position:fixed;top:118px;left:0px;z-index:90;
 display: flex;
 justify-content: center;
 flex-direction: row-reverse;

}

/*logo*/
.Hlogo{height:118px;line-height:118px;font-size:0px;float:left;overflow:hidden;position:relative;z-index:5;}

/*language*/
.Hlang{padding:0 0 0 34px;position:relative;float:right;}
.Hlang-menu{display:block;height:72px;line-height:72px;padding:0 0 0 28px;font-size:16px;color:#fff;background:url(../images/icon-Hlang.png) no-repeat left center;}
.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:68px;right:0px;display:none;padding:20px 0px;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;right:0;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#B71219;}
.Hlang-box a.CN{background-image:url(../images/icon-CN.png);}
.Hlang-box a.JP{background-image:url(../images/icon-jp.png);}
.Hlang-box a.EN{background-image:url(../images/icon-EN.png);}

/*srch*/
.Hsrch{padding:0 20px;float:right;}
.Hsrch-menu{display:block;width:43px;height:72px;background:url(../images/icon-Hsrch.png) no-repeat center center;}
.Hsrch-box{width:100%;height:72px;background:#fff;position:absolute;top:0px;left:0px;display:none;z-index:3;}
.Hsrch-block{padding:0 0 0 4rem !important;width:12rem !important;height:32px;margin:20px 4% 0;float:right;}
.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon-Hsrch.png) no-repeat center center;float:left;}
.Hsrch-block .close{display:block;width:24px;height:32px;background:url(../images/icon-close.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px;border-bottom:1px solid #eeeeee;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}

/*nav*/
.Hnav{position:relative; margin-right:20px;}
.Hnav>li{padding:0 42px;position:relative;float:left;z-index:2;}
.Hnav>li.Hnav-cur{padding:0px;height:3px;background:#fff;position:absolute;bottom:0px;float:none;z-index:0;}
.Hnav .Hname{display:block;height:72px;line-height:72px;font-size:16px;position:relative;overflow:hidden; color:#FFF; font-weight:bold;}
.Hnav .Hname i{display:block;width:50px;height:50px;background:url(../images/icon-dd1.png) no-repeat center center / 12px auto;position:absolute;right:0px;top:0px;z-index:2;display:none;}
.Hn2nd-box{padding:23px 0 0;width:178px;position:absolute;top:70px;left:22px;display:none;}
.Hn2nd-box:after{content:"";display:block;border-bottom:9px solid #dc897c;border-left:8px solid transparent;border-right:8px solid transparent;position:absolute;top:14px;left:20px;}
.Hn2nd-box a{display:block;padding:10px 0 10px 27px;line-height:26px;color:#000;border-bottom:1px solid #fff;background:#dc897c;}
.Hn2nd-box a.cur,
.Hn2nd-box a:hover{color:#fff;}

.Hnav>li.cur .Hname{color:#fff; font-weight:bold; }
@media all and (min-width:980px){
	.Hnav>li:hover .Hn2nd-box{display:block;animation:HnavDD .6s ease-in-out;-webkit-animation:HnavDD .6s ease-in-out;}
	.Hlang:hover .Hlang-box{display:block;}
}
@keyframes HnavDD{
	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes HnavDD{
	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}

/*--- Footer ---*/
.Footer-wrapper{}
.F-cr{padding:20px 0;line-height:20px;color:#888888;}
.footer-container{padding:35px 0 25px;background:#B71219;}
.Fnav{width:13.5%;float:left;}
.Fnav dt{line-height:28px;font-size:16px;font-weight:600;color:#F1F322;}
.Fnav dd{margin:15px 0 0;}
.Fnav dd a{display:block;padding:5px 0;line-height:22px;color:#fff;}
.Fnav dd a:hover{color:#F1F322;text-decoration:underline;}
.Fct{width:31%;float:right;}
.Fct .FoCon-btn{width:158px;height:45px;line-height:41px;font-size:16px;color:#fff;border-radius:45px;border:2px solid #fff9;float:right;margin:6px 0 0;}
.FoCon-btn:hover{color:#F1F322;background:#de5f4a;}
.Fct .tel{line-height:32px;font-size:26px; color:#FFFFFF;}
.Fct .work-time{line-height:22px;color:#d9d4d4;margin:5px 0 0;}
.Fcon{padding:9px 0 13px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;margin:13px 0 0;}
.Fcon .con{padding:0 0 0 25px;line-height:28px;color:#fff;}
.Fcon .con.adr{background:url(../images/icon-Fadr.png) no-repeat left top;}
.Fcon .con.post{background:url(../images/icon-Fpost.png) no-repeat left top;}
.Fcode{margin:21px 0 0;}
.Fcode li{text-align:center;float:left;margin:0 0 0 6.989247311827957%;}
.Fcode li:first-child{margin:0px;}
.Fcode li img{width:120px;height:120px;}
.Fcode li .name{line-height:24px;color:#fff;margin:10px 0 0;}

.Footer-wrapper.on .Fnav dd{display:block !important;}

/*--- Banner ---*/
.bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;}
#index-bnr .swiper-slide{overflow:hidden;}
#index-bnr .bnr-img{height:600px;width:100%;overflow:hidden;}
#index-bnr .bnr-img .bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
#index-bnr .swiper-slide.swiper-slide-active .bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;}
#index-bnr .bnr-img span{width:82px;height:82px;background:rgba(255,255,255,0.1);border-radius:50%;position:absolute;left:0px;top:0px;font-size:18px;color:#fff;padding:15px 0px;text-align:center;transition:all 0.1s ease-in-out 0.1s;opacity:0;transition-delay:0.2s;-webkit-transition-delay:0.2s;}
#index-bnr .bnr-img span.bnr-ic1{left:23%;top:40px;transition-delay:.5s;}
#index-bnr .bnr-img span.bnr-ic2{left:30%;top:60px;transition-delay:1s;}
#index-bnr .bnr-img span.bnr-ic3{left:35%;top:40px;transition-delay:1.2s;}
#index-bnr .bnr-img span.bnr-ic4{left:41%;top:120px;transition-delay:1.5s;}
#index-bnr .bnr-img span.bnr-ic5{left:41%;top:auto;bottom:140px;transition-delay:1.8s;}
#index-bnr .bnr-img span.bnr-ic6{left:25%;top:auto;bottom:225px;transition-delay:2s;}
#index-bnr .bnr-img span.bnr-ic7{left:19%;top:auto;bottom:120px;transition-delay:2.2s;}
#index-bnr .bnr-img span.bnr-ic8{left:14%;top:auto;bottom:210px;transition-delay:2.4s;}
#index-bnr .bnr-img span.bnr-ic9{left:13%;top:auto;bottom:310px;transition-delay:2.6s;}
#index-bnr .swiper-slide.swiper-slide-active .bnr-img span{opacity:1;}
#index-bnr .bnr-img span:hover{background:rgba(255,255,255,0.3);color:#B71219;transition-delay:0.1s!important;-webkit-transition-delay:0.1s!important;}

/*Bnr1*/
.bnr-img .t1{line-height:80px;font-size:40px;font-weight:bold;}
.bnr-img .t2{font-size:32px;font-weight:lighter;font-family:'微软雅黑';}
.bnr-img .t1,.t1-tit,.t2-tit,
.bnr-img .t2{transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition-delay:.4s;-webkit-transition-delay:.4s;opacity:0;}
.bnr-img .t1,.t1-tit{transform:translateX(-50px);-webkit-transform:translateX(-50px);}
.bnr-img .t2,.t2-tit{transform:translateX(50px);-webkit-transform:translateX(50px);}
.swiper-slide.swiper-slide-active .t1,.active .t1-tit,.active .t2-tit,
.swiper-slide.swiper-slide-active .t2{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

#index-bnr .swiper-pagination{font-size:0px;bottom:24px !important;}
#index-bnr .swiper-pagination-bullet{width:12px;height:12px;background:none;border:1px solid rgba(255,255,255,.6);border-radius:100%;opacity:1;margin:0 8px;}
#index-bnr .swiper-pagination-bullet-active{background:#B71219;border:0px;}

.bnr-img.page-bnr{height:400px;}

#index-webBnr{display:none;}
#index-webBnr .bnr-img{height:10rem}
#index-webBnr img{width:100%;height:auto;}
#index-webBnr .swiper-pagination{font-size:0px;bottom:10px !important;}
#index-webBnr .swiper-pagination-bullet{width:8px;height:8px;background:none;border:1px solid rgba(255,255,255,.6);border-radius:100%;opacity:1;margin:0 3px;}
#index-webBnr .swiper-pagination-bullet-active{background:#B71219;border:0px;}

@media all and (max-width:980px){
	#index-bnr{display:none;}
	#index-webBnr{display:block;}
}

/*-- 首页 --*/
.I-title{text-align:center; margin-bottom:30px;}
.I-title .t1{line-height:46px;font-size:36px;color:#B71219; letter-spacing:1px; font-weight:bold;}
.I-title .t2{line-height:26px;font-size:16px;color:#B71219;}

/*首页实力展示*/
.in-sl{padding: 30px 0 1px;}
.isl-list{width:100%;margin:40px 0 0 0;}
.isl-list .isl-box{display:block;padding:0 0 21px;text-align:center;background:#fff;}
.isl-list .isl-fl li{width:33.333%;padding:0px 20px 20px 0;float:left;}
.isl-list .isl-box{display:block;padding:0 0 21px;text-align:center;background:#fff;overflow:hidden;}
.isl-list .isl-fl{width:100%;float:left;}

.isl-box .isl-img{width:100%;height:265px;object-fit:cover;}
.isl-box .name{padding:0 11.68831168831169%;line-height:38px;font-size:20px;margin:22px 0 0;}
.isl-list li:hover .isl-box .name{color:#B71219;}
.isl-box .con{padding:0 11.68831168831169%;line-height:24px;height:48px;color:#666666;margin:5px 0 0;}


/*首页案例*/
.in-case{padding: 30px 0 1px; background:#F2F2F2;}
.Icase-list{width:100%;margin:40px 0 0 0;}
.Icase-list .Icase-box{display:block;padding:0 0 21px;text-align:center;background:#fff;}
.Icase-list .Icase-fl li{width:33.333%;padding:0px 20px 20px 0;float:left;}
.Icase-list .Icase-box{display:block;padding:0 0 21px;text-align:center;background:#fff;overflow:hidden;}
.Icase-list .Icase-fl{width:100%;float:left;}

.Icase-box .Icase-img{width:100%;object-fit:cover;}
.Icase-box .name{padding:0 11.68831168831169%;line-height:38px;font-size:20px;margin:22px 0 0;}
.Icase-list li:hover .Icase-box .name{color:#fff;}
.Icase-box .con{padding:0 11.68831168831169%;line-height:24px;height:48px;color:#666666;margin:5px 0 0;}

.Icase-box:hover{background:#c6361f;}
.Icase-box:hover .type{color:#fff;transform:translateY(-15px);-webkit-transform:translateY(-15px);}
.Icase-box:hover .con{color:#fff;transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.Icase-box:hover .icon{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.Icase-box:hover .icon img{opacity:0;}
.Icase-box:hover .icon img.rollover{opacity:1;}


/*首页About us*/
.i-profile .comtxt{font-size: 16px;line-height:30px;margin-top: 30px;text-align: justify;}
.i-profile{background: #f6f6f6;}
.i-profile .box{font-size: 0;}
.i-profile .box .img{
	/*float: left;*/
	display: inline-block;
	vertical-align: middle;
	width: 46%;
	overflow: hidden;
}
.i-profile .box .img img{
	max-width: 100%;
}
.i-profile .box .txt{
	/*float: right;*/
	display: inline-block;
	vertical-align: middle;
	padding-left: 4.8%;
	width: 54%;
	box-sizing: border-box;
	overflow: hidden;
}
.i-title .t1{font-size: 50px; color:#B71219;}
.i-title .t2{font-size: 28px;}

.i-nums{margin-top: 65px;}
.i-nums ul li{float: left;width: 25%;text-align: center;padding: 0px 10px;overflow: hidden;box-sizing: border-box;}
.i-nums ul li .cont{width: 100%;margin: auto;overflow: hidden;}
.i-nums ul li .icon{
	width: 150px;
	height: 150px;
	line-height: 150px;
	margin: auto;
	border-radius: 50%;
	background: #B71219;
	overflow: hidden;
	transition: background-color 0.3s; 
	
}

.i-nums ul li .icon:hover {background-color: #de5f4a; /* 鼠标经过时的背景色 */}
.i-nums ul li .icon img{}
.i-nums ul li .t1{margin-top: 20px;color: #B71219;;font-size: 16px;}
.i-nums ul li .t1 span{display: inline-block;font-size: 48px;}
.i-nums ul li .t2{color: #999999;font-size: 16px;}

@media screen and (max-width: 768px) {
.i-profile{padding-bottom: 50px;}
.i-profile .box .img{display: block;width: 100%;}
.i-profile .box .txt{padding-left: 0;display: block;width: 100%;padding-top: 40px;}

.i-nums ul li{width: 50%;margin: 4% auto;}
.i-nums ul li .t1{margin-top: 15px;}

}



/*合作伙伴*/
.parter-container{padding:30px 0 50px;}
.parter-list{width:102.222225%;margin:0 0 0 -2.222225%;}
.parter-list li{width:20%;padding:20px 0 0 2.173915701795769%;float:left;}
.parter-list .parter-box{display:block;height:150px;line-height:148px;text-align:center;font-size:0px;border:1px solid #dcdcdc;}
.parter-box img{width:100%;height:100%;}
.parter-box{transition:all .3s cubic-bezier(.55,0,.1,1);-webkit-transition:all .3s cubic-bezier(.55,0,.1,1)}
.parter-box:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);}


/*-- About us --*/
.page-nav{border-bottom:1px solid #e2e1e1; background:#de5f4a;}
.page-nav a{display:block;padding:16px 1.75%;line-height:24px;text-align:center;font-size:14px;position:relative;float:left;}
.page-nav a:first-child{margin:0px;}
.page-nav a.cur,
.page-nav a:hover{color:#fff;}
.page-nav a.cur:after{content:"";display:block;width:100%;height:3px;background:#B71219;position:absolute;left:0px;bottom:-2px;}
.page-n2nd{text-align:center;font-size:0px;margin:40px 0 0;}
.page-n2nd a{display:inline-block;width:160px;height:40px;line-height:40px;font-size:16px;color:#666666;background:#e1e1e1;margin:0 5px;}
.page-n2nd a.cur,
.page-n2nd a:hover{color:#fff;background:#B71219;}

/*About us其它*/
.aboutus-container{padding:31px 0 60px;}
.aboutus-con{line-height:28px;font-size:16px;color:#4c4c4c;position:relative;overflow:hidden;}
.aboutus-list{width:102.222225%;margin:0 0 0 -2.222225%;}
.aboutus-list li{width:25%;padding:29px 0 0 2.173915701795769%;float:left;text-align:center; font-size:16px; line-height:30px;}

.aboutus-list .aboutus-box{display:block;text-align:center;font-size:0px;border:1px solid #dcdcdc;}
.aboutus-box img{width:100%;height:100%;}
.aboutus-box{transition:all .3s cubic-bezier(.55,0,.1,1);-webkit-transition:all .3s cubic-bezier(.55,0,.1,1)}
.aboutus-box:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);}

/*简介*/
.com-pro{padding:60px 0 60px;}
.comPro-box{ margin:30px 0 30px;}


/*企业文化*/
.com-cul{padding:82px 0 160px;background:url(../images/comCul-bg.jpg) no-repeat center center / cover;}
.comCul-list{margin:66px 0 0;}
.comCul-list{border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);}
.comCul-list li{padding:20px 10.00834028356964% 0 2.753127606338616%;width:33.3334%;height:256px;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);position:relative;float:left;}
.comCul-list li .type{line-height:34px;font-size:24px;}
.comCul-list li .split{display:block;width:25px;height:1px;background:#fff;margin:15px 0 15px 1px;}
.comCul-list li .con{line-height:22px;font-size:16px;}
.comCul-list li img{display:block;position:absolute;top:134px;right:11.0091743119266%;}
.comCul-list li:hover img{transform:translateY(-5px) rotateY(180deg);-webkit-transform:translateY(-5px) rotateY(180deg)}
.comCul-list li:hover .type{transform:translateY(-15px);-webkit-transform:translateY(-15px);}
.comCul-list li:hover .split{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.comCul-list li:hover .con{transform:translateY(-5px);-webkit-transform:translateY(-5px);}

/*新闻列表*/
.news-container{padding:30px 0 60px;}
.news-list li{padding:34px 0 33px;background:#fff;border-bottom:1px solid #d8d8d8;}
.nlist-img{display:block;width:20.4167%;height:150px;overflow:hidden;float:left;margin:3px 0 0;}
.nlist-box{width:57.6667%;float:left;margin:0 0 0 4.1667%;}
.nlist-box .t{line-height:32px;font-size:18px;font-weight:600;}
.nlist-box .c{height:72px;line-height:24px;color:#666666;margin:10px 0 0;}
.nlist-box .btn{padding:0 22px 0 0;line-height:26px;font-size:13px;font-weight:600;color:#B71219;background:url(../images/icon-go3.png) no-repeat right center;margin:20px 0 0;}
.nlist-date{padding:8px 0 0;width:82px;text-align:center;color:#666666;border-top:2px solid #707070;float:right;margin:5px 0 0;}
.nlist-date .day{line-height:47px;font-size:32px;}
.nlist-date .year{line-height:31px;}
.news-list li:hover{/*box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);*/transition:all .3s cubic-bezier(.55,0,.1,1)}
.news-list li:hover .nlist-box .t{color:#B71219;}

/*新闻详细*/
.news-info{padding:54px 0 69px;}
.nInfo-title{line-height:44px;text-align:center;font-size:26px;color:#2b2b2b;}
.nInfo-about{line-height:25px;text-align:center;font-size:16px;color:#666666;margin:15px 0 0;}
.nInfo-con{padding:38px 0 38px;line-height:28px;font-size:16px;color:#4c4c4c;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;position:relative;overflow:hidden;margin:28px 0 0;}
.nInfo-page{float:left;margin:23px 0 0;}
.nInfo-page .btn{line-height:48px;font-size:16px;color:#4c4c4c;border:1px solid #e5e5e5;float:left;}
.nInfo-page .btn.rtn-btn{width:160px;border:1px solid #B71219;color:#B71219;}
.nInfo-page .btn.prev-btn,
.nInfo-page .btn.next-btn{width:160px;font-size:18px;font-family:'宋体';}
.nInfo-page .btn.prev-btn{border-right:0px;margin:0 0 0 240px;}
.nInfo-page .btn:hover{color:#fff;background:#B71219;border-color:#B71219;}
.nInfo-share{float:right;margin:23px 0 0;}
.nInfo-share .bds_tsina{background:#b0b0b0 url(../images/nInfo-share1.png) no-repeat center center !important;}
.nInfo-share .bds_weixin{background:#b0b0b0 url(../images/nInfo-share2.png) no-repeat center center !important;}
.nInfo-share .bds_sqq{background:#b0b0b0 url(../images/nInfo-share3.png) no-repeat center center !important;}
.nInfo-share .bds_more{background:#b0b0b0 url(../images/nInfo-share4.png) no-repeat center center !important;}
.nInfo-share a{display:inline-block !important;width:30px !important;height:30px !important;line-height:30px !important;text-align:center !important;font-size:0px !important;border-radius:100% !important;background:#b0b0b0 !important;margin:0 3px !important;}
.nInfo-share a:hover{background-color:#B71219 !important;}

/*Contact us*/
.ctUs-container{padding:41px 0 90px;text-align:center;}
.ctUs-name{line-height:56px;font-size:32px;}
.ctUs-list{padding:0 1.5%}
.ctUs-list li{width:25%;padding:0 1.2%;float:left;margin:61px 0 0;}
.ctUs-list .culist-icon{width:136px;height:136px;line-height:134px;font-size:0px;border-radius:100%;border:1px solid #cfcfcf;margin:0 auto;}
.ctUs-list .culist-type{line-height:23px;font-size:16px;color:#666666;margin:30px 0 0;}
.ctUs-list .culist-con{line-height:24px;font-size:16px;margin:15px 0 0;}
.ctUs-list .culist-icon img{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;}
.ctUs-list li:hover .culist-icon img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}
.ctUs-list li:nth-child:hover .culist-icon img{transform:translateY(-10px) rotateY(0deg);-webkit-transform:translateY(-10px) rotateY(0deg);}

.ctUs-map{position:relative;overflow:hidden;height:600px;}


/*服务*/
.service-container{text-align:center;}
.srv-list{width:100.8889%;}
.srv-list li{width:16.666%;float:left;border-right:1px dashed #dfdfdf; margin:10px 0 10px ;}
.srv-list .srvlist-box{display:block;padding:6px 0;background:#fff; }
.srvlist-box .type{line-height:26px;font-size:14px;}
.srvlist-box .con{line-height:22px;color:#888888;}
.srvlist-box .icon{width:70px;height:70px;position:relative;margin:10px auto 0;}
.srvlist-box .icon img{width:100%;}
.srvlist-box,
.srvlist-box .icon img,
.srvlist-box .type,
.srvlist-box .con,
.srvlist-box .icon{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;}
.srvlist-box:hover{background:#FFF;}
.srvlist-box:hover .type{color:#B71219;transform:translateY(-15px);-webkit-transform:translateY(-15px);}
.srvlist-box:hover .con{color:#B71219;transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.srvlist-box:hover .icon{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.srvlist-box:hover .icon img{opacity:0;}
.srvlist-box:hover .icon img.rollover{opacity:1;}


/*  产品详情*//*图片放大镜样式*/
.product-show-pic{width:502px;height:600px;}
.jqzoom{ float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:500px;height:500px;border:1px solid #ccc; }

.spec-scroll{margin-top:10px;width:502px;height:80px;overflow:hidden;position:relative;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"黑体";text-align:center;width:15px;height:78px; line-height:78px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{position:relative;width:460px;height:80px;margin:0 auto;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:80px;}
.spec-scroll .items ul li{float:left;width:93px;height:80px;float:left;}
.spec-scroll .items ul li img{width:85px;height:78px;cursor:pointer;border:1px solid #ccc;}
.spec-scroll .items ul li img:hover,.spec-scroll .items ul .on img{border:1px solid #e6242c;}
#preview .zoomdiv img{max-width: 1000000px !important;}

/*产品详细介绍*/
.proInfo-top{padding:5px 0 15px;border-bottom:1px solid #e6e6e6;}
.proInfo-top span{display:block;padding:0 0 0 14px;height:20px;line-height:20px;font-size:18px;border-left:4px solid #B71219;}
.proInfo-box{margin:39px 0 0; background:#f2f2f2;}
.proInfo-img{width:502px;center;border:1px solid #e5e5e5;float:left;}

.proInfo-block{padding:20px 1.5556% 0 1.6667%;width:58%;float: right;}
.proInfo-block .name{padding:0 0 10px;line-height:31px;font-size:18px;border-bottom:1px solid #e5e5e5;}
.proInfo-block .con{padding:0 10px 10px 0;line-height:28px;color:#666666;position:relative;overflow:hidden;margin:12px 0 0;}
.proInfo-block .btn{width:142px;height:42px;line-height:42px;font-size:16px;font-weight:600;color:#fff;background:#B71219;margin:7px 0 0;}
.proInfo-block .btn span{padding:0 0 0 34px;background:url(../images/icon-shop.png) no-repeat left center;}
.proInfo-block .con.ps-container .ps-scrollbar-y-rail{width:5px;background:#eaeaea;}
.proInfo-block .con.ps-container .ps-scrollbar-y{width:5px;background:#B71219;}
.proInfo-dtl{margin:41px 0 0;}
.pIdtl-nav{background:#f2f2f2;}
.pIdtl-nav a{display:block;width:160px;height:50px;line-height:50px;text-align:center;font-size:16px;font-weight:600;color:#666666;position:relative;float:left;}
.pIdtl-nav a.cur{color:#fff;background:#B71219;}
.pIdtl-nav a:after{content:"";display:block;width:1px;height:14px;background:#dedede;position:absolute;left:0px;top:50%;margin:-7px 0 0;}
.pIdtl-nav a.cur:after,
.pIdtl-nav a:first-child:after{display:none;}
.product-container{padding:40px 0 40px 0;}
.pIdtl-info{margin:17px 0 0;}
.pIdtl-info dl{padding:23px 0 24px;border-bottom:1px solid #e5e5e5;position:relative;}
.pIdtl-info dl dt{width:19.4444%;line-height:28px;text-align:center;font-weight:600;float:left;}
.pIdtl-info dl dd{width:80.5556%;line-height:28px;color:#666666;float:left;}
.pIdtl-info dl dd img{max-width:100%;}

/* 产品展示 */
.product-list{padding:40px 0 40px 0;}
.product-list-ul{}
.product-list-ul li{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 32px;box-sizing: border-box;box-shadow: 0 0 8px #dcdcdc;}
.product-list-ul li:nth-of-type(4n){margin-right: 0;}
.product-list-ul li a{display: block;box-sizing: border-box;text-align: center;}
.product-list-ul li a .product-list-img{height: 220px;line-height: 220px;overflow: hidden;}
.product-list-ul li a .product-list-img img{max-height: 220px;transition: 0.4s;}
.product-list-ul li a:hover .product-list-img img{transform: scale(1.1);transition: 0.4s;}
.product-list-ul li a .product-list-text{border-top: 1px solid #E5E5E5;box-sizing: border-box;padding: 15px;position: relative;}
.product-list-ul li a .product-list-text h3{font-size: 18px;color: #222222;}
.product-list-ul li a .product-list-text p{font-size: 14px;color: #888888;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.product-list-ul li a .product-list-text::after{position: absolute;width: 100%;height: 3px;content: "";left: 0;right: 0;bottom: 0;background: #B71219;opacity: 0;transition: 0.4s;}
.product-list-ul li a:hover .product-list-text::after{opacity: 1;transition: 0.4s;}



 /* 首页产品 */

.in-product{padding: 30px 0 1px; background:#F2F2F2;} 

.in-product-ul li{
	width: 23.5%;
	float: left;
	margin-right: 2%;
	margin-bottom: 40px;
	box-sizing: border-box;
	border-radius: 10px;
	height: 335px;
}
.in-product-ul li:nth-of-type(4n){
	margin-right: 0;
}
.in-product-ul li a{
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.in-product-ul li a::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.45);
	left: 0;
	right: 0;
	transition: 0.4s;
}
.in-product-ul li a .in-product-text{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	padding:35px 10px;
	z-index: 9;
	transition: 0.4s;
}
.in-product-ul li a .in-product-text i{
	display: block;
	width: 45px;
	height: 2px;
	background: #FFFFFF;
	margin-bottom: 15px;
}
.in-product-ul li a .in-product-text h4{
	font-size: 20px;
	color: #FFFFFF;
	margin-bottom: 15px;
}
.in-product-ul li a .in-product-text p{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	transition: 0.4s;
}
.in-product-ul li a .in-product-text span{
	font-size: 14px;
	color: #B71219;
	background: #FFFFFF;
	border-radius: 100px;
	padding: 6px 20px;
	margin-top: 25px;
	display: none;
	height: 0;
	transition: 0.4s;
}
.in-product-ul li a:hover .in-product-text span{
	display: inline-block;
	transition: 0.4s;
	height: auto;
}
.in-product-ul li a:hover .in-product-text p{
	height: 96px;
	transition: 0.4s;
}
.in-product-ul li a:hover::after{
	background: rgba(198,54,31,0.9);
}



 /* Product Center */

.cp-product{padding: 30px 0 1px; background:#F2F2F2;}
.cp-list{width:100%;margin:40px 0 0 0;}
.cp-list .cp-box{display:block;padding:0 0 21px;text-align:center;background:#fff;}
.cp-list .cp-fl li{width:25%;padding:0px 30px 30px 0; float:left;}
.cp-list .cp-box{display:block;padding:0 0 21px;text-align:center;background:#fff;overflow:hidden;}
.cp-list .cp-fl{width:100%;float:left;}

.cp-box .cp-img{width:100%;object-fit:cover;}
.cp-box .name{padding:0 2.68831168831169%;line-height:28px;font-size:18px;margin:12px 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cp-list li:hover .cp-box .name{color:#fff;}
.cp-box .con{padding:0 11.68831168831169%;line-height:24px;height:48px;color:#666666;margin:5px 0 0;}

.cp-box:hover{background:#c6361f;}
.cp-box:hover .type{color:#fff;transform:translateY(-15px);-webkit-transform:translateY(-15px);}
.cp-box:hover .con{color:#fff;transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.cp-box:hover .icon{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.cp-box:hover .icon img{opacity:0;}
.cp-box:hover .icon img.rollover{opacity:1;}


 /* case */
 
.case{padding: 30px 0 1px;} 

.case-ul li{
	width: 23.5%;
	float: left;
	margin-right: 2%;
	margin-bottom: 40px;
	box-sizing: border-box;
	border-radius: 10px;
	height: 335px;
}
.case-ul li:nth-of-type(4n){
	margin-right: 0;
}
.case-ul li a{
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.case-ul li a::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	
	left: 0;
	right: 0;
	transition: 0.4s;
}
.case-ul li a .case-text{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	padding:35px 10px;
	z-index: 9;
	transition: 0.4s;
}
.case-ul li a .case-text i{
	display: block;
	width: 45px;
	height: 2px;
	background: #FFFFFF;
	margin-bottom: 15px;
}
.case-ul li a .case-text h4{
	font-size: 20px;
	color: #FFFFFF;
	margin-bottom: 15px;
}
.case-ul li a .case-text p{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	transition: 0.4s;
}
.case-ul li a .case-text span{
	font-size: 14px;
	color: #B71219;
	background: #FFFFFF;
	border-radius: 100px;
	padding: 6px 20px;
	margin-top: 25px;
	display: none;
	height: 0;
	transition: 0.4s;
}
.case-ul li a:hover .case-text span{
	display: inline-block;
	transition: 0.4s;
	height: auto;
}
.case-ul li a:hover .case-text p{height: 96px;transition: 0.4s;}
.case-ul li a:hover::after{background: rgba(198,54,31,0.9);}


.page-ditu{background: #f0f0f0;height: 450px;}
#dituContent{width:100%;height:450px;float: left;}


/* 在线客服样式 */
.side-pannel{position:fixed;right:2px;margin-left:496px;z-index:99}
.side-bar{border:1px solid #E7E7E7;border-bottom:none;bottom:100px;background:#fff}
.side-bar a{display:block;cursor:pointer;width:50px;height:50px;border-bottom:1px solid #E7E7E7;position:relative;color:#676767;text-align:center}
.side-bar a s{display:block;margin-left:auto;margin-right:auto}
.side-bar a span{line-height:20px}
.side-bar a:hover{background:#DFFFED}
.side-bar a.gotop s{position:absolute;top:50%;left:10px}
.side-bar a.text{padding-top:15px}
.side-bar a.qr s{position:absolute;top:50%;left:8px}
.side-bar a.qr i{width:277px;height:289px;position:absolute;left:-277px;top:50%;margin-top:-120px;display:none;background-position:0 0}
.side-bar a.qr:hover i{display:block}
.g-icon-top{height:20px;width:35px;margin-top:-10px;background-position:0 -33px}
.g-icon-survey1{height:23px;width:26px;margin-top:-11px;background-position:0 -53px}
.side-bar a.survey:hover s{height:23px;width:26px;margin-top:-11px;background-position:-26px -53px}
.g-icon-qq1{height:20px;width:22px;margin-top:-10px;background-position:-35px -33px}
.g-icon-weibo1{height:25px;width:27px;margin-top:-12px;background-position:-72px 0}
.side-bar a.weibo:hover s{height:25px;width:27px;margin-top:-12px;background-position:-72px -25px}
.g-icon-qr1{height:33px;width:36px;margin-top:-16px;background-position:-36px 0}
.g-icon-qr2,.side-bar a.qr:hover s{height:33px;width:36px;margin-top:-16px;background-position:0 0}
.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1,.g-icon-top, .g-icon-weibo1,.side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s{background-image:url(../images/kefu.png)}


/*下载中心*/
.srv-download{padding:30px 0 60px;}
.srv-download .solDload-thead{margin:20px 0 0;}

.solDload-thead{padding:20px 0 20px 3.25%;background:#B71219;margin:44px 0 0;}
.solDload-thead .th{text-align:center;line-height:20px;font-size:16px;font-weight:600;color:#fff;float:left;}
.solDload-thead .th.th-name,
.solDload-tbody dd .td.td-name{width:61.92937123169681%;text-align:left;}
.solDload-thead .th.th-date,
.solDload-tbody dd .td.td-date{width:29.62962962962963%;}
.solDload-thead .th.th-action,
.solDload-tbody dd .td.td-action{width:8.440999138673557%;}
.solDload-tbody{border-bottom:1px solid #f2f2f2;}
.solDload-tbody dt{padding:0 0 0 3.25%;height:50px;line-height:50px;font-size:16px;font-weight:600;background:#f6f6f6;}
.solDload-tbody dd{padding:18px 0 19px 3.25%;border-top:1px solid #f2f2f2;}
.solDload-tbody dd .td{text-align:center;float:left;}
.solDload-tbody dd .td.td-name{}
.solDload-tbody dd .td.td-name .t1{line-height:29px;font-size:16px;}
.solDload-tbody dd .td.td-name .t2{line-height:24px;color:#a4a4a4;}
.solDload-tbody dd .td.td-date{line-height:20px;font-size:16px;color:#666666;margin:18px 0 0;}
.solDload-tbody dd .td.td-action{}
.solDload-tbody dd .td.td-action .btn{display:block;width:40px;height:40px;background:url(../images/icon-dd4.png) no-repeat center center / cover;margin:8px auto 0;}