*{padding:0; margin:0; outline:0; border:0; box-sizing:border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, textarea, img{border:medium none;margin:0;padding:0;}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{font:14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif; color:#000; outline:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:lighter;}
em{font-style:normal;}
/** 重置列表元素 **/
ul, li, ol {list-style:none;}
/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{ text-decoration:none;}
/** 重置图片元素 **/
.fl{float:left;} .fr{float:right;} img{border:0px;}
.f1{font-size:24px; color:#fd4753;}
.w_1200{min-width:1200px;max-width: 1400px;margin:0 auto;display: table; }
.width{display: table;width: 100%!important;}
.sp_header,.sjj_nav{display: none;}
.banner_box,.sj-banner{display: none;}
.foot_nav{
	display: none;
}

.m_img,.m_nav{
	display: none;
}
.cur{
	background:#e50011!important;
	border:1px solid #e50011!important;
}
.cur a{
	color:#fff
}

.ny-about-gj img{
	display: none;
}


.index-more {
    display: table;
    margin: 0 auto;
    background: #e50011;
    width: 145px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}
.index-more a {
    color: #fff;
    font-size: 14px;
	display: table;
	width: 100%;
	height: 100%;
}
.index-more a i{
	margin-left: 10px;
	transition: all 0.5s;
}

.index-more a:hover i{
	padding-left: 15px;
}


/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.container{max-width: 1440px; min-width: 1200px; padding: 0;width: 1200px;}

.ck{max-width: 1400px; margin:0px auto;}
.ckl{
    width:13%;
	height:auto;
	padding:1%;
	margin-right:2%;
	background-color:#eee;
	float:left;
}
.ckr{
    width:85%;
	height:auto;
	float:left;
 }
 .ckt{
    width:100%;
	height:auto;
	float:left;
 }
.ckt table{ border-collapse:collapse; border: 1px #ccc solid !important; width:1190px; !important;line-height:25px!important;}
.ckt table td{padding: 5px!important; word-wrap:break-word;word-break:break-word;border: 1px #ccc solid !important; font-family:'微软雅黑' !important; font-size:12px!important; line-height:25px!important; text-align:center;}
.ckt table td div{
padding: 0px!important;height:auto!important;
}
.ckt table tr:nth-child(1)
{
color: #fff; 
}
.ckt table tr td:nth-child(1) img 
{
width:115px;
}
.fc {
    display: block;
    width: 100%;
	height:auto;
    font-size: 12px;
    color: #333;
	line-height:normal;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0px;
	padding-top:5px;
	padding-bottom:5px;
}
 .ckl h{
    width:100%;
	height:auto;
	text-align: left;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #666;
	font-weight: bold;
	line-height: normal;
	padding-bottom:6%;
	margin-bottom:6%;
	border-bottom:#ccc solid 2px;
	display:block;
	float:left;
}
.ckl ul{
    width:100%;
	height:auto;
	float:left;
}
 .ckl ul li{
    width:100%;
	height:auto;
	padding-bottom:6%;
	margin-bottom:6%;
	border-bottom:#ccc solid 1px;
	display:block;
	float:left;
}
 .ckl ul li a{
    width:100%;
	height:auto;
	text-align: left;
	font-family: "微软雅黑";
	font-size: 15px;
	color: #666;
	font-weight: bold;
	line-height: normal;
	text-decoration:none;
	float:left;
	display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
 .ckl ul li a:hover{
	color: #E50011;
}
 .ckl ul li a.on{
	color: #E50011;
}
.ctr{
    width:100%;
	height:auto;
	margin-top:1%;
	margin-bottom:1%;
	display:block;
	float:left;
}
.ctd{
    width:12.28571%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-top:0%;
	margin-bottom:0%;
	text-align: left;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	line-height: 200%;
	display:block;
	float:left;
}
.ss {
	position:relative;
	float:left;
}
.ss input {
	width: 520px;
	padding: 0px 40px 0px 15px;
	height: 35px;
	outline: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	color:#333;
	font-family:"微软雅黑";
	font-size:12px;
}
.ss span {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 35px;
	height: 35px;
	background-image: url(../images/ssan.png);
	cursor: pointer;
	overflow: hidden;
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 8px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-align: left;
}


/*抬头*/
.header-title{height: 35px;line-height: 35px;color: #fff;background: #000000;}
.header-title span{display: table;float: left;}
.header-title span i{margin-right: 5px;}
.header-er{display: table;float: right;margin-left: 20px;color: #fff;position: relative;}
.header-er ul{position: absolute;z-index: 99999999999;background: #fff;width: 110px;border: 1px solid #ddd;left: -37%;display: none;}
.header-er a{color:#fff}
.header-bg{display: table;width: 100%;z-index: 99999999999999999999999;background:rgba(255,255,255,1);position: fixed;}
.hader-top {
    padding: 10px 0;
    transition: all 0.5s;
	padding-bottom: 0;
}
.hader-top .container{width: 90%;min-width: 1200px;position: relative;max-width: 1380px;}
.hader-top>.container>span {
    display: table;
    margin-top: 0px;
    float: left;
    transition: all 0.5s;
    width: 185px;
    margin-top: 4px;
}
.header-ip{display: table;float: right;font-size: 15px;color: #fff;width: auto;}
.header-ip span{display: table;float: right;}
.header-ip i{margin-right: 5px;float: left;margin-top: 8px;width: 20px;}
.navbar{position: relative;min-height: auto;border: 0;margin-top: 0px;}
.navbar-default{background-color: inherit;border-color: #e7e7e7;border: 0;padding-top: 4px;}
.header-nav{width: 100%;display: table;background:#007fc9;padding: 8px 0;}
.navbar-default{background-color: inherit;border-color: #e7e7e7;border: 0;margin-bottom: 0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color: #333;background-color: inherit;}
.navbar-default .navbar-nav>li>a{color: #333;}
.navbar-nav>li>a{padding-top: 4px;padding-bottom: 4px;}
.nav>li>a {
    position: relative;
    display: block;
    padding: 12px 22px;
    font-size: 16px;
    padding-bottom: 24px;
}
.container-fluid{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;padding: 0;}
.nav>li:last-child>a{padding-right: 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color: #e7e7e7;padding: 0;}
.navbar-default{background-color: inherit;border-color: #e7e7e7;border: 0;margin-bottom: 0;display: table;width: 100%;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #333;background-color: transparent;}
.header-text{display: block;float: left;margin-top: 10px;margin-left: 30px;}
.header-text p{font-size: 14px;margin-top: 5px;}
.header-text h3{font-size: 30px;font-weight: bold;color: #007fc9;}
.header-text p{font-size: 14px;}
.header-text-t{display: table;}
.header-text-t h3{font-size: 24px;margin-bottom: 5px;font-weight: bold;color: #007fc9;}
.header-p{margin-top: 10px;width: auto;display: table;float: right;}
.header-text-t p{font-size: 22px;}
.header-p-left{display: table;float: left;margin-top: 8px;font-size: 30px;margin-right: 18px;color: #007fc9;}

/* 搜索 */
.search {margin-left: 10px;float: right;}
.inntpu-shu-ru{margin-top: 4px;border-radius: 13px;overflow: hidden;}
.seachBox{float: right;background: #fff;}
.seachBox form{overflow: hidden;}
.seachBox .word{width: 190px;height: 25px;line-height: 19px;text-indent: 1em;border-right: none;color: #828282;background: #fff;font-size: 12px;outline: none;}
.seachBox form input{display: block;float: left;background: #fff;}
.seachBox .sousuo{width: 40px;height: 25px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/search.png);cursor: pointer;border: none;}
.lan {
    display: table;
    float: right;
    margin-left: 20px;
    margin-top: 7px;
}
.lan span {
    display: table;
    margin-top: 0px;
    float: left;
    width: auto;
    font-size: 14px;
    position: relative;
    text-align: center;
    padding: 0px 5px;
    margin: 0 5px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #fff;
}
.lan span:last-child{
	display: none;
}
.lan span a {
    float: left;
    margin-right: 0;
    text-align: center;
}
.lan span a img{float: right;width: 22px;margin-top: 4px;}
/* .lan span a:after {content: "|";position: absolute; right: 2px;top: -1px;} */
.lan span a div{display: table;float: left;}

.top-style .lan span{
	border:1px solid #ddd;
}

/* .lan span:nth-child(2) a:after{display: none;} */
/*搜索*/

/*banner*/
.flexslider {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 85px;
}
.slides{position:relative;z-index:1;}
.slides li{height:100%;}
.slides li img{width:100%; display:block;}
.flex-control-nav {
    position: absolute;
    bottom: 10%;
    z-index: 2;
    width: 100%;
    text-align: center;
}
.flex-control-nav li {
    display: inline-block;
    height: 3px;
    margin: 0 5px;
    float: none;
}
.flex-control-nav a{display:inline-block; width:45px; height:6px; line-height:40px; overflow:hidden; background:#fff; padding-left:14px; box-sizing:border-box;   cursor:pointer;}
.flex-control-nav .flex-active{background:#e68814;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:40px;height:40px;overflow:hidden;cursor:pointer;position:absolute; padding:10px;background-size:30px 30px !important;}

/*banner*/

/* 最新的新闻展示 */
.txtScroll-top{ width:450px;  overflow:hidden; position:relative;}
.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("images/icoUp.gif") no-repeat;}
.txtScroll-top .hd .next{ background:url("images/icoDown.gif") no-repeat;  }
.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd {
    padding: 19px 8px;
    padding-bottom: 0;
}
.txtScroll-top .infoList li{ height:24px; line-height:24px;}
.txtScroll-top .infoList li .date{ float:right; color:#999;}

.new-zx {height: 60px;line-height: 60px;margin-bottom: 15px;border-bottom: 1px solid #ddd;box-shadow: 1px 1px 10px #ddd;display: none;}
.new-zx h3{font-weight: bold;color:red;}
.new-zx-title {display: table;float: left;margin-top: 20px;font-size: 18px;}
/* 最新的新闻展示 */



.index-service {
    display: table;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 0px;
}

.index-service .container{
	width: 100%;
}

.index-bg-body {
    transform: skew(0, -2.4deg);
    -webkit-transform: skew(0, -2.4deg);
    -moz-transform: skew(0, -2.4deg);
    -o-transform: skew(0, -2.4deg);
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 14%;
    left: 0;
    bottom: -12%;
    transform-origin: left top;
    background: #fff;
}

.index-bg-body1 {
    transform: skew(0, -2.4deg);
    -webkit-transform: skew(0, -2.4deg);
    -moz-transform: skew(0, -2.4deg);
    -o-transform: skew(0, -2.4deg);
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 15%;
    left: 0;
    bottom: -13%;
    transform-origin: left top;
    background: #f5f5f5;
}

.index-bg-body2 {
    transform: skew(0, -2.4deg);
    -webkit-transform: skew(0, -2.4deg);
    -moz-transform: skew(0, -2.4deg);
    -o-transform: skew(0, -2.4deg);
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 26%;
    left: 0;
    bottom: -25%;
    transform-origin: left top;
    background: #ffffff;
}

.index-bg-body3 {
    transform: skew(0, -2.4deg);
    -webkit-transform: skew(0, -2.4deg);
    -moz-transform: skew(0, -2.4deg);
    -o-transform: skew(0, -2.4deg);
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 26%;
    left: 0;
    top: -1%;
    transform-origin: left top;
    background: #ffffff;
}


/* 
.index-service ul li{
    width: 25%;
	border-right: 0;
	cursor: pointer;
}

.index-service ul li:last-child{
	
}

.index-service ul li .se-pic{
	overflow: hidden;
}

.index-service ul li .se-pic img{
	transition: all 0.5s;
}


.index-service ul li:hover .se-pic img{
	transform: scale(1.1);
}

 */
 
 

/* 会员登录注册 */
.at2 {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #333;
	font-weight: normal;
	line-height: 200%;
}
.at3 {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #E50011;
	font-weight: bold;
	line-height: 200%;
}
.at4 {
	font-family: "微软雅黑";
	font-size: 40px;
	color: #333;
	font-weight: bold;
	line-height: 200%;
}
.sr{
    width:94%;
	height:auto;
	padding-left:2%;
	padding-right:2%;
	margin-bottom:2%;
	border:#ddd solid 1px;
	font-size: 14px;
	color: #666;
	font-weight:normal;
	font-family: "微软雅黑";
	line-height:40px;
	outline:none;
}
.sr3{
    width:94%;
	height:40px;
	margin-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	margin-bottom:2%;
	font-size: 14px;
	color: #666;
	font-weight:normal;
	font-family: "微软雅黑";
	line-height:40px;
	display:block;
}
.sr11{
    width:300px;
	height:auto;
	padding-left:1%;
	padding-right:1%;
	border:#ddd solid 1px;
	font-size: 14px;
	color: #999;
	font-weight:normal;
	font-family: "微软雅黑";
	line-height:350%;
	border-radius:5px;
	outline:none;
}
.anm2 a {
	width:183px;
	height:auto;
	margin-right:20px;
	line-height:58px;
	color:#fff;
	font-family:"微软雅黑";
	font-size:22px;
	font-weight:normal;
	border-radius:5px;
	text-align:center;
	border:solid 1px #E50011;
	background-color:#E50011;
	float:left;
}
.anm2 a:hover {
    color:#fff;
	border:solid 1px #fd4753;
	background-color:#fd4753;
}
.anm8 a {
    display:block;
	width:300px;
	height:50px;
	line-height:50px;
	color:#fff;
	font-size:18px;
	font-family:"微软雅黑";
	font-weight:normal;
	border-radius:5px;
	text-align:center;
	text-decoration:none;
	border:solid 1px #E50011;
	background-color:#E50011;
	margin:0px auto;
}
.anm8 a:hover {
    color:#fff;
	border:solid 1px #fd4753;
	background-color:#fd4753;
}

/* 会员登录注册 */








.se-text{
	display: table;
	width: 100%;
}

.se-text h3 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
}

.se-text p{
	text-align: center;
	line-height: 30px;
}

.se-text-bg {
    width: 100%;
    padding: 16px 16px;
    padding-bottom: 40px;
}

.index-service ul li:hover .se-text {
    background-color: #e50012;
}

.index-service ul li:hover .se-text h3{
	color:#fff
}

.index-service ul li:hover .se-text p{
	color:#fff
}





/* 产品中心 */
.index-product {display: table;width: 100%;background: #f5f5f5;padding: 50px 0;}
.index-product .container{width: 80%;}
.index-titile{margin-bottom: 65px;}
.index-titile h3{text-align: center;font-size: 36px;color: #333333;position: relative;}
.index-titile h3::after{content: "";width: 90px;height: 4px;background-color: #e50012;display: table;position: absolute;left: 50%;margin-left: -45px;bottom: -36px;border-radius: 10px;}
.index-product-body ul li {
    width: 23%;
    float: left;
    margin: 1%;
    margin-top: 0;
    position: relative;
    margin-bottom: 2%;
}
.index-pic{border: 1px solid #cccccc;overflow: hidden;}
.index-product-body ul li span{width: 100%;text-align: center;display: table;height: 50px;line-height: 50px;font-size: 16px;}

.index-pa {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.index-pa h3{
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}

.index-p{
	display: none;
}

.index-product-body{
	margin-top: 30px;
}

.index-product-body ul li:hover .index-pa {
    background: rgba(213,48,48,0.8);
    top: 0;
    padding-top: 40px;
    padding: 40px 12px;
}

.index-product-body ul li:hover .index-pa h3 {
    color: #fff;
    font-size: 22px;
}

.index-product-body ul li:hover .index-pa h3::after {
    content: "";
    width: 65px;
    height: 2px;
    background-color: #fff;
    display: table;
    margin: 0 auto;
    margin-bottom: 15px;
}


.index-product-body ul li:hover .index-pa .index-p {
    display: block;
    margin-top: 20px;
    color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.index-product-body ul li .index-pic img{
	transition: all 0.5s;
	width: 100%;
}

.index-product-body ul li:hover .index-pic img{
	transform: scale(1.1);
}



/* 产品中心 */




/* 关于我们 */
.index-about-bg{display: table; width: 100%; margin-top: 50px; margin-bottom: 75px;}
.index-about-left{width: 45%; float: left; margin-top: 45px;}
.index-about-right{width: 50%;float: right;}
.index-about-left h3 {font-size: 35px;margin-bottom: 40px;}
.index-about-text, .index-about-text p {
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.about-more{width: 150px; height: 50px; text-align: center; line-height: 50px; display: table; background: #e50012; font-size: 16px; color: #fff; margin-top: 25px;}
/* 关于我们 */



/* 荣誉证书*/
.honor {margin-bottom: 30px;min-width: 1200px;}
.honor-left {width: 20%;height: 250px;background: #e50012;position: relative;float: left;}
.honor-left h3 {font-size: 36px;font-weight: initial;color: #fff;position: absolute;top: 44%;right: 50px;}
.honor-right{width: 100%;float: right;}
/* 本例子css */
.picMarquee-left{ width:100%;  overflow:hidden; position:relative;}
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{width:25%;display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }
.tempWrap{width: 100%!important;}



/* 合作伙伴 */
.hz-bg {
    display: table;
    width: 100%;
    background: #f5f5f5;
    padding: 50px 0;
	padding-top: 10px;
}
.index-hz-body ul:nth-child(1){
	display: table;
	width: 100%;
}
.index-hz-body ul:nth-child(1) li {
    width: 22%;
    float: left;
    transition: all 0.5s;
    cursor: pointer;
    border: 1px solid #ddd;
    margin: 1%;
}
.index-hz-body ul:nth-child(1) li img{
	display: table;
	margin:0 auto
}

.index-hz-body ul:nth-child(1) li:hover{
	transform: translateY(-10px);
}

.index-hz-body ul:nth-child(2) li:hover{
	transform: translateY(-10px);
}
.index-hz-body ul:nth-child(2) {
    margin-top: -82px;
}

.index-hz-body ul:nth-child(2) li{
	width: 25%;
	float: left;
	transition: all 0.5s;
	cursor: pointer;
}
.index-hz-body ul:nth-child(2) li img{
	display: table;
	margin:0 auto;
}

.index-hz-body ul:nth-child(2) li:nth-child(1){
    width: 20%;
    float: left;
    margin-left: 10%;
}

.index-hz-body ul:nth-child(2) li:nth-child(2) {
    width: 20%;
    float: left;
    margin-left: 0%;
}

.index-hz-body ul:nth-child(2) li:nth-child(3) {
    width: 20%;
    float: left;
    margin-left: 0%;
}

.index-hz-body ul:nth-child(2) li:nth-child(4) {
    width: 20%;
    float: left;
    margin-left: 0%;
}




.index-new-bg{
	display: table;
	width: 100%;
	margin:30px 0;
	margin-bottom: 50px;
}

.index-new-body ul li {
    width: 31%;
    float: left;
    margin: 0 1% 0 1%;
}

.index-new-body ul li .index-new-img{
	position: relative;
	overflow: hidden;
}

.index-new-body ul li .index-new-img img{
	transition: all 0.5s;
}

.index-new-body ul li:hover .index-new-img{
	overflow: hidden;
}

.index-new-body ul li:hover .index-new-img img{
	transform: scale(1.1);
}



.index-new-body ul li .index-new-h3{
    text-align: center;
    position: absolute;
    top: 45%;
    left: 36%;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.index-new-body ul li .index-new-img h3{
	position: relative;
	font-weight: bold;
}

.index-new-body ul li .index-new-img h3::after {
    content: "";
    width: 104px;
    height: 3px;
    background: red;
    position: absolute;
    left: 0;
    bottom: -12px;
}

.index-new-body ul li dl{
	margin-top: 20px;
}

.index-new-body ul li dl dd {
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 1px dashed #000;
    height: 40px;
    line-height: 40px;
    margin-bottom: 26px;
}

.index-new-body ul li dl dd h3{
	display: table;
	width: 100%;
	font-size: 16px;
}

.index-new-body ul li dl dd h3:hover a{
	color:red;
}


.index-new-body ul li dl dd i {
    display: table;
    font-style: normal;
    background-color: #fff;
    float: right;
    color: #888;
    padding: 0 10px;
}

.footer-bg {
    display: table;
    width: 100%;
    background: #333333;
    padding: 40px 0;
    border-top: 5px solid #d53030;
}

.footer-bg .container{
	width: 90%;
}

.footer-bg ul li {
    width: 12%;
    float: left;
	min-height: 215px;
}

.footer-bg ul li:last-child h3{
	text-align: center;
}

.footer-bg ul li h3 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 12px;
}

.footer-bg ul li a {
    width: 100%;
    font-size: 14px;
    color: #fff;
    display: block;
    margin-bottom: 8px;
}

.footer-bg ul li:nth-child(6){
	width: 24%;
}

.footer-text {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}


.ewm{
	display: table;
	float: left;
}

.ewm img{
	width: 110px;
}
.about-a1{
	width: 100%;
	display: table;
}

/* 内页关于我们的排版 */
.ny-about-title{
	font-size: 30px;
	display: table;
	float: left;
}

.ny-about-width {
    width: 100%;
    display: table;
    margin-bottom: 10px;
}

.ny-about-text {
    display: table;
    float: right;
    font-weight: initial;
    font-size: 20px;
    position: relative;
}
.ny-about-text::after {
    content: "";
    width: 28%;
    height: 2px;
    background: #e66;
    display: table;
    position: absolute;
    right: 0;
}
.ny-about-bottom {
    width: 100%;
    height: 310px;
    font-size: 15px;
    line-height: 38px;
    overflow-y: scroll;
    padding: 8px;
}

.width90{
	width: 90%!important;
}

.ul-li-about ul li h5 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 5px;
}

.ul-li-about{
	margin-top: 20px;
}

.ul-li-about ul li {
    margin-bottom: 50px;
    display: table;
    width: 100%;
    padding-bottom: 35px;
    border-bottom: 1px solid #ddd;
}

/* 内页关于我们的排版 */





/* 设置滚动条的样式 */
.ny-about-bottom::-webkit-scrollbar {
	width:2px;
	background: rgba(0,0,0,0.2);
	border-radius:10px;
}
/* 滚动槽 */
.ny-about-bottom::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.8);
border-radius:10px;
}
/* 滚动条滑块 */
.ny-about-bottom::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(255,0,0,0.4);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.8);
}
.ny-about-bottom::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);
}








.index-case-bg{
	display: block;
	padding:45px 0;
	padding-top: 10px;
}
.index-top-title {
    background-image: url(../images/index_26.png);
    background-repeat: no-repeat;
    width: 1180px;
    background-position: center 63px;
    text-align: center;
    font-size: 32px;
    color: #000;
    line-height: 36px;
    margin: 0 auto;
}
.ysz {
    color: #999999;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
	display: none;
}
.index-title{
	margin-bottom: 30px;
}


.in_titbg{width:240px; margin:auto; text-align:center;}
.index-title {
    width: 240px;
    margin: auto;
    font-size: 30px;
    font-weight: bold;
    color: #fd4753;
    text-align: center;
    position: relative;
    z-index: 999999999;
}
.index-title a {
    color: #e50011;
}
.in_yw {
    width: 240px;
    margin: auto;
    font-family: AvantGarde Bk BT;
    font-size: 16px;
    color: #999;
    text-transform: uppercase;
    text-align: center;
}
.in_yw:after{content:""; display:block; width:7px; height:14px; margin:5px auto 0; background:url(../images/in_tit_fgx.jpg) center no-repeat;}



 .pro_hd {
	margin: 30px auto 40px;
}
 .pro_hd ul {
	margin: 0 auto;
	max-width: 100%;
	max-height: 84px;
	overflow: hidden;
	font-size: 0;
	text-align: center;
}
 .pro_hd ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 1px;
}
 .pro_hd ul li a {
	display: block;
	background: #ffffff;
	padding: 8px 30px;
	color: #76838f;
	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	max-width: 150px;
	transition-duration: .3s;
	-ms-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	border-radius: 0 4px 0 4px;
}
 .pro_hd ul li a:hover {
	background: #02328d;
	color: #fff;
}
 .pro_hd ul li.on a {
	background: #e41e34;
	color: #fff;
}
.pro_bd ul li {
    float: left;
    width: 23%;
    margin-right: 1%;
    margin-bottom: 30px;
}
 .pro_bd ul li:nth-child(3n) {
	margin-right: 0px;
}
 .pro_bd ul li>div {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0 0 2px 2px;
	background: #fff;
	padding-bottom: 20px;
	position: relative;
}
 .pro_bd ul li>div a {
	display: block;
}
.pro_bd ul li>div .pro_img {
    text-align: center;
    width: 100%;
    height: auto;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}
 .pro_bd ul li>div .pro_img img {
	vertical-align: middle;
	max-width: 100%;
}
 .pro_bd ul li>div .pro_img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}
 .pro_bd ul li>div p a {
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	font-size: 16px;
	text-align: center;
	color: #555;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 .pro_bd ul li>div span {
	margin: 0 auto;
	display: block;
	width: 118px;
	height: 34px;
	border: 1px solid #dadada;
	display: block;
	text-align: center;
	line-height: 34px;
	background: none;
	position: relative;
}
 .pro_bd ul li>div span:before {
	content: "";
	position: absolute;
	background: #e41e34;
	width: 0;
	height: 34px;
	left: 0;
	z-index: 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
}
 .pro_bd ul li>div span i {
	position: relative;
	z-index: 1;
	background: url(../images/pro_jt.png) center center no-repeat;
	display: block;
	width: 100%;
	height: 34px;
}
 .pro_bd ul li .l1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #e50011;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
 .pro_bd ul li .l2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 0;
	background: #e50011;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
 .pro_bd ul li .l3 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 1px;
	background: #e50011;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
 .pro_bd ul li .l4 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 0;
	background:#e50011;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
 .pro_bd ul li>div:hover .l1 {
	width: 100%;
}
 .pro_bd ul li>div:hover .l2 {
	height: 100%;
}
 .pro_bd ul li>div:hover .l3 {
	width: 100%;
}
 .pro_bd ul li>div:hover .l4 {
	height: 100%;
}
 .pro_bd ul li>div:hover span {
	border: 1px solid #ffffff;
}
 .pro_bd ul li>div:hover span i {
	background: url(../images/pro_jt2.png) center center no-repeat;
}
 .pro_bd ul li>div:hover span:before {
	width: 100%;
}




.h_tjcp {
	width: 100%;
	padding: 40px 0;
}
#demo {
	overflow: hidden;
	width: 100%;
	height: 334px;
	margin: 0 auto;
	padding-top: 30px;
}
#demo #indemo {
	float: left;
	width: 800%
}
#demo #demo1 {
	float: left;
}
#demo #demo2 {
	float: left;
}
#demo #indemo ul li {
    float: left;
    width: 22%;
    margin-right: 0%;
}
#demo #indemo ul li>div {
	display: block;
	width: 96%;
	padding: 2%;
	border-radius: 0 0 2px 2px;
	background: #f1f1f1;
	padding-bottom: 20px;
	position: relative;
}
#demo #indemo ul li>div a {
	display: block;
}
#demo #indemo ul li>div .pro_img {
	text-align: center;
	width: 100%;
	height: 222px;
	background: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}
#demo #indemo ul li>div .pro_img img {
	vertical-align: middle;
	max-width: 90%;
	max-height: 90%;
}
#demo #indemo ul li>div .pro_img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}
#demo #indemo ul li>div p {
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	font-size: 16px;
	text-align: center;
	color: #555;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#demo #indemo ul li>div span {
	margin: 0 auto;
	display: block;
	width: 118px;
	height: 34px;
	border: 1px solid #dadada;
	display: block;
	text-align: center;
	line-height: 34px;
	background: none;
	position: relative;
}
#demo #indemo ul li>div span:before {
	content: "";
	position: absolute;
	background: #e41e34;
	width: 0;
	height: 34px;
	left: 0;
	z-index: 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
}
#demo #indemo ul li>div span i {
	position: relative;
	z-index: 1;
	background: url(../images/pro_jt.png) center center no-repeat;
	display: block;
	width: 100%;
	height: 34px;
}
#demo #indemo ul li .l1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #515671;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
#demo #indemo ul li .l2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 0;
	background: #515671;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
#demo #indemo ul li .l3 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 1px;
	background: #515671;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
#demo #indemo ul li .l4 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 0;
	background: #515671;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
#demo #indemo ul li>div:hover .l1 {
	width: 100%;
}
#demo #indemo ul li>div:hover .l2 {
	height: 100%;
}
#demo #indemo ul li>div:hover .l3 {
	width: 100%;
}
#demo #indemo ul li>div:hover .l4 {
	height: 100%;
}
#demo #indemo ul li>div:hover span {
	border: 1px solid #fff;
}
#demo #indemo ul li>div:hover span i {
	background: url(../images/pro_jt2.png) center center no-repeat;
}
#demo #indemo ul li>div:hover span:before {
	width: 100%;
}




.ny-service{
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

.ny-service .container{
	width: 100%;
}

.ny-service ul li{
    width: 25%;
    float: left;
    border: 1px solid #ddd;
	border-right: 0;
	cursor: pointer;
}

.index-service ul li:last-child{
	border-right: 1px solid #ddd;
}

.ny-service ul li .se-pic{
	overflow: hidden;
}

.ny-service ul li .se-pic img{
	transition: all 0.5s;
}


.ny-service ul li:hover .se-pic img{
	transform: scale(1.1);
}


.se-text{
	display: table;
	width: 100%;
}

.se-text h3 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
}

.se-text p{
	text-align: center;
	line-height: 30px;
}

.se-text-bg {
    width: 100%;
    padding: 16px 16px;
    padding-bottom: 40px;
}

.ny-service ul li:hover .se-text {
    background-color: #e50012;
}

.ny-service ul li:hover .se-text h3{
	color:#fff
}

.ny-service ul li:hover .se-text p{
	color:#fff
}






.in_aboutbg{height:637px; background:url(../images/in_aboutbg.jpg) center no-repeat; padding:100px 0;position: relative;}
.in_about_text{width:580px; float:left;}
.in_about_tit{width:580px; float:left; padding-left:35px; border-left:3px solid #fff;}
.in_about_tit h1{font-size:30px; font-weight:bold; color:#fff; line-height:30px;}
.in_about_tit h1 a{color:#fff;} .in_about_tit h1 a:hover{color:#fd4753;}
.in_about_tit h2{font-size:24px; font-weight:400; color:#fff; line-height:24px; margin-top:20px;}
.in_about_txt{width:580px; float:left; margin-top:50px; font-size:16px; line-height:28px; color:#fff;}
.in_about_btn{width:180px; float:left; margin-top:50px;}
.in_about_btn a{width:180px; height:45px; line-height:45px; text-align:center; background:#fff; display:block; color:#fd4753; font-size:16px; border-radius:20px;}
.in_about_btn a:hover{background:#fd4753; color:#fff;}
.in_about_pic{width:560px; float:right;}



.in_news_img{width:1200px; margin:40px auto 0; overflow:hidden;}
.in_news_img ul{width:10000%; position:relative;}
.in_news_img ul li{float:left; width:0.32%; margin-right:0.02%; overflow:hidden;}
.in_news_img ul li .c1{width:100%; float:left;}
.in_news_img ul li .c1_pic{width:100%; float:left; background:#eee; padding:5px; overflow:hidden;}
.in_news_img ul li a .c1_pic img{width:100%; display:block; transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s;}
.in_news_img ul li a:hover .c1_pic img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.in_news_img ul li .c1_txt{width:100%; float:left;}
.in_news_img ul li .c1_txt h3{font-size:16px; color:#000; font-weight:400; padding-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_news_img ul li a .c1_txt h3{color:#000;}
.in_news_img ul li a:hover .c1_txt h3{color:#fd4753;}
.in_news_img ul li .c1_txt p{font-size:14px; line-height:24px; margin-top:10px;color:#828282}
.in_news_img ul li .c1_wz{width:100%; float:left; margin-top:10px; line-height:30px;}
.in_news_img ul li .c1_wz i{float:left; font-size:16px;}
.in_news_img ul li .c1_wz span{float:right; font-size:14px; color:#999;}
.in_news_qh{width:1200px; margin:20px auto 0; height:40px; position:relative; border-bottom:1px solid #e6e6e6;}
.in_news_qh .cqdd{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); margin-top:20px; background:#fff; padding:0 15px;}
.in_news_qh .cqdd span{float:left; width:10px; height:10px; background:#a4a4a4; border-radius:50%; margin:2px 6px 0; cursor:pointer;}
.in_news_qh .cqdd span.on{background:none; background:#fd4753; margin-top:0; width:15px; height:15px;}


.index-phone i {
    margin-right: 8px;
    width: 14px;
    font-size: 16px;
    margin-top: 18px;
}

.index-phone a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #484848;
    padding: initial;
    position: relative;
}
.index-phone a::after {
    content: "";
    width: 1px;
    height: 11px;
    background: #fff;
    position: absolute;
    right: -3px;
    top: 4px;
}

.index-phone a:last-child::after{
	display: none;
}

.index-phone dl {
    background: #fff;
    margin-top: -1px;
    border: 1px solid #ddd;
    display: none;
    box-shadow: 1px 1px 10px #ddd;
    opacity: 0;
    transition: all 0.5s;
    padding: 0px;
    position: absolute;
    width: 130%;
    z-index: 9999999999999999999999;
}
.index-phone:hover dl{
	opacity: 1;
}

.index-phone dl dd {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.index-phone dl dd:hover{
	background: #f5f5f5;
}

.index-phone dl dd{
	font-size: 14px;
	height: 35px;
	line-height: 35px;
}

.index-phone span{
	font-size: 12px;
	margin-left: 2px;
}

.index-phone dl dd a{
	font-size: 12px;
	cursor: pointer;
	color:#000
}

.index-phone {
    margin-right: 15px;
    position: relative;
    width: auto;
    font-size: 25px;
    margin-left: 32px;
    line-height: 45px;
}

.index-phone em {
    font-weight: initial;
    font-size: 12px;
    margin-left: 5px;
}




/* 搜索 */
.search {
    margin-left: 8px;
    float: right;
    margin-top: 5px;
    border: 1px solid #ddd;
    background: #fff;
    width: 35px;
    text-align: center;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
}

.search span {
    line-height: 33px;
}

.search_control {
    font-size: 20px;
    cursor: pointer;
    line-height: 1.2em;
    color: rgba(255, 255, 255, 0.7);
    -o-transition: color 0.15s;
    -moz-transition: color 0.15s;
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
}
.search_control {
    color: #7f7f7f;
}
.search_container {
    position: absolute;
    bottom: -46px;
    right: -120px;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.search_form {
    overflow: hidden;
    position: relative;
    border-radius: 18px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}

.search_form input {
    width: 200px;
    height: 36px;
    color: #666;
    font-size: 12px;
    padding: 0 15px;
    background: #fff;
    padding-right: 40px;
    border-radius: 18px;
}

.search_form button {
    position: absolute;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    color: #999;
    height: 36px;
    width: 36px;
    right: 0;
    top: 2px;
    cursor: pointer;
    -o-transition: color 0.15s;
    -moz-transition: color 0.15s;
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
}


.search_container.active {
    right: 0px;
    opacity: 1;
    z-index: 10;
    visibility: visible;
}
/* 搜索 */





{
  position: relative;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}
{
  width: 100%;
  position: relative;
}
{
  box-sizing: content-box;
}
#indexBanner {
  height: 100%;
  position: relative;
}
#indexBanner nav {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8%;
  margin: auto;
  width: 50px;
  z-index: 1000;
  padding: 0 5px;
  box-sizing: content-box;
  visibility: hidden;
}
#indexBanner .numChoose {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10%;
  width: 1.2rem;
  margin: auto;
  z-index: 1000;
  height: 2rem;
}
#indexBanner .numChoose > li {
  font-size: 0.15rem;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-align: right;
  padding-right: 0.1rem;
  height: 0.4rem;
  line-height: 0.4rem;
  width: 100%;
  transition: 0.3s all cubic-bezier(0.27, 0.54, 0.44, 0.85);
  font-family: num;
  opacity: 1;
  cursor: pointer;
  pointer-events: inherit;
}
#indexBanner .numChoose > li:after {
  content: "";
  position: absolute;
  right: 0;
  opacity: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  bottom: 0;
  transition: 7s width cubic-bezier(0.36, 0, 0.59, 0.84);
}
#indexBanner .numChoose > li:hover {
  color: #fff;
}
#indexBanner .numChoose .active {
  color: #fff;
}
#indexBanner .numChoose .active:after {
  opacity: 1;
  width: 0%;
}
#indexBanner .Tmsg {
  position: absolute;
  left: 10%;
  bottom: 30%;
  z-index: 1000;
  width: 7rem;
}
#indexBanner .Tmsg > div:nth-child(1) .list {
  display: none;
}
#indexBanner .Tmsg > div:nth-child(1) .list > span {
  font-size: 0.48rem;
  font-weight: bold;
  color: #4e4e4e;
  
  display: block;
}
#indexBanner .Tmsg > div:nth-child(1) .list > small {
  font-size: 0.36rem;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: En_bold;
}
#indexBanner .Tmsg > div:nth-child(1) .list.show {
  display: inline-block;
}
#indexBanner .Tmsg > div:nth-child(2) {
  font-size: 0.14rem;
  padding-left: 0.4rem;
  position: relative;
  color: #000;
  height: 0.28rem;
  line-height: 0.28rem;
  margin: 40px 0;
}
#indexBanner .Tmsg > div:nth-child(2):after {
  content: '';
  position: absolute;
  width: 18px;
  height: 28px;
  border-radius: 50px;
  left: 5px;
  background-color: #262626;
  top: -4px;
  /*-webkit-animation: Tmouse 0.5s cubic-bezier(.56,.01,.46,1) infinite alternate;
									animation: Tmouse 0.5s cubic-bezier(.56,.01,.46,1) infinite alternate;*/
}
#indexBanner .Tmsg > div:nth-child(2):before {
  content: "";
  position: absolute;
  width: 2px;
  height: 7px;
  left: 13px;
  top: 7px;
  background-color: #ffffff;
  border-radius: 50px;
  z-index: 5;
  -webkit-animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
@-webkit-keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-5px);
  }
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
#indexBanner .Tmsg > div:nth-child(3) {
  width: 100%;
  height: 1px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 60px 0;
}
#indexBanner .Tmsg > div:nth-child(3):after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  bottom: -1px;
  left: 0;
}
#indexBanner .Tmsg > div:nth-child(4) {
  line-height: 34px;
  position: relative;
}
#indexBanner .Tmsg > div:nth-child(4) > span {
  font-size: 0.18rem;font-weight: lighter;
  color: #fff;
  display: block;
}
#indexBanner .Tmsg > div:nth-child(4) > small {
  font-size: 0.16rem;
  color: #fff;
  font-weight: bold;
}
#indexBanner .Tmsg > div:nth-child(4) > .addMore {
  position: absolute;
  width: 0.68rem;
  height: 0.68rem;
  left: 4rem;
  border-radius: 50%;
  line-height: 0.68rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  cursor: pointer;
  display: inline-block;
  transition-origin: 50% 50%;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}
