@charset "utf-8";
@font-face {
	font-family: "iconfont";
	src: url('../other/iconfont.woff') format('woff'),  url('../other/iconfont.ttf') format('truetype');
}
.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}


/* Style Reset */
.hidden { display:none !important;}
html {
	    font-size: 62.5%;
    font-family: "微软雅黑"Arial, sans-serif;
    color: #666;
}
body {
	position: relative;
	width: 100%;
	min-height: 100%;
	background: #fff;
	    font-size: 1.2rem;
	font-family: "microsoft yahei";
	max-width:480px;
	margin:0% auto;
}
body, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt {
	margin: 0;
	padding: 0;
		margin:0px auto;
}
body, html {
	height: 100%;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
}
a {
	text-decoration: none;
	outline: 0px;
}
fieldset, img {
	border: 0;
}
img {
	display: block;
	max-width: 100%
}
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea {
	-webkit-appearance: none;
}
a {
	text-decoration: none;
	outline: 0px;
    color: #808080;
}
.c {
	clear: both;
	width: 100%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.cls {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0;
}
.wp {
	width: 94%;
	margin: 0 auto;
}
.wps {
	width: 94%;
	margin: 0 auto;
}
.wp2 {
	width: 94%;
	margin: 0 auto;
}
.wp3 {
	width: 100%;
	margin: 0 auto;
}
.wp4 {
	width: 94%;
	margin: 0 auto;
}
.wp5 {
	width: 94%;
	margin: 0 auto;
}
.pt {
	padding-top: 10px;
}
.pt3 {
	padding-top: 30px;
}
.pb {
	padding-bottom: 10px
}
.pb2 {
	padding-bottom: 20px
}

.pb3 {
	padding-bottom: 30px;
}

.mt {
	padding-top: 3%;
}
.mb {
	padding-bottom: 3%
}
ul {
	display: block;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
}

.hs{ background:#f5f5f5;}

 @media only screen and (min-width: 640px) {
/*html {
	font-size: 100px;
}*/
}
 @media only screen and (min-width: 480px) and (max-width: 639px) {
/*html {
	font-size: 80px ;
}*/
}
 @media only screen and (min-width: 321px) and (max-width: 479px) {
/*html {
	font-size: 70px;
}*/
}
 @media only screen and (max-width: 320px) {
/*html {
	font-size: 60px;
}*/
}
/*----------------------------------------------------------------------------头部导航----------------------------------------------------------------------------*/
.nav-header .nav-icon-line, .nav-header .nav-icon:after, .nav-header .nav-icon:before, .nav-menu-container .nav-icon-line, .nav-menu-container .nav-icon:after, .nav-menu-container .nav-icon:before {
	height: 2px;
	background-color: #fa1225;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	border-radius: 2px;
	opacity: 1;
}
.nav-header .nav-icon-line, .nav-menu-container .nav-icon-line {
	position: absolute;
	top: 8px;
}
.nav-header .nav-icon:before, .nav-menu-container .nav-icon:before {
	content: "";
	position: absolute;
	top: 0;
}
.nav-header .nav-icon:after, .nav-menu-container .nav-icon:after {
	content: "";
	position: absolute;
	top: 16px;
}
.nav-header.open .nav-icon-line, .nav-menu-container.open .nav-icon-line {
	opacity: 0;
}
.nav-header.open .nav-icon:before, .nav-menu-container.open .nav-icon:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 8px;
}
.nav-header.open .nav-icon:after, .nav-menu-container.open .nav-icon:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 8px;
}
.nav-header {
	background-color: #fff;
	height: 50px;
	padding: 6px 10px;;
	box-sizing: border-box;
	width: 100%;
	z-index: 998;
	overflow: hidden;
	position: absolute;
	top: 0;
	max-width:480px;
	margin:0px auto;
}
.nav-header img {
float:left; height: 48px;
}
.nav-header .nav-icon-line, .nav-header .nav-icon:after, .nav-header .nav-icon:before {
	width: 24px;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.nav-header.open .nav-icon-line, .nav-header.open .nav-icon:after, .nav-header.open .nav-icon:before {
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.nav-header .nav-icon {
	position: absolute;
	margin-right: 15px;
	display: inline-block;
	width: 24px;
	height: 20px;
	right: 0;
	top: 16px;
	z-index: 1010;
}
.nav-header.fixed {
	position: fixed;
	top: 0;
	border-bottom: 1px solid #f1f1f1;
}
.nav-menu-container .nav-menu {
	background-color: #fff;
	position: fixed;
	top: 0;
	right: -230px;
	overflow: hidden;
	z-index: 1005;
	height: 100%;
	width: 230px;
	padding-left: 30px;
	box-sizing: border-box;
	-webkit-transition: right .25s ease-in-out;
	transition: right .25s ease-in-out;
}
.nav-menu-container .nav-menu .nav-list-container {
	height: 100%;
	overflow-y: scroll;
}
.nav-menu-container .nav-menu .nav-list {
	padding-top: 65px;
}
.nav-menu-container .nav-menu .nav-item {
	line-height: 45px;
	font-size: 1.6rem;
	color: #333;
}
.nav-item a { color:#333;}
.nav-menu-container .nav-menu .nav-subitem {
	line-height: 38px;
	font-size: 1.4rem;
	color: #666;
	margin-left: 16px;
	line-height: 240%;
}
.nav-menu-container .nav-menu .item-icon {
	margin: 0 auto 20px;
	display: block;
	width: 36px;
	height: 36px;
	background-color: #000;
}
.nav-menu-container .nav-menu .nav-logo {
	visibility: hidden;
	position: absolute;
	background-color: #fff;
	width: 180px;
	box-sizing: border-box;
	padding: 15px 0 15px 0;
	-webkit-transition: .6s ease-in-out .1s;
	transition: .6s ease-in-out .1s
}
.nav-menu-container .nav-menu .nav-logo:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	pointer-events: none;
	border-bottom: 1px solid #f1f1f1;
}
.nav-menu-container .nav-menu .logo-m {
	display: block;
	height: 30px;
	font-size: 2rem;
	color: #fa1225;
}
.nav-menu-container .nav-icon {
	visibility: hidden;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 18px;
	right: 0;
	z-index: 1010;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
.nav-menu-container .nav-icon-line, .nav-menu-container .nav-icon:after, .nav-menu-container .nav-icon:before {
	width: 18px;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.nav-menu-container .nav-bg {
	display: none;
	background-color: rgba(0,0,0,.7);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 2000px;
	z-index: 1002;
}
.nav-menu-container.open .nav-icon {
	visibility: visible;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.nav-menu-container.open .nav-logo {
	visibility: visible;
}
.nav-menu-container.open .nav-menu {
	right: 0;
}
.nav-menu-container.open .nav-bg {
	display: block;
}
.nav-item ul li{
	margin-left:16px;
	height:32px;
	line-height:32px;
}
.nav-item ul li a{
	font-size:1.4rem;
	color:#666;
}

/*导航*/
.nav-header a{ position: absolute; position: fixed; top:10px;}


/*视频*/
.i-title-box{text-align: center; padding: 30px 0 20px;}
.i-title{padding: 0 60px; text-align: center; width: auto; margin: 0 auto;  background-repeat: no-repeat; display: inline-block; max-width: 100%;}
.i-title h3{font-size: 24px; color: #333333; line-height: 150%; font-weight: normal;}
.i-title p{font-size: 12px; color: #999999; line-height: 100%; text-transform: uppercase; padding-top: 5px;}
.i-video .main{width: 100%; padding-bottom:30px; position: relative;}
.i-video .main video{width: 700px;height: 432px;margin: 0 auto;position: relative;display: block;z-index: 5;background: #000;}
.i-video .main .info i{background: url(../images/i_ico1.png) no-repeat 0 0;width: 9px;height: 335px;position: absolute;left: -9px;top: 0;}
.i-video .main .info .text{width: 80%;margin: 65px auto 0;}
.i-video .main .info .text h3{font-size: 20px;color: #ff0000;line-height: 1.5;}
.i-video .main .info .text .line{width: 26px;height: 1px;background: url(../images/i_line.png) no-repeat 0 0;margin: 19px 0 20px;display: block;}
.i-video .main .info .text p{font-size: 12px;color: #333333;line-height: 2;}
.i-video .main .video-bg{width: 183px;height: 173px;background: url(../images/video_bg.png) no-repeat 0 0;position: absolute;left: 111px;top: 156px;z-index: 1;}
.i-video .main .btn{height: 40px;margin: 18px 0 0 18px;}
.i-video .main .btn a{display: inline-block;margin-right: 11px;width: 38px;height: 38px;border: 1px solid #c6c6c6;background: url(../images/i_video_btn1.png) no-repeat 0 0;z-index: 20;}
.i-video .main .btn a.rights{background-position: -38px 0;}
.i-video .main .btn a:hover{border-color: #ff0000;background-color: #ff0000;background-image: url(../images/i_video_btn2.png);}
.i-video .main .img-list{position: absolute;left: 0;top: 0;width: 100%;height: 432px;}
.i-video .main .img-list ul{width: 700px;height: 432px;position: absolute;left: 50%;margin-left: -350px;}.i-video .main .img-list li{opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;}
.i-video .main .img-list li img{width: 100%;}

.i-video .main video {
    width: 100%;
    background: #000;
    height: auto;
}

.i-video .main .info i {
    display: none;
}
.i-video .main .info .text {
    width: 90%;
    margin-top: 10px;
}
.i-video .main .video-bg {
    display: none;
}
.i-video .main .img-list ul {
    width: 100%;
    height: auto;
}
.i-video .main .info {
    position: static;
    width: 100%;
    height: auto;
}

/*首页产品*/
.pro-list { margin: 0px 10px; }
.pro-list .detail { text-align:center;}
.pro-list .detail .tit{ font-size: 20px; color: #333333; 	padding-top: 30px; display: block;}
.pro-list .detail .tit:after {
    content: "";
    width: 30px;
    display: block;
    margin: 0px auto;
    height: 1px;
    background: #cccccc;
    margin-top: 20px;

}
.pro-list .detail  p{ text-align: left;}
.pro-list .detail .btn {
    transition: all .36s ease;
    display: inline-block;
    width: 148px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: solid 1px #e0e0e0;
    font-size: 14px;
    color: #999999;
}
.pro-list .detail p {
	padding: 0px 20px;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 30px;
	line-height: 180%;
}
.pro-list .swiper-slide{box-shadow: 0px 0px 15px #e5e5e5; margin-left:0px; padding-bottom: 30px; }

.pro-list .swiper-container{ padding-bottom:50px;   }

 .pro-list .swiper-pagination-bullet{background:#bfbfbf;}
 .pro-list .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fa1225;
}

/*首页案列*/
.ix-case-tit{ padding:10px 10px; background: #fff; }
.ict-t1{ color:#333333; font-size: 16px;line-height: 180%;}
.ict-t2{ font-size: 12px; color:#999;}
.ix-case .ic:nth-child(1){ width: calc(97.5% - 10px)}
.ix-case .ic{  display: block; margin-left: 10px; float: left; width: calc((95% - 10px)/2); margin-bottom: 20px;}
.more {
    display: block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-indent: 50px;
    margin: 0px auto 0;
    background: #626262 url(../images/more_ico.png) no-repeat 25px center;
    font-size: 12px;
    color: #ffffff;
	    background-size: 15px;
}
/*首页选择我们的理由*/
.ix-wmly{ position:relative;}
.ix-wmly-tit{ position: absolute; top: 30px;}

/*首页新闻*/
.ix-news-lb{ margin:0px 10px; }
.ix-news-lb .swiper-slide{ padding-bottom: 60px;}
.ix-news-lb .detail .tit{font-size:16px; color:#333; padding-top: 15px; display: block;}
.ix-news-lb .detail p{ color:#999; font-size: 12px; padding-top: 8px; padding-bottom: 20px;}
.ix-news-lb .detail .btn{ width:100px; height:30px; margin: 0px auto; display: block; line-height: 30px; background-color: #e50012; text-align: center; color: #fff; border-radius: 6px; height:30px;}

.ix-news-lb>.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:20px !important;}
.ix-news-lb .swiper-pagination-bullet{background:#bfbfbf;}
.ix-news-lb .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fa1225;
}

/*== ix-message ==*/
.ix-mess-input{
	padding-bottom: 30px;
	text-align: center;
	position: relative;
}
.ix-mess-input h4{
	font-weight: normal;
	font-size: 14px;
	color: #898989;
	line-height: 2;
	text-align: center;
	width: 70%;
	margin: 0px auto;
}
.ix-mess-input span.line{
	display: block;
	margin: 9px auto 0;
	width: 27px;
	height: 1px;
	background: #c6c6c6;
}
.ix-mess-input .form{
	display: block;
	max-width: 1050px;
	margin: 30px auto 0;
}
.ix-mess-input .form input{
border: none;
	font-size: 14px;
	width: 200px;
	height: 50px; line-height: 50px; text-align: center; color:#fff; background: #eb2323; border-radius: 4px;
}
.ix-mess-input .form .line1{
	width: 266px;
	height: 48px;
	line-height: 48px;
	padding: 0 46px 0 13px;
	float: left;
	margin: 0px auto;
}
.ix-mess-input .form .name{
	background: #fff url(../images/i_form_ico1.png) no-repeat right 0;
}
.ix-mess-input .form .phone{
	background: #fff url(../images/i_form_ico2.png) no-repeat right 0;
}
.ix-mess-input .form .email{
	margin-right: 0;
	background: #fff url(../images/i_form_ico3.png) no-repeat right 0;
}
.ix-mess-input .form textarea{
	width: 70%;
	    box-shadow: 0px 0px 10px #cccccc;
		border:none;
	padding: 10px 46px 10px 13px;
	height: 100px;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 20px;
	background: #fff url(../images/i_form_ico4.png) no-repeat right top;
}
.ix-mess-input .form .key{
	width: 310px;
	height: 44px;
	margin: 0 auto;
}
.ix-mess-input .form .file{
	width: 134px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin-bottom: 20px;
	background: #939393;
	font-size: 14px;
	color: #fff;
	
	cursor: pointer;
	float: left;
}
.ix-mess-input .form .file:hover{
	background: #ff0000;
}
.ix-mess-input .form .file-box p{
	margin-left: 20px;
	line-height: 34px;
}
.ix-mess-input .form .file-btn{
	display: none;
}
.ix-mess-input .form input.pull-left{
	display: none;
}
.ix-mess-input .form .line1 {
    float: none;
    width: 70%;
    margin-right: 0;
		margin-bottom: 15px;
	    text-align: left;
        color: black;
}
.ix-mess{ position:relative; }
.ix-mess-input{ position:absolute;z-index: 12; top:15%;}
.ix-mess .ix-mess-input{ padding-bottom: 0px;}
.ix-mess .i-title-box{ position:absolute; text-align: center; left:0; right:0;}
 /*========== ix-footer =============*/
.ix-footer{ background-color:#fff; }
.ix-footer h1{ color: #333; font-size: 16px; font-weight: normal;}
.if-t1{ padding:15px 10px; padding-top: 20px;}
.if-t2{ padding:15px 10px; padding-top: 0px;}
.if-t1 p, .if-t2 p{ padding-top: 10px; color:#808080; font-size: 12px;}
.if-t2 p span{ padding-right:15px;}
.if-t3{ padding:15px 0px; border-top:solid 1px #e5e5e5; color:#808080; text-align: center;}

/*自定义*/
 #list_type{
    margin: 0 10px;
}
    #list_type .type {
    width: 100%;
   

        padding: 20px 0px;

}
    #list_type .type li {
    width: calc((100% - 20px)/3);
    float: left;
    margin-left:10px;
}
     #list_type .type li:nth-child(1){ margin-left:0px;}
#list_type .type li a.hover {
    background: #ff8c10;
}
#list_type .type li a {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    display: block;
    text-align: center;
    color: #666;
     background: #fff;
    border-radius: 5px;
    border:solid 1px #f2f2f2;

}




/*升级样式*/

/*三大栏目*/
.ix-sdmk .ix-sdml-list{ width: 100%;  text-align: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin-top:30px;}
.ix-sdmk .ix-sdml-list .isl-img img{ max-width: 100%;}
.ix-sdmk .ix-sdml-list .isl-tit { padding: 20px 10px;}
.ix-sdmk .ix-sdml-list .isl-tit h1{  font-size: 16px; color: #333333; padding-bottom:10px; }
.ix-sdmk .ix-sdml-list .isl-tit p{ font-size: 14px; color: #666;  width: 100%; }
.ix-sdmk .ix-sdml-list .isl-tit a{ transition:all 0.36s ease; margin-top: 20px; width: 150px; height: 40px; border-radius: 6px; text-align:center; line-height: 40px; display:inline-block; text-transform: uppercase; font-size: 14px; color:#999999; border:solid 1px #e0e0e0}



.ix-sdmk .ix-sdml-list .isl-tit a:hover{ background:#e60012; color:#fff; border:solid 1px #e60012}

.i-title.bs h3{color: #fff;}
.i-title.bs p{color: #fff;}

/*关于我们*/
.ix-sj-ab{ color:#fff;}
.isa-nav ul li{ text-align: center; float: left; width: 50%;  margin-bottom:15px;}
.isa-nav ul li p{ font-size: 18px; padding-bottom: 10px; }
.isa-nav ul li span{font-size: 36px; display: inline-block; line-height: 100%; font-family: Arial, Helvetica, sans-serif;}
.isa-nav ul li b{font-size: 16px; display: inline-block;}
.isa-text p { font-size: 14px; text-align: center; line-height: 200%;}

.isa-list ul li{ padding-bottom: 20px;}
.isa-list .il-img{ width: 100%;}
.isa-list .il-img img{ max-width: 100%;}
.isa-list .il-tit{ width: 100%; padding-right:10px; }
.isa-list .il-tit h1{ font-size: 18px; display:inline-block; border-bottom: solid 1px #fff; line-height: 150%; font-weight: normal; padding-bottom: 15px; padding-top: 15px;}
.isa-list .il-tit p{ padding-top: 15px; font-size: 14px; line-height: 180%; text-indent: 32px;}


/*合作伙伴*/
.ix-hzhb{ background-color: #f5f5f5;}
.ih-box .ib-img{ width: 100%; }
.ih-box .ib-img img{ max-width: 100%;}
.ih-box .ib-list ul li{ width: calc((100% - 10px)/2); float: left; text-align: center; margin-top: 10px;}
.ih-box .ib-list ul li:nth-child(even){margin-left:10px;}
.ih-box .ib-list ul li p{height: 40px; line-height: 40px; background-color:#fff; margin-top: 1px;} 

/*荣誉证书*/
.iy-list-1{ width: 100%;}
.iy-list-1 ul li{ padding-bottom: 20px;}
.iy-list-1 ul li:last-child{ padding-bottom: 0px;}
.iy-list-1 ul li img{ max-width: 100%; display: block;}
.iy-list-2{ width: 100%; margin-top:15px;}
.iy-list-2 img{ max-width: 100%;}


/*内页*/


/*产品列表*/
.pro-sj-nav{ padding: 30px 0px; border-bottom: solid 1px #e0e0e0;}
.pro-sj-nav ul li{ width: 356px; margin-left: 30px; position: relative; float: left; padding: 10px; background-color: #fff; border: solid 2px #fff; transition: all 0.36s ease;}
.pro-sj-nav ul li:nth-child(1){margin-left: 0px;}
.pro-sj-nav ul li img{ max-width: 100%; display: block;}
.pro-sj-nav ul li .psn-tit{ position: absolute; left: 0; right: 0; margin: 0px auto; font-size: 24px; color:#fff;text-align: center; top: 50%;  margin-top: -14px; color: black; color:#fff;}
.pro-sj-nav ul li:hover{border: solid 2px #e40212;}
.pro-sj-nav ul li.active{border: solid 2px #e40212;}

/*内页导航栏目*/
.pg-nav{ }
.pg-nav .pg-nav-head{ background-color: #4d4d4d;  padding: 0px 10px;     border-radius: 5px;}
.pg-nav .pg-nav-head h1{ font-size: 14px; color:#fff; font-weight: normal; height: 40px; line-height: 40px;}
.pg-nav .pg-nav-head p{ text-align: right; font-size: 18px; text-transform: uppercase; color: #fff; font-style: italic; padding: 15px 0px;}

.pg-nav-list ul li{  background-color: #fff;   position: relative; transition: all 0.36s ease; padding-bottom: 5px;     padding-top: 5px;}
.pg-nav-list ul li .gz1{ color: #333333; font-size:18px; padding: 10px 0px; transition: all 0.36s ease; display: block; padding-bottom: 10px; cursor:pointer; }
.pg-nav-list ul li .gz1 b{display: inline-block; width: 6px; height: 6px; background-color: #666666; margin-right: 10px;  vertical-align: middle; margin-top: -3px;}
.pg-nav-list ul li .gz1 span{ position: absolute; top: 16px; right: 0px; font-size:18px; font-family: "宋体";  font-weight: bold; color:#666; transition: all 0.36s ease;}


.pg-nav-list ul li.active>a{ background-color: #e40212;}
.pg-nav-list ul li.active>a{ color:#fff; }
.pg-nav-list ul li.active>a>span{ color:#fff}

.nav-2 p {padding: 5px 10px; padding-left: 20px;}
.pg-nav-list ul li .nav-2 p a{font-size: 14px; color: #666666; position: relative; display: block;}


.pg-nav-list ul li.gz2 a span{ transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); }
.pg-nav-list ul li .nav-2 p a:hover{ color: #e40212;}
.pg-nav-list ul li .nav-2 p a:hover::before{ background-color: #e40212;}
.pg-nav-list ul li .nav-2 p a.active{ color: #e40212;}
.pg-nav-list ul li .nav-2 p a.active::before{ background-color: #e40212;}
.pg-nav-list ul li.gz2 .nav-2{ display: block;     padding-bottom: 10px;}

.pg-nav-head {position:relative;}
.pg-nav-head span{display: inline-block;  vertical-align: middle;}
.pg-nav-head span img{margin-top: -3px; padding-right: 5px;}
.pg-nav-head  i{ display:inline-block; width:20px; position:absolute; right:10px; top:10px;}
.pg-nav-head i img{ max-width:100%; margin-top:0px}
/*右边产品*/
.pro-sj-list .pro-list { width: 900px;}

.pro-sj-list .pro-list li{ width: 270px; margin-bottom: 30px;}
.pro-sj-list .pro-list .img{ width: 270px;}
.pro-sj-list .pro-list li:nth-child(1){ margin-left: 30px;}
.pro-sj-list .pro-list .detail{text-align: left; padding-top: 15px;}
.pro-sj-list .pro-list .detail .tit{font-size: 16px; color:#333;padding-bottom: 5px;}
.pro-sj-list .pro-list .detail .tit:after{ display: none;}
.pro-sj-list .pro-list .detail p{ padding: 0px; font-size: 13px; color:#666; width: 100%; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro-sj-list .pro-list .detail .btn{margin-top: 15px; text-transform: uppercase; color:#666; border-radius: 4px;}
.pro-sj-list .pro-list .detail .btn:hover{color:#fff;}
.pro-sj-list .pro-list li{ padding-bottom: 20px;}


/*广乏应用*/
.wp-sj{ padding-left: 10px; padding-right: 10px; margin: 0px auto; }
.pg-gfyy ul li{width: 100%; position: relative; margin-bottom:30px; height: 180px; overflow: hidden;}
.pg-gfyy ul li img{ max-width: 100%; display: block;}
.pg-gfyy ul li::after{ content: ''; position: absolute; left: 0; top: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; width: 100%; height: 100%;}
.pg-gfyy ul li .pg-gfyy-tit{ position: absolute; left: 0; right: 0; top: 50%; z-index: 2; color: #fff; text-align: center; margin-top: -30px;}
.pg-gfyy ul li .pg-gfyy-tit h1{ font-weight: normal; font-size: 20px; text-transform: uppercase;}
.pg-gfyy ul li .pg-gfyy-tit p{ font-size: 16px; padding-top: 5px;}


/*产品应用*/
.pg-cpyy ul li{width: 100%; position: relative; margin-bottom:20px;}
.pg-cpyy ul li:nth-child(1){ margin-left: 0px;}
.pg-cpyy ul li img{ max-width: 100%; display: block;}

/*全屋定制*/
.dz-ab-tect{ width: 100%;}
.dz-ab-img{ width: 100%;}
.dz-ab-tect .dzt-t1{ font-size: 24px; color:#333333; line-height: 120%; padding-top: 30px; padding-bottom:15px}
.dz-ab-tect .dzt-t2{font-size: 18px; color:#333333; line-height: 120%; padding-bottom: 10px;}
.dz-ab-tect .dzt-t2 span{  color: #333; display: inline-block; padding: 0px 10px;}
.dz-ab-tect .dzt-t2 b{color: #333333; font-weight: normal; font-size:12px;}
.dz-ab-tect .dzt-t3{font-size: 14px; line-height: 180%; color: #666; padding-bottom: 20px;}
.dz-ab-tect .dzt-t4{ background-color:#f5f5f5;}
.dz-ab-tect .dzt-t4 li{ width: calc((100% - 0px)/2); float: left; text-align:center;  padding:15px 0px;}
.dz-ab-tect .dzt-t4 ul li:nth-child(3){ width:100%; padding-top:10px; border-top:solid 1px #e5e5e5;}
.dz-ab-tect .dzt-t4 ul li h1{font-size: 30px; color:#333; font-weight: normal;}
.dz-ab-tect .dzt-t4 ul li h1 span{font-size: 14px; color: #333333;}
.dz-ab-tect .dzt-t4 ul li p{ color: #333; font-size: 14px; padding-top: 5px;}
.dz-ab-tect .dzt-t5{ padding-top: 20px; padding-bottom:30px}
.dz-ab-tect .dzt-t5 a{ width: 150px; height: 40px; text-align: center; line-height: 40px; display: block; border: solid 1px #e0e0e0; font-size: 16px; color: #999; transition:all 0.36s ease;}
.dz-ab-tect .dzt-t5 a:hover{ background:#eb2323; color:#fff; border:solid 1px #eb2323;}
.dz-ab-list ul{ text-align:center;}
.dz-ab-list ul li{width:calc((100% - 88px)/3); display:inline-block; margin-left:7px; text-align:center; background:#f5f5f5; padding:15px 10px; margin-bottom:10px;}
.dz-ab-list ul li:nth-child(1){margin-left:0px;}
.dz-ab-list ul li img{ display:inline-block; width:50px; height:50px; margin:0px auto;}
.dz-ab-list ul li h1{font-size:16px; color:#666; line-height:150%; font-weight:normal; padding-top:15px;}
.dz-ab-list ul li p{font-size:12px; color:#999; line-height:150%;}

.dz-an{ padding-top:20px; padding-bottom:30px;}
.dz-an a{width: 150px; height: 40px; border: solid 1px #e0e0e0;  text-align: center; margin:0px auto;   line-height: 40px;  display: block;  font-size: 16px;  color: #999;  transition: all 0.36s ease;}
.dz-an a:hover{background:#eb2323; color:#fff;}
/*产品中心*/
.dz-pro-wp{ margin:0px 0px; padding:0px 25px; position:relative;}
.dz-pro-wp .dp-img{overflow:hidden; width:100%; position:relative;}
.dz-pro-wp .dp-img img{ max-width:100%; transition:all 0.36s ease;}
.dz-pro-wp .dp-tit{height:50px; line-height:50px; background:#fff; font-size:16px; color:#666; text-align:center; transition:all 0.36s ease;}

.dz-pro-wp a:hover .dp-tit{ background:#df2027; color:#fff;}
.dz-pro-wp  a:hover .dp-img img{ transform:scale(1.08);}
.dz-pro-wp .swiper-button-next, .dz-pro-wp .swiper-button-prev{ width:20px; height:20px; background-size:20px; position:absolute; top:50%; margin-top:-10px;}
.dz-pro-wp .swiper-button-next{ background:url(../images/r.png)no-repeat center center; right:2px;}
.dz-pro-wp .swiper-button-prev{background:url(../images/l.png)no-repeat center center; left:2px;}

/*案例中心*/
.dz-case-wp{ margin:0px 0px; padding:0px 10px}
.dz-case-wp .dc-img{ position:relative; overflow:inherit; width:100%;}
.dz-case-wp .dc-img img{ display:block; transition:all 0.36s ease;}
.dz-case-wp .dc-tit{ padding:5px 10px; background:rgba(0,0,0,0.6); position:absolute; bottom:0; left:0; right:0; z-index:1; text-align:center;}
.dz-case-wp .dc-tit h1{font-size:16px; color:#fff; line-height:150%;}
.dz-case-wp .dc-tit p{font-size:16px; color:#fff; line-height:160%; display:none}
/*.dz-case-wp .dc-img:hover img{ transform:scale(1.08);}*/

.dz-case-wp .swiper-button-prev{ left:10px;}
.dz-case-wp .swiper-button-next{ right:10px;}

.dz-case-wp .swiper-button-next, .dz-case-wp .swiper-button-prev{     width: 15px; height: 24px; margin-top: -12px;     background-size: 15px 24px;}

.pg-dz-pro .pdp-list{ margin:0px auto;}
.pg-dz-pro .pdp-list ul{ }
.pg-dz-pro .pdp-list ul li{  width:100%;  margin-bottom:20px;}
.pg-dz-pro .pdp-list ul li .pl-img{width:100%; overflow:hidden;}
.pg-dz-pro .pdp-list ul li .pl-img img{ max-width:100%;transition:all 0.36s ease; display:block;}
.pg-dz-pro .pdp-list ul li .pl-tit{height:40px; line-height:40px; text-align:center; font-size:16px; color:#666; background:#f5f5f5; transition:all 0.36s ease;}


/*品牌画册*/
.ppc-wp{ padding:0px 10px ; }
.ppc-wp .ppc-tit{  padding-top:30px;}
.ppc-wp .ppc-tit h1{font-size:24px; color:#333333; line-height:120%; padding-bottom:10px;}
.ppc-wp .ppc-tit h2{font-size:12px; color:#999; text-transform:uppercase; line-height:200%; font-weight:normal;}
.ppc-wp .ppc-tit p{font-size:24px; color:#666; line-height:150%; padding-bottom:20px;}
.ppc-wp .ppc-tit a{width:150px; height:40px; text-align:center; line-height:40px; border-radius:4px;font-size:14px; background:#fff; text-transform:uppercase; display:inline-block; transition:all 0.36s ease;}
.ppc-wp .ppc-tit a:hover{ background:#df2027; color:#fff;}

/*产品详情*/
 .pc-banner{background:url(../images/top_main_bg01.jpg) no-repeat center top/100% auto;width:100%; position:relative; background-size: cover; padding:30px 0px}
@media screen and (max-width:668px){.pc-banner{background-size:auto 100%;}
}
 .pc-banner .swiper-container{width:100%;margin:0px auto;}
@media screen and (max-width:668px){ .pc-banner .swiper-container{}
}
 .pc-banner .swiper-slide{-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(0.7);transform:scale(0.7);}
@media screen and (max-width:668px){ .pc-banner .swiper-slide{-webkit-transform:scale(0.95);transform:scale(0.9); opacity:0.5;}
}
 .pc-banner .swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1); opacity:1}
@media screen and (max-width:668px){ .pc-banner .swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1);}
}
 .pc-banner .none-effect{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;}
 .pc-banner .swiper-slide a{background:#fff;padding:10px;display:block;}
@media screen and (min-width:668px){ .pc-banner .swiper-slide a:after{position:absolute;top:0;left:0;display:block;box-sizing:border-box;border:10px solid #fff;content:"";width:100%;height:100%;background:url(../images/top_slick_cover_bg01.png) 0 0 repeat;}
}
 .pc-banner .swiper-slide-active a:after{background:none;}
@media screen and (max-width:668px){ .pc-banner .swiper-slide a{padding:5px;}
}
 .pc-banner .swiper-slide img{width:100%;display:block;}
@media screen and (max-width:668px){ .pc-banner .swiper-slide img{}
}
 .pc-banner .swiper-pagination{position:relative;margin-bottom:30px; display:none;}
 .pc-banner .swiper-pagination-bullet{background:#00a0e9;margin-left:4px;margin-right:4px;width:17px;height:17px;opacity:1;margin-bottom:4px;}
 .pc-banner .swiper-pagination-bullet-active{width:13px;height:13px;background:#FFF;border:6px solid #00a0e9;margin-bottom:0;}
@media screen and (max-width:668px){ .pc-banner .swiper-pagination{position:relative;margin-bottom:20px;}
 .pc-banner .swiper-pagination-bullet{background:#00a0e9;margin-left:2px;margin-right:2px;width:8px;height:8px;margin-bottom:2px;}
 .pc-banner .swiper-pagination-bullet-active{width:6px;height:6px;background:#FFF;border:3px solid #00a0e9;margin-bottom:0;}
}
 .pc-banner .button{width:100%;margin:0 auto;bottom:43px;position:relative;}
@media screen and (max-width:668px){.button{width:70%;bottom:22px;}
}
 .pc-banner .button div:hover{background-color:#2f4798;}
 .pc-banner .swiper-button-prev{position:absolute; left:5px; top:50%; margin-top:-10px; width:25px;height:25px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #333333 center 50%/50% 50% no-repeat;}
 .pc-banner .swiper-button-next{position:absolute; right:5px; top:50%; margin-top:-10px; width:25px;height:25px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #333333 center 50%/50% 50% no-repeat;}
@media screen and (max-width:668px){ .pc-banner .button div{width:28px;height:28px;}
}



/*定制产品详情*/
.pg-dz-deta .pdd-head{ text-align:center;}
.pg-dz-deta .pdd-head h1{font-size:24px; color:#333; line-height:120%; padding-bottom:10px; font-weight:normal;}
.pg-dz-deta .pdd-head p{font-size:14px; color:#999; line-height:150%;}
/* 本例子css */
.sideMenu{   }
.sideMenu h3{ height:45px; line-height:45px; padding-left:10px; margin-top:20px; background:#f5f5f5; color:#666666;  cursor:pointer; font-size:16px; font-weight:normal; transition:all 0.36s ease;}
.sideMenu h3 em{ float:right; display:block; width:12px; height:12px;   background:url(../images/add.png) center center no-repeat; background-size:12px; cursor:pointer; transition:all 0.36s ease; margin-top: 15px;  margin-right: 10px;}
.sideMenu h3.on{ background:#eb2323; color:#fff; }

.sideMenu h3.on em{  background:url(../images/bdd.png) center center no-repeat; }
.sideMenu ul{ padding:15px 10px; color:#666; font-size:14px; line-height:160%; display:none; /* 默认都隐藏 */ background:#f5f5f5; }


/*VR*/
.dz-vr-wp{ margin:0px auto; padding-left:25px;padding-right:25px;}
.dz-vr-wp .vr-box{ text-align:center; position:relative;}
.dz-vr-wp .dv-img{ position:relative; overflow:hidden; width:100%; height:100%;}
.dz-vr-wp .dv-img::after{content:''; position:absolute; left:0;top:0;right:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.5)}
.dz-vr-wp .dv-img img{ display:block; transition:all 0.36s ease;}
.dz-vr-wp .dv-tit{ position:absolute; z-index:2; top:50%;   left:0; right:0; margin:0px auto; margin-top:-22px;}
.dz-vr-wp .dv-tit a{ display:inline-block; font-size:16px;  padding:0px 20px; height:43px; line-height:43px;  border-radius:6px; border:solid 1px #fff; color:#fff; transition:all 0.36s ease;}
.dz-vr-wp{ position:relative; }
.dz-vr-wp .swiper-button-next, .dz-vr-wp .swiper-button-prev{ width:20px; height:20px; background-size:20px; position:absolute; top:50%; margin-top:-10px;}
.dz-vr-wp .swiper-button-next{ background:url(../images/r.png)no-repeat center center; right:0;}
.dz-vr-wp .swiper-button-prev{background:url(../images/l.png)no-repeat center center; left:0;}

.dz-vr-wp .dv-tit a:hover{background:#eb2323; border:solid 1px #eb2323; color:#fff;}



/*六大优势*/
.jxs-ldys ul{ }
.jxs-ldys ul li{ width:100%;margin-left:0px;  margin-top:20px;}
.jxs-ldys ul li .jl-img img{ width:100%; height:200px;}
.jxs-ldys ul li .jl-tit h1{font-size:18px; color:#333333;  display:inline-block; border-bottom:solid 1px #333333; padding:15px 0px; margin-bottom:10px;}
.jxs-ldys ul li .jl-tit p{   font-size:14px; color:#666;}


/*加盟优势*/
.jxs-jm ul li{ background:#fff;  margin-bottom:20px; padding-bottom:20px;}
.jxs-jm ul li .jxs-jm-img{width:100%;}
.jxs-jm ul li .jxs-jm-img img{max-width:100%;}

.jxs-jm ul li .jxs-jm-tit{  padding-left:10px; padding-right:10px; padding-top:20px;}
.jxs-jm ul li .jxs-jm-tit h1{font-size:16px; color:#eb2323; padding-bottom:10px;}
.jxs-jm ul li .jxs-jm-tit p{font-size:14px; color:#666; line-height:200%;}

/*定制证书*/
.dz-vr-wp.dz-abc .dv-img::after{content:none;}

/*弹窗*/
.theme-mask { z-index: 999; position: fixed; _position: absolute;  top: 0; left:0; right:0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; display: none; }
.popover1 { z-index: 999; width:calc(100% - 40px); padding:0px 20px; padding-bottom:20px; z-index: 9999; position: fixed; right:0px; left:0; top: 0px;  margin: 0px auto; border-radius:0px 0px 6px 6px; background: #fff; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none;  }
.popover1 h1{font-size:18px; color:#e40212; padding-top:20px; position:relative;}
.popover1 h1 span{ position:absolute; top:22px; right:0px;  font-size:18px; font-weight:normal;}