@font-face {

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

	src: url('../fonts/msyh.ttf'),

}

* {

	margin: 0;

	padding: 0;

	list-style: none;

	border-style: none;

	text-decoration: none;

}

html {

	font-family: sans-serif;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

}

body {

	color: #d0cdcd;

	font: 14px/1.5 "Microsoft Yahei", "微软雅黑", Helvetica, Arial, sans-serif;

	overflow-x: hidden;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

	display: block

}

audio, canvas, progress, video {

	display: inline-block;

	vertical-align: baseline

}

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

	font-weight: normal;

}

a {

	text-decoration: none;

}

a:focus {

	outline: none;

}

i, em {

	font-style: normal;

}

.clearfix:after {

	content: '';

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}

.clearfix {

*zoom:1;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

img {

	vertical-align: middle;

	border: 0;

	max-width: 100%;

}

input, select, textarea {

	border: none;

	outline: none;

	font-family: "Microsoft Yahei";

	-webkit-appearance: none;

}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

color: #888;

}

input:-moz-placeholder, textarea:-moz-placeholder {

color:#888;

}

input::-moz-placeholder, textarea::-moz-placeholder {

color:#888;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

color:#888;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

.auto {

	max-width: 1200px;

	margin: 0 auto;

}

.w1400 {

	max-width: 1400px;

	margin: 0 auto;

}

#wrapper {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	height: auto;

	width: 100%;

	max-width: 2560px;

	position: relative;

	z-index: 1;

	margin: auto;

	overflow: hidden;

}

/*头部*/

.header {

	width: 100%;

	height: 80px;

	position: fixed;

	left: 0px;

	top: 0px;

	z-index: 59;

	background-color: #181818;

	background-color: rgba(0,124,195,0.8);

	transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-webkit-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

}

.header .logo {

	display: block;

	height: 80px;

	position: absolute;

	top: 0px;

	left: 20px;

	z-index: 6;

	transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-webkit-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

}

.header .logo a {

	display: block;

	padding: 15px 0px;

	transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-webkit-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

}

.header .logo a img {

	display: block;

	transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-webkit-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

}

