.clearfix{*zoom:1}
i,em{ font-style:normal;}

body{ overflow-x:hidden;}

/*banner*/
.banner{ overflow: hidden; background:#eee; }
.banner-box{ min-width:1200px; height:550px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:550px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%; position: absolute; top: -1px; left: -1px; margin-left: 0; height: 550px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:250px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../image/b1.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../image/b1.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:60px; width: 100%; display: block; }
.banner-box .hd ul { width: 1250px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background:#dc2521 !important; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*定义版面统一宽度*/
.w1400{ width:1200px; margin:0 auto; overflow:hidden;}

/*距离*/
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top70{ margin-top:70px;}
.top80{ margin-top:80px;}
.top90{ margin-top:90px;}
.top100{ margin-top:100px;}

.tit{ font:48px "Microsoft Yahei"; text-align:center; color:#333;}
.tit a{ display:block; color:#333;}
.tit b{ display:block; text-align:center; line-height:5px;}
.tit em{ display:block; font:24px "Microsoft Yahei";color#fff; letter-spacing:2px; margin-top:10px;}

/*title*/
.title{ text-align:center; font-size:18px; line-height:30px;padding-top:30px; color:#999999; position:relative; z-index:1;}
.title span{ color:#333333; font-size:38px; position:relative; display:inline-block; margin-bottom:10px; line-height:40px; font-weight:bold;}
.title b{ display:block; text-align:center; line-height:5px;}
.title em{ color:#dc2521;}
@keyframes widthchange{
	0%{width:100%;}
	50%{width:30%;}
	100%{width:100%;}
	}
.title1{ text-align:center;font-size:16px;line-height:40px;  color:#fff; position:relative; z-index:1;}
.title1 span{ color:#fff; font-size:38px; position:relative; display:inline-block; margin-bottom:10px; line-height:40px;  font-weight:600; }
.title1 b{ display:block; text-align:center; line-height:5px;}
.title1 em{ color:#f9e804;}
@keyframes widthchange{
	0%{width:100%;}
	50%{width:30%;}
	100%{width:100%;}
	}
	
/*case*/
.case{ width: 100%; height:300px; background:url(../image/bg02.jpg) no-repeat center;}
.case p.title{font-size:32px;line-height:60px; color:#fff;text-align:left;}
.case p{ color:#fff;font-size:16px;line-height:40px; }
.case span{ color:#ffeb3c;font-size:36px;line-height:60px;font-weight:bold;}
.case_t{ position:relative; }
.case_t1{ height:316px; background:#fff;border-radius:60px 0 10px 0; margin:40px 0 70px 0; z-index:1; position:relative;}

.products {
	width: 100%;
	overflow: hidden;
	padding-bottom: 58px;
}
.products .BigCon {
	overflow: hidden;
}
.products .BigCon ul {
	width: 104%;
	overflow: hidden;
}
.products .BigCon li {
	float: left;
	height: 260px;
	width: 298px;
	margin-right: 0;
	margin-top: 0;
	border: 1px solid #cccccc;
}
.products .BigCon li a {
	text-decoration: none;
}
.products .BigCon li span {
	display: block;
	width: 278px;
	height: 200px;
	margin: 10px;
	overflow: hidden;
}
.products .BigCon li em {
	display: block;
	text-align:center;
	padding: 0 11px;
	font-size: 14px;
	color: #333333;
	text-indent: 9px;
	line-height: 30px;
}
.products .BigCon li img {
	display: block;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
}
.products .BigCon li:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}
.products .BigCon li:hover {
	box-shadow: 0 5px 6px #dcdcdc
}
.products .BigCon li:hover em {
	color: #333;
	background: url(http://linghangzl.vip198.iisicp.com/templates/cn2014/img/products-icon06.png) no-repeat 254px center;
}
.four_bt {width: 1200px;height: 50px;margin:0 auto;}
.four_btn{width: 180px;text-align: center;height: 50px;font-size: 16px;color: #fff;line-height: 50px;background: #ff4e00;overflow: hidden;margin: 25px auto 0;border-radius:25px;}
.four_btn:hover{background: #434343;}

.index1{width: 100%;height: 160px; overflow: hidden;background: url(../image/bg01.png) no-repeat;}

.index2{width: 100%; padding: 40px 0 40px 0; overflow: hidden;}
.index2 .content{position: relative;width: 99%;}
.index2 .txtbox{width: 50%; float: left; box-shadow: 0 0 10px 5px #ededed; background-color: #fff; padding: 35px; margin: 35px 0; position: relative; z-index: 2;}
.index2 .txtbox .title{font-size: 16px; color: #0151a4; font-weight: bold; margin-bottom: 35px;}
.index2 .txtbox .txt{font-size: 16px; color: #333333; line-height: 30px; margin-bottom: 35px;}
.index2 .txtbox .more{width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; background-color: #0152A4; display: block;}
.index2 .imgbox{width: 50%; text-align: center; overflow: hidden; position: absolute; right: 0; top: 50px;}
.index2 .imgbox img{width: 100%; height: auto;}

.honorTab{width: 100%; padding: 40px 0 40px 0; overflow: hidden;background-color:#f1f1f1;}
.tab_gdtx1 .hd ul{
    text-align: center;
}
.tab_gdtx1 .hd ul li{
    display: inline-block;
    width:168px;
    height: 50px;
    background: #333333;
    font-size: 24px;
    font-weight: bold;
    line-height: 50px;
    border-radius: 30px;
    color: #fff;
    margin: 0 5px;
}
.tab_gdtx1 .hd ul li.on{
    background: #dc2521;
}
.tab_gdtx1 .bd{
	
    margin-top: 24px;
}
.bdcon1{position: relative;}
.prevall1{cursor:pointer;position: absolute;left:-20px;top:84px;z-index: 999;}
.nextall1{cursor:pointer;position: absolute;right:-20px;top:84px;z-index: 999;}
.img_gdtx1{
    margin-left: -20px;
}
.img_bd1{position: relative;width:1200px;margin:0 auto;}
.img_bd1 li{
    position: relative;
    float: left;
    margin: 0 16px;
}
.img_bd1 li img{
    width:268px;
    height: 207px;
    border:2px solid #e2e2e2;
}
.img_bd1 li h2{
    font-size: 14px;
    color: #333333;
    text-align: center;
    font-weight: normal;
    padding-top: 10px;
}

.guide{ min-width:1200px; max-width:1920px; width:86.45833%; margin:100px auto 0; height:1000px;}
.guide1{ margin-top:100px;}
.guide1 dl{ width:18.80%; float:left; background:#fff; box-shadow:0 0 1rem #ccc; margin-top:80px;}
.guide1 dl:nth-child(2n){ margin-top:0;}
.guide1 dt{ overflow:hidden;}
.guide1 dt img{ display:block; position:relative; margin-left:-150px;}
.guide1 dd{ padding:1rem 0 1.6rem 8%; font-size:1.25rem; color:#444444;}
.guide1 dd span{ display:block; font-size:2.625rem; color:#777777;}
.guide1 dd span em{ display:inline-block; width:24px; height:24px; background:#e30024; color:#fff; text-align:center; line-height:24px; font-size:0.875rem; border-radius:24px;}
.guide1 .cur{ width:31.867%; margin:80px -4% 0 -4%; position:relative; z-index:88;background: rgb(227,2,36); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(227,2,36,1) 0%, rgba(238,133,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(227,2,36,1) 0%,rgba(238,133,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(227,2,36,1) 0%,rgba(238,133,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30224', endColorstr='#ee850e',GradientType=1 );}
.guide1 .cur dt img{ margin:0;}
.guide1 dl:nth-child(2n).cur{ margin:0 -4%;}
/*.guide1 dl:nth-child(1).cur{width:31.867%; margin:80px -8% 0 0;}*/
.guide1 .cur dd,.guide1 .cur span{ color:#fff;}
.guide1 .cur dd span em{ background:#73150e;}
@media (min-width: 1200px) and (max-width: 1366px) {
    .guide1 .cur dt img{margin-left:-90px;}
}

/*产品中心*/
.prod {
	width: 100%;
	overflow: hidden;
	background: url(http://linghangzl.vip198.iisicp.com/templates/cn2014/img/casebg.png) repeat;
	padding-bottom: 0;
}

.prod .con {
	width: 100%;
	overflow: hidden;
	margin-top: 0;
}

.prod .conBox {
	overflow: hidden;
	margin-top: 4px;
}
.prod .conBox ul {
	overflow: hidden;
}
.prod .conBox li {
	width: 390px;
	height: 421px;
	border: 1px solid #ededed;
	float: left;
	margin-left: 12px;
	margin-bottom: 12px;
	overflow: hidden;
	background-color: #fff;
}
.prod .conBox li:nth-child(3n+1) {
	margin-left: 0;
}
.prod .conBox li img {
	display: block;padding: 7px;height:219px; width:378px;
}
.prod .conBox li h3 {
	font-size: 20px;
	padding: 10px 5px;
	border-bottom:1px solid #ececec;
}
.prod .conBox li h3 a {
	color: #ff4e55;
	font-size: 14px;
	text-decoration: none;
}
.prod .conBox li:hover h3 a {
	color: #ff4e55;
}
.prod .conBox li p {
	line-height: 20px;
	color: #666666;
	font-size: 14px;
	height: 160px;
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.prod .conBox li p a{
	line-height: 30px;
	color: #1077de;
	font-size: 14px;
}

.prod_m{width:173px;height:62px;background:url(../image/p1.png) no-repeat center;display:block;float:left;}
.prod_m  a{width:100%;height:100%;display:block;text-align:center;font-size:18px;color:#000 !important;font-weight:normal; line-height:60px;}
.prod_m a:hover{background-image:url(../image/p2.png); color:#fff  !important; }

.pro{ background:url(../image/pro_bg.jpg) no-repeat center top; padding:90px 0;}
.pro .tit a,.pro .tit em{ color:#333;}
.pro01{ min-width:1200px; max-width:1920px; width:72.92%; margin:50px auto 0; background:#f8f8f8; border-radius:10px; overflow:hidden;}
.prot{ width:17.7%; float:left; height:100%;}
.prot h3{ width:100%; height:25%; background:#fff; border-bottom:1px solid #ececec; box-sizing:border-box; position:relative; padding:0.3rem 0;}
.prot h3 img{ display:block; width:100%;}
.prot h3 em{ display:block; font:18px "Microsoft YaHei UI"; text-align:center; position:absolute; bottom:10px; text-align:center; width:100%;}
.prot .cur{ width:120%; box-shadow:0 0 1rem #ccc; border:0; position:relative; z-index:8; border-radius:10px;}
.prot .cur img{ display:block; width:92%; margin:0 auto;}
.prot .cur em{ display:none;}
.pro2{ width:82.2%; float:right;}
.pro2 dt img{ display:block; width:100%;}
.pro2 dd{ padding:2.2rem 5% 0;}
.pro2 dd h4 a{ display:block; width:15%; float:left; font-size:1.675rem; color:#333; font-weight:normal; margin-top:0.2rem;}
.pro2 dd p{ width:65%; font-size:0.875rem; line-height:1.5rem; color:#666; float:left;}
.pro2 dd span a{ display:block; width:10.9rem; height:3.1875rem; font-size:1rem; padding-left:2.5%; box-sizing:border-box; background:url(../image/pro_btn.png) no-repeat; background-size:100% auto; line-height:3.1875rem; color:#fff; float:right;}

.adv {
	width: 100%;background:url(../image/bg03.jpg) no-repeat;
}
.adv .conBox {
	width: 100%;
	overflow: hidden;
	padding-top: 0;
}
.adv .conBox .container {
	overflow: hidden;
	position: relative;
}

.adv .conBox .con {
	overflow: hidden;
}

.adv .conBox .con img {
	display: block;	
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
}
.adv .conBox .con:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.adv .conBox .con:hover {
	box-shadow: 0 5px 6px #dcdcdc
}
.adv .conBox .con1 img {
	display: block;
	width: 586px;
	float: left;
	margin-left: 14px;
}
.adv .conBox .con1 .box {
	float: right;
	width: 506px;
	margin-right: 14px;
}
.adv .conBox .con1 .box h2{
	position:absolute;
	font-size: 84px;
	letter-spacing:-8px;
	color: #f0f0f0;
	font-family:Arial serif;
	top:58px;
	left:740px;
	width:403px;
}
.adv .conBox .con1 .box h3 {
	float: right;
	margin-bottom: 24px;
	margin-top: 44px;
}
.adv .conBox .con1 .box h3 span {
	position: relative; z-index: 111;
	float: right;
	font-size: 36px;
	color: #1077de;
	margin-bottom: 0px;
	margin-top: 44px;
}
.adv .conBox .con1 .box p span{
    float: right;
	display:block; 
	width:100%;
	color: #ff4e00;
	font-size: 24px;
	line-height: 24px;
}
.adv .conBox .con1 .box p {
	float: right;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	margin-bottom: 14px;
	padding-left: 28px;
}


.adv .conBox .con2 img {
	display: block;
	width: 586px;
	float: left;
	margin-right: 14px;
}
.adv .conBox .con2 .box {
	float: left;
	width: 586px;
	margin-left: 14px;
}
.adv .conBox .con2 .box h2{
	position:absolute;
	font-size: 84px;
	letter-spacing:-8px;
	color: #f0f0f0;
	font-family:Arial serif;
	top:388px;
	left:30px;
	width:403px;
}
.adv .conBox .con2 .box h3 {
	float: left;
	margin-left: 24px;
	margin-bottom: 24px;
	margin-top: 44px;
}
.adv .conBox .con2 .box h3 span {
	position: relative; z-index: 111;
	float: left;
	font-size: 36px;
	color: #1077de;
	margin-bottom: 0px;
	margin-top: 44px;
}
.adv .conBox .con2 .box p span{
    float: left;
	color: #ff4e00;
	font-size: 24px;
	line-height: 24px;
}
.adv .conBox .con2 .box p {
	float: left;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	margin-bottom: 14px;
	padding-left: 28px;
}


.adv .conBox .con3 img {
	display: block;
	width: 586px;
	float: left;
	margin-left: 14px;
}
.adv .conBox .con3 .box {
	float: right;
	width: 506px;
	margin-right: 14px;
}
.adv .conBox .con3 .box h2{
	position:absolute;
	font-size: 84px;
	letter-spacing:-8px;
	color: #f0f0f0;
	font-family:Arial serif;
	top:748px;
	left:740px;
	width:403px;
}
.adv .conBox .con3 .box h3 {
	float: right;
	margin-bottom: 24px;
	margin-top: 64px;
}
.adv .conBox .con3 .box h3 span {
	position: relative; z-index: 111;
	float: right;
	font-size: 36px;
	color: #1077de;
	margin-bottom: 0px;
	margin-top: 44px;
}
.adv .conBox .con3 .box p span{
    float: right;
	display:block; 
	width:100%;
	color: #ff4e00;
	font-size: 24px;
	line-height: 24px;
}
.adv .conBox .con3 .box p {
	float: right;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	margin-bottom: 14px;
	padding-left: 28px;
}
.adv .conBox .con4 img {
	display: block;
	width: 586px;
	float: left;
	margin-right: 14px;
}
.adv .conBox .con4 .box {
	float: left;
	width: 586px;
	margin-left: 14px;
}
.adv .conBox .con4 .box h2{
	position:absolute;
	font-size: 84px;
	letter-spacing:-8px;
	color: #f0f0f0;
	font-family:Arial serif;
	top:1058px;
	left:-80px;
	width:403px;
}
.adv .conBox .con4 .box h3 {
	float: left;
	margin-left: 24px;
	margin-bottom: 24px;
	margin-top: 44px;
}
.adv .conBox .con4 .box h3 span {
	position: relative; z-index: 111;
	float: left;
	font-size: 36px;
	color: #1077de;
	margin-bottom: 0px;
	margin-top: 44px;
}
.adv .conBox .con4 .box p span{
    float: left;
	color: #ff4e00;
	font-size: 24px;
	line-height: 24px;
}
.adv .conBox .con4 .box p {
	float: left;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	margin-bottom: 14px;
	padding-left: 28px;
}

.adv .conBox .con4 .box h3 {
	margin-bottom: 30px;
}
.adv .conBox .con3 .box h3 {
	margin-bottom: 30px;
}
.adv .conBox .con2 img, .adv .conBox .con4 img {
	float: right;
}
.adv .conBox .con2 .box, .adv .conBox .con4 .box {
	float: left;
	text-align: right;
}
.adv .conBox .con2 .box p, .adv .conBox .con4 .box p {
	padding-right: 28px;
}

/* Dz */
.Dz {
	width: 100%;
	background: url(../image/bg02.png) no-repeat center;
	height: 253px;
	padding-top: 60px;
}
.Dz .container {
	position: relative;
	height: 253px;
}
.Dz img {
	position: absolute;
	left: 35px;
	bottom: 5px;
}
.Dz .con {
	width: 700px;
	position: absolute;
	top: 10px;
	left: 482px;
	overflow: hidden;
}
.Dz .con .btn {
	color: #fd0707;
	font-size: 24px;
	line-height: 39px;
	width: 700px;
	float: left;
}
.Dz .con .btn a {
	font-size: 40px;
	color: #fff;
	display: block;
	height: 50px;
	width: 700px;
	line-height: 50px;
	text-align: left;
	text-decoration: none;
}

.Dz .con .phone {
	padding-top: 20px;
	width: 190px;
	float: left;
	margin-left: 67px;
}
.Dz .con .phone p {
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
}

/* about */
.about {
	width: 100%;
	overflow: hidden;
	background: url(../image/bg03.png) no-repeat center;
	height: 565px;
}
.about .Title {
	overflow: hidden;
	margin-top: 8px;
}
.about .Title h2 {
	font-size: 34px;
	width: 137px;
	float: left;
	color: #fff;
}

.about .Title h2 i {
	display: block;
	width: 98px;
	height: 2px;
	background: #fff;
	margin-top: 14px;
}
.about .Title p {
	float: left;
	font-size: 24px;
	color: #8dc4ea;
	font-family: arial;
	line-height: 24px;
	text-transform: uppercase;
	margin-left: 18px;
	margin-top: 8px;
}
.about dl {
	width: 100%;
	overflow: hidden;
	margin-top: 100px;
}
.about dt {
	float: left;
	width: 625px;
}
.about dd {
	width: 534px;
	float: right;
}
.about dd h3 {
	float:left;
	font-size: 18px;
	color: #fff;
	margin-right:20px;
	height: 100px;
	line-height: 140px;
}
.about dd h3 span {
	float:left;
	font-size: 44px;
	font-weight: bold;	
	color: #fff;
}
.about dd p {
	margin-top: 20px;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	height: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.about dd .more {
	display: block;
	float:left;
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-indent: 27px;
	color: #fff;
	background: #ff4e00;
	font-size: 16px;
	margin: 25px auto 0;
	text-align: center;
	border-radius:25px;
}
.about dd .more:hover{background: #434343;}

.super{ margin-top:70px; background:url(../image/ys_bg.jpg) no-repeat center 313px; position:relative;}
.super .content{ position:relative;}
.super:before{ content:""; position:absolute; top:230px; left:0; width:100%; height:1px; background:#efefef; z-index:-1;}
.supert{ height:134px; margin-top:45px;}
.supert h3{ width:185px; float:left; margin-right:140px; font:20px "Microsoft YaHei UI"; text-align:center; color:#020000; background:url(../image/y_hover1.png) no-repeat center 53px;}
.supert h3 em{ display:block; font:60px Arial, Helvetica, sans-serif; font-weight:bold; color:#d3d3d3; height:45px; margin-bottom:35px; overflow:hidden;}
.supert h3:last-child{ margin-right:0;}
.supert .cur{background:url(../image/y_hover2.png) no-repeat center 53px;}
.supert .cur em{ color:#e62129;}
.super dl{ height:830px;}
.super dt img{ display:block; width:1179px; height:586px; border:10px solid #fff; box-shadow:0 0 1.5rem #ccc; margin-top:20px;}
.super dd{ width:1005px; margin:40px auto 50px; text-align:center;}
.super dd h3{ font:30px "Microsoft YaHei UI"; color:#42423f;}
.super dd h3 em{ color:#e30323;}
.super dd p{ font:16px "Microsoft YaHei UI"; line-height:30px; color:#666666; margin-top:16px;}
.super h5{ width:320px; height:137px; background:url(../image/ys_vr.jpg) no-repeat center top; margin:0 auto; font:18px "Microsoft YaHei UI"; line-height:64px;}
.super h5 a{ display:block; color:#fff; padding-left:93px;}
.super h5:hover{transform: translateY(-10px);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.super .super_l{ width:72px; height:72px; border-radius:72px; border:1px solid #c9c9c9; font:30px "宋体"; font-weight:bold; text-align:center; line-height:72px; color:#c9c9c9; position:absolute; top:555px; left:-220px; cursor:pointer;}
.super .super_r{ width:72px; height:72px; border-radius:72px; border:1px solid #c9c9c9; font:30px "宋体"; font-weight:bold; text-align:center; line-height:72px; color:#c9c9c9; position:absolute; top:555px; right:-220px;cursor:pointer;}
.super .super_l:hover,.super .super_r:hover{ color:#e62129; border:1px solid #e62129;}

.case .tit{ padding:60px 0; background:#eff0f2;}
.gallery-top{ height:686px;min-width:1200px; max-width:1920px;}
.gallery-top dl{ height:686px; position:relative;}
.gallery-top dt{height:686px;}
.gallery-top dd{ width:29.9%; background:rgba(255,255,255,0.8); box-shadow:0 0 1rem #ccc; padding:3rem; position:absolute; top:95px; left:13%; height:400px;}
.gallery-top dd h3 a{ display:block; font-size:2.25rem; font-weight:normal; color:#282828; padding-bottom:1rem; position:relative; padding-top:2rem;}
.gallery-top dd h3 a:before{ content:""; position:absolute; bottom:0; width:75px; height:3px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e30324+0,ee830f+100 */
background: rgb(227,3,36); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(227,3,36,1) 0%, rgba(238,131,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(227,3,36,1) 0%,rgba(238,131,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(227,3,36,1) 0%,rgba(238,131,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30324', endColorstr='#ee830f',GradientType=1 ); /* IE6-9 */}
.gallery-top dd p{ font:1rem "Microsoft YaHei UI"; line-height:1.875rem; color:#666; margin:40px 0;}
.gallery-top dd span a{display:block; width:10.9rem; height:3.1875rem; font-size:1rem; padding-left:4.5%; box-sizing:border-box; background:url(../image/pro_btn.png) no-repeat; background-size:100% auto; line-height:3.1875rem; color:#fff;box-sizing:border-box;}
.gallery-thumbs{ margin-bottom:75px; min-width:1200px; max-width:1920px; width:83.33%; position:relative;}
.gallery-thumbs:before{ content:""; position:absolute; bottom:71px; width:100%; height:1px; background:#f4f4f4;}
.gallery-thumbs .swiper-slide{ width:15.75%;}
.gallery-thumbs img{ display:block; width:100%;}
.gallery-thumbs em{ display:block; height:72px; font:20px "Microsoft YaHei UI"; text-align:center; color:#282828; line-height:72px;position:relative;}
.gallery-thumbs .swiper-slide-active em{ font-weight:bold; color:#e30324;}
.gallery-thumbs .swiper-slide-active em:before{ content:""; position:absolute; top:-1px; left:0; width:100%; height:3px;background: rgb(227,3,36); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(227,3,36,1) 0%, rgba(238,131,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(227,3,36,1) 0%,rgba(238,131,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(227,3,36,1) 0%,rgba(238,131,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30324', endColorstr='#ee830f',GradientType=1 );}

.coop{ margin:95px 0 0 0; position:relative; min-width:1200px; max-width:1920px; width:100%;}
.coop dt img{ display:block; width:100%;}
.coop dd{ width:43.83%; position:absolute; top:16%; right:13%; text-align:right; font:48px "Microsoft YaHei UI"; color:#333333;}
.coop dd em{ display:block; font:22px "Microsoft YaHei UI"; margin-top:5%; line-height:34px;}

.news0{ margin:50px 0 35px;}
.news0 .content{ min-width:1200px; max-width:1920px; width:72.92%; margin:0 auto;}
.news1{ margin-top:15px; width:30.714%; overflow:hidden; float:left;}
.news1:nth-child(2){ margin-right:3.857%;}
.news1:nth-child(4){ float:right;}
.tit2{ height:70px; overflow:hidden; font:24px "Microsoft YaHei UI"; line-height:70px; padding-left:18px; position:relative;}
.tit2 a{ display:block; color:#333333;}
.tit2:before{ content:""; position:absolute; top:24px; left:0; width:3px; height:23px; background:#e30024;}
.tit2 a:hover{ font-weight:bold; color:#e30024;}
.news1 dt{ overflow:hidden;border:1px solid #f1f1f1; box-sizing:border-box;}
.news1 dt img{ display:block; width:100%;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news1 dd{ height:80px; padding:20px 0; border-bottom:1px solid #e5e5e5; margin-bottom:30px;}
.news1 dd span{ display:block; float:left; width:19%; border-right:1px solid #e5e5e5; font:3rem Arial, Helvetica, sans-serif; color:#222;}
.news1 dd span em{ display:block; font:1rem "Microsoft YaHei UI"; color:#999;}
.news1 dd h4{ width:73.9%; float:right;}
.news1 dd h4 a{ display:block; font:1.125rem "Microsoft YaHei UI"; color:#333333;}
.news1 dd p{ font-size:0.875rem; color:#999; line-height:1.375rem; height:2.75rem; overflow:hidden; margin-top:.8rem; font-weight:normal;}
.news1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.news0 li{  font:1rem "Microsoft YaHei UI";height:2.25rem; line-height:2.25rem; overflow:hidden; padding-left:3%; position:relative;}
.news0 li a{ display:block; color:#999;}
.news0 li:before{ content:""; position:absolute; top:1rem; left:0; width:4px; height:4px; border-radius:4px; background:#e30024;}
.news0 li a:hover,.news1 dl:hover h4 a{ font-weight:bold; color:#e30423;}
.news0 h5 a{display:block; width:10.9rem; height:3.1875rem; font-size:1rem; padding-left:2.5%; box-sizing:border-box; background:url(../image/pro_btn.png) no-repeat; background-size:100% auto; line-height:3.1875rem; color:#fff; font-weight:normal; margin:40px auto 0;}



.pic{ min-width:1200px; max-width:1920px; width:72.92%; margin:0 auto 100px;}
.pict{ width:12.85%; float:left; overflow:hidden;}
.pict h3{ height:4.125rem; margin-bottom:1px;}
.pict h3 a{ display:block; font-size:1.125rem; color:#666666; line-height:4.125rem; font-weight:normal; background:#e6e6e6 url(../image/pic_arr1.png) no-repeat 85% center; padding-left:15%;}
.pict .cur{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e30024+0,ee850e+100 */
background: rgb(227,0,36); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(227,0,36,1) 0%, rgba(238,133,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(227,0,36,1) 0%,rgba(238,133,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(227,0,36,1) 0%,rgba(238,133,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30024', endColorstr='#ee850e',GradientType=1 ); /* IE6-9 */}
.pict .cur a{ background: url(../image/pic_arr2.png) no-repeat 85% center; color:#fff;}
.pic1{ width:85%; float:right;}
.pic1 li{ width:23.5294%; float:left; margin-right:1.84%;}
.pic1 li:last-child{ margin-right:0;}
.pic1 li img{ display:block; width:100%; height:12.5rem;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pic1 li:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.link{ float:right; width:110px; height:33px; background:#fff; position:relative;margin:-48px 14.585% 0 0; z-index:8;}
.link h3{ font:0.875rem "Microsoft YaHei UI"; color:#909090; line-height:33px; padding-left:10%; position:relative; cursor:pointer;}
.link h3:before{ content:""; position:absolute; top:8px; left:78%; width:1px; height:17px; background:#c7c7c7;}
.link h3:after{ content:""; position:absolute; top:16px; right:8%; width:0; height:0; border-top:3px solid #c7c7c7; border-left:3px solid rgba(0,0,0,0);border-right:3px solid rgba(0,0,0,0);}
.link p{ display:none; background:#fff; position:absolute; bottom:33px; left:0; width:100%; padding:1rem 0;}
.link p a{ display:block; font:14px "Microsoft YaHei UI"; line-height:30px; color:#666; text-align:center;}
.link p a:hover{font-weight:bold; text-decoration:underline; color:#e82129;}
.link:hover p{ display:block;}

@keyframes living {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top:0px;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
}
@keyframes living1 {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top: 0;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
}
@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}