html {
	height:100%;
	margin:0
}
body {
	font-size:14px;
	font-family:"microsoft yahei", "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/bg.jpg) repeat center fixed;
	background-size:cover
}
body, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
	margin:0 auto;
	padding:0;
	list-style-type:none
}
a {
	color:#000;
	text-decoration:none
}
a:hover {
	color:#f70303
}
img {
	border:none;
	vertical-align:middle
}
table {
	border-collapse:collapse;
	line-height:1.5em
}
.cl {
	clear:both;
	margin:0;
	padding:0;
	font-size:0px;
	line-height:0px;
	height:0px;
	overflow:hidden
}
.wid {
	padding:0 40px;
	margin:0 auto;
	overflow:hidden;
	max-width:1600px
}
.fl {
	float:left
}
.fr {
	float:right
}
.pro_list dt, .pro_list dd span, a:link {
	transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-o-transition:background 0.3s
}
.head {
	height:150px;
	line-height:150px;
	width:100%
}
.head .tel {
	height:150px;
	font-size:36px;
	color:#f40505;
	background:url(../images/tqr.png) no-repeat right center;
	padding-right:130px;
	font-family:'Impact', "microsoft yahei", "Trebuchet MS", Arial, Helvetica, sans-serif
}
.nav {
	clear:both;
	height:60px;
	line-height:60px;
	font-size:16px;
	text-align:center;
	background:#15499a
}
.nav ul {
	padding:0 40px;
	margin:0 auto;
	max-width:1600px
}
.nav li {
	width:10%;
	float:left
}
.nav li a {
	display:block;
	color:#fff;
	border-right:1px solid #1853ae
}
.nav li a:hover {
	background:#f40505
}
.open {
	display:none
}
.slidebox {
	position:relative;
	overflow:hidden;
}
.slidebox .bd {
	position:relative;
	z-index:0
}
.slidebox .bd li.ban1 {
}
.slidebox .bd li.ban2 {
}
.slidebox .bd li.ban3 {
}
.slidebox .bd li p {
	background:url(../images/black.png) repeat center;
	height:100%;
	text-align:center
}
.slidebox .bd li p img {
	margin:0 auto;
	width:100%;
}
.slidebox .hd {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	font-size:0;
	z-index:10
}
.slidebox .hd li {
	display:inline-block;
	width:36px;
	height:4px;
	background:rgba(255,255,255,0.6);
	margin:3px;
	overflow:hidden;
	cursor:pointer;
	border-radius:2px
}
.slidebox .hd li.on {
	background-color:rgba(244,5,5,1);
	height:4px
}
.arrowbox a {
	z-index:50;
	position:absolute;
	display:block;
	margin-bottom:-20px;
	width:40px;
	height:40px;
	bottom:50%;
	line-height:40px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	font-size:18px;
	color:rgba(255,255,255,.1);
	background:rgba(0,0,0,.1)
}
.arrowbox .prev {
	left:5px
}
.arrowbox .next {
	right:5px
}
.arrowbox a:hover {
	color:rgba(255,255,255,0.8);
	background:rgba(0,0,0,0.8)
}
.ban {
	padding:40px 0;
	text-align:center
}
.ban b {
	font-size:24px;
	font-weight:200;
	display:block
}
.class {
	padding:15px 0;
	overflow:hidden;
	width:auto;
	margin:0 auto;
	text-align:center;
	max-width:1200px
}
.class a {
	display:inline-block;
	text-align:center;
	background:#15499a;
	color:#fff;
	height:32px;
	line-height:32px;
	width:24%;
	margin:0.5%;
	border-radius:16px
}
.c6 a {
	width:auto;
	padding:0 15px;
	margin:0.25%
}
.class a:hover, .class a.on {
	background:#f40505
}
.tt {
	margin-top:50px;
	text-align:center;
	line-height:1em;
	font-size:36px;
	color:#f40505;
	padding:20px 0;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif
}
.tt span {
	font-family:"microsoft yahei", "Trebuchet MS", Arial, Helvetica, sans-serif
}
@media (max-width:1360px) {
.head .tel {
	background:none;
	padding-right:0
}
}
@media (max-width:1200px) {
.head {
	height:100px;
	line-height:100px
}
.head .logo img {
	width:500px
}
.head .tel {
	height:100px;
	font-size:32px
}
.nav {
	height:50px;
	line-height:50px;
	font-size:14px
}
.slidebox .bd li p img {
	margin:50px auto;
	width:100%
}
}
@media (max-width:992px) {
.wid {
	padding:0 10px
}
.nav {
	height:45px;
	line-height:45px;
	font-size:12px
}
.nav ul {
	padding:0 10px
}
}
@media (max-width:768px) {
.head {
	height:50px;
	line-height:50px;
	position:relative;
	top:0;
	background-color:rgba(246,246,246,1);
	position:fixed;
	z-index:999;
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1);
	box-shadow:1px 1px 1px rgba(0,0,0,.1)
}
.head .logo img {
	width:300px;
	margin-left:5px
}
.head .wid {
	width:100%;
	padding:0
}
.head .tel {
	display:none
}
.open {
	display:block;
	float:right;
	margin-right:8px;
	margin-top:8px;
	padding:8px;
	width:22px;
	background-color:#f40505;
	cursor:pointer
}
.open i {
	display:block;
	overflow:hidden;
	padding:6px 0;
	width:22px;
	border-top:2px #fff solid;
	border-bottom:2px #fff solid
}
.open i:after {
	content:'';
	display:block;
	height:2px;
	background-color:#fff
}
.nav {
	position:fixed;
	height:auto;
	line-height:40px;
	width:100%;
	top:-999px;
	z-index:999;
	background-color:rgba(0,0,0,0.9)
}
.nav ul {
	padding:0
}
.nav li {
	width:100%
}
.nav li a {
	border-right:0px
}
.nav li a:hover {
	background:#f40505
}
.opennav {
	top:50px
}
.nav-over {
	position:fixed;
	top:0;
	z-index:999;
	display:none;
	width:100%;
	height:100%
}
.ban {
	padding:70px 0 0 0
}
.ibox {
	margin-top:50px
}
.slidebox .bd li p img {
	margin:30px auto
}
.class {
	width:100%
}
.class a {
	font-size:12px
}
.c6 a {
	width:auto;
	padding:0 10px;
	margin:0.5%
}
.tt {
	margin-top:20px;
	font-size:24px
}
}
.text_list, .pro_list {
	padding:20px 0;
	min-height:500px
}
.text_list dl {
	float:left;
	width:48%;
	height:130px;
	padding:15px 0;
	border-bottom:1px #ccc dashed
}
.text_list dl:nth-child(even) {
	float:right
}
.text_list dt {
	float:left;
	width:32%;
	overflow:hidden
}
.text_list dt a {
	display:block;
	height:130px
}
.text_list dt img {
	width:100%;
	height:100%
}
.text_list dd {
	float:right;
	width:65%;
	height:110px;
	font-size:12px;
	color:#666;
	line-height:1.8em
}
.text_list dd a span {
	font-size:16px;
	color:#f70303
}
.text_list dd span {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.text_list dd span:after {
	content:"·";
	display:block;
	height:0;
	visibility:hidden
}
.text_list dd p {
	font-style:normal;
	font-size:12px;
	padding:5px 0;
	display:block
}
.text_list dd div {
	display:block;
	padding-top:5px;
	border-top:1px solid #ccc
}
@media (max-width:840px) {
.text_list dl {
	float:none;
	width:100%;
	height:130px;
	padding:15px 0;
	border-bottom:1px #ccc dashed
}
.text_list dl:nth-child(even) {
	float:none
}
}
.pro_list dl {
	width:24%;
	margin-right:1.3333%;
	float:left;
	overflow:hidden
}
@media (min-width:992px) {
.pro_list dl:nth-child(4n+0) {
	margin-right:0%
}
}
.pro_list dt {
	border:5px solid #ddd
}
.pro_list dt:hover {
	border:5px solid #f40505
}
.pro_list dt a img {
	width:100%
}
.pro_list dd {
	font-size:12px;
	color:#666;
	line-height:1.8em;
	padding:5px 0 10px 0
}
.pro_list dd a span {
	font-size:16px;
	color:#f70303
}
.pro_list dd span {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.pro_list dd span:after {
	content:"·";
	display:block;
	height:0;
	visibility:hidden
}
@media (max-width:992px) and (min-width:769px) {
.pro_list dl {
	width:32%;
	margin-right:2%
}
.pro_list dd a span {
	font-size:14px
}
.pro_list dl:nth-child(3n+0) {
	margin-right:0
}
}
@media (max-width:768px) {
.pro_list dl {
	width:49%;
	margin-right:2%
}
.pro_list dl:nth-child(2n+0) {
	margin-right:0
}
.pro_list dt {
	border:1px solid #ddd
}
.pro_list dt:hover {
	border:1px solid #f40505
}
}
.adb {
	text-align:center;
	background:#15499a;
	color:#FFF
}
.adb img {
	max-width:95%
}
.about {
	line-height:2em;
	padding:20px 0
}
.about .apic {
	padding:20px 0
}
.about img {
	width:16.2%
}
@media (max-width:992px) {
.about {
	line-height:1.8em
}
.about img {
	width:33.3333%
}
}
.title1 {
	font-size:30px;
	color:#f40505;
	font-weight:bold;
	text-align:center;
	margin:60px 0 5px 0
}
.title2 {
	font-size:16px;
	color:#000;
	text-align:center
}
.scontent {
	width:1110px;
	height:100%;
	margin:0 auto;
	overflow:hidden
}
.index {
	height:1301px;
	background:url(../images/ys.jpg) #fff center no-repeat;
	position:relative
}
.index .scontent {
	position:relative
}
.index .div {
	width:550px;
	position:absolute
}
.index .div .title span {
	display:block
}
.index .div .title .span1 {
	font-size:30px;
	font-weight:bold;
	color:#3b342f
}
.index .div .title .span2 {
	font-size:14px;
	color:#333333;
	text-transform:uppercase
}
.index .div .desc {
	font-size:16px;
	color:#333333;
	padding:23px 0 0 10px;
	line-height:28px
}
.index .div .desc span {
	color:#f40505
}
.index .div1 {
	right:0;
	top:222px
}
.index .div2 {
	right:0;
	top:422px
}
.index .div3 {
	width:420px;
	left:73px;
	top:766px
}
.index .div4 {
	width:420px;
	left:73px;
	top:1008px
}
@media (max-width:1110px) {
.index {
	display:none
}
}
.page {
	padding:0 40px 40px 40px;
	margin:0 auto;
	overflow:hidden;
	max-width:1600px
}
.pagel, .pager {
	background:#fff
}
.pagel {
	width:73%;
	float:left
}
.pager {
	width:25%;
	float:right
}
.pad35 {
	padding:35px
}
.proi {
	padding-bottom:35px;
	position:relative;
	min-height:320px;
	height:auto
}
.proi .slidebox {
	width:440px;
	height:330px
}
.proi .slidebox .bd li {
	width:440px;
	height:330px;
	text-align:left
}
.proi .slidebox .bd li img {
	width:440px
}
.proi .titi {
	position:absolute;
	left:480px;
	top:0px;
	font-size:12px;
	line-height:1.8em
}
.proi .titi h1 {
	font-size:24px;
	line-height:1em;
	font-weight:100;
	color:#f70303
}
.proi .titi h2 {
	font-size:14px;
	line-height:1em;
	padding:15px 0;
	font-weight:100
}
.proi .titi h2 b {
	font-weight:bold
}
.proi .titi p, .proi .titi .teli {
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #ccc
}
.proi .titi .teli {
	padding:20px 0;
	font-size:18px
}
.proi .titi .teli span {
	color:#f70303;
	font-size:24px
}
.proi .titi .bnt {
	width:100%;
	background:#f70303;
	height:40px;
	line-height:40px;
	text-align:center
}
.proi .titi .bnt a {
	color:#fff;
	font-size:16px;
	display:block
}
.proi .titi .bnt:hover {
	background:#fd1919
}
@media (max-width:1200px) {
.proi .titi .teli {
	font-size:16px
}
.proi .titi .teli span {
	font-size:20px
}
}
@media (max-width:768px) {
.pad35 {
	padding:12px
}
.proi .slidebox {
	width:100%;
	height:auto;
	float:none;
	margin-top:0
}
.proi .slidebox .bd li {
	width:100%;
	height:auto
}
.proi .slidebox .bd li img {
	width:100%
}
.proi .titi {
	position:static
}
.proi .titi h1 {
	padding-top:20px;
	padding-bottom:20px
}
.proi .titi h2 {
	display:none
}
.proi .titi p {
	display:none
}
}
.infoi h1 {
	font-size:24px;
	line-height:1em;
	font-weight:100;
	text-align:center
}
.infoi .tot {
	font-size:12px;
	text-align:center;
	padding:15px 0
}
.infoi .tjj {
	font-size:12px;
	border-top:1px dashed #e1e1e1;
	background-color:#f6f6f6;
	padding:10px
}
@media (max-width:1200px) {
.infoi {
	padding-top:35px
}
.page {
	padding:0
}
.pagel, .pager {
	width:100%;
	float:none
}
}
.content {
	margin:0 auto;
	line-height:2em;
	min-height:520px;
	padding:25px 0;
	border-top:1px dashed #e1e1e1
}
.content img {
	margin:5px;
	max-width:100%;
	height:auto
}
.content .lxl {
	float:left;
	width:48%;
	padding:80px 0
}
.content .lxl p {
	float:right;
	width:50%;
	max-width:300px;
	text-align:center
}
.content .lxl p.qr img {
	border:1px solid #e3e3e3;
	background:#fff
}
.content .lxr {
	float:right;
	width:48%;
	padding:80px 0
}
.content .lxr p {
	font-size:28px;
	padding-bottom:20px
}
.content .lxr .lxqq {
	color:#32abe1;
	background:url(../images/qq.gif) no-repeat left top;
	padding-left:25px;
	padding-top:5px
}
.content .lxr span {
	font-size:20px;
	color:#e60b1e
}
@media (max-width:1200px) {
.content .lxr {
	font-size:12px
}
.content .lxr p {
	font-size:18px
}
}
@media (max-width:768px) {
.content .lxl, .content .lxr {
	float:none;
	width:100%;
	padding:30px 0;
	clear:both
}
}
@media (max-width:992px) {
.content img {
	margin:5px auto
}
}
.tags, .prenext {
	line-height:2em;
	font-size:12px
}
.prenext {
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	margin:10px auto
}
.weiqr {
	text-align:center;
	padding:20px 0;
	font-size:24px;
	line-height:60px
}
.ntit {
	line-height:40px;
	margin:5px auto;
	font-size:18px;
	color:#f70303;
	border-bottom:1px solid #ccc;
	font-weight:100;
	clear:both
}
.rpro {
	overflow:hidden;
	padding-top:10px
}
.rpro li {
	width:48%;
	float:left;
	overflow:hidden;
	padding-bottom:10px;
	line-height:1.8em;
	text-align:center
}
.rpro li:nth-child(2n+0) {
	float:right
}
.rpro li a {
	display:block;
	border-radius:2px
}
.rpro li img {
	width:100%
}
.rpro li span {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	position:relative
}
.rpro li span:after {
	content:"·";
	display:block;
	height:0;
	visibility:hidden
}
.rtext {
	overflow:hidden;
	font-size:12px
}
.rtext li {
	height:30px;
	line-height:30px;
	border-bottom:1px dotted #ccc
}
.rtext li a {
	height:30px
}
.rtext li span {
	white-space:nowrap;
	display:block;
	text-overflow:ellipsis;
	width:70%;
	float:left;
	overflow:hidden
}
.rtext li span:after {
	content:"·";
	display:block;
	height:0;
	visibility:hidden
}
.rtext li em {
	float:right;
	color:#888;
	text-align:right;
	height:30px;
	width:30%;
	font-style:normal
}
@media (min-width:768px) and (max-width:1200px) {
.rpro li {
	width:25%
}
.rpro li a {
	margin:0 10px
}
.rtext li {
	width:48%;
	float:left
}
.rtext li:nth-child(even) {
	float:right
}
}
@media (max-width:768px) {
.rtext li {
	width:100%;
	float:none
}
}
.ili {
	line-height:20px;
	font-size:12px
}
.ili .ilit span {
	font-weight:bold
}
.ili .ilib dt a {
	margin-right:5px
}
.arealist {
	border:solid #eee 1px;
	width:95%;
	max-width:1600px;
	margin:15px auto;
	background:#fff;
	border-bottom:1px solid #eee
}
.areatit {
	background:#ddd;
	height:40px;
	line-height:40px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #eee
}
.areaclass {
	min-width:60px;
	width:auto;
	background:#f4f4f4;
	text-align:center;
	border-bottom:1px solid #eee
}
.lists {
	background:#fff;
	padding:10px;
	line-height:2em;
	border-bottom:1px solid #eee
}
.foot {
	background:#333;
	padding:15px 10px;
	color:#eee;
	text-align:center;
	line-height:1.5em;
	font-size:12px
}
.foot a {
	color:#eee
}
@media (max-width:768px) {
.ili {
	display:none
}
.foot {
	font-size:10px;
	padding-bottom:50px
}
}
.pages {
	padding:15px 0;
	text-align:center;
	font-size:14px;
	overflow:hidden
}
.pages a {
	display:inline-block;
	margin-right:3px;
	height:32px;
	line-height:32px;
	width:32px;
	background:#ddd;
	text-align:center;
	color:#333
}
.pages a:hover {
	background:#3366cc;
	color:#fff;
	text-decoration:none
}
.pages a.on {
	display:inline-block;
	background:#f70303;
	color:#fff
}
.share {
	right:1px;
	bottom:35px;
	position:fixed;
	z-index:1000
}
.share a {
	margin:1px 0 0 0;
	display:block
}
.share a span {
	display:none;
	font-size:12px;
	line-height:1.2em;
	color:#fff;
	text-align:center
}
.share a, .backtotop {
	text-align:center;
	width:33px;
	line-height:33px;
	font-size:22px;
	display:block;
	color:#fff;
	cursor:pointer
}
.backtotop {
	display:none;
	background:#000;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:1px;
	bottom:1px
}
.backtotop i {
	color:#fff
}
.share .qq {
	padding:5px 0
}
.share .qq {
	background:#f00;
	border-top-right-radius:15px;
	border-top-left-radius:15px
}
.share .qq span {
	display:block
}
.share .weixin {
	background:#0bca36
}
.share .qrcode {
	background:#06c
}
.share .rtel {
	background:#f00
}
.share .rsms {
	background:#0bca36
}
.share p.code {
	position:absolute;
	right:33px;
	bottom:0px;
	display:none;
	font-size:14px;
	line-height:1em;
	padding:10px;
	text-align:center;
	background-color:#fff;
	border:1px solid #D9D9D9
}
.share p.code span {
	margin:10px;
	display:block
}
@media (max-width:768px) {
.share {
	right:0px;
	bottom:0px;
	width:100%
}
.share a {
	margin:0;
	padding:5px 0;
	width:50%;
	float:left
}
.share i {
	font-size:18px;
	display:inline-block;
}
.share a span {
	display:inline-block;
	font-size:18px;
	padding-left:10px
}
.share .qq {
	display:none
}
.backtotop {
	bottom:41px
}
.share p.code {
	position:absolute;
	right:33px;
	bottom:44px
}
}
.float-user-mini {
	position:fixed;
	right:0;
	bottom:0
}
.float-user-mini a {
	background:rgba(0,0,0,0.7);
	color:#FFFFFF;
	display:block;
	font-size:24px;
	height:65px;
	line-height:65px;
	width:33px;
	text-align:center
}
.float-user {
	display:none;
	background:rgba(0,0,0,0.7);
	position:fixed;
	width:100%;
	bottom:0;
	height:65px;
	left:0;
	z-index:888
}
.float-user .close {
	color:#FFFFFF;
	display:block;
	font-size:24px;
	width:33px;
	height:65px;
	line-height:65px;
	position:absolute;
	right:0;
	bottom:0;
	text-align:center
}
.float-user ul {
	width:95%;
	max-width:1600px;
	min-width:900px;
	margin:0 auto;
	padding-top:6px
}
.float-user ul li {
	width:29%;
	float:left;
	font-size:14px
}
.float-user ul li i {
	font-size:32px;
	color:#fff;
	border-radius:50%;
	padding:9px 10px;
	float:left;
	text-align:center
}
.float-user ul li i.eu-user {
	background:#C00
}
.float-user ul li i.eu-qq-full {
	background:#09F
}
.float-user ul li i.eu-weixin {
	background:#090
}
.float-user ul li p {
	color:#fff;
	padding-left:20px;
	float:left
}
.float-user ul li em {
	font-size:24px;
	color:#ff0
}
.float-user ul .qr {
	float:right;
	background:#fff;
	height:74px;
	width:74px;
	padding:5px;
	margin-top:-24px
}
.float-user ul .qr img {
	width:74px;
	height:74px
}
@media (max-width:960px) {
.float-user {
	height:0;
	overflow:hidden
}
}