.header .info {

	float: right;

	height: 80px;

	overflow: hidden;

	margin-right: 30px;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.header .info .key {

	height: 30px;

	line-height: 30px;

}

.header .info .key h1 {

	display: inline;

	font-size: 12px;

	padding-right: 3px;

	color: #999;

	padding-left: 10px;

}

.header .info .key h1 a {

	color: #999;

}

.header .info .key h1 a:hover {

	color: #006acd;

}

.header .info .key h3 {

	display: inline;

	font-size: 12px;

	padding-right: 3px;

	color: #999;

	padding-left: 10px;

}

.header .info .key h3 a {

	color: #999;

}

.header .info .key h3 a:hover {

	color: #006acd;

}

.header .info .key .mapbtns {

	display: inline-block;

	vertical-align: middle;

	width: 14px;

	height: 14px;

	margin-left: 5px;

	background: url(../images/common_icons.png) no-repeat -786px -31px;

	cursor: pointer;

}

.header .info .tel {

	height: 30px;

	color: #ffd800;

	margin-left: 14px;

	padding-left: 28px;

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

}

.header .info .tel h2 {

	display: inline-block;

	vertical-align: middle;

	font-size: 20px;

	color: #ffd800;

	line-height: 30px;

}

.header .info .tel i {

	display: inline-block;

	vertical-align: middle;

	font-size: 30px;

	margin: 0 2px;

	height: 30px;

	line-height: 30px;

	overflow: hidden;

}

.header .navbar {

	float: right;

	margin: 30px 30px 0 0;

	text-align: center;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-ms-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}

.header .navbar ul li {

	display: inline-block;

	list-style: none;

	/* height: 30px;

	line-height: 30px; */

	overflow: hidden;

}

.header .navbar ul li a {

	/* display: block; */

	padding: 0 18px;

	color: #fff;

	font-size: 15px;

}

.header .navbar ul li a span {

	display: block;

}

.header .navbar ul li a:hover, .header .navbar ul li.on a {

	color: #e6e6e6;

}

.header .navmap {

	float: left;

	color: #e6e6e6;

	margin: 30px 0 0 240px;

	height: 30px;

	line-height: 30px;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-ms-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

.header .navmap i {

	display: block;

	width: 20px;

	height: 20px;

	margin: 5px;

	float: left;

	background: url(../images/navmap.png) no-repeat center/20px 20px

}

.header .navmap span {

	font-size: 16px

}

.header .navmap em {

	font-size: 12px;

	cursor: pointer;

	position: relative

}

.header .navmap em:after {

	content: '';

	display: none;

	width: 36px;

	height: 1px;

	background-color: #e6e6e6;

	position: absolute;

	left: 6px;

	top: 18px

}

.header .navmap em:hover:after {

	display: block

}

.header.fixednav .navmap {

	margin: 15px 0 0 200px

}

/*服务*/

.fixd-box {

	position: fixed;

	left: 0;

	top: 0;

	right: 0;

	z-index: 59;

	background: #006acd;

	color: #fff;

	overflow: hidden;

	display: none;

}

.fixd-box .wrap {

	padding: 40px 0 80px;

	max-width: 1660px;

	margin: 0 auto;

}

.fixd-box .wrap h2 {

	font-size: 52px;

	font-weight: normal;

	padding: 0 0 50px 168px;

}

.fixd-box .txt .left {

	float: left;

	width: 55%;

}

.fixd-box .left dl {

	font-size: 18px;

}

.fixd-box .left dl:first-child {

	margin-bottom: 3em;

}

.fixd-box .left dl dt {

	float: left;

}

.fixd-box .left dl dt img {

	width: 127px;

	height: 127px;

}

.fixd-box .left dl dd {

	overflow: hidden;

	line-height: 2;

	padding: 0 0 0 40px;

}

.fixd-box .left dl:first-child + dl dd {

	padding-top: 10px;

}

.fixd-box .left dl dd a {

	display: inline-block;

	margin: 0 0.5em 0 0;

	color: #fff;

}

.fixd-box .txt .right {

	overflow: hidden;

	line-height: 1.3;

}

.fixd-box .txt .right p {

	font-size: 42px;

}

.fixd-box .txt .right p:first-child {

	margin-bottom: 1em;

}

.fixd-box .txt .right span {

	font-size: 56px;

	font-family: Arial;

}

.fixd-box .close {

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

	width: 50px;

	height: 50px;

	position: absolute;

	right: 20px;

	top: 40px;

}

/*我们的优势*/

.Customsite_advantage {

	overflow: hidden;

	position: relative;

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

	background-size: cover;

	padding: 4% 0;

	margin: 50px auto 0;

}

.Customsite_advantage_bar {

	width: 100%;

	max-width: 1440px;

	margin: 0 auto;

}

.Customsite_advantage_bar h1 {

	color: #ff5800;

	font-weight: bold;

	font-weight: normal;

	text-align: center;

	font-size: 38px;

}

.Customsite_advantage_bar ul {

	margin-top: 2%;

}

.Customsite_advantage_bar ul li {

	width: 25%;

	float: left;

	text-align: center;

}

.Customsite_advantage_bar ul li p {

	color: #ff5800;

	font-size: 100px;

	font-weight: bold;

	position: relative;

}

.Customsite_advantage_bar ul li span {

	display: block;

	color: #ff5800;

	font-size: 16px;

}

.Customsite_advantage_bar ul li p sup {

	display: inline-block;

	color: #fff;

	font-size: 14px;

	border-radius: 10px;

	background: #ff5800;

	padding: 0 10px;

	position: absolute;

	left: 26px;

	top: 17px;

}

.AboutCom {

	width: 100%;

	height: 768px;

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

}

.AboutBody2 {

	width: 1200px;

	height: 768px;

	position: relative;

	margin: 0 auto;

}

.AboutBody2 .section_head .title p, .AboutBody2 .section_head .title span, .AboutBody2 * {

	color: #fff;

}

.AboutBody2 h3 {

	line-height: 22px;

	padding: 0;

	margin: 0;

	font-weight: 400

}

.AboutBody2 .co1 strong {

	color: #27718e

}

.AboutBody2 .co2 strong {

	color: #FFF

}

.AboutBody2 .co3 strong {

	color: #f07e37

}

.AboutBody2 .co4 strong {

	color: #548a72

}

.AboutBody2 .co5 strong {

	color: #9a6da4

}

.AboutBody2 .co6 strong {

	color: #8c1042

}

.AboutBody2 .AcBody1 {

	width: 338px;

	height: 92px;

	position: absolute;

	left: 28px;

	top: 226px;

	line-height: 22px;

	-moz-opacity: 0;

	opacity: 0

}

.AboutBody2 .AcBody2 {

	width: 338px;

	height: 92px;

	position: absolute;

	left: 16px;

	top: 373px;

	line-height: 22px;

	-moz-opacity: 0;

	opacity: 0

}

.AboutBody2 .AcBody3 {

	width: 340px;

	height: 92px;

	position: absolute;

	left: 40px;

	top: 523px;

	line-height: 22px;

	-moz-opacity: 0;

	opacity: 0

}

.AboutBody2 .AcBody4 {

	width: 325px;

	height: 92px;

	position: absolute;

	right: 31px;

	top: 226px;

	line-height: 22px;

	-moz-opacity: 0;

	opacity: 0

}

.AboutBody2 .AcBody5 {

	width: 325px;

	height: 92px;

	position: absolute;

	right: 24px;

	top: 373px;

	line-height: 22px;

	-moz-opacity: 0;

	opacity: 0

}

.AboutBody2 .AcBody6 {

	width: 325px;

	height: 92px;

	position: absolute;

	right: 50px;

	top: 523px;

	line-height: 22px;

	-moz-opacity: 0;

	opacity: 0

}

.AboutBody2 .no1 {

	width: 84px;

	height: 58px;

	position: absolute;

	left: 411px;

	top: 241px;

	z-index: 5

}

.AboutBody2 .no2 {

	width: 102px;

	height: 55px;

	position: absolute;

	left: 678px;

	top: 241px;

	z-index: 10

}

.AboutBody2 .no3 {

	width: 89px;

	height: 56px;

	position: absolute;

	left: 392px;

	top: 385px;

	z-index: 8

}

.AboutBody2 .no4 {

	width: 79px;

	height: 55px;

	position: absolute;

	left: 721px;

	top: 390px;

	z-index: 6

}

.AboutBody2 .no5 {

	width: 98px;

	height: 56px;

	position: absolute;

	left: 440px;

	top: 549px;

	z-index: 2

}

.AboutBody2 .no6 {

	width: 112px;

	height: 55px;

	position: absolute;

	left: 638px;

	top: 545px;

	z-index: 3

}

.AboutBody2 .Aleft {

	width: 285px;

	height: 468px;

	position: absolute;

	top: 232px;

	left: 455px;

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

	z-index: 1

}

/*底部*/

.index_footer {

	width: 100%;

	background-color: #141414;

	padding: 60px 0px;

	float: left;

}

.index_footer .index_main {

	max-width: 1200px;

	margin: 0 auto;

}

.index_footer .index_main .footer_fl {

	float: left;

	width: 160px;

	border-right: 1px solid #202020;

	margin-right: 50px;

}

.index_footer .index_main .footer_fl:nth-last-of-type(2) {

	border-right: 0px;

}

.index_footer .index_main .footer_fl dt a {

	color: #fbf9f9;

	font-size: 18px;

	margin-bottom: 8px;

	font-weight: bold;

}

.index_footer .index_main .footer_fl dd a {

	display: block;

	color: #bdbaba;

	font-size: 13px;

	line-height: 28px;

}

.index_footer .index_main .footer_fl dd a:hover {

	color: #f1f1f1;

}

.index_footer .index_main .footer_fr {

	float: right;

}

.index_footer .index_main .footer_fr p {

	color: #f9c710;

	font-size: 18px;

	margin-bottom: 8px;

	text-align: center;

}

.index_footer .index_main .footer_fr img {

	display: block;

	width: 130px;

	height: 130px;

}

.index_footer .footer_link {

	max-width: 1200px;

	margin: 0px auto 50px;

	padding-top: 50px;

	color: #cacaca;

	border-top: 1px solid #1d1d1d;

}

.index_footer .footer_link a {

	color: #cacaca;

}

.index_footer .footer_link a:hover {

	color: #fff;

}

.index_footer .footer_links {

	max-width: 1200px;

	margin: 0 auto;

	text-align: center;

}

.index_footer .footer_links span, .index_footer .footer_links ul, .index_footer .footer_links ul li {

	display: inline-block;

	vertical-align: middle;

	color: #787878;

	font-size: 14px;

}

.index_footer .footer_links ul li {

	height: 20px;

	line-height: 20px;

	margin-bottom: 6px;

}

.index_footer .footer_links ul li span {

	display: block;

	margin-right: 5px;

}

.index_footer .footer_links ul li a {

	color: #666;

	margin-right: 12px;

}

.index_footer .footer_links ul li a:hover {

	color: #dcdcdc;

}

.index_footer .footer_links ul li a:hover:after {

	color: #666;

}

.index_footer .footer_links ul li a:after {

	content: '¦';

	display: inline;

	margin-left: 12px;

	font-size: 10px;

	position: relative;

	top: -1px;

}

.index_footer .footer_links ul li:last-of-type a:after {

	display: none;

}

.index_footer .Copyright {

	width: 100%;

	text-align: center;

	margin-top: 40px;

}

.index_footer .Copyright span {

	color: #cacaca;

}

.index_footer .Copyright span a {

	color: #cacaca;

	margin-left: 10px;

}

.index_footer .Copyright span a:hover {

	color: #fff;

}

.icon {

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

	display: inline-block;

	vertical-align: middle;

}

#toolbar {

	position: fixed;

	bottom: 0;

	width: 100%;

	z-index: 888;

	height: 70px;

	left: 0;

	display: none;

}

#toolbar .list {

	width: 100%;

	height: 70px;

	margin: 0 auto;

	background: #1048a0;

}