#indexBanner .Tmsg > div:nth-child(4) > .addMore > i {
  font-size: 0.24rem;
  color: #fff;
}
#indexBanner .Tmsg > div:nth-child(4) > .addMore:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
#indexBanner .go {
  -webkit-filter: blur(12px);
  filter: blur(12px);
  transform: scale(1.2);
  opacity: 1;
  -webkit-animation: scaleDownFadeIn 1s forwards ease;
  animation: scaleDownFadeIn 1s forwards ease;
}

.component {
	margin: 0 auto;
	position: relative;
	margin-bottom: 40px;
	max-width: 100%;
}

.component-small {
	width: 650px;
	height: 290px;
}

.component-fullwidth {
	width: 100%;
	margin-bottom: 0;
	background: #fff;
}

.component-transparent {
	width: 900px;
	height: 500px;
}

.component > ul {
	width: 100%;
	max-width: 100%;
	height: 100%;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

.component-small > ul {
	width: 450px;
}

.component-fullwidth > ul {
	overflow: hidden;
	height:100%;
}

.component-transparent > ul {
	width: 112px;
}

.component > ul > li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	z-index: 999;
}

.component-fullwidth li {
	overflow: hidden;
}

.component .itemwrap .current {
	opacity: 1;
	pointer-events: auto;
	z-index: 1000;
	-webkit-filter: blur(0px);    filter: blur(0px);
}
.component-fullwidth .itemwrap li{
	-webkit-filter: blur(50px);    filter: blur(50px);
}
.component li img {
	display: block;
	max-width: 100%;
}

