@charset 'utf-8';
body {
	overflow: hidden;
	max-width: 1920px;
	margin: 0 auto;
}

.nav {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);
	height: 86px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background:#fff;
}

.nav.act {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	background: rgba(0, 0, 0, 0);
	z-index: 117;
}

.pcdaohangwai {
	background: #fff;
	width: 100%;
	height: 86px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.pcdaohangwai.act {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	background: rgba(0, 0, 0, 0);
}

.pcdaohangwai.act .navbox {
	display: none;
}

.pcdaohangwai.act .sousuoa {
	display: none;
}

.sousuoa i {
	display: inline-block;
}

.sousuoa .cuohao {
	position: absolute;
	top: 0;
	display: none;
}

.navcon {
	padding: 0px 153px 0px 100px;
	position: relative;
	height: 86px;
}

.navitem>a {
	display: block;
	/* color: #ffffff; */
	color: #000;
	font-size: 16px;
	font-family: "微软雅黑";
	padding: 35px 30px;
}
.navitem .nav-a1:hover{color:#c9151e;}

.navitem.act a {
	color: #333333;
}

.nav_asida.active a {
	color: #009cff;
}

.navitem.active a {
	color: #009cff;
}

.navitem.active .lanjian {
	opacity: 1;
}

.logo {
	width: 170px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav.active{background: #ffffff;} 

.logo .logo_a{opacity: 1;}
.logo .logo_b{opacity: 0;}
.logo.act .logo_a { opacity: 0; }
.logo.act .logo_b { opacity: 1; }
.nav.active .navitem > a{color: #141418;}
.nav.active .navitem > a.nav-a1:hover{color:#c9151e;}

.navitem > a.on{color:#c9151e;}
.nav.active .navitem > a.on{color:#c9151e;}


.logo_b {
	/*opacity: 0;*/
	/*display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.logo_a {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.logo_b.act {
	opacity: 1;
}

.logo_a.act {
	opacity: 01;
}

.logo img {
	width: 100%;
}

.sousuoa {
	width: 27px;
	position: absolute;
	top: 50%;
	right: 151px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}

.sousuoa.act {
	display: none;
}

.sousuo_b {
	display: none;
}

.sousuo_a {
	display: block;
}

.sousuo_a.act {
	display: none;
}

.sousuo_b.act {
	display: block;
}

.navbox {
	margin-right: 51px;
}

.navbox.act {
	display: none;
}

.menu_a {
	width: 100px;
	height: 86px;
	background: #ffffff;
	position: absolute;
	top: 0;
	right: 0;
}

.openmenu {
	display: block;
	position: relative;
	width: 28px;
	height: 50px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.openmenu span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 2px;
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #333333;
}

.openmenu span::after,
.openmenu span::before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	background: #333333;
}

.openmenu span::after {
	top: -10px;
}

.openmenu span::before {
	bottom: -10px;
}

.openmenu.act span {
	background: rgba(255, 255, 255, 0);
}

.openmenu.act span::before {
	top: 0;
	-webkit-transform: rotate(43deg);
	-ms-transform: rotate(43deg);
	-moz-transform: rotate(43deg);
	-o-transform: rotate(43deg);
	transform: rotate(43deg);
}

.openmenu.act span::after {
	top: 0;
	-webkit-transform: rotate(-43deg);
	-moz-transform: rotate(-43deg);
	-o-transform: rotate(-43deg);
	-ms-transform: rotate(-43deg);
	transform: rotate(-43deg);
}

.anniucon {
	position: absolute;
	bottom: 260px;
	left: 360px;
	z-index: 80;
	background: #4e5965;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	text-align: center;
	/*line-height: 72px;*/
	animation: myfirst 2s;
	-webkit-animation: myfirst 2s;
	/* Safari 与 Chrome */
}

@keyframes myfirst {
	from {
		left: -100%;
	}
	to {
		left: 360px;
	}
}

.anniucon::after {
	position: absolute;
	content: '';
	width: 360px;
	height: 1px;
	background: #ffffff;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -360px;
}

.anniu {
	background: #ff0000;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	text-align: center;
	line-height: 54px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hide {
	opacity: 0;
}

.san_a {
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/***搜索***/

.search {
	position: fixed;
	top: 86px;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 302;
	display: none;
	background-color: rgba(0, 0, 0, .5);
	/*	box-shadow: -1px 2px 16px #8c8c8c;*/
}

#cdk::-webkit-input-placeholder {
	color: #fff;
}


/* 使用webkit内核的浏览器 */

#cdk::-moz-placeholder {
	color: #fff;
}


/* Firefox版本4-18 */

#cdk::-moz-placeholder {
	color: #fff;
}


/* Firefox版本19+ */

#cdk::-ms-input-placeholder {
	color: #fff;
}


/* IE浏览器 */

.search .pcbb {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	/*height: 100%;*/
	height: 80px;
}

.pcs_close {
	position: absolute;
	top: 2px;
	left: 0px;
	cursor: pointer;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	width: 16px;
	display: none;
	z-index: 50;
}

.pcs_close img {
	width: 100%;
}

.search .pcs_close:hover {
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.search .pcs_close img {
	width: 26px;
}

.search .pcsearch {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.search .pcsearch .pstitle {
	/*margin-bottom: 35px;*/
	display: none;
}

.search .pcsearch .pstitle img {
	width: 210px;
}

.search .pcsearch h5 {
	font-size: 28px;
	color: #ffffff;
	text-transform: uppercase;
	/* font-family: 'Century Gothic'; */
	font-family: '微软雅黑';
	display: none;
}

.search .pcsearch .sebox {
	width: 850px;
	max-width: 100%;
	position: relative;
}

.search .pcsearch .sebox input {
	float: left;
	width: calc(100% - 96px);
	height: 80px;
	padding-left: 30px;
	margin-right: 17px;
	color: #fff;
	font-size: 18px;
}

.search .pcsearch .sebox button {
	display: inline-block;
	width: 79px;
	height: 79px;
	/*background-color: #50e2d7;*/
	text-align: center;
	line-height: 79px;
	cursor: pointer;
}

.pcxiala {
	width: 100%;
	height: 400px;
	background: rgba(255, 255, 255, 0.92);
	position: absolute;
	top: 86px;
	left: 0;
	display: none;
	height:360px !important;
}

.pcxialacon {
	width: 1200px;
	margin: 0 auto;
	padding: 45px 0px;
}

.pcxialaa h3 {
	color: #333333;
	font-size: 36px;
	font-family: "微软雅黑";
	position: relative;
}

.pcxialaa h3::after {
	position: absolute;
	content: '';
	width: 51px;
	height: 3px;
	background: #1785ff;
	left: 0;
	bottom: -37px;
}

.pcxialaa p {
	color: #333333;
	font-size: 14px;
	font-family: "微软雅黑";
	line-height: 36px;
	margin-top: 75px;
}

.pcxialacon .pcxialaa:nth-child(1) {
	width: 304px;
	overflow: hidden;
}

.pcxialacon .pcxialaa:nth-child(2) {
	width: 592px;
	overflow: hidden;
	padding-left: 197px;
}

.pcxialacon .pcxialaa:nth-child(3) {
	width: 303px;
	overflow: hidden;
}

.pxialapic {
	width: 100%;
	height: 200px;
}

.pxialapic img {
	width: 100%;
	height: 100%;
}

.pcxialaa h4 {
	color: #333333;
	font-size: 16px;
	font-family: "微软雅黑";
	margin-top: 27px;
}

.pcxialaaboxa a {
	display: block;
	color: #666666!important;
	font-size: 16px;
	font-family: "微软雅黑";
	margin-bottom: 25px;
}

.pcxialaaboxa a:hover{color:#c9151e;}

.header-warp{background-color: #fff;display: none;position: fixed;width: 100%;height: 100%}
.header-warp.on{display: block;}
.float-box{position: absolute; height: 86px; background: #ffffff; right: 0;top:0;z-index:18;transition: all 0.2s;-webkit-transition: all 0.2s;}
.float-box .bot{display: flex; display: -webkit-flex; align-items: center; height: 86px; width:100px;cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-left{width: 25%;position: fixed;left:-25%;top: 0;height: 100%;z-index: 99999;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;overflow: hidden;}
.header-left.on{opacity: 1;left:0%}
.header-left img{display: block;width: 100%; transform:scale(1.1);-webkit-transform:scale(1.1);transition: all 2s;-webkit-transition: all 2s;transition-delay:0.5s;}
.header-left.on img{transform:scale(1);-webkit-transform:scale(1);}

.header{width:0%;height: 100%;position: fixed;right: 0;top: 0;background-color: #fff;z-index: 99999;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;box-shadow: -1px 0 10px 0 rgba(0,0,0,0.2)}
.header.on{opacity: 1;width: 75%;}
.header .navv{position: absolute;right: 5%;top: 3%;z-index: 5;}
.navv{
    width:35px;
    height:38px;
    margin:0 auto 0;
    cursor: pointer;
    position: relative;
}
.navv>div{line-height: 12px; transition: all 0.6s;}
.navv>div i{ display: inline-block; width: 35px; height: 2px; margin: 4px 0; background: #141418; 
    -webkit-transition: all 0.8s;
            transition: all 0.8s;
     -webkit-border-radius : 20%;
        -moz-border-radius : 20%;
             border-radius : 20%;
}
.navv>span{position: absolute; top: 12px; left: 0; color: #141418; opacity: 0; transition: all 0.6s;}
.float-box .bot:hover .navv>span{opacity: 1;}
.float-box .bot:hover .navv>div{opacity: 0;}
.navv p{
    width:40px;
    height: 2px;
    background-color: #333;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.8s;
            transition: all 0.8s;
     -webkit-border-radius : 20%;
        -moz-border-radius : 20%;
             border-radius : 20%;
}
.navv p:nth-child(1){
    top: 2px;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: rotateZ(0deg);
            -ms-transform: rotateZ(0deg);
                transform: rotateZ(0deg);
            -webkit-transition: all 0.5s;
                -ms-transition: all 0.5s;
                    transition: all 0.5s;
}

.navv p:nth-child(1){
     -webkit-transform: rotateZ(45deg);
             transform: rotateZ(45deg);
}
.float-box .navv p:nth-child(1){
     -webkit-transform: rotateZ(0deg);
             transform: rotateZ(0deg);
}
.navv p:nth-child(2){
    top: 16px;
    width: 54px;
    left: -7px;
    -webkit-transition: all 0.5s;
            transition: all 0.5s;
}
.navv p:nth-child(2){
    opacity: 0;
}
.float-box .navv p:nth-child(2){
    opacity: 1;
}
.navv p:nth-child(3){
    top: 30px;
        -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
                transform-origin: left bottom;
        -webkit-transform: rotateZ(0deg);
            -ms-transform: rotateZ(0deg);
                transform: rotateZ(0deg);
            -webkit-transition: all 0.5s;
                -ms-transition: all 0.5s;
                    transition: all 0.5s;
}
.navv p:nth-child(3){
    -webkit-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
}
.float-box .navv p:nth-child(3){
   -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
}
    
.header .nav1{width: auto;margin:12% 0 10% 8%;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.header .nav1.on{margin:10% 0 10% 8%;opacity: 1}
.header .nav1 a{display: inline-block;margin-right:44px;padding-left: 67px;line-height: 22px;font-size:14px;color: #282828;position: relative;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header .nav1 a:before{display: block;width: 52px;height: 1px;content: '';display: block;position: absolute;left: 0;top: 48%;background-color: #282828;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header .nav1 a:hover{padding-left: 60px;margin-right:51px;}
.header .nav1 a:hover:before{width:45px;}
.header .nav2{width: auto;padding-left: 8%;position: relative;margin:0% 0 10% 0;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;position: relative;top:2%}
.header .nav2.on{opacity: 1;top: 0}
.header .nav2 li{width:auto;float: left;margin-right:6%;}
.header .nav2 li .h2{display: block;font-size: 24px;line-height: 25px;color: #282828;margin-bottom: 40px;padding-left: 0}
.header .nav2 li .h2 span{font-size: 18px;font-family:'Century Gothic'}
.header .nav2 li a{display: block;font-size: 14px;line-height: 29px;color: #666666;padding-left: 28px;}
.header .nav2 li a em{display: inline-block;width:0px;height: 1px;background-color:#666666;margin-right: 3px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header .nav2 li a:hover em{width: 12px;}


 @media all and (max-width:1820px) {
	.header .nav1.on{ margin: 10% 0 10% 6%;}
	.header .nav2{padding-left: 6%;}
	.header .nav2 li{margin-right: 5%;}
	
}  

 @media all and (max-width:1820px) {	
	.header .nav2 li{margin-right: 4%;}
	
}  

@media all and (max-width:1500px) {
	.header .nav1.on{ margin: 10% 0 10% 5%;}
	.header .nav2{padding-left: 5%;}
	.header .nav2 li .h2{font-size: 20px;}
	
}



/* Slider */

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-loading .slick-list {
	background: #fff url(../images/loader.gif) center center no-repeat;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	
}

.slick-dots li {

	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0px 5px;
	padding: 0px;
	cursor: pointer;
}

@-webkit-keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


/*main style end*/


/*index style*/

.align-vertical {
	height: 100%;
	width: 100%;
	position: relative;
	display: table;
}

.vertical-inner {
	display: table-cell;
	vertical-align: middle;
}

.transXT50 {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.transYT20 {
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.transYT50 {
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.transXT100 {
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.action.transYT50,
.action.transYT20 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.action.transXT50,
.action.transXT100 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.dly_1 {
	transition-delay: 100ms;
	-webkit-transition-delay: 100ms;
}

.dly_2 {
	transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
}

.dly_3 {
	transition-delay: 300ms;
	-webkit-transition-delay: 300ms;
}

.dly_4 {
	transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
}

.dly_5 {
	transition-delay: 500ms;
	-webkit-transition-delay: 500ms;
}

.dly_6 {
	transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
}

.dly_7 {
	transition-delay: 700ms;
	-webkit-transition-delay: 700ms;
}

.dly_8 {
	transition-delay: 800ms;
	-webkit-transition-delay: 800ms;
}

.dly_9 {
	transition-delay: 900ms;
	-webkit-transition-delay: 900ms;
}

.dly_10 {
	transition-delay: 1000ms;
	-webkit-transition-delay: 1000ms;
}

.dly_11 {
	transition-delay: 1100ms;
	-webkit-transition-delay: 1100ms;
}

.banner a:link,
.banner a:visited {
	color: #fff;
}

.banner a:active,
.banner a:hover {
	color: #fff;
}

.banner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	background-color: #efefef;
}

.banner .img {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0;
	right: 0;
	height: 100%;
	overflow: hidden;
}

.banner .pimg {
	width: 100%;
	display: block;
	position: absolute;
	overflow: hidden;
}

.banner .bimg {
	display: none;
	width: 100%;
	position: relative;
}

.banner .item {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.banner .yy {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40%;
	background: url(../images/yy.png) repeat-x scroll left bottom;
	background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	background: -webkit-gradient(linear, 0% 40%, 0% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
}

.banner .binbox {
	position: absolute;
	width: 1400px;
	overflow: hidden;
	left: 50%;
	margin-left: -700px;
	top: 0;
	height: 100%;
	display: table;
	color: #fff;
}

.banner .binbox .by {
	font-size: 50px;
	line-height: 1.2;
	letter-spacing: 3px;
}

.banner .binbox .zh {
	font-size: 30px;
	line-height: 1.5;
	margin-top: 23px;
}

.banner .binbox .en {
	font-size: 16px;
	font-family: "PF Din Light";
	line-height: 1.2;
	text-transform: uppercase;
	margin-top: 30px;
}


/*.banner .binbox .line{ width: 2px; height: 42px; display: block; margin: 20px 0; background-color: #fff;}*/

.banner .binbox a {
	width: 180px;
	height: 50px;
	line-height: 50px;
	margin-top: 100px;
	background: #ffffff;
	text-align: center;
	display: block;
	color: #141418;
}

.banner .slick-active .pimg {
	visibility: visible !important;
	-webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.banner .slick-active .bimg {
	visibility: visible !important;
	-webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.banner .slick-dots {
	position: absolute;
	height: 100%;
	bottom: 20px;
	z-index: 98;
	right: 40px;
	
}

.banner .slick-dots li {
	position: relative;
	top: 50%;
	display: block;
	
	width: 12px;
	height: 12px;
	padding: 20px 0;
	cursor: pointer;
	font-size: 0;
	
}

.banner .slick-dots li a {
	height: 12px;
	width: 12px;	

	display: block;
	overflow: hidden;
	padding: 0px;
	cursor: pointer;
	border-radius: 50%;
	background-color: none;
	border: 2px solid #ffffff;
	position: absolute;
	left: 0;
	top: 3px;
}

.banner .slick-dots li a:focus {
	outline: none;
}

.banner .slick-dots li.slick-active a {
	background: #ffffff;
	
}

.position-banner{position: relative;padding-top: 86px;}
.bannerindex{position: fixed; top: 0; left: 0; height: 100vh;}
.asidenav{

	position:absolute;

	bottom:0;

	right:0; 

	background:#c9151e;

	width:100px;

	height:100%;

	z-index: 48;

    -webkit-transition:all .3s ease-out 0s;

    -moz-transition:all .3s ease-out 0s;

    -o-transition:all .3s ease-out 0s;

    -ms-transition:all .3s ease-out 0s;

    transition:all .3s ease-out 0s;

}


@-webkit-keyframes decreaseHeight {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@keyframes decreaseHeight {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@-ms-keyframes decreaseHeight {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@-o-keyframes decreaseHeight {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@media screen and (min-width:1025px) {
	.fixedImg {
		background-attachment: fixed;
	}
	.banner .item {
		opacity: 1 !important;
	}
	.banner .binbox {
		opacity: 0;
		visibility: hidden;
		transform: translateX(-150px);
		-webkit-transform: translateX(-150px);
		-moz-transform: translateX(-150px);
	}
	.banner .slick-active {
		z-index: 400 !important;
	}
	.banner .slick-active .img {
		-webkit-animation: decreaseHeight 1.2s forwards;
		animation: decreaseHeight 1.2s forwards;
		overflow: hidden;
	}
	.banner .slick-active .binbox {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transition: .78s 0.55s cubic-bezier(.215, .61, .355, 1);
		-webkit-transition: .78s 0.55s cubic-bezier(.215, .61, .355, 1);
	}
}

.ibox-inner {
	width: 100%;
	margin: 0px auto;
	min-width: 1200px;
	padding: 0 8%;
}


/*主内容*/
/*.bannerindex{position: fixed; top: 0; left: 0; width: 100%;}*/ 
.indexboxa {background: #fff;}
.indexsec1{position: relative; background: #f5f5f5; padding-top: 100px;}
.indexsec1 .abimg{position: absolute; left: -30px; bottom: -2px; width: 50%;}
.indexsec1 .abimg img{ max-width: 100%;}
.indexsec1 .abtext{width: 60%; padding: 0 0 40px;}
.indexsec1 .abtext .title{margin-bottom: 50px;}
.indexsec1 .abtext .title h3{color: #141418; font-size: 41px; margin-bottom: 30px; font-family: arial;}
.indexsec1 .abtext .title h4{color: #141418; font-size: 34px; margin-bottom: 20px; font-weight: 600; }
.indexsec1 .abtext .info .text-p{line-height: 50px; font-size: 16px; color: #666666;}
.indexsec1 .abtext .info p{line-height: 50px; font-size: 16px; color: #666666;}
.indexsec1 .abtext .more{position: relative; width: 445PX; height: 60PX; line-height: 60PX; text-align: center; background: #FFFFFF; margin: 70px 0;z-index: 1;}
.indexsec1 .abtext .more a{color: #141418;  display: block; height: 60PX; line-height: 60PX; position: relative;}

.indexsec1 .abtext .more:hover a{color: #ffffff;}
.indexsec1 .abtext .more::before{position: absolute; content: ""; width: 0; height: 100%; left: 0; bottom: 0; background: #c9151e; z-index: 0;}
.indexsec1 .abtext .more:hover::before{width: 100%; transition: all 0.6s;}

.Guarantee_bg{background: #c9151e;}
.Guarantee_time { width: 60%; position: relative; padding: 70px 0 70px; margin-left: -60px;}
.Guarantee_time li{ color: #ffffff; margin: 0 auto; float: left; width:25%;  box-sizing: border-box;padding: 0 4% ;  position: relative;}
.Guarantee_time li h2{color: #ffffff; font-size: 50px; font-family: "DIN";font-weight: bold;  display: inline-block; }
.Guarantee_time li i{font-size: 14px; margin-left: 10px; color: #ffffff;}
.Guarantee_time li p{font-size: 14px; color: #ffffff; margin-top: 10PX;} 
.Guarantee_time li::before{position: absolute; content: ""; width: 1px; height: 100%; left: 0; top: 4px; background: #ffffff; opacity: 0.3; z-index: 999;}
.Guarantee_time li:first-of-type::before{background: no-repeat;}
.Guarantee_time li:first-of-type{padding-left: 0;}

.indextitle{padding: 60px 0;}
.indextitle .t1{font-size: 42px; margin-bottom: 30px; color: #333333;}
.indextitle .t2{font-size: 16px; color: #333333;}

/*案例*/
 
.indexsec2 .section4{ margin-bottom: 4vw; padding-left: 8%;}
.indexsec2 .section4 .wrapper .comm_title {
  max-width: 70%;
}
.indexsec2 .section4 .wrapper .desc {
  font-size: 15px;
  color: #666;
  margin-top: 30px;
}
.indexsec2 .section4 .wrapper a {
  width: 300px;
  line-height: 60px;
  position: absolute;
  right: 0;
  bottom: 20px;
  text-align: center;
  border: 2px solid #dcdcdc;
  font-size: 14px;
  color: #666;
  padding-right: 40px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.indexsec2 .section4 .wrapper a:before {
  content: '';
  width: 56px;
  height: 2px;
  background: #dcdcdc;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 20px 0 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.indexsec2 .section4 .wrapper a:hover {
  background: #bd0e1f;
  border-color: #bd0e1f;
  color: #fff;
}
.indexsec2 .section4 .wrapper a:hover:before {
  background: #fff;
}
.indexsec2 .section4 .items {
 padding-bottom:60px;
  font-size: 0;
  overflow-x: hidden;
}
.indexsec2 .section4 .items .block {
  position: relative;
  white-space: nowrap;
}
.indexsec2 .section4 .items .item {
  display: inline-block;
  vertical-align: top;
  width: 38vw;
  position: relative;
  margin-right: 2vw;
  white-space: normal;
  
}
.indexsec2 .section4 .items .item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/img21.png") center bottom no-repeat;
  background-size: cover;
  z-index: 1;

}

.indexsec2 .section4 .items .item .img_block {
  overflow: hidden;
}
.indexsec2 .section4 .items .item .img_block img {
  width: 100%;
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.indexsec2 .section4 .items .item .txt_block {
  position: absolute;
  left: 2vw;
  right: 2vw;
  bottom: 3vw;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-right: 70px;
  
 opacity: 1;
}

.indexsec2 .section4 .items .item:hover .txt_block {
	opacity: 1;
}
.indexsec2 .section4 .items .item .txt_block h3 {
  font-size: 27px;
}
.indexsec2 .section4 .items .item .txt_block h3 a {
  color: #fff;
}

.indexsec2 .section4 .items .item .txt_block p {
  font-size: 15px;
  color: #fff;
  line-height: 2;
  margin-top: 10px;
}
.indexsec2 .section4 .items .item .txt_block a.more {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/icon2.png");

  background-size: contain;
  opacity: 0;
}
.indexsec2 .section4 .items .item:hover .img_block img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.indexsec2 .section4 .items .item:hover .txt_block {
  bottom: 5vw;
}

.indexsec2 .section4 .swiper-container-horizontal > .swiper-pagination-progressbar, 
.indexsec2 .section4 .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{bottom: 0; top: auto;}

.indexsec2 .section4 .swiper-container-horizontal > .swiper-pagination-progressbar, 
.indexsec2 .section4 .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width: 1000px;  left: 50%; margin-left: -500px; }
.indexsec2 .section4 .swiper-container-horizontal > .swiper-pagination-progressbar, 
.indexsec2 .section4 .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height: 3px;}
.indexsec2 .section4 .swiper-pagination-progressbar{background: rgba(0,0,0,.15);}
.indexsec2 .section4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #c9151e;}


.swiper-jiantou{position: relative; display: flex; align-items: center; justify-content: center; padding: 80px 0 0; font-size: 16px;}
.swiper-jiantou p{height: 42px; }
.swiper-jiantou .swiper-button-next, .swiper-jiantou .swiper-button-prev{background-size: 17px 44px;}
.swiper-jiantou .swiper-button-next{position: relative; right: -170px;}
.swiper-jiantou .swiper-button-prev{position: relative; left: -170px;}
@media screen and (max-width: 1600px) {
  .index_jiejue .swiper-wrapper{width:99% !important;}
 
}

@media screen and (max-width: 1600px) {
	
  .indexsec2 .section4 .items .item .txt_block h3 {
    font-size: 24px;
  }

 
}
@media screen and (max-width: 1500px) {
 
  .indexsec2 .section4 .wrapper a {
    width: 220px;
    padding: 0;
    line-height: 46px;
    bottom: 35px;
	
 	
  }

  .indexsec2 .section4 .wrapper a:before,
{
    width: 30px;
  }

  .indexsec2 .section4 .items .item .txt_block h3 {
    font-size: 20px;
  }



  .indexsec2 .section4 .items .item .txt_block a.more {
    bottom: 0;
  }

 
}
@media screen and (max-width: 1366px) {

 

  
  
  .indexsec2 .section4 .items .item .txt_block p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 992px) {


  .indexsec2 .section4 .wrapper .comm_title {
    max-width: 100%;
  }

  .indexsec2 .section4 .wrapper .desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
  }

  .indexsec2 .section4 .wrapper a, .indexsec2 .section7 .top_block a {
    position: static;
    width: 160px;
    line-height: 40px;
    display: block;
    margin: 15px auto 0;
  }

  .indexsec2 .section4 .drag {
    display: none;
  }

  .indexsec2 .section4 .items .block {
    white-space: normal;
    padding: 0 5vw;
  }

  .indexsec2 .section4 .items .item {
    display: block;
    margin: 10px 0;
    width: 100%;
  }
 

  .indexsec2 .section4 .items .item .txt_block h3 {
    font-size: 16px;
  }

  .indexsec2 .section4 .items .item .txt_block p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
  }

  .indexsec2 .section4 .items .item .txt_block h3:before {
    margin-bottom: 15px;
  }

  .indexsec2 .section4 .items .item .txt_block a.more {
    bottom: 0;
  }

  .indexsec2 .section4, {
    padding: 6vw 0;
  }



 
}
@media screen and (max-width: 375px) {
  .comm_banner h3 {
    font-size: 30px;
  }

  .comm_banner p {
    font-size: 18px;
  }
}










.index_jiejue{ position: relative; margin-top: 70px;}
/* (轮播) */
.index_ll_sw01 { width: 100%; height: 930px;}
.index_ll_sw01 a { display: block; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.index_ll_sw01 a .div { width: 100%;  position: absolute; top: 15%; left: 0;   color: #fff; z-index: 999; }
.index_ll_sw01 a .div .h1 { font-size: 46px; line-height: 50px; margin-bottom: 70px; position: relative;  width: 70%;}
.index_ll_sw01 a .div .h2 { font-size: 16px; line-height: 38px; margin-bottom: 70px; height: 180px; overflow: hidden; color: #fff; width: 70%;}
.index_ll_sw01 a .div .span{ display: block; height: auto; width: 220px; text-align: center; line-height:50px; margin-bottom: 10px; color: #fff; font-size: 14px; border: 1px solid #fff;}
.index_ll_sw01 a .div .span:hover{ color:#fff; border: 1px solid  #cc0000; background: #cc0000;}
.index_ll_sw01 a{transition: all .8s ease-in-out}
/* (按钮) */
.index_jiejue_nav{width: 100%; height: 155px; position: absolute; bottom: 0; left: 0;  z-index: 9;}
.index_ll_sw02 .swiper-wrapper{background: #000000;}
.index_ll_sw02 .swiper-slide { height: 155px;
    width: calc(100%/7)!important;
    width: -moz-calc(100%/6);
    padding: 20px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    align-items: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center; }
	.index_ll_sw02>div:nth-child(1)>div:last-child img {
	  width: auto%;
	  height: auto%; 
	}
.index_ll_sw02 .swiper-slide:hover {  background: rgba(204,0,0.3); }
.index_ll_sw02 .swiper-slide-thumb-active { background: rgba(204,0,0,1); color: #fff; }
.index_ll_sw02 .swiper-slide-thumb-active:hover { background: rgba(204,0,0,1); color: #fff; }
.index_ll_sw02 .swiper-slide i { height: 68px;    display: flex;
    align-items: center;
    justify-content: center; text-align: center;  padding-bottom: 10px; }
.index_ll_sw02 .swiper-slide i img{}

/*线*/
.index_jiejue{}

.index_ll_sw02 .swiper-slide:hover i img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

@-webkit-keyframes jello {

    from, 11.1%, to { -webkit-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}



@-moz-keyframes jello {

    from, 11.1%, to { -moz-transform: none; transform: none }

    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}



@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}

/*新闻*/
.indexsec3{background: #f5f5f5; padding-bottom: 40px;}
.indexsec3-box .left{width: 66%; max-height: 540px; overflow: hidden;}
.indexsec3-box .left .img{position: relative; height: 100%; overflow: hidden; transition: all 0.6s;}
.indexsec3-box .left .img img{display: block; width: 100%; transition: all 0.6s; overflow: hidden;}
.indexsec3-box .left .img .text{position: absolute; z-index: 2; width: 100%; bottom: 0; padding: 50px; box-sizing: border-box;}
.indexsec3-box .left .img .text h3{color: #ffffff; font-size: 34px; margin-bottom: 30px;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.indexsec3-box .left .img .text p{color: #ffffff; font-size: 16px; line-height: 40px;}

.indexsec3-box .left .img:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/newsbg1.png") center bottom no-repeat;
  background-size: cover;
  z-index: 1;
}

.indexsec3-box .left:hover .img img{
       transform: scale(1.1);
    }



.top-list{margin-bottom: 2%;display: flex;display: -webkit-flex;display:-ms-flexbox;flex-wrap:wrap;}
.right-item{float: left; width:32%; margin-left: 2%;/* margin-bottom: 2%;*/transition: all 0.6s; background: #ffffff;}
.page-main .indexsec3-box .new-list{margin-bottom: 2%;}
.right-item em{display: block; overflow: hidden; }
.right-item em img{display: block; width: 100%; height: 100%; transition: all 0.6s;}
.right-item .text{padding:35px; box-sizing: border-box; transition: all 0.6s; }
.right-item .text h3{color: #333333; font-size: 22px; overflow: hidden; margin-bottom: 20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.right-item .text p{color: #707070; font-size: 14px; height: 65px; line-height: 30px; overflow: hidden; margin-top: 10px;}
.right-item .text span{display: block; color: #999999; font-family: arial; font-size: 14px; margin-bottom: 20PX;}
.right-item .text .more{position: relative;}
.right-item :hover em img{  transform: scale(1.1);}



.right-item .text i{display: inline-block;float: right; font-family: "宋体"; font-size: 16px;}
.right-item:nth-child(3n+1){margin-left: 0;}
.right-item a{display: block; }
.right-item:hover{transform: translateY(10px);  -webkit-box-shadow:0 0 20px 1px #d0d0d0;  
  -moz-box-shadow:0 0 20px 1px #d0d0d0;  
  box-shadow:0 0 20px 1px #d0d0d0;}
.right-item:hover h3{color: #cc0000;}

footer{ width:100%; overflow:hidden; background:url(../images/footer.jpg) center center no-repeat; background-size:cover;}
footer .foot{ width:100%; overflow:hidden; padding:80px 0;}
footer .foot .wenzi{ overflow:hidden; color:#fff; padding-right:6%;}
footer .foot .wenzi h2{ color:#fff; font-size:18px;}
footer .foot .wenzi figure{ overflow:hidden; padding-top:20px;}
footer .foot .wenzi figure a{ line-height:38px; color:#aaa; display:block;}
footer .foot .wenzi figure a:hover{ color:#fff;}
footer .foot .what{ overflow:hidden;}
footer .foot .what strong{ display:block; float:left; padding:0 25px; text-align:center;}
footer .foot .what strong img{ display:block; width:130px; height: 130px;}
footer .foot .what strong span{ display:block; color:#fff; font-size:14px; margin-top: 10px;}
footer .foot .lian{ overflow:hidden; text-align:center;}
footer .foot .lian .num{ display:block; color:#fff; font-size:26px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
footer .foot .lian .time{ display:block; color:#aaa; padding:15px 0 25px; overflow:hidden;}
footer .foot .lian .ljzx{ display:block; overflow:hidden;}
footer .foot .lian .ljzx a{ display:block; background:#c9151e; line-height:40px; color:#fff; font-size:16px;}
footer .weibu{ width:100%; overflow:hidden; padding:25px 0; color:#fff; text-align:left; border-top: 1px solid rgba(255,255,255,.1);}
footer .weibu a{color:#fff;}
footer .weibu a.zc{float:right;}


/*内页*/
.pic img {
	display: block;
	width: 100%
}
.ejnav {
	position: relative;
	border-bottom: 1px solid #ebebeb
}
.ejnavtit {
	width: 34%;

	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(-50%);
	background: #333333;
	padding: 20px 0 20px;
	filter:alpha(opacity=95);
-moz-opacity:0.95; 
opacity: 0.95;  
/*	padding: 40px 0 45px;
	background: url(../images/ejnavbac_02.jpg) no-repeat 100% 100%;
	*/
	text-align: right;
	box-sizing: border-box;
}
.ejnavtit div {
	text-align: left;
	display: inline-block;
	margin-right: 50px
}
.ejnavtit h2 {
	font-weight: bold;
	font-size: 46px;
	color: #fff;
	text-transform: uppercase;
	font-family: arial;
	line-height: 45px;
	margin-bottom: 5px;
}
.ejnavtit h3 {
	line-height: 32px;
	font-size: 24px;
	color: #fff;
}
.ejnav .ibox-inner {
	text-align: right;
	line-height: 0;
	height:59px
}
.ejnav .ibox-inner a {
	line-height: 57px;
	display: inline-block;
	padding: 0 22px;
	font-size: 16px;
	color: #282828;
	border-bottom: 2px solid transparent
}
.ejnav .ibox-inner a:hover,
.ejnav .ibox-inner a.ac {
	color: #f60f14;
	border-color: #f60f14
}
.gsjj-box{display: flex; display: -webkit-flex; display: -ms-flexbox; }

.gsjj_left {
	display: flex;
	width: 570px;	
	z-index: 2;
}

.gsjj_right {
	display: inline-block;
	width: 58%;

	box-sizing: border-box;
	padding-left: 70px;
	
}
.gsjj_right p {
	line-height: 35px;
	margin-bottom: 28px;
	color: #808080;
	font-size: 15px;
	
}

.gsjj_right>img {
	margin-top: 60px;
	margin-bottom: 40px
}
.gsjj {
	padding: 115px 0 0;
}
.zz {
	padding: 114px 0 125px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/zzbac_10.jpg);
	text-align: center
}

.index_tit {
    position: relative;
}
.index_tit h2 {
    font-size: 132px;
    color: rgba(75, 130, 176, .1);
    position: absolute;
    left: 0;
    font-family: arial;
    white-space: nowrap;
    text-transform: uppercase
}
.index_tit h3 {
    color: #282828;
    font-weight: bold;
    font-size: 36px;
    line-height: 54px;
	padding: 35px 0;	
}
.index_tit h4 {
    color: #282828;
    font-weight: bold;
    font-size: 24px;
    line-height: 43px;
    margin-bottom: 65px
}


.about-sec1{padding: 100px 0;}
.about-sec1 .title{padding-bottom: 65px; background: #ffffff;}
.about-sec1 .title h2{font-size: 36px; color: #141418; /*margin-bottom: 30px;*/}
.about-sec1 .title h4{font-size:28px;}
.about-sec1 .text{padding: 30px 60px; box-sizing: border-box;}
.about-sec1 .text span{display: inline-block; width: 60px; font-weight: bold; color: #333333;}
.about-sec1 .text i{display: inline-block;color: #333333;}
.about-sec1 .text p{line-height: 45px; font-size: 15PX; margin-top: 20PX;}
.about-sec1-left{width:75%; background: #f3f3f3; }
.about-sec1-img{width: 29%;}
.about-sec1-img img{display: block; max-height: 100%; max-width: 100%;}
.about-sec1-box{display: flex;}

.s_title{text-align: center; padding: 60PX 0 40PX;}
.s_title .t1{color: #141418; font-size: 36px;}
.s_title .t2{ font-size: 16px; color: #888888; margin-top: 20px;}
.about-sec4{background:#f3f3f3 url(../images/ab-bg1.jpg) no-repeat center top; padding-top: 5vw;}
.about-sec4-box{background: #ffffff; /*padding:0 4vw 3vw 4vw;*/padding: 0 1vw 3vw 1vw; box-sizing: border-box;}
.about-sec4-list{margin-top: 40px;}
.about-sec4-list li{ float:left; width:25%; text-align:center;}

.about-sec4-list li .img{ width:255px; height:255px; background:#efefef; margin:0 auto; border-radius:50%; position:relative; margin-bottom:40px;}
.about-sec4-list li .img >img{ width:220px; height:220px; margin:18px auto; border-radius:50%;}
.about-sec4-list li .img .con{position:absolute;width: 222px;height: 222px;top: 17px;left: 17px; border-radius:50%;}
.about-sec4-list li:hover .img{ background:#f1cbcd; }
.about-sec4-list li:hover .img .con{ background:#c9151e;}
.about-sec4-list li .img .con .table01{ display:table; width:100%; height:100%;}
.about-sec4-list li .img .con .table01 .table_cell{ display:table-cell; vertical-align:middle;}
.about-sec4-list li .img .con h3{ height:65px;}
.about-sec4-list li .img .con h5{font-size:18px;color:#fff; position:relative;}
.about-sec4-list li .img .con h5:before{ content:""; position:absolute; left:50%; top:40px; width:1px; height:0; background:#fff; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.about-sec4-list li:hover .img .con h5:before{ height:20px;}
.about-sec4-list li h6{ font-size:16px; color:#6d6d6d; line-height:35px; opacity:0; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.about-sec4-list li:hover h6{ opacity:1}


.about-sec3{ background:#efefef url(../images/aboutbg.jpg) no-repeat center center; padding: 70px 0 160px 0; position: relative;}
.about-sec3 .box{ padding: 0 8%;}
.about-sec3 .tit h4{ text-align: center; color: #141418; 	font-size: 36px;}
.about-sec3 .tit p{ color: #888888; font-size: 16px; text-align: center; margin-top: 10px;}
.about-sec3 .tit{ margin-bottom: 50px;}
.about-sec3 .swiper-slide a{ display: block; background: #fff; padding: 2vw 1vw;}
.about-sec3 .swiper-slide a:hover{background:#c9151e;color:#fff;  -webkit-box-shadow:0 3px 3px 1px #ebbabd;  
  -moz-box-shadow:0 3px 3px 1px #ebbabd;  
  box-shadow:0 3px 3px 1px #ebbabd;}
.about-sec3 .swiper-slide a:hover p{color:#fff;}

.about-sec3 .swiper-slide h3{ color: #141418; 	font-size: 24px; font-weight: bold; margin-bottom: 25px;}
.about-sec3 .swiper-slide .text-p{ color: #000000; font-size: 14px; line-height: 36px; height: 106px; overflow:hidden;text-align:center;}
.about-sec3 .swiper-slide p{ color: #000000; font-size: 14px; line-height: 36px;text-align:center;}
.about-sec3 .time{width: 80px;	height: 80px;	background-color: #c9151e; border-radius: 100%; text-align: center; line-height: 80px;
color: #fff; font-size: 26px; margin: 40px auto; 	font-family: "DIN";}
.about-sec3 .rule{ background: url(../images/aboutrule.png) no-repeat center; background-size: contain; height: 22px; }
.about-sec3 .swiper-button-next{ top: auto; bottom: 70px; right: 47%; outline: none; color: #666; font-size: 10px; background-size: 27px 27px;}
.about-sec3 .swiper-button-prev{ top: auto; bottom: 70px; left: 47%; right: auto; outline: none; color: #666; width: 20px;background-size: 27px 27px;}
.about-sec3 .swiper-button-next:after, .about-sec3 .swiper-button-prev:after{ font-size: 20px;}
.about-sec3  span{ position: absolute; left: 50%; bottom: 85px; color: #555;}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
 background-image: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%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff00'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
 background-image: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%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff00'%2F%3E%3C%2Fsvg%3E");
 left:10px;
 right:auto
}


.page-main{padding: 80px 0; background: #f5f5f5;}
/* 招贤纳士 */
.recruit-tit {padding-bottom: 60px;}
.recruit-tit .sub-tit{  font-size: 20px;  color: #666;}
.recruit-tit .tit{ font-size: 32px;  color: #333;  margin-top: 20px;  }
.recruit-tit .desc{ font-size: 20px;  color: #666;  margin-top: 15px;  }
.recruit-tit .desc p{line-height: 45px; }

.recruit { width: 100%; position: relative;}
.recruit li{ margin-bottom: -1px;}
.recruit li .xianshi{ border:1px solid #eee; display: flex; align-items: center; justify-content: space-between;}
.recruit li .xianshi .rc-name{ color: #666; font-size: 20px; text-align: center; padding: 0 15px; width: 250px;}
.recruit li .xianshi .rc-text{ flex: 1; display: flex; justify-content: space-between; padding:1.5vw 2vw; border-left:1px solid #eee; }
.recruit li .xianshi .rc-text figure{ color: #666666; font-size: 15px; width: 25%; line-height: 35px;}
.recruit li .xianshi .more-btn{ background: #f0f0f0; width: 130px; color: #666666; font-size: 15px;	height: 40px; display: block;text-align: center; line-height: 40px; cursor: pointer;}
.recruit li .xianshi .more-btn i{ display: inline-block; background: url(../images/ryzz-arrowdown.png) no-repeat center; width: 18px; height: 8px;vertical-align: middle;}
.recruit li .yincang{ border:1px solid #eee; border-top: none; padding:0vw 2vw 2vw 2vw; display: none;}
.recruit li .yincang .name{  color: #666; font-size: 18px; font-weight: bold; padding-top:1.5vw; padding-bottom: 1vw;} 
.recruit li .yincang .potext p{ color: #666666; font-size: 15px; line-height: 35px;}
.recruit li.on .xianshi .more-btn i{ transform: rotate(180deg);}

/* 服务项目 */
.newspage{ width: 100%; position: relative;}
.newspage ul{}
.newspage li{ position: relative; background: #ffffff; width:32%; float: left; margin: 0 0 3vw 2%;}
.newspage li:nth-child(3n+1){ margin-left: 0;}
.newspage li .mafan{ display: block; border:1px solid #E0E0E0; position: relative; padding: 40px;}
.newspage li .item-text .date{ color: #666666; font-size: 14px; margin-bottom: 25PX; height: 54px;
overflow: hidden; display: block; line-height: 27PX;}
.newspage li .item-text .taxt{ color: #333333; 	font-size: 25px; line-height: 40px;  overflow: hidden; margin: 0 0 20px 0;}
.newspage li .item-text img{ display: block; width: 100%; transition: all 0.6s;}
.newspage li:hover .item-text img{ transform: scale(1.03);}
.newspage li .bar{position: absolute;background-color: #c9151e;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);}
.newspage li .bar.top {left: -1px;right: 100%;height: 1px;top: -1px;}
.newspage li .bar.left {top: 100%;bottom: -1px;width: 1px;left: -1px;}
.newspage li .bar.right {top: -1px;bottom: 100%;width: 1px;right: 0px;}
.newspage li .bar.bottom {left: 100%;right: -1px;height: 1px;bottom: 0px;}
.newspage li .ball {position: absolute;width: 10px;height: 10px; background: #fff;  border:1px solid #c9151e; border-radius: 100%;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);opacity: 0; z-index: 333;}
.newspage li .ball.tl {top: 100%;left: -3px;}
.newspage li .ball.tr {top: -3px;right: 100%;}
.newspage li .ball.bl {bottom: -3px;left: 100%;}
.newspage li .ball.br {bottom: 100%;right: -3px;}
.newspage li:hover .bar.top{ right: -1px;}
.newspage li:hover .bar.left{ top: -1px}
.newspage li:hover .bar.right{ bottom: -1px;}
.newspage li:hover .bar.bottom{left: -1px;}
.newspage li:hover .ball.tl{ top: -5px;}
.newspage li:hover .ball.tr{right: -5px;}
.newspage li:hover .ball.bl{left: -5px;}
.newspage li:hover .ball.br{bottom: -5px;}
.newspage li:hover .ball{ opacity: 1;}
.newspage li:hover .item-text .taxt{color: #c9151e;}


/*联系*/
/*联系我们*/
.lianxi{ width:100%; overflow:hidden;}
.lianxi .shang{ width:100%; overflow:hidden; text-align:center; padding:100px 0; border-bottom:1px #e0e0e0 solid;}
.lianxi .shang .ming{ width:100%; overflow:hidden; line-height:1.1; text-align:center;}
.lianxi .shang .ming h2{ font-size:40px;}
.lianxi .shang .ming p{ color:#ccc; font-size:30px; line-height:1.1; padding-top:10px; font-family:"siyuan"; text-transform:uppercase;}
.lianxi .shang .dimian{ width:100%; overflow:hidden; margin-top:60px;}
.lianxi .shang .dimian li{ width:33.33%; float:left; overflow:hidden;}
.lianxi .shang .dimian li em{ display:block; overflow:hidden;}
.lianxi .shang .dimian li em img{ display:block; width:120px; height:120px; margin:0 auto;}
.lianxi .shang .dimian li figure{ font-size:16px; padding-top:20px;}
.lianxi .shang .dimian li small{ display:block; overflow:hidden; width:120px; height:120px; margin:0 auto; background:url(../images/dimian.png) no-repeat;}
.lianxi .shang .dimian li small.sm_01{ background-position:-10px 0;}
.lianxi .shang .dimian li small.sm_02{ background-position:-126px 0;}
.lianxi .shang .dimian li strong{ display:block; overflow:hidden; font-size:16px; }
.lianxi .shang .dimian li strong span{ display:block; margin-bottom: 10px;}
.lianxi .shang .dimian li strong sup{ display:block; font-family:Arial, Helvetica, sans-serif;}

.lianxi .divyou{ width:100%; overflow:hidden;}
.lianxi .divyou .fade{ width:100%; overflow:hidden; padding:50px 0; line-height:1.5; text-align:center;}
.lianxi .divyou .fade h3{ font-size:36px; font-family:"siyuan";}
.lianxi .divyou .fade h2{ font-size:30px; letter-spacing:2px; margin-top: 20px; font-weight:bold;}
.lianxi .divyou .fade span{ display:block; margin:20px auto; width:60px; height:2px; background:rgba(0,0,0,0.1); overflow:hidden;}
.lianxi .divyou .fade figure{ font-size:18px; color:#666; line-height:2;}
.lianxi .divyou .mapditu{ width:100%; overflow:hidden;}

.lianxi .divyou .mapditu img{display: block;}




.display-box {background: #f4f4f5; /*padding-bottom: 60px;*/}
.display-box .w1440{ position: relative; z-index: 999; padding-bottom: 80px;width:1200px;margin:0 auto;}
.display-box .title{text-align: center; padding:60px 40px 30px 40px; box-sizing: border-box; border-bottom: 1px solid #eeeeee;}
.display-box .title h3{font-size: 30px; margin-bottom: 25px; line-height:40px;}
.display-box .title p{color: #666666; }
.display-box .maintext{ padding:30px 40px; max-width: 1200px; margin: 0 auto; min-height: 800px;line-height: 42px;  color: #333333; font-size: 16px;}
.display-box .maintext p{line-height: 42px;  color: #333333; font-size: 16px;}
.display-box .maintext img{max-width:100%;height:auto; margin:5px auto; display:block;}

.display-box .main-box{padding:60px 40px 30px 40px; display:flex;justify-content:space-around; max-width: 1200px;margin:0 auto;}
.display-box .main-box .left-box{flex:3;}
.display-box .main-box .left-box img{width:100%;}
.display-box .main-box .right-box{flex:4;margin-left:40px;}
.display-box .main-box .right-box .case-title{ padding:0; box-sizing: border-box;}
.display-box .right-box .case-title h3{font-size: 28px; margin-bottom: 20px; line-height:80px; border-bottom: 1px solid #eeeeee;}
.display-box .right-box .case-title .text-p{color: #666666; font-size:16px;line-height:30px; }
.display-box .right-box .case-title .text-p img{max-width:100%;}
.display-box .right-box .case-title p{color: #666666; font-size:16px;}

.display-box .main-title{background:#f4f4f5;max-width: 1200px;margin: 0 auto;}
.display-box .main-title h3{background:#026dfe;color:#fff;display: inline-block;padding: 10px 50px;font-size: 16px;font-weight: bold;}

/*分页*/
.pageBox {padding:0 .5rem;height:70px; line-height:70px; max-width: 1200px; margin: 0 auto; background-color:#f4f4f5; border-radius: 35px; margin-top: 1em;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:distribute;
 justify-content:space-around;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}

.pageBox a {display:block; padding: 0 20px; font-size:14px;color:#666666;position:relative}
.pageBox .pageNum .cur {color:#666666}
.pageBox .pageNum i {color:#cfcfcf}
.pageBox a.up ,.pageBox a.down{width: 48%;-webkit-box-flex:1;-ms-flex:1;flex:1; height:70px;line-height:70px; overflow: hidden;}
.pageBox a.down{text-align: right;}
.pageBox a.back{width: 140px; color: #c9151e; height: 37px; line-height: 37px; border-radius: 35px; text-align: center; padding: 0; background: #ffffff;
  -webkit-box-shadow:0 3px 3px 1px #ebbabd;  
  -moz-box-shadow:0 3px 3px 1px #ebbabd;  
  box-shadow:0 3px 3px 1px #ebbabd;}
.pageBox a:hover{color: #c9151e;}


/*合作伙伴*/
.hezuo-box-list li{ float: left; width: calc(100%/5); width:-moz-calc(100%/5);margin-bottom: 20px; }
.hezuo-box-list li a{transition: all 0.6s; width: 90%; margin: 0 auto; background: #ffffff; display: block;box-sizing: border-box; height:140px;line-height:140px; text-align:center;}
.hezuo-box-list li img{ max-width: 100%; max-height: 100%;  max-height: 120px; vertical-align:middle;}




/*用人理念*/
.explore-box{  padding: 100px 0 0; background:#f2f5f9 url(../images/idea-bg.png)no-repeat center bottom; }
.explore-box .list{  margin-top: 60px; margin-bottom: 60px;  }
.explore-box .list .item{ float: left; width: 31%; margin-left: 2%; padding: 0 20px; box-sizing: border-box;   background-color: #ebf0f5;  margin-bottom: 20px;  }
.explore-box .list .con-box{  display: block;  height: 75px;  line-height: 75px; padding: 0 15px; font-size: 18px;  color: #333; position: relative;  transition: all .3s;  }
.explore-box .list .item:first-of-type{margin-left: 0;}
.explore-box .list .con-box:before{  content: "";  position: absolute;  right: 20px;  top: 50%;  width:6px;  height: 10px;  background-repeat: no-repeat;  background-position: center;  background-size: 100%;  background-image: url("../images/more-jt2.png");  margin-top: -.25rem;  transition: all .3s;  }
.idea-title{padding: 40px 0 60px; }
.idea-title h3{color: #333333; font-size: 36px; font-weight: bold; margin-top: -20px;}
.idea-title h4{color: #e3e8f1; font-size: 40px; font-family: impact; line-height: 35px; letter-spacing: 3px; text-transform: uppercase;}
.explore-idea{padding-bottom: 100px;}
.explore-idea .box{display: flex; display: -webkit-flex; }
.explore-idea .left{width: 340px; height: 340px; border-radius: 5px; color: #ffffff; padding: 0 0 0 50px; box-sizing: border-box; background: #c9151e;}
.explore-idea .left .t1{font-size: 22px; margin-bottom: 25px;}
.explore-idea .left .t2{font-size: 28px; line-height: 45px;}
.explore-idea .right{background: #ffffff url(../images/idea-yimhao.png)no-repeat;background-position: 40px 40px; background-size: 60px; padding: 4% 4% 0 6%; box-sizing: border-box; width: 75%; height: 340px;}
.explore-idea .right h3{color: #c9151e; font-size: 22px; margin-bottom: 30px;}
.explore-idea .right p{font-size: 16px; line-height: 40px; color: #555555;}
.explore-idea .right p b{color: #c9151e;font-weight:bold;}
.explore-idea-bg{height: 370px;}
.explore-idea-bg .ibox-inner{}
.explore-idea-bg .text-box .con{float: right; width: 50%;}
.explore-idea-bg .text-box .con p{font-size: 22px; line-height: 50px; color: #ffffff;}
.explore-idea-bg .text-box .con span{display: block; margin-top: 40px;  font-size:24px; color: #cf000d;}

/*企业宗旨*/
.about-purpose-box{ background-repeat: no-repeat;  background-position: center;  background-size: cover;  position: relative;  }
.about-purpose-box .text-box{  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);  width: 100%;  }

/*联系我们*/
.message-box{ padding:40px 0; max-width:1200px;margin:0 auto; }
.message-box .form-box{  margin-top: 20px;  }
.message-box .form-box .item{float: left; width: 48%;}
.message-box .form-box .item2{width: 100%;}
.message-box .form-box .item:last-child{  font-size: 0;  text-align: center;  float: none; margin: 0 auto; width: 100%;}
.message-box .form-box .check-box,
.message-box .form-box input[type=submit]{  float: none;  display: inline-block;  *display: inline;  zoom: 1;  margin: 0 20px; background:#c9151e; }
.message-box .form-box .item:nth-child(2n){float: right;}
.form-box .row{  margin: 0 -20px;  }

.form-box .item{  box-sizing: border-box;   margin-bottom: 40px;  }

.form-box .item:last-child{  margin-bottom: 0;  }

.form-box .tit{  font-size: 16px;  margin-bottom: 15px;  }

.form-box .tit .red{  color: #f00;  }

.form-box input[type=text],
.form-box textarea{  width: 100%;    padding:20px 20px 20px 60px; height:70px;  line-height: 70px;  font-size: 14px;  color: #999;  background-repeat: no-repeat;  background-position: 20px center;  background-size: 20px;  background-color: #f9f9f9;  border: 1px solid #e5e5e5; box-sizing: border-box; transition: all .3s;  }
.message-box .form-box .item textarea{}
.form-box .name{
   background-image: url("../images/form-icon1.png");
}
.form-box .tel{
    background-image: url("../images/form-icon2.png");
}
.form-box .mail{
    background-image: url("../images/form-icon3.png");
}
.form-box .address{
    background-image: url("../images/form-icon4.png");
}

.form-box .company{
    background-image: url("../images/form-icon5.png");
}

.form-box .country{
    background-image: url("../images/form-icon6.png");
}

.form-box .content{
    background-image: url("../images/form-icon7.png");
    background-position: 20px 46px;
    height: 300px;
}
.form-box input::-webkit-input-placeholder{
    color:#999;  
}  
.form-box input:-moz-placeholder{
    color:#999;
}  
.form-box input::-moz-placeholder{
    color:#999;
}  
.form-box input:-ms-input-placeholder {
    color:#999;
}  

.form-box textarea::-webkit-input-placeholder{
    color:#999;  
}  

.form-box textarea:-moz-placeholder{
    color:#999;
}  

.form-box input[type=text]:focus,
.form-box textarea:focus{
    background-color: #c9151e;
    color: #fff;
}

.form-box input[type=text]:focus::-webkit-input-placeholder {
    color: #fff;
}

.form-box input[type=text]:focus:-moz-placeholder {
    color: #fff;
}

.form-box input[type=text]:focus::-moz-placeholder {
    color: #fff;
}

.form-box input[type=text]:focus:-ms-input-placeholder {
    color: #fff;
}

.form-box textarea:focus::-webkit-input-placeholder{
  color:#fff;  

}  

.form-box textarea:focus:-moz-placeholder{
    color:#fff;
}

.form-box .name:focus{
    background-image: url("../images/h-form-icon1.png");
}

.form-box .tel:focus{
    background-image: url("../images/h-form-icon2.png");
}

.form-box .mail:focus{
    background-image: url("../images/h-form-icon3.png");
}

.form-box .address:focus{
    background-image: url("../images/h-form-icon4.png");
}
.form-box .company:focus{
    background-image: url("../images/h-form-icon5.png");
}
.form-box .country:focus{
    background-image: url("../images/h-form-icon6.png");
}

.form-box .content:focus{
    background-image: url("../images/h-form-icon7.png");

}
.form-box .check-box{  float: left;  width: 22.9%;  border: 1px solid #e5e5e5;  }

.form-box .check-box input{

    padding: 10px;

    height: 60px;

    line-height: 60px;

    width: 63%;

    border: none;

    border-right: 1px solid #e5e5e5;

    margin: 0;

}

.form-box .check-box img{

    float: right;

    width: 36.36%;

    height:60px;

}

.form-box input[type=submit]{

    float: left;

    width: 200px;

    height: 60px;

    background-color: #c9151e;

    text-align: center;

    margin-left: 20px;

    color: #fff;

    font-size: 14px;

    transition: all .3s;
    border: none;

}

.develop-tit{  text-align: center;  padding:80px 0;  }
.develop-tit .about-tit {  font-size: 38px;  color: #333;}   
.develop-tit .desc{  font-size: 38px;  color: #666;  margin-top: 20px;  }
.develop-tit .line{  width: 40px;  height: 5px;  background-color: #e8e8e8;  margin:40px auto 0;  }




.fenye{  /*height: 80px;*/ display: flex; display: -ms-flexbox; display: -moz-flex;  justify-content: center; align-items: center; 
margin-top: 40px; }
.fenye a{ display: block; height: 40px; width: 40px; border-radius: 100%; background: #F5F5F5; text-align: center; line-height: 40px;
margin: 0 20px; transition: all 0.6s;}
.fenye a.on,.fenye a:hover{ background: #c40e1a !important; color: #fff;}
.fenye span{ display: block; font-size: 16px; color: #666; margin: 0 20px;}

.fenye a.prev{width: auto; background:none;}
.fenye a.prev:hover{ background: none !important; color: #000;}


@media screen and (max-width: 1660px) {
.about-sec1 .text p{line-height: 36px; font-size: 15PX; margin-top: 10PX;}	
.about-sec1 .title{padding-bottom:35px;}
}
@media screen and (max-width: 1550px) {
	.navcon{padding: 0px 153px 0px 65px;}
	.banner .binbox{width: 1200px; margin-left: -600px;}
	.banner .binbox .by{font-size: 46px;}
	.index_ll_sw01{height: 860px;}
	.ibox-inner{padding: 0 6%;}
	.indexsec2 .section4{padding-left: 6%;}
	.about-sec4-list li .img{height: 200px; width: 200px;}
	.about-sec4-list li .img > img{height: 180px; width: 180px;}
	.about-sec4-list li .img .con{height: 180px; width: 180px;}
	.about-sec4-list li .img > img{margin: 10px auto;}
	.about-sec4-list li .img .con{left: 10px; top: 10px;}
	.about-sec3 .box{padding: 0 6%;}
	.indexsec1 .abtext .more{width: 400px; height: 55px; line-height: 55px;}
	.indexsec1 .abtext .more a{ height: 55px; line-height: 55px;}
	
	.about-sec1 .text p{line-height: 32px; font-size: 15PX; margin-top: 10PX;}	
  }


@media screen and (max-width: 1450px) {
	.navcon{padding: 0px 153px 0px 45px;}
	.index_ll_sw02>div:nth-child(1)>div:last-child img{
		height: 50%;
	}
	.indexsec1 .abtext .info p{font-size: 15px; line-height: 45px;}
	
	.indexsec1{padding-top: 60px;}
	.indexsec1 .abtext .title{margin-bottom: 30px;}
	.indexsec1 .abtext .title h3{margin-bottom: 20px;}
	.indexsec1 .abtext .title h4{font-size: 30px;}
	.indexsec1 .abtext .more{margin: 40px 0;}
	.Guarantee_time{padding: 60px 0;}
	.Guarantee_time li h2{font-size: 46px;}
	.index_ll_sw01 a .div .h2{font-size: 15px;}
	.indextitle .t1{font-size: 38px;}
	
	.index_ll_sw01{height: 800px;}
	.index_ll_sw01 a .div .h1{font-size: 42px;}
	
	.index_ll_sw02 .swiper-slide i img{height: 60px;}
	.index_jiejue_nav{height: 130px;}
	.index_ll_sw02 .swiper-slide i{padding-bottom: 10px;}
	.index_ll_sw02 .swiper-slide{height: 130px;}
	.indexsec3-box .left .img .text h3{font-size: 30px; margin-bottom: 10px;}
	.about-sec1{padding: 60px 0;}
	.about-sec1 .title h2{font-size: 36px;}
	.about-sec1 .text p{line-height: 30px; font-size: 14PX; margin-top: 10PX;}
	.about-sec1 .text{padding: 30px 50px;}
	footer .foot .wenzi{ overflow:hidden; color:#fff; padding-right:5%;}
	
	.about-sec3 .swiper-slide h3{font-size: 22px;}
	.index_tit h2{font-size: 96px;}
	footer .foot{padding: 60px 0;}
	
	.ejnavtit{padding: 30px 0 35px;}
	.ejnavtit h2{font-size: 36px; font-weight: normal;}
	.ejnavtit h3{font-size: 20px;}
	.asidenav{width: 90px;}
	.float-box .bot{width: 90px;}
  }



/* banner */
.indexbanner img{ display: block; width: 100%; margin: 0 auto;}
.indexbanner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.05,1.05);}
.indexbanner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}
.indexbanner .swiper-pagination-bullet{ width:8px; height:8px; border-radius: 100%; transition: all 1s; background: #fff; opacity: 0.8; margin: 0 10px;}
.indexbanner .swiper-pagination-white .swiper-pagination-bullet-active{ background: #fff; width: 50px; border-radius: 5px;}