#toolbar .list li {

	float: left;

	width: 25%;

	height: 70px;

	text-align: center;

}

#toolbar .list a {

	display: block;

	height: 60px;

	line-height: 24px;

	font-size: 16px;

	padding-top: 8px;

}

#toolbar .list a span {

	text-align: center;

	color: #fff;

	display: block;

	font-size: 16px;

}

#toolbar .list a s {

	margin-left: auto;

	margin-right: auto;

	width: 33px;

	height: 33px;

	display: block;

	margin-bottom: 2px;

	background-position: -76px -20px;

}

#toolbar .list li:nth-child(2) s {

	background-position: 0 -20px;

}

#toolbar .list li:nth-child(3) s {

	background-position: -37px -20px;

}

#toolbar .list li:nth-child(4) s {

	background-position: -120px -20px;

}

#toolbar .list li:hover {

	background: #0185d0

}

#wxnr {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	z-index: 1000;

	display: none;

	background: rgba(0,0,0,.6)

}

#wxnr .nrdf {

	margin: auto;

	position: absolute;

	top: 10%;

	left: 0;

	right: 0;

	width: 70%;

	height: 320px;

	padding: 30px;

	padding-top: 50px;

	margin-top: 20px;

	text-align: center;

	background-color: rgba(255,255,255,.8);

	box-shadow: 0 2px 6px #777;

	-webkit-box-shadow: 0 2px 6px #777;

	-moz-box-shadow: 0 2px 6px #777;

	border-radius: 10px;

	box-sizing: border-box;

}