.component-fullwidth li img {
	min-width: 100%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
}

.component nav a {
	position: absolute;
	width: 50px;
	height: 50px;
	color: #5b4c5c;
	outline: none;
	overflow: visible;
	text-align: center;
	line-height: 200px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
}

.component-small nav a.prev,
.component-transparent nav a.prev {
	left: 0px;
}

.component-small nav a.next,
.component-transparent nav a.next {
	right: 0px;
}

.component-fullwidth nav a {
	width: 50px;height: 50px;line-height: 50px;border-radius: 50%;
	background-color: #fff;opacity: 0.5;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.component-fullwidth nav a:hover{
	opacity: 1;
}
.component-fullwidth nav a > img{
	position: absolute;
    top: 0;left: 0;
    bottom: 0;right: 0;
    margin: auto;
}

.component-fullwidth nav a.prev {
	margin-top: -40px;
}

.component-fullwidth nav a.next {
	margin-top: 40px;
}



.ny-banner{
	position: relative;
	padding-top: 85px;
}

.ny-banner-text {
    display: block;
    position: absolute;
    top: 42%;
    width: 450px;
    background: rgba(0,0,0,0.1);
    margin: 0 auto;
    left: 50%;
    margin-left: -600px;
    height: 180px;
    padding: 48px 30px;
    border-radius: 10px;
}

