﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

	margin:0;

	padding:0;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset, img {

	border:0;

}

ol, ul {

	list-style:none;

}

caption, th {

	text-align:left;

}

q:before, q:after {

	content:'';

}

abbr, acronym {

	border:0;

}

.clear {

	clear:both;

	display:block;

	overflow:hidden;

	visibility:hidden;

	width:0;

	height:0;

}

.l, .col-l, .col_l, .col-c, .col_c {

	float:left;

}

.r, .col-r, .col_r, dt span, .ul-txt li span, .ul_txt li span {

	float:right;

}

.c {

	clear:both;

}

.n, em {

	font-weight:normal;

	font-style:normal;

}

.b {

	font-weight:bold;

}

.i {

	font-style:italic;

}

.fa {

	font-family:Arial;

}

.fg {

	font-family:Georgia;

}

.ft {

	font-family:微软雅黑;

}

.fl {

	font-family:微软雅黑;

}

.fs {

	font-family:'微软雅黑';

}

.fw {

	font-family:'微软雅黑';

}

.tc {

	text-align:center;

}

.tr {

	text-align:right;

}

.tl {

	text-align:left;

}

.tdu {

	text-decoration:underline;

}

.tdn, .tdn:hover, a.tdl:hover {

	text-decoration:none;

}

.fc0 {

	color:#000000;

}

.fc3 {

	color:#333333;

}

.fc6 {

	color:#666666;

}

.fc9 {

	color:#999999;

}

.fcr {

	color:red;

}

.fcw {

	color:white;

}

.fcb {

	color:blue;

}

.fcg {

	color:green;

}

.f0 {

	font-size:0;

}

.f10 {

	font-size:10px;

}

.f12 {

	font-size:12px;

}

.f13 {

	font-size:13px;

}

.f14 {

	font-size:14px;

}

.f16 {

	font-size:16px;

}

.f20 {

	font-size:20px;

}

.f24 {

	font-size:24px;

}

.vm {

	vertical-align:middle;

}

.vtb {

	vertical-align:text-bottom;

}

.vt {

	vertical-align:top;

}

.vn {

	vertical-align:-2px;

}

.vimg {

	margin-bottom:-3px;

}

.m0 {

	margin:0;

}

.ml0 {

	margin-left:0;

}

.ml5 {

	margin-left:5px;

}

.ml10 {

	margin-left:10px;

}

.ml20 {

	margin-left:20px;

}

.mr0 {

	margin-right:0;

}

.mr5 {

	margin-right:5px;

}

.mr10 {

	margin-right:10px;

}

.mr20 {

	margin-right:20px;

}

.mt5 {

	margin-top:5px;

}

.mt10 {

	margin-top:10px;

}

.mt20 {

	margin-top:20px;

}

.mb5 {

	margin-bottom:5px;

}

.mb10 {

	margin-bottom:10px;

}

.mb20 {

	margin-bottom:20px;

}

.ml-1 {

	margin-left:-1px;

}

.mt-1 {

	margin-top:-1px;

}

.p1 {

	padding:1px;

}

.pl5 {

	padding-left:5px;

}

.p5 {

	padding:5px;

}

.pt5 {

	padding-top:5px;

}

.pr5 {

	padding-right:5px;

}

.pb5 {

	padding-bottom:5px;

}

.p10 {

	padding:10px;

}

.pl10 {

	padding-left:10px;

}

.pt10 {

	padding-top:10px;

}

.pr10 {

	padding-right:10px;

}

.pb10 {

	padding-bottom:10px;

}

.p20 {

	padding:20px;

}

.pl20 {

	padding-left:20px;

}

.pt20 {

	padding-top:20px;

}

.pr20 {

	padding-right:20px;

}

.pb20 {

	padding-bottom:20px;

}

.rel, .pr {

	position:relative;

}

.abs, .pa {

	position:absolute;

}

.dn {

	display:none;

}

.db {

	display:block;

}

.dib {

	-moz-inline-stack:inline-block;

	display:inline-block;

}

.di {

	display:inline;

}

.ovh {

	overflow:hidden;

}

.ovs {

	overflow:scroll;

}

.vh {

	visibility:hidden;

}

.vv {

	visibility:visible;

}

.lh14 {

	line-height:14px;

}

.lh16 {

	line-height:16px;

}

.lh18 {

	line-height:18px;

}

.lh20 {

	line-height:20px;

}

.lh22 {

	line-height:22px;

}

.lh24 {

	line-height:24px;

}

.fix {

*zoom:1;

}

.fix:after, .fix:before {

	display:block;

	content:"clear";

	height:0;

	clear:both;

	overflow:hidden;

	visibility:hidden;

}

.z {

	_zoom:1;

}

.h1 {

	height:1px;

}

.h5 {

	height:5px;

}

.h10, .h {

	height:10px;

}

.h15 {

	height:15px;

}

.h20 {

	height:20px;

}

.h1, .h5, .h10, .h15, .h20, .h25, .h, .h30, .h35, .h40, .h45, .h50, .h55, .h60 {

	font-size:0px;

	line-height:0;

	overflow:hidden;

	clear:both;

	visibility: hidden;

}

body {

	font:12px/1.5 宋体, Arial, sans-serif;

}

a {

	text-decoration:none;

}

a:hover {

	color:#FF6600

}

.h25 {

	height: 25px;

}

.h30 {

	height: 30px;

}

.h40 {

	height: 40px;

}

.h45 {

	height: 45px;

}

.h50 {

	height: 50px;

}

.h55 {

	height: 55px;

}

.h60 {

	height: 60px;

}

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

*:before, *:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.trans {

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

}

hr {

	border: none;

	outline: none;

}

h1, h2, h3, h3, h4, h5, h6 {

	font-weight: normal;

}

img {

	max-width: 100%;

}

body {

	font-family:"微软雅黑", "Microsoft Yahei";

}

.wp {

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

}

a {

	color: #333;

}

a:hover {

	color: #e4392a;

}

/*头部*/

#bd {

	padding-top: 90px;

}

#hd {

	/*height: 101px;*/

	height: 90px;

	background: #fff;

	box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);

	position: fixed;

	width: 100%;

	left: 0;

	top: 0;

	z-index:9999;

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

}

.fixed {

	top: -101px !important;

}

#hd .logo {

	float: left;

	margin-right: 65px;

	/*height: 101px;*/

	height: 90px;

}

#hd .logo a {

	display: block;

	height: 100%;

	/*line-height: 101px;*/

	line-height: 90px;

}

#hd .logo a img {

	display: inline-block;

	vertical-align: middle;

}

#nav ul li {

	float: left;

	line-height: 90px;

	width: 100px;

	margin-right: 10px;

}

#nav ul li a {

	display: inline-block;

	width: 100%;

	text-align: center;

	font-size: 16px;

	border-bottom: 3px solid #fff;

	height: 90px;

}

#nav ul li a:hover {

	border-bottom: 3px solid #e4392a;

}

#hd .tel {

	background: url(../images/tel_bg.png) left center no-repeat;

	line-height: 90px;

	float: right;

	padding-left: 37px;

	color: #e4392a;

	font-size: 18px;

}

/*手机头部*/

#m-hd {

	display: none;

}

#m-hd {

	height: 50px;

	line-height: 50px;

	background-color: #fff;

	padding: 0;

	position: fixed;

	width: 100%;

	z-index: 999999;

}

#m-hd img {

	height: 46px;

	padding: 4px 0 0 10px;

}

.m-trigger {

	position: absolute;

	top: 0;

	right: 10px;

	width: 50px;

	color: #fff;

	text-align: center;

	font-size: 30px;

	line-height: 45px;

	cursor: pointer;

	background: url(../images/menu_add.png) center center no-repeat;

	-webkit-background-size: 50px;

	background-size: 25px;

	height: 50px;

}

.m-nav {

	z-index: 60;

	position: absolute;

	top: 50px;

	width: 100%;

	left: 0;

	background: url(../images/alpha_black_70.png) repeat;

	text-align: center;

	display: none;

}

.m-nav li {

	border-bottom: 1px solid #565656;

}

.m-nav a {

	display: block;

	font-size: 12px;

	height: 40px;

	line-height: 40px;

	text-align:center;

	color: #fff;

	font-size: 14px;

}

.m-nav a:hover, .m-nav a:active {

	color: #e4392a;

}

.m-sub {

	text-align: left;

	display: none;

	width:100%;

}

.m-sub a {

	border-bottom: none;

	font-size: 13px;

}

/*底部*/

#fd {

	background: url(../images/fd_bg.png) center top no-repeat;

	padding-top: 75px;

}

.index-fd {

	margin-top: -31px;

}

#fd .fd-top {

	overflow: hidden;

	color: #fff;

	padding-bottom: 45px;

}

#fd dl {

	float: left;

	width: 20%;

}

#fd dl dt {

	font-size: 16px;

	padding-bottom: 20px;

}

#fd .ul-fd li {

	line-height: 26px;

}

#fd .ul-fd li a {

	color: #a8a8af;

}

#fd .ul-fd li a:hover {

	text-decoration: underline;

}

#fd .weixin, #fd .sina {

	background: url(../images/fd_icon1.png) no-repeat;

	width: 25px;

	height: 25px;

	display: inline-block;

	margin-right: 10px;

	margin-bottom: 25px;

}

#fd .weixin-pic {

	position: absolute;

	left: -150px;

	top: 0;

	display: none;

}

#fd .tel {

	font-weight: normal;

	font-size: 24px;

	padding-bottom: 15px;

}

#fd h5 {

	font-size: 16px;

	color: #a8a8af;

}

#fd .sina {

	background-image: url(../images/fd_icon2.png);

}

#fd .fd-copy {

	height: 40px;

	line-height: 40px;

	color: #a3a3a9;

	background-color: #000022;

}

/* side */

.side {

	position:fixed;

	width:50px;

	height:275px;

	right:0;

	top:250px;

	z-index:100;

}

.side ul li {

	width:50px;

	height:50px;

	float:left;

	position:relative;

	margin-bottom: 2px;

}

.side ul li .sidebox {

	position:absolute;

	width:50px;

	height:50px;

	border-radius:5px 0 0 5px;

	top:0;

	right:0;

	transition:all 0.3s;

	background:#000022;

	color:#fff;

	font:16px/50px "微软雅黑";

	overflow:hidden;

}

.side ul li a:hover .sidebox {

	width: 175px;

}

.side ul li .sidetop {

	width:50px;

	height:50px;

	line-height:50px;

	display:inline-block;

	background:#000;

	opacity:0.8;

	filter:Alpha(opacity=80);

	transition:all 0.3s;

}

.side ul li .sidetop:hover {

	background:#e4392a;

}

.side ul li img {

	float:right;

}

.side2 {

	position: fixed;

	width: 40px;

	right: 10px;

	z-index: 100;

	top: 500px;

	height: 80px;

}

.side2 ul li {

	width: 40px;

	height: 40px;

}

.side2 ul li a {

	display: block;

	background-color: #e4392a;

	height: 40px;

	width: 40px;

	text-align: center;

	line-height: 40px;

}

.side2 ul li a img {

	vertical-align: middle;

	display: inline-block;

}

.side2 ul li a:hover {

	background-color: #000022;

}

.side2 ul li .weixin {

	position: absolute;

	left: -154px;

	bottom: 0;

	display: none;

}

