@charset "utf-8";
@media only screen and (min-width: 800px) {
body::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #fff;
}
  
/*定义滚动条轨道 内阴影 圆角*/  
body::-webkit-scrollbar-track {
 border-radius: 0px;
 background: #fff;
}
  
/*定义滑块 内阴影 圆角*/  
body::-webkit-scrollbar-thumb {
 border-radius: 0px;
 background-color:#da1428;
}
}
 /*=========
  基本默认值
  ==========*/
*{
	margin: 0;
	padding: 0; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-word-break: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
}
html,body{ 
	min-height:100%;
	-webkit-overflow-scrolling : touch;/*苹果手机端滑动卡屏*/
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color:transparent;/*手机端点击底部出现背景*/
    width: 100%;
    overflow-x:hidden;
    min-width: 320px;
	font-size: 12px;
}
body {
	color: #000;
	font-family:"arial","sans-serif";
}


/** generated by fg **/
@font-face {
	font-family: 'ziti';
	src: ;
	src: local('☺'),  format('woff'),  format('truetype'),  format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ziti1';
	src: ;
	src: local('☺'),  format('woff'),  format('truetype'),  format('svg');
	font-weight: normal;
	font-style: normal;
}

li{
	list-style: none;
}
img {
	border: none;
	vertical-align: top;
	max-width: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	text-decoration: none;
	color: #000;	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s; 
}
::after,::before{	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; 
}
table {
	border-collapse: collapse;
}
input, textarea,select {
	font-family: "arial","microsoft yahei";
	font-size: 12px;
	outline: none;
    appearance:none; /*清楚表单默认样式*/
    -moz-appearance:none;
    -webkit-appearance:none;
}

/*94%的内容*/
.wrap{
 	width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative;
}
.wrap1{
 	width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    position: relative;
}

/*图片通用样式*/
.img-common{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
}
/*清楚浮动*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
}

.clearfix:after {
	clear: both;
}
/*flex居中样式*/
.flex-center{
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;
}
/*动画*/
.donghua {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
}
/*文字溢出*/
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.out-box{
	overflow: hidden;
}

/* =========

    导航

 ========= */
.headerbox .header{
	position: fixed;
	left: 0;
	top: 20px;
	width: 100%;
	z-index: 1111;
	transition: all .5s ease;
}
.headerbox[data-on="active"] .header{
	background-color: #fff;
}
.headerbox.down .header{
	top: 0;
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,.1);
}
.headerbox .header .logo{
	float: left;
	height: 75px;
	width: 145px;
	transition: all 0s;
}
.headerbox .header .logo .img2{
	display: none;
}
.headerbox.down .header .logo .img1{
	display: none;
}
.headerbox.down .header .logo .img2{
	display: block;
}
.headerbox[data-on="active"] .header .logo .img1{
	display: none;
}
.headerbox[data-on="active"] .header .logo .img2{
	display: block;
}
.headerbox .header .searchbox{
	float: right;
	position: relative;
	width: 40px;
	height: 75px;
	cursor: pointer;
	margin-left: 25px;
	z-index: 1111;
}
.headerbox .header .searchbox .icobox{
	position: relative;
	width: 40px;
	height: 38px;
}
.headerbox .header .searchbox .icobox .ico{
	position: absolute;
	right: 0;
	top:0;
	background-image: ;
	width: 40px;
	height: 38px;
	-webkit-background-size: 40px;
	background-size: 40px;
	z-index: 11;
	animation:sico 1s ease-out;
	-webkit-animation:sico 1s ease-out; /* safari and chrome */
}
.headerbox.down .header .searchbox .icobox .ico{
	background-image: ;
}
.headerbox[data-on="active"] .header .searchbox .icobox .ico{
	background-image: ;
}
.headerbox .header .searchbox .icobox[data-on="on"] .ico{
	width: 350px;
}
.headerbox .header .searchbox .icobox .ico .kk{
	width: 7px;
	height: 7px;
	background-image: ;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 7px;
	background-size: 7px;
	position: absolute;
	transition: all .5s ease;
}
.headerbox .header .searchbox .icobox[data-on="on"] .kk{
	opacity: 0;
	visibility: hidden;
}
.headerbox.down .header .searchbox .icobox .ico .kk{
	background-image: ;
}
.headerbox .header .searchbox .icobox .ico .kk.k1{
	left: 0;
	top: 0;
}
.headerbox .header .searchbox .icobox .ico .kk.k2{
	right: 0;
	top: 0;
	transform: rotate(90deg);
}
.headerbox .header .searchbox .icobox .ico .kk.k3{
	left: 0;
	bottom: 0;
	transform: rotate(-90deg);
}
.headerbox .header .searchbox .icobox .ico .kk.k4{
	right: 0;
	bottom: 0;
	transform: rotate(180deg);
}


@keyframes sico
{
0%   {transform: scale(0);}
25%  {}
50%  {}
75%  {}
100% {transform: scale(1);}
}
@-moz-keyframes sico /* firefox */
{
0%   {transform: scale(0);}
25%  {}
50%  {}
75%  {}
100% {transform: scale(1);}
}
@-webkit-keyframes sico /* safari 和 chrome */
{
0%   {transform: scale(0);}
25%  {}
50%  {}
75%  {}
100% {transform: scale(1);}
}
@-o-keyframes sico /* opera */
{
0%   {transform: scale(0);}
25%  {}
50%  {}
75%  {}
100% {transform: scale(1);}
}
.headerbox .header .searchbox .icobox form{
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 10;
	transform: translatey(-50%);
	width: 0;
	transition: all .3s ease;
	opacity: 0;
	visibility: hidden;
}
.headerbox .header .searchbox .icobox[data-on="on"] form{
	width: 100%;
	opacity: 1;
	visibility: visible;
}
.headerbox .header .searchbox .icobox form input[type="text"]{
	width: 100%;
	height: 36px;
	border: 1px solid #ccc;
	padding-left: 3%;
	padding-right: 30px;
}
.headerbox .header .searchbox .icobox form input[type="submit"]{
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 40px 38px;
	background-size: 40px 38px;
	background-image: ;
	background-color: #fff;
	border:none;
	cursor: pointer;
}
.headerbox .header .top-phone{
	float: right;
	height: 75px;
	padding-left: 20px;
	position: relative;
}
.headerbox .header .top-phone:after{
	content: "";
	width: 1px;
	height: 40px;
	background-color: #dfdfdf;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translatey(-50%);
}
.headerbox .header .top-phone a{
	color: #fff;
}
.headerbox .header .top-phone .phone{
	line-height: 75px;
	padding-left: 28px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: ;
	-webkit-background-size: 18px;
	background-size: 18px;
	font-size: 16px;
	color: #ffffff;
	font-family: "ziti";
}
.headerbox.down .header .top-phone .phone{
	color: #afaeae;
	background-image: ;
}
.headerbox[data-on="active"] .header .top-phone .phone{
	color: #afaeae;
	background-image: ;
}
.headerbox[data-on="active"] .header .top-phone a{
	color: #afaeae;
}

/*导航条*/
.headerbox .header .nav{
	float: right;
	font-size: 0;
}
.headerbox .header .nav .li1{
	float: left;
	padding: 0 20px;
	position: relative;
	cursor: pointer;
}
.headerbox .header .nav .li1 .a1{
	font-size: 13px;
	color: #ffffff;
	height: 75px;
	line-height: 75px;
	font-weight: bold;
	position: relative;
}
.headerbox.down .header .nav .li1 .a1{
	color: #292929;
}
.headerbox.down .header .nav .li1.on .a1{
	color: #ab050b;
}
.headerbox .header .nav .li1 .a1:after{
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #fff transparent transparent;
	position: absolute;
	left: 50%;
	top: calc(100%   10px);
	margin-left: -4px;
	transform: rotate(-45deg);
	opacity: 0;
	visibility: hidden;
}
.headerbox.down .header .nav .li1 .a1:after{
	border-color: #ab050b #ab050b transparent transparent;
}
.headerbox .header .nav .li1.on .a1:after{
	transform: rotate(135deg);
opacity: 1;
visibility: visible;
}
.headerbox .header .nav .li1 .sub{
	position: absolute;
	top: calc(100% - 5px);
	width: 250px;
	background-color: #85080d;
	transform: translatex(-50%);
  	z-index: 11;
	display: none;
}
.headerbox.down .header .nav .li1 .sub{
	top: 100%;
}
.headerbox .header .nav .li1 .sub .list{
	padding: 30px 0;
}
.headerbox .header .nav .li1 .sub .list .sub-a{
	font-size: 15px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
}


.mm-nav-box{
	display: none;
}

@media only screen and (min-width: 601px){
.headerbox .header .nav .li1:hover .a1:after{
	opacity: 1;
	visibility: visible;
}
.headerbox.down .header .nav .li1:hover .a1{
	color: #ab050b;
}
.headerbox .header .nav .li1 .sub .sub-a:hover{
	color: #85080d;
	background-color: #fff;
}
.headerbox .header .nav .li1 .sub .leftbox .subnav .snitem:hover{
	color: #da1428;
}
}
@media only screen and (max-width: 1360px){
.headerbox .header{
	top: 10px;
}
}
@media only screen and (max-width: 1280px){
.headerbox .header{
	top: 0;
}
.headerbox .header .logo {
    height: 65px;
}
.headerbox .header .searchbox {
    width: 35px;
    height: 65px;
}
.headerbox .header .searchbox .ico {
    width: 65px;
    height: 65px;
    -webkit-background-size: 35px;
    background-size: 35px;
}
.headerbox .header .top-phone {
    height: 65px;
    padding-left: 15px;
}
.headerbox .header .top-phone .phone {
    line-height: 65px;
}
.headerbox .header .nav .li1 {
    padding: 0 15px;
}
.headerbox .header .nav .li1 .a1 {
    height: 65px;
    line-height: 65px;
}
}
@media only screen and (max-width: 1024px){
.headerbox .header .logo {
    height: 55px;
    width: 120px;
}
.headerbox .header .searchbox {
    height: 55px;
}
.headerbox .header .searchbox .ico {
    width: 55px;
    height: 55px;
}
.headerbox .header .top-phone {
    height: 55px;
    padding-left: 0;
}
.headerbox .header .top-phone:after{
	display: none;
}
.headerbox .header .top-phone .phone {
    line-height: 55px;
}
.headerbox .header .nav .li1 .a1 {
    height: 55px;
    line-height: 55px;
}
.headerbox .header .nav{
	display: none;
}
.headerbox .header .searchbox .icobox {
    width: 30px;
    height: 28px;
}
.headerbox .header .searchbox .icobox .ico {
    width: 30px;
    height: 28px;
    -webkit-background-size: 30px;
    background-size: 30px;
    background-image: ;
}
.headerbox.down .header .searchbox .icobox .ico{
    background-image: ;
}
.headerbox .header .searchbox .icobox[data-on="on"] .ico{
	width: 30px;
}
.headerbox .header .searchbox .icobox form{
	display: none;
}
.mm-nav-box{
	display: block;
	position: fixed;
	left: 0;
	top: 55px;
	width: 100%;
	z-index: 1111;
	overflow-y: auto;
	height: calc(100vh - 50px);
	opacity: 0;
	visibility: hidden;
}
.mm-nav-box[data-on="active"]{
	opacity: 1;
	visibility: visible;
}
.mm-nav-box .mm-nav .li1{
	background-color: #fff;
}
.mm-nav-box .mm-nav .li1 .mm-title{
	    display: block;
    padding: 15px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
}
.mm-nav-box .mm-nav .li1 .mm-title .a1{
    font-weight: bold;
    color: #292929;
    font-size: 14px;
}
.mm-nav-box .mm-nav .li1[data-on="on"] .mm-title .a1{
	color: #ab050b;
}
.mm-nav-box .mm-nav .li1 .mm-title .click{
	position: absolute;
	right: 15px;
	top: 50%;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #ab050b #ab050b transparent;
	margin-top: -7px;
	transform: rotate(45deg);
}
.mm-nav-box .mm-nav .li1 .mm-innav{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    display: none;
}
.mm-nav-box .mm-nav .li1 .mm-innav li{
	padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    position: relative;
}
.mm-nav-box .mm-nav .li1 .mm-innav li a{
	font-size: 14px;
    color: #292929;
}
.mm-nav-box .mm-nav .li1[data-on="on"] .mm-innav{
	display: block;
}
.mm-nav-box .mmsearch{
	padding: 15px;
	background-color: #fff;
}
.mm-nav-box .mmsearch form{
	padding-right: 40px;
	background-color: #fff;
	position: relative;
	border:1px solid #ab050b;
}
.mm-nav-box form input[type="text"]{
	height: 40px;
	width: 100%;
	border:none;
	padding: 0 3%;
}
.mm-nav-box form input[type="submit"]{
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-position:  center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: ;
	border:none; 
	position: absolute;
	right: 0;
	top: 0;
}
}





/* =========

    首页

 ========= */