.ny-banner-text h3 {
    text-align: left;
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
    font-family: "PingFang HK", "Microsoft YaHei", "Arial";
    color: #fff;
    letter-spacing: 10px;
    text-shadow: 0 1px 1px #000000;
    display: block;
}

.mbx{
	width: 100%;
}

.mbx a {
    color: #ffffff;
    font-size: 15px;
}

.mission_con {
    background: url(../images/ab_bg_001.jpg) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
    margin-top: -50px;
    padding: 110px 0px 150px 0px;
    position: relative;
    padding-top: 150px;
    padding-bottom: 75px;
    margin-top: 22px;
}

.skew {
    transform: skew(0, -2.4deg);
    -webkit-transform: skew(0, -2.4deg);
    -moz-transform: skew(0, -2.4deg);
    -o-transform: skew(0, -2.4deg);
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform-origin: left top;
}

.mission_con h4 {
    color: #fff;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
}

.mission_con p {
    color: #fff;
    font-size: 14px;
    width: 100%;
    margin: 20px auto;
    text-align: center;
    line-height: 30px;
}


.ny-class {
    width: 100%;
    display: table;
	text-align: center;
}
.ny-class ul li {
    float: none;
    border: 1px solid #ddd;
    padding: 10px 20px;
    margin: 0 15px;
    display: inline-block;
}