.side2 ul li .weixin em {

	background: url(../images/arr3.png) no-repeat;

	width: 5px;

	height: 17px;

	display: block;

	position: absolute;

	right: -5px;

	top: 50%;

	margin-top: 3px;

}

.side2 ul li .weixin img {

	display: block;

}

/*banner*/

#banner .flexslider {

	background: none;

}

#banner .slides li .pic {

	display: block;

	padding-top: 36.4%;

	/* -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover; */

    background-position: center bottom;

	position: relative;

}

#banner .slides li .ban-txt {

	width: 760px;

	position: absolute;

	left: 50%;

	margin-left: -380px;

	top: 50%;

	height: 205px;

	margin-top: -102px;

	text-align: center;

}

#banner .slides li.s1 .ban-txt {

	background:url(../images/ban_k.png) no-repeat;

}

#banner .flexslider .slides img {

	max-width: 100%;

	width: auto;

	display: inline-block;

	vertical-align: middle;

}

#banner .slides li .ban-txt h5 {

	font-size: 22px;

	color: #fff;

	margin-top: -5px;

}

#banner .slides li .ban-txt h2 {

	height: 118px;

	line-height: 118px;

	margin-top: 5px;

	font-size: 71px;

	color: #fff;

}

#banner .slides li .ban-txt h3 {

	padding-top: 25px;

	font-size: 24px;

	color: #e4392a;

}

#banner .flex-control-paging li a {

	width: 40px;

	height: 3px;

	border-radius: 0;

	background-color: rgba(255,255,255,0.7);

}

#banner .flex-control-paging li a.flex-active {

	background-color: #e4392a;

}

#banner .flex-control-nav {

	bottom: 80px;

}

#banner .flex-direction-nav a {

	background: url(../images/ban_prev.png) no-repeat;

	width: 24px;

	height: 44px;

	opacity: 1;

	filter: alpha(opacity=100);

}

#banner .flex-direction-nav .flex-prev {

	left: 50%;

	margin-left: -570px;

}

#banner .flex-direction-nav .flex-next {

	background-image: url(../images/ban_next.png);

	right: 50%;

	margin-right: -570px;

}

#banner .slides li.s2 .ban-txt {

	width: 840px;

	margin-left: -420px;

}

#banner .slides li.s2 .ban-txt h2 {

	font-size: 58px;

	line-height: 56px;

	height: 56px;

	margin-bottom: 10px;

}

#banner .slides li.s2 .ban-txt h3 {

	font-size: 50px;

	text-transform: uppercase;

	padding-top: 0;

}

#banner .slides li.s2 .ban-txt h4 {

	font-size: 16px;

	color: #fff;

}

#banner .slides li.s2 .ban-txt h6 {

	font-size: 14px;

	border-top: 1px solid #d3d3d7;

	width: 149px;

	margin: 0 auto;

	color: #fff;

	line-height: 35px;

	margin-top: 15px;

}

#banner .slides li.s3 .ban-txt h2 {

	font-size: 45px;

	height: 45px;

	line-height: 45px;

}

#banner .slides li.s3 .ban-txt h3 {

	font-size: 69px;

	text-transform: uppercase;

	padding-top: 0;

	border-bottom: 1px solid #e4392a;

}

#banner .slides li.s3 .ban-txt h4 {

	font-size: 16px;

	line-height: 30px;

	color: #fff;

	margin-top: 20px;

}

#banner {

	position: relative;

}

.banner-bg {



	height: 54px;

	width: 100%;

	position: absolute;

	left: 0;

	bottom: -30px;

	z-index: 60;

}

/*首页*/

.tit-i {

	text-align: center;

	padding: 50px 0;

	line-height: 36px;

	overflow: hidden;

}

.tit-i h3 {

	font-size: 30px;

	color: #002;

	margin-bottom: 10px;

}

.tit-i h5 {

	font-size: 20px;

	color: #cacace;

	text-transform: uppercase;

	font-family: Arial;

}

.tit-i h5 span {

	color: #e4392a;

}

.tit-ii {

	text-align: center;

	padding: 0px 0px 30px 0px;

	line-height: 36px;

	overflow: hidden;

}

.tit-ii h3 {

	font-size: 20px;

	color: rgb(102, 102, 102);

	margin-bottom: 10px;

}

.tit-i em {

	width: 45px;

	border-bottom: 1px solid #7f7f90;

	display: inline-block;

}

.ul-icon-i li {

	float: left;

	width: 25%;

	text-align: center;

	padding-bottom: 70px;

	overflow: hidden;

}

.ul-icon-i li .pad {

	padding: 0 40px;

	position: relative;

}

.ul-icon-i li a {

	display: block;

}

.ul-icon-i li a span {

	background: url(../images/i_icon1.png) no-repeat;

	width: 134px;

	height: 134px;

	display: inline-block;

	margin-bottom: 15px;

}

.ul-icon-i li h3 {

	font-size: 16px;

	margin-bottom: 18px;

}

.ul-icon-i li em {

	width: 25px;

	border-bottom: 2px solid #707070;

	display: inline-block;

	margin-bottom: 11px;

}

.ul-icon-i li p {

	text-align: center;

	line-height: 24px;

	font-size: 14px;

}

.ul-icon-i li.li1 a span {

	background-position: 0 0;

}

.ul-icon-i li.li2 a span {

	background-position: -305px 0;

}

.ul-icon-i li.li3 a span {

	background-position: -615px 0;

}

.ul-icon-i li.li4 a span {

	background-position: -930px 0;

}

/*.ul-icon-i li a:hover span{

	background-image: url(../images/i_icon1_h.png);

}*/

.ul-icon-i li .pad .pic {

	position: absolute;

	left: 50%;

	top: 0;

	width: 134px;

	margin-left: -67px;

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

}

.ul-icon-i li .pad .pic img {

	display: none;

}

.ul-icon-i li .pad .pic .pic-icon {

	position: absolute;

	left: 0;

	top: -134px;

	display: block;

}

.ul-icon-i li a:hover p {

	text-decoration: underline;

	color: #333;

}

.row2 {

	background: url(../images/bg_1.png) center top no-repeat;

	padding-top: 20px;

}

.case-i-l, .case-i-r {

	width: 50%;

}

.case-i-l {

	float: left;

	padding-right: 15px;

}

.case-i-r {

	float: right;

	padding-left: 15px;

}

.case-img, .case-img a img {

	width: 100%;

}

.case-img {

	position: relative;

	overflow: hidden;

}

.case-img .hover {

	position: absolute;

	left: 0;

	top: -434px;/*top: -433px;*/

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

	width: 100%;

	height: 100%;

	text-align: center;

	background: url(../images/alpha_red_80.png) repeat;

	color: #fff;

}

.case-img.on .hover {

	top: 0;

}

.ul-case-i {

	margin: 0 -15px;

}

.ul-case-i li {

	float: left;

	width: 25%;

	padding: 0 15px;

	margin-bottom: 30px;

	overflow: hidden;

}

.ul-case-i li a {

	display: block;

	position: relative;

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

}

.ul-case-i li .pic img {

	width: 100%;

	display: block;

}

.ul-case-i li a .hover {

	position: absolute;

	left: 0;

	top: -100%;

	width: 100%;

	height: 100%;

	text-align: center;

	background: url(../images/alpha_red_80.png) repeat;

	color: #fff;

	/*display: none;*/

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

}

.ul-case-i li .hover b, .ul-case-i li .hover .txt, .case-img .hover b, .case-img .hover .txt {

	display: inline-block;

	vertical-align: middle;

}

.ul-case-i li .hover b, .case-img .hover b {

	width: 0;

	height: 100%;

}

.ul-case-i li a:hover .hover {

	/*display: block;*/

	top: 0;

}

.ul-case-i-1 li {

	width: 25%;

}

.more-i {

	text-align: center;

	padding-bottom: 35px;

}

.more-i a {

	display: inline-block;

	width: 65px;

	height: 65px;

	background: url(../images/arr2.png) center center no-repeat #000014;

	border-radius: 100%;

}

.more-i a:hover {

	background-color: #e4392a;

}

.news-bg {

	background: url(../images/bg_2.png) center top no-repeat;

	overflow: hidden;

}

.tit-i-1 h3 {

	color: #fff;

}

.tit-i-1 em {

	border-bottom-color: #dddde1;

}

.ul-news-i {

	/*margin-right: -10px;*/

	margin-left: -30px;

	width: 110%;

}

.ul-news-i li {

	float: left;

	width: 24.5%;

	color: #fff;

	position: relative;

	min-height: 295px;

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

	overflow: hidden;

}

.ul-news-i li:last-child {

/*width: 21%;*/

}

.ul-news-i li .txt {

	padding-left: 30px;

	padding-right: 58px;

}

.ul-news-i li .txt span {

	padding: 15px 8px;

	display: inline-block;

	border: 1px solid #fff;

	border-radius: 5px;

	font-size: 14px;

}

.ul-news-i li .txt span em {

	display: block;

	font-size: 20px;

}

.ul-news-i li:last-child .txt {

/*padding-right: 0;*/

}

.ul-news-i li h3 a {

	color: #fff;

	display: inline-block;

	padding: 20px 0;

}

.ul-news-i li p {

	color: #bbbbbe;

	line-height: 20px;

}

.ul-news-i li .more {

	background: url(../images/more1.png) no-repeat;

	width: 36px;

	height: 36px;

	display: inline-block;

	margin-top: 50px;

}

.ul-news-i li .hover {

}

.ul-news-i li .hover .img {

	width: 100%;

	position: absolute;

	top: -165px;

	left: 7px;

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

}

.ul-news-i li .hover .pad {

	padding: 0 27px 20px 27px;

	position: absolute;

	left: 7px;

	bottom: -148px;

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

	background-color: #000022;

	width: 92%;

}

.ul-news-i li .hover .img {

	height: 165px;

	width: 92%;

}

.ul-news-i li.on .hover .img {

	/*display: block;*/

	top: 0;

}

.ul-news-i li.on .hover .pad {

	bottom: 0;

}

.news-more {

	text-align: center;

	padding-bottom: 100px;

	padding-top: 50px;

}

.news-more a {

	display: inline-block;

	width: 178px;

	height: 48px;

	border: 1px solid #fff;

	border-radius: 5px;

	line-height: 48px;

	text-align: center;

	font-size: 18px;

	color: #fff;

	text-transform: uppercase;

}

.news-more a:hover {

	background-color: #e4392a;

}

.contact-l {

	width: 38%;

	float: left;

}

.contact-r {

	width: 62%;

	float: right;

}

.ul-contact li {

	background: url(../images/i_icon2.png) no-repeat;

	padding-left: 60px;

	font-size: 14px;

	margin-bottom: 13px;

	line-height: 30px;

}

.ul-contact li.li1 {

	background-position: 0 0;

}

.ul-contact li.li2 {

	background-position: 0 -30px;

}

.ul-contact li.li3 {

	background-position: 0 -60px;

}

.ul-contact li.li4 {

	background-position: 0 -90px;

}

.ul-contact li.li5 {

	background-position: 0 -120px;

}

.contact-form .inp {

	width: 49%;

	border: 1px solid #6d6d88;

	height: 33px;

	padding: 0 10px;

	margin-bottom: 15px;

}

.contact-form textarea {

	width: 100%;

	border: 1px solid #6d6d88;

	height: 98px;

	margin-bottom: 24px;

}