#wxnr img {

	width: 160px;

	display: block;

	margin: 0 auto

}

#wxnr p {

	font-size: 14px;

	line-height: 30px;

	text-align: center;

}

#wxnr i {

	position: absolute;

	top: 5px;

	right: 5px;

	width: 30px;

	height: 30px;

	font-size: 20px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	font-weight: 700;

	font-style: normal;

	background: #333;

	border-radius: 30px;

	cursor: pointer;

}

#wxnr span {

	display: inline-block;

	padding: 3px 5px;

	line-height: 25px;

	background-color: #1048a0;

	color: #fff;

	border-radius: 5px;

	cursor: pointer;

}

#wxnr span.wx {

padding-left:.4rem;

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

background-size:.28rem;

background-position:.1rem center;

	background-repeat: no-repeat

}

#weixin {

	position: fixed;

	top: 50%;

margin-top:-.4rem;

	z-index: 9999999;

font-size:.26rem;

	color: #fff;

	width: 90%;

	right: 5%;

line-height:.8rem;

	text-align: center;

	background: rgba(0,0,0,.8);

	border: 2px solid #333;

border-radius:.1rem;

	display: none

}

.container_nav {

	padding-top: 80px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}

.container_nav .row {

	width: 100%;

	padding: 54.5px 0px;

	text-align: center;

}

.container_nav .row ul li {

	display: inline-block;

	vertical-align: middle;

	text-align: center;

	margin: 0px 20px;

}

.container_nav .row ul li a {

	display: block;

}

.container_nav .row ul li a i {

	display: block;

	width: 100px;

	height: 100px;

	border: 2px solid #fff;

	margin: 0 auto;

	border-radius: 50%;

	background-repeat: no-repeat;

	background-position: 0px 0px;

	-webkit-transition: background-color 0.4s ease;

	-moz-transition: background-color 0.4s ease;

	-ms-transition: background-color 0.4s ease;

	-o-transition: background-color 0.4s ease;

	transition: background-color 0.4s ease;

}

.container_nav .row ul li:hover a i, .container_nav .row ul li.on a i {

	background-color: #fff;

	background-position: 0px -100px;

}

.container_nav .row ul li a span {

	display: block;

	color: #fff;

	font-size: 18px;

	margin-top: 15px;

}

.container_nav .row ul li a i.anniu {

	background-position: 0px -100px;

	background-color: #fff;

}

.location {

	width: 100%;

	height: 40px;

	line-height: 40px;

	margin-bottom: 40px;

}

.location .location_wrap {

	width: 100%;

	height: 40px;

	margin: 0 auto;

	padding-left: 18px;

	background: url(../images/common_icons.png) no-repeat -792px -48px;

	box-sizing: border-box;

}

.location .location_wrap a {

	display: block;

	margin-right: 12px;

	float: left;

	color: #555;

	font-size: 12px;

}

.location .location_wrap a:hover {

	color: #006acd;

}

.location .location_wrap a:after {

	content: '>';

	display: block;

	float: right;

	margin-left: 12px;

	font-family: "Sunsim";

	line-height: 42px;

}

.location .location_wrap a:hover:after {

	color: #555;

}

.location .location_wrap a:last-of-type:after {

	display: none;

}

/*在线客服*/