.ny-class ul li:nth-child(1){
	margin-left: 0;
}

.justify {
    font-size: 16px;
    line-height: 30px;
    margin-top: 15px;
}



.case-top h3{
	font-size: 35px;
	text-align: center;
}

.case-top p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 30px;
    margin-top: 16px;
}

.case-top{
	margin-top: 30px;
}




.jobs-bg{
	display: table;
	width: 100%;
	margin-top: 45px;
}

.jobs-bg h3 {
    font-size: 35px;
    font-weight: initial;
    margin-bottom: 35px;
    text-align: center;
}

.class-top{
	margin-top: 30px;
}



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

/* 会员登录注册 */
.at2 {
	font-size: 12px;
}
.at3 {
	font-size: 14px;
}
.at4 {
	font-size: 18px;
}
.sr{
    width:94%;
	height:auto;
	padding-left:2%;
	padding-right:2%;
	margin-bottom:2%;
	border:#ddd solid 1px;
	font-size: 14px;
	color: #666;
	font-weight:normal;
	font-family: "微软雅黑";
	line-height:40px;
	outline:none;
}
.sr3{
    width:94%;
	height:40px;
	margin-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	margin-bottom:2%;
	font-size: 14px;
	color: #666;
	font-weight:normal;
	font-family: "微软雅黑";
	line-height:40px;
	display:block;
}
.sr11{
    width:300px;
	height:auto;
	padding-left:1%;
	padding-right:1%;
	border:#ddd solid 1px;
	font-size: 14px;
	color: #999;
	font-weight:normal;
	font-family: "微软雅黑";
	line-height:350%;
	border-radius:5px;
	outline:none;
}
.anm2 a {
	width:183px;
	margin-right:20px;
	line-height:38px;
	font-size:14px;
}
.anm8 a {
	width:300px;
	height:50px;
	line-height:50px;
	font-size:14px;
}

/* 会员登录注册 */
.ck{
    max-width:98%;
	padding:1%;
}
.ckl{
    width:98%;
	padding:1%;
	margin-right:0%;
	margin-bottom:2%;
	float:left;
}
.ckr{
    width:100%;
	height:auto;
	float:left;
 }
 .ckl h{
	font-size: 16px;
	padding-bottom:2%;
	margin-bottom:2%;
}
.ckl ul{
    width:100%;
}
 .ckl ul li{
    width:48%;
	margin-right:2%;
	padding-bottom:2%;
	margin-bottom:2%;
}
.ss input {
	width: 220px;
	padding: 0px 40px 0px 15px;
	height: 35px;
	outline: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	color:#333;
	font-family:"微软雅黑";
	font-size:12px;
}


}