.contact-form .sub {

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #fff;

	background-color: #63637f;

	border: 0;

	cursor: pointer;

	font-family:"微软雅黑", "Microsoft Yahei";

	font-size: 16px;

}

.map {

	margin-top: 100px;

	position: relative;

}

.map em {

	background: url(../images/arr1.jpg) center top no-repeat;

	width: 100%;

	height: 15px;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

}

.map-s {

	background: url(../images/map_s.png) center top;

	height: 107px;

	text-align: center;

	overflow: hidden;

}

.map .btn {

	text-align: center;

	color: #fff;

	font-size: 18px;

	line-height: 132px;

	display: inline-block;

}

.map .btn-down {

	background: url(../images/map_down.png) no-repeat;

	width: 112px;

	height: 48px;

	display: inline-block;

	position: absolute;

	left: 50%;

	top: 52px;

	margin-left: -50px;

	z-index: 99;

}

#map {

}

.map-pop {

	display: none;

	height: 540px;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

}

.map .map-bg1, .map .map-bg2 {

	background: url(../images/ban_bg_top.png) no-repeat center 0;

	height: 54px;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	z-index: 66;

}

.map .map-bg2 {

	background-image: url(../images/map_bg2.png);

	height: 41px;

	bottom: 0px;

	top: auto;

}

.map-pop-big {

	height: 600px;

	bottom:auto;

	top: 0;

}

.map-big {

	height: 600px;

	margin-top: 0;

}

/*内页*/

#ban-in {

	position: relative;

	background-position: center 0;

	background-repeat: no-repeat;

	/*padding-top: 16%;*/

	height: 300px;

}

#ban-in .ban-bg {



	height: 54px;

	width: 100%;

	position: absolute;

	left: 0;

	bottom: -30px;

	z-index: 60;

}

.pages {

	text-align: center;

	margin-bottom: 105px;

	margin-top: 20px;

}

.pages a {

	display: inline-block;

	width: 41px;

	height: 41px;

	background-color: #edecec;

	border-radius: 3px;

	text-align: center;

	line-height: 41px;

	font-family: Arial;

	font-size: 18px;

	color: #666;

	margin: 0 4px;

}

.pages a:hover, .pages .page-on {

	background-color: #e4392a;

	color: #fff;

}

/*网思动态*/

.ul-list {

	margin: 0 -15px;

}

.ul-list li {

	float: left;

	width: 25%;

	margin-bottom: 30px;

}

.ul-list li .pic img {

	width: 100%;

	display: block;

	transform: perspective(800px) rotateY(0deg);

	transition: all 1s ease 0s;

	-moz-transform: perspective(800px) rotateY(0deg);

	-moz-transition: all 1s ease 0s;

	-webkit-transform: perspective(800px) rotateY(0deg);

	-webkit-transition: all 1s ease 0s;

	-o-transform: perspective(800px) rotateY(0deg);

	-o-transition: all 1s ease 0s;

	-ms-transform: perspective(800px) rotateY(0deg);

	-ms-transition: all 1s ease 0s;

	zoom:1;

}

.ul-list li:hover img {

	transform: perspective(800px) rotateY(-179.9deg);

	-moz-transform: perspective(800px) rotateY(-179.9deg);

	-webkit-transform: perspective(800px) rotateY(-179.9deg);

	-o-transform: perspective(800px) rotateY(-179.9deg);

	-ms-transform: perspective(800px) rotateY(-179.9deg);

}

.ul-list li .pad {

	padding: 0 15px;

}

.ul-list li .bor {

	border: 1px solid #e2e3e8;

}

.ul-list li:hover .bor {

	border-color: #e4392a;

}

.ul-list li .txt {

	padding: 20px 14px;

	line-height: 20px;

	color: #666;

}

.ul-list li .more {

	height: 42px;

	line-height: 42px;

	border-top: 1px dotted #e2e3e8;

	background-color: #f0f2f5;

	padding: 0 14px;

	display: none;

}

.ul-list li .more a {

	color: #e4392a;

}

.ul-list li .more a:hover {

	text-decoration: underline;

}

.ul-list li .title {

	height: 55px;

	margin-bottom: 20px;

}

.ul-list li .title span {

	float: left;

	border: 1px solid #e2e3e8;

	background-color: #f0f2f5;

	display: inline-block;

	text-align: center;

	padding: 6px 5px;

	margin-right: 15px;

}

.ul-list li .title span em {

	display: block;

	font-size: 16px;

}

.ul-list li .title h3 {

	border-bottom: 1px solid #e2e3e8;

	overflow: hidden;

	height: 54px;

}

/*网思案例*/

.sub-nav {

	text-align: center;

	margin-bottom: 50px;

	margin-top: -18px;

}

.sub-nav ul li {

	display: inline-block;

	margin: 0 18px;

	font-size: 16px;

}

.sub-nav ul li a {

	padding-left: 14px;

	display: inline-block;

}

.sub-nav ul li a:hover, .sub-nav ul li.on a {

	background: url(../images/disc.jpg) left center no-repeat;

	color: #e4392a;

}

.ul-case {

	margin: 0 -15px;

}

.ul-case li {

	float: left;

	width: 33.3333%;

	padding: 0 15px;

	margin-bottom: 30px;

	overflow: hidden;

	position: relative;

}

.ul-case li .block {

	display: block;

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

}

.ul-case li .pic img {

	display: block;

	width: 100%;

}

.ul-case li .txt {

	position: absolute;

	left: 0;

	top: 0%;

	width: 100%;

	height: 100%;

	background: url(../images/alpha_blue_60.png) repeat;

	text-align: center;

	color: #fff;

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

	opacity:0;

}

.ul-case li .txt h5, .ul-case li .txt h3 {

	color: #fff;

}

.ul-case li .txt:hover {

	opacity:1;

}

.ul-case li .txt b, .ul-case li .txt .pad {

	display: inline-block;

	vertical-align: middle;

}

.ul-case li .txt b {

	width: 0;

	height: 100%;

}

.ul-case li .txt h5 {

	font-size: 16px;

}

.ul-case li .txt em {

	width: 45px;

	height: 0;

	border-bottom: 1px solid #fff;

	display: inline-block;

	margin: 20px 0 40px 0;

}

.ul-case li .txt h3 {

	font-size: 18px;

	margin-bottom: 40px;

}

.ul-case li .txt .more {

	width: 122px;

	height: 45px;

	display: inline-block;

	text-align: center;

	line-height: 45px;

	background-color: #e4392a;

	color: #fff;

	border-radius: 5px;

	font-size: 14px;

}

.ul-case li .txt .more:hover {

	opacity: .8;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

}

.ul-case li.on .txt {

	top: 0;

}

/*关于网思*/

.about-info {

	text-align: center;

	font-size: 14px;

	line-height: 34px;

	color: #666;

	padding-bottom: 50px;

}

.customer {

	background: url(../images/bg_3.jpg) center top no-repeat;

	padding-top: 25px;

	padding-bottom: 54px;

	margin-top: 50px;

}

.ul-customer li {

	float: left;

	width: 20%;

}

.ul-customer li a {

	display: block;

	width: 100%;

	height: 87px;

	border: 1px solid #fff;

	text-align: center;

	border: 0;

}

.ul-customer li a b, .ul-customer li a img {

	display: inline-block;

	vertical-align: middle;

}

.ul-customer li a b {

	width: 0;

	height: 100%;

}

.ul-customer li a img {

	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

	filter: gray; /* IE6-9 */

	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}

.ul-customer li a:hover {

	border: 1px solid #fff;

}

.team {

	padding-bottom: 95px;

}

.team .flexslider {

	position: relative;

}

.team .flexslider em {

	width: 10px;

	height: 30px;

	display: inline-block;

	position: absolute;

	left: 50%;

	bottom: 0;

	background-color: #fff;

}

.team .flexslider .slides li {

	/*background-position: 89% 0;*/

	height: 468px;/*background-repeat: no-repeat;*/

}

.team .flexslider li .txt {

	padding-top: 85px;

	font-size: 14px;

	line-height: 36px;

	width: 30%;

	float: left;

}

.team .flexslider li .txt h3 {

	font-size: 30px;

	color: #63637f;

	padding-bottom: 25px;

}

.team .flexslider li .txt .more {

	width: 123px;

	height: 37px;

	border-radius: 5px;

	display: inline-block;

	line-height: 37px;

	text-align: center;

	margin-top: 40px;

	margin-bottom: 40px;

	font-size: 16px;

	border: 1px solid #63637f;

	color: #63637f;

}

.team .flexslider li .txt .more:hover {

	border: 1px solid #e85346;

	color: #e4392a;

}

.team .flexslider li .pic {

	float: right;

	position: relative;

	width: 70%;

	margin-right: -220px;

}

.team .flexslider li .pic img {

	position: absolute;

	left: 0;

	top: 0;

	width: auto;

	opacity: 0;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

	opacity: 1\0;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'\9;

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\9;

}

.team .flex-direction-nav {

	max-width: 1200px;

	margin: 0 auto;

	background: url(../images/line.jpg) repeat-x center center;

	height: 30px;

	text-align: center;

}

.team .flex-direction-nav li {

	display: inline-block;

}

.team .flex-direction-nav a {

	position: relative;

	width: 216px;

	height: 30px;

	text-align: center;

	background: url(../images/arr_t.png) center center no-repeat #63637f;

	border-radius: 10px;

	display: inline-block;

	opacity: 1 !important;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

	top: 13px;

}

.team .flex-direction-nav .flex-prev {

}

.team .flex-direction-nav .flex-next {

	background-image: url(../images/arr_b.png);

	left: 10px;

}

.team .flex-direction-nav a:hover {

	background-color: #e4392a;

}

.flexslider .animated {

	opacity: 0;

	filter: alpha(opacity=0);

	opacity: 100\9;

	filter: alpha(opacity=100)\9;

}

/* .team .s1{

	-webkit-animation-delay: .5s;

	-o-animation-delay: .5s;

	-moz-animation-delay: .5s;

	animation-delay: .5s;

}



.team .s2{

	-webkit-animation-delay: .8s;

	-o-animation-delay: .8s;

	-moz-animation-delay: .8s;

	animation-delay: .8s;

}

.team .s3{

	-webkit-animation-delay: 1.2s;

	-o-animation-delay: 1.2s;

	-moz-animation-delay: 1.2s;

	animation-delay: 1.2s;

}

.team .s4{

	-webkit-animation-delay: 1.5s;

	-o-animation-delay: 1.5s;

	-moz-animation-delay: 1.5s;

	animation-delay: 1.5s;

} */



.ul-about li {

	float: left;

	width: 33.333%;

	text-align: center;

	font-size: 14px;

	line-height: 24px;

	color: #666;

}

.ul-about li h3 {

	font-size: 24px;

	color: #002;

	line-height: 36px;

}

.ul-about li em {

	display: inline-block;

	width: 45px;

	height: 0;

	border-bottom: 1px solid #7f7f90;

	margin-bottom: 20px;

	margin-top: 25px;

}

.ul-about li .block {

	position: relative;

	height: 235px;

	margin: 0 auto;

}

.ul-about li .block img {

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

}

.ul-about li.li1 .block {

	width: 315px;

}

.ul-about li.li2 .block {

	width: 315px;

}

.ul-about li.li3 .block {

	width: 315px;

}