.hide-text {

	font: 0/0 a;

	color: transparent;

	text-shadow: none;

	background-color: transparent;

	border: 0

}

.suspension {

	width: 46px;

	height: 210px;

	position: fixed;

	right: 30px;

	bottom: 60px;

	z-index: 999

}

.suspension li {

	position: relative;

	width: 46px;

	height: 46px;

	margin-top: 10px

}

.connect-us, .qrcode {

	position: absolute;

	bottom: 0;

	z-index: 30

}

.suspension li:first-child {

	margin-top: 0

}

.pop-qrcode, .pop-tel, .to-top {

	display: block;

	width: 100%;

	height: 100%;

	border: 1px solid #bcbcbc;

	background-color: #fff;

	background-repeat: no-repeat;

	background-position: center;

	background-image: url(../images/suspend_icon.png)

}

.pop-tel {

	border-color: #0af;

	background-color: #0af;

	background-position: -1px 0

}

.pop-qrcode {

	background-position: -1px -51px

}

.to-top {

	background-position: 0 -100px;

	cursor: pointer

}

.connect-us {

	width: 240px;

	right: 54px;

	background: #fff;

	border: 1px solid #ddd;

	-webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);

	-moz-box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);

	box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);

	display: none

}

.connect-us ul {

	margin: 32px 24px

}

.connect-us li {

	display: list-item;

	width: 100%;

	height: auto;

	padding: 16px 0;

	overflow: hidden;

	margin-top: 0;

	border-top: 1px solid #f4f4f4

}

.connect-us li:first-child {

	padding-top: 0;

	border-top: none

}

.connect-us li.feedback-item {

	padding-bottom: 0

}

.connect-us li a {

	display: inline-block;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: 0 0

}

.service-phone {

	background-image: url(../images/suspend_icon_01.png)

}

.service-phone:hover {

	background-image: url(../images/suspend_icon_01_blue.png)

}

.service-online {

	background-image: url(../images/suspend_icon_03.png)

}

.service-online:hover {

	background-image: url(../images/suspend_icon_03_blue.png)

}

.service-feedback:hover .info-name, .service-online:hover .info-name {

	color: #0af

}

.service-feedback {

	background-image: url(../images/suspend_icon_02.png)

}

.service-feedback:hover {

	background-image: url(../images/suspend_icon_02_blue.png)

}

.info-name, .info-value {

	display: block;

	padding-left: 52px

}

.info-name {

	height: 14px;

	font-size: 14px;

	color: #333

}

.info-value {

	margin-top: 8px;

	height: 18px;

	font-size: 18px;

	font-weight: 700;

	color: #f90

}

.service-feedback .info-value {

	font-size: 12px;

	font-weight: inherit;

	color: #999

}

.qrcode {

	width: 130px;

	height: 130px;

	right: 55px;

	-webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);

	-moz-box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);

	box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);

	background: #fff;

	display: none

}

.corner {

	border: 10px solid transparent;

	border-top: 10px solid #fff;

	position: absolute;

	bottom: -20px;

	right: 50%;

	margin-right: -10px;

	z-index: 10;

*height:0

}

/*分页*/

.page_box {

	overflow: hidden;

	text-align: center;

	font-size: 0;

	margin: 80px 0px;

}

.page_box a {

	display: inline-block;

	vertical-align: middle;

	border: 1px solid #d8d8d8;

	padding: 0px 16px;

	height: 34px;

	line-height: 34px;

	background: #fff;

	color: #8e8e8e;

	font-size: 15px;

	margin-right: 10px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px

}

.page_box a i {

	display: inline-block;

	font-size: 13px;

	vertical-align: middle;

	margin-right: 5px

}

.page_box a em {

	display: inline-block;

	font-size: 13px;

	vertical-align: middle;

	margin-left: 5px

}

.page_box span {

	display: inline-block;

	font-size: 16px;

	color: #8e8e8e;

	vertical-align: middle

}

.page_box input {

	width: 56px;

	height: 34px;

	display: inline-block;

	vertical-align: middle;

	background: #fff;

	border: 1px solid #d8d8d8;

	text-align: center;

	line-height: 34px;

	color: #555;

	font-size: 16px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin-left: 5px;

}

.page_box .submit {

	width: 56px;

	height: 36px;

	display: inline-block;

	vertical-align: middle;

	cursor: pointer;

	border: 1px solid #d8d8d8;

	background: #fff;

	color: #8e8e8e;

	font-size: 16px;

	margin-right: 9px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin-left: 10px

}

.page_box a.on, .page_box a:hover {

	border-color: #006acd;

	color: #fff;

	background: #006acd

}

.page_box a.on span {

	color: #fff;

}

.c_headen {

	height: 40px;

	background: #222;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 9

}

.c_headen .wrap {

	width: 100%;

}