/*首页大图轮播*/
.inbswiperbox{
	position: relative;
}
.inbswiperbox:after{
	content: "";
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 11;
	background-position:top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: ;
	display: none;
}
.inbswiperbox.on:after{
height: 36%;
}
.donghuabox{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 20; padding:30px 50px 100px 30px; }
.logobox{ width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; transform: scale(0.000000001) rotate(-13	5deg); z-index: 20; margin: -23px; opacity: 0; transition: 1.5s }
.logobox img{ width: 46px; height: 46px; position: absolute; }
.logobox img.l1{ bottom: 0; left: 0 }
.logobox img.l2{ top: 0; right: 0 }
.donghuabox .text { color: #fff; text-align: center; }
.donghuabox .text .b{ font-family:"ziti1"; font-size: 200px; text-align: center;visibility: hidden;}
.donghuabox .text .s{ font-size: 32px; font-weight: 600; letter-spacing: 5px; padding-left: 15px; visibility: hidden; }
.donghuabox .text .t{ opacity: 0; transform: scale(10); display: inline-block; transition: all 1s;
transition-timing-function:cubic-bezier(1,0.5,0.4,.1);

}
.donghuabox .text .s .t{
	transform: scale(5); transition: all .5s;
}

.donghuabox[data-d="d"] .logobox{
transform: scale(1.5) rotate(-1215deg);
opacity: 1
}
.donghuabox[data-z="z"][data-d="d"] .logobox{
transform: scale(1) rotate(-1260deg);
transition:0.8s;
width:100%;
height: 100%;
left: 0; top: 0;
}
.donghuabox[data-on="on"] .text .t{ opacity: 1; transform: scale(1);visibility: visible;}
.donghuabox .text .b .t:nth-child(2){ transition-delay: .3s }
.donghuabox .text .b .t:nth-child(3){ transition-delay: .4s }
.donghuabox .text .b .t:nth-child(4){ transition-delay: .5s }
.donghuabox .text .b .t:nth-child(5){ transition-delay: 0.6s }
.donghuabox .text .b .t:nth-child(6){ transition-delay: 0.7s }

.donghuabox .text .s .t:nth-child(1){ transition-delay: 1.1s }
.donghuabox .text .s .t:nth-child(2){ transition-delay: 1.2s }
.donghuabox .text .s .t:nth-child(3){ transition-delay: 1.3s }
.donghuabox .text .s .t:nth-child(4){ transition-delay: 1.4s }
.donghuabox .text .s .t:nth-child(5){ transition-delay: 1.5s }
.donghuabox .text .s .t:nth-child(6){ transition-delay: 1.6s }
.donghuabox .text .s .t:nth-child(7){ transition-delay: 1.7s }
.donghuabox .text .s .t:nth-child(8){ transition-delay: 1.8s }
.donghuabox .text .s .t:nth-child(9){ transition-delay: 1.9s }
.donghuabox .text .s .t:nth-child(10){ transition-delay: 2.0s }
.donghuabox .text .s .t:nth-child(11){ transition-delay: 2.1s }
.donghuabox .text .s .t:nth-child(12){ transition-delay: 2.2s }
.donghuabox .text .s .t:nth-child(13){ transition-delay: 2.3s }
.donghuabox .text .s .t:nth-child(14){ transition-delay: 2.4s }

.inbswiperbox .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner{
	height: 950px;
	display: block;
}
@media only screen and (max-width: 1600px){
.inbswiperbox .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner{
	height: 900px;
}
}
@media only screen and (max-width: 1440px){
.inbswiperbox .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner{
	height: 850px;
}
}
@media only screen and (max-width: 1360px){
.inbswiperbox .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner{
	height: 800px;
}
.donghuabox{
    padding: 30px 50px 70px 30px;
}
.donghuabox .text .b{
	font-size: 160px;
}
.donghuabox .text .s{
	font-size: 24px;
}
}
@media only screen and (max-width: 1280px){
.inbswiperbox .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner{
	height: 750px;
}
.donghuabox .text .b{
	font-size: 140px;
}
.donghuabox .text .s{
	font-size: 20px;
}
}
@media only screen and (max-width: 1024px){
.inbswiperbox .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner{
	height: 600px;
}
.donghuabox {
    padding: 10px 40px 60px 20px;
}
.donghuabox .text .b{
	font-size: 120px;
	font-weight: normal;
}
.donghuabox .text .s{
	font-size: 20px;
	font-weight: normal;
}
}
@media only screen and (max-width: 768px){
.inbswiperbox .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner{
	height: 500px;
}
.donghuabox {
    padding: 5px 30px 60px 10px;
}
.donghuabox .text .b{
	font-size: 100px;
}
.donghuabox .text .s{
	font-size: 18px;
}
}
@media only screen and (max-width: 640px){
.inbswiperbox .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner{
	height: 400px;
}
.logobox{
	width: 23px;
	height: 23px;
	margin: -12px;
}
.logobox img{
	width: 23px;
	height: 23px;
}
.donghuabox {
    padding: 5px 20px 30px 10px;
}
.donghuabox .text .b{
	font-size: 90px;
}
.donghuabox .text .s{
	font-size: 14px;
}
.donghuabox .text .t{
	transition: all .5s;
}
}
@media only screen and (max-width: 414px){
.inbswiperbox .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner{
	height: 280px;
}
.donghuabox{
	display: none;
}
.inbswiperbox:after{
	display: none;
}
}

/*首页新闻*/
.innews-bg{
	margin-top: -60px;
	background-color: #232323;
	position: relative;
	z-index: 11;
	padding: 0 40px;
}
.innews-bg .scroll{
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: rgba(255,255,255,.5);
	border-bottom:2px solid rgba(255,255,255,.25);
	cursor: pointer;
}
.innews-bg .innew-bottom{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
	height: 70px;
}
.innews-bg .innew-bottom .themebox{
	-webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
    width: 200px;
    position: relative;
}
.innews-bg .innew-bottom .themebox:after{
	content: "";
	width: 2px;
	height: 20px;
	background-color: rgba(255,255,255,.25);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
}
.innews-bg .innew-bottom .themebox .word{
	font-size: 14px;
	color: #fff;
	font-family: "ziti";
}
.innews-bg .innew-bottom .bright{
	width: calc(100% - 200px);
	padding: 25px 0;
}
.innews-bg .innew-bottom .innews-swiper{
	line-height: 20px;
	height: 20px;
}
.innews-bg .innew-bottom .innews-swiper .swiper-wrapper .swiper-slide .lin{
	padding-left: 40px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.innews-bg .innew-bottom .innews-swiper .swiper-wrapper .swiper-slide .lin .time{
	-webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
    width: 90px;
    font-size: 14px;
    color: #828282;
    font-weight: bold;
}
.innews-bg .innew-bottom .innews-swiper .swiper-wrapper .swiper-slide .lin .title{
	width: calc(100% - 150px);
	font-size: 14px;
	color: #fff;
}
.innews-bg .innew-bottom .innews-swiper .swiper-wrapper .swiper-slide .lin .more{
	width: 60px;
	font-size: 14px;
	color: #ab050b;
	font-family: "ziti";
	background-position: right;
	background-repeat: no-repeat;
	-webkit-background-size: 10px 20px;
	background-size: 10px 20px;
	background-image: ;
}
@media only screen and (max-width: 1280px){
.innews-bg{
	margin-top: -50px;
}
.innews-bg .scroll {
    height: 50px;
    line-height: 50px;
}
.innews-bg .innew-bottom{
	height: 60px;
}
.innews-bg .innew-bottom .bright{
	padding: 20px 0;
}
}
@media only screen and (max-width: 1024px){
.innews-bg{
	padding: 0 20px;
}
}
@media only screen and (max-width: 768px){
.innews-bg{
	margin-top: 0;
	width: 100%;
	padding: 0 3%;
}
}
@media only screen and (max-width: 414px){
.innews-bg .scroll {
    height: 40px;
    line-height: 40px;
}
.innews-bg .innew-bottom{
	height: auto;
	    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.innews-bg .innew-bottom .themebox {
	display: none;
}
.innews-bg .innew-bottom .themebox:after{
	display: none;
}
.innews-bg .innew-bottom .bright{
	padding: 3% 0;
	width: 100%;
}
.innews-bg .innew-bottom .innews-swiper .swiper-wrapper .swiper-slide .lin{
	padding-left: 0;
}
.innews-bg .innew-bottom .innews-swiper .swiper-wrapper .swiper-slide .lin .more{
	display: none;
}
.innews-bg .innew-bottom .innews-swiper .swiper-wrapper .swiper-slide .lin .title{
	width: calc(100% - 90px);
}
}

/*首页图文*/
.intuwen-bg{
	margin-top: -70px;
	margin-bottom: 55px;
	padding-top: 220px;
	position: relative;
}
.intuwen-bg #scrollmain{
	position: absolute;
	top: -75px;
}
.intuwen-bg:after{
	content: "";
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: ;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.intuwen2-bg{
	position: relative;
}
.intuwen2-bg:after{
	content: "";
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: ;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;	
}
.twitem{
	position: relative;
	overflow: hidden;
}
.twitem .twimgbox{
	position: absolute;
	left:0;
	top: 50px;
	width: 100%;
	height: calc(100% - 30px);
	overflow: hidden;
}
.twitem.bottom .twimgbox{
	height: 90%;
}
.twitem .twimgbox:after{
	content: "";
	width: 49%;
	height: 70%;
	background-position: right;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: ;
	position: absolute;
	left: 0;
	top: 0;
}
.twitem .twimgbox .twimg{
	width: 100%;
	height: 100%;
}
.twitem.bottom .twimgbox:after{
	content: "";
	width: 52%;
	height: 67%;
	background-position: left;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: ;
	position: absolute;
	left:auto;
	top: auto;
	right: 0;
	bottom: -1px;
}
.twitem .inbox{
	padding-top: 10px;
	padding-bottom: 200px;
}
.twitem.bottom .inbox{
	margin-bottom: 50px;
}
.twitem.top .inbox{
	padding-bottom: 40px;
}
.twitem .inbox .twbox{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 530px;
	background-color: #fff;
	padding: 48px;
	text-align: left;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	position: relative;
	z-index: 111;
}
.twitem.top .inbox .twbox{
	width: 600px;
	background-color: transparent;
	box-shadow: none;
	padding: 0;
}
.twitem .inbox .twbox .titlebox{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 24px;
	position: relative;
	margin-bottom: 30px;
}
.twitem .inbox .twbox .titlebox:before{
	content: "";
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 24px;
	background-size: 24px;
	background-image: ;
	position: absolute;
	left: 0;
	bottom: 0;
}
.twitem .inbox .twbox .titlebox:after{
	content: "";
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 24px;
	background-size: 24px;
	background-image: ;
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(180deg);
}
.twitem .inbox .twbox .titlebox .en{
	font-size: 30px;
	color: #ab050b;
	font-family: "ziti1";
	text-transform:uppercase;
}
.twitem .inbox .twbox .titlebox .cn{
	font-size: 18px;
	color: #ab050b;
	font-weight: bold;
}
.twitem .inbox .twbox .demo{
	font-size: 24px;
	color: #262626;
	font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 10px;
}
.twitem .inbox .twbox .content{
	font-size: 14px;
	color: #4c4c4c;
	line-height: 2;
	margin-bottom: 20px;
}
.twitem .inbox .twbox .more{
	width: 170px;
	height: 50px;
	line-height: 50px;
	background-color: #222222;
	text-align: center;
	display: block;
	transition: all .5s ease;
}
.twitem .inbox .twbox .more .word{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right: 30px;
	position: relative;
	font-size: 14px;
	color: #fff;
	font-family: "ziti";
}
.twitem .inbox .twbox .more .word span{
	width: 10px;
	height: 10px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
}
.twitem .inbox .twbox .more .word span:before{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #222222;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.twitem .inbox .twbox .more .word span:after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #222222;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	transform: rotate(90deg);
}

@media only screen and (min-width: 601px){
.twitem .inbox .twbox .more:hover{
	background-color: #ab050b;
}
}
@media only screen and (max-width: 1360px){
.intuwen-bg{
	padding-top: 150px;
}
.twitem .twimgbox{
	height: 100%;
}
.twitem.bottom .twimgbox{
	height: 110%;
}
.twitem .inbox{
	padding-bottom: 150px;
}
}
@media only screen and (max-width: 1280px){
.intuwen-bg{
	padding-top: 120px;
}
.twitem .twimgbox {
    height: 110%;
}
.twitem .inbox {
    padding-bottom: 120px;
}
}
@media only screen and (max-width: 1024px){
.twitem.bottom .inbox{
	margin-bottom: 30px;
}
.twitem .inbox .twbox{
	width: 500px;
	padding: 30px;
}
.twitem .inbox .twbox .titlebox{
	margin-bottom: 20px;
}
.twitem .inbox .twbox .more{
	width: 150px;
	height: 45px;
	line-height: 45px;
}
.intuwen-bg #scrollmain{
	top: -55px;
}
}
@media only screen and (max-width: 768px){
.twitem .inbox{
	padding-bottom: 60px;
}
.twitem .inbox .twbox{
	width: 480px;
}
}
@media only screen and (max-width: 414px){
.intuwen-bg{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 6%;
}
.twitem.top .inbox .twbox{
	width: 100%;
}
.twitem .inbox .twbox .titlebox{
	padding: 15px;
	margin-bottom: 6%;
}
.twitem .inbox .twbox .titlebox .en{
	font-size: 24px;
}
.twitem .inbox .twbox .titlebox .cn{
	font-size: 16px;
}
.twitem .twimgbox{
	display: none;
}
.twitem .inbox .twbox .more {
    width:100%;
    height: 40px;
    line-height: 40px;
}
.twitem .inbox .twbox{
	padding: 3%;
	width: 100%;
}
.twitem.top .inbox{
	padding-bottom: 6%;
}
.twitem .inbox{
	padding-bottom: 6%;
}
.footer.index {
    background-color: #ab050b!important;
}
.footer.index .footer-top .fcontact-box .theme{
	color: #fff!important;
    background-image: !important;
}
.twitem .inbox .twbox .demo{
	font-size: 18px;
}
}


/* =========

    通用内页大图

 ========= */
.allpage-banner{
	position: relative;
}
.allpage-banner .abanner{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.allpage-banner .abanner:after{
	content: "";
	width: 70%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position:right;
	background-repeat: no-repeat;
	background-image: ;
	-webkit-background-size: cover;
	background-size: cover;
}
.allpage-banner .themebox{
	position: relative;
	z-index: 11;
	height: 600px;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.allpage-banner .themebox .box{
	padding: 30px;
	position: relative;
	overflow: hidden;
}
.allpage-banner .themebox .box:before{
	content: "";
	width: 30px;
	height: 30px;
	background-image: ;
	background-repeat: no-repeat;
	-webkit-background-size: 30px 29px;
	background-size: 30px 29px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.allpage-banner .themebox .box:after{
	content: "";
	width: 30px;
	height: 30px;
	background-image: ;
	background-repeat: no-repeat;
	-webkit-background-size: 30px 29px;
	background-size: 30px 29px;
	position: absolute;
	right: 0;
	top: 0;
}
.allpage-banner .themebox .box .en{
	font-size: 45px;
	color: #fff;
	font-family: "ziti";
	text-transform:uppercase;
	margin-bottom: 5px;
}
.allpage-banner .themebox .box .cn{
	font-size: 28px;
	color: #fff;
}
@media only screen and (max-width: 1360px){
.allpage-banner .themebox{
	height: 550px;
}
}
@media only screen and (max-width: 1280px){
.allpage-banner .themebox{
	height: 500px;
}
}
@media only screen and (max-width: 1024px){
.allpage-banner .themebox{
	height: 450px;
}
.allpage-banner .themebox .box {
    padding: 25px;
}
.allpage-banner .themebox .box .en {
    font-size: 36px;
}
.allpage-banner .themebox .box .cn {
    font-size: 24px;
}
}
@media only screen and (max-width: 768px){
.allpage-banner .themebox{
	height: 380px;
}
}
@media only screen and (max-width: 640px){
.allpage-banner .themebox{
	height: 320px;
}
.allpage-banner .themebox .box .en {
    font-size: 30px;
}
.allpage-banner .themebox .box .cn {
    font-size: 20px;
}
}
@media only screen and (max-width: 414px){
.allpage-banner .themebox{
	height: 280px;
}
.allpage-banner .themebox .box {
    padding: 20px;
    width: 100%;
}
.allpage-banner .themebox .box:before {
    width: 25px;
    height: 25px;
    -webkit-background-size: 25px 24px;
    background-size: 25px 24px;
}
.allpage-banner .themebox .box:after {
    width: 25px;
    height: 25px;
    -webkit-background-size: 25px 24px;
    background-size: 25px 24px;
}
.allpage-banner .themebox .box .en {
    font-size: 28px;
}
}



/*通用分类导航*/
.allclass-box{
	border-bottom: 1px solid #e5e5e5;
	height: 70px;
	line-height: 70px;
}
.allclass-box .wrap{
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.allclass-box .demo{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.allclass-box .home{
	display: block;
	width: 70px;
	height: 70px;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 19px 17px;
	background-size: 19px 17px;
	background-image: ;
	border-right: 1px solid #e5e5e5;
}
.allclass-box .classitem{
	width: calc(100% - 141px);
	float: left;
	position: relative;
	border-right: 1px solid #e5e5e5;
	display: none;
}
.allclass-box .classitem.on{
	display: block;
}
.allclass-box .classitem .word{
	padding-right: 50px;
	position: relative;
	font-size: 16px;
	color: #000000;
	cursor: pointer;
	display: none;
}
.allclass-box .classitem .word:after{
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: #ab050b transparent transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
}
.allclass-box .classitem[data-on="on"] .word:after{
	transform: rotate(180deg);
}
.allclass-box .classitem .sub{
	position: relative;
	width: 100%;
}
#main1{
	position: absolute;
	top: -75px;
}
.allclass-box .classitem .sub .sub-a{
	width: 25%;
	float: left;
	font-size: 14px;
	color: #000000;
	display: block;
	text-align: center;
	transition: all .5s ease;
}
.allclass-box .classitem .sub .sub-a.on{
	background-color: #ab050b;
	color: #fff;
}
.allclass-box .share{
	float: right;
	border-left: 1px solid #e5e5e5;
}
.allclass-box .share .bdsharebuttonbox a{
	width: 70px;
	height: 70px;
	margin: 0;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 22px;
	background-size: 22px;
	background-image: ;
}

@media only screen and (min-width: 601px){
.allclass-box .classitem .sub .sub-a:hover{
	background-color: #ab050b;
	color: #fff;
}
}
@media only screen and (max-width: 1280px){
.allclass-box {
    height:60px;
    line-height:60px;
}
.allclass-box .home {
    width: 60px;
    height: 60px;
}
.allclass-box .share .bdsharebuttonbox a{
	width: 60px;
	height: 60px;
}
.allclass-box .classitem{
	padding: 0 50px;
}
}
@media only screen and (max-width: 1024px){
.allclass-box {
    height:50px;
    line-height:50px;
}
.allclass-box .home {
    width: 50px;
    height: 50px;
}
.allclass-box .share .bdsharebuttonbox a{
	width: 50px;
	height: 50px;
}
.allclass-box .classitem{
	padding: 0 30px;
}
}
@media only screen and (max-width: 414px){
.allclass-box{
	height: auto;
	border:none;
}
.allclass-box .wrap{
	width: 100%;
	border:none;
}
.allclass-box .home{
	display: none;
}
.allclass-box .share{
	display: none;
}
.allclass-box .classitem{
	width: 100%;
	float: none;
	padding: 0 4%;
    border-bottom: 1px solid #e5e5e5;
}
}

/* =========

    关于飞虹

 ========= */
/*公司简介*/
.intro-bg{
	padding-top: 90px;
	padding-bottom: 120px;
}
.intro-bg .class-msg{
	margin-bottom: 100px;
}
.intro-bg .class-msg .demo{
	font-size: 24px;
	color: #262626;
	font-weight: bold;
	margin-bottom: 20px;
}
.intro-bg .class-msg .content{
	font-size: 14px;
	color: #4c4c4c;
	line-height: 2;
	overflow: hidden;
}
.intro-bg .intro-box .listbg{
	height: 385px;
}
.intro-bg .intro-box .intro-swiper{
	margin-top: -170px;
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii{
	text-align: center;
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii .imgbox{
	position: relative;
	background-color: #fff;
	margin-bottom: 30px;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii .imgbox .imgword{
	position: absolute;
	top: 60px;
	left: 50px;
	font-size: 24px;
	color: #4c4c4c;
	font-weight: bold;
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii .imgbox .introimg{
	padding-top: calc(330 / 280 * 100%);
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii .main{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: left;
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii .main .title{
	font-size: 15px;
	color: #ab050b;
	font-weight: bold;
	margin-bottom: 20px;
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii .main .content{
	font-size: 14px;
	color: #4c4c4c;
	line-height: 2;
}
@media only screen and (max-width: 1440px){
.intro-bg {
    padding-top: 80px;
    padding-bottom: 100px;
}
.intro-bg .class-msg{
	margin-bottom: 80px;
}
}
@media only screen and (max-width: 1360px){
.intro-bg {
    padding-top: 60px;
    padding-bottom: 80px;
}
.intro-bg .class-msg{
	margin-bottom: 60px;
}
}
@media only screen and (max-width: 1280px){
.intro-bg {
    padding-top: 40px;
    padding-bottom: 60px;
}
.intro-bg .class-msg{
	margin-bottom: 40px;
}
.intro-bg .intro-box .listbg{
	height: 350px;
}
.intro-bg .intro-box .intro-swiper{
	margin-top: -150px;
}
}
@media only screen and (max-width: 1024px){
.intro-bg {
    padding-top: 30px;
    padding-bottom: 40px;
}
.intro-bg .intro-box .listbg{
	height: 300px;
}
.intro-bg .intro-box .intro-swiper{
	margin-top: -100px;
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii .imgbox .imgword {
    top: 30px;
    left: 20px;
    font-size: 24px;
}
}
@media only screen and (max-width: 768px){
.intro-bg .intro-box .listbg{
	height: 250px;
}
.intro-bg .intro-box .intro-swiper{
	margin-top: -60px;
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii .imgbox .imgword{
	top:10%;
	left:10%;
	font-size: 18px;
}
}
@media only screen and (max-width: 414px){
.intro-bg {
    padding-top: 5%;
    padding-bottom: 6%;
}
.intro-bg .class-msg{
	margin-bottom: 6%;
}
.intro-bg .intro-box .listbg{
	height: 200px;
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii .imgbox{
	margin-bottom: 6%;
}
.intro-bg .intro-box .intro-swiper .swiper-wrapper .swiper-slide .lii .main .title{
	margin-bottom: 5%;
}
.intro-bg .class-msg .demo{
	font-size: 18px;
	margin-bottom: 5%;
}
}


/*intro产品与服务*/
.intro-product{
	position: relative;
	margin-bottom: 140px;
}
.intro-product:after{
	content: "";
	width: 100%;
	height: 80%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translatey(-50%);
	background-color: #f5f5f5;
}
.intro-product .pbox{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    z-index:11;
}

.intro-product .ipleft{
	width: calc(50% - 15px);
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
}
.intro-product .ipleft .main{
	max-width: 425px;
}
.intro-product .ipleft .main .demo{
	font-size: 24px;
	color: #262626;
	font-weight: bold;
	margin-bottom: 30px;
}
.intro-product .ipleft .main .content{
	font-size: 14px;
	color: #343231;
	line-height: 2;
}
.intro-product .ipright{
	width:calc(50%   15px);
	 -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
}
.intro-product .ipright .imgbox .rimg{
	padding-top: calc(450 / 610 * 100%);
}
.intro-product .ipright .title{
	height: 60px;
	line-height: 60px;
	background-color: #ab050b;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
@media only screen and (max-width: 1600px){
.intro-product{
	margin-bottom: 120px;
}
}
@media only screen and (max-width: 1440px){
.intro-product{
	margin-bottom: 100px;
}
}
@media only screen and (max-width: 1360px){
.intro-product{
	margin-bottom: 80px;
}
}
@media only screen and (max-width: 1280px){
.intro-product{
	margin-bottom: 60px;
}
}
@media only screen and (max-width: 1024px){
.intro-product{
	margin-bottom: 40px;
}
}
@media only screen and (max-width: 768px){
.intro-product .pbox{
	    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.intro-product .ipright{
	width: 100%;
	margin-bottom: 3%;
}
.intro-product .ipleft{
	width: 100%;
}
.intro-product .ipleft .main{
	max-width: none;
}
.intro-product .ipright .title{
	height: 50px;
	line-height: 50px;
}
.intro-product:after{
	display: none;
}
}
@media only screen and (max-width: 414px){
.intro-product{
	margin-bottom: 6%;
}
.intro-product .ipright .title{
	height: 40px;
	line-height: 40px;
}
.intro-product .ipleft .main .demo{
	font-size: 18px;
	margin-bottom: 5%;
}
}

/*intro设计工程*/
.intro-design{
	position: relative;
	margin-bottom: 120px;
	padding: 70px 0;
}
.intro-design:after{
	content: "";
	width: 64%;
	height: 100%;
	background-color: #f5f5f5;
	position: absolute;
	right: 0;
	top: 0;
}
.intro-design .dbox {
	position: relative;
	z-index: 11;
}
.intro-design .dbox .ipleft{
	width: calc(50%   15px);
	float: left;
	overflow: hidden;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.intro-design .dbox .ipleft .litem{
	width: calc((100% - 10px) / 2);
}
.intro-design .dbox .ipleft .litem .imgbox .limg{
	padding-top: calc(430/ 300 * 100%);
}
.intro-design .dbox .ipleft .litem .title{
	height: 60px;
	line-height: 60px;
	background-color: #ab050b;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.intro-design .dbox .ipright{
	width: calc(50% - 15px);
	float: right;
	text-align: right;
}
.intro-design .dbox .ipright .main{
	max-width: 420px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
	color: #343231;
	line-height: 2;
	text-align: left;
}
@media only screen and (max-width: 1440px){
.intro-design {
    margin-bottom: 100px;
}
}
@media only screen and (max-width: 1360px){
.intro-design {
    margin-bottom: 80px;
    padding: 50px 0;
}
}
@media only screen and (max-width: 1280px){
.intro-design {
    margin-bottom: 60px;
    padding: 30px 0;
}
}
@media only screen and (max-width: 1024px){
.intro-design {
    margin-bottom: 40px;
}
}
@media only screen and (max-width: 768px){
.intro-design:after{
	display: none;
}
.intro-design .dbox .ipleft{
	width: 100%;
	float: none;
	margin-bottom: 3%;
}
.intro-design .dbox .ipright{
	width: 100%;
}
.intro-design .dbox .ipright .main{
	max-width: none;
}
}
@media only screen and (max-width: 414px){
.intro-design {
    margin-bottom: 6%;
    padding: 3% 0;
}
}

/*发展历程*/
.history-bg{
	padding-top: 100px;
	padding-bottom: 40px;
	background-color: #f4f4f4;
}
.history-bg .word{
	font-size: 24px;
	color: #262626;
	text-align: center;
	margin-bottom: 75px;
}
.history-bg .sincebox{
	width: 490px;
	height: 490px;
	margin: 0 auto;
	background-image: ;
	position: relative;
}
.history-bg .sincebox .inbox{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 24px;
	color: #262626;
	font-weight: bold;
	text-transform:uppercase;
	font-style: italic;
}
/*发展列表*/
.history-bg .history-list{
	padding-top: 180px;
	padding-bottom: 170px;
	margin-top: -120px;
	position: relative;
}
.history-bg .history-list:after{
	content: "";
	width: 2px;
	height: calc(100% - 100px);
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 0;
	border:1px dashed #000;
}
.history-bg .history-list .htop{
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
	border:2px solid #000;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translatex(-50%);
	cursor: pointer;
	transition: all .5s ease;
}
.history-bg .history-list .htop span{
	width: 14px;
	height: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -9px;
	margin-left: -7px;
}
.history-bg .history-list .htop span:before{
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #393939 #393939 transparent transparent;
	position: absolute;
	left: 50%;
	top: 0;
	margin-top: 2px;
	margin-left: -5px;
	transform: rotate(-45deg);
}
.history-bg .history-list .htop span:after{
	content: "";
	width: 2px;
	height: 100%;
	background-color: #393939;
	position: absolute;
	left: 50%;
	top:0;
	margin-left: -1px;
}
.history-bg .history-list .lih{
	margin-bottom: 70px;
}
.history-bg .history-list .lih .mainbox{
	width: 50%;
	position: relative;
	float: right;
	padding-left: 235px;
	text-align: right;
}
.history-bg .history-list .lih .mainbox .icobox{
	position: absolute;
	left: 0;
	top: 30px;
	transform: translatex(-50%);
	padding: 20px 0;
	background-color:#f4f4f4; 
	z-index: 11;
}
.history-bg .history-list .lih .mainbox .icobox .ico{
	width: 42px;
	height: 53px;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 42px 53px;
	background-size: 42px 53px;
	background-image: ;
	margin-bottom: 10px;
	animation:hico 1.5s infinite;
	-webkit-animation:hico 1.5s infinite; /* safari and chrome */
}
@keyframes hico
{
0%   {transform: translatey(-12%);}
25%  {}
50%  {transform: translatey(12%);}
75%  {}
100% {transform: translatey(-12%);}
}
@-moz-keyframes hico /* firefox */
{
0%   {transform: translatey(-12%);}
25%  {}
50%  {transform: translatey(12%);}
75%  {}
100% {transform: translatey(-12%);}
}
@-webkit-keyframes hico /* safari 和 chrome */
{
0%   {transform: translatey(-12%);}
25%  {}
50%  {transform: translatey(12%);}
75%  {}
100% {transform: translatey(-12%);}
}
@-o-keyframes hico /* opera */
{
0%   {transform: translatey(-12%);}
25%  {}
50%  {transform: translatey(12%);}
75%  {}
100% {transform: translatey(-12%);}
}


.history-bg .history-list .lih .mainbox .icobox .year{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	font-style: italic;
}
.history-bg .history-list .lih .mainbox .hbox{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.history-bg .history-list .lih .mainbox .hbox .xyear{
	font-size: 150px;
	color: rgba(0,0,0,.10);
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}
.history-bg .history-list .lih .mainbox .hbox .sub .sub-item{
	font-size: 14px;
	color:#666666;
	margin-bottom: 10px;
	line-height: 20px;
	text-align: left;
	line-height: 2;
}
.history-bg .history-list .lih:nth-child(2n) .mainbox{
	float: left;
	padding-left: 0;
	padding-right: 235px;
	text-align: left;
}
.history-bg .history-list .lih:nth-child(2n) .mainbox .icobox{
	position: absolute;
	left: auto;
	right: 0;
	transform: translatex(50%);
}
@media only screen and (min-width: 601px){
.history-bg .history-list .htop:hover{
	background-color: #ab050b;
}
}
@media only screen and (max-width: 1600px){

}
@media only screen and (max-width: 1440px){
.history-bg {
    padding-top: 80px;
}
}
@media only screen and (max-width: 1360px){
.history-bg {
    padding-top: 60px;
    padding-bottom: 40px;
}
.history-bg .word{
	margin-bottom: 55px;
}
.history-bg .history-list .lih .mainbox .hbox .xyear {
    font-size: 130px;
}
.history-bg .history-list .lih {
    margin-bottom: 50px;
}
}
@media only screen and (max-width: 1280px){
.history-bg {
    padding-top: 40px;
    padding-bottom: 30px;
}
.history-bg .word{
	margin-bottom: 35px;
}
.history-bg .sincebox {
    width: 420px;
    height: 420px;
}
.history-bg .history-list {
    padding-top: 120px;
    padding-bottom: 150px;
    margin-top: -100px;
}
.history-bg .history-list .lih .mainbox .hbox .xyear {
    font-size: 120px;
}
.history-bg .history-list .lih {
    margin-bottom: 30px;
}
}
@media only screen and (max-width: 1024px){
.history-bg .sincebox {
    width: 360px;
    height: 360px;
}
.history-bg .sincebox .inbox{
	font-size: 20px;
}
.history-bg .history-list {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: -80px;
}
.history-bg .history-list .lih .mainbox .hbox .xyear {
    font-size: 100px;
}
.history-bg .history-list .lih .mainbox{
	padding-left: 20%;
}
.history-bg .history-list .lih:nth-child(2n) .mainbox{
	padding-left: 0;
	padding-right: 20%;
}
.history-bg .history-list .lih .mainbox .icobox .ico {
    width: 36px;
    height: 45px;
    -webkit-background-size: 36px 45px;
    background-size: 36px 45px;
}
}
@media only screen and (max-width: 768px){
.history-bg .sincebox {
    width: 320px;
    height: 320px;
}
.history-bg .history-list {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: -70px;
}
.history-bg .history-list .lih .mainbox .hbox .xyear {
    font-size: 80px;
}
.history-bg .history-list .lih .mainbox{
	padding-left: 6%;
}
.history-bg .history-list .lih:nth-child(2n) .mainbox{
	padding-left: 0;
	padding-right: 6%;
}
}
@media only screen and (max-width: 414px){
.history-bg {
    padding-top: 6%;
    padding-bottom: 4%;
}
.history-bg .word{
	margin-bottom: 5%;
}
.history-bg .history-list .lih {
    margin-bottom: 6%;
}
.history-bg .sincebox {
    width: 240px;
    height: 240px;
}
.history-bg .sincebox .inbox{
	font-size: 16px;
}
.history-bg .history-list {
    padding-top: 6%;
    padding-bottom: 10%;
    margin-top: 0;
}
.history-bg .history-list:after{
	display: none;
}
.history-bg .history-list .lih .mainbox{
	width: 100%;
	padding-left: 36px;
	text-align: left;
}
.history-bg .history-list .lih .mainbox .icobox {
    left: 0;
    top: 3%;
    transform: translatex(0);
    padding: 3% 0;
}
.history-bg .history-list .lih:nth-child(2n) .mainbox .icobox{
	right: auto;
	left: 0;
    top: 3%;
    transform: translatex(0);
    padding: 3% 0;
}
.history-bg .history-list .lih .mainbox .icobox .ico {
    width: 24px;
    height: 30px;
    -webkit-background-size: 24px 30px;
    background-size: 24px 30px;
}
.history-bg .history-list .lih .mainbox .icobox .year{
	display: none;
}
.history-bg .history-list .lih .mainbox .hbox .xyear{
	font-size: 55px;
}
.history-bg .history-list .lih:nth-child(2n) .mainbox {
    padding-left: 36px;
    padding-right:0;
}
.history-bg .history-list .htop{
	width: 36px;
	height: 36px;
}
}

/*荣誉资质*/
.cview-bg#honor .cvmain{

}
.cview-bg#honor .cvmain .honorbox{
	max-width: 1080px;
	margin-right: 3%;
}
.cview-bg#honor .cvmain .honorbox .theme{
	font-size: 30px;
	color: #262626;
	font-weight: bold;
	margin-bottom: 50px;
	padding-bottom: 10px;
	position: relative;
	text-align: right;
}
.cview-bg#honor .cvmain .honorbox .theme:after{
	content: "";
	width: 30px;
	height: 2px;
	background-color: #d80008;
	position: absolute;
	right: 0;
	bottom: 0;
}
.cview-bg#honor .cvmain .honorbox .imgbox img{
	border:10px solid rgba(225,225,225,.27);
}
.cview-bg#honor .cv-listbox .cvlist-swiper{
	height: 990px;
}
@media only screen and (max-width: 1280px){
.cview-bg#honor .cvmain .honorbox .theme{
	margin-bottom: 30px;
}
}
@media only screen and (max-width: 1024px){
.cview-bg#honor .cvmain .honorbox .theme{
	font-size: 24px;
	font-weight: normal;
	text-align: left;
}
.cview-bg#honor .cvmain .honorbox .theme:after{
	left: 0;
	right: auto;
}
.cview-bg#honor .cv-listbox .cvlist-swiper{
	height: auto!important;
}
.cview-bg#honor .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .cright .title{
	height: auto;
}
}

/*厂容厂貌*/
.look-bg{
	padding-top: 60px;
	padding-bottom: 140px;
}
.look-bg .lookbox{
	padding: 30px 0;
	position: relative;
}
.look-bg .lookbox:before{
	content: "";
	width: 29px;
	height: 30px;
	background-position: center;
	-webkit-background-size: 29px 30px;
	background-size: 29px 30px;
	background-repeat: no-repeat;
	background-image: ;
	position: absolute;
	right: 100%;
	top: 0;
}
.look-bg .lookbox:after{
	content: "";
	width: 29px;
	height: 30px;
	background-position: center;
	-webkit-background-size: 29px 30px;
	background-size: 29px 30px;
	background-repeat: no-repeat;
	background-image: ;
	position: absolute;
	left: 100%;
	bottom: 0;
}
.look-bg .lookbox .bimgbox {
	margin-bottom: 60px;
}
.look-bg .lookbox .bimgbox .bimg{
	height: 560px;
}
.look-bg .lookbox .simgbox{
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(50%   40px);
	padding-top: 36px;
	padding-left: 40px;
	padding-bottom: 30px;
	background-color: #fff;
}
.look-bg .lookbox .simgbox .simg{
	padding-top: calc(360 / 600 * 100%);
}
.look-bg .lookbox .main{
	width: calc(50% - 40px);
}
.look-bg .lookbox .main .title{
	font-size: 24px;
	color: #262626;
	font-weight: bold;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px  solid #ab050b;
}
.look-bg .lookbox .main .content{
	font-size: 14px;
	color: #262626;
	line-height: 2;
}
@media only screen and (max-width: 1600px){
.look-bg {
    padding-bottom: 120px;
}
}
@media only screen and (max-width: 1440px){
.look-bg {
    padding-bottom: 100px;
}
}
@media only screen and (max-width: 1360px){
.look-bg {
    padding-bottom: 80px;
}
}
@media only screen and (max-width: 1280px){
.look-bg {
    padding-top: 40px;
    padding-bottom: 60px;
}
}
@media only screen and (max-width: 1024px){
.look-bg {
    padding-top: 30px;
    padding-bottom: 40px;
}
.look-bg .lookbox:before{
	display: none;
}
.look-bg .lookbox:after{
	display: none;
}
.look-bg .lookbox .bimgbox .bimg{
	height: 500px;
}
.look-bg .lookbox .bimgbox{
	margin-bottom: 30px;
}
.look-bg .lookbox .simgbox {
    padding-top: 18px;
    padding-left: 20px;
    padding-bottom: 15px;
}
.look-bg .lookbox .main .title{
	font-weight: normal;
}
}
@media only screen and (max-width: 768px){
.look-bg .lookbox .bimgbox{
	margin-bottom: 0;
}
.look-bg .lookbox .bimgbox .bimg{
	height: 400px;
}
.look-bg .lookbox .simgbox {
	width: 100%;
	position: relative;
	padding: 3% 0;
}
.look-bg .lookbox .main{
	width: 100%;
}
}
@media only screen and (max-width: 640px){
.look-bg .lookbox .bimgbox .bimg{
	height: auto;
	padding-top: calc(560 / 1200 * 100%);
}
.look-bg .lookbox{
	padding: 0;
}
.look-bg .lookbox .main .title{
	font-size: 20px;
}
}
@media only screen and (max-width: 414px){
.look-bg {
    padding-top: 5%;
    padding-bottom: 6%;
}
}


/* =========

    产品与服务

 ========= */
.product-bg{
	padding-top: 90px;
	padding-bottom: 110px;
}
.product-bg .ptitle{
	padding-bottom: 40px;
	margin-bottom: 75px;
	position: relative;
	font-size: 28px;
	color: #262626;
	font-weight: bold;
	border-bottom: 1px solid #d2d2d2;
}
.product-bg .ptitle:after{
	content: "";
	width: 30px;
	height: 3px;
	background-color: #d80008;
	position: absolute;
	left: 0;
	bottom: 0;
}
.product-bg .pallimg-swiper{
	margin-bottom: 100px;
}
.product-bg .pallimg-swiper .swiper-wrapper .swiper-slide .pallimg{
	height: 600px;
}
.product-bg .pallimg-swiper .btnbox{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0;
}
.product-bg .pallimg-swiper .btnbox .btn{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 65px;
	height: 65px;
	background-color: #000000;
	position: relative;
	z-index: 11;
	margin-left: 1px;
	cursor: pointer;
	transition: all .5s ease;
}
.product-bg .pallimg-swiper .btnbox .btn:after{
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff transparent transparent #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -5px;
	margin-left: -5px;
}
.product-bg .pallimg-swiper .btnbox .btn.pallimg-prev:after{
	transform: rotate(-45deg);
}
.product-bg .pallimg-swiper .btnbox .btn.pallimg-next:after{
	transform: rotate(135deg);
}
.product-bg .product-main .pico{
	width: 100px;
	height: 100px;
	position: relative;
	float: left;
	transition: all .5s ease;
	transform: scale(0);
}
.product-bg .product-main .pico.on{
	transform: scale(1);
}
.product-bg .product-main .pico .kk{
	position: absolute;
	background-image: ;
	width: 16px;
	height: 16px;
	-webkit-background-size: 16px 18px;
	background-size: 16px 18px;
}
.product-bg .product-main .pico .kk.k1{
	left: 0;
	top: 0;
}
.product-bg .product-main .pico .kk.k2{
	right: 0;
	top: 0;
	transform: rotate(90deg);
}
.product-bg .product-main .pico .kk.k3{
	left:0;
	bottom: 0;
	transform: rotate(-90deg);
}
.product-bg .product-main .pico .kk.k4{
	right: 0;
	bottom: 0;
	transform: rotate(180deg);
}
.product-bg .product-main .pcontent{
	float: right;
	width: calc(97% - 100px);
	max-width: 1010px;
	font-size: 14px;
	color: #666666;
	line-height: 2;
}
@media only screen and (min-width: 601px){
.product-bg .pallimg-swiper .btnbox .btn:hover{
	background-color: #ab050b;
}
}
@media only screen and (max-width: 1600px){

}
@media only screen and (max-width: 1440px){
.product-bg {
    padding-top: 70px;
    padding-bottom: 90px;
}
}
@media only screen and (max-width: 1360px){
.product-bg {
    padding-top: 50px;
    padding-bottom: 70px;
}
.product-bg .ptitle {
    margin-bottom: 50px;
}
.product-bg .pallimg-swiper {
    margin-bottom: 70px;
}
}
@media only screen and (max-width: 1280px){
.product-bg {
    padding-top: 40px;
    padding-bottom:50px;
}
.product-bg .ptitle {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.product-bg .pallimg-swiper {
    margin-bottom: 50px;
}
}
@media only screen and (max-width: 1024px){
.product-bg {
    padding-top: 30px;
    padding-bottom: 40px;
}
.product-bg .ptitle{
	font-size: 18px;
}
.product-bg .pallimg-swiper .swiper-wrapper .swiper-slide .pallimg {
    height: 450px;
}
.product-bg .pallimg-swiper .btnbox .btn{
	width: 55px;
	height: 55px;
}
.product-bg .pallimg-swiper {
    margin-bottom: 30px;
}
}
@media only screen and (max-width: 768px){
.product-bg .pallimg-swiper .swiper-wrapper .swiper-slide .pallimg {
    height: 350px;
}
.product-bg .pallimg-swiper .btnbox .btn{
	width: 55px;
	height: 55px;
}
.product-bg .product-main .pico{
	width: 80px;
	height: 80px;
}
}
@media only screen and (max-width: 640px){
.product-bg .pallimg-swiper .swiper-wrapper .swiper-slide .pallimg {
    height: 320px;
}
}
@media only screen and (max-width: 414px){
.product-bg {
    padding-top: 4%;
    padding-bottom: 5%;
}
.product-bg {
    padding-top: 3%;
    padding-bottom: 6%;
}
.product-bg .pallimg-swiper .swiper-wrapper .swiper-slide .pallimg {
    height: 250px;
}
.product-bg .pallimg-swiper .btnbox{
	display: none;
}
.product-bg .pallimg-swiper {
    margin-bottom: 6%;
}
.product-bg .product-main .pico{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	float: none;
	margin-bottom: 6%;
}
.product-bg .product-main .pcontent{
	width: 100%;
	float: none;
}
}

/* =========

    设计案例

 ========= */
.design-bg{
	padding-top: 90px;
	padding-bottom: 120px;
}
/*列表*/
.desgin-list{
	overflow: hidden;
}
.desgin-list[data-way="three"]{
	padding-bottom: 30px;
}
.desgin-list .lid{
	float: left;
	border:2px solid #f0f0f0;
}
.desgin-list[data-way="three"] .lid{
	width: calc((100% - 40px) / 3);
	margin-right: 20px;
	margin-bottom: 70px;
}
.desgin-list[data-way="three"] .lid:nth-child(3n){
	margin-right: 0;
}
.desgin-list .lid .imgbox{
	overflow: hidden;
}
.desgin-list .lid .imgbox .dimg{
	transition: all .5s ease;
	transform: scale(1);
}
.desgin-list[data-way="three"] .lid .imgbox .dimg{
	padding-top: calc(240 / 385 * 100%);
}
.desgin-list[data-way="three"] .lid .dmain{
	padding: 30px;
}
.desgin-list[data-way="three"] .lid .dmain .title{
	font-size: 18px;
	color: #ab050b;
	margin-bottom: 20px;
}
.desgin-list[data-way="three"] .lid .dmain .demo{
	font-size: 13px;
	color: #787878;
	line-height:22px;
	height: 88px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
margin-bottom: 20px;
}
.desgin-list[data-way="three"] .lid .dmain .viewbox{
	height: 20px;
	line-height: 20px;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.desgin-list[data-way="three"] .lid .dmain .viewbox .view{
	padding-left: 25px;
	font-size: 16px;
	color: #cbcbcb;
	font-family: "ziti1";
	background-position: left;
	background-repeat: no-repeat;
	background-image: ;
	-webkit-background-size: 17px 12px;
	background-size: 17px 12px;
}
.desgin-list[data-way="three"] .lid .dmain .viewbox .more{
	font-size: 18px;
	color: #d22e34;
	font-family: "ziti1";
}
@media only screen and (min-width: 601px){
.desgin-list .lid:hover .imgbox .dimg {
    transform: scale(1.1);
}
}
@media only screen and (max-width: 1440px){
.design-bg {
    padding-top: 70px;
    padding-bottom: 100px;
}
}
@media only screen and (max-width: 1360px){
.design-bg {
    padding-top: 60px;
    padding-bottom: 80px;
}
}
@media only screen and (max-width: 1280px){
.desgin-list[data-way="three"] .lid{
	margin-bottom: 50px;
}
.design-bg {
    padding-top: 40px;
    padding-bottom: 60px;
}
}
@media only screen and (max-width: 1024px){
.design-bg {
    padding-top:30px;
    padding-bottom: 40px;
}
.desgin-list[data-way="three"] .lid {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    margin-bottom: 30px;
}
.desgin-list[data-way="three"] .lid:nth-child(3n){
	margin-right: 20px;
}
.desgin-list[data-way="three"] .lid:nth-child(2n){
	margin-right: 0;
}
.desgin-list[data-way="three"] .lid .dmain {
    padding: 20px;
}
}
@media only screen and (max-width: 640px){
.desgin-list[data-way="three"] .lid .dmain{
	padding: 10px;
}
}
@media only screen and (max-width: 414px){
.design-bg {
    padding-top: 8%;
    padding-bottom: 10%;
}
.desgin-list[data-way="three"]{
	padding-bottom: 0;
}
.desgin-list[data-way="three"] .lid {
    width: 100%;
    margin-right: 0;
    margin-bottom: 6%;
}
.desgin-list[data-way="three"] .lid .dmain{
	padding: 3%;
}
.desgin-list[data-way="three"] .lid .dmain .title{
	margin-bottom: 3%;
}
.desgin-list[data-way="three"] .lid .dmain .demo{
	margin-bottom: 3%;
}
}


/* =========

    通用分页

 ========= */
.allfenye{
	text-align: center;
}
.allfenye .link{
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	position: relative;
	background-color: #ededed;
}
.allfenye .link:after{
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #343231 transparent transparent #343231;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -5px;
}
.allfenye .link.prev:after{
	margin-left: -3px;
	transform: rotate(-45deg);
}
.allfenye .link.next:after{
	margin-left: -7px;
	transform: rotate(135deg);
}
.allfenye .btn{
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	font-size: 16px;
	color: #343231;
	text-align: center;
	background-color: #ededed;
}
.allfenye .btn.on{
	background-color: #d80008;
	color: #fff;
}
@media only screen and (min-width: 601px){
.allfenye .link:hover{
	background-color: #d80008;
}
.allfenye .link:hover:after{
	border-color: #fff transparent transparent #fff;
}
.allfenye .btn:hover{
	background-color: #d80008;
	color: #fff;
}
}
@media only screen and (max-width: 414px){
.allfenye .link{
	width: 32px;
	height: 32px;
	line-height: 32px;
}
.allfenye .btn{
	width: 32px;
	height: 32px;
	line-height: 32px;
}
}

/* =========

    设计案例详情

 ========= */
.dview-bg{
	padding: 120px 0;
}
.dview-bg .dv-top{
	margin-bottom: 110px;
	text-align: right;
}
.dview-bg .dv-top .dvtitle{
	font-size: 30px;
	color: #262626;
	font-weight: bold;
	position: relative;
	padding-bottom: 16px;
	margin-bottom: 20px;
}
.dview-bg .dv-top .dvtitle:after{
	content: '';
	width: 30px;
	height:3px;
	background-color: #d80008;
	position: absolute;
	right: 0;
	bottom: 0;
}
.dview-bg .dv-top .dvdemo{
	font-size: 14px;
	color: #343231;
	line-height: 2;
}
.dview-bg .dvallimgbox{
	padding: 80px;
	background-color: #f4f4f4;
	margin-bottom: 60px;
	overflow: hidden;
}
.dview-bg .dvallimgbox .allimg{
	margin-bottom: 80px;
	width: 100%;
}
.dview-bg .dvcontet{
	font-size: 14px;
	color: #343231;
	line-height: 2;
	overflow: hidden;
	margin-bottom: 80px;
}
.allpage-box .btn{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666666;
}
.allpage-box .btn .block{
	width: 40px;
	height: 40px;
	background-color: #dfdfdf;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	position: relative;
	transition: all .5s ease;
}
.allpage-box .btn .block:after{
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #b5b5b5 transparent transparent #b5b5b5;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -5px;
}
.allpage-box .btn.prev{
	float: left;
}
.allpage-box .btn.next{
	float: right;
}
.allpage-box .btn.prev .block{
	margin-right: 18px;
}
.allpage-box .btn.next .block{
	margin-left: 18px;
}
.allpage-box .btn.prev .block:after{
	transform: rotate(-45deg);
	margin-left: -3px;
}
.allpage-box .btn.next .block:after{
	transform: rotate(135deg);
	margin-left: -7px;
}
@media only screen and (min-width: 601px){
.allpage-box .btn:hover .block{
	background-color: #d80008;
}
.allpage-box .btn .block:after{
	border-color: #fff transparent transparent #fff;
}
}
@media only screen and (max-width: 1440px){
.dview-bg {
    padding: 100px 0;
}
.dview-bg .dv-top {
    margin-bottom: 80px;
}
}
@media only screen and (max-width: 1360px){
.dview-bg {
    padding: 80px 0;
}
.dview-bg .dv-top {
    margin-bottom: 60px;
}
.dview-bg .dvallimgbox {
    padding: 60px;
    margin-bottom: 40px;
}
.dview-bg .dvallimgbox .allimg{
	margin-bottom: 60px;
}
.dview-bg .dvcontet {
    margin-bottom: 60px;
}
}
@media only screen and (max-width: 1280px){
.dview-bg {
    padding: 60px 0;
}
.dview-bg .dv-top {
    margin-bottom: 40px;
}
.dview-bg .dvallimgbox {
    padding: 40px;
    margin-bottom: 30px;
}
.dview-bg .dvallimgbox .allimg{
	margin-bottom: 40px;
}
.dview-bg .dvcontet {
    margin-bottom: 40px;
}
}
@media only screen and (max-width: 1024px){
.dview-bg {
    padding: 40px 0;
}
.dview-bg .dv-top .dvtitle{
	font-weight: normal;
	font-size: 24px;
}
.dview-bg .dvallimgbox .allimg{
	margin-bottom: 30px;
}
.dview-bg .dvcontet {
    margin-bottom: 30px;
}
}
@media only screen and (max-width: 414px){
.dview-bg {
    padding: 6% 0;
}
.dview-bg .dv-top {
    margin-bottom: 6%;
}
.dview-bg .dvallimgbox {
	width: 100%;
    padding: 4%;
    margin-bottom: 6%;
}
.dview-bg .dvallimgbox .allimg{
	margin-bottom: 3%;
}
.dview-bg .dvcontet {
    margin-bottom: 6%;
}
.allpage-box .btn {
    height: 35px;
    line-height: 35px;
}
.allpage-box .btn .block {
    width: 35px;
    height: 35px;
}
.allpage-box .btn.prev .block{
	margin-right: 12px;
}
.allpage-box .btn.next .block{
	margin-left: 12px;
}
}



/* =========

    工程案例

 ========= */
.desgin-list[data-way="two"]{
	padding-bottom: 40px;
}
.desgin-list[data-way="two"] .lid{
	width: calc((100% - 70px) / 2);
	margin-right: 70px;
	margin-bottom: 60px; 
} 
.desgin-list[data-way="two"] .lid:nth-child(2n){
	margin-right: 0;
}
.desgin-list[data-way="two"] .lid .imgbox .dimg{
	padding-top: calc(350 / 560 * 100%);
}
.desgin-list[data-way="two"] .lid .ctitlebox{
	height: 70px;
	line-height: 70px;
	padding: 0 50px;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.desgin-list[data-way="two"] .lid .ctitlebox .title{
	font-size: 18px;
	color: #444444;
	width: calc(100% - 80px);
}
.desgin-list[data-way="two"] .lid .ctitlebox .more{
	font-size: 18px;
	color: #d22e34;
	font-family: "ziti1";
}
@media only screen and (min-width: 601px){
.desgin-list[data-way="two"] .lid:hover .ctitlebox .title{
	color: #ab050b;
}
}
@media only screen and (max-width: 1280px){
.desgin-list[data-way="two"] .lid {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
    margin-bottom: 40px;
}
}
@media only screen and (max-width: 1024px){
.desgin-list[data-way="two"] .lid {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
    margin-bottom: 30px;
}
.desgin-list[data-way="two"] .lid .ctitlebox{
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
}
}
@media only screen and (max-width: 414px){
.desgin-list[data-way="two"] .lid {
    width: 100%;
    margin-right: 0;
    margin-bottom: 6%;
}
.desgin-list[data-way="two"] .lid .ctitlebox{
	height: 50px;
	line-height: 50px;
	padding: 0 4%;
}
}



/* =========

    工程案例详情

 ========= */
.cview-bg {
	background-color: #fafafa;
}
.cview-bg .cv-listbox{
	width: 430px;
	float: left;
	background-color: #fff;
	border-right: 1px solid #f0f0f0;
}
.cview-bg .cv-listbox .theme{
	height: 70px;
	line-height: 70px;
	text-align: right;
	padding-right: 55px;
	font-size: 18px;
	color: #b5261e;
}
.cview-bg .cv-listbox .theme .all{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 36px;
	position: relative;
	position: relative;
}
.cview-bg .cv-listbox .theme .all:after{
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #b5261e transparent transparent #b5261e;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	transform: rotate(-45deg);
}
.cview-bg .cv-listbox .cvlist-swiper{
	border-top: 2px solid #d80008;
	height: 1296px;
	overflow-y: auto;
}
.cview-bg .cv-listbox .cvlist-swiper::-webkit-scrollbar {
	display:none
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide{
	height: auto!important;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic{
	display: block;
	position: relative;
    padding: 15px 50px;
	overflow: hidden;
	cursor: pointer;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic[data-on="on"]{
	background-color: #fafafa;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic:before{
	content: "";
	width: 80%;
	height: 1px;
	background-color: #f2f2f2;
	position: absolute;
	left:50%;
	bottom: 0;
	transform: translatex(-50%);
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic:after{
	content: "";
	width: 0;
	height: 3px;
	background-color: #d80008;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 11;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic[data-on="on"]:after{
	width: 100%;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .imgbox{
	float: left;
	overflow: hidden;
	width: 218px;
	border:8px solid #e1e1e1;
	background-color: #f1f1f1;
	display: none;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .imgbox .cimg{
/*	padding-top: calc(136 / 218 * 100%);*/
height: 136px;
display: block;
margin: 0 auto;
	transition: all .5s ease;
	transform: scale(1);
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .cright{
/*	width: 150px;
	float: right;*/
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .cright .title{
	font-size: 16px;
	color: #444444;
	line-height: 28px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .cright .viewbox{
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	font-family: "ziti1";
	font-size: 0;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .cright .viewbox .view{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 26px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: ;
	-webkit-background-size: 17px 12px;
	background-size: 17px 12px;
	font-size: 16px;
	color: #cbcbcb;
	margin-right: 15px;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .cright .viewbox .more{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 18px;
	color: #d22e34;
}
.cview-bg .cvmain{
	width: calc(97% - 430px);
	float: right;
	max-width: 1380px;
	padding-top: 120px;
	padding-bottom: 100px; 
		overflow: hidden;
}
.cview-bg .cvmain .mainbox{
	max-width: 1020px;
	margin-right: 3%;
}
.cview-bg .cvmain .mainbox .cv-top{
	padding-left: 200px;
	position: relative;
	margin-bottom: 80px;
	text-align: right;
}
.cview-bg .cvmain .mainbox .cv-top .cvtitle{
	font-size: 30px;
	color: #262626;
	font-weight: bold;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
}
.cview-bg .cvmain .mainbox .cv-top .cvtitle:after{
	content: "";
	width: 30px;
	height: 3px;
	background-color: #d80008;
	position: absolute;
	right: 0;
	bottom: 0;
}
.cview-bg .cvmain .mainbox .cv-top .cvdemo{
	font-size: 14px;
	color: #343231;
	line-height: 2;
	overflow: hidden;
}
.cview-bg .cvmain .mainbox .cv-top .viewbox{
	width: 165px;
	height: 130px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.cview-bg .cvmain .mainbox .cv-top .viewbox .play{
	width: 31px;
	height: 31px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: ;
	-webkit-background-size: 31px;
	background-size: 31px;
	position: absolute;
	right: 10px;
	bottom: 16px;
	transition: all .5s ease;
}
.cview-bg .cvmain .mainbox .cvallimg-swiper{
	margin-bottom: 60px;
	overflow: visible;
}
.cview-bg .cvmain .mainbox .cvallimg-swiper .swiper-wrapper .swiper-slide .cvallimg{
	padding-top: calc(660 / 1020 * 100%);
}
.cview-bg .cvmain .mainbox .cvallimg-swiper .cvallimg-prev{
	width: 50px;
	height: 50px;
	background-color: #b5261e;
	border:1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: 90px;
	top: 50%;
	transform: translatey(-50%);
	z-index: 11;
	cursor: pointer;
}
.cview-bg .cvmain .mainbox .cvallimg-swiper .cvallimg-prev:after{
	content: "";
	width: 12px;
	height: 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff transparent transparent #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -6px;
	margin-left: -4px;
	transform: rotate(-45deg);
}
.cview-bg .cvmain .mainbox .cvallimg-swiper .cvallimg-next{
	width: 50px;
	height: 50px;
	background-color: #b5261e;
	border:1px solid #b5261e;
	border-radius: 50%;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translatey(-50%);
	margin-left: 25px;
	z-index: 11;
	cursor: pointer;
}
.cview-bg .cvmain .mainbox .cvallimg-swiper .cvallimg-next:after{
	content: "";
	width: 12px;
	height: 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff transparent transparent #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -6px;
	margin-left: -7px;
	transform: rotate(135deg);
}
.cview-bg .cvmain .mainbox .cvcontent{
	font-size: 14px;
	color: #343231;
	line-height: 2;
	overflow: hidden;
}

/*视频弹窗*/
.layui-layer {
    max-width: 660px!important;
    max-height: 520px!important;
}
.layui-layer-page .layui-layer-content{
	overflow: hidden!important;
}
.layui-layer-content .iframe-box{
	position: relative;
	padding-top: calc(520 / 660 * 100%);
}
.layui-layer-content .iframe-box iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 601px){
.cview-bg .cv-listbox .theme .all:hover:after{
	transform: rotate(135deg);
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic:hover:after{
	width: 100%;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic:hover .cright .title{
	color: #b5261e;
}
.cview-bg .cvmain .mainbox .cv-top .viewbox:hover .play{
	right: 50%;
	bottom: 50%;
	transform: translate(50%,50%);

}
}
@media only screen and (max-width: 1440px){
.cview-bg .cvmain {
    padding-top: 100px;
    padding-bottom: 80px;
}
}
@media only screen and (max-width: 1360px){
.cview-bg .cvmain {
    padding-top: 80px;
    padding-bottom: 60px;
}
.cview-bg .cvmain .mainbox .cv-top {
    margin-bottom: 60px;
}
}
@media only screen and (max-width: 1280px){
.cview-bg .cvmain {
    width: calc(97% - 315px);
    padding-top: 60px;
    padding-bottom: 40px;
}
.cview-bg .cv-listbox{
	width: 315px;
}
.cview-bg .cvmain .mainbox .cv-top {
    margin-bottom: 40px;
}
.cview-bg .cvmain .mainbox .cvallimg-swiper{
	overflow: hidden;
	margin-bottom: 40px;
}
.cview-bg .cvmain .mainbox .cvallimg-swiper .cvallimg-prev{
	width: 40px;
	height: 40px;
	left: 6%;
}
.cview-bg .cvmain .mainbox .cvallimg-swiper .cvallimg-next{
	width: 40px;
	height: 40px;
	left: auto;
	right: 6%;
	margin-left: 0;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic{
    padding: 25px 16px;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .imgbox{
	width: 100%;
	float: none;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .cright {
    width: 100%;
	float: none;
}
}
@media only screen and (max-width: 1024px){
.cview-bg .cvmain {
	width: 94%;
	margin: 0 auto;
	max-width:none;
	float: none;
    padding-top: 30px;
    padding-bottom: 30px;
}
.cview-bg .cvmain .mainbox {
    max-width: none;
    margin-right: 0;
}
.cview-bg .cvmain .mainbox .cv-top .cvtitle {
    font-size: 24px;
    font-weight: normal;
}
.cview-bg .cv-listbox{
	width: 100%;
}
.cview-bg .cvmain .mainbox .cvallimg-swiper .cvallimg-prev{
	display: none;
}
.cview-bg .cvmain .mainbox .cvallimg-swiper .cvallimg-next{
	display: none;
}
.cview-bg .cv-listbox .cvlist-swiper{
	height: auto;
	padding: 3% 0;
	width: 94%;
	margin: 0 auto;
}
.cview-bg .cv-listbox .theme {
    height: 60px;
    line-height: 60px;
	padding: 0 3%;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic{
	padding: 0;
	padding-bottom: 20px;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic[data-on="on"]{
	background-color: transparent;	
}
}
@media only screen and (max-width: 640px){
.cview-bg .cvmain .mainbox .cv-top{
	padding-left: 0;
	text-align: left;
}
.cview-bg .cvmain .mainbox .cv-top .cvtitle{
	margin-bottom: 3%;
}
.cview-bg .cvmain .mainbox .cv-top .cvtitle:after{
	left: 0;
}
.cview-bg .cvmain .mainbox .cv-top .cvdemo{
	margin-bottom: 3%;
}
.cview-bg .cvmain .mainbox .cv-top .viewbox{
	position: relative;
}
.cview-bg .cvmain .mainbox .cv-top .viewbox .play{
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.cview-bg .cv-listbox .theme {
    height: 50px;
    line-height: 50px;
}
}
@media only screen and (max-width: 414px){
.cview-bg .cvmain {
    padding-top: 6%;
    padding-bottom: 5%;
}
.cview-bg .cvmain .mainbox .cvallimg-swiper{
	margin-bottom: 6%;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic{
	padding:3%;
}
.cview-bg .cv-listbox .cvlist-swiper .swiper-wrapper .swiper-slide .lic .imgbox{
	border: 2px solid #e1e1e1;
}
}




/* =========

    新闻

 ========= */
.news-bg{
	padding-top: 100px;
	padding-bottom: 120px;
}
.news-bg .news-list{
	padding-bottom: 60px;
	overflow: hidden;
}
.news-bg .news-list .litop{
	margin-bottom: 40px;
}
.news-bg .news-list .litop .imgbox{
	width: 530px;
	float: left;
	position: relative;
	padding: 30px;
	display: block;
}
.news-bg .news-list .litop .imgbox:before{
	content: "";
	width: 29px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: ;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-100%,-100%);
	opacity: 0;
	visibility: hidden;
}
.news-bg .news-list .litop.on .imgbox:before{
	transform: translate(0,0);
	opacity: 1;
	visibility: visible;
}
.news-bg .news-list .litop .imgbox:after{
	content: "";
	width: 29px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: ;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: rotate(180deg) translate(-100%,-100%);
	opacity: 0;
	visibility: hidden;
}
.news-bg .news-list .litop.on .imgbox:after{
	transform: rotate(180deg) translate(0);
	opacity: 1;
	visibility: visible;
}
.news-bg .news-list .litop .imgbox .timg{
	padding-top: calc(320 / 480 * 100%);
	transition: all .5s ease;
	transform: scale(1);
}
.news-bg .news-list .litop .tmain{
	width: calc(95% - 530px);
	max-width: 586px;
	float: right;
	padding-top: 30px;
}
.news-bg .news-list .litop .tmain .time{
	font-size: 26px;
	color: #d80008;
	font-family: "ziti1";
	margin-bottom: 20px;
}
.news-bg .news-list .litop .tmain .title{
	font-size: 18px;
	color: #8d0005;
	margin-bottom: 50px;
	display: block;
}
.news-bg .news-list .litop .tmain .demo{
	font-size: 14px;
	color: #666666;
	line-height: 2;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 84px;
margin-bottom: 40px;
}
.news-bg .news-list .litop .tmain .more{
	display: block;
	height: 50px;
	line-height: 50px;
	background-color: #d80008;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-family: "ziti1";
	position: relative;
	transition: all .5s ease;
}
.news-bg .news-list .litop .tmain .more:after{
	content: "";
	width: 100%;
	height: 100%;
	border:2px solid #d80008;
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0);
}
.news-bg .news-list .lin{
	padding: 40px 30px;
	transition: all .5s ease;
}
.news-bg .news-list .lin .imgbox{
	width: 315px;
	float: left;
	overflow: hidden;
}
.news-bg .news-list .lin .imgbox .nimg{
	padding-top: calc(200 / 315 * 100%);
	transition: all .5s ease;
	transform: scale(1);
}
.news-bg .news-list .lin .nmain{
	width: calc(97% - 315px);
	float: right;
	max-width: 780px;
}
.news-bg .news-list .lin .nmain .title{
	height: 40px;
	line-height: 40px;
	margin-bottom: 40px;
	font-size: 18px;
	color: #8d0005;
	display: block;
}
.news-bg .news-list .lin .nmain .demo{
	font-size: 14px;
	color: #666666;
	line-height: 2;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
	margin-bottom: 25px;
	height: 56px;
}
.news-bg .news-list .lin .nmain .timebox{
	height: 30px;
	position: relative;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.news-bg .news-list .lin .nmain .timebox:before{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #d6d6d6;
	position: absolute;
	left: 0;
	bottom: 0;
}
.news-bg .news-list .lin .nmain .timebox:after{
	content: "";
	width: 0;
	height: 1px;
	background-color: #d80008;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.news-bg .news-list .lin .nmain .timebox .time{
	font-size: 12px;
	color: #999999;
}
.news-bg .news-list .lin .nmain .timebox .more{
	font-size: 14px;
	color: #d80008;
	font-family: "ziti1";
}

@media only screen and (min-width: 601px){
.news-bg .news-list .litop:hover .imgbox .timg{
	transform: scale(1.1);
}
.news-bg .news-list .litop:hover .tmain .more{
	background-color: #fff;
	color:#d80008 ;
}
.news-bg .news-list .litop:hover .tmain .more:after{
	transform: scale(1);
}
.news-bg .news-list .lin:hover{
	background-color: #f6f6f6;
}
.news-bg .news-list .lin:hover .imgbox .nimg{
	transform: scale(1.1);
}
.news-bg .news-list .lin:hover .nmain .timebox:after{
	width: 100%;
}
}
@media only screen and (max-width: 1440px){
.news-bg {
    padding-top: 80px;
    padding-bottom: 100px;
}
}
@media only screen and (max-width: 1360px){
.news-bg {
    padding-top: 60px;
    padding-bottom: 80px;
}
}
@media only screen and (max-width: 1280px){
.news-bg {
    padding-top: 40px;
    padding-bottom: 60px;
}
.news-bg .news-list .litop {
    margin-bottom: 30px;
}
.news-bg .news-list{
	padding-bottom: 40px;
}
}
@media only screen and (max-width: 1024px){
.news-bg {
    padding-top: 30px;
    padding-bottom: 40px;
}
.news-bg .news-list .litop .imgbox{
	width: 430px;
}
.news-bg .news-list .litop .tmain {
    width: calc(95% - 430px);
}
.news-bg .news-list .litop .tmain .title {
    margin-bottom: 30px;
}
.news-bg .news-list .litop .tmain .demo{
	margin-bottom: 35px;
}
.news-bg .news-list .litop .imgbox{
	padding: 20px;
}
.news-bg .news-list .lin {
    padding: 30px 20px;
}
}
@media only screen and (max-width: 768px){
.news-bg .news-list .litop .imgbox{
	width: 100%;
	float: none;
}
.news-bg .news-list .litop .tmain {
    width: 100%;
    float: none;
    max-width: none;
    padding-top: 3%;
}
.news-bg .news-list .litop .tmain .time{
	margin-bottom: 3%;
}
.news-bg .news-list .litop .tmain .title{
	margin-bottom: 3%;
}
.news-bg .news-list .litop .tmain .demo{
	margin-bottom: 3%;
}
.news-bg .news-list .lin{
	padding: 20px 0;
}
.news-bg .news-list .lin .imgbox {
    width: 250px;
}
.news-bg .news-list .lin .nmain {
    width: calc(97% - 250px);
}
.news-bg .news-list .lin .nmain .title {
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 640px){
.news-bg .news-list .lin .imgbox {
    width: 100%;
    float:none;
    display: block;
    margin-bottom: 5%;
}
.news-bg .news-list .lin .nmain .title{
	margin-bottom: 3%;
}
.news-bg .news-list .lin .nmain .demo{
	margin-bottom: 5%;
}
.news-bg .news-list .lin .nmain {
    width: 100%;
    float:none;
}
}
@media only screen and (max-width: 414px){
.news-bg {
    padding-top: 5%;
    padding-bottom: 6%;
}
.news-bg .news-list .litop {
    margin-bottom: 3%;
}
.news-bg .news-list .litop .tmain .time{
	font-size: 20px;
}
.news-bg .news-list .litop .tmain .more {
    height: 40px;
    line-height: 40px;
}
.news-bg .news-list{
	padding-bottom: 6%;
}
}

/* =========

    新闻详情

 ========= */
.nview-bg{
	padding-top: 95px;
	padding-bottom: 75px;
	background-color: #f4f4f4;
}
.nview-bg .nview-left{
	width: calc(100% - 380px);
	float: left;
	padding: 36px 40px;
	background-color: #fff;
}
.nview-bg .nview-left .timebox{
	margin-bottom: 30px;
	font-size: 0;
}
.nview-bg .nview-left .timebox .time{
	font-size: 36px;
	color: #ab050b;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 30px;
	font-family: "ziti1";
}
.nview-bg .nview-left .timebox .view{
	font-size: 13px;
	color: #787878;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.nview-bg .nview-left .nvtitle{
	font-size: 18px;
	color: #262626;
	padding-bottom: 25px;
	margin-bottom: 60px;
	position: relative;
	border-bottom: 1px solid #cccccc;
}
.nview-bg .nview-left .nvtitle:after{
	content: "";
	width: 30px;
	height: 3px;
	background-color: #d80008;
	position: absolute;
	left: 0;
	bottom: 0;
}
.nview-bg .nview-left .nvcontent{
	font-size: 14px;
	color: #444444;
	line-height: 2;
	margin-bottom: 80px;
	overflow: hidden;
}
.nview-bg .nview-right{
	width: 340px;
	float: right;
	background-color: #fff;
}
.nview-bg .nview-right .nvrtheme{
	height: 50px;
	line-height: 50px;
	background-color: #b5261e;
	font-size: 16px;
	color: #ffffff;
	padding: 0 20px;
}
.nview-bg .nview-right .nv-list{
	padding: 10px 20px;
	position: relative;
}
.nview-bg .nview-right .nv-list .linv{
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5;
}
.nview-bg .nview-right .nv-list .linv:last-child{
	border-bottom: none;
}
.nview-bg .nview-right .nv-list .linv .nvtitle{
	font-size: 14px;
	color: #343231;
	margin-bottom: 10px;
}
.nview-bg .nview-right .nv-list .linv .time{
	font-size: 14px;
	color: #999999;
}
@media only screen and (min-width: 601px){
.nview-bg .nview-right .nv-list .linv:hover .nvtitle{
	color: #b5261e;
}
.nview-bg .nview-right .nv-list .linv:hover .time{
	color: #000000;
}
}
@media only screen and (max-width: 1360px){
.nview-bg {
    padding-top: 75px;
    padding-bottom: 55px;
}
.nview-bg .nview-left .nvcontent{
	margin-bottom: 60px;
}
}
@media only screen and (max-width: 1280px){
.nview-bg {
    padding-top: 55px;
    padding-bottom: 45px;
}
.nview-bg .nview-left .nvtitle{
	margin-bottom: 40px;
}
.nview-bg .nview-left .nvcontent{
	margin-bottom: 40px;
}
}
@media only screen and (max-width: 1024px){
.nview-bg {
    padding-top: 45px;
    padding-bottom: 35px;
}
.nview-bg .nview-left{
	width:100%;
    padding: 20px;
    float: none;
}
.nview-bg .nview-right {
	display: none;
}
.nview-bg .nview-left .timebox{
	margin-bottom: 20px;
}
.nview-bg .nview-left .nvtitle{
	margin-bottom: 30px;
}
.nview-bg .nview-left .nvcontent{
	margin-bottom: 30px;
}
.nview-bg .nview-left .timebox .time{
	font-size: 30px;
}
}
@media only screen and (max-width: 414px){
.nview-bg {
	padding: 0;
}
.nview-bg .nview-left .timebox .time{
	font-size: 24px;
}
.nview-bg .wrap{
	width: 100%;
}
.nview-bg .nview-left{
	padding:10% 3%;
}
}


/* =========

    联系我们

 ========= */
.contact-bg{
	padding-top: 95px;
	padding-bottom: 95px;
	min-height: 945px;
	background-image: ;
}
.contact-bg .cleft{
	width: 340px;
	float: left;
}
.contact-bg .cleft .address-list .additem{
	margin-bottom: 90px;
}
.contact-bg .cleft .address-list .additem .atheme{
	font-size: 18px;
	color: #141414;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 15px;
	cursor: pointer;
}
.contact-bg .cleft .address-list .additem .atheme:after{
	content: "";
	width: 50px;
	height: 2px;
	background-color: #d80008;
	position: absolute;
	left: 0;
	bottom: 0;
}
.contact-bg .cleft .address-list .additem .sub .sitem{
	padding-left: 45px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f1f1f1;
}
.contact-bg .cleft .address-list .additem .sub .sitem .ico{
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
}
.contact-bg .cleft .address-list .additem .sub .sitem .word{
	font-size: 16px;
	color: #000000;
	margin-bottom: 10px;
}
.contact-bg .cleft .address-list .additem .sub .sitem .msg{
	font-size: 16px;
	color: #999999;
}
.contact-bg .cright{
	width: 740px;
	float: right;
}
.contact-bg .cright .map-div{
	height: 435px;
	margin-bottom: 50px;
	position: relative;
}
.contact-bg .cright .map-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.contact-bg .cright .map-box[data-on="on"]{
	z-index: 2;
}
.contact-bg .cright .btnbox{
	font-size: 0;
}
.contact-bg .cright .btnbox .bitem{
	width: 120px;
	height: 30px;
	line-height: 30px;
	background-color: #000000;
	font-size: 14px;
	color: #fff;
	margin-right: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	cursor: pointer;
}
.contact-bg .cright .btnbox .bitem[data-on="on"]{
	background-color: #ab050b;
}
.contact-bg .cright .map-box img{
	max-width: none;
}
@media only screen and (min-width: 601px){
.contact-bg .cleft .address-list .additem .atheme:hover{
	color: #ab050b;
}
}
@media only screen and (max-width: 1440px){
.contact-bg{
	padding-top: 70px;
	padding-bottom: 70px;
}
}
@media only screen and (max-width: 1360px){
.contact-bg{
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 900px;
}
}
@media only screen and (max-width: 1280px){
.contact-bg{
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 800px;
}
}
@media only screen and (max-width: 1024px){
.contact-bg{
	min-height: auto;
	padding-bottom: 150px;
}
.contact-bg .cright{
	width: 100%;
	float: none;
	margin-bottom: 3%;
}
.contact-bg .cleft{
	width: 100%;
	float: none;
}
.contact-bg .cleft .address-list .additem{
	width: calc((100% - 30px) / 2);
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.contact-bg .cleft .address-list .additem:nth-child(2n){
	margin-right: 0;
}
.contact-bg .cright .map-div{
	margin-bottom: 30px;
}
}
@media only screen and (max-width: 768px){
.contact-bg .cright .map-div{
	height: 360px;
}
}
@media only screen and (max-width: 640px){
.contact-bg .cright .map-div{
	height: 300px;
}
}
@media only screen and (max-width: 414px){
.contact-bg{
	background: none;
	padding-bottom: 6%;
}
.contact-bg .cright .map-div{
	height: 260px;
	margin-bottom: 5%;
}
.contact-bg .cleft .address-list .additem{
	width: 100%;
	margin-right: 0;
	margin-bottom: 6%;
}
.contact-bg .cleft .address-list .additem .atheme {
    padding-bottom: 15px;
    margin-bottom: 5%;
}
.contact-bg .cleft .address-list .additem .sub .sitem{
	margin-bottom: 3%;
}
}


/*加入飞虹*/
.massage-bg{
	padding-top: 60px;
	padding-bottom: 100px;
	background-color: #f7f7f7;
}
.massage-bg .themebox{
	text-align: center;
	margin-bottom: 20px;
}
.massage-bg .themebox .cn{
	font-size: 30px;
	color: #000000;
	margin-bottom: 5px;
}
.massage-bg .themebox .en{
	font-size: 14px;
	color: #999999;
}
.massage-bg .msg{
	font-size: 16px;
	color: #666666;
	margin-bottom: 70px;
	text-align: center;
}
.massage-bg .massage-form .form-top{
	margin-bottom: 80px;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.massage-bg .massage-form .form-top .my-item{
	width: calc(92% / 3);
	max-width: 260px;
}
.massage-bg .massage-form .form-top .my-item .my-label{
	font-size: 14px;
	color: #444444;
}
.massage-bg .massage-form .form-top .my-item input[type="text"]{
	width: 100%;
	height: 36px;
	border:none;
	border-bottom: 1px solid #acacac;
	background-color: transparent;
}
.massage-bg .massage-form .job-box{
	max-width: 840px;
	margin-bottom: 60px;
}
.massage-bg .massage-form .job-box .theme{
	padding-bottom: 20px;
	margin-bottom: 25px;
	text-align: center;
	position: relative;
	font-size: 24px;
	color: #262626;
	font-weight: bold;
}
.massage-bg .massage-form .job-box .theme:after{
	content: "";
	width: 50px;
	height: 2px;
	background-color: #d80008;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translatex(-50%);
}
.massage-bg .massage-form .job-box .job-top{
	height: 50px;
	line-height: 50px;
		display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.massage-bg .massage-form .job-box .job-top .dd{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #eaeaea;
}
.massage-bg .massage-form .job-box .job-top .dd.d1{
	width: 70%;
	padding-left: 130px;
}
.massage-bg .massage-form .job-box .job-top .dd.d2{
	width: 30%;
}
/*轮播*/
.massage-bg .massage-form .job-box .join-swiper{
	margin-bottom: 60px;
}
.massage-bg .massage-form .job-box .join-swiper .swiper-wrapper .swiper-slide .lij{
	height: 50px;
	line-height: 50px;
		display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
cursor: pointer;
}
.massage-bg .massage-form .job-box .join-swiper .swiper-wrapper .swiper-slide .lij .dd{
	font-size: 14px;
	color: #000000;
	border-bottom: 1px solid #eaeaea;
} 
.massage-bg .massage-form .job-box .join-swiper .swiper-wrapper .swiper-slide .lij .dd.d1{
	width: 70%;
	padding-left: 130px;
}
.massage-bg .massage-form .job-box .join-swiper .swiper-wrapper .swiper-slide .lij .dd.d2{
	width: 30%;
}
.massage-bg .massage-form .job-box .join-swiper .btnbox{
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: 140px;
	width: 100%;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.massage-bg .massage-form .job-box .join-swiper .btnbox .btn{
	width: 27px;
	height: 27px;
	background-color: #000000;
	position: relative;
	border-radius: 50%;
	cursor: pointer;
}
.massage-bg .massage-form .job-box .join-swiper .btnbox .btn:after{
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff transparent transparent #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -4px;
}
.massage-bg .massage-form .job-box .join-swiper .btnbox .btn.join-prev:after{
	margin-left: -3px;
	transform: rotate(-45deg);
}
.massage-bg .massage-form .job-box .join-swiper .btnbox .btn.join-next:after{
	margin-left: -6px;
	transform: rotate(135deg);
}
.massage-bg .massage-form input[type="submit"]{
	width: 190px;
	height: 50px;
	background-color: #d80008;
	font-size: 14px;
	color: #fff;
	border:none;
	margin: 0 auto;
	display: block;
	cursor: pointer;
}
@media only screen and (max-width: 1440px){
.massage-bg {
    padding-top: 50px;
    padding-bottom: 80px;
}
}
@media only screen and (max-width: 1360px){
.massage-bg {
    padding-top: 40px;
    padding-bottom: 60px;
}
.massage-bg .msg {
    margin-bottom: 50px;
}
.massage-bg .massage-form .form-top{
	margin-bottom: 60px;
}
.massage-bg .massage-form .job-box .join-swiper{
	margin-bottom: 40px;
}
}
@media only screen and (max-width: 1280px){
.massage-bg {
    padding-top: 30px;
    padding-bottom: 40px;
}
.massage-bg .msg {
    margin-bottom: 30px;
}
.massage-bg .massage-form .form-top{
	margin-bottom: 30px;
}
.massage-bg .massage-form .job-box .join-swiper{
	margin-bottom: 30px;
}
.massage-bg .massage-form .job-box{
	margin-bottom: 40px;
}
}
@media only screen and (max-width: 1024px){
.massage-bg .massage-form .job-box .theme{
	font-weight: normal;
	margin-bottom: 3%;
}
.massage-bg .massage-form .job-box .job-top .dd.d1{
	padding-left: 100px;
}
.massage-bg .massage-form .job-box .join-swiper .swiper-wrapper .swiper-slide .lij .dd.d1{
	padding-left: 100px;
}
.massage-bg .massage-form .job-box .join-swiper .btnbox{
	margin-top: 20px;
}
}
@media only screen and (max-width: 768px){
.massage-bg .massage-form .job-box .job-top .dd.d1{
	padding-left: 60px;
}
.massage-bg .massage-form .job-box .join-swiper .swiper-wrapper .swiper-slide .lij .dd.d1{
	padding-left: 60px;
}
}
@media only screen and (max-width: 414px){
.massage-bg {
    padding-top: 5%;
    padding-bottom: 6%;
}
.massage-bg .themebox{
	margin-bottom: 6%;
}
.massage-bg .themebox .cn{
	font-size: 24px;
}
.massage-bg .msg {
    margin-bottom: 6%;
}
.massage-bg .massage-form .form-top{
	margin-bottom: 6%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.massage-bg .massage-form .form-top .my-item {
    width: 100%;
    max-width: none;
    margin-bottom: 3%;
}
.massage-bg .massage-form .job-box .join-swiper{
	margin-bottom: 6%;
}
.massage-bg .massage-form .job-box .join-swiper .btnbox{
	display: none;
}
.massage-bg .massage-form .job-box{
	margin-bottom: 3%;
	width: 100%;
}
.massage-bg .massage-form .job-box .job-top .dd.d1{
	padding-left: 3%;
}
.massage-bg .massage-form .job-box .join-swiper .swiper-wrapper .swiper-slide .lij .dd.d1{
	padding-left: 3%;
}
}



/* =========

    页脚

 ========= */
.footer {
	background-color: #ab050b;
	position: relative;
	z-index: 111;
}
.footer.index{
	background-color: transparent;
}
.footer .footer-top{
	padding: 50px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.footer .footer-top .fcontact-box{
	width: 330px;
}
.footer .footer-top .fcontact-box .theme{
	font-size: 18px;
	color: #fff;
	height: 37px;
	line-height: 37px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 50px;
	background-position: left;
	background-repeat: no-repeat;
	-webkit-background-size: 41px 37px;
	background-size: 41px 37px;
	background-image: ;
}
.footer.index .footer-top .fcontact-box .theme{
	color: #222222;
	background-image: ;
}
.footer .footer-top .fcontact-box .content{
	font-size: 14px;
	line-height: 2;
	margin-bottom: 30px;
	color: #fff;
}
.footer.index .footer-top .fcontact-box .content{
	color: #000;
}
.footer .footer-top .fcontact-box .kefu{
	width: 150px;
	height: 50px;
	line-height: 50px;
	background-color: #222222;
	padding-left: 60px;
	font-size: 14px;
	color: #fff;
	background-position: 25px;
	background-repeat: no-repeat;
	background-image: ;
	-webkit-background-size: 22px;
	background-size: 22px;
	display: block;
}
.footer .footer-top .fcontact-box .kefu.phone{
	display: none;
}
.footer .footer-top .fnav-list{
	width: 200px;
	padding-top: 36px;
}
.footer .footer-top .fnav-list .theme{
	font-size: 12px;
	color: rgba(0,0,0,.5);
	font-weight: bold;
	margin-bottom: 20px;
}
.footer .footer-top .fnav-list .list .lif{
	width: calc(97% / 2);
	float: left;
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 25px;
}
.footer .footer-top .fnav-list .list .lif:nth-child(2n){
	float: right;
	text-align: right;
}
.footer .footer-top .fnav-list .lif:hover{
	color: #222222;
}
.footer .footer-top .ftool{
	width: 130px;
	padding-top: 36px;
}
.footer .footer-top .ftool .theme{
		font-size: 12px;
	color:  rgba(0,0,0,.5);
	font-weight: bold;
	margin-bottom: 20px;
}
.footer .footer-top .ftool .toolbox .titem{
	float: left;
	position: relative;
	margin-right: 28px;
	vertical-align: top;
	cursor: pointer;
}
.footer .footer-top .ftool .toolbox .titem.phone{
	display: none;
}
.footer .footer-top .ftool .toolbox .titem:last-child{
	margin-right: 0;
}
.footer .footer-top .ftool .toolbox .titem .ico{
	width: 24px;
	height: 24px;
	-webkit-background-size: auto 18px;
	background-size: auto 18px;
}
.footer .footer-top .ftool .toolbox .titem .wxcode{
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 100%;
	transform: translatex(-50%) scale(0);
	margin-left: 13px;
	transition: all .5s ease;
}
/*友情链接*/
.footer .flink{
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.footer .flink .theme{
	font-size: 12px;
	color:  rgba(0,0,0,.5);
	margin-bottom: 15px;
	font-weight: bold;
}
.footer .flink .list{
	font-size: 0;
}
.footer .flink .list .lil{
	font-size: 12px;
	color: rgba(255,255,255,.5);
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right: 10px;
	margin-right: 10px;
	height: 24px;
	line-height: 24px;
	position: relative;
}
.footer .flink .list .lil:after{
	content: "";
	width: 1px;
	height: 10px;
	background-color: rgba(255,255,255,.5);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
}
.footer .flink .list .lil:last-child{
	padding-right: 0;
	margin-right: 0;
}
.footer .flink .list .lil:last-child:after{
	display: none;
}
.footer .footer-bottom{
	padding: 20px 0;
	position: relative;
}
.footer .footer-bottom .xk{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	font-size: 14px;
	color: #ab050b;
}
.footer .footer-bottom .fcontent{
	font-size: 14px;
	color: rgba(255,255,255,.5);
	line-height: 2;	
}
.footer .footer-bottom .fcontent a{
	color: rgba(255,255,255,.5);
}

@media only screen and (min-width: 601px){
.footer .footer-top .ftool .toolbox .titem:hover .wxcode{
	transform: translatex(-50%) scale(1);
}
.footer .flink .list .lil:hover{
	color: #fff;
}
}
@media only screen and (max-width: 1280px){
.footer .footer-top{
	padding: 30px 0;
}
}
@media only screen and (max-width: 1024px){
.footer .footer-top .fcontact-box .content{
	margin-bottom: 20px;
}
.footer .footer-top .fnav-list .list .lif{
	margin-bottom: 20px;
}
.footer .footer-top .fcontact-box .kefu.pc{
	display: none;
}
.footer .footer-top .fcontact-box .kefu.phone{
	display: block;
}
.footer .footer-top .ftool .toolbox .titem.pc{
	display: none;
}
.footer .footer-top .ftool .toolbox .titem.phone{
	display: block;
}
}
@media only screen and (max-width: 768px){
.footer .footer-top{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.footer .footer-top .fcontact-box{
	width: 100%;
}
.footer .footer-top .fnav-list{
	display: none;
}
.footer .footer-top .ftool{
	width: 100%;
}
}
@media only screen and (max-width: 414px){
.footer .footer-top{
	padding: 6% 0;
}
.footer .footer-top .fcontact-box .theme {
    font-size: 16px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin-bottom: 3%;
    padding-left: 50px;
    -webkit-background-size: auto 30px;
    background-size: auto 30px;
}
.footer .footer-top .fcontact-box .content{
	margin-bottom: 3%;
}
.footer .footer-top .fcontact-box .kefu {
    width: 120px;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    background-position: 16px;
}
.footer .footer-top .ftool{
	padding-top: 5%;
}
.footer .footer-top .ftool .theme{
	margin-bottom: 3%;
}
.footer .flink{
	padding-top: 6%;
	padding-bottom: 5%;
}
.footer .flink .theme{
	margin-bottom: 3%;
}
.footer .footer-bottom{
	padding: 3% 0;
}
.footer.index .footer-top .fcontact-box .content *{
	color: #fff!important;
}
}





.paggg{
    line-height: 100px;
    text-align: center;
    font-size: 16px;
    color: #da1428;
    display: block;
}
.paggg .loading-svg{
    width:100px;
    height: 100px;
    display: block;
    margin:60px auto;
    clear: both;
}

@media only screen and (max-width: 1280px){
.paggg{
    line-height: 80px;
}
.paggg .loading-svg{
    width:80px;
    height: 80px;
    margin:40px auto;
}
}
@media only screen and (max-width: 1024px){
.paggg{
    line-height: 60px;
}
.paggg .loading-svg{
    width:60px;
    height: 60px;
    margin:30px auto;
}
}
@media only screen and (max-width: 414px){
.paggg{
    line-height: 40px;
}
.paggg .loading-svg{
    width:40px;
    height: 40px;
    margin:8% auto;
}
}



/*搜索*/
.search-main .theme{
	font-size: 32px;
	margin-bottom: 30px;
	text-align: center;
}
.search-main img{ max-width:100%;width: 100%;}
.search-main {
	width: 94%;
	max-width: 1200px;
	margin:0 auto;
	margin-top: 75px;
	padding: 30px 0;
	min-height: calc(100vh - 260px);
}
.search-main .list{ margin-bottom:30px;}
.search-main .type {
	line-height: 50px;
	font-size: 30px;
	color: #e00000;
	font-weight: bold;
	text-align: center;
}

.search-main .list ul li {
	display: block;
	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding:30px 0;
	float: left;
	width: calc((100% - 30px) / 2);
	margin-right: 30px;
}
.search-main .list ul li:nth-child(2n){
	margin-right: 0;
}
.search-main .list ul li.nothing {
	width: 100%;
	text-align: center;
	border: 0px;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
	color: #999;
}


.search-main .list ul li a .text .title {
	font-size: 18px;
	margin-bottom: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;
height: 48px;
transition: all .5s ease;
}

.search-main .list ul li a .text .demo {
	font-size: 12px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 20px;
	display: none;
}

.search-main .list ul li a .text .rq {
	font-size: 14px;
	opacity: .7;
	line-height: 1.8;
}
.search-main .list ul li a .tu{ margin-bottom:20px;display: none;}
@media only screen and (min-width:600px) {
.search-main .list ul li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}
.search-main .list ul li:hover a .text .title{
	color: #da1428;
}
.search-main .list ul li a .tu{ width:200px; margin-right:30px; margin-bottom:0px;display: none;}
.search-main .list ul li a .text {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	width: 100%;
}
}

.search-main .list ul li a span {
	float: right;
	margin-right: 20px;
}

.search-main .list ul li a:hover {
	color: #21263f;
}
@media only screen and (max-width:1280px) {
.search-main .list ul li{
	padding:15px 0;
}
}
@media only screen and (max-width:800px) {
.search-main .type {
	font-size: 22px;
}
.search-main .list ul li{
	float: none;
	width: 100%;
	padding: 10px 0;
	margin-right: 0;
}
.search-main .list ul li a .text .demo{
	margin-bottom: 10px;
}
.search-main .list ul li a .text .title{
	font-size: 16px;
}
.search-main .theme{
	font-size: 24px;
	margin-bottom: 6%;
}
}