.ul-about li.li1 .block, .ul-about li.li2 .block {

	padding-top: 30px;

}

/*动态详情页*/

.cur {

	line-height: 76px;

	font-family: "宋体";

	color: #666;

	background-color: #f8f9fa;

}

.cur1 {

	border-bottom: 1px solid #e5e5e5;

	margin-bottom: 31px;

}

.cur a {

	color: #666;

}

.article {

	color: #666;

	line-height: 30px;

}

.article h1 {

	font-size: 26px;

	color: #333;

	text-align: center;

	padding-top: 45px;

}

.article .time {

	line-height: 72px;

	border-bottom: 1px solid #999;

	text-align: center;

	margin-bottom: 25px;

}

.article .share {

	margin-bottom: 70px;

}

.article .share span {

	font-size: 14px;

	float: left;

	display: inline-block;

	line-height: 37px;

}

/*案例详情*/

.case-article {

	line-height: 30px;

	color: #666;

}

.case-article-bg {

	margin-bottom: 13%;

	margin-bottom: 5%\0 !important;

	background-position: top center\0 !important;

}

.case-article .case-logo {

	text-align: center;

	padding-top: 38px;

}

.case-article h1 {

	line-height: 40px;

	font-size: 18px;

	text-align: center;

}

.case-article .btn {

	text-align: center;

	padding: 10px 0;

	margin-bottom: 30px;

}

.case-article .btn a {

	display: inline-block;

	width: 120px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	background-color: #e4392a;

	color: #fff;

	font-size: 14px;

	margin: 0 12px;

	border-radius: 5px;

}

.case-article .computer-bg {

	position: relative;

	text-align: center;

	background: url(../images/computer.png) center top no-repeat;

	transform: translateY(45.9%);

	-webkit-transform: translateY(45.9%);

	-moz-transform: translateY(45.9%);

	width: 70%;

	margin: 0 auto;

	margin: -32% auto 0 auto;

	-webkit-background-size: 100%;

	background-size: 89%;

	padding-top: 70%;

	margin:0 auto\0;

	padding-top: 50%\0;

}

.case-article .computer-bg img {

	position: absolute;

	left: 8.5%;

	top: 4%;

	width: 83%;

}

.case-article .case-back {

	text-align: center;

	margin-top: 50px;

	margin-bottom: 90px;

}

.case-article .case-back a {

	display: inline-block;

	width: 178px;

	height: 48px;

	text-align: center;

	line-height: 48px;

	border: 1px solid #63637f;

	color: #002;

	font-size: 18px;

	border-radius: 5px;

}

.case-article .case-back a:hover {

	background-color: #e4392a;

	color: #fff;

	border-color: #e4392a;

}

.article-prev, .article-next {

	position: absolute;

	top: 50%;

	background: url(../images/article_prev.png) no-repeat;

	width: 36px;

	height: 66px;

	margin-top: -33px;

	left: 0;

	z-index: 2;

}

.article-next {

	background-image: url(../images/article_next.png);

	left: auto;

	right: 0;

}

/*网思服务*/

.h50 {

	height: 50px;

	overflow: hidden;

	clear:both;

}

.ul-webset li {

	float: left;

	width: 33.333%;

	text-align: center;

	height: 322px;

}

.ul-webset li .block {

	position: relative;

	height: 220px;

	margin: 0 auto;

}

.ul-webset li.li1 .block {

	width: 366px;

}

.ul-webset li.li2 .block {

	width: 316px;

}

.ul-webset li.li3 .block {

	width: 230px;

}

.ul-webset li .block img {

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

}

.ul-webset li h3 {

	font-size: 24px;

	line-height: 34px;

	color: #333;

}

.ul-webset li .btn {

	background: url(../images/disc2.png) center center no-repeat #e60012;

	width: 34px;

	height: 34px;

	border-radius: 100%;

	display: inline-block;

	margin-top: 30px;

}

.ul-webset li .btn:hover {

	opacity: .6;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)';

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

}

.ul-webset {

}

.webset-pop {

	position: absolute;

	left: 0;

	top: 0;

	background-color: #f5f6fa;

	border: 1px solid #e4e5e7;

	z-index: 60;

	padding: 0 27px;

	padding-bottom: 30px;

	opacity: 0;

	filter: alpha(opacity=0);

	z-index: -1;

	left: -100%;

	width: 100%;

	overflow: hidden;

}

.webset-pop h2 {

	font-size: 20px;

	text-align: left;

	line-height: 66px;

}

.webset-pop h2 a.close {

	background: url(../images/close.png) no-repeat;

	width: 28px;

	height: 28px;

	display: inline-block;

	position: relative;

	top: 20px;

	left: auto;

	float: right;

}

.webset-pop .txt {

	width: 25%;

	margin-right: -10px;

	display: inline-block;

	text-align: left;

	vertical-align: top;

}

.nowrap * {

	white-space: nowrap;

}

.webset-pop .txt h4 {

	font-size: 20px;

	background: url(../images/icon1.png) left top no-repeat;

	padding-left: 60px;

	height: 40px;

}

.webset-pop .txt h4.tit-web1 {

	background-image: url(../images/icon2.png);

}

.webset-pop .txt h4.tit-web2 {

	background-image: url(../images/icon3.png);

}

.webset-pop .txt dl {

	padding-left: 57px;

}

.webset-pop .txt dl dd {

	font-size: 16px;

	line-height: 34px;

	background: url(../images/disc4.png) left center no-repeat;

	padding-left: 15px;

}

.webset-pop .txt1 {

	width: 50%;

}

.ul-webset li .ul-txt {

	padding-left: 57px;

	border: 0;

}

.ul-webset li .ul-txt li {

	width: 100%;

	text-align: left;

	height: auto;

}

.ul-webset li .ul-txt li h5 {

	border: 0;

	font-size: 16px;

	height: 36px;

	line-height: 36px;

}

.ul-webset li .ul-txt li h5 a {

	padding-left: 15px;

	background: url(../images/disc4.png) left center no-repeat;

}

.ul-webset li .ul-txt li .txt-1 {

	font-size: 14px;

	line-height: 24px;

	color: #999;

	padding-left: 27px;

	padding-bottom: 15px;

	display: none;

}

.ul-webset li .ul-txt li.ok .txt-1 {

	display: block;

}

 ..ul-web {

 background: url(../images/jjd.png) center center no-repeat;

 overflow: hidden;

 background-size: 100%;

}

.ul-web li {

	float: left;

	text-align: center;

	width: 25%;

	padding-left: 5%;

}

.ul-web li h3 {

	display: inline-block;

	border: 1px dashed #358acb;

	height: 38px;

	line-height: 38px;

	border-radius: 5px;

	padding: 0 17px;

	color: #358acb;

	font-size: 16px;

	margin-top: 20px;

}

.ul-web li .block {

	position: relative;

	height: 151px;

}

.ul-web li .block img {

	position: absolute;

	left: 20px;

	top: 0;

	opacity: 0;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

}

.ul-web li.li1 .block {

	width: 116px;

	left: 50%;

	margin-left: -70px;

}

.ul-web li.li2 .block {

	width: 151px;

	left: 50%;

	margin-left: -95px;

}

.ul-web li.li3 .block {

	width: 125px;

	left: 50%;

	margin-left: -85px;

}

.ul-web li.li4 .block {

	width: 195px;

	left: 50%;

	margin-left: -120px;

}

.bg-blue {

	background: url(../images/bg_4.png) center top no-repeat;

	padding-top: 25px;

	padding-bottom: 100px;

}

.ul-tab {

	width: 193px;

	float: left;

	background: url(../images/line3.png) repeat-y 183px top;

	margin-right: 80px;

	padding-top: 45px;

}

.ul-tab li {

	margin-bottom: 50px;

}

.ul-tab li a {

	color: #666;

}

.ul-tab li h3 {

	font-size: 20px;

	background: url(../images/circle.png) right center no-repeat;

}

.ul-tab li span {

	display: block;

	font-size: 14px;

	color: #999;

}

.ul-tab li.hover h3, .ul-tab li a:hover h3 {

	background-image: url(../images/circle1.png);

	color: #e4392a;

}

.ul-tab li.hover span, .ul-tab li a:hover span {

	color: #e4392a;

}

.tab-show {

}

.tab-con {

	overflow: hidden;

}

.tab-con .animated {

	opacity: 0;

	filter: alpha(opacity=0);

}

.tab-show {

	height: 419px;

	overflow: hidden;

}

.web-con .shou {

	position: absolute;

	right: 0;

	top: 0;

	z-index: 10;

}

.web-con .pic {

	float: right;

	position: relative;

	width: 139px;

	text-align: center;

	margin-top: 50px;

	margin-right: 40px;

}

.web-con .flex-control-nav {

	display: none;

}

.web-con .pic .img {

	/* position: absolute;

	left: 43px;

	top: 50px; */

	width: 139px;

	z-index: -1;

	display: inline-block;

}

.tab-con .txt {

	/*width: 66%;*/width: 84%;

}

.tab-con .pic {

	float: right;

	position: relative;

	width: 218px;

	text-align: center;

	margin-top: 50px;

}

.tab-con .pic .img {

	/* position: absolute;

	left: 43px;

	top: 50px; */

	width: 139px;

	z-index: -1;

}

.tab-con-box {

	width: 59%;

	float: left;

}

.tab-con .txt p {

	font-size: 14px;

	line-height: 24px;

	color: #666;

	padding-bottom: 45px;

}

.ul-icon {

	/*padding-right: 50px;*/

	overflow: hidden;

}

.ul-icon li {

	width: 94px;

	height: 94px;

	border-radius: 100%;

	background-color: #e4e5e7;

	color: #666;

	text-align: center;

	float: left;

	font-size: 15px;

	line-height: 22px;

	padding: 0 17px;

	margin:  0 25px 30px 25px;

}

.ul-icon li b, .ul-icon li span {

	display: inline-block;

	vertical-align: middle;

}

.ul-icon li b {

	width: 0;

	height: 100%;

}

.service {

	background: url(../images/bg_5.png) center top no-repeat;

	padding-top: 25px;

	padding-bottom: 63px;

}

.process {

	overflow: hidden;

}

.process .con {

	position: relative;

}

.animate-box, .animate-box .con {

	width: 1170px;

}

.process .pad {

	padding-top: 26%;

}

.process img {

	position: absolute;

	left: 0;

	top: 0;

}

.process span {

	display: inline-block;

	color: #90a1b3;

	font-size: 16px;

	position: absolute;

}

.process span.s1 {

	left: 0%;

	top: 0%;

}

.process span.s2 {

	left: 4.6%;

	top: 0%;

}

.process span.s3 {

	left: 1.6%;

	top: 22%;

}

.process span.s4 {

	left: 1.6%;

	top: 65%;

}

.process span.s5 {

	left: 9.5%;

	top: 42%;

}

.process span.s6 {

	left: 20%;

	top: 65%;

}

.process span.s7 {

	left: 27%;

	top: 50%;

}

.process span.s8 {

	left: 38%;

	top: 89%;

}

.process span.s9 {

	left: 49%;

	top: 15%;

}

.process span.s10 {

	left: 57%;

	top: 89%;

}

.process span.s11 {

	left: 77.5%;

	top: 64%;

}

.process span.s12 {

	left: 94%;

	top: 4%;

}