.c_headen .c_head_l {

	float: left;

	height: 40px;

}

.c_headen .c_head_l li {

	float: left;

	width: 50px;

	height: 40px;

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

	transition: all 0.3s ease;

	cursor: pointer;

}

.c_headen .c_head_l li a {

	float: left;

	width: 50px;

	height: 40px;

}

.c_headen .c_head_l li.c_head_l_n {

	background-position: -200px 0px;

}

.c_headen .c_head_l li.c_head_l_n:hover {

	background-position: -200px -40px;

}

.c_headen .c_head_l li dl {

	height: 0;

	overflow: hidden;

	margin-top: 40px;

	transition: all 0.3s ease;

}

.c_headen .c_head_l li dl a {

	float: left;

	width: 150px;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	color: #fff;

	text-indent: 10px;

	border-bottom: 1px solid #4f4f4f;

}

.c_headen .c_head_l li dl a:hover {

	background: #006acd

}

.c_headen .c_head_l li.c_head_l_n:hover dl {

	height: auto;

	position: absolute;

	background: #414141;

	width: 150px;

	border-radius: 0 0 3px 3px;

}

.c_headen .c_head_l li.c_head_l_h {

	background-position: 0 0px;

}

.c_headen .c_head_l li.c_head_l_h:hover {

	background-position: 0 -40px;

}

.c_headen .c_head_l li.c_head_l_nx {

	background-position: -50px -0px;

}

.c_headen .c_head_l li.c_head_l_nx:hover {

	background-position: -50px -40px;

}

.c_headen .c_head_l li.c_head_l_nt {

	background-position: -100px -227px;

}

.c_headen .c_head_l li.c_head_l_nt:hover {

	background-position: -100px -267px;

}

.c_headen .c_head_c {

	float: right;

	height: 40px;

}

.c_headen .c_head_c .c_ss {

	float: left;

	width: 200px;

	width: 200px;

	height: 23px;

	line-height: 23px;

	border-left: 1px solid #999;

	border-top: 1px solid #999;

	border-bottom: 1px solid #999;

	border-right: none;

	background: none;

	outline: none;

	text-indent: 8px;

	margin-top: 7px;

	color: #ccc

}

.c_headen .c_head_c .c_sh {

	float: left;

	width: 30px;

	height: 25px;

	background: url(../images/head_bg.png) no-repeat -258px 3px;

	border-top: 1px solid #999;

	border-right: 1px solid #999;

	border-bottom: 1px solid #999;

	border-left: none;

	cursor: pointer;

	outline: none;

	margin-top: 7px;

}

.c_headen .c_head_r {

	float: right;

	height: 35px;

	line-height: 35px;

	margin: 0 20px;

}

.c_headen .c_head_r a {

	color: #ccc;

	font-size: 12px;

	margin: 0 5px;

}

.c_headen .c_head_r a:hover {

	text-decoration: underline;

}

 @media (min-width: 769px) {

/*共用元素*/

.hidden-lg {

	display: none;

}

/*导航*/

.header.fixednav {

	height: 60px !important;

}

.header.fixednav .logo {

	height: 60px;

}

.header.fixednav .logo a {

	padding: 10px 0px;

}

.header.fixednav .logo a img {

	height: 40px;

}

.header.fixednav .navbar {

	margin: 15px 30px 0 0 !important;

}

.header.fixednav .info .key {

	display: none;

	height: 20px;

	line-height: 20px;

}

.header.fixednav .info .tel {

	margin-top: 15px;

	margin-left: 0;

	padding-left: 25px;

}

.header .navbarlogo, .header .navbar .menuclos {

	display: none;

}

.header .navbar ul li#a9 {

	display: none;

}

}

/*屏幕小于1440px应用一下样式*/

@media (max-width:1440px) {

}



/*屏幕小于1024px应用一下样式*/

@media (max-width:1200px) {

.header .info {

	display: none;

}

}

@media (max-width:769px) {

}

/*屏幕小于768px应用一下样式*/

@media (max-width:768px) {

/*共用元素*/

.hidden-xs {

	display: none !important;

}

.hidden-lg {

	display: block !important;

}

.suspension, .AboutCom {

	display: none;

}

.header .navmap, .header.fixednav .navmap {

	display: none;

	margin: 10px 0px 10px 125px;

}

#toolbar {

	display: block;

}

/*导航*/

.header {

	height: 61px;

}

.header .logo {

	height: 50px;

	left: 10px;

}

.header .logo a {

	padding: 10px 0px;

}

.header .logo a img {

	height: 30px;

}

.header .navbar ul li#a9 {

	display: block;

}

