@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0; 
	list-style:none; 
	outline:none; 
	font-family:"微软雅黑";
}
body{
	min-width:1200px;
}
img{
	display:block; 
	border:none; 
	margin:0 auto;
}


.ie8{
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	text-align:center; 
	background:#ffffdc; 
	color:#997000; 
	font-size:12px; 
	line-height:30px; 
	z-index:9999;
}
.c3{
	transition:all 0.5s; 
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
}

.ty{
	overflow:hidden; 
	width:100%;
}
.center{
	margin:0 auto;
	width:1200px;
}
.center100{
	margin:0 auto; 
	max-width:1200px;
}
.clear::after{
	content:""; 
	width:100%; 
	height:0; 
	clear:both; 
	display:block;
}


/*pc电脑端*/
.pc{
	display:block;
}
/*wap手机端*/
.wap{
	display:none;
}

.btn{
	float:right; 
	height:50px; 
	width:50px; 
	cursor:pointer;
}
.btnbg{ width:100%; height:80px;}

.top{ box-shadow:0 0 5px 3px rgba(0,0,0,.2); position:fixed; left:0; top:0; width:100%; z-index:999; background:#FFF;}
.top dl dt{ float:left;}
.top dl dt img{ float:left; height:80px;}
.top dl dd{ float:right;}


/*.ss{ width:80px; height:80px; position:relative; float:left; background:#e5e5e5 url(/css/images/pic/about/ss.png) no-repeat center top; cursor:pointer;}
.ss:hover{ background:#e8003a url(/css/images/pic/about/ss.png) no-repeat center bottom;}
.ss:hover .ssbd{ display:block;}*/
.ss{ width:80px; height:80px; position:relative; float:left; cursor:pointer;}
.ss span{ display:block; background:#e5e5e5 url(/css/images/pic/about/ss.png) no-repeat center top; width:100%; height:100%; cursor:pointer;}
.ss:hover span{ background:#e8003a url(/css/images/pic/about/ss.png) no-repeat center bottom;}
.ss span.hover{ background:#e8003a url(/css/images/pic/about/ss01.png) no-repeat center bottom;}

.ssbd{ display:none; position:absolute; right:0; top:80px; background:#FFF; border:1px solid #e5e5e5; overflow:hidden; width:217px;}
.ssbd input{ float:left; height:34px; line-height:34px; border:none; padding:0 5px; font-size:14px; width:128px; color:#333;}
.ssbd button{ float:right; border:none; line-height:34px; height:34px; display:block; width:79px; text-align:center; font-size:14px; color:#FFF; background:#e8003a; cursor:pointer; text-transform:capitalize;}

.yy{ float:left; width:160px; height:80px; display:block; text-align:center; color:#333; background:#f2f2f2;}
.yy span{ display:inline-block; line-height:80px; font-size:14px; text-transform:capitalize; padding:0 5px 0 30px; background:url(/css/images/pic/about/yy.png) no-repeat left top;}
.yy:hover{ background:#e8003a; color:#FFF;}
.yy:hover span{ background:url(/css/images/pic/about/yy.png) no-repeat left bottom;}

.topnav{ margin:0 240px; overflow:hidden; text-align:center;}
.topnav li{ display:inline-block;}
.topnav li a{ display:block; padding:0 20px; text-transform:uppercase; font-size:14px; color:#333; line-height:74px; border-bottom:3px solid #fff; padding-top:3px;}
.topnav li a:hover{ border-bottom:3px solid #e8003a; color:#e8003a}
.topnav li.hover a{ border-bottom:3px solid #e8003a; color:#e8003a}

.slideBox{overflow:hidden; position:relative; width:1920px; left:50%; margin-left:-960px;}
.slideBox .hd{ overflow:hidden; width:100%; position:absolute; right:0px; bottom:15px; text-align:center; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.slideBox .hd ul li{ margin:0 3px;  width:14px; height:14px; border-radius:50%; line-height:10px; display:inline-block; background:rgba(0,0,0,.7); cursor:pointer;}
.slideBox .hd ul li.on{ background:#f08200; color:#fff;}
.slideBox .bd{ position:relative; overflow:hidden; z-index:0;}
.slideBox .bd li{ overflow:hidden;}
.slideBox img{ width:100%;}

.banner{
	position:relative;
}
.banner img{
	width:100%;
}


.pic{ padding-bottom:100%; position:relative; background-size:cover; background-position:center; overflow:hidden; transition: all 1.5s; -webkit-transition: all 1.5s;}
.pic img{ position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; max-width:100%; max-height:100%; display:block; transition: all 1.5s; -webkit-transition: all 1.5s;}


.pager{ padding:25px 0 5px 0 ;text-align:center; color:#999;}

.pager li{ display:inline-block; margin:1px; overflow:hidden; font-size:13px; line-height:28px;}

.pager li span{color:#999;display:block;padding:0 9px; border:1px solid #ddd; background:#FFF;}

.pager li a{color:#999;display:block;padding:0 9px; border:1px solid #ddd; background:#FFF;}

.pager li:hover a{ border:1px solid #e8003a; background:#e8003a;color:#FFF;}

.pager li.active a{ border:1px solid #e8003a; background:#e8003a; color:#FFF;}

.fy{
	overflow:hidden; 
	padding-top:9px; 
	margin:20px 0 0 0; 
	border-top:1px dashed #ddd; 
	clear:both;
}
.fy a{
	font-size:14px; 
	color:#666; 
	line-height:30px; 
	height:30px; 
	overflow: hidden;
	display:block;
}
.fy a:hover{
	color:#e50012;
}

.tyxwbt{ overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:9px; margin-bottom:15px; text-align:center;}
.tyxwbt dt{ font-size:20px; font-weight:bold; line-height:30px; color:#333; text-transform:capitalize;}
.tyxwbt dd{ font-size:12px; line-height:20px; padding-top:5px; color:#666;}
.tyxwbt dd span{ display:inline-block; padding:0 5px;}

.tywb{ overflow:hidden;line-height:25px; font-size:13px; color:#4d4d4d;}
.tywb img{ max-width:100%; }
.tywb tbody td{ padding:0 5px;}

.footer{ padding:30px 0 20px 0; background:#3a3a3a}
.footer dl{ padding-bottom:25px; margin-bottom:19px; border-bottom:1px solid #525252;}
.footer dl dt{ float:left; width:21%;}
.footer dl dd{ float:left; width:50%; margin:0 2%;}

.footer dl .wb{ line-height:25px; font-size:14px; color:#CCC;}
.footer dl .wb a{ display:block; line-height:25px; color:#CCC; font-size:13px; text-transform:capitalize;}
.footer dl dd .wb a{ float:left; height:25px; overflow:hidden; width:48%; margin-right:2%;}
.footer dl .wb a:hover{ color:#FFF;} 

.footer dl h1{ font-size:18px; color:#FFF; text-transform:capitalize; line-height:38px;}
.footer dl i{ display:inline-block; width:30px; height:2px; background:#dadfe5; margin:10px 0 15px 0;}

.foot{ line-height:20px; text-align:center; font-size:12px; color:#999;}
.foot a{ color:#999;}
.foot a:hover{ color:#FFF;}


.ab{ padding:40px 0;}
.bt{ font-size:30px; text-align:center; line-height:50px; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}

.abbox{background:url(/css/images/pic/about/fg_03.jpg) no-repeat center;}
.abbox dt{ float:left; width:40%; margin:20px 0;}
.abbox dd{ float:right;width:40%; margin:20px 0;}
.abbox h1{ font-size:18px; color:#e62129; line-height:30px; text-transform:capitalize; margin-bottom:10px;}
.abbox .wb{ line-height:25px; font-size:14px; color:#666;}


.bg{ background:#eef3f6;}
.pad{ padding:40px 0;}

.xbt{ overflow:hidden; margin-bottom:14px;}
.xbt dt{ float:left;  font-weight:bold;line-height:36px; font-size:18px; text-transform:capitalize; color:#333;}
.xbt dd{ float:right;}
.xbt dd a{ float:left; line-height:36px; font-size:14px; color:#999;}
.xbt dd i{ float:left; width:30px; height:1px; background:#999; margin:17px 10px 18px 0;}
.xbt dd a:hover{ color:#e8003a;}

.tya{ display:block; background:#FFF; border:1px solid #ddd; padding:9px; text-align:center;}
.tya .tu{ overflow:hidden;}
.tya h1{ font-size:16px; color:#333; padding-top:10px; line-height:30px; height:30px; overflow:hidden; font-weight:normal}
.tya .wb{ line-height:30px; font-size:14px; color:#666; height:30px; overflow:hidden;}
.tya:hover{ border:1px solid #e8003a;}
.tya:hover h1{ color:#e8003a;}

.hzhb .swiper-container{ padding-bottom:30px;}

.bg1{ background:url(/css/images/pic/about/bg1.jpg) no-repeat center top; padding-top:90px;}
.bg1 .xbt dt{ color:#FFF;}
.bg1 .xbt a{ color:#FFF;}

.hzhb01 .swiper-container{ padding-bottom:30px;}
.hzhb01 .tya{ padding:0;}
.hzhb01 .tya .pic{ padding-bottom:75%;}
.hzhb01 .tya h1{ text-align:left; margin:0 9px;}
.hzhb01 .tya .wb{ text-align:left; margin:0 9px 10px 9px; height:50px; line-height:25px; font-size:13px;}

.hzhb02{ padding:20px 0; background:#e8003a; margin-top:50px;}

.wbk{ margin:0 10px; overflow:hidden; line-height:20px; font-size:14px; color:#FFF;}
.wbk img{ margin:0;}

.new{ overflow:hidden;}
.new li{ float:left; width:49%; margin-left:2%; margin-bottom:30px;}
.new li:nth-child(2n+1){ margin-left:0;}

.tya01{ overflow:hidden; border:1px solid #ddd; background:#FFF; padding:9px; display:block;} 
.tya01 .tu{ float:left; width:160px;}
.tya01 .xbox{ margin-left:170px; overflow:hidden;}
.tya01 .pic{ padding-bottom:75%;}
.tya01 h1{ line-height:36px; font-size:16px; height:36px; overflow:hidden; color:#333;}
.tya01 .wb{ line-height:25px; font-size:13px; color:#666; height:50px; overflow:hidden; margin:2px 0;}
.tya01 span{ display:block; line-height:30px; font-size:12px; color:#999;}

.tya01:hover{ border:1px solid #e8003a;}
.tya01:hover h1{ color:#e8003a;}

.nybg{ padding:15px 0; background:#a9afb5;}
.dqwz{ padding-left:20px; text-transform:capitalize; background:url(/css/images/pic/about/dqwz.png) no-repeat left top; line-height:20px; font-size:14px; color:#fff;}
.dqwz a{ color:#fff; padding:0 5px;}
.dqwz a:hover{ color:#e8003a;}


.min{ padding:20px 0 30px 0; min-height:460px;}

.pros{ overflow:hidden;}
.pros li{ float:left; width:48%; margin:1%;}

.nya{ display:block; background:#fff; padding:9px; border:1px solid #ddd; overflow:hidden;}
.nya .tu{ float:left; width:240px;}
.nya .bbox{ margin-left:250px; padding:15px 0;}

.nya h1{ font-size:16px; color:#333; line-height:25px; margin-bottom:10px; height:25px; text-align:center; overflow:hidden;}
.nya .wb{ line-height:25px; font-size:13px; text-align:center; color:#666; height:125px; overflow:hidden;}
.nya span{ display:block; margin:10px auto 0 auto; border:1px solid #e8003a; color:#e8003a; width:100px; line-height:38px; font-size:14px; text-align:center;}

.nya:hover h1{ color:#e8003a;}
.nya span:hover{ color:#FFF; background:#e8003a;} 

.pro{ overflow:hidden;}
.pro li{ float:left; width:23%; margin:1%;}

.mag{ margin:0 1%;}
.nybt{ padding-bottom:10px; overflow:hidden;}
.nybt dt{ line-height:30px; font-size:18px; color:#333; font-weight:bold;}
.nybt dd{ margin:10px 0; line-height:30px; font-size:14px; color:#666;}

.slideBox01{ overflow:hidden; min-height:300px; padding-top:30px;}
.slideBox01 .hd ul{ overflow:hidden; border-bottom:1px solid #ddd}
.slideBox01 .hd ul li{ float:left;}
.slideBox01 .hd ul li a{ text-transform:uppercase; display:block; padding:0 25px; line-height:40px; background:#999; color:#FFF; font-size:14px;} 
.slideBox01 .hd ul li.on a{ background:#e62129;}

.slideBox01 .bd{ padding-top:20px; overflow:hidden;}
.slideBox01 .bd .box{ overflow:hidden;}

.contact{ background:#e8003a;margin-top:20px; line-height:40px; font-size:14px; color:#fff; text-transform:capitalize; display:inline-block; padding:0 20px;}

.min .new li{ width:100%; margin:0 0 20px 0;}
.min .new li .tya01 .tu{ width:240px;}
.min .new li .tya01 .xbox{ margin-left:260px; padding-top:30px;}
.min .new li:first-child .tya01 .tu{ width:480px;}
.min .new li:first-child .tya01 .xbox{ margin-left:500px; padding-top:100px;}

.pro.hzhb01 li{ width:31.333%; margin:1% 1% 1% 1%;}

.fzb.nybt dt{ float:left;}
.fzb.nybt dd{ margin:0 0 0 200px;}

.lxwm{ overflow:hidden;}
.lxwm li{ width:42%; margin:1%; background:#eef3f6; padding:2%; float:left;}
.lxwm li dl{ overflow:hidden;}
.lxwm li dl dt{ font-size:24px; line-height:100px; color:#333; font-weight:bold; text-transform:capitalize;}
.lxwm li dl dd{ line-height:30px; font-size:14px; color:#666; min-height:180px; padding-left:30px; background:url(/css/images/pic/about/lxwm.png) no-repeat left top;}
.lxwm li:nth-child(1) dl{ background:url(/css/images/pic/about/dl03.png) no-repeat right bottom;}
.lxwm li:nth-child(2) dl{ background:url(/css/images/pic/about/dl01.png) no-repeat right bottom;}
.lxwm li:nth-child(3) dl{ background:url(/css/images/pic/about/dl02.png) no-repeat right bottom;}

.xznav{ overflow:hidden; margin-bottom:40px;}
.xznav li{ margin:0 1% 0 0; float:left;}
.xznav li a{ padding:0 40px; line-height:40px; font-size:14px; border-radius:20px; background:#FFF; color:#333; display:block;}
.xznav li a:hover{ background:url(/css/images/pic/about/ahover.jpg) no-repeat left center; color:#FFF;}
.xznav li.hover a{background:url(/css/images/pic/about/ahover.jpg) no-repeat left center;color:#FFF;}

.ryzz{ overflow:hidden;}
.ryzz li{ width:31.333%; float:left; margin:1%;}
.ryzz .pic{ padding-bottom:140%;}


.cfsb{ overflow:hidden; padding-top:44px; margin-top:25px; border-top:1px solid #ddd;}
.cfsb .swiper-slide-active .tya{transform: scale(1); opacity:1;}
.cfsb .swiper-container{ padding-bottom:30px;}
.cfsb .tya .pic{ padding-bottom:75%;}
.cfsb .tya{ transform:scale(0.8,0.8); opacity:0.5;}

.nyab{ overflow:hidden;}
.nyab .nybt{ margin-left:600px;}


.abzb{ float:left; width:540px;}
.abzb img{ width:100%;}

.bg2{ padding:200px 0; margin:50px 0; background:url(/css/images/pic/about/bg02.jpg) no-repeat center; background-size:cover;}
.bg2 .nybt{ width:50%;}
.bg2 .nybt dt{ color:#FFF;}
.bg2 .nybt dd{ color:#FFF;}

.abgd{ background:#fff;}
.abgd .swiper-container{ padding-bottom:30px;}
.abgd .abzb{ width:80px; padding-top:50px;}
.abgd .nyab{ padding:25px;}
.abgd .nyab .nybt{ margin-left:100px;}
.abgd .swiper-slide{ background:#FFF;}

.about{ overflow:hidden;}
.about .nybt dt{ text-align:center;}

.about .hd{ overflow:hidden; padding-top:20px;}
.about .hd ul{ overflow:hidden;}
.about .hd ul li{ float:left; width:32%; margin-left:1%; padding-bottom:30px;}
.about .hd ul li.on{ background:url(/css/images/pic/about/abjt.png) no-repeat center bottom;}
.about .hd ul li.on .aba span{ border:3px solid #e8003a; color:#e8003a;}

.aba{position:relative; display:block; max-width:290px; margin:0 auto; border:5px solid #ddd; border-radius:150px;}
.aba span{ display:block; border:3px solid #ddd; border-radius:50%; font-size:18px; font-weight:bold; color:#333; line-height:54px; width:54px; text-align:center; left:10px; top:10px; position:absolute; z-index:99; background:#FFF;}

.aba h1{ position:absolute; top:50%; margin-top:40px; width:200px; left:50%; line-height:25px; font-size:14px; color:#FFF; font-weight:normal; text-align:center; z-index:99; margin-left:-100px;}

.about .hd ul li:nth-child(1) .aba{ background:url(/css/images/pic/about/aba1.jpg) no-repeat center; background-size:cover;}
.about .hd ul li:nth-child(2) .aba{ background:url(/css/images/pic/about/aba2.jpg) no-repeat center; background-size:cover;}
.about .hd ul li:nth-child(3) .aba{ background:url(/css/images/pic/about/aba3.jpg) no-repeat center; background-size:cover;}

.about .bd{ overflow:hidden; background:#fff;}
.about .bd dl{ padding:50px; min-height:300px;}
.about .bd dl dt{ float:left; width:300px;}
.about .bd dl dt span{ font-size:48px; line-height:50px; margin-bottom:20px; display:block; font-weight:bold; color:#333;}
.about .bd dl dt h1{ font-size:24px; line-height:40px; color:#333; }

.about .bd dl dd{ margin-left:350px; line-height:25px; font-size:14px; color:#666;}

.flex.abgd{ background:none;}
.flex ul{display: flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start; align-items:stretch;}
.flex ul li{ width:48%; margin:1%; height:auto;}


.nyzb{ float:left; width:240px;border:1px solid #ddd; padding:19px; background:#FFF;}
.nyyb{ margin-left:300px; overflow:hidden;}
.nyyb .mag{ margin-right:0; margin-left:2%;}

.nypro1{ overflow:hidden;}
.nypro1 li{ float:left; margin-left:2%; margin-bottom:2%; width:31.333%;}

.nynav{ overflow:hidden;}
.nynav dt{ border-bottom:2px solid #ddd;}
.nynav dt h1{line-height:30px; padding-bottom:8px; font-size:18px;}
.nynav dt i{ display:block; width:40px; height:2px; background:#e62129; }

.zznav{ overflow:hidden; padding-top:10px;}
.zznav li{ padding:10px 0; overflow:hidden;}
.zznav li i{ float:left; width:15px; height:1px; margin:9px 0;background:#333;}
.zznav li h1{ font-size:14px; line-height:20px; margin-left:25px; color:#333; font-weight:normal; text-transform:capitalize;}
.zznav li:hover h1{ color:#e62129;} 
.zznav li.hover h1{ color:#e62129;} 

.tybox{ overflow:hidden;}
.tybox dt{ overflow:hidden;}
.tybox dt .tu{ float:left; width:60px; padding:10px; background:#fff; border-radius:50%;}
.tybox dt h1{ margin-left:100px; line-height:80px; font-size:24px; font-weight:normal; color:#333; text-transform:capitalize;}

.tybox dd{ margin-left:39px; border-left:2px solid #ddd; padding-left:49px; padding-bottom:20px;}

@media screen and (max-width:767px){
body{
	min-width:320px;
}
.pc{
	display:none;
}
.wap{
	display:block;
}
.center{
	width:96%;
}
.center100{
	max-width:100%;
}
.pager .total{ display:none;}
.top dl dt img{ height:50px;}
.btnbg{ height:50px;}
.footer dl dt{ width:100%;}

.bt{ line-height:30px; font-size:24px; margin-bottom:10px;}
.ab{ padding:20px 0;}
.abbox{background:none;}
.abbox dt{width:100%; margin:0 0 10px 0;}
.abbox dd{width:100%; margin:0 0 10px 0;}

.pad{ padding:20px 0;}
.tya{ padding:4px;}
.tya h1{ line-height:34px; font-size:14px; height:34px;}
.tya .wb{ font-size:12px;}

.hzhb02{ margin:0; padding:20px 0 10px 0;}
.hzhb02 .swiper-container{ padding-bottom:30px;}
.new li{ width:100%; margin-left:0; margin-bottom:20px;}
.tya01{ padding:4px;}
.tya01 .tu{ width:120px;}
.tya01 .xbox{ margin-left:130px;}

.min .new li .tya01 .tu{ width:120px;}
.min .new li .tya01 .xbox{ margin-left:130px; padding-top:0px;}
.min .new li:first-child .tya01 .tu{ width:120px;}
.min .new li:first-child .tya01 .xbox{ margin-left:130px; padding-top:0px;}

.tya01 h1{ font-size:14px; height:25px; line-height:25px;}
.tya01 .wb{ line-height:20px; margin:0; font-size:12px; height:40px;}
.tya01 span{ line-height:25px;}

.pros li{ width:96%; margin:0 2% 2% 2%;}
.nya{ padding:4px;}
.nya .tu{ width:100%; float:none;}
.nya .bbox{ margin-left:0;}
.nya span{ display:none;}
.nya h1{ font-size:14px; height:25px; margin-bottom:5px;}
.nya .wb{ height:auto; max-height:100px;}

.mag{ margin:0 2%;}
.pro li{ float:left; width:47%; margin:2% 0 0 2%;}

.min .xcyb{ margin:0;}
.min .xcyb h1{ padding:10px 0 0 0;}

.slideBox{width:100%; left:0; margin-left:0px;}
.pro.hzhb01 li{ width:96%; margin:2% 2% 2% 2%;}
.fzb.nybt dt{ float:none;}
.fzb.nybt dd{ margin:0; line-height:25px; font-size:13px;}
.fzb.nybt{ text-align:center;}
.lxwm li{ width:96%; margin:2% 0;}
.lxwm li dl dd{ padding:0; background:none; min-height:90px; margin-bottom:50px}
.ryzz li{ width:47%; margin:0 0 2% 2%;}
.xznav{ margin-bottom:20px;}
.xznav li{ width:32%; margin:0 0 0 2%;}
.xznav li:first-child{ margin-left:0;}
.xznav li a{ padding:0; text-align:center;}

.abzb{ float:none; width:100%; margin-bottom:20px;}
.nyab .nybt{ margin-left:0; text-align:left;}

.cfsb .swiper-button-next{ display:none}
.cfsb .swiper-button-prev{ display:none}
.bg2 .nybt{ width:100%;}
.bg2{ padding:50px 0; margin:20px 0;}
.abgd .nyab{ padding:10px;}
.abgd .abzb{ float:none; padding:0; margin-bottom:10px; display:none}
.abgd .nyab .nybt{ margin-left:0;}

.aba img{ width:40px; height:40px;}
.about .bd dl{ padding:10px;}
.about .bd dl dt{ float:none;}
.about .bd dl dd{ margin:0; padding:10px 0;}
.about .bd dl dt h1{ line-height:30px; font-size:18px;}
.about .bd dl dt span{ margin:10px 0;}

.aba span{ line-height:34px; width:34px; left:-5px; top:-5px; font-size:14px;}
.aba h1{ display:none}

.flex ul li{ width:100%; margin-bottom:2%;}

.nyyb{ margin:0;}
.nypro1 li{ margin:0 0 2% 2%; width:47%;}
.nyyb .mag{ margin-right:2%; margin-left:2%;}

.tybox{ margin:0 2%;}
.tybox dd .ryzz li{ float:none; width:auto; margin:0 0 10px 10px;}
.tybox dt h1{ font-size:18px;}
}