.process em {

	position: absolute;

	background: url(../images/r1.png) no-repeat;

	display: inline-block;

	z-index: 60;

	opacity: 0;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

}

.process em.q1 {

	width: 60px;

	height: 61px;

	left: 0;

	top: 40%;

}

.process em.q2 {

	width: 57px;

	height: 57px;

	top: 42%;

	left: 19%;

	background-image: url(../images/r2.png);

}

.process em.q3 {

	background-image: url(../images/r3.png);

	width: 62px;

	height: 56px;

	top: 68%;

	left: 38%;

}

.process em.q4 {

	background-image: url(../images/r4.png);

	width: 86px;

	height: 86px;

	top: 29%;

	left: 47%;

}

.process em.q5 {

	background-image: url(../images/r5.png);

	width: 63px;

	height: 59px;

	top: 68%;

	left: 57%;

}

.process em.q6 {

	background-image: url(../images/r6.png);

	width: 51px;

	height: 51px;

	left:77%;

	top: 40%;

}

.process em.q7 {

	background-image: url(../images/r7.png);

	width: 68px;

	height: 63px;

	left: 94%;

	top: 18%;

}

.ul-solution {

	overflow: hidden;

}

.ul-solution li {

	float: left;

	width:16.66666%;/*width: 15.67%;*/

	text-align: center;

	margin-bottom: 65px;

	position: relative;

}

.ul-solution li a {

	display: block;

	height: 140px;

	font-size: 16px;

	line-height: 30px;

	-o-transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	transition:.3s;

}

.ul-solution li a span {

	display: block;

	background: url(../images/icon_solution.png) no-repeat;

	width: 102px;

	height: 102px;

	margin: 0 auto;

	margin-bottom: 20px;

	position: relative;

}

.ul-solution li a em {

	display: block;

	position: relative;

}

.ul-solution li.li1 span {

	background-position: -1px 0;

}

.ul-solution li.li2 span {

	background-position: -215px 0;

}

.ul-solution li.li3 span {

	background-position: -429px 0;

}

.ul-solution li.li4 span {

	background-position: -643px 0;

}

.ul-solution li.li5 span {

	background-position: -857px 0;

}

.ul-solution li.li6 span {

	background-position: -1070px 0;

}

.ul-solution li.li7 span {

	background-position: 0px bottom;

}

.ul-solution li.li8 span {

	background-position: -215px bottom;

}

.ul-solution li.li9 span {

	background-position: -429px bottom;

}

.ul-solution li.li10 span {

	background-position: -643px bottom;

}

.ul-solution li.li11 span {

	background-position: -857px bottom;

}

.ul-solution li.li12 span {

	background-position: -1070px bottom;

}

.ul-solution li a:hover span {

	background-image: url(../images/icon_solution_h.png);

}

.service-con .pic a:hover {

	opacity: .8;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

}

.service-con .col-l, .service-con .col-r {

	width: 50%;

	float: left;

}

.service-con .tit-s {

	line-height: 100px;

	background: url(../images/disc3.png) left center no-repeat;

	padding-left: 14px;

	font-size: 18px;

}

.ul-service li {

	float: left;

	width: 50%;

	padding-right: 29px;

	margin-bottom: 30px;

}

.ul-service li .pad {

	font-size: 14px;

	padding: 14px;

	height: 148px;

	border: 1px solid #e5e5e5;

}

.ul-service li .pad p {

	max-height: 60px;

	overflow: hidden;

}

.ul-service li .pad span {

	display: block;

	overflow: hidden;

	clear: both;

}

.ul-service li .pad span i {

	display: block;

	font-style: normal;

	vertical-align: top;

	padding-left: 40px;

	padding-top: 6px;

}

.ul-service li img {

	display: block;

	float: left;

	margin-bottom: 16px;

}

.ul-txt {

	border: 1px solid #e5e5e5;

}

.ul-txt li {

}

.ul-txt li h5 {

	background: url(../images/jia.png) 95% center no-repeat;

	font-size: 14px;

	height: 48px;

	line-height: 48px;

	border-bottom: 1px solid #e5e5e5;

	padding-left: 14px;

}

.ul-txt li .txt {

	border-bottom: 1px solid #e5e5e5;

	line-height: 20px;

	display: none;

	color: #666;

	height: 130px;

	padding: 0 14px;

}

.ul-txt li.ok .txt {

	display: block;

}

.ul-txt li.ok h5 {

	background-image: url(../images/jian.png);

	border-bottom: 0;

}

.service-btn {

	text-align: center;

	padding: 55px 0;

}

.service-btn a {

	display: inline-block;

	width: 170px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	background-color: #e4392a;

	color: #fff;

	font-size: 14px;

	border-radius: 5px;

	margin: 0 22px;

}

.service-btn a:hover {

	opacity: .8;

	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';

 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

}

.case-img2 p {

	text-align: center;

}

.dede_pages {

	text-align:center;

	margin-top:30px;

	display:inline-block;

	width:100%;

	margin-bottom:50px;

}

.dede_pages ul {

	padding:12px 0px 12px 16px;

	text-align:center;

}

.dede_pages ul li {

	float:left;

	font-family:Tahoma;

	line-height:28px;

	margin-right:6px;

	padding:0px 8px;

	border:1px solid #E9E9E9;

}

.dede_pages ul li select {

	height:28px;

	line-height:28px;

	text-align:center;

}

.dede_pages ul li a {

	float:left;

	color:#555;

	display:block;

	padding:0px 8px;

	line-height:28px;

}

.dede_pages ul li a:hover {

	color:#690;

	text-decoration:none;

	line-height:28px;

	padding:0px 8px;

}

.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {

	background-color:#F8F8F8;

	padding:0px 8px 0px;

	font-weight:bold;

}

.dede_pages .pageinfo {

	line-height:28px;

	padding:12px 10px 12px 16px;

	color:#999;

}

.dede_pages .pageinfo strong {

	color:#555;

	font-weight:normal;

	margin:0px 2px;

}

#nav .mycur {

	color:#e4392a;

	border-bottom:3px solid #e4392a;

}

.sub-nav ul li .mycur {

	background:url(../images/disc.jpg) left center no-repeat;

	color:#e4392a;

}

@charset "utf-8";

html{ overflow-x:hidden; }

html,body,div,span,p,h1,h2,h3,h4,h5,h6,em,img,strong,blockquote,

sub,sup,tt,i,b,dd,dl,dt,form,label,table,caption,

tbody, tfoot, thead,tr,th,td,ul,li,p,a,ol,ul,input{ margin:0; padding:0;}

body{ background:#fff; font-size:12px;font-family: "Microsoft Yahei";color:#000; background:#f9fafa;min-width:1200px;}

table{border-collapse:collapse;border-spacing:0;}

img{  border:0;vertical-align:middle;}

em,i{font-style:normal;}

b{ font-weight:normal;}

ul,ol,li{list-style-type:none;}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}

button, input, select, textarea { font-size:100%;vertical-align:middle;}

textarea { resize:none; } 

a{ color:#666;text-decoration:none;}

a,iframe,input,select{ outline:0 none;}

input[type="submit"],input[type="button"]{ cursor:pointer;}

.clear{clear:both;font-size:0; line-height:0; height:0;} 

.fix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0;}

.fix{*zoom:1;}  

.fl{ float:left;}

.fr{ float:right;}

/* CSS Document初始 */

.modslide1 .bd ul li{width:1102px;height:410px;overflow:hidden;}

.modslide1 .bd{width:1102px;height:410px;overflow:hidden;}



.layout{ width:1102px; margin:0 auto; clear:both;}