.header .navbar {

	display: none;

	float: none;

	margin: 0px;

	position: fixed;

	z-index: 10;

	top: 0;

	left: 0;

	z-index: 59;

	background: #59b38d url(../images/navbarbg.jpg) no-repeat scroll center center / cover;

	margin: 0;

	padding: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	-webkit-transition: all 0s ease;

	-moz-transition: all 0s ease;

	-ms-transition: all 0s ease;

	-o-transition: all 0s ease;

	transition: all 0s ease;

}

.header .navbarlogo {

	position: fixed;

	z-index: 11;

	top: 20px;

	margin: 0;

	width: 100%;

	text-align: center;

	opacity: 0;

}

.header .navbarlogo a {

	display: block;

	height: auto;

	color: #fff;

}

.header .navbarlogo img {

	height: 60px;

}

.header .navbarlogo a h2 {

	margin: 10px 0 0;

	font-size: 1.5em;

	font-weight: normal;

	line-height: 100%;

}

.header .navbarlogo a h2 span {

}

.header .navbarlogo a p {

	margin: 5px 0 0;

	font-size: 1rem;

	line-height: 100%;

}

.header .navbar ul {

	position: absolute;

	left: 0px;

	top: 130px;

	width: 100%;

	padding: 0 5%;

	box-sizing: border-box;

}

.header .navbar ul li {

	position: relative;

	z-index: 1;

	float: left;

	width: 33.333333%;

	height: auto;

	line-height: 100%;

	margin: 0 -1px -1px 0;

	text-align: center;

	border: solid 1px #fff;

	box-sizing: border-box;

}

.header .navbar ul li a {

	display: block;

	color: #fff;

	padding: 38px 0px;

	line-height: 100%;

	margin-top: 0px;

}

.header .navbar ul li a span {

	display: block;

	margin: 5px 0 0;

	font-size: 0.75em;

	font-family: sanfranciscodisplay-regular, arial;

	text-transform: uppercase;

}

.header .navbar ul li a:hover {

	margin-top: 0px !important;

}

.header .navbar ul li:hover {

	z-index: 2;

	border: 1px solid #006acd;

}

.header .navbar ul li:hover a {

	color: #006acd;

}

.header .navbar ul li.on {

	background: #fff;

}

.header .navbar ul li.on a {

	color: #555;

}

.header .navbar .menuclos {

	display: none;

	position: fixed;

	z-index: 11;

	left: 50%;

	bottom: 0;

	margin: 0 0 50px -50px;

	width: 100px;

}

.header .navbar .menuclos p {

	position: relative;

	z-index: 2;

	background: #fff;

	margin: 0 0 30px;

	padding: 6px 10px;

	color: #666;

	text-align: center;

	font-size: 1em;

	border-radius: 15px;

	line-height: 100%;

	cursor: pointer;

}

.header .navbar .menuclos:before {

	content: "";

	position: absolute;

	z-index: 1;

	left: 50%;

	background: rgba(255,255,255,0.3);

	margin: 14px 0 0 -140px;

	width: 280px;

	height: 1px;

}

.header .nav-menu {

	display: block;

	position: relative;

	float: right;

	top: 10px;

	right: 10px;

	margin: 0;

	padding: 2px 5px;

	cursor: pointer;

}

.header .nav-menu span {

	display: block;

	background: #fff;

	margin: 4px 0;

	width: 25px;

	height: 4px;

	font-size: 1px;

	color: #fff;

	border-radius: 2px;

	text-indent: -99999px;

}

.fixd-box .wrap {

	padding: 20px 0;

}

.fixd-box .wrap h2 {

	font-size: 20px;

	padding: 10px;

}

.fixd-box .txt .left {

	float: left;

	width: 100%;

}

.fixd-box .left dl {

	font-size: 15px;

	padding: 10px;

}

.fixd-box .left dl:first-child {

	margin-bottom: 3em;

}

.fixd-box .left dl dt {

	float: left;

}

.fixd-box .left dl dt img {

	width: 100px;

	height: 100px;

}

.fixd-box .left dl dd {

	padding: 0px 0px 0px 10px;

}

.fixd-box .txt .right {

	width: 100%;

	line-height: 1.5;

	padding: 20px 10px 10px;

	box-sizing: border-box;

}

.fixd-box .txt .right p {

	font-size: 16px;

}

.fixd-box .txt .right span {

	font-size: 30px;

	font-family: Arial;

}

.fixd-box .close {

	width: 40px;

	height: 40px;

	background-size: 100% 100%;

}

/*我们的优势*/

.Customsite_advantage_bar h1 {

	font-size: 40px;

}

.Customsite_advantage_bar ul {

	margin-top: 4%;

}

.Customsite_advantage_bar ul li {

	width: 50%;

}

.Customsite_advantage_bar ul li p {

	font-size: 72px;

}

.index_footer {

	width: auto;

	padding: 60px 20px;

}

.index_footer .index_main .footer_fl {

	width: 100%;

	overflow: hidden;

	max-height: 50px;

	border-bottom: 1px solid #202020;

	border-right: 0px;

	-webkit-transition: max-height .3s cubic-bezier(.33, 0, 0, 1);

	transition: max-height .3s cubic-bezier(.33, 0, 0, 1);

}

.index_footer .index_main .footer_fl:hover {

	max-height: 205px;

	will-change: transform, max-height;

}

.index_footer .index_main .footer_fl dt {

	width: auto;

	margin-bottom: 0;

	padding: 14px 0px;

	position: relative;

}

.index_footer .index_main .footer_fl dt:after {

	content: "+";

	display: block;

	float: right;

	color: #676767;

	font-size: 18px;

	height: 21px;

	line-height: 21px;

	-webkit-transform-origin: 50%;

	-ms-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

}

.index_footer .index_main .footer_fl:hover dt:after {

	-webkit-transform: rotate(-135deg);

	-ms-transform: rotate(-135deg);

	transform: rotate(-135deg);

}

.index_footer .index_main .footer_fl dt a {

	margin: 0px;

	font-size: 15px;

	height: 21px;

	line-height: 21px;

}

.index_footer .index_main .footer_fl dd a {

	text-indent: 1em;

}

.index_footer .index_main .footer_fl dd:last-child {

	margin-bottom: 20px;

}

.index_footer .index_main .footer_fr {

	width: 100%;

	text-align: center;

	padding: 15px 0px 0px;

}

.index_footer .index_main .footer_fr img {

	width: 150px;

	height: 150px;

	margin: 0 auto;

}

.container_nav {

	padding-top: 50px;

}

.container_nav .row {

	padding: 20px 0px;

}

.container_nav .row ul li {

	margin: 0px 20px 10px;

}

.container_nav .row ul li a i {

	width: 80px;

	height: 80px;

	background-size: 80px auto;

}

.container_nav .row ul li:hover a i, .container_nav .row ul li.on a i {

	background-color: #fff;

	background-position: 0px -80px;

}

.location {

	margin-bottom: 20px;

	width: auto;

	padding: 0px 5px;

}

.container_nav .row ul li a i.anniu {

	background-position: 0px -80px;

	background-color: #fff;

}

}

/*屏幕小于540px应用一下样式*/

@media (max-width:540px) {

.container_nav .row ul li {

	margin: 0px 20px 10px;

}

.container_nav .row ul li a i {

	width: 56px;

	height: 56px;

	background-size: 56px auto;

}

.container_nav .row ul li:hover a i, .container_nav .row ul li.on a i {

	background-color: #fff;

	background-position: 0px -56px;

}

.container_nav .row ul li a span {

	margin-top: 5px;

	font-size: 15px;

}

.c_headen .c_head_c {

	display: none;

}

.c_headen .c_head_l li, .c_headen .c_head_l li a {

	width: 40px;

}

.c_headen .c_head_l li.c_head_l_n {

	background-position: -205px 0px;

}

.c_headen .c_head_l li.c_head_l_n:hover {

	background-position: -205px -40px;

}

.c_headen .c_head_l li.c_head_l_h {

	background-position: -3px 0px;

}

.c_headen .c_head_l li.c_head_l_h:hover {

	background-position: -3px -40px;

}

.c_headen .c_head_l li.c_head_l_nx {

	background-position: -55px 0px;

}

.c_headen .c_head_l li.c_head_l_nx:hover {

	background-position: -55px -40px;

}

.c_headen .c_head_r {

	margin: 0px;

}

.container_nav .row ul li a i.anniu {

	background-position: 0px -55px;

	background-color: #fff;

}

/*我们的优势*/

.Customsite_advantage_bar h1 {

	font-size: 28px;

}

.Customsite_advantage_bar ul li p {

	font-size: 40px;

}

.Customsite_advantage_bar ul li p sup {

	left: 0px;

	top: 0px;

}

}

#tips {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,0);

	z-index: 999999;

	display: none;

}

#tips div {

	position: absolute;

	top: 30%;

	left: 50%;

	padding: 10px;

	width: 90px;

	margin-left: -45px;

	background: rgba(0,0,0,0.6);

	background: url(../images/blank.png)\9;

	color: #fff;

	text-align: center;

	font-size: 14px;

	border-radius: 4px;

	word-wrap: break-word;

}

#tips .loading {

	padding-top: 38px;

	background: url(../images/blank.gif) center top no-repeat;

}

.link_box {

	max-width: 1200px;

	margin: 0 auto;

	padding-top: 36px;

}

.link_box a {

	color: #7b7b7b;

	margin: 0 10px

}

@media (max-width: 768px) {

.mobileyc {

	display: none;

}

}

@media (min-width: 769px) {

.pcyc {

	display: none;

}

}