.bgbox1{ background:#f2f2f2;}

.bgbox2{ background:#fff;}



.head{ height:80px; position:fixed; z-index:100; top:0; left:0; width:100%;border-bottom:1px solid #dedede;box-shadow:0 0 5px #888;}



.head .logo{ padding-top:11px;}

.logo img{height:50px;}




/* 
.nav{ float:right; padding-top:6px;}



.nav li{ float:left; padding:0 25px; margin:0 10px; height:72px; line-height:70px;}

.nav li a{ color:#4d4d4d; font-size:16px; display:block}

.nav li.on{ border-bottom:3px solid #008ae3}

.nav li a:hover,

.nav li.on a{ color:#008ae3}

.nav li:hover{border-bottom:3px solid #008ae3;} */



/*登录*/

.nav_last_login{position:relative;background:url('../images/VV.png') no-repeat center right;}

.change_bbg{background:url('../images/AA.png') no-repeat center right;}

.nav .tnav_ul{display:none;position:absolute;width:150px;top:72px;left:0px;background:#FFF;border-top:3px solid #008ae3;}

.nav .tnav_li{width:150px;height:39px;border-bottom:1px solid #b5b6b6;color:#d4d4d4;line-height:40px;text-align:left;padding:0px;margin:0px;}

.nav .tnav_li:hover{background:#eeeeee;color:#008ae3;border-bottom:1px solid #008ae3;}

.nav .tnav_ul .tnav_li a{width:150px;height:39px;text-align:left;padding:0px;margin:0px;padding-left:24px;color:#434343;}

.nav .tnav_ul .tnav_li:hover a{color:#008ae3;}

.nav .tnav_li_last{border-bottom:0px;height:40px;line-height:40px;}









.banner{ width:100%; overflow:hidden; position:relative; z-index:0; height:500px; }

.banner .hd{ width:100%; overflow:hidden; position:absolute;  left:0px; bottom:15px; z-index:1; text-align:center; }

.banner .hd ul{ overflow:hidden;display:inline-block; *zoom:1; *display:inline   }

.banner .hd ul li{ float:left; margin:0 5px;  width:15px; height:15px; text-indent:-999px; cursor:pointer; font-size:0 ; background:url(../images/png_bg28.png) right center no-repeat; }

.banner .hd ul li.on{ background-position:left center; }

.banner .bd ul{*zoom:1;}

.banner .bd{ position:relative;}

.banner .bd li a{  width:100%;display:block; height:500px;}



.m_win{ width:328px; padding:43px 0 37px 0; margin-right:59px;}

.m_win .bg{ width:100px; height:100px; margin:0 auto; display:block; background-image:url(../images/png_bg1.png);}

.m_win .bg1{ background-position:0 0;}

.m_win .bg2{ background-position:-100px 0;}

.m_win .bg3{ background-position:-200px 0;}

.m_win h1{ padding-top:17px; height:62px; line-height:62px; text-align:center; border-bottom:3px solid #c5c5c5; font-size:18px; color:#4c4c4c; font-weight:bold}

.m_win h1 span{ display:inline-block;*zoom:1;*display:inline; height:62px; border-bottom:3px solid #008ae3}

.m_win .linklist{ padding-top:11px;}

.m_win .linklist li{ line-height:31px; height:31px;}

.m_win .linklist li a{ padding-left:18px;  background-repeat:no-repeat;background-position:0 -27px;}

.m_win .linklist li a:hover{ color:#008ae3; background-position:0 4px;}

.m_win .linklist li .link1{background-image:url(../images/png_bg2.png); }

.m_win .linklist li .link2{background-image:url(../images/png_bg3.png);}

.m_win .more{ text-align:right; line-height:39px;}

.m_win .more a{ color:#999}

.m_win .more a:hover{ color:#008ae3}

.m_win .ban{ text-align:center; padding:22px 0 11px 0}

.spemargin{ margin:0 !important}



.m_btnbox{ text-align:center;}

.m_btnbox .m_btn{ padding:1px;   text-align:center; line-height:38px; height:38px; width:128px; display:inline-block;*zoom:1; *display: inline;}

.m_btnbox .m_btn span{ display:inline-block;*zoom:1; *display: inline; padding-right:14px; font-size:18px; background-repeat:no-repeat; background-position:right center;}

.m_btnbox .m_btnst1:hover{ background-image:url(../images/png_bg31.png)}

.m_btnbox .m_btnst2:hover{ background-image:url(../images/png_bg32.png)}

.m_btnbox .m_btnst1{background:url(../images/png_bg29.png) center center no-repeat;}

.m_btnbox .m_btnst1 span{ color:#fff; background-image:url(../images/png_bg4.png)}

.m_btnbox .m_btnst2{background:url(../images/png_bg30.png) center center no-repeat; }

.m_btnbox .m_btnst2:hover span{ color:#fff; background-image:url(../images/png_bg4.png)}

.m_btnbox .m_btnst2 span{ color:#008ae3; background-image:url(../images/png_bg5.png)}

.putit{ width:800px; margin:0 auto; }

.putit h6{ padding-top:15px; line-height:88px; font-size:30px; color:#333; text-align:center;}

.putit p{ line-height:24px; font-size:16px; color:#4c4c4c;}



.ys  { padding:56px 0 0 0;}

.ys  ul{ padding-bottom:54px;}

/*.ys li{ float:left; width:25%; text-align:center; line-height:24px; padding-bottom:47px;}*/

.ys li{ float:left; width:275px; text-align:center; line-height:24px; padding-bottom:47px;}

.ys li .ysbg{ width:80px; height:80px; display:block; margin:0 auto;  background-repeat:no-repeat; margin-bottom:14px;}

/*.ys li .ysbg1{ background-position:0 0;}

.ys li .ysbg2{ background-position:-80px 0;}

.ys li .ysbg3{ background-position:-160px 0;}

.ys li .ysbg4{ background-position:-240px 0;}

.ys li .ysbg5{ background-position:-320px 0;}

.ys li .ysbg6{ background-position:-400px 0;}

.ys li .ysbg7{ background-position:-480px 0;}

.ys li .ysbg8{ background-position:-560px 0;}*/

.ys li .yscont{ color:#4c4c4c; font-size:16px;}

.ys .m_btnbox .m_btn{ margin:0 70px;}



.dh0,

.dh1,

.dh2,

.dh3,

.dh4,

.dh5{ position:relative;}



.modshow1 li{float:left; width:50%;}

.modshow1 .listpic img{ margin-top:91px;}

.modshow1 li .listcont{ padding-top:157px;}

.modshow1 li .listtit{  line-height:64px;font-size:18px; color:#333;font-weight:bold;}

.modshow1 li .listc{ line-height:24px; font-size:14px; color:#666;}



.modshow2 li{float:left; width:50%;}

.modshow2 .listpic img{ margin:110px 0 0 47px;}

.modshow2 li .listcont{ padding-top:157px;}

.modshow2 li .listtit{  line-height:64px;font-size:18px; color:#333;font-weight:bold;}

.modshow2 li .listc{ line-height:24px; font-size:14px; color:#666;}



.modshow3 li{float:left; width:50%;}

.modshow3 .listpic img{ margin:54px 0 24px 137px;}

.modshow3 li .listcont{ padding-top:54px;}

.modshow3 li .listtit{  line-height:28px; padding-top:17px;font-size:18px; color:#333;font-weight:bold;}

.modshow3 li .listc{ line-height:24px; font-size:14px; color:#666;}



.modshow4 li{float:left; width:50%;}

.modshow4 .listpic img{ margin: 54px 0 24px 210px;}

.modshow4 li .listcont{ padding-top:54px;}

.modshow4 li .listtit{  line-height:28px; padding-top:17px;font-size:18px; color:#333;font-weight:bold;}

.modshow4 li .listc{ line-height:24px; font-size:14px; color:#666;}



.modshow5 li .modslidecont,

.modshow5 li .modslideimg,

.modshow5 li .modslideimg2{float:left; width:50%;}



.modshow5 li .modslideimg2 img{ margin:70px 0 0 30px;}

.modshow5 li .modslideimg img{ margin-left:113px;}



.modshow5 li .stit{ font-size:18px; color:#333; line-height:28px; padding-top:14px;background:#FFF; }

.modshow5 li .sc{ font-size:14px; color:#666; line-height:24px;background:#FFF;}

.modshow5 li .modslidecont{ width:537px; margin-left:10px;}

.modshow5 li .btit{ line-height:62px; font-size:24px; color:#333333; border-bottom:1px dotted #cdcccc;font-weight:bold;background:#FFF;}

/*.modshow5{position:relative; z-index:0; height:410px; padding:150px 0 38px 0; }*/

.modshow5{position:relative; z-index:0; height:500px; padding:0px 0 38px 0;overflow:hidden;width:1102px; }



.modshow5 .hd{ width:100%; overflow:hidden; position:absolute;  left:0px; bottom:38px; z-index:1; text-align:center;}

.modshow5 .hd ul{ overflow:hidden;display:inline-block; *zoom:1; *display:inline; height:17px;   }

.modshow5 .hd ul li{ float:left; margin:0 4px;  width:14px; height:14px; text-indent:-999px; cursor:pointer; font-size:0 ; background:url(../images/png_bg7.png) right -2px no-repeat; margin-top:1px;}

.modshow5 .hd ul li.on{ width:17px; height:17px; background-position:left center; margin-top:0}

.modshow5 .bd ul{*zoom:1;height:500px;}

/*.modshow5 .bd{ position:relative;height:386px;}*/

.modshow5 .bd{ position:relative;height:500px;}

.modshow5 .bd ul li{height:500px;}



.modshow6 li{float:left; width:50%;}

.modshow6 .listpic img{ margin:132px 0 0 100px;}

.modshow6 li .listcont{ padding-top:54px;}

.modshow6 li .listtit{  line-height:28px; padding-top:17px;font-size:18px; color:#333; font-weight:bold;font-weight:bold;}

.modshow6 li .listc{ line-height:24px; font-size:14px; color:#666;}

.modshow6 li .m_btnbox{ padding-top:48px;}

.modshow6 li .m_btnbox .m_btn{ margin-right:135px;}



.modshow7 li .modslidecont,

.modshow7 li .modslideimg,

.modshow7 li .modslideimg2{float:left; width:50%;}

.modshow7 li .putit h1{ padding:15px 0 50px 0}



.modshow7 li .modslideimg2 img{ margin-left:135px;}

.modshow7 li .stit{ font-size:18px; color:#333; line-height:28px; padding-top:14px;background:#f2f2f2; }

.modshow7 li .sc{ font-size:14px; color:#666; line-height:24px;background:#f2f2f2;}

.modshow7 li .modslidecont{ width:537px; margin-left:10px;}

.modshow7 li .btit{ line-height:62px; font-size:24px; color:#333333; border-bottom:1px dotted #cdcccc;font-weight:bold;background:#f2f2f2;}

.modshow7{position:relative; z-index:0; height:600px; padding:0 0 38px 0;overflow:hidden;width:1102px; }

.modshow7 .hd{ width:100%; overflow:hidden; position:absolute;  left:0px; bottom:38px; z-index:1; text-align:center;}

.modshow7 .hd ul{ overflow:hidden;display:inline-block; *zoom:1; *display:inline; height:17px;   }

.modshow7 .hd ul li{ float:left; margin:0 4px;  width:14px; height:14px; text-indent:-999px; cursor:pointer; font-size:0 ; background:url(../images/png_bg7.png) right -2px no-repeat; margin-top:1px;}

.modshow7 .hd ul li.on{ width:17px; height:17px; background-position:left center; margin-top:0}

.modshow7 .bd ul{*zoom:1;}

.modshow7 .bd{ position:relative;height:386px;}



.mban a{ display:block; height:265px;}





.pbbox{ padding-bottom:40px;}



.mbox{ border:1px solid #e8e8e8; background:#fff} 



.help{ padding:24px; }

.help .dlcue{color:#666666; font-size:16px;}







.menu{ border-bottom:2px solid #008ce6; height:47px; background:url(../images/png_bg14.png) repeat; margin-top:-47px; position:relative; z-index:1;}

.menu li{ float:left; line-height:45px; height:45px; padding:0 46px;}

.menu li a{ color:#4c4c4c; font-size:14px;}

.menu li a:hover,

.place a:hover,

.menu li.on a{ color:#008ce6 }



.menu li.on{ border-bottom:4px solid #008ce6}





.place{ color:#010101; height:53px; line-height:53px;} 

.place a{ color:#010101; margin:0 7px;}





.dlbox{ width:342px; padding-bottom:76px; margin:0 auto}

.dlbox .dltit{ line-height:150px; font-size:28px; color:#292929}

.dlbox .rom{ line-height:42px; margin-bottom:15px;}

.dlbox .dltxt{ height:42px; line-height:42px; border:none;  font-size:14px;}

.dlbox .dlw1{ width:264px; padding:0 5px 0 71px;}

.dlbox .dlw2{ width:182px; padding:0 5px 0 19px;}

.dlbox .dlimg{ margin-left:12px;}

.dlbox .dlbg1{ background:url(../images/png_bg35.png) left center no-repeat;}

.dlbox .dlbg2{ background:url(../images/png_bg36.png) left center no-repeat;}

.dlbox .dlbg3{ background:url(../images/png_bg38.png) left center no-repeat;}

.dlbox .dlbg336{ background:url(../images/png_bg336.png) left center no-repeat;}

.dlbox .dlw11{ width:315px; padding:0 5px 0 20px;}



.dlbox .dlbtn{ height:42px; width:127px;background:url(../images/png_bg37.png) left center no-repeat; border:none; color:#fff; font-size:18px;}

.dlbox .dlbtn:hover{background:url(../images/png_bg37_hover.png) left center no-repeat;}



.dlbox .zc{ color:#ff4200; margin-left:51px;}







.usbox{ padding:40px 30px;}

.usbox .usimg{ margin:0 52px 12px 0; border:1px solid #e8e8e8}

.usbox .usimg img{width:475px;}

.usbox .ustit{ background:url(../images/pic17.jpg) 535px bottom no-repeat; line-height:86px; font-size:30px; color:#666; margin:-25px 0 28px 0;}

.usbox .usc{ line-height:26px; color:#666666; font-size:14px;}





.contact_l{ width:347px; padding:0 94px 49px 107px; background:url(../images/jpg_bg4.jpg) right center no-repeat}

.contact_l .contact_ltit{ line-height:24px; font-size:14px; color:#666; padding:24px 0 14px 0;}

.contact_l .contactlabel{ line-height:45px; font-size:14px; color:#898989; display:block}

.contact_l .contacttxt{ height:42px; line-height:42px; border:0px solid #e8e8e8; width:335px; padding-left:5px; font-size:14px;}

.contact_l .contacttxt2{ height:120px; line-height:24px; width:340px; border:0px solid #e8e8e8; font-size:14px;}

.contact_l .contactbtn{ height:40px; width:346px;  margin-top:15px;  border:none; color:#fff; font-size:18px;background:url(../images/png_bg34.png) center center no-repeat;}

.contact_l .contactbtn:hover{background:url(../images/png_bg34_hover.png) center center no-repeat;}



.contact_r{ width:380px; padding-left:95px;}



.contact_r .map{ padding:12px 12px 31px 13px; width:355px ; height:271px; background:url(../images/png_bg8.png) center center no-repeat}



.contact_r .contact_rtit{ line-height:80px; font-size:18px; color:#666; padding:15px 0 0 0;}





.contact_r .admsg { padding-top:10px;}

.contact_r .admsg li{ float:left; width:50%; line-height:46px; height:46px;}

.contact_r .admsg li span{ display:block; font-size:14px; color:#7e7e7e; padding-left:36px; background-position:left center; background-repeat:no-repeat}

.contact_r .admsg li.adspe{ width:100%; }

.contact_r .admsg li .adbg1{ background-image:url(../images/png_bg9.png)}

.contact_r .admsg li .adbg2{ background-image:url(../images/png_bg10.png)}

.contact_r .admsg li .adbg3{ background-image:url(../images/png_bg11.png)}

.contact_r .admsg li .adbg4{ background-image:url(../images/png_bg12.png)}

.contact_r .admsg li .adbg5{ background-image:url(../images/png_bg13.png)}





.news ul{ padding-bottom:40px}

.news li{ float:left; border:1px solid #e6e6e6; width:265px; background:#fff; margin:12px 4px 0 4px;}



.news li .newsimg{ height:180px;overflow:hidden; position:relative;}

.news li .newsimg img{width:265px;}

.news li .newsimg a img{width:265px;}

.news li .newspop{ height:30px; line-height:30px; background:url(../images/png_bg15.png) repeat; position:absolute; bottom:0; left:0; width:100%;}

.news li .newspop .newsname{ margin-left:20px; color:#fff; font-size:14px;}

.news li .newspop .newstime{ margin-right:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; }

.news li .newscont{ padding:17px 23px;}

.news li .newsc{ color:#666666; font-size:12px; line-height:22px;height:44px;}



.news li .newsbtn{ float:right; color:#008ae3; line-height:30px;}

.news li:hover{ background:#15a5e9}

.news li:hover .newsc{ color:#fff;}

.news li:hover .newsbtn{ color:#fff;}

.page{ height:30px; line-height:28px; text-align:center}

.page a{color:#cacaca; }

.page a:hover{color:#008ae3; }

.page .sx{ margin:0 20px; font-family: "Microsoft Yahei"; font-size:20px; font-weight:bold }

.page .ys{padding:2px 8px; border:1px solid #cacaca; font-size:16px; background:#fff; margin:0 2px;}

.page .spe{ margin:0 5px;}

.page  a.on{ background:#008ae3; border:1px solid #008ae3; color:#fff;}



.page .sx:hover{color:#008ae3;}







.newsxq_l{ width:735px; padding:0 42px;}

.newsxq_l .newsxqtit{ font-size:28px; line-height:57px; padding-top:23px; text-align:center; color:#076baf}

.newsxq_l .newsxqtime{ font-size:14px; line-height:46px; padding-bottom:15px; text-align:center; color:#595959; border-bottom:1px  dotted #d9d9d9}



.newsxq_l .newsxqc{ font-size:14px; line-height:24px; color:#666}



.newsxq_l .newsxqcont{ padding:24px 0}



.newsxq_l .newsxqpage{ line-height:24px;}

.newsxq_l .newsxqpage a{ font-size:14px;}

.newsxq_l .newsxqpage a span{ color:#008ae3}



.newsxq_l .newsxqbot{ padding:5px 0 58px 0;}

.newsxqshare{ line-height:28px; height:28px; padding-top:20px; }

.newsxqshare em{ float:left; color:#008ae3; font-size:14px; }

.newsxqshare  li{ float:left; margin:0 3px;}

.newsxqshare  li a{ width:28px; height:28px; display:block;}



.newsxqshare  li .shareway1{ background:url(../images/png_bg16.png);background-position:0 0;}

.newsxqshare  li .shareway2{ background:url(../images/png_bg16.png);background-position:-33px 0;}

.newsxqshare  li .shareway3{ background:url(../images/png_bg16.png);background-position:-66px 0;}

.newsxqshare  li .shareway4{ background:url(../images/png_bg16.png);background-position:-99px 0;}

.newsxqshare  li .shareway5{ background:url(../images/png_bg16.png);background-position:-132px 0;}





.newsxqshare  li .shareway1:hover{ background:url(../images/shareicon_on.png);background-position:0 0;}

.newsxqshare  li .shareway2:hover{ background:url(../images/shareicon_on.png);background-position:-33px 0;}

.newsxqshare  li .shareway3:hover{ background:url(../images/shareicon_on.png);background-position:-66px 0;}

.newsxqshare  li .shareway4:hover{ background:url(../images/shareicon_on.png);background-position:-99px 0;}

.newsxqshare  li .shareway5:hover{ background:url(../images/shareicon_on.png);background-position:-132px 0;}





.newsxq_r{ width:255px;padding-bottom:15px;}



.newsxq_r .newsxq_rtit{ line-height:66px; height:66px; background:#076baf; padding-left:28px; color:#fff;}

.newsxq_r .newsxq_rtit .ch{ font-size:20px; }

.newsxq_r .newsxq_rtit .en{ font-size:14px; font-family:Arial, Helvetica, sans-serif}



.newsxq_r .hotnews{ padding:10px 18px 30px 18px;}

.newsxq_r .hotnews li{ height:37px; line-height:37px; border-bottom:1px dashed #e6e6e6}

.newsxq_r .hotnews li span{ width:17px; background:url(../images/png_bg18.png) center center no-repeat; color:#fff; text-align:center; font-size:11px; margin-right:16px;}

.newsxq_r .hotnews li  a{ font-size:13px;}

.newsxq_r .hotnews li.spe span{ background-image:url(../images/png_bg17.png)}

.newsxq_r .hotnews li.spe  a{ color:#076baf;}



/*鼠标移上去变颜色*/

.hotnews li:hover span{background-image:url(../images/png_bg17.png)}

.hotnews li:hover a{color:#008ae3;}

.newsxqpage p a:hover{color:#008ae3;}



/*.hotnews li a:visited{color:#dedede;}*/

/*.newsxq_r .hotnews li.spe  a:visited{ color:#dedede;}*/

/*.newsxqpage p a:visited{color:#dedede;}*/





.newsxq_r .newsban{ width:218px; margin:0 auto}

.newsxq_r .newsban p{ padding-top:10px; line-height:22px;}





.job { padding:23px 24px 35px 24px;}

.job .jobw1{ width:250px;}

.job .jobw2{ width:310px;}

.job .jobw3{ width:155px; padding-right:86px; position:relative;}

.job .jobw4{ width:968px; }

.job  li{ float:left; text-align:center}

.job .hd{ background:#e6ecf2}

.job .hd li{ height:50px; line-height:50px; font-size:18px; color:#333}

.job .bd li{ height:72px; line-height:72px; font-size:16px; border-bottom:1px solid #e6e6e6}

.job .bd {color:#595959; }

.job ul.on{ color:#008ae3;}



.job ul.on .zkbtn{ background-image:url(../images/png_bg20.png);}

.job ul.on li.jobmsgbox{ display:block}



.job .bd li.jobmsgbox{ height:auto; padding:30px 33px 32px 51px; display:none;position:relative;}



.job .bd li.jobmsgbox .jobmsg{ line-height:26px; text-align:left; font-size:14px;width:840px;}

.job .bd li.jobmsgbox .jobmsg em{ color:#404040; float:left;}

.job .bd li.jobmsgbox .jobmsg span{ float:left; margin-left:5px; color:#666}

.job .jobbtn {position:absolute;right:0px;bottom:20px;}

.job .jobbd{ padding-bottom:30px;}



.job .jobbtn a{ display:block; width:119px; height:39px; color:#fff; line-height:39px; text-align:center;background:url(../images/png_bg33.png) no-repeat;}

.job .zkbtn{ position:absolute; padding-right:25px; background:url(../images/png_bg19.png) right center no-repeat; right:7px; top:0; cursor:pointer}



.hzimgshow img{display:block;width:20px;height:20px;float:left;}



.foot{ background:#e0e0e0;}



.foot_t{ height:198px;}







.hz li{ float:left; width:312px; padding:0 32px; background:url(../images/jpg_bg5.jpg) right center no-repeat; height:195px;}

.hz li .hztit{ line-height:39px; padding-top:37px; font-size:14px; color:#666; font-weight:bold;}

.hz li .hzbox{ float:left; width:14%; text-align:center; height:30px; margin-bottom:10px;}

.hz li .hzbox a{ display:block}

.hz li.nobg{ background:none}



/*.foot_b{ height:128px; padding-top:15px}*/

.foot_b{ height:98px; padding-top:15px}

.footlink a,.footlink span{ float:left; font-size:14px;}

.footlink a{ color:#333}

.footlink{ height:24px; line-height:24px;}

.footlink span{ color:#aaaaaa; margin:0 9px;}

.footlink a:hover{ color:#008ae3}



.copyright{ line-height:24px; padding-top:5px;}

.copyright span a{color:#000;}

.copyright span a:hover{color:#018ccf;}



.icp_a{color:#000;}

.icp_a:hover{color:#018ccf;}





.ph{ line-height:40px;font-size:26px; }

.ph .phtit{ color:#333333}

.ph .phnum{  color:#018ccf; font-family:Arial, Helvetica, sans-serif}



.floatdiv{ position:fixed; width:65px; bottom:200px; right:0; z-index:100;height:260px;}

.floatdiv a{ width:65px; height:65px; display:block; background-position: center center; background-repeat:no-repeat; background-color:#57585c; border-radius:5px;}

.floatdiv .fbg1{ background-image:url(../images/png_bg21.png)}

.floatdiv .fbg2{ background-image:url(../images/png_bg22.png)}

.floatdiv .fbg3{ background-image:url(../images/png_bg23.png)}

.floatdiv .fbg4{ background-image:url(../images/bttbg.png);display:none;}

.floatdiv a:hover{ background-color:#008ae3}







.mpopbox{ padding:3px; width:423px; height:438px; background:url(../images/png_bg25.png) no-repeat; position: fixed; top:25%; left:50%; margin-left:-211px; z-index:120; display:none }

.mpopbox .mpop{ width:362px; margin:0 auto; position:relative; z-index:110; padding-top:30px;}



.mpopbox .mpopclose{ position:absolute;  z-index:110;width:36px; height:36px; cursor:pointer; top:-21px; right:-54px; background:url(../images/png_bg26.png) no-repeat; }

.mpopbox .mpopclose:hover{background:url(../images/png_bg266.png) no-repeat;}

.mpopbox .mpopclose1{ position:absolute;  z-index:110;width:36px; height:36px; cursor:pointer; top:-21px; right:-54px; background:url(../images/png_bg266.png) no-repeat; }

.mpopbox .mpoptxt2,

.mpopbox .mpoptxt{ padding-left:66px; border:0px solid #d5d5d5; width:296px; margin-bottom:5px; background-position:left center; background-repeat:no-repeat; border-radius:3px; font-size:14px; color:#999}

/*

.mpopbox .mpoptxtbg1{ background-image:url(../images/jpg_bg6.jpg) }

.mpopbox .mpoptxtbg2{ background-image:url(../images/jpg_bg7.jpg) }

.mpopbox .mpoptxtbg3{ background-image:url(../images/jpg_bg8.jpg) }

.mpopbox .mpoptxtbg4{ background-image:url(../images/jpg_bg9.jpg) }

*/

.mpopbox .mpoptxtbg1{ background-image:url(../images/ibg1.png) }

.mpopbox .mpoptxtbg2{ background-image:url(../images/ibg2.png) }

.mpopbox .mpoptxtbg3{ background-image:url(../images/ibg3.png);height:36px; }

.mpopbox .mpoptxtbg4{ background-image:url(../images/ibg4.png) }







.mpopbox .mpoptxt{ height:34px; line-height:32px;}

.mpopbox .mpoptxt2{ height:90px; line-height:24px;overflow:auto;}

.mpopbox .mpoptxtbg3{ height:35px; }

/***************在线申请********************/

/*.appbg1{ background-image:url(../images/jpg_bg6.jpg) }

.appbg2{ background-image:url(../images/jpg_bg7.jpg) }

.appbg3{ background-image:url(../images/jpg_bg8.jpg) }

.appbg4{ background-image:url(../images/jpg_bg9.jpg) }*/

.appbg1{ background-image:url(../images/ibg1.png) }

.appbg2{ background-image:url(../images/ibg2.png) }

.appbg3{ background-image:url(../images/ibg3.png) }

.appbg4{ background-image:url(../images/ibg4.png) }



/**/

.sdsd1{ background-image:url(../images/sdsd_bg1.png) }

.sdsd2{ background-image:url(../images/sdsd_bg1.png) }

.sdsd3{ background-image:url(../images/sdsd_bg1.png) }

.sdsd4{ background-image:url(../images/sdsd_bg2.png) }

.sdsd5{ background-image:url(../images/sdsd_bg5.png) }





.appform{height:35px;line-height:32px; padding-left:66px; border:0px solid #d5d5d5; width:296px; margin-bottom:5px; background-position:left center; background-repeat:no-repeat; border-radius:3px; font-size:14px; color:#999}

.appform1{height:90px;line-height:24px;padding-left:66px; border:0px solid #d5d5d5;overflow:auto; width:296px; margin-bottom:5px; background-position:left center; background-repeat:no-repeat; border-radius:3px; font-size:14px; color:#999}



.mpopbox .mpopbtn{ float:right;margin-right:104px;margin-top:13px; color:#fff; height:34px; width:154px; background:url(../images/png_bg24.png) no-repeat; border:none; font-size:18px;}

.mpopbox .mpopbtn:hover{background:url(../images/png_bg24_hover.png) no-repeat;}







.fg{ background:url(../images/png_bg27.png) repeat; height:100%; position:fixed; z-index:110; width:100%; top:0; left:0; display:none}





.nban .nbanbg{ display:block; height:550px;}

.nban1 .m_btnbox{ padding-top:395px;  text-align:left}

.nban1 .m_btnbox .m_btn{ margin-right:245px;}



.nban2 .m_btnbox{ padding-top:443px;  text-align:right}

.nban2 .m_btnbox .m_btn{ margin-left:140px;}



.nban3 .m_btnbox{ padding-top:396px;  text-align:right}

.nban3 .m_btnbox .m_btn{ margin-left:216px;}

/*百度地图*/

.bmap_check{width:100%;height:16px;margin-top:-10px;}

.show_big_map{width:50px;height:16px;line-height:16px;float:left;margin-left:160px;cursor: pointer;}

.show_big_map:hover{color:#008ae3;}



.bigmapbox{position:fixed;z-index:99999999;width:684px;height:505px;left:50%;margin-left:-400px;top:100px;display:none;background:#FFFFFF;border:3px solid #eeeeee;}

.big_map_margin{width: 660px; height: 440px;margin-top:11px;margin-left:12px;}

.bigmap_top{width:684px;height:45px;line-height:45px;font-size:18px;color:#FFF;background:#008ae3;}

.baidumap_black_bg{display:none;position:fixed;width:100%;height:100%;background:#000;filter:alpha(opacity=50);  

      -moz-opacity:0.5;  

      -khtml-opacity: 0.5;  

      opacity: 0.5;   cursor: pointer; visibility: visible; left:0;top:0;z-index:9999999}



.big_box_title{height:45px;line-height:45px;font-size:18px;color:#FFF;float:left;margin-left:40px;}

.big_box_close{width:45px;height:45px;line-height:45px;text-align:center;color:#FFF;font-size:30px;float:right;}

.big_box_close:hover{background:#FFF;color:#F00;cursor:pointer;}

/*在线申请表格*/

.apply_table tr{font-size:16px;line-height:25px;}

.apply_table .td1{width:80px;text-align:right;color:}

.apply_textarea{width:342px;height:150px;font-size:14px;padding-left:15px;line-height:25px;border:1px solid #e8e8e8;}

.a_file_bt{width:100px;width:150px;margin-top:10px;}

.a_file{display:block;float:left;}

/*留言板表格*/

.dlw222{width:202px;border:0px solid #dedede;border-radius:3px;height:35px;line-height:35px;color:#999;padding-left:20px;display:inline;font-size:16px;background:url("../images/code_bg1.png");}

/*二维码*/

.code_img{position:fixed;display:none;width:124px;hiehgt:124px;bottom:264px;right:65px;z-index:99999;}

.code_img img{display:block;width:124px;height:124px;}

/*搜索*/

.search_bar{float:right;width:190px;height:25px;margin-top:11px;line-height:25px;color:#dedede;}

.search_bar input{border:0px;line-height:25px;color:#dedede;}

.search_word{width:156px;height:24px;float:left;background:url("../images/search_input_bg.png");text-align:left;text-indent:1em;}

.search_button{width:32px;height:24px;float:left;background:url("../images/search_button_bg.png")}



/*首页banner箭头*/

/*.banner .prev,

.banner .next{ position:absolute; left:8%; top:50%; margin-top:-41px; display:block; width:42px; height:82px; background:url(../images/1111.png) left center no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.banner .next{ left:auto; right:8%; background-position:right center; }

.banner .prev:hover,

.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.banner .prevStop{ display:none;  }

.banner .nextStop{ display:none;  }*/



.banner .prev{ display:none;position:absolute; left:50%;margin-left:-600px; top:50%; margin-top:-41px;  width:40px; height:40px; background:url(../images/arrow_large_left.png) center bottom; }

.banner .next{ display:none;position:absolute; left:50%;margin-left:560px; top:50%; margin-top:-41px;  width:40px; height:40px; background:url(../images/arrow_large_right.png) center bottom; }



.banner .prev:hover{background-position:center top; }

.banner .next:hover{background-position:center top; }



/** 底部悬浮层Banner **/

#fl_open_wrap{position: fixed;z-index: 99999;left: 0;bottom: 120px;width: 55px;height: 150px;overflow: hidden;}

#fl_open_wrap .fl_open_wrap_cntr{position: absolute;width: 100%;height: 100%;cursor: pointer;background: url(../images/side_btn.png) no-repeat bottom;}

#jl_banner{position: fixed;z-index: 99999;left: 0;bottom: 0px;width: 100%;height: 180px;overflow: hidden;font-family: "microsoft yahei",simhei;}

#jl_banner .fl_pop_wrap_cntr{position: absolute;left: 0;bottom: 0;width: 100%;}

#jl_banner .pop_wrap_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000000;opacity: 0.9;filter: alpha(opacity=90);}

#jl_banner .pop_wrap{position: relative;width: 1020px;margin: 0 auto;}

#jl_banner .pop_police_box{position: relative;float: left;width: 204px;}

#jl_banner .pop_safety_tip_box{position: absolute;right: 132px;width: 670px;}

#jl_banner .pop_safety_tip_box .pop_tip{font-size: 18px;color: #dbdcdc;margin: 0;padding: 0;line-height: 30px;}

#jl_banner .pop_safety_tip_box .pop_tip_title{font-size: 24px;color: #ffea60;line-height: 42px;margin-top: 8px;}

#jl_banner .pop_safety_tip_box .pop_detail_link{font-size: 16px;position: absolute;right: 16px;width: 108px;height: 29px;line-height: 29px;border: 1px solid #ffffff;border-radius: 3px;color: #ffffff;text-decoration: none;outline: none;text-align: center;margin-top: 6px;}

#jl_banner .pop_golden_coin_box{position: absolute;top: 4px;right: 36px;width: 104px;}

#jl_banner .pop_wrap_close{position: absolute;top: 10px;right: 5px;font-size: 26px;line-height: 1.2;font-family: Simsun;color: #9aa1a8;outline: none;text-decoration: none;}

#jl_banner .pop_wrap_close:hover{transition: transform 1s;-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);}



ul.footer-list {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    width: 1200px;
    margin: 0 auto;
}

ul.footer-list li.first {
    padding-left: 0;
}
ul.footer-list li {
    display: inline-block;
    zoom: 1;
    padding: 10px;
    font-size: 16px;color: #7c7c7c;
}
footer a {
    color: #7c7c7c;
}

ul.color li a {
    width: 126px;
    height: 41px;
    line-height: 41px;
    display: inline-block;
}
footer{background-color: rgb(51, 51, 51);}
ul.color li:nth-child(1) a{background:url("http://www.ruihebao.co/ruihebao.co/images/di21.png") 0 0 no-repeat;}
ul.color li:nth-child(2) a{background:url("http://www.ruihebao.co/ruihebao.co/images/di22.png") 0 0 no-repeat;}
ul.color li:nth-child(3) a{background:url("http://www.ruihebao.co/ruihebao.co/images/di23.png") 0 0 no-repeat;}
ul.color li:nth-child(4) a{background:url("http://www.ruihebao.co/ruihebao.co/images/di24.png") 0 0 no-repeat;}
ul.color li:nth-child(5) a{background:url("http://www.ruihebao.co/ruihebao.co/images/di26.png") 0 0 no-repeat;}
dl,dd,dt{margin:0;padding:0; border-top-left-radius:4px 2px;
    border-top-right-radius:3px 4px;
    border-bottom-right-radius:6px 2px;
    border-bottom-left-radius:3px 4px;}
a{ text-decoration:none;}

.floating_ck{position:fixed;right:10px;top:20%;z-index:9999;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#0099ff;border-bottom:solid 1px #0099ff;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#55B8FF;border-bottom:solid 1px #55B8FF;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(/ruihebao.co/images/zxicon.png);}
.quote{background-image:url(/ruihebao.co/images/kficon.png);}
.qrcord{background-image:url(/ruihebao.co/images/erweima.png);}
.qrcorddh{background-image:url(/ruihebao.co/images/dh.png);}
.qrcordjm{background-image:url(/ruihebao.co/images/jm.png);}
.qrcordst{background-image:url(/ruihebao.co/images/st.png);}
.return{background-image:url(/ruihebao.co/images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#e40231;border-bottom:solid 0px #a40324;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:0px;top:0px;left:-202px;}
.floating_ewm i{background-image:url(/ruihebao.co/images/777.png);display:block;width:200px;height:230px;margin:auto;margin-top:-62px;}
.floating_st{height:0px;top:0px;left:-1300px;}
.floating_st i{background-image:url(/ruihebao.co/images/stt.png);display:block;width:1300px;height:750px;margin:auto;margin-top:-290%;}
.floating_dh{height:0px;top:0px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
#nav ul li {
    width:105px;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}